@wordpress/edit-site 6.11.0 → 6.12.0

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

@@ -0,0 +1,121 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useMemo, useState } from '@wordpress/element';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { useViewportMatch } from '@wordpress/compose';
+import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import GlobalStylesUI from '../global-styles/ui';
+import Page from '../page';
+import { unlock } from '../../lock-unlock';
+import StyleBook from '../style-book';
+import { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  useLocation,
+  useHistory
+} = unlock(routerPrivateApis);
+const {
+  Menu
+} = unlock(componentsPrivateApis);
+const GLOBAL_STYLES_PATH_PREFIX = '/wp_global_styles';
+const GlobalStylesPageActions = ({
+  isStyleBookOpened,
+  setIsStyleBookOpened
+}) => {
+  return /*#__PURE__*/_jsxs(Menu, {
+    trigger: /*#__PURE__*/_jsx(Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      size: "compact",
+      children: __('Preview')
+    }),
+    children: [/*#__PURE__*/_jsxs(Menu.RadioItem, {
+      value: true,
+      checked: isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(true),
+      defaultChecked: true,
+      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
+        children: __('Style book')
+      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
+        children: __('Preview blocks and styles.')
+      })]
+    }), /*#__PURE__*/_jsxs(Menu.RadioItem, {
+      value: false,
+      checked: !isStyleBookOpened,
+      name: "styles-preview-actions",
+      onChange: () => setIsStyleBookOpened(false),
+      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
+        children: __('Site')
+      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
+        children: __('Preview your site.')
+      })]
+    })]
+  });
+};
+export default function GlobalStylesUIWrapper() {
+  const {
+    params
+  } = useLocation();
+  const history = useHistory();
+  const {
+    canvas = 'view'
+  } = params;
+  const [isStyleBookOpened, setIsStyleBookOpened] = useState(false);
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const pathWithPrefix = params.path;
+  const [path, onPathChange] = 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__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Page, {
+      actions: !isMobileViewport ? /*#__PURE__*/_jsx(GlobalStylesPageActions, {
+        isStyleBookOpened: isStyleBookOpened,
+        setIsStyleBookOpened: setIsStyleBookOpened
+      }) : null,
+      className: "edit-site-styles",
+      title: __('Styles'),
+      children: /*#__PURE__*/_jsx(GlobalStylesUI, {
+        path: path,
+        onPathChange: onPathChange
+      })
+    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/_jsx(StyleBook, {
+      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 (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-module/components/sidebar-global-styles-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","componentsPrivateApis","GlobalStylesUI","Page","unlock","StyleBook","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","useHistory","Menu","GLOBAL_STYLES_PATH_PREFIX","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","trigger","__next40pxDefaultSize","variant","size","children","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","params","history","canvas","isMobileViewport","pathWithPrefix","path","onPathChange","processedPath","substring","length","newPath","push","actions","className","title","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","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-module/components/sidebar-navigation-screen-global-styles/index.js

@@ -2,12 +2,9 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { edit, seen } from '@wordpress/icons';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
-import { useViewportMatch } from '@wordpress/compose';
 import { useCallback } from '@wordpress/element';
-import { store as editorStore } from '@wordpress/editor';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 
@@ -17,22 +14,16 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
-import SidebarButton from '../sidebar-button';
 import SidebarNavigationItem from '../sidebar-navigation-item';
-import StyleBook from '../style-book';
 import useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';
 import SidebarNavigationScreenDetailsFooter from '../sidebar-navigation-screen-details-footer';
-import SidebarNavigationScreenGlobalStylesContent from './content';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useLocation,
   useHistory
 } = unlock(routerPrivateApis);
 export function SidebarNavigationItemGlobalStyles(props) {
-  const {
-    openGeneralSidebar
-  } = useDispatch(editSiteStore);
-  const history = useHistory();
   const {
     params
   } = useLocation();
@@ -43,34 +34,19 @@ export 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__*/_jsx(SidebarNavigationItem, {
-    ...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
   });
 }
-export default function SidebarNavigationScreenGlobalStyles({
-  backPath
-}) {
+export default function SidebarNavigationScreenGlobalStyles() {
   const history = useHistory();
   const {
     params
   } = useLocation();
-  const {
-    canvas = 'view'
-  } = params;
   const {
     revisions,
     isLoading: isLoadingRevisions
@@ -78,21 +54,13 @@ export default function SidebarNavigationScreenGlobalStyles({
   const {
     openGeneralSidebar
   } = useDispatch(editSiteStore);
-  const {
-    setIsListViewOpened
-  } = useDispatch(editorStore);
-  const isMobileViewport = useViewportMatch('medium', '<');
   const {
     setEditorCanvasContainerView
   } = unlock(useDispatch(editSiteStore));
   const {
-    isStyleBookOpened,
     revisionsCount
   } = useSelect(select => {
     var _globalStyles$_links$;
-    const {
-      getEditorCanvasContainerView
-    } = unlock(select(editSiteStore));
     const {
       getEntityRecord,
       __experimentalGetCurrentGlobalStylesId
@@ -100,7 +68,6 @@ export default function SidebarNavigationScreenGlobalStyles({
     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
     };
   }, []);
@@ -116,14 +83,6 @@ export default function SidebarNavigationScreenGlobalStyles({
     });
     return Promise.all([setPreference('core', 'distractionFree', false), openGeneralSidebar('edit-site/global-styles')]);
   }, [history, params, openGeneralSidebar, setPreference]);
-  const openStyleBook = 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 = useCallback(async () => {
     await openGlobalStyles();
     // Open the global styles revisions once the canvas mode is set to edit,
@@ -137,36 +96,19 @@ export default function SidebarNavigationScreenGlobalStyles({
   const hasRevisions = revisionsCount > 0;
   const modifiedDateTime = revisions?.[0]?.modified;
   const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SidebarNavigationScreen, {
-      title: __('Styles'),
-      description: __('Choose a different style combination for the theme styles.'),
-      backPath: backPath,
-      content: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStylesContent, {}),
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(SidebarNavigationScreen, {
+      title: __('Design'),
+      isRoot: true,
+      description: __('Customize the appearance of your website using the block editor.'),
+      content: /*#__PURE__*/_jsx(MainSidebarNavigationContent, {
+        activeItem: "styles-navigation-item"
+      }),
       footer: shouldShowGlobalStylesFooter && /*#__PURE__*/_jsx(SidebarNavigationScreenDetailsFooter, {
         record: revisions?.[0],
         onClick: openRevisions
-      }),
-      actions: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [!isMobileViewport && /*#__PURE__*/_jsx(SidebarButton, {
-          icon: seen,
-          label: __('Style Book'),
-          onClick: () => setEditorCanvasContainerView(!isStyleBookOpened ? 'style-book' : undefined),
-          isPressed: isStyleBookOpened
-        }), /*#__PURE__*/_jsx(SidebarButton, {
-          icon: edit,
-          label: __('Edit styles'),
-          onClick: async () => await openGlobalStyles()
-        })]
       })
-    }), isStyleBookOpened && !isMobileViewport && canvas === 'view' && /*#__PURE__*/_jsx(StyleBook, {
-      enableResizing: false,
-      isSelected: () => false,
-      onClick: openStyleBook,
-      onSelect: openStyleBook,
-      showCloseButton: false,
-      showTabs: false
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","edit","seen","useSelect","useDispatch","store","coreStore","useViewportMatch","useCallback","editorStore","preferencesStore","privateApis","routerPrivateApis","SidebarNavigationScreen","unlock","editSiteStore","SidebarButton","SidebarNavigationItem","StyleBook","useGlobalStylesRevisions","SidebarNavigationScreenDetailsFooter","SidebarNavigationScreenGlobalStylesContent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useLocation","useHistory","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","history","params","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","path","uid","onClick","push","canvas","undefined","transition","SidebarNavigationScreenGlobalStyles","backPath","revisions","isLoading","isLoadingRevisions","setIsListViewOpened","isMobileViewport","setEditorCanvasContainerView","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","_links","count","set","setPreference","openGlobalStyles","Promise","all","openStyleBook","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","children","title","description","content","footer","record","actions","icon","label","isPressed","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":["__","useSelect","useDispatch","store","coreStore","useCallback","preferencesStore","privateApis","routerPrivateApis","SidebarNavigationScreen","unlock","editSiteStore","SidebarNavigationItem","useGlobalStylesRevisions","SidebarNavigationScreenDetailsFooter","MainSidebarNavigationContent","jsx","_jsx","Fragment","_Fragment","useLocation","useHistory","SidebarNavigationItemGlobalStyles","props","params","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","path","uid","startsWith","SidebarNavigationScreenGlobalStyles","history","revisions","isLoading","isLoadingRevisions","openGeneralSidebar","setEditorCanvasContainerView","revisionsCount","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","set","setPreference","openGlobalStyles","push","canvas","transition","Promise","all","openRevisions","hasRevisions","modifiedDateTime","modified","shouldShowGlobalStylesFooter","children","title","isRoot","description","content","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 { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { revisionsCount } = useSelect( ( select ) => {\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\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 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\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\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-module/components/sidebar-navigation-screen-main/index.js

@@ -16,7 +16,48 @@ import { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
 import { NAVIGATION_POST_TYPE, TEMPLATE_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MainSidebarNavigationContent() {
+  return /*#__PURE__*/_jsxs(ItemGroup, {
+    children: [/*#__PURE__*/_jsx(SidebarNavigationItem, {
+      uid: "navigation-navigation-item",
+      params: {
+        postType: NAVIGATION_POST_TYPE
+      },
+      withChevron: true,
+      icon: navigation,
+      children: __('Navigation')
+    }), /*#__PURE__*/_jsx(SidebarNavigationItemGlobalStyles, {
+      uid: "styles-navigation-item",
+      icon: styles,
+      children: __('Styles')
+    }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+      uid: "page-navigation-item",
+      params: {
+        postType: 'page'
+      },
+      withChevron: true,
+      icon: page,
+      children: __('Pages')
+    }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+      uid: "template-navigation-item",
+      params: {
+        postType: TEMPLATE_POST_TYPE
+      },
+      withChevron: true,
+      icon: layout,
+      children: __('Templates')
+    }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
+      uid: "patterns-navigation-item",
+      params: {
+        postType: PATTERN_TYPES.user
+      },
+      withChevron: true,
+      icon: symbol,
+      children: __('Patterns')
+    })]
+  });
+}
 export default function SidebarNavigationScreenMain() {
   const {
     setEditorCanvasContainerView
@@ -30,48 +71,7 @@ export default function SidebarNavigationScreenMain() {
     isRoot: true,
     title: __('Design'),
     description: __('Customize the appearance of your website using the block editor.'),
-    content: /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsxs(ItemGroup, {
-        children: [/*#__PURE__*/_jsx(SidebarNavigationItem, {
-          uid: "navigation-navigation-item",
-          params: {
-            postType: NAVIGATION_POST_TYPE
-          },
-          withChevron: true,
-          icon: navigation,
-          children: __('Navigation')
-        }), /*#__PURE__*/_jsx(SidebarNavigationItemGlobalStyles, {
-          uid: "styles-navigation-item",
-          withChevron: true,
-          icon: styles,
-          children: __('Styles')
-        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
-          uid: "page-navigation-item",
-          params: {
-            postType: 'page'
-          },
-          withChevron: true,
-          icon: page,
-          children: __('Pages')
-        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
-          uid: "template-navigation-item",
-          params: {
-            postType: TEMPLATE_POST_TYPE
-          },
-          withChevron: true,
-          icon: layout,
-          children: __('Templates')
-        }), /*#__PURE__*/_jsx(SidebarNavigationItem, {
-          uid: "patterns-navigation-item",
-          params: {
-            postType: PATTERN_TYPES.user
-          },
-          withChevron: true,
-          icon: symbol,
-          children: __('Patterns')
-        })]
-      })
-    })
+    content: /*#__PURE__*/_jsx(MainSidebarNavigationContent, {})
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useEffect","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","store","editSiteStore","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SidebarNavigationScreenMain","setEditorCanvasContainerView","undefined","isRoot","title","description","content","children","uid","params","postType","withChevron","icon","user"],"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":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,iCAAiC,QAAQ,4CAA4C;AAC9F,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,SACCC,oBAAoB,EACpBC,kBAAkB,EAClBC,aAAa,QACP,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE/B,eAAe,SAASC,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAGb,MAAM,CAC9CL,WAAW,CAAEO,aAAc,CAC5B,CAAC;;EAED;EACAN,SAAS,CAAE,MAAM;IAChBiB,4BAA4B,CAAEC,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAED,4BAA4B,CAAG,CAAC;EAErC,oBACCN,IAAA,CAACV,uBAAuB;IACvBkB,MAAM;IACNC,KAAK,EAAG3B,EAAE,CAAE,QAAS,CAAG;IACxB4B,WAAW,EAAG5B,EAAE,CACf,kEACD,CAAG;IACH6B,OAAO,eACNX,IAAA,CAAAI,SAAA;MAAAQ,QAAA,eACCV,KAAA,CAACrB,SAAS;QAAA+B,QAAA,gBACTZ,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,4BAA4B;UAChCC,MAAM,EAAG;YAAEC,QAAQ,EAAEnB;UAAqB,CAAG;UAC7CoB,WAAW;UACXC,IAAI,EAAGhC,UAAY;UAAA2B,QAAA,EAEjB9B,EAAE,CAAE,YAAa;QAAC,CACE,CAAC,eACxBkB,IAAA,CAACR,iCAAiC;UACjCqB,GAAG,EAAC,wBAAwB;UAC5BG,WAAW;UACXC,IAAI,EAAG/B,MAAQ;UAAA0B,QAAA,EAEb9B,EAAE,CAAE,QAAS;QAAC,CACkB,CAAC,eACpCkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,sBAAsB;UAC1BC,MAAM,EAAG;YAAEC,QAAQ,EAAE;UAAO,CAAG;UAC/BC,WAAW;UACXC,IAAI,EAAG9B,IAAM;UAAAyB,QAAA,EAEX9B,EAAE,CAAE,OAAQ;QAAC,CACO,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAElB;UAAmB,CAAG;UAC3CmB,WAAW;UACXC,IAAI,EAAGlC,MAAQ;UAAA6B,QAAA,EAEb9B,EAAE,CAAE,WAAY;QAAC,CACG,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;UACrBsB,GAAG,EAAC,0BAA0B;UAC9BC,MAAM,EAAG;YAAEC,QAAQ,EAAEjB,aAAa,CAACoB;UAAK,CAAG;UAC3CF,WAAW;UACXC,IAAI,EAAGjC,MAAQ;UAAA4B,QAAA,EAEb9B,EAAE,CAAE,UAAW;QAAC,CACI,CAAC;MAAA,CACd;IAAC,CACX;EACF,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useEffect","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","store","editSiteStore","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","MainSidebarNavigationContent","children","uid","params","postType","withChevron","icon","user","SidebarNavigationScreenMain","setEditorCanvasContainerView","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":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,iCAAiC,QAAQ,4CAA4C;AAC9F,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,SACCC,oBAAoB,EACpBC,kBAAkB,EAClBC,aAAa,QACP,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/B,OAAO,SAASC,4BAA4BA,CAAA,EAAG;EAC9C,oBACCD,KAAA,CAACrB,SAAS;IAAAuB,QAAA,gBACTJ,IAAA,CAACT,qBAAqB;MACrBc,GAAG,EAAC,4BAA4B;MAChCC,MAAM,EAAG;QAAEC,QAAQ,EAAEX;MAAqB,CAAG;MAC7CY,WAAW;MACXC,IAAI,EAAGxB,UAAY;MAAAmB,QAAA,EAEjBtB,EAAE,CAAE,YAAa;IAAC,CACE,CAAC,eACxBkB,IAAA,CAACR,iCAAiC;MACjCa,GAAG,EAAC,wBAAwB;MAC5BI,IAAI,EAAGvB,MAAQ;MAAAkB,QAAA,EAEbtB,EAAE,CAAE,QAAS;IAAC,CACkB,CAAC,eACpCkB,IAAA,CAACT,qBAAqB;MACrBc,GAAG,EAAC,sBAAsB;MAC1BC,MAAM,EAAG;QAAEC,QAAQ,EAAE;MAAO,CAAG;MAC/BC,WAAW;MACXC,IAAI,EAAGtB,IAAM;MAAAiB,QAAA,EAEXtB,EAAE,CAAE,OAAQ;IAAC,CACO,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;MACrBc,GAAG,EAAC,0BAA0B;MAC9BC,MAAM,EAAG;QAAEC,QAAQ,EAAEV;MAAmB,CAAG;MAC3CW,WAAW;MACXC,IAAI,EAAG1B,MAAQ;MAAAqB,QAAA,EAEbtB,EAAE,CAAE,WAAY;IAAC,CACG,CAAC,eACxBkB,IAAA,CAACT,qBAAqB;MACrBc,GAAG,EAAC,0BAA0B;MAC9BC,MAAM,EAAG;QAAEC,QAAQ,EAAET,aAAa,CAACY;MAAK,CAAG;MAC3CF,WAAW;MACXC,IAAI,EAAGzB,MAAQ;MAAAoB,QAAA,EAEbtB,EAAE,CAAE,UAAW;IAAC,CACI,CAAC;EAAA,CACd,CAAC;AAEd;AAEA,eAAe,SAAS6B,2BAA2BA,CAAA,EAAG;EACrD,MAAM;IAAEC;EAA6B,CAAC,GAAGnB,MAAM,CAC9CL,WAAW,CAAEO,aAAc,CAC5B,CAAC;;EAED;EACAN,SAAS,CAAE,MAAM;IAChBuB,4BAA4B,CAAEC,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAED,4BAA4B,CAAG,CAAC;EAErC,oBACCZ,IAAA,CAACV,uBAAuB;IACvBwB,MAAM;IACNC,KAAK,EAAGjC,EAAE,CAAE,QAAS,CAAG;IACxBkC,WAAW,EAAGlC,EAAE,CACf,kEACD,CAAG;IACHmC,OAAO,eAAGjB,IAAA,CAACG,4BAA4B,IAAE;EAAG,CAC5C,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/site-editor-routes/styles-edit.js

@@ -3,18 +3,23 @@
  */
 import Editor from '../editor';
 import SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';
+import GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const stylesEditRoute = {
   name: 'styles-edit',
   match: params => {
-    return params.path === '/wp_global_styles' && params.canvas === 'edit';
+    return params.path && params.path.startsWith('/wp_global_styles') && params.canvas !== 'edit';
   },
   areas: {
+    content: /*#__PURE__*/_jsx(GlobalStylesUIWrapper, {}),
     sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStyles, {
       backPath: {}
     }),
     preview: /*#__PURE__*/_jsx(Editor, {}),
     mobile: /*#__PURE__*/_jsx(Editor, {})
+  },
+  widths: {
+    content: 380
   }
 };
 //# sourceMappingURL=styles-edit.js.map

package/build-module/components/site-editor-routes/styles-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["Editor","SidebarNavigationScreenGlobalStyles","jsx","_jsx","stylesEditRoute","name","match","params","path","canvas","areas","sidebar","backPath","preview","mobile"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles-edit.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\n\nexport const stylesEditRoute = {\n\tname: 'styles-edit',\n\tmatch: ( params ) => {\n\t\treturn params.path === '/wp_global_styles' && params.canvas === 'edit';\n\t},\n\tareas: {\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath={ {} } />,\n\t\tpreview: <Editor />,\n\t\tmobile: <Editor />,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,WAAW;AAC9B,OAAOC,mCAAmC,MAAM,4CAA4C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7F,OAAO,MAAMC,eAAe,GAAG;EAC9BC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAIC,MAAM,IAAM;IACpB,OAAOA,MAAM,CAACC,IAAI,KAAK,mBAAmB,IAAID,MAAM,CAACE,MAAM,KAAK,MAAM;EACvE,CAAC;EACDC,KAAK,EAAE;IACNC,OAAO,eAAER,IAAA,CAACF,mCAAmC;MAACW,QAAQ,EAAG,CAAC;IAAG,CAAE,CAAC;IAChEC,OAAO,eAAEV,IAAA,CAACH,MAAM,IAAE,CAAC;IACnBc,MAAM,eAAEX,IAAA,CAACH,MAAM,IAAE;EAClB;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["Editor","SidebarNavigationScreenGlobalStyles","GlobalStylesUIWrapper","jsx","_jsx","stylesEditRoute","name","match","params","path","startsWith","canvas","areas","content","sidebar","backPath","preview","mobile","widths"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles-edit.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';\n\nexport const stylesEditRoute = {\n\tname: 'styles-edit',\n\tmatch: ( params ) => {\n\t\treturn (\n\t\t\tparams.path &&\n\t\t\tparams.path.startsWith( '/wp_global_styles' ) &&\n\t\t\tparams.canvas !== 'edit'\n\t\t);\n\t},\n\tareas: {\n\t\tcontent: <GlobalStylesUIWrapper />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath={ {} } />,\n\t\tpreview: <Editor />,\n\t\tmobile: <Editor />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,WAAW;AAC9B,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,qBAAqB,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,OAAO,MAAMC,eAAe,GAAG;EAC9BC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAIC,MAAM,IAAM;IACpB,OACCA,MAAM,CAACC,IAAI,IACXD,MAAM,CAACC,IAAI,CAACC,UAAU,CAAE,mBAAoB,CAAC,IAC7CF,MAAM,CAACG,MAAM,KAAK,MAAM;EAE1B,CAAC;EACDC,KAAK,EAAE;IACNC,OAAO,eAAET,IAAA,CAACF,qBAAqB,IAAE,CAAC;IAClCY,OAAO,eAAEV,IAAA,CAACH,mCAAmC;MAACc,QAAQ,EAAG,CAAC;IAAG,CAAE,CAAC;IAChEC,OAAO,eAAEZ,IAAA,CAACJ,MAAM,IAAE,CAAC;IACnBiB,MAAM,eAAEb,IAAA,CAACJ,MAAM,IAAE;EAClB,CAAC;EACDkB,MAAM,EAAE;IACPL,OAAO,EAAE;EACV;AACD,CAAC","ignoreList":[]}

package/build-module/components/site-editor-routes/styles-view.js

@@ -3,17 +3,23 @@
  */
 import Editor from '../editor';
 import SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';
+import GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const stylesViewRoute = {
   name: 'styles-view',
   match: params => {
-    return params.path === '/wp_global_styles' && params.canvas !== 'edit';
+    return params.path && params.path.startsWith('/wp_global_styles') && params.canvas !== 'edit';
   },
   areas: {
+    content: /*#__PURE__*/_jsx(GlobalStylesUIWrapper, {}),
     sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStyles, {
       backPath: {}
     }),
-    preview: /*#__PURE__*/_jsx(Editor, {})
+    preview: /*#__PURE__*/_jsx(Editor, {}),
+    mobile: /*#__PURE__*/_jsx(GlobalStylesUIWrapper, {})
+  },
+  widths: {
+    content: 380
   }
 };
 //# sourceMappingURL=styles-view.js.map

package/build-module/components/site-editor-routes/styles-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["Editor","SidebarNavigationScreenGlobalStyles","jsx","_jsx","stylesViewRoute","name","match","params","path","canvas","areas","sidebar","backPath","preview"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles-view.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\n\nexport const stylesViewRoute = {\n\tname: 'styles-view',\n\tmatch: ( params ) => {\n\t\treturn params.path === '/wp_global_styles' && params.canvas !== 'edit';\n\t},\n\tareas: {\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath={ {} } />,\n\t\tpreview: <Editor />,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,WAAW;AAC9B,OAAOC,mCAAmC,MAAM,4CAA4C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7F,OAAO,MAAMC,eAAe,GAAG;EAC9BC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAIC,MAAM,IAAM;IACpB,OAAOA,MAAM,CAACC,IAAI,KAAK,mBAAmB,IAAID,MAAM,CAACE,MAAM,KAAK,MAAM;EACvE,CAAC;EACDC,KAAK,EAAE;IACNC,OAAO,eAAER,IAAA,CAACF,mCAAmC;MAACW,QAAQ,EAAG,CAAC;IAAG,CAAE,CAAC;IAChEC,OAAO,eAAEV,IAAA,CAACH,MAAM,IAAE;EACnB;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["Editor","SidebarNavigationScreenGlobalStyles","GlobalStylesUIWrapper","jsx","_jsx","stylesViewRoute","name","match","params","path","startsWith","canvas","areas","content","sidebar","backPath","preview","mobile","widths"],"sources":["@wordpress/edit-site/src/components/site-editor-routes/styles-view.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';\n\nexport const stylesViewRoute = {\n\tname: 'styles-view',\n\tmatch: ( params ) => {\n\t\treturn (\n\t\t\tparams.path &&\n\t\t\tparams.path.startsWith( '/wp_global_styles' ) &&\n\t\t\tparams.canvas !== 'edit'\n\t\t);\n\t},\n\tareas: {\n\t\tcontent: <GlobalStylesUIWrapper />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath={ {} } />,\n\t\tpreview: <Editor />,\n\t\tmobile: <GlobalStylesUIWrapper />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,WAAW;AAC9B,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,qBAAqB,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,OAAO,MAAMC,eAAe,GAAG;EAC9BC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAIC,MAAM,IAAM;IACpB,OACCA,MAAM,CAACC,IAAI,IACXD,MAAM,CAACC,IAAI,CAACC,UAAU,CAAE,mBAAoB,CAAC,IAC7CF,MAAM,CAACG,MAAM,KAAK,MAAM;EAE1B,CAAC;EACDC,KAAK,EAAE;IACNC,OAAO,eAAET,IAAA,CAACF,qBAAqB,IAAE,CAAC;IAClCY,OAAO,eAAEV,IAAA,CAACH,mCAAmC;MAACc,QAAQ,EAAG,CAAC;IAAG,CAAE,CAAC;IAChEC,OAAO,eAAEZ,IAAA,CAACJ,MAAM,IAAE,CAAC;IACnBiB,MAAM,eAAEb,IAAA,CAACF,qBAAqB,IAAE;EACjC,CAAC;EACDgB,MAAM,EAAE;IACPL,OAAO,EAAE;EACV;AACD,CAAC","ignoreList":[]}

package/build-module/components/site-hub/index.js

@@ -117,14 +117,22 @@ export const SiteHubMobile = memo(forwardRef(({
     navigate
   } = useContext(SidebarNavigationContext);
   const {
+    dashboardLink,
+    isBlockTheme,
     homeUrl,
     siteTitle
   } = useSelect(select => {
     const {
-      getEntityRecord
+      getSettings
+    } = unlock(select(editSiteStore));
+    const {
+      getEntityRecord,
+      getCurrentTheme
     } = select(coreStore);
     const _site = getEntityRecord('root', 'site');
     return {
+      dashboardLink: getSettings().__experimentalDashboardLink || 'index.php',
+      isBlockTheme: getCurrentTheme()?.is_block_theme,
       homeUrl: getEntityRecord('root', '__unstableBase')?.home,
       siteTitle: !_site?.title && !!_site?.url ? filterURLForDisplay(_site?.url) : _site?.title
     };
@@ -144,16 +152,21 @@ export const SiteHubMobile = memo(forwardRef(({
         children: /*#__PURE__*/_jsx(Button, {
           __next40pxDefaultSize: true,
           ref: ref,
-          label: __('Go to Site Editor'),
           className: "edit-site-layout__view-mode-toggle",
           style: {
             transform: 'scale(0.5)',
             borderRadius: 4
           },
-          onClick: () => {
-            history.push({});
-            navigate('back');
-          },
+          ...(!isBlockTheme ? {
+            href: dashboardLink,
+            label: __('Go to the Dashboard')
+          } : {
+            onClick: () => {
+              history.push({});
+              navigate('back');
+            },
+            label: __('Go to Site Editor')
+          }),
           children: /*#__PURE__*/_jsx(SiteIcon, {
             className: "edit-site-layout__view-mode-toggle-icon"
           })