@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

package/build/components/global-styles-sidebar/index.js

@@ -1,48 +1,57 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var global_styles_sidebar_exports = {};
+__export(global_styles_sidebar_exports, {
+  default: () => GlobalStylesSidebar
 });
-exports.default = GlobalStylesSidebar;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _preferences = require("@wordpress/preferences");
-var _editor = require("@wordpress/editor");
-var _compose = require("@wordpress/compose");
-var _router = require("@wordpress/router");
-var _globalStyles = require("../global-styles");
-var _store = require("../../store");
-var _ui = require("../global-styles/ui");
-var _lockUnlock = require("../../lock-unlock");
-var _coreData = require("@wordpress/core-data");
-var _defaultSidebar = _interopRequireDefault(require("./default-sidebar"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  interfaceStore
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
+module.exports = __toCommonJS(global_styles_sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_preferences = require("@wordpress/preferences");
+var import_editor = require("@wordpress/editor");
+var import_compose = require("@wordpress/compose");
+var import_router = require("@wordpress/router");
+var import_global_styles = require("../global-styles");
+var import_store = require("../../store");
+var import_ui = require("../global-styles/ui");
+var import_lock_unlock = require("../../lock-unlock");
+var import_core_data = require("@wordpress/core-data");
+var import_default_sidebar = __toESM(require("./default-sidebar"));
+const { interfaceStore } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
+const { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function GlobalStylesSidebar() {
-  const {
-    query
-  } = useLocation();
-  const {
-    canvas = 'view',
-    name
-  } = query;
+  const { query } = useLocation();
+  const { canvas = "view", name } = query;
   const {
     shouldClearCanvasContainerView,
     isStyleBookOpened,
@@ -50,130 +59,144 @@ function GlobalStylesSidebar() {
     hasRevisions,
     isRevisionsOpened,
     isRevisionsStyleBookOpened
-  } = (0, _data.useSelect)(select => {
-    const {
-      getActiveComplementaryArea
-    } = select(interfaceStore);
-    const {
-      getEditorCanvasContainerView
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const canvasContainerView = getEditorCanvasContainerView();
-    const _isVisualEditorMode = 'visual' === select(_editor.store).getEditorMode();
-    const _isEditCanvasMode = 'edit' === canvas;
-    const _showListViewByDefault = select(_preferences.store).get('core', 'showListViewByDefault');
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(_coreData.store);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return {
-      isStyleBookOpened: 'style-book' === canvasContainerView,
-      shouldClearCanvasContainerView: 'edit-site/global-styles' !== getActiveComplementaryArea('core') || !_isVisualEditorMode || !_isEditCanvasMode,
-      showListViewByDefault: _showListViewByDefault,
-      hasRevisions: !!globalStyles?._links?.['version-history']?.[0]?.count,
-      isRevisionsStyleBookOpened: 'global-styles-revisions:style-book' === canvasContainerView,
-      isRevisionsOpened: 'global-styles-revisions' === canvasContainerView
-    };
-  }, [canvas]);
-  const {
-    setEditorCanvasContainerView
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  (0, _element.useEffect)(() => {
+  } = (0, import_data.useSelect)(
+    (select) => {
+      const { getActiveComplementaryArea: getActiveComplementaryArea2 } = select(interfaceStore);
+      const { getEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
+        select(import_store.store)
+      );
+      const canvasContainerView = getEditorCanvasContainerView();
+      const _isVisualEditorMode = "visual" === select(import_editor.store).getEditorMode();
+      const _isEditCanvasMode = "edit" === canvas;
+      const _showListViewByDefault = select(import_preferences.store).get(
+        "core",
+        "showListViewByDefault"
+      );
+      const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(import_core_data.store);
+      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
+      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
+      return {
+        isStyleBookOpened: "style-book" === canvasContainerView,
+        shouldClearCanvasContainerView: "edit-site/global-styles" !== getActiveComplementaryArea2("core") || !_isVisualEditorMode || !_isEditCanvasMode,
+        showListViewByDefault: _showListViewByDefault,
+        hasRevisions: !!globalStyles?._links?.["version-history"]?.[0]?.count,
+        isRevisionsStyleBookOpened: "global-styles-revisions:style-book" === canvasContainerView,
+        isRevisionsOpened: "global-styles-revisions" === canvasContainerView
+      };
+    },
+    [canvas]
+  );
+  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useDispatch)(import_store.store)
+  );
+  const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<");
+  (0, import_element.useEffect)(() => {
     if (shouldClearCanvasContainerView) {
-      setEditorCanvasContainerView(undefined);
+      setEditorCanvasContainerView(void 0);
     }
   }, [shouldClearCanvasContainerView, setEditorCanvasContainerView]);
-  const {
-    setIsListViewOpened
-  } = (0, _data.useDispatch)(_editor.store);
+  const { setIsListViewOpened } = (0, import_data.useDispatch)(import_editor.store);
   const toggleRevisions = () => {
     setIsListViewOpened(false);
     if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView('style-book');
+      setEditorCanvasContainerView("style-book");
       return;
     }
     if (isRevisionsOpened) {
-      setEditorCanvasContainerView(undefined);
+      setEditorCanvasContainerView(void 0);
       return;
     }
     if (isStyleBookOpened) {
-      setEditorCanvasContainerView('global-styles-revisions:style-book');
+      setEditorCanvasContainerView(
+        "global-styles-revisions:style-book"
+      );
     } else {
-      setEditorCanvasContainerView('global-styles-revisions');
+      setEditorCanvasContainerView("global-styles-revisions");
     }
   };
   const toggleStyleBook = () => {
     if (isRevisionsOpened) {
-      setEditorCanvasContainerView('global-styles-revisions:style-book');
+      setEditorCanvasContainerView(
+        "global-styles-revisions:style-book"
+      );
       return;
     }
     if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView('global-styles-revisions');
+      setEditorCanvasContainerView("global-styles-revisions");
       return;
     }
     setIsListViewOpened(isStyleBookOpened && showListViewByDefault);
-    setEditorCanvasContainerView(isStyleBookOpened ? undefined : 'style-book');
+    setEditorCanvasContainerView(
+      isStyleBookOpened ? void 0 : "style-book"
+    );
   };
-  const {
-    getActiveComplementaryArea
-  } = (0, _data.useSelect)(interfaceStore);
-  const {
-    enableComplementaryArea
-  } = (0, _data.useDispatch)(interfaceStore);
-  const previousActiveAreaRef = (0, _element.useRef)(null);
-  (0, _element.useEffect)(() => {
-    if (name === 'styles' && canvas === 'edit') {
-      previousActiveAreaRef.current = getActiveComplementaryArea('core');
-      enableComplementaryArea('core', 'edit-site/global-styles');
+  const { getActiveComplementaryArea } = (0, import_data.useSelect)(interfaceStore);
+  const { enableComplementaryArea } = (0, import_data.useDispatch)(interfaceStore);
+  const previousActiveAreaRef = (0, import_element.useRef)(null);
+  (0, import_element.useEffect)(() => {
+    if (name === "styles" && canvas === "edit") {
+      previousActiveAreaRef.current = getActiveComplementaryArea("core");
+      enableComplementaryArea("core", "edit-site/global-styles");
     } else if (previousActiveAreaRef.current) {
-      enableComplementaryArea('core', previousActiveAreaRef.current);
+      enableComplementaryArea("core", previousActiveAreaRef.current);
     }
   }, [name, enableComplementaryArea, canvas, getActiveComplementaryArea]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_defaultSidebar.default, {
-    className: "edit-site-global-styles-sidebar",
-    identifier: "edit-site/global-styles",
-    title: (0, _i18n.__)('Styles'),
-    icon: _icons.styles,
-    closeLabel: (0, _i18n.__)('Close Styles'),
-    panelClassName: "edit-site-global-styles-sidebar__panel",
-    header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-      className: "edit-site-global-styles-sidebar__header",
-      gap: 1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-          className: "edit-site-global-styles-sidebar__header-title",
-          children: (0, _i18n.__)('Styles')
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-        justify: "flex-end",
-        gap: 1,
-        className: "edit-site-global-styles-sidebar__header-actions",
-        children: [!isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            icon: _icons.seen,
-            label: (0, _i18n.__)('Style Book'),
-            isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
-            accessibleWhenDisabled: true,
-            disabled: shouldClearCanvasContainerView,
-            onClick: toggleStyleBook,
-            size: "compact"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            label: (0, _i18n.__)('Revisions'),
-            icon: _icons.backup,
-            onClick: toggleRevisions,
-            accessibleWhenDisabled: true,
-            disabled: !hasRevisions,
-            isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
-            size: "compact"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.GlobalStylesMenuSlot, {})]
-      })]
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStyles.GlobalStylesUI, {})
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_default_sidebar.default,
+    {
+      className: "edit-site-global-styles-sidebar",
+      identifier: "edit-site/global-styles",
+      title: (0, import_i18n.__)("Styles"),
+      icon: import_icons.styles,
+      closeLabel: (0, import_i18n.__)("Close Styles"),
+      panelClassName: "edit-site-global-styles-sidebar__panel",
+      header: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_components.Flex,
+        {
+          className: "edit-site-global-styles-sidebar__header",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "edit-site-global-styles-sidebar__header-title", children: (0, import_i18n.__)("Styles") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_components.Flex,
+              {
+                justify: "flex-end",
+                gap: 1,
+                className: "edit-site-global-styles-sidebar__header-actions",
+                children: [
+                  !isMobileViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.Button,
+                    {
+                      icon: import_icons.seen,
+                      label: (0, import_i18n.__)("Style Book"),
+                      isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
+                      accessibleWhenDisabled: true,
+                      disabled: shouldClearCanvasContainerView,
+                      onClick: toggleStyleBook,
+                      size: "compact"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.Button,
+                    {
+                      label: (0, import_i18n.__)("Revisions"),
+                      icon: import_icons.backup,
+                      onClick: toggleRevisions,
+                      accessibleWhenDisabled: true,
+                      disabled: !hasRevisions,
+                      isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
+                      size: "compact"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.GlobalStylesMenuSlot, {})
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_global_styles.GlobalStylesUI, {})
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/global-styles-sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_compose","_router","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","useLocation","routerPrivateApis","GlobalStylesSidebar","query","canvas","name","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","isMobileViewport","useViewportMatch","useEffect","setIsListViewOpened","toggleRevisions","toggleStyleBook","enableComplementaryArea","previousActiveAreaRef","useRef","current","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexItem","justify","Button","seen","label","isPressed","accessibleWhenDisabled","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view', name } = query;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( name === 'styles' && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ name, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened ||\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened ||\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAIA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAKA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,GAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AACA,IAAAc,eAAA,GAAAC,sBAAA,CAAAf,OAAA;AAA+C,IAAAgB,WAAA,GAAAhB,OAAA;AAxB/C;AACA;AACA;;AAcA;AACA;AACA;;AAQA,MAAM;EAAEiB;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AACtD,MAAM;EAAEC;AAAY,CAAC,GAAG,IAAAF,kBAAM,EAAEG,mBAAkB,CAAC;AAEpC,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAM,CAAC,GAAGH,WAAW,CAAC,CAAC;EAC/B,MAAM;IAAEI,MAAM,GAAG,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EACvC,MAAM;IACLG,8BAA8B;IAC9BC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZC,iBAAiB;IACjBC;EACD,CAAC,GAAG,IAAAC,eAAS,EACVC,MAAM,IAAM;IACb,MAAM;MAAEC;IAA2B,CAAC,GAAGD,MAAM,CAAEhB,cAAe,CAAC;IAC/D,MAAM;MAAEkB;IAA6B,CAAC,GAAG,IAAAjB,kBAAM,EAC9Ce,MAAM,CAAEG,YAAc,CACvB,CAAC;IACD,MAAMC,mBAAmB,GAAGF,4BAA4B,CAAC,CAAC;IAC1D,MAAMG,mBAAmB,GACxB,QAAQ,KAAKL,MAAM,CAAEM,aAAY,CAAC,CAACC,aAAa,CAAC,CAAC;IACnD,MAAMC,iBAAiB,GAAG,MAAM,KAAKjB,MAAM;IAC3C,MAAMkB,sBAAsB,GAAGT,MAAM,CAAEU,kBAAiB,CAAC,CAACC,GAAG,CAC5D,MAAM,EACN,uBACD,CAAC;IACD,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEb,MAAM,CAAEc,eAAU,CAAC;IAEpB,MAAMC,cAAc,GAAGF,sCAAsC,CAAC,CAAC;IAC/D,MAAMG,YAAY,GAAGD,cAAc,GAChCH,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEG,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNvB,iBAAiB,EAAE,YAAY,KAAKU,mBAAmB;MACvDX,8BAA8B,EAC7B,yBAAyB,KACxBQ,0BAA0B,CAAE,MAAO,CAAC,IACrC,CAAEI,mBAAmB,IACrB,CAAEG,iBAAiB;MACpBb,qBAAqB,EAAEc,sBAAsB;MAC7Cb,YAAY,EACX,CAAC,CAAEoB,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAClDC,KAAK;MACTrB,0BAA0B,EACzB,oCAAoC,KACpCM,mBAAmB;MACpBP,iBAAiB,EAChB,yBAAyB,KAAKO;IAChC,CAAC;EACF,CAAC,EACD,CAAEb,MAAM,CACT,CAAC;EACD,MAAM;IAAE6B;EAA6B,CAAC,GAAG,IAAAnC,kBAAM,EAC9C,IAAAoC,iBAAW,EAAElB,YAAc,CAC5B,CAAC;EACD,MAAMmB,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAE1D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAK/B,8BAA8B,EAAG;MACrC2B,4BAA4B,CAAEH,SAAU,CAAC;IAC1C;EACD,CAAC,EAAE,CAAExB,8BAA8B,EAAE2B,4BAA4B,CAAG,CAAC;EAErE,MAAM;IAAEK;EAAoB,CAAC,GAAG,IAAAJ,iBAAW,EAAEf,aAAY,CAAC;EAE1D,MAAMoB,eAAe,GAAGA,CAAA,KAAM;IAC7BD,mBAAmB,CAAE,KAAM,CAAC;IAC5B,IAAK3B,0BAA0B,EAAG;MACjCsB,4BAA4B,CAAE,YAAa,CAAC;MAC5C;IACD;IACA,IAAKvB,iBAAiB,EAAG;MACxBuB,4BAA4B,CAAEH,SAAU,CAAC;MACzC;IACD;IAEA,IAAKvB,iBAAiB,EAAG;MACxB0B,4BAA4B,CAC3B,oCACD,CAAC;IACF,CAAC,MAAM;MACNA,4BAA4B,CAAE,yBAA0B,CAAC;IAC1D;EACD,CAAC;EACD,MAAMO,eAAe,GAAGA,CAAA,KAAM;IAC7B,IAAK9B,iBAAiB,EAAG;MACxBuB,4BAA4B,CAC3B,oCACD,CAAC;MACD;IACD;IACA,IAAKtB,0BAA0B,EAAG;MACjCsB,4BAA4B,CAAE,yBAA0B,CAAC;MACzD;IACD;IACAK,mBAAmB,CAAE/B,iBAAiB,IAAIC,qBAAsB,CAAC;IACjEyB,4BAA4B,CAC3B1B,iBAAiB,GAAGuB,SAAS,GAAG,YACjC,CAAC;EACF,CAAC;EAED,MAAM;IAAEhB;EAA2B,CAAC,GAAG,IAAAF,eAAS,EAAEf,cAAe,CAAC;EAClE,MAAM;IAAE4C;EAAwB,CAAC,GAAG,IAAAP,iBAAW,EAAErC,cAAe,CAAC;EACjE,MAAM6C,qBAAqB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAE5C,IAAAN,kBAAS,EAAE,MAAM;IAChB,IAAKhC,IAAI,KAAK,QAAQ,IAAID,MAAM,KAAK,MAAM,EAAG;MAC7CsC,qBAAqB,CAACE,OAAO,GAC5B9B,0BAA0B,CAAE,MAAO,CAAC;MACrC2B,uBAAuB,CAAE,MAAM,EAAE,yBAA0B,CAAC;IAC7D,CAAC,MAAM,IAAKC,qBAAqB,CAACE,OAAO,EAAG;MAC3CH,uBAAuB,CAAE,MAAM,EAAEC,qBAAqB,CAACE,OAAQ,CAAC;IACjE;EACD,CAAC,EAAE,CAAEvC,IAAI,EAAEoC,uBAAuB,EAAErC,MAAM,EAAEU,0BAA0B,CAAG,CAAC;EAE1E,oBACC,IAAAlB,WAAA,CAAAiD,GAAA,EAACnD,eAAA,CAAAoD,OAAc;IACdC,SAAS,EAAC,iCAAiC;IAC3CC,UAAU,EAAC,yBAAyB;IACpCC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,IAAI,EAAGC,aAAQ;IACfC,UAAU,EAAG,IAAAH,QAAE,EAAE,cAAe,CAAG;IACnCI,cAAc,EAAC,wCAAwC;IACvDC,MAAM,eACL,IAAA3D,WAAA,CAAA4D,IAAA,EAAC7E,WAAA,CAAA8E,IAAI;MACJV,SAAS,EAAC,yCAAyC;MACnDW,GAAG,EAAG,CAAG;MAAAC,QAAA,gBAET,IAAA/D,WAAA,CAAAiD,GAAA,EAAClE,WAAA,CAAAiF,QAAQ;QAAAD,QAAA,eACR,IAAA/D,WAAA,CAAAiD,GAAA;UAAIE,SAAS,EAAC,+CAA+C;UAAAY,QAAA,EAC1D,IAAAT,QAAE,EAAE,QAAS;QAAC,CACb;MAAC,CACI,CAAC,eACX,IAAAtD,WAAA,CAAA4D,IAAA,EAAC7E,WAAA,CAAA8E,IAAI;QACJI,OAAO,EAAC,UAAU;QAClBH,GAAG,EAAG,CAAG;QACTX,SAAS,EAAC,iDAAiD;QAAAY,QAAA,GAEzD,CAAExB,gBAAgB,iBACnB,IAAAvC,WAAA,CAAAiD,GAAA,EAAClE,WAAA,CAAAiF,QAAQ;UAAAD,QAAA,eACR,IAAA/D,WAAA,CAAAiD,GAAA,EAAClE,WAAA,CAAAmF,MAAM;YACNX,IAAI,EAAGY,WAAM;YACbC,KAAK,EAAG,IAAAd,QAAE,EAAE,YAAa,CAAG;YAC5Be,SAAS,EACR1D,iBAAiB,IACjBI,0BACA;YACDuD,sBAAsB;YACtBC,QAAQ,EAAG7D,8BAAgC;YAC3C8D,OAAO,EAAG5B,eAAiB;YAC3B6B,IAAI,EAAC;UAAS,CACd;QAAC,CACO,CACV,eACD,IAAAzE,WAAA,CAAAiD,GAAA,EAAClE,WAAA,CAAAiF,QAAQ;UAAAD,QAAA,eACR,IAAA/D,WAAA,CAAAiD,GAAA,EAAClE,WAAA,CAAAmF,MAAM;YACNE,KAAK,EAAG,IAAAd,QAAE,EAAE,WAAY,CAAG;YAC3BC,IAAI,EAAGmB,aAAQ;YACfF,OAAO,EAAG7B,eAAiB;YAC3B2B,sBAAsB;YACtBC,QAAQ,EAAG,CAAE1D,YAAc;YAC3BwD,SAAS,EACRvD,iBAAiB,IACjBC,0BACA;YACD0D,IAAI,EAAC;UAAS,CACd;QAAC,CACO,CAAC,eACX,IAAAzE,WAAA,CAAAiD,GAAA,EAACtD,GAAA,CAAAgF,oBAAoB,IAAE,CAAC;MAAA,CACnB,CAAC;IAAA,CACF,CACN;IAAAZ,QAAA,eAED,IAAA/D,WAAA,CAAAiD,GAAA,EAACxD,aAAA,CAAAmF,cAAc,IAAE;EAAC,CACH,CAAC;AAEnB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view', name } = query;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( name === 'styles' && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ name, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened ||\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened ||\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["editorPrivateApis", "routerPrivateApis", "getActiveComplementaryArea", "editSiteStore", "editorStore", "preferencesStore", "coreStore", "DefaultSidebar"]
+}

package/build/components/layout/animation.js

@@ -1,19 +1,28 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animation_exports = {};
+__export(animation_exports, {
+  default: () => animation_default
 });
-exports.default = void 0;
-var _web = require("@react-spring/web");
-var _element = require("@wordpress/element");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(animation_exports);
+var import_web = require("@react-spring/web");
+var import_element = require("@wordpress/element");
 function getAbsolutePosition(element) {
   return {
     top: element.offsetTop,
@@ -21,80 +30,51 @@ function getAbsolutePosition(element) {
   };
 }
 const ANIMATION_DURATION = 400;
-
-/**
- * Hook used to compute the styles required to move a div into a new position.
- *
- * The way this animation works is the following:
- *  - It first renders the element as if there was no animation.
- *  - It takes a snapshot of the position of the block to use it
- *    as a destination point for the animation.
- *  - It restores the element to the previous position using a CSS transform
- *  - It uses the "resetAnimation" flag to reset the animation
- *    from the beginning in order to animate to the new destination point.
- *
- * @param {Object} $1                          Options
- * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.
- */
-function useMovingAnimation({
-  triggerAnimationOnChange
-}) {
-  const ref = (0, _element.useRef)();
-
-  // Whenever the trigger changes, we need to take a snapshot of the current
-  // position of the block to use it as a destination point for the animation.
-  const {
-    previous,
-    prevRect
-  } = (0, _element.useMemo)(() => ({
-    previous: ref.current && getAbsolutePosition(ref.current),
-    prevRect: ref.current && ref.current.getBoundingClientRect()
-  }), [triggerAnimationOnChange]);
-  (0, _element.useLayoutEffect)(() => {
+function useMovingAnimation({ triggerAnimationOnChange }) {
+  const ref = (0, import_element.useRef)();
+  const { previous, prevRect } = (0, import_element.useMemo)(
+    () => ({
+      previous: ref.current && getAbsolutePosition(ref.current),
+      prevRect: ref.current && ref.current.getBoundingClientRect()
+    }),
+    [triggerAnimationOnChange]
+  );
+  (0, import_element.useLayoutEffect)(() => {
     if (!previous || !ref.current) {
       return;
     }
-
-    // We disable the animation if the user has a preference for reduced
-    // motion.
-    const disableAnimation = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const disableAnimation = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
     if (disableAnimation) {
       return;
     }
-    const controller = new _web.Controller({
+    const controller = new import_web.Controller({
       x: 0,
       y: 0,
       width: prevRect.width,
       height: prevRect.height,
       config: {
         duration: ANIMATION_DURATION,
-        easing: _web.easings.easeInOutQuint
+        easing: import_web.easings.easeInOutQuint
       },
-      onChange({
-        value
-      }) {
+      onChange({ value }) {
         if (!ref.current) {
           return;
         }
-        let {
-          x,
-          y,
-          width,
-          height
-        } = value;
-        x = Math.round(x);
-        y = Math.round(y);
-        width = Math.round(width);
-        height = Math.round(height);
-        const finishedMoving = x === 0 && y === 0;
-        ref.current.style.transformOrigin = 'center center';
-        ref.current.style.transform = finishedMoving ? null // Set to `null` to explicitly remove the transform.
-        : `translate3d(${x}px,${y}px,0)`;
-        ref.current.style.width = finishedMoving ? null : `${width}px`;
-        ref.current.style.height = finishedMoving ? null : `${height}px`;
+        let { x: x2, y: y2, width: width2, height: height2 } = value;
+        x2 = Math.round(x2);
+        y2 = Math.round(y2);
+        width2 = Math.round(width2);
+        height2 = Math.round(height2);
+        const finishedMoving = x2 === 0 && y2 === 0;
+        ref.current.style.transformOrigin = "center center";
+        ref.current.style.transform = finishedMoving ? null : `translate3d(${x2}px,${y2}px,0)`;
+        ref.current.style.width = finishedMoving ? null : `${width2}px`;
+        ref.current.style.height = finishedMoving ? null : `${height2}px`;
       }
     });
-    ref.current.style.transform = undefined;
+    ref.current.style.transform = void 0;
     const destination = ref.current.getBoundingClientRect();
     const x = Math.round(prevRect.left - destination.left);
     const y = Math.round(prevRect.top - destination.top);
@@ -105,12 +85,7 @@ function useMovingAnimation({
       y: 0,
       width,
       height,
-      from: {
-        x,
-        y,
-        width: prevRect.width,
-        height: prevRect.height
-      }
+      from: { x, y, width: prevRect.width, height: prevRect.height }
     });
     return () => {
       controller.stop();
@@ -124,5 +99,5 @@ function useMovingAnimation({
   }, [previous, prevRect]);
   return ref;
 }
-var _default = exports.default = useMovingAnimation;
-//# sourceMappingURL=animation.js.map
+var animation_default = useMovingAnimation;
+//# sourceMappingURL=animation.js.map

package/build/components/layout/animation.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_web","require","_element","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","ANIMATION_DURATION","useMovingAnimation","triggerAnimationOnChange","ref","useRef","previous","prevRect","useMemo","current","getBoundingClientRect","useLayoutEffect","disableAnimation","window","matchMedia","matches","controller","Controller","x","y","width","height","config","duration","easing","easings","easeInOutQuint","onChange","value","Math","round","finishedMoving","style","transformOrigin","transform","undefined","destination","start","from","stop","set","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/layout/animation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/layout/animation.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAAoC;AAKpC,qBAAiD;AAEjD,SAAS,oBAAqB,SAAU;AACvC,SAAO;AAAA,IACN,KAAK,QAAQ;AAAA,IACb,MAAM,QAAQ;AAAA,EACf;AACD;AAEA,MAAM,qBAAqB;AAgB3B,SAAS,mBAAoB,EAAE,yBAAyB,GAAI;AAC3D,QAAM,UAAM,uBAAO;AAInB,QAAM,EAAE,UAAU,SAAS,QAAI;AAAA,IAC9B,OAAQ;AAAA,MACP,UAAU,IAAI,WAAW,oBAAqB,IAAI,OAAQ;AAAA,MAC1D,UAAU,IAAI,WAAW,IAAI,QAAQ,sBAAsB;AAAA,IAC5D;AAAA,IACA,CAAE,wBAAyB;AAAA,EAC5B;AAEA,sCAAiB,MAAM;AACtB,QAAK,CAAE,YAAY,CAAE,IAAI,SAAU;AAClC;AAAA,IACD;AAIA,UAAM,mBAAmB,OAAO;AAAA,MAC/B;AAAA,IACD,EAAE;AAEF,QAAK,kBAAmB;AACvB;AAAA,IACD;AAEA,UAAM,aAAa,IAAI,sBAAY;AAAA,MAClC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO,SAAS;AAAA,MAChB,QAAQ,SAAS;AAAA,MACjB,QAAQ;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,mBAAQ;AAAA,MACjB;AAAA,MACA,SAAU,EAAE,MAAM,GAAI;AACrB,YAAK,CAAE,IAAI,SAAU;AACpB;AAAA,QACD;AACA,YAAI,EAAE,GAAAA,IAAG,GAAAC,IAAG,OAAAC,QAAO,QAAAC,QAAO,IAAI;AAC9B,QAAAH,KAAI,KAAK,MAAOA,EAAE;AAClB,QAAAC,KAAI,KAAK,MAAOA,EAAE;AAClB,QAAAC,SAAQ,KAAK,MAAOA,MAAM;AAC1B,QAAAC,UAAS,KAAK,MAAOA,OAAO;AAC5B,cAAM,iBAAiBH,OAAM,KAAKC,OAAM;AACxC,YAAI,QAAQ,MAAM,kBAAkB;AACpC,YAAI,QAAQ,MAAM,YAAY,iBAC3B,OACA,eAAgBD,EAAE,MAAOC,EAAE;AAC9B,YAAI,QAAQ,MAAM,QAAQ,iBACvB,OACA,GAAIC,MAAM;AACb,YAAI,QAAQ,MAAM,SAAS,iBACxB,OACA,GAAIC,OAAO;AAAA,MACf;AAAA,IACD,CAAE;AAEF,QAAI,QAAQ,MAAM,YAAY;AAC9B,UAAM,cAAc,IAAI,QAAQ,sBAAsB;AAEtD,UAAM,IAAI,KAAK,MAAO,SAAS,OAAO,YAAY,IAAK;AACvD,UAAM,IAAI,KAAK,MAAO,SAAS,MAAM,YAAY,GAAI;AACrD,UAAM,QAAQ,YAAY;AAC1B,UAAM,SAAS,YAAY;AAE3B,eAAW,MAAO;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAM,EAAE,GAAG,GAAG,OAAO,SAAS,OAAO,QAAQ,SAAS,OAAO;AAAA,IAC9D,CAAE;AAEF,WAAO,MAAM;AACZ,iBAAW,KAAK;AAChB,iBAAW,IAAK;AAAA,QACf,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,SAAS;AAAA,QAChB,QAAQ,SAAS;AAAA,MAClB,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAE,UAAU,QAAS,CAAE;AAE1B,SAAO;AACR;AAEA,IAAO,oBAAQ;",
+  "names": ["x", "y", "width", "height"]
+}