@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.0

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

@@ -37,13 +37,14 @@ var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_element = require("@wordpress/element");
 var import_preferences = require("@wordpress/preferences");
+var import_editor = require("@wordpress/editor");
 var import_router = require("@wordpress/router");
 var import_url = require("@wordpress/url");
 var import_sidebar_navigation_screen = __toESM(require("../sidebar-navigation-screen"));
 var import_lock_unlock = require("../../lock-unlock");
 var import_store = require("../../store");
 var import_sidebar_navigation_item = __toESM(require("../sidebar-navigation-item"));
-var import_use_global_styles_revisions = __toESM(require("../global-styles/screen-revisions/use-global-styles-revisions"));
+var import_global_styles_ui = require("@wordpress/global-styles-ui");
 var import_sidebar_navigation_screen_details_footer = __toESM(require("../sidebar-navigation-screen-details-footer"));
 var import_sidebar_navigation_screen_main = require("../sidebar-navigation-screen-main");
 const { useLocation, useHistory } = (0, import_lock_unlock.unlock)(import_router.privateApis);
@@ -64,11 +65,9 @@ function SidebarNavigationScreenGlobalStyles() {
     revisions,
     isLoading: isLoadingRevisions,
     revisionsCount
-  } = (0, import_use_global_styles_revisions.default)();
+  } = (0, import_global_styles_ui.useGlobalStylesRevisions)();
   const { openGeneralSidebar } = (0, import_data.useDispatch)(import_store.store);
