@wordpress/edit-site 6.11.0 → 6.12.1-next.082ed6819.0

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GlobalStylesUIWrapper;
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _router = require("@wordpress/router");
+var _compose = require("@wordpress/compose");
+var _components = require("@wordpress/components");
+var _ui = _interopRequireDefault(require("../global-styles/ui"));
+var _page = _interopRequireDefault(require("../page"));
+var _lockUnlock = require("../../lock-unlock");
+var _styleBook = _interopRequireDefault(require("../style-book"));
+var _constants = require("../style-book/constants");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useLocation,
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const {
+  Menu
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const GLOBAL_STYLES_PATH_PREFIX = '/wp_global_styles';
+const GlobalStylesPageActions = ({
+  isStyleBookOpened,
+  setIsStyleBookOpened
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
+    trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      size: "compact",
+      children: (0, _i18n.__)('Preview')
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu.RadioItem, {
+      value: true,
+      checked: isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(true),
+      defaultChecked: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
+        children: (0, _i18n.__)('Style book')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemHelpText, {
+        children: (0, _i18n.__)('Preview blocks and styles.')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu.RadioItem, {
+      value: false,
+      checked: !isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(false),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
+        children: (0, _i18n.__)('Site')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemHelpText, {
+        children: (0, _i18n.__)('Preview your site.')
+      })]
+    })]
+  });
+};
+function GlobalStylesUIWrapper() {
+  const {
+    params
+  } = useLocation();
+  const history = useHistory();
+  const {
+    canvas = 'view'
+  } = params;
+  const [isStyleBookOpened, setIsStyleBookOpened] = (0, _element.useState)(false);
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const pathWithPrefix = params.path;
+  const [path, onPathChange] = (0, _element.useMemo)(() => {
+    const processedPath = pathWithPrefix.substring(GLOBAL_STYLES_PATH_PREFIX.length);
+    return [processedPath ? processedPath : '/', newPath => {
+      history.push({
+        path: !newPath || newPath === '/' ? GLOBAL_STYLES_PATH_PREFIX : `${GLOBAL_STYLES_PATH_PREFIX}${newPath}`
+      });
+    }];
+  }, [pathWithPrefix, history]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
+      actions: !isMobileViewport ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesPageActions, {
+        isStyleBookOpened: isStyleBookOpened,
+        setIsStyleBookOpened: setIsStyleBookOpened
+      }) : null,
+      className: "edit-site-styles",
+      title: (0, _i18n.__)('Styles'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
+        path: path,
+        onPathChange: onPathChange
+      })
+    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
+      enableResizing: false,
+      showCloseButton: false,
+      showTabs: false,
+      isSelected: blockName =>
+      // Match '/blocks/core%2Fbutton' and
+      // '/blocks/core%2Fbutton/typography', but not
+      // '/blocks/core%2Fbuttons'.
+      path === `/wp_global_styles/blocks/${encodeURIComponent(blockName)}` || path.startsWith(`/wp_global_styles/blocks/${encodeURIComponent(blockName)}/`),
+      path: path,
+      onSelect: blockName => {
+        if (_constants.STYLE_BOOK_COLOR_GROUPS.find(group => group.slug === blockName)) {
+          // Go to color palettes Global Styles.
+          onPathChange('/colors/palette');
+          return;
+        }
+        if (blockName === 'typography') {
+          // Go to typography Global Styles.
+          onPathChange('/typography');
+          return;
+        }
+
+        // Now go to the selected block.
+        onPathChange(`/blocks/${encodeURIComponent(blockName)}`);
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_element","_router","_compose","_components","_ui","_interopRequireDefault","_page","_lockUnlock","_styleBook","_constants","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","Menu","componentsPrivateApis","GLOBAL_STYLES_PATH_PREFIX","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","jsxs","trigger","jsx","Button","__next40pxDefaultSize","variant","size","children","__","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","params","history","canvas","useState","isMobileViewport","useViewportMatch","pathWithPrefix","path","onPathChange","useMemo","processedPath","substring","length","newPath","push","Fragment","default","actions","className","title","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","STYLE_BOOK_COLOR_GROUPS","find","group","slug"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport StyleBook from '../style-book';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\nconst GLOBAL_STYLES_PATH_PREFIX = '/wp_global_styles';\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n} ) => {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button __next40pxDefaultSize variant=\"tertiary\" size=\"compact\">\n\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue\n\t\t\t\tchecked={ isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( true ) }\n\t\t\t\tdefaultChecked\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Style book' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview blocks and styles.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue={ false }\n\t\t\t\tchecked={ ! isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( false ) }\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Site' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview your site.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t</Menu>\n\t);\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { params } = useLocation();\n\tconst history = useHistory();\n\tconst { canvas = 'view' } = params;\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState( false );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst pathWithPrefix = params.path;\n\tconst [ path, onPathChange ] = useMemo( () => {\n\t\tconst processedPath = pathWithPrefix.substring(\n\t\t\tGLOBAL_STYLES_PATH_PREFIX.length\n\t\t);\n\t\treturn [\n\t\t\tprocessedPath ? processedPath : '/',\n\t\t\t( newPath ) => {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath:\n\t\t\t\t\t\t! newPath || newPath === '/'\n\t\t\t\t\t\t\t? GLOBAL_STYLES_PATH_PREFIX\n\t\t\t\t\t\t\t: `${ GLOBAL_STYLES_PATH_PREFIX }${ newPath }`,\n\t\t\t\t} );\n\t\t\t},\n\t\t];\n\t}, [ pathWithPrefix, history ] );\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI path={ path } onPathChange={ onPathChange } />\n\t\t\t</Page>\n\t\t\t{ canvas === 'view' && isStyleBookOpened && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\t\t\tpath ===\n\t\t\t\t\t\t\t`/wp_global_styles/blocks/${ encodeURIComponent(\n\t\t\t\t\t\t\t\tblockName\n\t\t\t\t\t\t\t) }` ||\n\t\t\t\t\t\tpath.startsWith(\n\t\t\t\t\t\t\t`/wp_global_styles/blocks/${ encodeURIComponent(\n\t\t\t\t\t\t\t\tblockName\n\t\t\t\t\t\t\t) }/`\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tpath={ path }\n\t\t\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\t\t\tonPathChange( '/colors/palette' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\t\t\tonPathChange( '/typography' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Now go to the selected block.\n\t\t\t\t\t\tonPathChange(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }`\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-details-footer/index.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SidebarNavigationScreenDetailsFooter;
 var _i18n = require("@wordpress/i18n");
-var _date = require("@wordpress/date");
-var _element = require("@wordpress/element");
 var _url = require("@wordpress/url");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
-var _sidebarNavigationScreenDetailsPanel = require("../sidebar-navigation-screen-details-panel");
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -24,9 +21,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function SidebarNavigationScreenDetailsFooter({
   record,
+  revisionsCount,
   ...otherProps
 }) {
-  var _record$_links$predec, _record$_links$versio;
+  var _record$_links$predec;
   /*
    * There might be other items in the future,
    * but for now it's just modified date.
@@ -35,8 +33,17 @@ function SidebarNavigationScreenDetailsFooter({
    */
   const hrefProps = {};
   const lastRevisionId = (_record$_links$predec = record?._links?.['predecessor-version']?.[0]?.id) !== null && _record$_links$predec !== void 0 ? _record$_links$predec : null;
-  const revisionsCount = (_record$_links$versio = record?._links?.['version-history']?.[0]?.count) !== null && _record$_links$versio !== void 0 ? _record$_links$versio : 0;
-  // Enable the revisions link if there is a last revision and there are more than one revisions.
+
+  // Use incoming prop first, then the record's version history, if available.
+  revisionsCount = revisionsCount || record?._links?.['version-history']?.[0]?.count || 0;
+
+  /*
+   * Enable the revisions link if there is a last revision and there is more than one revision.
+   * This link is used for theme assets, e.g., templates, which have no database record until they're edited.
+   * For these files there's only a "revision" after they're edited twice,
+   * which means the revision.php page won't display a proper diff.
+   * See: https://github.com/WordPress/gutenberg/issues/49164.
+   */
   if (lastRevisionId && revisionsCount > 1) {
     hrefProps.href = (0, _url.addQueryArgs)('revision.php', {
       revision: record?._links['predecessor-version'][0].id
@@ -44,27 +51,14 @@ function SidebarNavigationScreenDetailsFooter({
     hrefProps.as = 'a';
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+    size: "large",
     className: "edit-site-sidebar-navigation-screen-details-footer",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-      "aria-label": (0, _i18n.__)('Revisions'),
+      icon: _icons.backup,
       ...hrefProps,
       ...otherProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelRow, {
-        justify: "space-between",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelLabel, {
-          children: (0, _i18n.__)('Last modified')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenDetailsPanel.SidebarNavigationScreenDetailsPanelValue, {
-          children: (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: %s: is the relative time when the post was last modified. */
-          (0, _i18n.__)('<time>%s</time>'), (0, _date.humanTimeDiff)(record.modified)), {
-            time: /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
-              dateTime: record.modified
-            })
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-          className: "edit-site-sidebar-navigation-screen-details-footer__icon",
-          icon: _icons.backup
-        })]
-      })
+      children: (0, _i18n.sprintf)(/* translators: %d: Number of Styles revisions. */
+      (0, _i18n._n)('%d Revision', '%d Revisions', revisionsCount), revisionsCount)
     })
   });
 }

