npm - @wordpress/edit-site - Versions diffs - 5.12.12 → 5.12.14 - Mend

@wordpress/edit-site 5.12.12 → 5.12.14

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

Files changed (71) hide show

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

@@ -102,36 +102,9 @@ function SidebarNavigationScreenGlobalStylesContent() {
 }
 function SidebarNavigationScreenGlobalStylesFooter({
+  modifiedDateTime,
   onClickRevisions
 }) {
-  const {
-    revisions,
-    isLoading
-  } = useGlobalStylesRevisions();
-  const {
-    revisionsCount
-  } = useSelect(select => {
-    var _globalStyles$_links$;
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(coreStore);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    return {
-      revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
-    };
-  }, []);
-  const hasRevisions = revisionsCount >= 2;
-  const modified = revisions?.[0]?.modified;
-  if (!hasRevisions || isLoading || !modified) {
-    return null;
-  }
   return createElement(VStack, {
     className: "edit-site-sidebar-navigation-screen-global-styles__footer"
   }, createElement(SidebarNavigationItem, {
@@ -147,8 +120,8 @@ function SidebarNavigationScreenGlobalStylesFooter({
   }, createElement("span", {
     className: "edit-site-sidebar-navigation-screen-global-styles__revisions__label"
   }, __('Last modified')), createElement("span", null, createElement("time", {
-    dateTime: modified
-  }, humanTimeDiff(modified))), createElement(Icon, {
+    dateTime: modifiedDateTime
+  }, humanTimeDiff(modifiedDateTime))), createElement(Icon, {
     icon: backup,
     style: {
       fill: 'currentcolor'
@@ -157,6 +130,10 @@ function SidebarNavigationScreenGlobalStylesFooter({
 }
 export default function SidebarNavigationScreenGlobalStyles() {
+  const {
+    revisions,
+    isLoading: isLoadingRevisions
+  } = useGlobalStylesRevisions();
   const {
     openGeneralSidebar,
     setIsListViewOpened
@@ -177,15 +154,27 @@ export default function SidebarNavigationScreenGlobalStyles() {
   } = useSelect(preferencesStore);
   const {
     isViewMode,
-    isStyleBookOpened
+    isStyleBookOpened,
+    revisionsCount
   } = useSelect(select => {
+    var _globalStyles$_links$;
     const {
       getCanvasMode,
       getEditorCanvasContainerView
     } = unlock(select(editSiteStore));
+    const {
+      getEntityRecord,
+      __experimentalGetCurrentGlobalStylesId
+    } = select(coreStore);
+    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
+    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
     return {
       isViewMode: 'view' === getCanvasMode(),
-      isStyleBookOpened: 'style-book' === getEditorCanvasContainerView()
+      isStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),
+      revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
     };
   }, []);
   const turnOffDistractionFreeMode = useCallback(() => {
@@ -220,12 +209,17 @@ export default function SidebarNavigationScreenGlobalStyles() {
     // has been set to 'global-styles-revisions'.
     setEditorCanvasContainerView('global-styles-revisions');
-  }, [openGlobalStyles, setEditorCanvasContainerView]);
+  }, [openGlobalStyles, setEditorCanvasContainerView]); // If there are no revisions, do not render a footer.
+  const hasRevisions = revisionsCount >= 2;
+  const modifiedDateTime = revisions?.[0]?.modified;
+  const shouldShowGlobalStylesFooter = hasRevisions && !isLoadingRevisions && modifiedDateTime;
   return createElement(Fragment, null, createElement(SidebarNavigationScreen, {
     title: __('Styles'),
     description: __('Choose a different style combination for the theme styles.'),
     content: createElement(SidebarNavigationScreenGlobalStylesContent, null),
-    footer: createElement(SidebarNavigationScreenGlobalStylesFooter, {
+    footer: shouldShowGlobalStylesFooter && createElement(SidebarNavigationScreenGlobalStylesFooter, {
+      modifiedDateTime: modifiedDateTime,
       onClickRevisions: openRevisions
     }),
     actions: createElement(Fragment, null, !isMobileViewport && createElement(SidebarButton, {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"names":["__","backup","edit","seen","useSelect","useDispatch","store","coreStore","Icon","__experimentalNavigatorButton","NavigatorButton","__experimentalVStack","HStack","VStack","useViewportMatch","BlockEditorProvider","humanTimeDiff","useCallback","noticesStore","preferencesStore","SidebarNavigationScreen","StyleVariationsContainer","unlock","editSiteStore","SidebarButton","SidebarNavigationItem","StyleBook","useGlobalStylesRevisions","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","setCanvasMode","createNotice","set","setPreference","get","getPrefference","turnOffDistractionFreeMode","isDistractionFree","name","isDismissible","type","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","SidebarNavigationScreenGlobalStylesFooter","onClickRevisions","revisions","isLoading","revisionsCount","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","hasRevisions","modified","fill","SidebarNavigationScreenGlobalStyles","setIsListViewOpened","isMobileViewport","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","getCanvasMode","getEditorCanvasContainerView","openGlobalStyles","Promise","all","openStyleBook","openRevisions"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { backup, edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tIcon,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useCallback } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\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';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPrefference } = useSelect( preferencesStore );\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPrefference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPrefference ] );\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<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\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\tturnOffDistractionFreeMode();\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\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\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesFooter( { onClickRevisions } ) {\n\tconst { revisions, isLoading } = useGlobalStylesRevisions();\n\tconst { revisionsCount } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\trevisionsCount:\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0,\n\t\t};\n\t}, [] );\n\n\tconst hasRevisions = revisionsCount >= 2;\n\tconst modified = revisions?.[ 0 ]?.modified;\n\n\tif ( ! hasRevisions \|\| isLoading \|\| ! modified ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-sidebar-navigation-screen-global-styles__footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-global-styles__revisions\"\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\tonClick={ onClickRevisions }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-global-styles__revisions__label\">\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<time dateTime={ modified }>\n\t\t\t\t\t\t\t{ humanTimeDiff( modified ) }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Icon icon={ backup } style={ { fill: 'currentcolor' } } />\n\t\t\t\t</HStack>\n\t\t\t</SidebarNavigationItem>\n\t\t</VStack>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPrefference } = useSelect( preferencesStore );\n\tconst { isViewMode, isStyleBookOpened } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\treturn {\n\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\tisStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),\n\t\t};\n\t}, [] );\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPrefference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPrefference ] );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\tturnOffDistractionFreeMode();\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode ] );\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\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\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesFooter\n\t\t\t\t\t\tonClickRevisions={ openRevisions }\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 && isViewMode && (\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"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"names":["__","backup","edit","seen","useSelect","useDispatch","store","coreStore","Icon","__experimentalNavigatorButton","NavigatorButton","__experimentalVStack","HStack","VStack","useViewportMatch","BlockEditorProvider","humanTimeDiff","useCallback","noticesStore","preferencesStore","SidebarNavigationScreen","StyleVariationsContainer","unlock","editSiteStore","SidebarButton","SidebarNavigationItem","StyleBook","useGlobalStylesRevisions","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","setCanvasMode","createNotice","set","setPreference","get","getPrefference","turnOffDistractionFreeMode","isDistractionFree","name","isDismissible","type","hasGlobalStyleVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","SidebarNavigationScreenGlobalStylesFooter","modifiedDateTime","onClickRevisions","fill","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","setIsListViewOpened","isMobileViewport","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","openGlobalStyles","Promise","all","openStyleBook","openRevisions","hasRevisions","modified","shouldShowGlobalStylesFooter"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { backup, edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tIcon,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useCallback } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\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';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPrefference } = useSelect( preferencesStore );\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPrefference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPrefference ] );\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<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\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\tturnOffDistractionFreeMode();\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\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\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesFooter( {\n\tmodifiedDateTime,\n\tonClickRevisions,\n} ) {\n\treturn (\n\t\t<VStack className=\"edit-site-sidebar-navigation-screen-global-styles__footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-global-styles__revisions\"\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\tonClick={ onClickRevisions }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-global-styles__revisions__label\">\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<time dateTime={ modifiedDateTime }>\n\t\t\t\t\t\t\t{ humanTimeDiff( modifiedDateTime ) }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Icon icon={ backup } style={ { fill: 'currentcolor' } } />\n\t\t\t\t</HStack>\n\t\t\t</SidebarNavigationItem>\n\t\t</VStack>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPrefference } = useSelect( preferencesStore );\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPrefference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPrefference ] );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\tturnOffDistractionFreeMode();\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode ] );\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 >= 2;\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\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenGlobalStylesFooter\n\t\t\t\t\t\t\tmodifiedDateTime={ modifiedDateTime }\n\t\t\t\t\t\t\tonClickRevisions={ 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 && isViewMode && (\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"]}

package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { createElement, Fragment } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockList, BlockTools } from '@wordpress/block-editor';
+import { privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockList } from '@wordpress/block-editor';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
 import { useCallback } from '@wordpress/element';
@@ -75,6 +75,6 @@ export default function NavigationMenuContent({
     showAppender: false
   }), createElement("div", {
     className: "edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor"
-  }, createElement(BlockTools, null, createElement(BlockList, null))));
+  }, createElement(BlockList, null)));
 }
 //# sourceMappingURL=navigation-menu-content.js.map

package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js"],"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","BlockList","~~BlockTools","~~useDispatch","useSelect","createBlock","useCallback","coreStore","unlock","LeafMoreMenu","PrivateListView","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","listViewRootClientId","isLoading","select","areInnerBlocksControlled","getBlockName","getBlockCount","getBlockOrder","isResolving","blockClientIds","hasOnlyPageListBlock","length","pageListHasBlocks","isLoadingPages","replaceBlock","__unstableMarkNextChangeAsNotPersistent","offCanvasOnselect","block","name","attributes","url","clientId"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBADhB,EAECC,KAAK,IAAIC,gBAFV,EAGCC,SAHD,~~EAICC~~,~~UAJD,QAKO,yBALP~~;~~AAMA~~,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,oBAA5B;AACA,~~SAASP~~,KAAK,~~IAAIQ~~,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAsBF,MAAM,~~CAAEV~~,sBAAF,CAAlC,C,CAEA;;AACA,~~MAAMa~~,cAAc,GAAG,GAAvB;AACA,MAAMC,WAAW,GAAG,CACnB,UADmB,EAEnB,MAFmB,EAGnB;AACCC,EAAAA,QAAQ,EAAEF,cADX;AAECG,EAAAA,OAAO,EAAE,CAAE,IAAF,EAAQ,MAAR,EAAgB,YAAhB,EAA8B,QAA9B,EAAwC,OAAxC,EAAiD,MAAjD,CAFV;AAGC;AACA;AACA;AACAC,EAAAA,OAAO,EAAE,YANV;AAOCC,EAAAA,KAAK,EAAE;AAPR,CAHmB,CAApB;AAcA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAAmD;AACjE,QAAM;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MAAsChB,SAAS,CAClDiB,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,wBADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,aAHK;AAILC,MAAAA;AAJK,QAKFJ,MAAM,~~CAAErB~~,gBAAF,CALV;AAMA,UAAM;~~AAAE0B~~,MAAAA;AAAF,QAAkBL,MAAM,CAAEd,SAAF,CAA9B;AAEA,UAAMoB,cAAc,GAAGF,aAAa,CAAEP,YAAF,CAApC;AAEA,UAAMU,oBAAoB,GACzBD,cAAc,CAACE,MAAf,KAA0B,CAA1B,IACAN,YAAY,CAAEI,cAAc,CAAE,CAAF,CAAhB,CAAZ,KAAwC,gBAFzC;AAGA,UAAMG,iBAAiB,GACtBF,oBAAoB,IACpBJ,aAAa,CAAEG,cAAc,CAAE,CAAF,CAAhB,CAAb,GAAuC,CAFxC;AAIA,UAAMI,cAAc,GAAGL,WAAW,CACjC,kBADiC,EAEjCd,WAFiC,CAAlC;AAKA,WAAO;AACNO,MAAAA,oBAAoB,EAAEW,iBAAiB,GACpCH,cAAc,CAAE,CAAF,CADsB,GAEpCT,YAHG;AAIN;AACA;AACAE,MAAAA,SAAS,EACR,CAAEE,wBAAwB,CAAEJ,YAAF,CAA1B,IACAa;AARK,KAAP;AAUA,GAlCmD,EAmCpD,CAAEb,YAAF,CAnCoD,CAArD;AAqCA,QAAM;AAAEc,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MACL9B,WAAW,~~CAAEH~~,gBAAF,CADZ;AAGA,~~QAAMkC~~,iBAAiB,GAAG5B,WAAW,CAClC6B,KAAF,IAAa;AACZ,QACCA,KAAK,CAACC,IAAN,KAAe,sBAAf,IACA,CAAED,KAAK,CAACE,UAAN,CAAiBC,GAFpB,EAGE;AACDL,MAAAA,uCAAuC;;AACvCD,MAAAA,YAAY,CACXG,KAAK,CAACI,QADK,EAEXlC,WAAW,CAAE,sBAAF,EAA0B8B,KAAK,CAACE,UAAhC,CAFA,CAAZ;AAIA;AACD,GAZmC,EAapC,CAAEJ,uCAAF,EAA2CD,YAA3C,CAboC,CAArC,CAzCiE,CAyDjE;AACA;;AACA,SACC,8BACG,CAAEZ,SAAF,IACD,cAAC,eAAD;AACC,IAAA,YAAY,EAAGD,oBADhB;AAEC,IAAA,QAAQ,EAAGe,iBAFZ;AAGC,IAAA,iBAAiB,EAAGzB,YAHrB;AAIC,IAAA,YAAY,EAAG;AAJhB,IAFF,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,~~UAAD,QACC,cAAC,~~SAAD,OADD,~~CADD,~~CATD,CADD;~~AAiBA~~","sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n~~\tBlockTools,\n~~} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport LeafMoreMenu from './leaf-more-menu';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\n// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.\nconst MAX_PAGE_COUNT = 100;\nconst PAGES_QUERY = [\n\t'postType',\n\t'page',\n\t{\n\t\tper_page: MAX_PAGE_COUNT,\n\t\t_fields: [ 'id', 'link', 'menu_order', 'parent', 'title', 'type' ],\n\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t// sort.\n\t\torderby: 'menu_order',\n\t\torder: 'asc',\n\t},\n];\n\nexport default function NavigationMenuContent( { rootClientId } ) {\n\tconst { listViewRootClientId, isLoading } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tareInnerBlocksControlled,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockOrder,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isResolving } = select( coreStore );\n\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\n\t\t\tconst hasOnlyPageListBlock =\n\t\t\t\tblockClientIds.length === 1 &&\n\t\t\t\tgetBlockName( blockClientIds[ 0 ] ) === 'core/page-list';\n\t\t\tconst pageListHasBlocks =\n\t\t\t\thasOnlyPageListBlock &&\n\t\t\t\tgetBlockCount( blockClientIds[ 0 ] ) > 0;\n\n\t\t\tconst isLoadingPages = isResolving(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tPAGES_QUERY\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlistViewRootClientId: pageListHasBlocks\n\t\t\t\t\t? blockClientIds[ 0 ]\n\t\t\t\t\t: rootClientId,\n\t\t\t\t// This is a small hack to wait for the navigation block\n\t\t\t\t// to actually load its inner blocks.\n\t\t\t\tisLoading:\n\t\t\t\t\t! areInnerBlocksControlled( rootClientId ) \|\|\n\t\t\t\t\tisLoadingPages,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tconst { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst offCanvasOnselect = useCallback(\n\t\t( block ) => {\n\t\t\tif (\n\t\t\t\tblock.name === 'core/navigation-link' &&\n\t\t\t\t! block.attributes.url\n\t\t\t) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlock(\n\t\t\t\t\tblock.clientId,\n\t\t\t\t\tcreateBlock( 'core/navigation-link', block.attributes )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ __unstableMarkNextChangeAsNotPersistent, replaceBlock ]\n\t);\n\n\t// The hidden block is needed because it makes block edit side effects trigger.\n\t// For example a navigation page list load its items has an effect on edit to load its items.\n\treturn (\n\t\t<>\n\t\t\t{ ! isLoading && (\n\t\t\t\t<PrivateListView\n\t\t\t\t\trootClientId={ listViewRootClientId }\n\t\t\t\t\tonSelect={ offCanvasOnselect }\n\t\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\t\tshowAppender={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor\">\n\t\t\t\t<~~BlockTools>\n\t\t\t\t\t<~~BlockList />\n\t\t\t\t</~~BlockTools>\n\t\t\t</~~div>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js"],"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","BlockList","useDispatch","useSelect","createBlock","useCallback","coreStore","unlock","LeafMoreMenu","PrivateListView","MAX_PAGE_COUNT","PAGES_QUERY","per_page","_fields","orderby","order","NavigationMenuContent","rootClientId","listViewRootClientId","isLoading","select","areInnerBlocksControlled","getBlockName","getBlockCount","getBlockOrder","isResolving","blockClientIds","hasOnlyPageListBlock","length","pageListHasBlocks","isLoadingPages","replaceBlock","__unstableMarkNextChangeAsNotPersistent","offCanvasOnselect","block","name","attributes","url","clientId"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\tBlockList,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport LeafMoreMenu from './leaf-more-menu';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\n// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.\nconst MAX_PAGE_COUNT = 100;\nconst PAGES_QUERY = [\n\t'postType',\n\t'page',\n\t{\n\t\tper_page: MAX_PAGE_COUNT,\n\t\t_fields: [ 'id', 'link', 'menu_order', 'parent', 'title', 'type' ],\n\t\t// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby\n\t\t// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent\n\t\t// sort.\n\t\torderby: 'menu_order',\n\t\torder: 'asc',\n\t},\n];\n\nexport default function NavigationMenuContent( { rootClientId } ) {\n\tconst { listViewRootClientId, isLoading } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tareInnerBlocksControlled,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockOrder,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isResolving } = select( coreStore );\n\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\n\t\t\tconst hasOnlyPageListBlock =\n\t\t\t\tblockClientIds.length === 1 &&\n\t\t\t\tgetBlockName( blockClientIds[ 0 ] ) === 'core/page-list';\n\t\t\tconst pageListHasBlocks =\n\t\t\t\thasOnlyPageListBlock &&\n\t\t\t\tgetBlockCount( blockClientIds[ 0 ] ) > 0;\n\n\t\t\tconst isLoadingPages = isResolving(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tPAGES_QUERY\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlistViewRootClientId: pageListHasBlocks\n\t\t\t\t\t? blockClientIds[ 0 ]\n\t\t\t\t\t: rootClientId,\n\t\t\t\t// This is a small hack to wait for the navigation block\n\t\t\t\t// to actually load its inner blocks.\n\t\t\t\tisLoading:\n\t\t\t\t\t! areInnerBlocksControlled( rootClientId ) \|\|\n\t\t\t\t\tisLoadingPages,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tconst { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst offCanvasOnselect = useCallback(\n\t\t( block ) => {\n\t\t\tif (\n\t\t\t\tblock.name === 'core/navigation-link' &&\n\t\t\t\t! block.attributes.url\n\t\t\t) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceBlock(\n\t\t\t\t\tblock.clientId,\n\t\t\t\t\tcreateBlock( 'core/navigation-link', block.attributes )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ __unstableMarkNextChangeAsNotPersistent, replaceBlock ]\n\t);\n\n\t// The hidden block is needed because it makes block edit side effects trigger.\n\t// For example a navigation page list load its items has an effect on edit to load its items.\n\treturn (\n\t\t<>\n\t\t\t{ ! isLoading && (\n\t\t\t\t<PrivateListView\n\t\t\t\t\trootClientId={ listViewRootClientId }\n\t\t\t\t\tonSelect={ offCanvasOnselect }\n\t\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\t\tshowAppender={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor\">\n\t\t\t\t<BlockList />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build-module/components/sidebar-navigation-screen-patterns/category-item.js CHANGED Viewed

@@ -17,11 +17,6 @@ export default function CategoryItem({
     path: '/patterns',
     categoryType: type,
     categoryId: id
-  }, {
-    // Keep a record of where we came from in state so we can
-    // use the browser's back button to go back to Patterns.
-    // See the implementation of the back button in patterns-list.
-    backPath: '/patterns'
   });
   if (!count) {

package/build-module/components/sidebar-navigation-screen-patterns/category-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/category-item.js"],"names":["SidebarNavigationItem","useLink","CategoryItem","count","icon","id","isActive","label","type","linkInfo","path","categoryType","categoryId","~~backPath","~~undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,qBAAP,MAAkC,4BAAlC;AACA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,KADqC;AAErCC,EAAAA,IAFqC;AAGrCC,EAAAA,EAHqC;AAIrCC,EAAAA,QAJqC;AAKrCC,EAAAA,KALqC;AAMrCC,EAAAA;AANqC,CAAvB,EAOX;AACH,QAAMC,QAAQ,GAAGR,OAAO,~~CACvB~~;~~AACCS~~,IAAAA,IAAI,EAAE,~~WADP~~;~~AAECC~~,IAAAA,YAAY,EAAEH,~~IAFf~~;~~AAGCI~~,IAAAA,UAAU,EAAEP;~~AAHb~~,~~GADuB~~,~~EAMvB;AACC;AACA;AACA;AACAQ,IAAAA,QAAQ,EAAE;AAJX,GANuB,~~CAAxB;;~~AAcA~~,MAAK,~~CAAEV~~,KAAP,EAAe;AACd;AACA;;AAED,SACC,cAAC,qBAAD,OACMM,QADN;AAEC,IAAA,IAAI,EAAGL,IAFR;AAGC,IAAA,MAAM,EAAG,4BAAQD,KAAR,CAHV;AAIC,oBAAeG,QAAQ,GAAG,MAAH,~~GAAYQ~~;AAJpC,~~KAMGP~~,KANH,CADD;AAUA","sourcesContent":["/*\n Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLink } from '../routes/link';\n\nexport default function CategoryItem( {\n\tcount,\n\ticon,\n\tid,\n\tisActive,\n\tlabel,\n\ttype,\n} ) {\n\tconst linkInfo = useLink(~~\n\t\t~~{\n\t\t\tpath: '/patterns',\n\t\t\tcategoryType: type,\n\t\t\tcategoryId: id,\n\t\t}~~,\n\t\t{\n\t\t\t//~~ Keep a record of where we came from in state so we can\n\t\t\t// use the browser's back button to go back to Patterns.\n\t\t\t// See the implementation of the back button in patterns-list.\n\t\t\tbackPath: '/patterns',\n\t\t}\n\t);\n\n\tif ( ! count ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ icon }\n\t\t\tsuffix={ <span>{ count }</span> }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ label }\n\t\t</SidebarNavigationItem>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/category-item.js"],"names":["SidebarNavigationItem","useLink","CategoryItem","count","icon","id","isActive","label","type","linkInfo","path","categoryType","categoryId","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,qBAAP,MAAkC,4BAAlC;AACA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,KADqC;AAErCC,EAAAA,IAFqC;AAGrCC,EAAAA,EAHqC;AAIrCC,EAAAA,QAJqC;AAKrCC,EAAAA,KALqC;AAMrCC,EAAAA;AANqC,CAAvB,EAOX;AACH,QAAMC,QAAQ,GAAGR,OAAO,CAAE;AACzBS,IAAAA,IAAI,EAAE,WADmB;AAEzBC,IAAAA,YAAY,EAAEH,IAFW;AAGzBI,IAAAA,UAAU,EAAEP;AAHa,GAAF,CAAxB;;AAMA,MAAK,CAAEF,KAAP,EAAe;AACd;AACA;;AAED,SACC,cAAC,qBAAD,OACMM,QADN;AAEC,IAAA,IAAI,EAAGL,IAFR;AAGC,IAAA,MAAM,EAAG,4BAAQD,KAAR,CAHV;AAIC,oBAAeG,QAAQ,GAAG,MAAH,GAAYO;AAJpC,KAMGN,KANH,CADD;AAUA","sourcesContent":["/*\n Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLink } from '../routes/link';\n\nexport default function CategoryItem( {\n\tcount,\n\ticon,\n\tid,\n\tisActive,\n\tlabel,\n\ttype,\n} ) {\n\tconst linkInfo = useLink( {\n\t\tpath: '/patterns',\n\t\tcategoryType: type,\n\t\tcategoryId: id,\n\t} );\n\n\tif ( ! count ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ icon }\n\t\t\tsuffix={ <span>{ count }</span> }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ label }\n\t\t</SidebarNavigationItem>\n\t);\n}\n"]}

package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js CHANGED Viewed

@@ -54,7 +54,7 @@ export default function useSyncCanvasModeWithURL() {
   useEffect(() => {
     currentCanvasInUrl.current = canvasInUrl;
-    if (canvasInUrl === undefined && currentCanvasMode.current !== 'view') {
+    if (canvasInUrl !== 'edit' && currentCanvasMode.current !== 'view') {
       setCanvasMode('view');
     } else if (canvasInUrl === 'edit' && currentCanvasMode.current !== 'edit') {
       setCanvasMode('edit');

package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js"],"names":["useEffect","useRef","useSelect","useDispatch","privateApis","routerPrivateApis","store","editSiteStore","unlock","useLocation","useHistory","useSyncCanvasModeWithURL","history","params","canvasMode","select","getCanvasMode","setCanvasMode","currentCanvasMode","canvas","canvasInUrl","currentCanvasInUrl","currentUrlParams","current","push","undefined"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,oBAAlC;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,WAAW,IAAIC,iBAAxB,QAAiD,mBAAjD;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,IAA8BF,MAAM,CAAEH,iBAAF,CAA1C;AAEA,eAAe,SAASM,wBAAT,GAAoC;AAClD,QAAMC,OAAO,GAAGF,UAAU,EAA1B;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAaJ,WAAW,EAA9B;AACA,QAAMK,UAAU,GAAGZ,SAAS,CACzBa,MAAF,IAAcP,MAAM,CAAEO,MAAM,CAAER,aAAF,CAAR,CAAN,CAAkCS,aAAlC,EADa,EAE3B,EAF2B,CAA5B;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAAoBT,MAAM,CAAEL,WAAW,CAAEI,aAAF,CAAb,CAAhC;AACA,QAAMW,iBAAiB,GAAGjB,MAAM,CAAEa,UAAF,CAAhC;AACA,QAAM;AAAEK,IAAAA,MAAM,EAAEC;AAAV,MAA0BP,MAAhC;AACA,QAAMQ,kBAAkB,GAAGpB,MAAM,CAAEmB,WAAF,CAAjC;AACA,QAAME,gBAAgB,GAAGrB,MAAM,CAAEY,MAAF,CAA/B;AACAb,EAAAA,SAAS,CAAE,MAAM;AAChBsB,IAAAA,gBAAgB,CAACC,OAAjB,GAA2BV,MAA3B;AACA,GAFQ,EAEN,CAAEA,MAAF,CAFM,CAAT;AAIAb,EAAAA,SAAS,CAAE,MAAM;AAChBkB,IAAAA,iBAAiB,CAACK,OAAlB,GAA4BT,UAA5B;;AACA,QAAKA,UAAU,KAAK,MAApB,EAA6B;AAC5B;AACA;;AAED,QACCA,UAAU,KAAK,MAAf,IACAO,kBAAkB,CAACE,OAAnB,KAA+BT,UAFhC,EAGE;AACDF,MAAAA,OAAO,CAACY,IAAR,CAAc,EACb,GAAGF,gBAAgB,CAACC,OADP;AAEbJ,QAAAA,MAAM,EAAE;AAFK,OAAd;AAIA;;AAED,QACCL,UAAU,KAAK,MAAf,IACAO,kBAAkB,CAACE,OAAnB,KAA+BE,SAFhC,EAGE;AACDb,MAAAA,OAAO,CAACY,IAAR,CAAc,EACb,GAAGF,gBAAgB,CAACC,OADP;AAEbJ,QAAAA,MAAM,EAAEM;AAFK,OAAd;AAIA;AACD,GAzBQ,EAyBN,CAAEX,UAAF,EAAcF,OAAd,CAzBM,CAAT;AA2BAZ,EAAAA,SAAS,CAAE,MAAM;AAChBqB,IAAAA,kBAAkB,CAACE,OAAnB,GAA6BH,WAA7B;;AACA,~~QACCA~~,WAAW,~~KAAKK~~,~~SAAhB~~,~~IACAP~~,iBAAiB,CAACK,OAAlB,KAA8B,~~MAF/B~~,~~EAGE~~;~~AACDN~~,MAAAA,aAAa,CAAE,MAAF,CAAb;AACA,~~KALD~~,~~MAKO~~,IACNG,WAAW,KAAK,MAAhB,IACAF,iBAAiB,CAACK,OAAlB,KAA8B,MAFxB,EAGL;AACDN,MAAAA,aAAa,CAAE,MAAF,CAAb;AACA;AACD,~~GAbQ~~,~~EAaN~~,CAAEG,WAAF,EAAeH,aAAf,~~CAbM~~,CAAT;~~AAcA~~","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport default function useSyncCanvasModeWithURL() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst currentCanvasMode = useRef( canvasMode );\n\tconst { canvas: canvasInUrl } = params;\n\tconst currentCanvasInUrl = useRef( canvasInUrl );\n\tconst currentUrlParams = useRef( params );\n\tuseEffect( () => {\n\t\tcurrentUrlParams.current = params;\n\t}, [ params ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasMode.current = canvasMode;\n\t\tif ( canvasMode === 'init' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'edit' &&\n\t\t\tcurrentCanvasInUrl.current !== canvasMode\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParams.current,\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'view' &&\n\t\t\tcurrentCanvasInUrl.current !== undefined\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParams.current,\n\t\t\t\tcanvas: undefined,\n\t\t\t} );\n\t\t}\n\t}, [ canvasMode, history ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasInUrl.current = canvasInUrl;\n\t\tif (~~\n\t\t\tcanvasInUrl~~ ~~===~~ ~~undefined~~ ~~&&\n\t\t\tcurrentCanvasMode~~.current !== 'view'~~\n\t\t~~) {\n\t\t\tsetCanvasMode( 'view' );\n\t\t} else if (\n\t\t\tcanvasInUrl === 'edit' &&\n\t\t\tcurrentCanvasMode.current !== 'edit'\n\t\t) {\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t}, [ canvasInUrl, setCanvasMode ] );\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js"],"names":["useEffect","useRef","useSelect","useDispatch","privateApis","routerPrivateApis","store","editSiteStore","unlock","useLocation","useHistory","useSyncCanvasModeWithURL","history","params","canvasMode","select","getCanvasMode","setCanvasMode","currentCanvasMode","canvas","canvasInUrl","currentCanvasInUrl","currentUrlParams","current","push","undefined"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,oBAAlC;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,WAAW,IAAIC,iBAAxB,QAAiD,mBAAjD;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,IAA8BF,MAAM,CAAEH,iBAAF,CAA1C;AAEA,eAAe,SAASM,wBAAT,GAAoC;AAClD,QAAMC,OAAO,GAAGF,UAAU,EAA1B;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAaJ,WAAW,EAA9B;AACA,QAAMK,UAAU,GAAGZ,SAAS,CACzBa,MAAF,IAAcP,MAAM,CAAEO,MAAM,CAAER,aAAF,CAAR,CAAN,CAAkCS,aAAlC,EADa,EAE3B,EAF2B,CAA5B;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAAoBT,MAAM,CAAEL,WAAW,CAAEI,aAAF,CAAb,CAAhC;AACA,QAAMW,iBAAiB,GAAGjB,MAAM,CAAEa,UAAF,CAAhC;AACA,QAAM;AAAEK,IAAAA,MAAM,EAAEC;AAAV,MAA0BP,MAAhC;AACA,QAAMQ,kBAAkB,GAAGpB,MAAM,CAAEmB,WAAF,CAAjC;AACA,QAAME,gBAAgB,GAAGrB,MAAM,CAAEY,MAAF,CAA/B;AACAb,EAAAA,SAAS,CAAE,MAAM;AAChBsB,IAAAA,gBAAgB,CAACC,OAAjB,GAA2BV,MAA3B;AACA,GAFQ,EAEN,CAAEA,MAAF,CAFM,CAAT;AAIAb,EAAAA,SAAS,CAAE,MAAM;AAChBkB,IAAAA,iBAAiB,CAACK,OAAlB,GAA4BT,UAA5B;;AACA,QAAKA,UAAU,KAAK,MAApB,EAA6B;AAC5B;AACA;;AAED,QACCA,UAAU,KAAK,MAAf,IACAO,kBAAkB,CAACE,OAAnB,KAA+BT,UAFhC,EAGE;AACDF,MAAAA,OAAO,CAACY,IAAR,CAAc,EACb,GAAGF,gBAAgB,CAACC,OADP;AAEbJ,QAAAA,MAAM,EAAE;AAFK,OAAd;AAIA;;AAED,QACCL,UAAU,KAAK,MAAf,IACAO,kBAAkB,CAACE,OAAnB,KAA+BE,SAFhC,EAGE;AACDb,MAAAA,OAAO,CAACY,IAAR,CAAc,EACb,GAAGF,gBAAgB,CAACC,OADP;AAEbJ,QAAAA,MAAM,EAAEM;AAFK,OAAd;AAIA;AACD,GAzBQ,EAyBN,CAAEX,UAAF,EAAcF,OAAd,CAzBM,CAAT;AA2BAZ,EAAAA,SAAS,CAAE,MAAM;AAChBqB,IAAAA,kBAAkB,CAACE,OAAnB,GAA6BH,WAA7B;;AACA,QAAKA,WAAW,KAAK,MAAhB,IAA0BF,iBAAiB,CAACK,OAAlB,KAA8B,MAA7D,EAAsE;AACrEN,MAAAA,aAAa,CAAE,MAAF,CAAb;AACA,KAFD,MAEO,IACNG,WAAW,KAAK,MAAhB,IACAF,iBAAiB,CAACK,OAAlB,KAA8B,MAFxB,EAGL;AACDN,MAAAA,aAAa,CAAE,MAAF,CAAb;AACA;AACD,GAVQ,EAUN,CAAEG,WAAF,EAAeH,aAAf,CAVM,CAAT;AAWA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport default function useSyncCanvasModeWithURL() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst currentCanvasMode = useRef( canvasMode );\n\tconst { canvas: canvasInUrl } = params;\n\tconst currentCanvasInUrl = useRef( canvasInUrl );\n\tconst currentUrlParams = useRef( params );\n\tuseEffect( () => {\n\t\tcurrentUrlParams.current = params;\n\t}, [ params ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasMode.current = canvasMode;\n\t\tif ( canvasMode === 'init' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'edit' &&\n\t\t\tcurrentCanvasInUrl.current !== canvasMode\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParams.current,\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t}\n\n\t\tif (\n\t\t\tcanvasMode === 'view' &&\n\t\t\tcurrentCanvasInUrl.current !== undefined\n\t\t) {\n\t\t\thistory.push( {\n\t\t\t\t...currentUrlParams.current,\n\t\t\t\tcanvas: undefined,\n\t\t\t} );\n\t\t}\n\t}, [ canvasMode, history ] );\n\n\tuseEffect( () => {\n\t\tcurrentCanvasInUrl.current = canvasInUrl;\n\t\tif ( canvasInUrl !== 'edit' && currentCanvasMode.current !== 'view' ) {\n\t\t\tsetCanvasMode( 'view' );\n\t\t} else if (\n\t\t\tcanvasInUrl === 'edit' &&\n\t\t\tcurrentCanvasMode.current !== 'edit'\n\t\t) {\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t}, [ canvasInUrl, setCanvasMode ] );\n}\n"]}

package/build-style/style-rtl.css CHANGED Viewed

@@ -1446,17 +1446,21 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-document-actions {
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   height: 36px;
+  justify-content: space-between;
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
   width: min(100%, 450px);
-  overflow: hidden;
 }
-.edit-site-document-actions:hover {
-  color: currentColor;
+.has-fixed-toolbar .edit-site-document-actions {
+  width: min(100%, 380px);
+}
+.edit-site-document-actions .components-button:hover {
+  color: var(--wp-block-synced-color);
   background: #e0e0e0;
 }
 @media (min-width: 782px) {
@@ -1471,20 +1475,22 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-document-actions__command {
-  grid-column: 1/-1;
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
-  grid-row: 1;
+  flex-grow: 1;
+  color: var(--wp-block-synced-color);
+  overflow: hidden;
 }
 .edit-site-document-actions__title {
   flex-grow: 1;
   color: var(--wp-block-synced-color);
   overflow: hidden;
-  grid-column: 2/3;
+}
+.edit-site-document-actions__title:hover {
+  color: var(--wp-block-synced-color);
 }
 .edit-site-document-actions__title .block-editor-block-icon {
   min-width: 24px;
+  flex-shrink: 0;
 }
 .edit-site-document-actions__title h1 {
   white-space: nowrap;
@@ -1517,31 +1523,25 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   }
 }
-.edit-site-document-actions__shortcut,
-.edit-site-document-actions__back {
-  color: #2f2f2f;
-}
-.edit-site-document-actions:hover .edit-site-document-actions__shortcut,
-.edit-site-document-actions:hover .edit-site-document-actions__back {
-  color: #1e1e1e;
-}
 .edit-site-document-actions__shortcut {
-  text-align: left;
+  color: #2f2f2f;
 }
-.edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text {
   min-width: 36px;
   flex-shrink: 0;
-  grid-column: 1/2;
-  grid-row: 1;
+  color: #757575;
+  gap: 0;
   z-index: 1;
 }
-.edit-site-document-actions.is-animated .edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text:hover {
+  color: currentColor;
+}
+.edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
   animation: edit-site-document-actions__slide-in-left 0.3s;
 }
 @media (prefers-reduced-motion: reduce) {
-  .edit-site-document-actions.is-animated .edit-site-document-actions__back {
+  .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
@@ -2678,28 +2678,28 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   display: flex;
 }
-.edit-site-layout__sidebar {
+.edit-site-layout__sidebar-region {
   z-index: 1;
   width: 100vw;
   flex-shrink: 0;
 }
 @media (min-width: 782px) {
-  .edit-site-layout__sidebar {
+  .edit-site-layout__sidebar-region {
     width: 360px;
   }
 }
-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar {
+.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
   position: fixed !important;
   height: 100vh;
   right: 0;
   top: 0;
 }
-.edit-site-layout__sidebar > div {
+.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.edit-site-layout__sidebar .resizable-editor__drag-handle {
+.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
   left: 0;
 }
@@ -3032,6 +3032,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-sidebar-navigation-screen__main {
   flex-grow: 1;
+  margin-bottom: 16px;
+}
+.edit-site-sidebar-navigation-screen__main.has-footer {
+  margin-bottom: 0;
 }
 .edit-site-sidebar-navigation-screen__content {

package/build-style/style.css CHANGED Viewed

@@ -1447,17 +1447,21 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-document-actions {
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   height: 36px;
+  justify-content: space-between;
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
   width: min(100%, 450px);
-  overflow: hidden;
 }
-.edit-site-document-actions:hover {
-  color: currentColor;
+.has-fixed-toolbar .edit-site-document-actions {
+  width: min(100%, 380px);
+}
+.edit-site-document-actions .components-button:hover {
+  color: var(--wp-block-synced-color);
   background: #e0e0e0;
 }
 @media (min-width: 782px) {
@@ -1472,20 +1476,22 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-document-actions__command {
-  grid-column: 1/-1;
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
-  grid-row: 1;
+  flex-grow: 1;
+  color: var(--wp-block-synced-color);
+  overflow: hidden;
 }
 .edit-site-document-actions__title {
   flex-grow: 1;
   color: var(--wp-block-synced-color);
   overflow: hidden;
-  grid-column: 2/3;
+}
+.edit-site-document-actions__title:hover {
+  color: var(--wp-block-synced-color);
 }
 .edit-site-document-actions__title .block-editor-block-icon {
   min-width: 24px;
+  flex-shrink: 0;
 }
 .edit-site-document-actions__title h1 {
   white-space: nowrap;
@@ -1518,31 +1524,25 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   }
 }
-.edit-site-document-actions__shortcut,
-.edit-site-document-actions__back {
-  color: #2f2f2f;
-}
-.edit-site-document-actions:hover .edit-site-document-actions__shortcut,
-.edit-site-document-actions:hover .edit-site-document-actions__back {
-  color: #1e1e1e;
-}
 .edit-site-document-actions__shortcut {
-  text-align: right;
+  color: #2f2f2f;
 }
-.edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text {
   min-width: 36px;
   flex-shrink: 0;
-  grid-column: 1/2;
-  grid-row: 1;
+  color: #757575;
+  gap: 0;
   z-index: 1;
 }
-.edit-site-document-actions.is-animated .edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text:hover {
+  color: currentColor;
+}
+.edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
   animation: edit-site-document-actions__slide-in-left 0.3s;
 }
 @media (prefers-reduced-motion: reduce) {
-  .edit-site-document-actions.is-animated .edit-site-document-actions__back {
+  .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
@@ -2679,28 +2679,28 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   display: flex;
 }
-.edit-site-layout__sidebar {
+.edit-site-layout__sidebar-region {
   z-index: 1;
   width: 100vw;
   flex-shrink: 0;
 }
 @media (min-width: 782px) {
-  .edit-site-layout__sidebar {
+  .edit-site-layout__sidebar-region {
     width: 360px;
   }
 }
-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar {
+.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
   position: fixed !important;
   height: 100vh;
   left: 0;
   top: 0;
 }
-.edit-site-layout__sidebar > div {
+.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.edit-site-layout__sidebar .resizable-editor__drag-handle {
+.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
   right: 0;
 }
@@ -3033,6 +3033,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-sidebar-navigation-screen__main {
   flex-grow: 1;
+  margin-bottom: 16px;
+}
+.edit-site-sidebar-navigation-screen__main.has-footer {
+  margin-bottom: 0;
 }
 .edit-site-sidebar-navigation-screen__content {