-  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
+  const { setStylesPath } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_editor.store));
   const { set: setPreference } = (0, import_data.useDispatch)(import_preferences.store);
   const openGlobalStyles = (0, import_element.useCallback)(async () => {
     history.navigate((0, import_url.addQueryArgs)(path, { canvas: "edit" }), {
@@ -81,8 +80,8 @@ function SidebarNavigationScreenGlobalStyles() {
   }, [path, history, openGeneralSidebar, setPreference]);
   const openRevisions = (0, import_element.useCallback)(async () => {
     await openGlobalStyles();
-    setEditorCanvasContainerView("global-styles-revisions");
-  }, [openGlobalStyles, setEditorCanvasContainerView]);
+    setStylesPath("/revisions");
+  }, [openGlobalStyles, setStylesPath]);
   const shouldShowGlobalStylesFooter = !!revisionsCount && !isLoadingRevisions;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_sidebar_navigation_screen.default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-global-styles/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\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 { name } = useLocation();\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\taria-current={ name === 'styles' }\n\t\t/>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst {\n\t\trevisions,\n\t\tisLoading: isLoadingRevisions,\n\t\trevisionsCount,\n\t} = useGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.navigate( addQueryArgs( path, { canvas: 'edit' } ), {\n\t\t\ttransition: 'canvas-mode-edit-transition',\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}, [ path, history, openGeneralSidebar, setPreference ] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst shouldShowGlobalStylesFooter =\n\t\t!! revisionsCount && ! isLoadingRevisions;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Design' ) }\n\t\t\t\tisRoot\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t) }\n\t\t\t\tcontent={\n\t\t\t\t\t<MainSidebarNavigationContent activeItem=\"styles-navigation-item\" />\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\trevisionsCount={ revisionsCount }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAvBF,kBAAmB;AACnB,kBAA4B;AAC5B,qBAA4B;AAC5B,yBAA0C;AAC1C,oBAAiD;AACjD,iBAA6B;AAK7B,uCAAoC;AACpC,yBAAuB;AACvB,mBAAuC;AACvC,qCAAkC;AAClC,yCAAqC;AACrC,sDAAiD;AACjD,4CAA6C;AAE7C,MAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAA,WAAkB;AAEvD,SAAS,kCAAmC,OAAQ;AAC1D,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,SACC;AAAA,IAAC,+BAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACL,gBAAe,SAAS;AAAA;AAAA,EACzB;AAEF;AAEe,SAAR,sCAAuD;AAC7D,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACD,QAAI,mCAAAC,SAAyB;AAC7B,QAAM,EAAE,mBAAmB,QAAI,yBAAa,aAAAC,KAAc;AAC1D,QAAM,EAAE,6BAA6B,QAAI;AAAA,QACxC,yBAAa,aAAAA,KAAc;AAAA,EAC5B;AACA,QAAM,EAAE,KAAK,cAAc,QAAI,yBAAa,mBAAAC,KAAiB;AAE7D,QAAM,uBAAmB,4BAAa,YAAY;AACjD,YAAQ,aAAU,yBAAc,MAAM,EAAE,QAAQ,OAAO,CAAE,GAAG;AAAA,MAC3D,YAAY;AAAA,IACb,CAAE;AACF,WAAO,QAAQ,IAAK;AAAA,MACnB,cAAe,QAAQ,mBAAmB,KAAM;AAAA,MAChD,mBAAoB,yBAA0B;AAAA,IAC/C,CAAE;AAAA,EACH,GAAG,CAAE,MAAM,SAAS,oBAAoB,aAAc,CAAE;AAExD,QAAM,oBAAgB,4BAAa,YAAY;AAC9C,UAAM,iBAAiB;AAKvB,iCAA8B,yBAA0B;AAAA,EACzD,GAAG,CAAE,kBAAkB,4BAA6B,CAAE;AAGtD,QAAM,+BACL,CAAC,CAAE,kBAAkB,CAAE;AAExB,SACC,2EACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,QAAS;AAAA,MACrB,QAAM;AAAA,MACN,iBAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,SACC,4CAAC,sEAA6B,YAAW,0BAAyB;AAAA,MAEnE,QACC,gCACC;AAAA,QAAC,gDAAAC;AAAA,QAAA;AAAA,UACA,QAAS,YAAa,CAAE;AAAA,UACxB;AAAA,UACA,SAAU;AAAA;AAAA,MACX;AAAA;AAAA,EAGH,GACD;AAEF;",
-  "names": ["routerPrivateApis", "SidebarNavigationItem", "useGlobalStylesRevisions", "editSiteStore", "preferencesStore", "SidebarNavigationScreen", "SidebarNavigationScreenDetailsFooter"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\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 '@wordpress/global-styles-ui';\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 { name } = useLocation();\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\taria-current={ name === 'styles' }\n\t\t/>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst {\n\t\trevisions,\n\t\tisLoading: isLoadingRevisions,\n\t\trevisionsCount,\n\t} = useGlobalStylesRevisions();\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setStylesPath } = unlock( useDispatch( editorStore ) );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\thistory.navigate( addQueryArgs( path, { canvas: 'edit' } ), {\n\t\t\ttransition: 'canvas-mode-edit-transition',\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}, [ path, history, 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. Set the path to revisions.\n\t\tsetStylesPath( '/revisions' );\n\t}, [ openGlobalStyles, setStylesPath ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst shouldShowGlobalStylesFooter =\n\t\t!! revisionsCount && ! isLoadingRevisions;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Design' ) }\n\t\t\t\tisRoot\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t\t\t) }\n\t\t\t\tcontent={\n\t\t\t\t\t<MainSidebarNavigationContent activeItem=\"styles-navigation-item\" />\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenDetailsFooter\n\t\t\t\t\t\t\trecord={ revisions?.[ 0 ] }\n\t\t\t\t\t\t\trevisionsCount={ revisionsCount }\n\t\t\t\t\t\t\tonClick={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BE;AAxBF,kBAAmB;AACnB,kBAA4B;AAC5B,qBAA4B;AAC5B,yBAA0C;AAC1C,oBAAqC;AACrC,oBAAiD;AACjD,iBAA6B;AAK7B,uCAAoC;AACpC,yBAAuB;AACvB,mBAAuC;AACvC,qCAAkC;AAClC,8BAAyC;AACzC,sDAAiD;AACjD,4CAA6C;AAE7C,MAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAA,WAAkB;AAEvD,SAAS,kCAAmC,OAAQ;AAC1D,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,SACC;AAAA,IAAC,+BAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACL,gBAAe,SAAS;AAAA;AAAA,EACzB;AAEF;AAEe,SAAR,sCAAuD;AAC7D,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACD,QAAI,kDAAyB;AAC7B,QAAM,EAAE,mBAAmB,QAAI,yBAAa,aAAAC,KAAc;AAC1D,QAAM,EAAE,cAAc,QAAI,+BAAQ,yBAAa,cAAAC,KAAY,CAAE;AAC7D,QAAM,EAAE,KAAK,cAAc,QAAI,yBAAa,mBAAAC,KAAiB;AAE7D,QAAM,uBAAmB,4BAAa,YAAY;AACjD,YAAQ,aAAU,yBAAc,MAAM,EAAE,QAAQ,OAAO,CAAE,GAAG;AAAA,MAC3D,YAAY;AAAA,IACb,CAAE;AACF,WAAO,QAAQ,IAAK;AAAA,MACnB,cAAe,QAAQ,mBAAmB,KAAM;AAAA,MAChD,mBAAoB,yBAA0B;AAAA,IAC/C,CAAE;AAAA,EACH,GAAG,CAAE,MAAM,SAAS,oBAAoB,aAAc,CAAE;AAExD,QAAM,oBAAgB,4BAAa,YAAY;AAC9C,UAAM,iBAAiB;AAGvB,kBAAe,YAAa;AAAA,EAC7B,GAAG,CAAE,kBAAkB,aAAc,CAAE;AAGvC,QAAM,+BACL,CAAC,CAAE,kBAAkB,CAAE;AAExB,SACC,2EACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,QAAS;AAAA,MACrB,QAAM;AAAA,MACN,iBAAc;AAAA,QACb;AAAA,MACD;AAAA,MACA,SACC,4CAAC,sEAA6B,YAAW,0BAAyB;AAAA,MAEnE,QACC,gCACC;AAAA,QAAC,gDAAAC;AAAA,QAAA;AAAA,UACA,QAAS,YAAa,CAAE;AAAA,UACxB;AAAA,UACA,SAAU;AAAA;AAAA,MACX;AAAA;AAAA,EAGH,GACD;AAEF;",
+  "names": ["routerPrivateApis", "SidebarNavigationItem", "editSiteStore", "editorStore", "preferencesStore", "SidebarNavigationScreen", "SidebarNavigationScreenDetailsFooter"]
 }

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

@@ -37,13 +37,10 @@ var import_components = require("@wordpress/components");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var import_data = require("@wordpress/data");
-var import_element = require("@wordpress/element");
 var import_core_data = require("@wordpress/core-data");
 var import_sidebar_navigation_screen = __toESM(require("../sidebar-navigation-screen"));
 var import_sidebar_navigation_item = __toESM(require("../sidebar-navigation-item"));
 var import_sidebar_navigation_screen_global_styles = require("../sidebar-navigation-screen-global-styles");
-var import_lock_unlock = require("../../lock-unlock");
-var import_store = require("../../store");
 function MainSidebarNavigationContent({ isBlockBasedTheme = true }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { className: "edit-site-sidebar-navigation-screen-main", children: [
     isBlockBasedTheme && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
@@ -114,12 +111,6 @@ function SidebarNavigationScreenMain({ customDescription }) {
     (select) => select(import_core_data.store).getCurrentTheme()?.is_block_theme,
     []
   );
-  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
-  (0, import_element.useEffect)(() => {
-    setEditorCanvasContainerView(void 0);
-  }, [setEditorCanvasContainerView]);
   let description;
   if (customDescription) {
     description = customDescription;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../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, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\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';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\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( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\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\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AApBJ,wBAAqD;AACrD,kBAAmB;AACnB,mBAAyD;AACzD,kBAAuC;AACvC,qBAA0B;AAC1B,uBAAmC;AAKnC,uCAAoC;AACpC,qCAAkC;AAClC,qDAAkD;AAClD,yBAAuB;AACvB,mBAAuC;AAEhC,SAAS,6BAA8B,EAAE,oBAAoB,KAAK,GAAI;AAC5E,SACC,6CAAC,kBAAAA,yBAAA,EAAU,WAAU,4CAClB;AAAA,yBACD,4EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,MAAO;AAAA,UAEL,8BAAI,QAAS;AAAA;AAAA,MAChB;AAAA,MACA;AAAA,QAAC,+BAAAC;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,YAAa;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC,+BAAAA;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,OAAQ;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC,+BAAAA;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,WAAY;AAAA;AAAA,MACnB;AAAA,OACD;AAAA,IAEC,CAAE,qBACH;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,8BAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IAED;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,8BAAI,UAAW;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;AAEe,SAAR,4BAA8C,EAAE,kBAAkB,GAAI;AAC5E,QAAM,wBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,iBAAAC,KAAU,EAAE,gBAAgB,GAAG;AAAA,IACrD,CAAC;AAAA,EACF;AACA,QAAM,EAAE,6BAA6B,QAAI;AAAA,QACxC,yBAAa,aAAAC,KAAc;AAAA,EAC5B;AAGA,gCAAW,MAAM;AAChB,iCAA8B,MAAU;AAAA,EACzC,GAAG,CAAE,4BAA6B,CAAE;AAEpC,MAAI;AACJ,MAAK,mBAAoB;AACxB,kBAAc;AAAA,EACf,WAAY,mBAAoB;AAC/B,sBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,sBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAQ,gBAAI,QAAS;AAAA,MACrB;AAAA,MACA,SACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
-  "names": ["ItemGroup", "SidebarNavigationItem", "coreStore", "editSiteStore", "SidebarNavigationScreen"]
+  "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 { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\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';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\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( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AAjBJ,wBAAqD;AACrD,kBAAmB;AACnB,mBAAyD;AACzD,kBAA0B;AAC1B,uBAAmC;AAKnC,uCAAoC;AACpC,qCAAkC;AAClC,qDAAkD;AAE3C,SAAS,6BAA8B,EAAE,oBAAoB,KAAK,GAAI;AAC5E,SACC,6CAAC,kBAAAA,yBAAA,EAAU,WAAU,4CAClB;AAAA,yBACD,4EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,IAAG;AAAA,UACH,KAAI;AAAA,UACJ,MAAO;AAAA,UAEL,8BAAI,QAAS;AAAA;AAAA,MAChB;AAAA,MACA;AAAA,QAAC,+BAAAC;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,YAAa;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC,+BAAAA;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,OAAQ;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC,+BAAAA;AAAA,QAAA;AAAA,UACA,KAAI;AAAA,UACJ,IAAG;AAAA,UACH,aAAW;AAAA,UACX,MAAO;AAAA,UAEL,8BAAI,WAAY;AAAA;AAAA,MACnB;AAAA,OACD;AAAA,IAEC,CAAE,qBACH;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,8BAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IAED;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,aAAW;AAAA,QACX,MAAO;AAAA,QAEL,8BAAI,UAAW;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;AAEe,SAAR,4BAA8C,EAAE,kBAAkB,GAAI;AAC5E,QAAM,wBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,iBAAAC,KAAU,EAAE,gBAAgB,GAAG;AAAA,IACrD,CAAC;AAAA,EACF;AAEA,MAAI;AACJ,MAAK,mBAAoB;AACxB,kBAAc;AAAA,EACf,WAAY,mBAAoB;AAC/B,sBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,sBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC,iCAAAC;AAAA,IAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAQ,gBAAI,QAAS;AAAA,MACrB;AAAA,MACA,SACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
+  "names": ["ItemGroup", "SidebarNavigationItem", "coreStore", "SidebarNavigationScreen"]
 }

package/build/components/sidebar-navigation-screen-templates-browse/content.js

@@ -60,13 +60,12 @@ function DataviewsTemplatesSidebarContent() {
   const {
     query: { activeView = "active" }
   } = useLocation();
-  const { records } = (0, import_core_data.useEntityRecords)(
-    "postType",
-    "wp_registered_template",
-    {
-      per_page: -1
-    }
-  );
+  const { records } = (0, import_core_data.useEntityRecords)("root", "registeredTemplate", {
+    // This should not be needed, the endpoint returns all registered
+    // templates, but it's not possible right now to turn off pagination for
+    // entity configs.
+    per_page: -1
+  });
   const firstItemPerAuthorText = (0, import_element.useMemo)(() => {
     const firstItemPerAuthor = records?.reduce((acc, template) => {
       const author = template.author_text;
@@ -82,7 +81,7 @@ function DataviewsTemplatesSidebarContent() {
       import_sidebar_navigation_item.default,
       {
         to: "/template",
-        icon: import_icons.layout,
+        icon: import_icons.published,
         "aria-current": activeView === "active",
         children: (0, import_i18n.__)("Active templates")
       }
@@ -91,7 +90,7 @@ function DataviewsTemplatesSidebarContent() {
       import_sidebar_navigation_item.default,
       {
         to: (0, import_url.addQueryArgs)("/template", { activeView: "user" }),
-        icon: import_icons.layout,
+        icon: import_icons.commentAuthorAvatar,
         "aria-current": activeView === "user",
         // Let's avoid calling them "custom templates" to avoid
         // confusion. "Created" is closest to meaning database

package/build/components/sidebar-navigation-screen-templates-browse/content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar-navigation-screen-templates-browse/content.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { layout } from '@wordpress/icons';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tto={ addQueryArgs( '/template', { activeView: text } ) }\n\t\t\ticon={ icon }\n\t\t\taria-current={ isActive }\n\t\t>\n\t\t\t{ text }\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent() {\n\tconst {\n\t\tquery: { activeView = 'active' },\n\t} = useLocation();\n\tconst { records } = useEntityRecords(\n\t\t'postType',\n\t\t'wp_registered_template',\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-templates-browse\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tto=\"/template\"\n\t\t\t\ticon={ layout }\n\t\t\t\taria-current={ activeView === 'active' }\n\t\t\t>\n\t\t\t\t{ __( 'Active templates' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tto={ addQueryArgs( '/template', { activeView: 'user' } ) }\n\t\t\t\ticon={ layout }\n\t\t\t\taria-current={ activeView === 'user' }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\t// Let's avoid calling them \"custom templates\" to avoid\n\t\t\t\t\t// confusion. \"Created\" is closest to meaning database\n\t\t\t\t\t// templates, created by users.\n\t\t\t\t\t// https://developer.wordpress.org/themes/classic-themes/templates/page-template-files/#creating-custom-page-templates-for-global-use\n\t\t\t\t\t__( 'Created templates' )\n\t\t\t\t}\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAvBF,uBAAiC;AACjC,qBAAwB;AACxB,wBAAqD;AACrD,kBAAmB;AACnB,oBAAiD;AACjD,iBAA6B;AAK7B,qCAAkC;AAClC,mBAA2B;AAC3B,mBAAuB;AACvB,yBAAuB;AAEvB,MAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,MAAM,cAAc,CAAC;AAErB,SAAS,qBAAsB,EAAE,UAAU,SAAS,GAAI;AACvD,QAAM,EAAE,MAAM,KAAK,QAAI,yBAAY,SAAS,MAAM,SAAS,EAAG;AAE9D,SACC;AAAA,IAAC,+BAAAC;AAAA,IAAA;AAAA,MACA,QAAK,yBAAc,aAAa,EAAE,YAAY,KAAK,CAAE;AAAA,MACrD;AAAA,MACA,gBAAe;AAAA,MAEb;AAAA;AAAA,EACH;AAEF;AAEe,SAAR,mCAAoD;AAC1D,QAAM;AAAA,IACL,OAAO,EAAE,aAAa,SAAS;AAAA,EAChC,IAAI,YAAY;AAChB,QAAM,EAAE,QAAQ,QAAI;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,MACC,UAAU;AAAA,IACX;AAAA,EACD;AACA,QAAM,6BAAyB,wBAAS,MAAM;AAC7C,UAAM,qBAAqB,SAAS,OAAQ,CAAE,KAAK,aAAc;AAChE,YAAM,SAAS,SAAS;AACxB,UAAK,UAAU,CAAE,IAAK,MAAO,GAAI;AAChC,YAAK,MAAO,IAAI;AAAA,MACjB;AACA,aAAO;AAAA,IACR,GAAG,CAAC,CAAE;AACN,YACG,sBAAsB,OAAO,OAAQ,kBAAmB,MAC1D;AAAA,EAEF,GAAG,CAAE,OAAQ,CAAE;AAEf,SACC,6CAAC,kBAAAC,yBAAA,EAAU,WAAU,wDACpB;AAAA;AAAA,MAAC,+BAAAD;AAAA,MAAA;AAAA,QACA,IAAG;AAAA,QACH,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA,QAE5B,8BAAI,kBAAmB;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,QAAK,yBAAc,aAAa,EAAE,YAAY,OAAO,CAAE;AAAA,QACvD,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,QAO7B,8BAAI,mBAAoB;AAAA;AAAA,IAE1B;AAAA,IACE,uBAAuB,IAAK,CAAE,aAAc;AAC7C,aACC;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA,UAAW,eAAe,SAAS;AAAA;AAAA,QAF7B,SAAS;AAAA,MAGhB;AAAA,IAEF,CAAE;AAAA,KACH;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { commentAuthorAvatar, published } from '@wordpress/icons';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\tto={ addQueryArgs( '/template', { activeView: text } ) }\n\t\t\ticon={ icon }\n\t\t\taria-current={ isActive }\n\t\t>\n\t\t\t{ text }\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent() {\n\tconst {\n\t\tquery: { activeView = 'active' },\n\t} = useLocation();\n\tconst { records } = useEntityRecords( 'root', 'registeredTemplate', {\n\t\t// This should not be needed, the endpoint returns all registered\n\t\t// templates, but it's not possible right now to turn off pagination for\n\t\t// entity configs.\n\t\tper_page: -1,\n\t} );\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-templates-browse\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tto=\"/template\"\n\t\t\t\ticon={ published }\n\t\t\t\taria-current={ activeView === 'active' }\n\t\t\t>\n\t\t\t\t{ __( 'Active templates' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t<SidebarNavigationItem\n\t\t\t\tto={ addQueryArgs( '/template', { activeView: 'user' } ) }\n\t\t\t\ticon={ commentAuthorAvatar }\n\t\t\t\taria-current={ activeView === 'user' }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\t// Let's avoid calling them \"custom templates\" to avoid\n\t\t\t\t\t// confusion. \"Created\" is closest to meaning database\n\t\t\t\t\t// templates, created by users.\n\t\t\t\t\t// https://developer.wordpress.org/themes/classic-themes/templates/page-template-files/#creating-custom-page-templates-for-global-use\n\t\t\t\t\t__( 'Created templates' )\n\t\t\t\t}\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAvBF,uBAAiC;AACjC,qBAAwB;AACxB,wBAAqD;AACrD,kBAAmB;AACnB,oBAAiD;AACjD,iBAA6B;AAK7B,qCAAkC;AAClC,mBAA2B;AAC3B,mBAA+C;AAC/C,yBAAuB;AAEvB,MAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,MAAM,cAAc,CAAC;AAErB,SAAS,qBAAsB,EAAE,UAAU,SAAS,GAAI;AACvD,QAAM,EAAE,MAAM,KAAK,QAAI,yBAAY,SAAS,MAAM,SAAS,EAAG;AAE9D,SACC;AAAA,IAAC,+BAAAC;AAAA,IAAA;AAAA,MACA,QAAK,yBAAc,aAAa,EAAE,YAAY,KAAK,CAAE;AAAA,MACrD;AAAA,MACA,gBAAe;AAAA,MAEb;AAAA;AAAA,EACH;AAEF;AAEe,SAAR,mCAAoD;AAC1D,QAAM;AAAA,IACL,OAAO,EAAE,aAAa,SAAS;AAAA,EAChC,IAAI,YAAY;AAChB,QAAM,EAAE,QAAQ,QAAI,mCAAkB,QAAQ,sBAAsB;AAAA;AAAA;AAAA;AAAA,IAInE,UAAU;AAAA,EACX,CAAE;AACF,QAAM,6BAAyB,wBAAS,MAAM;AAC7C,UAAM,qBAAqB,SAAS,OAAQ,CAAE,KAAK,aAAc;AAChE,YAAM,SAAS,SAAS;AACxB,UAAK,UAAU,CAAE,IAAK,MAAO,GAAI;AAChC,YAAK,MAAO,IAAI;AAAA,MACjB;AACA,aAAO;AAAA,IACR,GAAG,CAAC,CAAE;AACN,YACG,sBAAsB,OAAO,OAAQ,kBAAmB,MAC1D;AAAA,EAEF,GAAG,CAAE,OAAQ,CAAE;AAEf,SACC,6CAAC,kBAAAC,yBAAA,EAAU,WAAU,wDACpB;AAAA;AAAA,MAAC,+BAAAD;AAAA,MAAA;AAAA,QACA,IAAG;AAAA,QACH,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA,QAE5B,8BAAI,kBAAmB;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MAAC,+BAAAA;AAAA,MAAA;AAAA,QACA,QAAK,yBAAc,aAAa,EAAE,YAAY,OAAO,CAAE;AAAA,QACvD,MAAO;AAAA,QACP,gBAAe,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,QAO7B,8BAAI,mBAAoB;AAAA;AAAA,IAE1B;AAAA,IACE,uBAAuB,IAAK,CAAE,aAAc;AAC7C,aACC;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA,UAAW,eAAe,SAAS;AAAA;AAAA,QAF7B,SAAS;AAAA,MAGhB;AAAA,IAEF,CAAE;AAAA,KACH;AAEF;",
   "names": ["routerPrivateApis", "SidebarNavigationItem", "ItemGroup"]
 }

package/build/components/site-editor-routes/stylebook.js

@@ -33,10 +33,12 @@ __export(stylebook_exports, {
 module.exports = __toCommonJS(stylebook_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("@wordpress/i18n");
+var import_editor = require("@wordpress/editor");
 var import_sidebar_navigation_screen = __toESM(require("../sidebar-navigation-screen"));
 var import_sidebar_navigation_screen_unsupported = __toESM(require("../sidebar-navigation-screen-unsupported"));
-var import_style_book = require("../style-book");
+var import_lock_unlock = require("../../lock-unlock");
 var import_utils = require("./utils");
+const { StyleBookPreview } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
 const stylebookRoute = {
   name: "stylebook",
   path: "/stylebook",
@@ -54,10 +56,10 @@ const stylebookRoute = {
       ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_unsupported.default, {});
     },
     preview({ siteData }) {
-      return (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_book.StyleBookPreview, { isStatic: true }) : void 0;
+      return (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleBookPreview, { isStatic: true }) : void 0;
     },
     mobile({ siteData }) {
-      return (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_book.StyleBookPreview, { isStatic: true }) : void 0;
+      return (0, import_utils.isClassicThemeWithStyleBookSupport)(siteData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleBookPreview, { isStatic: true }) : void 0;
     }
   }
 };

package/build/components/site-editor-routes/stylebook.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/stylebook.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { StyleBookPreview } from '../style-book';\nimport { isClassicThemeWithStyleBookSupport } from './utils';\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t},\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAhBJ,kBAAmB;AAKnB,uCAAoC;AACpC,mDAA+C;AAC/C,wBAAiC;AACjC,mBAAmD;AAE5C,MAAM,iBAAiB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,iBAAO,iDAAoC,QAAS,IACnD;AAAA,QAAC,iCAAAA;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,QAAS;AAAA,UACrB,UAAS;AAAA,UACT,iBAAc;AAAA,YACb;AAAA,UACD;AAAA;AAAA,MACD,IAEA,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,iBAAO,iDAAoC,QAAS,IACnD,4CAAC,sCAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,iBAAO,iDAAoC,QAAS,IACnD,4CAAC,sCAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,EACD;AACD;",
-  "names": ["SidebarNavigationScreen", "SidebarNavigationScreenUnsupported"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenUnsupported from '../sidebar-navigation-screen-unsupported';\nimport { unlock } from '../../lock-unlock';\nimport { isClassicThemeWithStyleBookSupport } from './utils';\n\nconst { StyleBookPreview } = unlock( editorPrivateApis );\n\nexport const stylebookRoute = {\n\tname: 'stylebook',\n\tpath: '/stylebook',\n\tareas: {\n\t\tsidebar( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\t\tbackPath=\"/\"\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t`Preview your website's visual identity: colors, typography, and blocks.`\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SidebarNavigationScreenUnsupported />\n\t\t\t);\n\t\t},\n\t\tpreview( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t\tmobile( { siteData } ) {\n\t\t\treturn isClassicThemeWithStyleBookSupport( siteData ) ? (\n\t\t\t\t<StyleBookPreview isStatic />\n\t\t\t) : undefined;\n\t\t},\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AAnBJ,kBAAmB;AACnB,oBAAiD;AAKjD,uCAAoC;AACpC,mDAA+C;AAC/C,yBAAuB;AACvB,mBAAmD;AAEnD,MAAM,EAAE,iBAAiB,QAAI,2BAAQ,cAAAA,WAAkB;AAEhD,MAAM,iBAAiB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAS,EAAE,SAAS,GAAI;AACvB,iBAAO,iDAAoC,QAAS,IACnD;AAAA,QAAC,iCAAAC;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,QAAS;AAAA,UACrB,UAAS;AAAA,UACT,iBAAc;AAAA,YACb;AAAA,UACD;AAAA;AAAA,MACD,IAEA,4CAAC,6CAAAC,SAAA,EAAmC;AAAA,IAEtC;AAAA,IACA,QAAS,EAAE,SAAS,GAAI;AACvB,iBAAO,iDAAoC,QAAS,IACnD,4CAAC,oBAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,IACA,OAAQ,EAAE,SAAS,GAAI;AACtB,iBAAO,iDAAoC,QAAS,IACnD,4CAAC,oBAAiB,UAAQ,MAAC,IACxB;AAAA,IACL;AAAA,EACD;AACD;",
+  "names": ["editorPrivateApis", "SidebarNavigationScreen", "SidebarNavigationScreenUnsupported"]
 }

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

@@ -33,30 +33,52 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_router = require("@wordpress/router");
-var import_editor = __toESM(require("../editor"));
+var import_editor = require("@wordpress/editor");
+var import_url = require("@wordpress/url");
+var import_editor2 = __toESM(require("../editor"));
 var import_lock_unlock = require("../../lock-unlock");
 var import_sidebar_navigation_screen_global_styles = __toESM(require("../sidebar-navigation-screen-global-styles"));
-var import_sidebar_global_styles_wrapper = __toESM(require("../sidebar-global-styles-wrapper"));
-var import_style_book = require("../style-book");
-const { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
+var import_sidebar_global_styles = __toESM(require("../sidebar-global-styles"));
+const { useLocation, useHistory } = (0, import_lock_unlock.unlock)(import_router.privateApis);
+const { StyleBookPreview } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
 function MobileGlobalStylesUI() {
   const { query = {} } = useLocation();
   const { canvas } = query;
   if (canvas === "edit") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor2.default, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_global_styles_wrapper.default, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_global_styles.default, {});
+}
+function StylesPreviewArea() {
+  const { path, query } = useLocation();
+  const history = useHistory();
+  const isStylebook = query.preview === "stylebook";
+  const section = query.section ?? "/";
+  const onChangeSection = (updatedSection) => {
+    history.navigate(
+      (0, import_url.addQueryArgs)(path, {
+        section: updatedSection
+      })
+    );
+  };
+  if (isStylebook) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyleBookPreview,
+      {
+        path: section,
+        onPathChange: onChangeSection
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor2.default, {});
 }
 const stylesRoute = {
   name: "styles",
   path: "/styles",
   areas: {
-    content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_global_styles_wrapper.default, {}),
+    content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_global_styles.default, {}),
     sidebar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar_navigation_screen_global_styles.default, { backPath: "/" }),
-    preview({ query }) {
-      const isStylebook = query.preview === "stylebook";
-      return isStylebook ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_book.StyleBookPreview, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {});
-    },
+    preview: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StylesPreviewArea, {}),
     mobile: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MobileGlobalStylesUI, {})
   },
   widths: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/site-editor-routes/styles.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport GlobalStylesUIWrapper from '../sidebar-global-styles-wrapper';\nimport { StyleBookPreview } from '../style-book';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobileGlobalStylesUI() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas } = query;\n\n\tif ( canvas === 'edit' ) {\n\t\treturn <Editor />;\n\t}\n\n\treturn <GlobalStylesUIWrapper />;\n}\n\nexport const stylesRoute = {\n\tname: 'styles',\n\tpath: '/styles',\n\tareas: {\n\t\tcontent: <GlobalStylesUIWrapper />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath=\"/\" />,\n\t\tpreview( { query } ) {\n\t\t\tconst isStylebook = query.preview === 'stylebook';\n\t\t\treturn isStylebook ? <StyleBookPreview /> : <Editor />;\n\t\t},\n\t\tmobile: <MobileGlobalStylesUI />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBS;AAlBT,oBAAiD;AAKjD,oBAAmB;AACnB,yBAAuB;AACvB,qDAAgD;AAChD,2CAAkC;AAClC,wBAAiC;AAEjC,MAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAElD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,OAAO,IAAI;AAEnB,MAAK,WAAW,QAAS;AACxB,WAAO,4CAAC,cAAAC,SAAA,EAAO;AAAA,EAChB;AAEA,SAAO,4CAAC,qCAAAC,SAAA,EAAsB;AAC/B;AAEO,MAAM,cAAc;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,SAAS,4CAAC,qCAAAA,SAAA,EAAsB;AAAA,IAChC,SAAS,4CAAC,+CAAAC,SAAA,EAAoC,UAAS,KAAI;AAAA,IAC3D,QAAS,EAAE,MAAM,GAAI;AACpB,YAAM,cAAc,MAAM,YAAY;AACtC,aAAO,cAAc,4CAAC,sCAAiB,IAAK,4CAAC,cAAAF,SAAA,EAAO;AAAA,IACrD;AAAA,IACA,QAAQ,4CAAC,wBAAqB;AAAA,EAC/B;AAAA,EACA,QAAQ;AAAA,IACP,SAAS;AAAA,EACV;AACD;",
-  "names": ["routerPrivateApis", "Editor", "GlobalStylesUIWrapper", "SidebarNavigationScreenGlobalStyles"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarGlobalStyles from '../sidebar-global-styles';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\nconst { StyleBookPreview } = unlock( editorPrivateApis );\n\nfunction MobileGlobalStylesUI() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas } = query;\n\n\tif ( canvas === 'edit' ) {\n\t\treturn <Editor />;\n\t}\n\n\treturn <SidebarGlobalStyles />;\n}\n\nfunction StylesPreviewArea() {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\tconst isStylebook = query.preview === 'stylebook';\n\n\t// Get section from URL query params\n\tconst section = query.section ?? '/';\n\tconst onChangeSection = ( updatedSection ) => {\n\t\thistory.navigate(\n\t\t\taddQueryArgs( path, {\n\t\t\t\tsection: updatedSection,\n\t\t\t} )\n\t\t);\n\t};\n\n\tif ( isStylebook ) {\n\t\treturn (\n\t\t\t<StyleBookPreview\n\t\t\t\tpath={ section }\n\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn <Editor />;\n}\n\nexport const stylesRoute = {\n\tname: 'styles',\n\tpath: '/styles',\n\tareas: {\n\t\tcontent: <SidebarGlobalStyles />,\n\t\tsidebar: <SidebarNavigationScreenGlobalStyles backPath=\"/\" />,\n\t\tpreview: <StylesPreviewArea />,\n\t\tmobile: <MobileGlobalStylesUI />,\n\t},\n\twidths: {\n\t\tcontent: 380,\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBS;AApBT,oBAAiD;AACjD,oBAAiD;AACjD,iBAA6B;AAK7B,IAAAA,iBAAmB;AACnB,yBAAuB;AACvB,qDAAgD;AAChD,mCAAgC;AAEhC,MAAM,EAAE,aAAa,WAAW,QAAI,2BAAQ,cAAAC,WAAkB;AAC9D,MAAM,EAAE,iBAAiB,QAAI,2BAAQ,cAAAC,WAAkB;AAEvD,SAAS,uBAAuB;AAC/B,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,OAAO,IAAI;AAEnB,MAAK,WAAW,QAAS;AACxB,WAAO,4CAAC,eAAAC,SAAA,EAAO;AAAA,EAChB;AAEA,SAAO,4CAAC,6BAAAC,SAAA,EAAoB;AAC7B;AAEA,SAAS,oBAAoB;AAC5B,QAAM,EAAE,MAAM,MAAM,IAAI,YAAY;AACpC,QAAM,UAAU,WAAW;AAC3B,QAAM,cAAc,MAAM,YAAY;AAGtC,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,kBAAkB,CAAE,mBAAoB;AAC7C,YAAQ;AAAA,UACP,yBAAc,MAAM;AAAA,QACnB,SAAS;AAAA,MACV,CAAE;AAAA,IACH;AAAA,EACD;AAEA,MAAK,aAAc;AAClB,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,cAAe;AAAA;AAAA,IAChB;AAAA,EAEF;AAEA,SAAO,4CAAC,eAAAD,SAAA,EAAO;AAChB;AAEO,MAAM,cAAc;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,IACN,SAAS,4CAAC,6BAAAC,SAAA,EAAoB;AAAA,IAC9B,SAAS,4CAAC,+CAAAC,SAAA,EAAoC,UAAS,KAAI;AAAA,IAC3D,SAAS,4CAAC,qBAAkB;AAAA,IAC5B,QAAQ,4CAAC,wBAAqB;AAAA,EAC/B;AAAA,EACA,QAAQ;AAAA,IACP,SAAS;AAAA,EACV;AACD;",
+  "names": ["import_editor", "routerPrivateApis", "editorPrivateApis", "Editor", "SidebarGlobalStyles", "SidebarNavigationScreenGlobalStyles"]
 }

package/build/components/welcome-guide/index.js

@@ -33,13 +33,11 @@ __export(welcome_guide_exports, {
 module.exports = __toCommonJS(welcome_guide_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = __toESM(require("./editor"));
-var import_styles = __toESM(require("./styles"));
 var import_page = __toESM(require("./page"));
 var import_template = __toESM(require("./template"));
 function WelcomeGuide({ postType }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.default, {}),
     postType === "page" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.default, {}),
     postType === "wp_template" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_template.default, {})
   ] });

package/build/components/welcome-guide/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/welcome-guide/index.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuideStyles from './styles';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide( { postType } ) {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t<WelcomeGuideStyles />\n\t\t\t{ postType === 'page' && <WelcomeGuidePage /> }\n\t\t\t{ postType === 'wp_template' && <WelcomeGuideTemplate /> }\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUE;AAPF,oBAA+B;AAC/B,oBAA+B;AAC/B,kBAA6B;AAC7B,sBAAiC;AAElB,SAAR,aAA+B,EAAE,SAAS,GAAI;AACpD,SACC,4EACC;AAAA,gDAAC,cAAAA,SAAA,EAAmB;AAAA,IACpB,4CAAC,cAAAC,SAAA,EAAmB;AAAA,IAClB,aAAa,UAAU,4CAAC,YAAAC,SAAA,EAAiB;AAAA,IACzC,aAAa,iBAAiB,4CAAC,gBAAAC,SAAA,EAAqB;AAAA,KACvD;AAEF;",
-  "names": ["WelcomeGuideEditor", "WelcomeGuideStyles", "WelcomeGuidePage", "WelcomeGuideTemplate"]
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide( { postType } ) {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t{ postType === 'page' && <WelcomeGuidePage /> }\n\t\t\t{ postType === 'wp_template' && <WelcomeGuideTemplate /> }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AANF,oBAA+B;AAC/B,kBAA6B;AAC7B,sBAAiC;AAElB,SAAR,aAA+B,EAAE,SAAS,GAAI;AACpD,SACC,4EACC;AAAA,gDAAC,cAAAA,SAAA,EAAmB;AAAA,IAClB,aAAa,UAAU,4CAAC,YAAAC,SAAA,EAAiB;AAAA,IACzC,aAAa,iBAAiB,4CAAC,gBAAAC,SAAA,EAAqB;AAAA,KACvD;AAEF;",
+  "names": ["WelcomeGuideEditor", "WelcomeGuidePage", "WelcomeGuideTemplate"]
 }

package/build/hooks/commands/use-common-commands.js

@@ -26,14 +26,14 @@ var import_data = require("@wordpress/data");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var import_commands = require("@wordpress/commands");
-var import_block_editor = require("@wordpress/block-editor");
 var import_router = require("@wordpress/router");
 var import_preferences = require("@wordpress/preferences");
 var import_core_data = require("@wordpress/core-data");
+var import_editor = require("@wordpress/editor");
 var import_lock_unlock = require("../../lock-unlock");
 var import_store = require("../../store");
-const { useGlobalStylesReset } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 const { useHistory, useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
+const { useGlobalStyles } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
 const getGlobalStylesToggleWelcomeGuideCommands = () => function useGlobalStylesToggleWelcomeGuideCommands() {
   const { openGeneralSidebar } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
   const { params } = useLocation();
@@ -74,7 +74,8 @@ const getGlobalStylesToggleWelcomeGuideCommands = () => function useGlobalStyles
   };
 };
 const getGlobalStylesResetCommands = () => function useGlobalStylesResetCommands() {
-  const [canReset, onReset] = useGlobalStylesReset();
+  const { user, setUser } = useGlobalStyles();
+  const canReset = !!user && (Object.keys(user?.styles ?? {}).length > 0 || Object.keys(user?.settings ?? {}).length > 0);
   const commands = (0, import_element.useMemo)(() => {
     if (!canReset) {
       return [];
@@ -86,20 +87,19 @@ const getGlobalStylesResetCommands = () => function useGlobalStylesResetCommands
         icon: (0, import_i18n.isRTL)() ? import_icons.rotateRight : import_icons.rotateLeft,
         callback: ({ close }) => {
           close();
-          onReset();
+          setUser({ styles: {}, settings: {} });
         }
       }
     ];
-  }, [canReset, onReset]);
+  }, [canReset, setUser]);
   return {
     isLoading: false,
     commands
   };
 };
 const getGlobalStylesOpenRevisionsCommands = () => function useGlobalStylesOpenRevisionsCommands() {
-  const { openGeneralSidebar, setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
+  const { openGeneralSidebar } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
+  const { setStylesPath } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_editor.store));
   const { params } = useLocation();
   const { canvas = "view" } = params;
   const history = useHistory();
@@ -126,16 +126,14 @@ const getGlobalStylesOpenRevisionsCommands = () => function useGlobalStylesOpenR
             });
           }
           openGeneralSidebar("edit-site/global-styles");
-          setEditorCanvasContainerView(
-            "global-styles-revisions"
-          );
+          setStylesPath("/revisions");
         }
       }
     ];
   }, [
     history,
     openGeneralSidebar,
-    setEditorCanvasContainerView,
+    setStylesPath,
     hasRevisions,
     canvas
   ]);