package/build/components/sidebar-navigation-screen-details-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_date","_element","_url","_components","_icons","_sidebarNavigationScreenDetailsPanel","_sidebarNavigationItem","_interopRequireDefault","_jsxRuntime","SidebarNavigationScreenDetailsFooter","record","otherProps","_record$_links$predec","_record$_links$versio","hrefProps","lastRevisionId","_links","id","revisionsCount","count","href","addQueryArgs","revision","as","jsx","__experimentalItemGroup","className","children","default","__","jsxs","SidebarNavigationScreenDetailsPanelRow","justify","SidebarNavigationScreenDetailsPanelLabel","SidebarNavigationScreenDetailsPanelValue","createInterpolateElement","sprintf","humanTimeDiff","modified","time","dateTime","Icon","icon","backup"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { addQueryArgs } from '@wordpress/url';\nimport {\n\tIcon,\n\t__experimentalItemGroup as ItemGroup,\n} from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSidebarNavigationScreenDetailsPanelRow,\n\tSidebarNavigationScreenDetailsPanelLabel,\n\tSidebarNavigationScreenDetailsPanelValue,\n} from '../sidebar-navigation-screen-details-panel';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\t...otherProps\n} ) {\n\t/*\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t */\n\tconst hrefProps = {};\n\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\tconst revisionsCount =\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t// Enable the revisions link if there is a last revision and there are more than one revisions.\n\tif ( lastRevisionId && revisionsCount > 1 ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-details-footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\taria-label={ __( 'Revisions' ) }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t<SidebarNavigationScreenDetailsPanelRow justify=\"space-between\">\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelLabel>\n\t\t\t\t\t<SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: is the relative time when the post was last modified. */\n\t\t\t\t\t\t\t\t__( '<time>%s</time>' ),\n\t\t\t\t\t\t\t\thumanTimeDiff( record.modified )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttime: <time dateTime={ record.modified } />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</SidebarNavigationScreenDetailsPanelValue>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer__icon\"\n\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t/>\n\t\t\t\t</SidebarNavigationScreenDetailsPanelRow>\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,oCAAA,GAAAN,OAAA;AAKA,IAAAO,sBAAA,GAAAC,sBAAA,CAAAR,OAAA;AAA+D,IAAAS,WAAA,GAAAT,OAAA;AArB/D;AACA;AACA;;AAWA;AACA;AACA;;AAQe,SAASU,oCAAoCA,CAAE;EAC7DC,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACH;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,SAAS,GAAG,CAAC,CAAC;EACpB,MAAMC,cAAc,IAAAH,qBAAA,GACnBF,MAAM,EAAEM,MAAM,GAAI,qBAAqB,CAAE,GAAI,CAAC,CAAE,EAAEC,EAAE,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,IAAI;EAC7D,MAAMM,cAAc,IAAAL,qBAAA,GACnBH,MAAM,EAAEM,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEG,KAAK,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EACzD;EACA,IAAKE,cAAc,IAAIG,cAAc,GAAG,CAAC,EAAG;IAC3CJ,SAAS,CAACM,IAAI,GAAG,IAAAC,iBAAY,EAAE,cAAc,EAAE;MAC9CC,QAAQ,EAAEZ,MAAM,EAAEM,MAAM,CAAE,qBAAqB,CAAE,CAAE,CAAC,CAAE,CAACC;IACxD,CAAE,CAAC;IACHH,SAAS,CAACS,EAAE,GAAG,GAAG;EACnB;EACA,oBACC,IAAAf,WAAA,CAAAgB,GAAA,EAACrB,WAAA,CAAAsB,uBAAS;IAACC,SAAS,EAAC,oDAAoD;IAAAC,QAAA,eACxE,IAAAnB,WAAA,CAAAgB,GAAA,EAAClB,sBAAA,CAAAsB,OAAqB;MACrB,cAAa,IAAAC,QAAE,EAAE,WAAY,CAAG;MAAA,GAC3Bf,SAAS;MAAA,GACTH,UAAU;MAAAgB,QAAA,eAEf,IAAAnB,WAAA,CAAAsB,IAAA,EAACzB,oCAAA,CAAA0B,sCAAsC;QAACC,OAAO,EAAC,eAAe;QAAAL,QAAA,gBAC9D,IAAAnB,WAAA,CAAAgB,GAAA,EAACnB,oCAAA,CAAA4B,wCAAwC;UAAAN,QAAA,EACtC,IAAAE,QAAE,EAAE,eAAgB;QAAC,CACkB,CAAC,eAC3C,IAAArB,WAAA,CAAAgB,GAAA,EAACnB,oCAAA,CAAA6B,wCAAwC;UAAAP,QAAA,EACtC,IAAAQ,iCAAwB,EACzB,IAAAC,aAAO,EACN;UACA,IAAAP,QAAE,EAAE,iBAAkB,CAAC,EACvB,IAAAQ,mBAAa,EAAE3B,MAAM,CAAC4B,QAAS,CAChC,CAAC,EACD;YACCC,IAAI,eAAE,IAAA/B,WAAA,CAAAgB,GAAA;cAAMgB,QAAQ,EAAG9B,MAAM,CAAC4B;YAAU,CAAE;UAC3C,CACD;QAAC,CACwC,CAAC,eAC3C,IAAA9B,WAAA,CAAAgB,GAAA,EAACrB,WAAA,CAAAsC,IAAI;UACJf,SAAS,EAAC,0DAA0D;UACpEgB,IAAI,EAAGC;QAAQ,CACf,CAAC;MAAA,CACqC;IAAC,CACnB;EAAC,CACd,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_url","_components","_icons","_sidebarNavigationItem","_interopRequireDefault","_jsxRuntime","SidebarNavigationScreenDetailsFooter","record","revisionsCount","otherProps","_record$_links$predec","hrefProps","lastRevisionId","_links","id","count","href","addQueryArgs","revision","as","jsx","__experimentalItemGroup","size","className","children","default","icon","backup","sprintf","_n"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { backup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nexport default function SidebarNavigationScreenDetailsFooter( {\n\trecord,\n\trevisionsCount,\n\t...otherProps\n} ) {\n\t/*\n\t * There might be other items in the future,\n\t * but for now it's just modified date.\n\t * Later we might render a list of items and isolate\n\t * the following logic.\n\t */\n\tconst hrefProps = {};\n\tconst lastRevisionId =\n\t\trecord?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\n\t// Use incoming prop first, then the record's version history, if available.\n\trevisionsCount =\n\t\trevisionsCount ||\n\t\trecord?._links?.[ 'version-history' ]?.[ 0 ]?.count ||\n\t\t0;\n\n\t/*\n\t * Enable the revisions link if there is a last revision and there is more than one revision.\n\t * This link is used for theme assets, e.g., templates, which have no database record until they're edited.\n\t * For these files there's only a \"revision\" after they're edited twice,\n\t * which means the revision.php page won't display a proper diff.\n\t * See: https://github.com/WordPress/gutenberg/issues/49164.\n\t */\n\tif ( lastRevisionId && revisionsCount > 1 ) {\n\t\threfProps.href = addQueryArgs( 'revision.php', {\n\t\t\trevision: record?._links[ 'predecessor-version' ][ 0 ].id,\n\t\t} );\n\t\threfProps.as = 'a';\n\t}\n\treturn (\n\t\t<ItemGroup\n\t\t\tsize=\"large\"\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen-details-footer\"\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ backup }\n\t\t\t\t{ ...hrefProps }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: Number of Styles revisions. */\n\t\t\t\t\t_n( '%d Revision', '%d Revisions', revisionsCount ),\n\t\t\t\t\trevisionsCount\n\t\t\t\t) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,sBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA+D,IAAAM,WAAA,GAAAN,OAAA;AAX/D;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASO,oCAAoCA,CAAE;EAC7DC,MAAM;EACNC,cAAc;EACd,GAAGC;AACJ,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACH;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,SAAS,GAAG,CAAC,CAAC;EACpB,MAAMC,cAAc,IAAAF,qBAAA,GACnBH,MAAM,EAAEM,MAAM,GAAI,qBAAqB,CAAE,GAAI,CAAC,CAAE,EAAEC,EAAE,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,IAAI;;EAE7D;EACAF,cAAc,GACbA,cAAc,IACdD,MAAM,EAAEM,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEE,KAAK,IACnD,CAAC;;EAEF;AACD;AACA;AACA;AACA;AACA;AACA;EACC,IAAKH,cAAc,IAAIJ,cAAc,GAAG,CAAC,EAAG;IAC3CG,SAAS,CAACK,IAAI,GAAG,IAAAC,iBAAY,EAAE,cAAc,EAAE;MAC9CC,QAAQ,EAAEX,MAAM,EAAEM,MAAM,CAAE,qBAAqB,CAAE,CAAE,CAAC,CAAE,CAACC;IACxD,CAAE,CAAC;IACHH,SAAS,CAACQ,EAAE,GAAG,GAAG;EACnB;EACA,oBACC,IAAAd,WAAA,CAAAe,GAAA,EAACnB,WAAA,CAAAoB,uBAAS;IACTC,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,oDAAoD;IAAAC,QAAA,eAE9D,IAAAnB,WAAA,CAAAe,GAAA,EAACjB,sBAAA,CAAAsB,OAAqB;MACrBC,IAAI,EAAGC,aAAQ;MAAA,GACVhB,SAAS;MAAA,GACTF,UAAU;MAAAe,QAAA,EAEb,IAAAI,aAAO,EACR;MACA,IAAAC,QAAE,EAAE,aAAa,EAAE,cAAc,EAAErB,cAAe,CAAC,EACnDA,cACD;IAAC,CACqB;EAAC,CACd,CAAC;AAEd","ignoreList":[]}

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

@@ -7,23 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarNavigationItemGlobalStyles = SidebarNavigationItemGlobalStyles;
 exports.default = SidebarNavigationScreenGlobalStyles;
 var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
-var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
-var _editor = require("@wordpress/editor");
 var _preferences = require("@wordpress/preferences");
 var _router = require("@wordpress/router");
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
-var _sidebarButton = _interopRequireDefault(require("../sidebar-button"));
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
-var _styleBook = _interopRequireDefault(require("../style-book"));
 var _useGlobalStylesRevisions = _interopRequireDefault(require("../global-styles/screen-revisions/use-global-styles-revisions"));
 var _sidebarNavigationScreenDetailsFooter = _interopRequireDefault(require("../sidebar-navigation-screen-details-footer"));
-var _content = _interopRequireDefault(require("./content"));
+var _sidebarNavigationScreenMain = require("../sidebar-navigation-screen-main");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -38,10 +33,6 @@ const {
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function SidebarNavigationItemGlobalStyles(props) {
-  const {
-    openGeneralSidebar
-  } = (0, _data.useDispatch)(_store.store);
-  const history = useHistory();
   const {
     params
   } = useLocation();
@@ -52,67 +43,30 @@ function SidebarNavigationItemGlobalStyles(props) {
       params: {
         path: '/wp_global_styles'
       },
-      uid: "global-styles-navigation-item"
+      uid: "global-styles-navigation-item",
+      "aria-current": params.path && params.path.startsWith('/wp_global_styles')
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-    ...props,
-    onClick: () => {
-      // Switch to edit mode.
-      history.push({
-        ...params,
-        canvas: 'edit'
-      }, undefined, {
-        transition: 'canvas-mode-edit-transition'
-      });
-      // Open global styles sidebar.
-      openGeneralSidebar('edit-site/global-styles');
-    }
+    ...props
   });
 }
-function SidebarNavigationScreenGlobalStyles({
-  backPath
-}) {
+function SidebarNavigationScreenGlobalStyles() {
   const history = useHistory();
   const {
     params
   } = useLocation();
-  const {
-    canvas = 'view'
-  } = params;
   const {
     revisions,
-    isLoading: isLoadingRevisions
+    isLoading: isLoadingRevisions,
+    revisionsCount
   } = (0, _useGlobalStylesRevisions.default)();
   const {
     openGeneralSidebar
   } = (0, _data.useDispatch)(_store.store);
-  const {
-    setIsListViewOpened
-  } = (0, _data.useDispatch)(_editor.store);
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const {
     setEditorCanvasContainerView
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const {
-    isStyleBookOpened,
-    revisionsCount
-  } = (0, _data.useSelect)(select => {
-    var _globalStyles$_links$;
-    const {
-      getEditorCanvasContainerView
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(_coreData.store);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return {
-      isStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),
-      revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
-    };
-  }, []);
   const {
     set: setPreference
   } = (0, _data.useDispatch)(_preferences.store);
@@ -125,14 +79,6 @@ function SidebarNavigationScreenGlobalStyles({
     });
     return Promise.all([setPreference('core', 'distractionFree', false), openGeneralSidebar('edit-site/global-styles')]);
   }, [history, params, openGeneralSidebar, setPreference]);
-  const openStyleBook = (0, _element.useCallback)(async () => {
-    await openGlobalStyles();
-    // Open the Style Book once the canvas mode is set to edit,
-    // and the global styles sidebar is open. This ensures that
-    // the Style Book is not prematurely closed.
-    setEditorCanvasContainerView('style-book');
-    setIsListViewOpened(false);
-  }, [openGlobalStyles, setEditorCanvasContainerView, setIsListViewOpened]);
   const openRevisions = (0, _element.useCallback)(async () => {
     await openGlobalStyles();
     // Open the global styles revisions once the canvas mode is set to edit,
@@ -143,39 +89,21 @@ function SidebarNavigationScreenGlobalStyles({
   }, [openGlobalStyles, setEditorCanvasContainerView]);
 
   // If there are no revisions, do not render a footer.
-  const hasRevisions = revisionsCount > 0;
-  const modifiedDateTime = revisions?.[0]?.modified;
-  const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
-      title: (0, _i18n.__)('Styles'),
-      description: (0, _i18n.__)('Choose a different style combination for the theme styles.'),
-      backPath: backPath,
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_content.default, {}),
+  const shouldShowGlobalStylesFooter = !!revisionsCount && !isLoadingRevisions;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
+      title: (0, _i18n.__)('Design'),
+      isRoot: true,
+      description: (0, _i18n.__)('Customize the appearance of your website using the block editor.'),
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenMain.MainSidebarNavigationContent, {
+        activeItem: "styles-navigation-item"
+      }),
       footer: shouldShowGlobalStylesFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenDetailsFooter.default, {
         record: revisions?.[0],
+        revisionsCount: revisionsCount,
         onClick: openRevisions
-      }),
-      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [!isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarButton.default, {
-          icon: _icons.seen,
-          label: (0, _i18n.__)('Style Book'),
-          onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
-          isPressed: isStyleBookOpened
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarButton.default, {
-          icon: _icons.edit,
-          label: (0, _i18n.__)('Edit styles'),
-          onClick: async () => await openGlobalStyles()
-        })]
       })
