Bug 1765239 - [devtools] Move SplitView.jsm to styleeditor. r=ochameau.

It's only used here, so let's move it back here

Differential Revision: https://phabricator.services.mozilla.com/D144148

devtools/client/jar.mn

@@ -6,7 +6,6 @@ devtools.jar:
 %   content devtools %content/
     content/shared/vendor/dagre-d3.js (shared/vendor/dagre-d3.js)
     content/shared/widgets/widgets.css (shared/widgets/widgets.css)
-    content/shared/splitview.css (shared/splitview.css)
     content/shared/toolbarbutton.css (shared/toolbarbutton.css)
     content/shared/theme-switching.js (shared/theme-switching.js)
     content/shared/widgets/graphs-frame.xhtml (shared/widgets/graphs-frame.xhtml)

devtools/client/shared/moz.build

@@ -44,7 +44,6 @@ DevToolsModules(
     "screenshot.js",
     "scroll.js",
     "source-utils.js",
-    "SplitView.jsm",
     "string-utils.js",
     "stylesheet-utils.js",
     "suggestion-picker.js",

devtools/client/shared/splitview.css

@@ -1,82 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-box,
-.splitview-nav {
-  -moz-box-flex: 1;
-  -moz-box-orient: vertical;
-}
-
-.splitview-nav-container {
-  -moz-box-pack: center;
-}
-
-.loading .splitview-nav-container > .placeholder {
-  display: none !important;
-}
-
-.splitview-controller,
-.splitview-main {
-  -moz-box-flex: 0;
-}
-
-.splitview-controller {
-  min-height: 3em;
-  max-height: 14em;
-  max-width: 400px;
-  min-width: 200px;
-}
-
-.splitview-nav {
-  display: -moz-box;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-/* only the active details pane is shown */
-.splitview-side-details > * {
-  display: none;
-}
-.splitview-side-details > .splitview-active {
-  display: -moz-box;
-}
-
-/* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */
-@media (min-width: 701px) {
-  .splitview-root {
-    -moz-box-orient: horizontal;
-  }
-  .splitview-controller {
-    max-height: none;
-  }
-  .splitview-details {
-    display: none;
-  }
-  .splitview-details.splitview-active {
-    display: -moz-box;
-  }
-}
-
-/* filtered items are hidden */
-ol.splitview-nav > li.splitview-filtered {
-  display: none;
-}
-
-/* "empty list" and "all filtered" placeholders are hidden */
-.splitview-nav:empty,
-.splitview-nav.splitview-all-filtered,
-.splitview-nav + .splitview-nav.placeholder {
-  display: none;
-}
-.splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered,
-.splitview-nav:empty ~ .splitview-nav.placeholder.empty {
-  display: -moz-box;
-}
-
-/* portrait mode */
-@media (max-width: 700px) {
-  .splitview-controller {
-    max-width: none;
-  }
-}

devtools/client/styleeditor/StyleEditorUI.jsm

@@ -23,7 +23,7 @@ const {
 } = require("resource://devtools/client/styleeditor/StyleEditorUtil.jsm");
 const {
   SplitView,
-} = require("resource://devtools/client/shared/SplitView.jsm");
+} = require("resource://devtools/client/styleeditor/SplitView.jsm");
 const {
   StyleSheetEditor,
 } = require("resource://devtools/client/styleeditor/StyleSheetEditor.jsm");

devtools/client/styleeditor/index.xhtml

@@ -9,7 +9,6 @@
 
 <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
 <?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
-<?xml-stylesheet href="chrome://devtools/content/shared/splitview.css" type="text/css"?>
 <?xml-stylesheet href="chrome://devtools/content/shared/toolbarbutton.css" type="text/css"?>
 <?xml-stylesheet href="chrome://devtools/skin/chart.css" type="text/css"?>
 <?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>

devtools/client/styleeditor/moz.build

@@ -9,6 +9,7 @@ BROWSER_CHROME_MANIFESTS += ["test/browser.ini"]
 DevToolsModules(
     "original-source.js",
     "panel.js",
+    "SplitView.jsm",
     "StyleEditorUI.jsm",
     "StyleEditorUtil.jsm",
     "StyleSheetEditor.jsm",

devtools/client/themes/splitview.css

@@ -21,6 +21,12 @@
   }
 }
 
+box,
+.splitview-nav {
+  -moz-box-flex: 1;
+  -moz-box-orient: vertical;
+}
+
 .splitview-nav {
   list-style: none;
   padding: 0;
@@ -67,3 +73,76 @@
 .loading .splitview-nav-container {
   border-inline-end: 1px solid var(--theme-splitter-color);
 }
+
+.splitview-nav-container {
+  -moz-box-pack: center;
+}
+
+.loading .splitview-nav-container > .placeholder {
+  display: none !important;
+}
+
+.splitview-controller,
+.splitview-main {
+  -moz-box-flex: 0;
+}
+
+.splitview-controller {
+  min-height: 3em;
+  max-height: 14em;
+  max-width: 400px;
+  min-width: 200px;
+}
+
+.splitview-nav {
+  display: -moz-box;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+/* only the active details pane is shown */
+.splitview-side-details > * {
+  display: none;
+}
+.splitview-side-details > .splitview-active {
+  display: -moz-box;
+}
+
+/* filtered items are hidden */
+ol.splitview-nav > li.splitview-filtered {
+  display: none;
+}
+
+/* "empty list" and "all filtered" placeholders are hidden */
+.splitview-nav:empty,
+.splitview-nav.splitview-all-filtered,
+.splitview-nav + .splitview-nav.placeholder {
+  display: none;
+}
+.splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered,
+.splitview-nav:empty ~ .splitview-nav.placeholder.empty {
+  display: -moz-box;
+}
+
+/* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */
+@media (min-width: 701px) {
+  .splitview-root {
+    -moz-box-orient: horizontal;
+  }
+  .splitview-controller {
+    max-height: none;
+  }
+  .splitview-details {
+    display: none;
+  }
+  .splitview-details.splitview-active {
+    display: -moz-box;
+  }
+}
+
+/* portrait mode */
+@media (max-width: 700px) {
+  .splitview-controller {
+    max-width: none;
+  }
+}