package/build/hooks/commands/use-common-commands.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/commands/use-common-commands.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { rotateLeft, rotateRight, help, backup } from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nconst getGlobalStylesToggleWelcomeGuideCommands = () =>\n\tfunction useGlobalStylesToggleWelcomeGuideCommands() {\n\t\tconst { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );\n\t\tconst { params } = useLocation();\n\t\tconst { canvas = 'view' } = params;\n\t\tconst { set } = useDispatch( preferencesStore );\n\n\t\tconst history = useHistory();\n\t\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t\t}, [] );\n\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! isBlockBasedTheme ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\t\t\t\tlabel: __( 'Learn about styles' ),\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tif ( canvas !== 'edit' ) {\n\t\t\t\t\t\t\thistory.navigate( '/styles?canvas=edit', {\n\t\t\t\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t\t}, 500 );\n\t\t\t\t\t},\n\t\t\t\t\ticon: help,\n\t\t\t\t},\n\t\t\t];\n\t\t}, [ history, openGeneralSidebar, canvas, isBlockBasedTheme, set ] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nconst getGlobalStylesResetCommands = () =>\n\tfunction useGlobalStylesResetCommands() {\n\t\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! canReset ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\t\tlabel: __( 'Reset styles' ),\n\t\t\t\t\ticon: isRTL() ? rotateRight : rotateLeft,\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tonReset();\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t];\n\t\t}, [ canReset, onReset ] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nconst getGlobalStylesOpenRevisionsCommands = () =>\n\tfunction useGlobalStylesOpenRevisionsCommands() {\n\t\tconst { openGeneralSidebar, setEditorCanvasContainerView } = unlock(\n\t\t\tuseDispatch( editSiteStore )\n\t\t);\n\t\tconst { params } = useLocation();\n\t\tconst { canvas = 'view' } = params;\n\t\tconst history = useHistory();\n\t\tconst hasRevisions = useSelect( ( select ) => {\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\n\t\t\treturn !! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count;\n\t\t}, [] );\n\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! hasRevisions ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/open-styles-revisions',\n\t\t\t\t\tlabel: __( 'Open style revisions' ),\n\t\t\t\t\ticon: backup,\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tif ( canvas !== 'edit' ) {\n\t\t\t\t\t\t\thistory.navigate( '/styles?canvas=edit', {\n\t\t\t\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t'global-styles-revisions'\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\t\thistory,\n\t\t\topenGeneralSidebar,\n\t\t\tsetEditorCanvasContainerView,\n\t\t\thasRevisions,\n\t\t\tcanvas,\n\t\t] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nexport function useCommonCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\thook: getGlobalStylesToggleWelcomeGuideCommands(),\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: getGlobalStylesResetCommands(),\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-revisions',\n\t\thook: getGlobalStylesOpenRevisionsCommands(),\n\t} );\n}\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "routerPrivateApis", "editSiteStore", "preferencesStore", "coreStore"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { rotateLeft, rotateRight, help, backup } from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyles } = unlock( editorPrivateApis );\n\nconst getGlobalStylesToggleWelcomeGuideCommands = () =>\n\tfunction useGlobalStylesToggleWelcomeGuideCommands() {\n\t\tconst { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );\n\t\tconst { params } = useLocation();\n\t\tconst { canvas = 'view' } = params;\n\t\tconst { set } = useDispatch( preferencesStore );\n\n\t\tconst history = useHistory();\n\t\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t\t}, [] );\n\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! isBlockBasedTheme ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\t\t\t\tlabel: __( 'Learn about styles' ),\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tif ( canvas !== 'edit' ) {\n\t\t\t\t\t\t\thistory.navigate( '/styles?canvas=edit', {\n\t\t\t\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t\t}, 500 );\n\t\t\t\t\t},\n\t\t\t\t\ticon: help,\n\t\t\t\t},\n\t\t\t];\n\t\t}, [ history, openGeneralSidebar, canvas, isBlockBasedTheme, set ] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nconst getGlobalStylesResetCommands = () =>\n\tfunction useGlobalStylesResetCommands() {\n\t\tconst { user, setUser } = useGlobalStyles();\n\n\t\t// Check if there are user customizations that can be reset\n\t\tconst canReset =\n\t\t\t!! user &&\n\t\t\t( Object.keys( user?.styles ?? {} ).length > 0 ||\n\t\t\t\tObject.keys( user?.settings ?? {} ).length > 0 );\n\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! canReset ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\t\tlabel: __( 'Reset styles' ),\n\t\t\t\t\ticon: isRTL() ? rotateRight : rotateLeft,\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tsetUser( { styles: {}, settings: {} } );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t];\n\t\t}, [ canReset, setUser ] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nconst getGlobalStylesOpenRevisionsCommands = () =>\n\tfunction useGlobalStylesOpenRevisionsCommands() {\n\t\tconst { openGeneralSidebar } = unlock( useDispatch( editSiteStore ) );\n\t\tconst { setStylesPath } = unlock( useDispatch( editorStore ) );\n\t\tconst { params } = useLocation();\n\t\tconst { canvas = 'view' } = params;\n\t\tconst history = useHistory();\n\t\tconst hasRevisions = useSelect( ( select ) => {\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\n\t\t\treturn !! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count;\n\t\t}, [] );\n\n\t\tconst commands = useMemo( () => {\n\t\t\tif ( ! hasRevisions ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/edit-site/open-styles-revisions',\n\t\t\t\t\tlabel: __( 'Open style revisions' ),\n\t\t\t\t\ticon: backup,\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\tclose();\n\t\t\t\t\t\tif ( canvas !== 'edit' ) {\n\t\t\t\t\t\t\thistory.navigate( '/styles?canvas=edit', {\n\t\t\t\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\t\tsetStylesPath( '/revisions' );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t];\n\t\t}, [\n\t\t\thistory,\n\t\t\topenGeneralSidebar,\n\t\t\tsetStylesPath,\n\t\t\thasRevisions,\n\t\t\tcanvas,\n\t\t] );\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nexport function useCommonCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\thook: getGlobalStylesToggleWelcomeGuideCommands(),\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: getGlobalStylesResetCommands(),\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-revisions',\n\t\thook: getGlobalStylesOpenRevisionsCommands(),\n\t} );\n}\n"],
+  "mappings": "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",
+  "names": ["routerPrivateApis", "editorPrivateApis", "editSiteStore", "preferencesStore", "coreStore", "editorStore"]
 }