-    }), isStyleBookOpened && !isMobileViewport && canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
-      enableResizing: false,
-      isSelected: () => false,
-      onClick: openStyleBook,
-      onSelect: openStyleBook,
-      showCloseButton: false,
-      showTabs: false
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_compose","_element","_editor","_preferences","_router","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_content","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","history","params","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","jsx","default","path","uid","onClick","push","canvas","undefined","transition","SidebarNavigationScreenGlobalStyles","backPath","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","editorStore","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","_links","count","set","setPreference","preferencesStore","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","jsxs","Fragment","children","title","__","description","content","footer","record","actions","icon","seen","label","isPressed","edit","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport SidebarNavigationScreenGlobalStylesContent from './content';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<SidebarNavigationItem\n\t\t\t\t{ ...props }\n\t\t\t\tparams={ { path: '/wp_global_styles' } }\n\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\thistory.push(\n\t\t\t\t\t{\n\t\t\t\t\t\t...params,\n\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t},\n\t\t\t\t\tundefined,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles( { backPath } ) {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isStyleBookOpened, revisionsCount } = useSelect( ( select ) => {\n\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),\n\t\t\trevisionsCount:\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0,\n\t\t};\n\t}, [] );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.push(\n\t\t\t{\n\t\t\t\t...params,\n\t\t\t\tcanvas: 'edit',\n\t\t\t},\n\t\t\tundefined,\n\t\t\t{\n\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t}\n\t\t);\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ history, params, openGeneralSidebar, setPreference ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tbackPath={ backPath }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isStyleBookOpened && ! isMobileViewport && canvas === 'view' && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_coreData","_element","_preferences","_router","_sidebarNavigationScreen","_interopRequireDefault","_lockUnlock","_store","_sidebarNavigationItem","_useGlobalStylesRevisions","_sidebarNavigationScreenDetailsFooter","_sidebarNavigationScreenMain","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","SidebarNavigationItemGlobalStyles","props","params","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","jsx","default","path","uid","startsWith","SidebarNavigationScreenGlobalStyles","history","revisions","isLoading","isLoadingRevisions","revisionsCount","useGlobalStylesRevisions","openGeneralSidebar","useDispatch","editSiteStore","setEditorCanvasContainerView","set","setPreference","preferencesStore","openGlobalStyles","useCallback","push","canvas","undefined","transition","Promise","all","openRevisions","shouldShowGlobalStylesFooter","Fragment","children","title","__","isRoot","description","content","MainSidebarNavigationContent","activeItem","footer","record","onClick"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useCallback } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\nimport SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';\nimport { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { params } = useLocation();\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<SidebarNavigationItem\n\t\t\t\t{ ...props }\n\t\t\t\tparams={ { path: '/wp_global_styles' } }\n\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\taria-current={\n\t\t\t\t\tparams.path && params.path.startsWith( '/wp_global_styles' )\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\treturn <SidebarNavigationItem { ...props } />;\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst {\n\t\trevisions,\n\t\tisLoading: isLoadingRevisions,\n\t\trevisionsCount,\n\t} = useGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.push(\n\t\t\t{\n\t\t\t\t...params,\n\t\t\t\tcanvas: 'edit',\n\t\t\t},\n\t\t\tundefined,\n\t\t\t{\n\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t}\n\t\t);\n\t\treturn Promise.all( [\n\t\t\tsetPreference( 'core', 'distractionFree', false ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ history, params, openGeneralSidebar, setPreference ] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst shouldShowGlobalStylesFooter =\n\t\t!! revisionsCount && ! isLoadingRevisions;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Design' ) }\n\t\t\t\tisRoot\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t) }\n\t\t\t\tcontent={\n\t\t\t\t\t<MainSidebarNavigationContent activeItem=\"styles-navigation-item\" />\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\trevisionsCount={ revisionsCount }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-main/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.MainSidebarNavigationContent = MainSidebarNavigationContent;
 exports.default = SidebarNavigationScreenMain;
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -25,6 +26,47 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+function MainSidebarNavigationContent() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      uid: "navigation-navigation-item",
+      params: {
+        postType: _constants.NAVIGATION_POST_TYPE
+      },
+      withChevron: true,
+      icon: _icons.navigation,
+      children: (0, _i18n.__)('Navigation')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
+      uid: "styles-navigation-item",
+      icon: _icons.styles,
+      children: (0, _i18n.__)('Styles')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      uid: "page-navigation-item",
+      params: {
+        postType: 'page'
+      },
+      withChevron: true,
+      icon: _icons.page,
+      children: (0, _i18n.__)('Pages')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      uid: "template-navigation-item",
+      params: {
+        postType: _constants.TEMPLATE_POST_TYPE
+      },
+      withChevron: true,
+      icon: _icons.layout,
+      children: (0, _i18n.__)('Templates')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      uid: "patterns-navigation-item",
+      params: {
+        postType: _constants.PATTERN_TYPES.user
+      },
+      withChevron: true,
+      icon: _icons.symbol,
+      children: (0, _i18n.__)('Patterns')
+    })]
+  });
+}
 function SidebarNavigationScreenMain() {
   const {
     setEditorCanvasContainerView
@@ -38,48 +80,7 @@ function SidebarNavigationScreenMain() {
     isRoot: true,
     title: (0, _i18n.__)('Design'),
     description: (0, _i18n.__)('Customize the appearance of your website using the block editor.'),
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-          uid: "navigation-navigation-item",
-          params: {
-            postType: _constants.NAVIGATION_POST_TYPE
-          },
-          withChevron: true,
-          icon: _icons.navigation,
-          children: (0, _i18n.__)('Navigation')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
-          uid: "styles-navigation-item",
-          withChevron: true,
-          icon: _icons.styles,
-          children: (0, _i18n.__)('Styles')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-          uid: "page-navigation-item",
-          params: {
-            postType: 'page'
-          },
-          withChevron: true,
-          icon: _icons.page,
-          children: (0, _i18n.__)('Pages')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-          uid: "template-navigation-item",
-          params: {
-            postType: _constants.TEMPLATE_POST_TYPE
-          },
-          withChevron: true,
-          icon: _icons.layout,
-          children: (0, _i18n.__)('Templates')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
-          uid: "patterns-navigation-item",
-          params: {
-            postType: _constants.PATTERN_TYPES.user
-          },
-          withChevron: true,
-          icon: _icons.symbol,
-          children: (0, _i18n.__)('Patterns')
-        })]
-      })
-    })
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(MainSidebarNavigationContent, {})
   });
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-navigation-screen-main/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_constants","_jsxRuntime","SidebarNavigationScreenMain","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","jsx","default","isRoot","title","__","description","content","Fragment","children","jsxs","__experimentalItemGroup","uid","params","postType","NAVIGATION_POST_TYPE","withChevron","icon","navigation","SidebarNavigationItemGlobalStyles","styles","page","TEMPLATE_POST_TYPE","layout","PATTERN_TYPES","user","symbol"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\t\tuid=\"styles-navigation-item\"\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: 'page' } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: TEMPLATE_POST_TYPE } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\t\t\t\tparams={ { postType: PATTERN_TYPES.user } }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\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;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAI+B,IAAAY,WAAA,GAAAZ,OAAA;AArB/B;AACA;AACA;;AAOA;AACA;AACA;;AAYe,SAASa,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,oBACC,IAAAF,WAAA,CAAAQ,GAAA,EAACf,wBAAA,CAAAgB,OAAuB;IACvBC,MAAM;IACNC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,kEACD,CAAG;IACHE,OAAO,eACN,IAAAd,WAAA,CAAAQ,GAAA,EAAAR,WAAA,CAAAe,QAAA;MAAAC,QAAA,eACC,IAAAhB,WAAA,CAAAiB,IAAA,EAAC9B,WAAA,CAAA+B,uBAAS;QAAAF,QAAA,gBACT,IAAAhB,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,4BAA4B;UAChCC,MAAM,EAAG;YAAEC,QAAQ,EAAEC;UAAqB,CAAG;UAC7CC,WAAW;UACXC,IAAI,EAAGC,iBAAY;UAAAT,QAAA,EAEjB,IAAAJ,QAAE,EAAE,YAAa;QAAC,CACE,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACZ,oCAAA,CAAA8B,iCAAiC;UACjCP,GAAG,EAAC,wBAAwB;UAC5BI,WAAW;UACXC,IAAI,EAAGG,aAAQ;UAAAX,QAAA,EAEb,IAAAJ,QAAE,EAAE,QAAS;QAAC,CACkB,CAAC,eACpC,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,sBAAsB;UAC1BC,MAAM,EAAG;YAAEC,QAAQ,EAAE;UAAO,CAAG;UAC/BE,WAAW;UACXC,IAAI,EAAGI,WAAM;UAAAZ,QAAA,EAEX,IAAAJ,QAAE,EAAE,OAAQ;QAAC,CACO,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEQ;UAAmB,CAAG;UAC3CN,WAAW;UACXC,IAAI,EAAGM,aAAQ;UAAAd,QAAA,EAEb,IAAAJ,QAAE,EAAE,WAAY;QAAC,CACG,CAAC,eACxB,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,sBAAA,CAAAc,OAAqB;UACrBU,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEU,wBAAa,CAACC;UAAK,CAAG;UAC3CT,WAAW;UACXC,IAAI,EAAGS,aAAQ;UAAAjB,QAAA,EAEb,IAAAJ,QAAE,EAAE,UAAW;QAAC,CACI,CAAC;MAAA,CACd;IAAC,CACX;EACF,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_constants","_jsxRuntime","MainSidebarNavigationContent","jsxs","__experimentalItemGroup","children","jsx","default","uid","params","postType","NAVIGATION_POST_TYPE","withChevron","icon","navigation","__","SidebarNavigationItemGlobalStyles","styles","page","TEMPLATE_POST_TYPE","layout","PATTERN_TYPES","user","symbol","SidebarNavigationScreenMain","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","isRoot","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nexport function MainSidebarNavigationContent() {\n\treturn (\n\t\t<ItemGroup>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\tparams={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\twithChevron\n\t\t\t\ticon={ navigation }\n\t\t\t>\n\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\tuid=\"styles-navigation-item\"\n\t\t\t\ticon={ styles }\n\t\t\t>\n\t\t\t\t{ __( 'Styles' ) }\n\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\tparams={ { postType: 'page' } }\n\t\t\t\twithChevron\n\t\t\t\ticon={ page }\n\t\t\t>\n\t\t\t\t{ __( 'Pages' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\tparams={ { postType: TEMPLATE_POST_TYPE } }\n\t\t\t\twithChevron\n\t\t\t\ticon={ layout }\n\t\t\t>\n\t\t\t\t{ __( 'Templates' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tparams={ { postType: PATTERN_TYPES.user } }\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t) }\n\t\t\tcontent={ <MainSidebarNavigationContent /> }\n\t\t/>\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;AAKA,IAAAK,wBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAI+B,IAAAY,WAAA,GAAAZ,OAAA;AArB/B;AACA;AACA;;AAOA;AACA;AACA;;AAYO,SAASa,4BAA4BA,CAAA,EAAG;EAC9C,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAACf,WAAA,CAAAgB,uBAAS;IAAAC,QAAA,gBACT,IAAAJ,WAAA,CAAAK,GAAA,EAACV,sBAAA,CAAAW,OAAqB;MACrBC,GAAG,EAAC,4BAA4B;MAChCC,MAAM,EAAG;QAAEC,QAAQ,EAAEC;MAAqB,CAAG;MAC7CC,WAAW;MACXC,IAAI,EAAGC,iBAAY;MAAAT,QAAA,EAEjB,IAAAU,QAAE,EAAE,YAAa;IAAC,CACE,CAAC,eACxB,IAAAd,WAAA,CAAAK,GAAA,EAACT,oCAAA,CAAAmB,iCAAiC;MACjCR,GAAG,EAAC,wBAAwB;MAC5BK,IAAI,EAAGI,aAAQ;MAAAZ,QAAA,EAEb,IAAAU,QAAE,EAAE,QAAS;IAAC,CACkB,CAAC,eACpC,IAAAd,WAAA,CAAAK,GAAA,EAACV,sBAAA,CAAAW,OAAqB;MACrBC,GAAG,EAAC,sBAAsB;MAC1BC,MAAM,EAAG;QAAEC,QAAQ,EAAE;MAAO,CAAG;MAC/BE,WAAW;MACXC,IAAI,EAAGK,WAAM;MAAAb,QAAA,EAEX,IAAAU,QAAE,EAAE,OAAQ;IAAC,CACO,CAAC,eACxB,IAAAd,WAAA,CAAAK,GAAA,EAACV,sBAAA,CAAAW,OAAqB;MACrBC,GAAG,EAAC,0BAA0B;MAC9BC,MAAM,EAAG;QAAEC,QAAQ,EAAES;MAAmB,CAAG;MAC3CP,WAAW;MACXC,IAAI,EAAGO,aAAQ;MAAAf,QAAA,EAEb,IAAAU,QAAE,EAAE,WAAY;IAAC,CACG,CAAC,eACxB,IAAAd,WAAA,CAAAK,GAAA,EAACV,sBAAA,CAAAW,OAAqB;MACrBC,GAAG,EAAC,0BAA0B;MAC9BC,MAAM,EAAG;QAAEC,QAAQ,EAAEW,wBAAa,CAACC;MAAK,CAAG;MAC3CV,WAAW;MACXC,IAAI,EAAGU,aAAQ;MAAAlB,QAAA,EAEb,IAAAU,QAAE,EAAE,UAAW;IAAC,CACI,CAAC;EAAA,CACd,CAAC;AAEd;AAEe,SAASS,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,oBACC,IAAAxB,WAAA,CAAAK,GAAA,EAACZ,wBAAA,CAAAa,OAAuB;IACvBwB,MAAM;IACNC,KAAK,EAAG,IAAAjB,QAAE,EAAE,QAAS,CAAG;IACxBkB,WAAW,EAAG,IAAAlB,QAAE,EACf,kEACD,CAAG;IACHmB,OAAO,eAAG,IAAAjC,WAAA,CAAAK,GAAA,EAACJ,4BAA4B,IAAE;EAAG,CAC5C,CAAC;AAEJ","ignoreList":[]}