npm - @wordpress/edit-site - Versions diffs - 6.10.0 → 6.11.0 - Mend

@wordpress/edit-site 6.10.0 → 6.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (439) hide show

package/build/components/global-styles-sidebar/default-sidebar.js CHANGED Viewed

@@ -37,7 +37,6 @@ function DefaultSidebar({
       scope: "core",
       identifier: identifier,
       title: title,
-      smallScreenTitle: title,
       icon: icon,
       closeLabel: closeLabel,
       header: header,

package/build/components/global-styles-sidebar/default-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope"~~,"smallScreenTitle"~~],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/default-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\~~tsmallScreenTitle={ title }\n\t\t\t\~~ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;~~MACfY~~,~~gBAAgB,EAAGZ,KAAO;MAC1BC,~~IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/default-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;MACfC,IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}

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

@@ -12,6 +12,8 @@ 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");
@@ -30,7 +32,16 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   interfaceStore
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 function GlobalStylesSidebar() {
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   const {
     shouldClearCanvasContainerView,
     isStyleBookOpened,
@@ -43,12 +54,11 @@ function GlobalStylesSidebar() {
       getActiveComplementaryArea
     } = select(interfaceStore);
     const {
-      getEditorCanvasContainerView,
-      getCanvasMode
+      getEditorCanvasContainerView
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const canvasContainerView = getEditorCanvasContainerView();
     const _isVisualEditorMode = 'visual' === select(_editor.store).getEditorMode();
-    const _isEditCanvasMode = 'edit' === getCanvasMode();
+    const _isEditCanvasMode = 'edit' === canvas;
     const _showListViewByDefault = select(_preferences.store).get('core', 'showListViewByDefault');
     const {
       getEntityRecord,
@@ -64,15 +74,16 @@ function GlobalStylesSidebar() {
       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)(() => {
     if (shouldClearCanvasContainerView) {
       setEditorCanvasContainerView(undefined);
     }
-  }, [shouldClearCanvasContainerView]);
+  }, [shouldClearCanvasContainerView, setEditorCanvasContainerView]);
   const {
     setIsListViewOpened
   } = (0, _data.useDispatch)(_editor.store);
@@ -114,35 +125,37 @@ function GlobalStylesSidebar() {
     header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
       className: "edit-site-global-styles-sidebar__header",
       gap: 1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
-        style: {
-          minWidth: 'min-content'
-        },
+      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.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, {})]
+      }), /*#__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, {})
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","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, FlexBlock, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\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 );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\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\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<FlexBlock style={ { minWidth: 'min-content' } }>\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</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\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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","ignoreList":[]}
1	+ {"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","params","canvas","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","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 } 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 { params } = useLocation();\n\tconst { canvas = 'view' } = params;\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\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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","ignoreList":[]}

package/build/components/layout/animation.js CHANGED Viewed

@@ -49,9 +49,7 @@ function useMovingAnimation({
   } = (0, _element.useMemo)(() => ({
     previous: ref.current && getAbsolutePosition(ref.current),
     prevRect: ref.current && ref.current.getBoundingClientRect()
-  }),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [triggerAnimationOnChange]);
+  }), [triggerAnimationOnChange]);
   (0, _element.useLayoutEffect)(() => {
     if (!previous || !ref.current) {
       return;

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

	@@ -1 +1 @@
1	- {"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~~// eslint-disable-next-line react-hooks/exhaustive-deps\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":";;;;;;AAGA,IAAAA,IAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASE,mBAAmBA,CAAEC,OAAO,EAAG;EACvC,OAAO;IACNC,GAAG,EAAED,OAAO,CAACE,SAAS;IACtBC,IAAI,EAAEH,OAAO,CAACI;EACf,CAAC;AACF;AAEA,MAAMC,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EAC3D,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;;EAEpB;EACA;EACA,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,gBAAO,EACrC,OAAQ;IACPF,QAAQ,EAAEF,GAAG,CAACK,OAAO,IAAId,mBAAmB,CAAES,GAAG,CAACK,OAAQ,CAAC;IAC3DF,QAAQ,EAAEH,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACC,qBAAqB,CAAC;EAC5D,CAAC,CAAE;EACH~~;EACA~~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","ignoreList":[]}
1	+ {"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":[]}

package/build/components/layout/index.js CHANGED Viewed

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Layout;
 var _clsx = _interopRequireDefault(require("clsx"));
-var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
@@ -15,19 +14,17 @@ var _commands = require("@wordpress/commands");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _coreCommands = require("@wordpress/core-commands");
+var _router = require("@wordpress/router");
 var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
-var _store = require("../../store");
 var _siteHub = _interopRequireWildcard(require("../site-hub"));
 var _resizableFrame = _interopRequireDefault(require("../resizable-frame"));
 var _lockUnlock = require("../../lock-unlock");
-var _register = _interopRequireDefault(require("../keyboard-shortcuts/register"));
-var _global = _interopRequireDefault(require("../keyboard-shortcuts/global"));
+var _saveKeyboardShortcut = _interopRequireDefault(require("../save-keyboard-shortcut"));
 var _hooks = require("./hooks");
 var _animation = _interopRequireDefault(require("./animation"));
 var _sidebar = _interopRequireDefault(require("../sidebar"));
 var _saveHub = _interopRequireDefault(require("../save-hub"));
 var _savePanel = _interopRequireDefault(require("../save-panel"));
-var _useSyncCanvasModeWithUrl = _interopRequireDefault(require("../sync-state-with-url/use-sync-canvas-mode-with-url"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -52,60 +49,50 @@ const {
 const {
   NavigableRegion
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 const ANIMATION_DURATION = 0.3;
 function Layout({
   route
 }) {
-  (0, _useSyncCanvasModeWithUrl.default)();
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   useCommands();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const toggleRef = (0, _element.useRef)();
-  const {
-    canvasMode
-  } = (0, _data.useSelect)(select => {
-    const {
-      getCanvasMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    return {
-      canvasMode: getCanvasMode()
-    };
-  }, []);
   const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)();
   const disableMotion = (0, _compose.useReducedMotion)();
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false);
   const {
-    key: routeKey,
+    name: routeKey,
     areas,
     widths
   } = route;
   const animationRef = (0, _animation.default)({
-    triggerAnimationOnChange: canvasMode + '__' + routeKey
+    triggerAnimationOnChange: routeKey + '-' + canvas
   });
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
-  const previousCanvaMode = (0, _compose.usePrevious)(canvasMode);
+  const previousCanvaMode = (0, _compose.usePrevious)(canvas);
   (0, _element.useEffect)(() => {
     if (previousCanvaMode === 'edit') {
       toggleRef.current?.focus();
     }
     // Should not depend on the previous canvas mode value but the next.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [canvasMode]);
-  // Synchronizing the URL with the store value of canvasMode happens in an effect
-  // This condition ensures the component is only rendered after the synchronization happens
-  // which prevents any animations due to potential canvasMode value change.
-  if (canvasMode === 'init') {
-    return null;
-  }
+  }, [canvas]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_register.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_global.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveKeyboardShortcut.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {
-        'is-full-canvas': canvasMode === 'edit'
+        'is-full-canvas': canvas === 'edit'
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "edit-site-layout__content",
@@ -113,7 +100,7 @@ function Layout({
           ariaLabel: (0, _i18n.__)('Navigation'),
           className: "edit-site-layout__sidebar-region",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableAnimatePresence, {
-            children: canvasMode === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
+            children: canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
               initial: {
                 opacity: 0
               },
@@ -142,20 +129,20 @@ function Layout({
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorSnackbars, {}), isMobileViewport && areas.mobile && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "edit-site-layout__mobile",
-          children: [canvasMode !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+          children: [canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
             routeKey: routeKey,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteHub.SiteHubMobile, {
               ref: toggleRef,
               isTransparent: isResizableFrameOversized
             })
           }), areas.mobile]
-        }), !isMobileViewport && areas.content && canvasMode !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), !isMobileViewport && areas.content && canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "edit-site-layout__area",
           style: {
             maxWidth: widths?.content
           },
           children: areas.content
-        }), !isMobileViewport && areas.edit && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), !isMobileViewport && areas.edit && canvas !== 'edit' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "edit-site-layout__area",
           style: {
             maxWidth: widths?.edit
@@ -171,7 +158,7 @@ function Layout({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorBoundary.default, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_resizableFrame.default, {
                 isReady: !isEditorLoading,
-                isFullWidth: canvasMode === 'edit',
+                isFullWidth: canvas === 'edit',
                 defaultSize: {
                   width: canvasSize.width - 24 /* $canvas-padding */,
                   height: canvasSize.height

package/build/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_errorBoundary","_store","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_register","_global","_hooks","_animation","_sidebar","_saveHub","_savePanel","_useSyncCanvasModeWithUrl","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","route","useSyncCanvasModeWithURL","isMobileViewport","useViewportMatch","toggleRef","useRef","canvasMode","useSelect","select","getCanvasMode","editSiteStore","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst { canvasMode } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvasMode !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_errorBoundary","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","route","params","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","name","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { name: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvas !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}