package/build/hooks/commands/use-set-command-context.js

@@ -26,7 +26,6 @@ var import_commands = require("@wordpress/commands");
 var import_block_editor = require("@wordpress/block-editor");
 var import_router = require("@wordpress/router");
 var import_lock_unlock = require("../../lock-unlock");
-var import_editor_canvas_container = require("../../components/editor-canvas-container");
 const { useCommandContext } = (0, import_lock_unlock.unlock)(import_commands.privateApis);
 const { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 function useSetCommandContext() {
@@ -35,7 +34,6 @@ function useSetCommandContext() {
   const hasBlockSelected = (0, import_data.useSelect)((select) => {
     return select(import_block_editor.store).getBlockSelectionStart();
   }, []);
-  const hasEditorCanvasContainer = (0, import_editor_canvas_container.useHasEditorCanvasContainer)();
   let commandContext = "site-editor";
   if (canvas === "edit") {
     commandContext = "entity-edit";
@@ -43,9 +41,6 @@ function useSetCommandContext() {
   if (hasBlockSelected) {
     commandContext = "block-selection-edit";
   }
-  if (hasEditorCanvasContainer) {
-    commandContext = "";
-  }
   useCommandContext(commandContext);
 }
 //# sourceMappingURL=use-set-command-context.js.map

package/build/hooks/commands/use-set-command-context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/commands/use-set-command-context.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as commandsPrivateApis } from '@wordpress/commands';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useHasEditorCanvasContainer } from '../../components/editor-canvas-container';\n\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\n/**\n * React hook used to set the correct command context based on the current state.\n */\nexport default function useSetCommandContext() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst hasBlockSelected = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getBlockSelectionStart();\n\t}, [] );\n\n\tconst hasEditorCanvasContainer = useHasEditorCanvasContainer();\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\tif ( canvas === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tif ( hasEditorCanvasContainer ) {\n\t\t/*\n\t\t * The editor canvas overlay will likely be deprecated in the future, so for now we clear the command context\n\t\t * to remove the suggested commands that may not make sense with Style Book or Style Revisions open.\n\t\t * See https://github.com/WordPress/gutenberg/issues/62216.\n\t\t */\n\t\tcommandContext = '';\n\t}\n\tuseCommandContext( commandContext );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,sBAAmD;AACnD,0BAA0C;AAC1C,oBAAiD;AAKjD,yBAAuB;AACvB,qCAA4C;AAE5C,MAAM,EAAE,kBAAkB,QAAI,2BAAQ,gBAAAA,WAAoB;AAC1D,MAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAC,WAAkB;AAKnC,SAAR,uBAAwC;AAC9C,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAC5B,QAAM,uBAAmB,uBAAW,CAAE,WAAY;AACjD,WAAO,OAAQ,oBAAAC,KAAiB,EAAE,uBAAuB;AAAA,EAC1D,GAAG,CAAC,CAAE;AAEN,QAAM,+BAA2B,4DAA4B;AAG7D,MAAI,iBAAiB;AACrB,MAAK,WAAW,QAAS;AACxB,qBAAiB;AAAA,EAClB;AACA,MAAK,kBAAmB;AACvB,qBAAiB;AAAA,EAClB;AACA,MAAK,0BAA2B;AAM/B,qBAAiB;AAAA,EAClB;AACA,oBAAmB,cAAe;AACnC;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as commandsPrivateApis } from '@wordpress/commands';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\n/**\n * React hook used to set the correct command context based on the current state.\n */\nexport default function useSetCommandContext() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst hasBlockSelected = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getBlockSelectionStart();\n\t}, [] );\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\tif ( canvas === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,sBAAmD;AACnD,0BAA0C;AAC1C,oBAAiD;AAKjD,yBAAuB;AAEvB,MAAM,EAAE,kBAAkB,QAAI,2BAAQ,gBAAAA,WAAoB;AAC1D,MAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAC,WAAkB;AAKnC,SAAR,uBAAwC;AAC9C,QAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,YAAY;AACnC,QAAM,EAAE,SAAS,OAAO,IAAI;AAC5B,QAAM,uBAAmB,uBAAW,CAAE,WAAY;AACjD,WAAO,OAAQ,oBAAAC,KAAiB,EAAE,uBAAuB;AAAA,EAC1D,GAAG,CAAC,CAAE;AAGN,MAAI,iBAAiB;AACrB,MAAK,WAAW,QAAS;AACxB,qBAAiB;AAAA,EAClB;AACA,MAAK,kBAAmB;AACvB,qBAAiB;AAAA,EAClB;AACA,oBAAmB,cAAe;AACnC;",
   "names": ["commandsPrivateApis", "routerPrivateApis", "blockEditorStore"]
 }

package/build/index.js

@@ -45,7 +45,6 @@ var import_element = require("@wordpress/element");
 var import_editor = require("@wordpress/editor");
 var import_preferences = require("@wordpress/preferences");
 var import_widgets = require("@wordpress/widgets");
-var import_hooks = require("./hooks");
 var import_store = require("./store");
 var import_lock_unlock = require("./lock-unlock");
 var import_app = __toESM(require("./components/app"));

package/build/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport {\n\tregisterCoreBlocks,\n\t__experimentalGetCoreBlocks,\n\t__experimentalRegisterExperimentalCoreBlocks,\n} from '@wordpress/block-library';\nimport { dispatch } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { createRoot, StrictMode } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tregisterLegacyWidgetBlock,\n\tregisterWidgetGroupBlock,\n} from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport './hooks';\nimport { store as editSiteStore } from './store';\nimport { unlock } from './lock-unlock';\nimport App from './components/app';\n\nconst { registerCoreBlockBindingsSources } = unlock( editorPrivateApis );\n\n/**\n * Initializes the site editor screen.\n *\n * @param {string} id       ID of the root element to render the screen in.\n * @param {Object} settings Editor settings.\n */\nexport function initializeEditor( id, settings ) {\n\tconst target = document.getElementById( id );\n\tconst root = createRoot( target );\n\n\tdispatch( blocksStore ).reapplyBlockTypeFilters();\n\tconst coreBlocks = __experimentalGetCoreBlocks().filter(\n\t\t( { name } ) => name !== 'core/freeform'\n\t);\n\tregisterCoreBlocks( coreBlocks );\n\tregisterCoreBlockBindingsSources();\n\tdispatch( blocksStore ).setFreeformFallbackBlockName( 'core/html' );\n\tregisterLegacyWidgetBlock( { inserter: false } );\n\tregisterWidgetGroupBlock( { inserter: false } );\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\t__experimentalRegisterExperimentalCoreBlocks( {\n\t\t\tenableFSEBlocks: true,\n\t\t} );\n\t}\n\n\t// We dispatch actions and update the store synchronously before rendering\n\t// so that we won't trigger unnecessary re-renders with useEffect.\n\tdispatch( preferencesStore ).setDefaults( 'core/edit-site', {\n\t\twelcomeGuide: true,\n\t\twelcomeGuideStyles: true,\n\t\twelcomeGuidePage: true,\n\t\twelcomeGuideTemplate: true,\n\t} );\n\n\tdispatch( preferencesStore ).setDefaults( 'core', {\n\t\tallowRightClickOverrides: true,\n\t\tdistractionFree: false,\n\t\teditorMode: 'visual',\n\t\teditorTool: 'edit',\n\t\tfixedToolbar: false,\n\t\tfocusMode: false,\n\t\tinactivePanels: [],\n\t\tkeepCaretInsideBlock: false,\n\t\topenPanels: [ 'post-status' ],\n\t\tshowBlockBreadcrumbs: true,\n\t\tshowListViewByDefault: false,\n\t\tenableChoosePatternModal: true,\n\t} );\n\n\tif ( window.__experimentalMediaProcessing ) {\n\t\tdispatch( preferencesStore ).setDefaults( 'core/media', {\n\t\t\trequireApproval: true,\n\t\t\toptimizeOnUpload: true,\n\t\t} );\n\t}\n\n\tdispatch( editSiteStore ).updateSettings( settings );\n\n\t// Prevent the default browser action for files dropped outside of dropzones.\n\twindow.addEventListener( 'dragover', ( e ) => e.preventDefault(), false );\n\twindow.addEventListener( 'drop', ( e ) => e.preventDefault(), false );\n\n\troot.render(\n\t\t<StrictMode>\n\t\t\t<App />\n\t\t</StrictMode>\n\t);\n\n\treturn root;\n}\n\nexport function reinitializeEditor() {\n\tdeprecated( 'wp.editSite.reinitializeEditor', {\n\t\tsince: '6.2',\n\t\tversion: '6.3',\n\t} );\n}\n\nexport { default as PluginTemplateSettingPanel } from './components/plugin-template-setting-panel';\nexport { store } from './store';\nexport * from './deprecated';\n\n// Temporary: While the posts dashboard is being iterated on\n// it's being built in the same package as the site editor.\nexport { initializePostsDashboard } from './posts';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6FG;AA1FH,oBAAqC;AACrC,2BAIO;AACP,kBAAyB;AACzB,wBAAuB;AACvB,qBAAuC;AACvC,oBAAiD;AACjD,yBAA0C;AAC1C,qBAGO;AAKP,mBAAO;AACP,mBAAuC;AACvC,yBAAuB;AACvB,iBAAgB;AAkFhB,2CAAsD;AACtD,IAAAA,gBAAsB;AACtB,0BAAc,yBA7Gd;AAiHA,mBAAyC;AAtFzC,MAAM,EAAE,iCAAiC,QAAI,2BAAQ,cAAAC,WAAkB;AAQhE,SAAS,iBAAkB,IAAI,UAAW;AAChD,QAAM,SAAS,SAAS,eAAgB,EAAG;AAC3C,QAAM,WAAO,2BAAY,MAAO;AAEhC,4BAAU,cAAAC,KAAY,EAAE,wBAAwB;AAChD,QAAM,iBAAa,kDAA4B,EAAE;AAAA,IAChD,CAAE,EAAE,KAAK,MAAO,SAAS;AAAA,EAC1B;AACA,+CAAoB,UAAW;AAC/B,mCAAiC;AACjC,4BAAU,cAAAA,KAAY,EAAE,6BAA8B,WAAY;AAClE,gDAA2B,EAAE,UAAU,MAAM,CAAE;AAC/C,+CAA0B,EAAE,UAAU,MAAM,CAAE;AAC9C,MAAK,WAAW,qBAAsB;AACrC,2EAA8C;AAAA,MAC7C,iBAAiB;AAAA,IAClB,CAAE;AAAA,EACH;AAIA,4BAAU,mBAAAC,KAAiB,EAAE,YAAa,kBAAkB;AAAA,IAC3D,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACvB,CAAE;AAEF,4BAAU,mBAAAA,KAAiB,EAAE,YAAa,QAAQ;AAAA,IACjD,0BAA0B;AAAA,IAC1B,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,gBAAgB,CAAC;AAAA,IACjB,sBAAsB;AAAA,IACtB,YAAY,CAAE,aAAc;AAAA,IAC5B,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,EAC3B,CAAE;AAEF,MAAK,OAAO,+BAAgC;AAC3C,8BAAU,mBAAAA,KAAiB,EAAE,YAAa,cAAc;AAAA,MACvD,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACnB,CAAE;AAAA,EACH;AAEA,4BAAU,aAAAC,KAAc,EAAE,eAAgB,QAAS;AAGnD,SAAO,iBAAkB,YAAY,CAAE,MAAO,EAAE,eAAe,GAAG,KAAM;AACxE,SAAO,iBAAkB,QAAQ,CAAE,MAAO,EAAE,eAAe,GAAG,KAAM;AAEpE,OAAK;AAAA,IACJ,4CAAC,6BACA,sDAAC,WAAAC,SAAA,EAAI,GACN;AAAA,EACD;AAEA,SAAO;AACR;AAEO,SAAS,qBAAqB;AACpC,wBAAAC,SAAY,kCAAkC;AAAA,IAC7C,OAAO;AAAA,IACP,SAAS;AAAA,EACV,CAAE;AACH;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport {\n\tregisterCoreBlocks,\n\t__experimentalGetCoreBlocks,\n\t__experimentalRegisterExperimentalCoreBlocks,\n} from '@wordpress/block-library';\nimport { dispatch } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { createRoot, StrictMode } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tregisterLegacyWidgetBlock,\n\tregisterWidgetGroupBlock,\n} from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from './store';\nimport { unlock } from './lock-unlock';\nimport App from './components/app';\n\nconst { registerCoreBlockBindingsSources } = unlock( editorPrivateApis );\n\n/**\n * Initializes the site editor screen.\n *\n * @param {string} id       ID of the root element to render the screen in.\n * @param {Object} settings Editor settings.\n */\nexport function initializeEditor( id, settings ) {\n\tconst target = document.getElementById( id );\n\tconst root = createRoot( target );\n\n\tdispatch( blocksStore ).reapplyBlockTypeFilters();\n\tconst coreBlocks = __experimentalGetCoreBlocks().filter(\n\t\t( { name } ) => name !== 'core/freeform'\n\t);\n\tregisterCoreBlocks( coreBlocks );\n\tregisterCoreBlockBindingsSources();\n\tdispatch( blocksStore ).setFreeformFallbackBlockName( 'core/html' );\n\tregisterLegacyWidgetBlock( { inserter: false } );\n\tregisterWidgetGroupBlock( { inserter: false } );\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\t__experimentalRegisterExperimentalCoreBlocks( {\n\t\t\tenableFSEBlocks: true,\n\t\t} );\n\t}\n\n\t// We dispatch actions and update the store synchronously before rendering\n\t// so that we won't trigger unnecessary re-renders with useEffect.\n\tdispatch( preferencesStore ).setDefaults( 'core/edit-site', {\n\t\twelcomeGuide: true,\n\t\twelcomeGuideStyles: true,\n\t\twelcomeGuidePage: true,\n\t\twelcomeGuideTemplate: true,\n\t} );\n\n\tdispatch( preferencesStore ).setDefaults( 'core', {\n\t\tallowRightClickOverrides: true,\n\t\tdistractionFree: false,\n\t\teditorMode: 'visual',\n\t\teditorTool: 'edit',\n\t\tfixedToolbar: false,\n\t\tfocusMode: false,\n\t\tinactivePanels: [],\n\t\tkeepCaretInsideBlock: false,\n\t\topenPanels: [ 'post-status' ],\n\t\tshowBlockBreadcrumbs: true,\n\t\tshowListViewByDefault: false,\n\t\tenableChoosePatternModal: true,\n\t} );\n\n\tif ( window.__experimentalMediaProcessing ) {\n\t\tdispatch( preferencesStore ).setDefaults( 'core/media', {\n\t\t\trequireApproval: true,\n\t\t\toptimizeOnUpload: true,\n\t\t} );\n\t}\n\n\tdispatch( editSiteStore ).updateSettings( settings );\n\n\t// Prevent the default browser action for files dropped outside of dropzones.\n\twindow.addEventListener( 'dragover', ( e ) => e.preventDefault(), false );\n\twindow.addEventListener( 'drop', ( e ) => e.preventDefault(), false );\n\n\troot.render(\n\t\t<StrictMode>\n\t\t\t<App />\n\t\t</StrictMode>\n\t);\n\n\treturn root;\n}\n\nexport function reinitializeEditor() {\n\tdeprecated( 'wp.editSite.reinitializeEditor', {\n\t\tsince: '6.2',\n\t\tversion: '6.3',\n\t} );\n}\n\nexport { default as PluginTemplateSettingPanel } from './components/plugin-template-setting-panel';\nexport { store } from './store';\nexport * from './deprecated';\n\n// Temporary: While the posts dashboard is being iterated on\n// it's being built in the same package as the site editor.\nexport { initializePostsDashboard } from './posts';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4FG;AAzFH,oBAAqC;AACrC,2BAIO;AACP,kBAAyB;AACzB,wBAAuB;AACvB,qBAAuC;AACvC,oBAAiD;AACjD,yBAA0C;AAC1C,qBAGO;AAKP,mBAAuC;AACvC,yBAAuB;AACvB,iBAAgB;AAkFhB,2CAAsD;AACtD,IAAAA,gBAAsB;AACtB,0BAAc,yBA5Gd;AAgHA,mBAAyC;AAtFzC,MAAM,EAAE,iCAAiC,QAAI,2BAAQ,cAAAC,WAAkB;AAQhE,SAAS,iBAAkB,IAAI,UAAW;AAChD,QAAM,SAAS,SAAS,eAAgB,EAAG;AAC3C,QAAM,WAAO,2BAAY,MAAO;AAEhC,4BAAU,cAAAC,KAAY,EAAE,wBAAwB;AAChD,QAAM,iBAAa,kDAA4B,EAAE;AAAA,IAChD,CAAE,EAAE,KAAK,MAAO,SAAS;AAAA,EAC1B;AACA,+CAAoB,UAAW;AAC/B,mCAAiC;AACjC,4BAAU,cAAAA,KAAY,EAAE,6BAA8B,WAAY;AAClE,gDAA2B,EAAE,UAAU,MAAM,CAAE;AAC/C,+CAA0B,EAAE,UAAU,MAAM,CAAE;AAC9C,MAAK,WAAW,qBAAsB;AACrC,2EAA8C;AAAA,MAC7C,iBAAiB;AAAA,IAClB,CAAE;AAAA,EACH;AAIA,4BAAU,mBAAAC,KAAiB,EAAE,YAAa,kBAAkB;AAAA,IAC3D,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACvB,CAAE;AAEF,4BAAU,mBAAAA,KAAiB,EAAE,YAAa,QAAQ;AAAA,IACjD,0BAA0B;AAAA,IAC1B,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,gBAAgB,CAAC;AAAA,IACjB,sBAAsB;AAAA,IACtB,YAAY,CAAE,aAAc;AAAA,IAC5B,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,EAC3B,CAAE;AAEF,MAAK,OAAO,+BAAgC;AAC3C,8BAAU,mBAAAA,KAAiB,EAAE,YAAa,cAAc;AAAA,MACvD,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACnB,CAAE;AAAA,EACH;AAEA,4BAAU,aAAAC,KAAc,EAAE,eAAgB,QAAS;AAGnD,SAAO,iBAAkB,YAAY,CAAE,MAAO,EAAE,eAAe,GAAG,KAAM;AACxE,SAAO,iBAAkB,QAAQ,CAAE,MAAO,EAAE,eAAe,GAAG,KAAM;AAEpE,OAAK;AAAA,IACJ,4CAAC,6BACA,sDAAC,WAAAC,SAAA,EAAI,GACN;AAAA,EACD;AAEA,SAAO;AACR;AAEO,SAAS,qBAAqB;AACpC,wBAAAC,SAAY,kCAAkC;AAAA,IAC7C,OAAO;AAAA,IACP,SAAS;AAAA,EACV,CAAE;AACH;",
   "names": ["import_store", "editorPrivateApis", "blocksStore", "preferencesStore", "editSiteStore", "App", "deprecated"]
 }