@wordpress/edit-site 5.19.6 → 5.20.1

package/build/components/global-styles/ui.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GlobalStylesMenuSlot = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
@@ -15,6 +15,7 @@ var _i18n = require("@wordpress/i18n");
 var _preferences = require("@wordpress/preferences");
 var _icons = require("@wordpress/icons");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 var _screenRoot = _interopRequireDefault(require("./screen-root"));
 var _screenBlockList = _interopRequireWildcard(require("./screen-block-list"));
 var _screenBlock = _interopRequireDefault(require("./screen-block"));
@@ -71,14 +72,14 @@ function GlobalStylesActionMenu() {
     goTo
   } = (0, _components.__experimentalUseNavigator)();
   const loadCustomCSS = () => goTo('/css');
-  return (0, _element.createElement)(GlobalStylesMenuFill, null, (0, _element.createElement)(_components.DropdownMenu, {
+  return (0, _react.createElement)(GlobalStylesMenuFill, null, (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.moreVertical,
     label: (0, _i18n.__)('More')
   }, ({
     onClose
-  }) => (0, _element.createElement)(_components.MenuGroup, null, canEditCSS && (0, _element.createElement)(_components.MenuItem, {
+  }) => (0, _react.createElement)(_components.MenuGroup, null, canEditCSS && (0, _react.createElement)(_components.MenuItem, {
     onClick: loadCustomCSS
-  }, (0, _i18n.__)('Additional CSS')), (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _i18n.__)('Additional CSS')), (0, _react.createElement)(_components.MenuItem, {
     onClick: () => {
       toggle('core/edit-site', 'welcomeGuideStyles');
       onClose();
@@ -89,7 +90,7 @@ function RevisionsCountBadge({
   className,
   children
 }) {
-  return (0, _element.createElement)("span", {
+  return (0, _react.createElement)("span", {
     className: (0, _classnames.default)(className, 'edit-site-global-styles-sidebar__revisions-count-badge')
   }, children);
 }
@@ -127,21 +128,21 @@ function GlobalStylesRevisionsMenu() {
     setEditorCanvasContainerView('global-styles-revisions');
   };
   const hasRevisions = revisionsCount > 0;
-  return (0, _element.createElement)(GlobalStylesMenuFill, null, canReset || hasRevisions ? (0, _element.createElement)(_components.DropdownMenu, {
+  return (0, _react.createElement)(GlobalStylesMenuFill, null, canReset || hasRevisions ? (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.backup,
     label: (0, _i18n.__)('Revisions')
   }, ({
     onClose
-  }) => (0, _element.createElement)(_components.MenuGroup, null, hasRevisions && (0, _element.createElement)(_components.MenuItem, {
+  }) => (0, _react.createElement)(_components.MenuGroup, null, hasRevisions && (0, _react.createElement)(_components.MenuItem, {
     onClick: loadRevisions,
-    icon: (0, _element.createElement)(RevisionsCountBadge, null, revisionsCount)
-  }, (0, _i18n.__)('Revision history')), (0, _element.createElement)(_components.MenuItem, {
+    icon: (0, _react.createElement)(RevisionsCountBadge, null, revisionsCount)
+  }, (0, _i18n.__)('Revision history')), (0, _react.createElement)(_components.MenuItem, {
     onClick: () => {
       onReset();
       onClose();
     },
     disabled: !canReset
-  }, (0, _i18n.__)('Reset to defaults')))) : (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Reset to defaults')))) : (0, _react.createElement)(_components.Button, {
     label: (0, _i18n.__)('Revisions'),
     icon: _icons.backup,
     disabled: true,
@@ -152,7 +153,7 @@ function GlobalStylesNavigationScreen({
   className,
   ...props
 }) {
-  return (0, _element.createElement)(_components.__experimentalNavigatorScreen, {
+  return (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
     className: ['edit-site-global-styles-sidebar__navigator-screen', className].filter(Boolean).join(' '),
     ...props
   });
@@ -162,10 +163,10 @@ function BlockStylesNavigationScreens({
   blockStyles,
   blockName
 }) {
-  return blockStyles.map((style, index) => (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  return blockStyles.map((style, index) => (0, _react.createElement)(GlobalStylesNavigationScreen, {
     key: index,
     path: parentMenu + '/variations/' + style.name
-  }, (0, _element.createElement)(_screenBlock.default, {
+  }, (0, _react.createElement)(_screenBlock.default, {
     name: blockName,
     variation: style.name
   })));
@@ -180,11 +181,11 @@ function ContextScreens({
     } = select(_blocks.store);
     return getBlockStyles(name);
   }, [name]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: parentMenu + '/colors/palette'
-  }, (0, _element.createElement)(_screenColorPalette.default, {
+  }, (0, _react.createElement)(_screenColorPalette.default, {
     name: name
-  })), !!blockStyleVariations?.length && (0, _element.createElement)(BlockStylesNavigationScreens, {
+  })), !!blockStyleVariations?.length && (0, _react.createElement)(BlockStylesNavigationScreens, {
     parentMenu: parentMenu,
     blockStyles: blockStyleVariations,
     blockName: name
@@ -195,7 +196,7 @@ function GlobalStylesStyleBook() {
   const {
     path
   } = navigator.location;
-  return (0, _element.createElement)(_styleBook.default, {
+  return (0, _react.createElement)(_styleBook.default, {
     isSelected: blockName =>
     // Match '/blocks/core%2Fbutton' and
     // '/blocks/core%2Fbutton/typography', but not
@@ -275,55 +276,55 @@ function GlobalStylesEditorCanvasContainerLink() {
 function GlobalStylesUI() {
   const blocks = (0, _blocks.getBlockTypes)();
   const editorCanvasContainerView = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(), []);
-  return (0, _element.createElement)(_components.__experimentalNavigatorProvider, {
+  return (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
     className: "edit-site-global-styles-sidebar__navigator-provider",
     initialPath: "/"
-  }, (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/"
-  }, (0, _element.createElement)(_screenRoot.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenRoot.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/variations"
-  }, (0, _element.createElement)(_screenStyleVariations.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenStyleVariations.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/blocks"
-  }, (0, _element.createElement)(_screenBlockList.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenBlockList.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography"
-  }, (0, _element.createElement)(_screenTypography.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenTypography.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography/text"
-  }, (0, _element.createElement)(_screenTypographyElement.default, {
+  }, (0, _react.createElement)(_screenTypographyElement.default, {
     element: "text"
-  })), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography/link"
-  }, (0, _element.createElement)(_screenTypographyElement.default, {
+  }, (0, _react.createElement)(_screenTypographyElement.default, {
     element: "link"
-  })), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography/heading"
-  }, (0, _element.createElement)(_screenTypographyElement.default, {
+  }, (0, _react.createElement)(_screenTypographyElement.default, {
     element: "heading"
-  })), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography/caption"
-  }, (0, _element.createElement)(_screenTypographyElement.default, {
+  }, (0, _react.createElement)(_screenTypographyElement.default, {
     element: "caption"
-  })), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/typography/button"
-  }, (0, _element.createElement)(_screenTypographyElement.default, {
+  }, (0, _react.createElement)(_screenTypographyElement.default, {
     element: "button"
-  })), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  })), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/colors"
-  }, (0, _element.createElement)(_screenColors.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenColors.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/layout"
-  }, (0, _element.createElement)(_screenLayout.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenLayout.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: "/css"
-  }, (0, _element.createElement)(_screenCss.default, null)), (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenCss.default, null)), (0, _react.createElement)(GlobalStylesNavigationScreen, {
     path: '/revisions'
-  }, (0, _element.createElement)(_screenRevisions.default, null)), blocks.map(block => (0, _element.createElement)(GlobalStylesNavigationScreen, {
+  }, (0, _react.createElement)(_screenRevisions.default, null)), blocks.map(block => (0, _react.createElement)(GlobalStylesNavigationScreen, {
     key: 'menu-block-' + block.name,
     path: '/blocks/' + encodeURIComponent(block.name)
-  }, (0, _element.createElement)(_screenBlock.default, {
+  }, (0, _react.createElement)(_screenBlock.default, {
     name: block.name
-  }))), (0, _element.createElement)(ContextScreens, null), blocks.map(block => (0, _element.createElement)(ContextScreens, {
+  }))), (0, _react.createElement)(ContextScreens, null), blocks.map(block => (0, _react.createElement)(ContextScreens, {
     key: 'screens-block-' + block.name,
     name: block.name,
     parentMenu: '/blocks/' + encodeURIComponent(block.name)
-  })), 'style-book' === editorCanvasContainerView && (0, _element.createElement)(GlobalStylesStyleBook, null), (0, _element.createElement)(GlobalStylesRevisionsMenu, null), (0, _element.createElement)(GlobalStylesActionMenu, null), (0, _element.createElement)(GlobalStylesBlockLink, null), (0, _element.createElement)(GlobalStylesEditorCanvasContainerLink, null));
+  })), 'style-book' === editorCanvasContainerView && (0, _react.createElement)(GlobalStylesStyleBook, null), (0, _react.createElement)(GlobalStylesRevisionsMenu, null), (0, _react.createElement)(GlobalStylesActionMenu, null), (0, _react.createElement)(GlobalStylesBlockLink, null), (0, _react.createElement)(GlobalStylesEditorCanvasContainerLink, null));
 }
 var _default = GlobalStylesUI;
 exports.default = _default;

package/build/components/global-styles/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_screenRoot","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SLOT_FILL_NAME","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","goTo","useNavigator","loadCustomCSS","createElement","DropdownMenu","icon","moreVertical","label","__","onClose","MenuGroup","MenuItem","onClick","RevisionsCountBadge","className","children","classnames","GlobalStylesRevisionsMenu","setIsListViewOpened","editSiteStore","revisionsCount","_globalStyles$_links$2","count","useGlobalStylesReset","unlock","blockEditorPrivateApis","canReset","onReset","setEditorCanvasContainerView","loadRevisions","hasRevisions","backup","disabled","Button","__experimentalIsFocusable","GlobalStylesNavigationScreen","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","Fragment","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { backup, moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = 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\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => goTo( '/css' );\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction RevisionsCountBadge( { className, children } ) {\n\treturn (\n\t\t<span\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-sidebar__revisions-count-badge'\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</span>\n\t);\n}\nfunction GlobalStylesRevisionsMenu() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\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\tconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { goTo } = useNavigator();\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tgoTo( '/revisions' );\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t};\n\tconst hasRevisions = revisionsCount > 0;\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t{ canReset || hasRevisions ? (\n\t\t\t\t<DropdownMenu icon={ backup } label={ __( 'Revisions' ) }>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ hasRevisions && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ loadRevisions }\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t<RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t\t\t{ revisionsCount }\n\t\t\t\t\t\t\t\t\t\t</RevisionsCountBadge>\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\t\t{ __( 'Revision history' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\ticon={ backup }\n\t\t\t\t\tdisabled\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t) }\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView === 'global-styles-revisions' ) {\n\t\t\t// Switching to the revisions container view should\n\t\t\t// redirect to the revisions screen.\n\t\t\tgoTo( '/revisions' );\n\t\t} else if (\n\t\t\t!! editorCanvasContainerView &&\n\t\t\tlocation?.path === '/revisions'\n\t\t) {\n\t\t\t// Switching to any container other than revisions should\n\t\t\t// redirect from the revisions screen to the root global styles screen.\n\t\t\tgoTo( '/' );\n\t\t} else if ( editorCanvasContainerView === 'global-styles-css' ) {\n\t\t\tgoTo( '/css' );\n\t\t}\n\n\t\t// location?.path is not a dependency because we don't want to track it.\n\t\t// Doing so will cause an infinite loop. We could abstract logic to avoid\n\t\t// having to disable the check later.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorCanvasContainerView, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesRevisionsMenu />\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":";;;;;;;AA4BA,IAAAA,QAAA,GAAAC,OAAA;AAzBA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAUA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAIA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAMA,IAAAW,WAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,gBAAA,GAAAC,uBAAA,CAAAb,OAAA;AAIA,IAAAc,YAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,iBAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,wBAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,aAAA,GAAAf,sBAAA,CAAAF,OAAA;AACA,IAAAkB,mBAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,aAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,sBAAA,GAAAlB,sBAAA,CAAAF,OAAA;AACA,IAAAqB,UAAA,GAAAnB,sBAAA,CAAAF,OAAA;AACA,IAAAsB,UAAA,GAAApB,sBAAA,CAAAF,OAAA;AACA,IAAAuB,gBAAA,GAAArB,sBAAA,CAAAF,OAAA;AACA,IAAAwB,WAAA,GAAAxB,OAAA;AACA,IAAAyB,MAAA,GAAAzB,OAAA;AAAqD,SAAA0B,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAkB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAjDrD;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAmBA,MAAMW,cAAc,GAAG,kBAAkB;AACzC,MAAM;EAAEC,IAAI,EAAEC,oBAAoB;EAAEC,IAAI,EAAEC;AAAqB,CAAC,GAC/D,IAAAC,0BAAc,EAAEL,cAAe,CAAC;AAACM,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAElC,SAASK,sBAAsBA,CAAA,EAAG;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAClD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC/C,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEH,MAAM,CAAEI,eAAU,CAAC;IAEpB,MAAMC,cAAc,GAAGF,sCAAsC,CAAC,CAAC;IAC/D,MAAMG,YAAY,GAAGD,cAAc,GAChCH,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEG,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNT,UAAU,GAAAG,qBAAA,GACT,CAAC,CAAEK,YAAY,EAAEE,MAAM,GAAI,oBAAoB,CAAE,cAAAP,qBAAA,cAAAA,qBAAA,GAAI;IACvD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEQ;EAAK,CAAC,GAAG,IAAAC,sCAAY,EAAC,CAAC;EAC/B,MAAMC,aAAa,GAAGA,CAAA,KAAMF,IAAI,CAAE,MAAO,CAAC;EAE1C,OACC,IAAAvE,QAAA,CAAA0E,aAAA,EAACrB,oBAAoB,QACpB,IAAArD,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAAuE,YAAY;IAACC,IAAI,EAAGC,mBAAc;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO;EAAG,GACvD,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAhF,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA6E,SAAS,QACPrB,UAAU,IACX,IAAA5D,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA8E,QAAQ;IAACC,OAAO,EAAGV;EAAe,GAChC,IAAAM,QAAE,EAAE,gBAAiB,CACd,CACV,EACD,IAAA/E,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA8E,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAM;MACf1B,MAAM,CACL,gBAAgB,EAChB,oBACD,CAAC;MACDuB,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAD,QAAE,EAAE,eAAgB,CACb,CACA,CAEC,CACO,CAAC;AAEzB;AAEA,SAASK,mBAAmBA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EACvD,OACC,IAAAtF,QAAA,CAAA0E,aAAA;IACCW,SAAS,EAAG,IAAAE,mBAAU,EACrBF,SAAS,EACT,wDACD;EAAG,GAEDC,QACG,CAAC;AAET;AACA,SAASE,yBAAyBA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAA/B,iBAAW,EAAEgC,YAAc,CAAC;EAC5D,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAA9B,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAA8B,sBAAA;IACnD,MAAM;MAAE5B,eAAe;MAAEC;IAAuC,CAAC,GAChEH,MAAM,CAAEI,eAAU,CAAC;IAEpB,MAAMC,cAAc,GAAGF,sCAAsC,CAAC,CAAC;IAC/D,MAAMG,YAAY,GAAGD,cAAc,GAChCH,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEG,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNsB,cAAc,GAAAC,sBAAA,GACbxB,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEuB,KAAK,cAAAD,sBAAA,cAAAA,sBAAA,GAAI;IAC/D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEE;EAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;EACjE,MAAM,CAAEC,QAAQ,EAAEC,OAAO,CAAE,GAAGJ,oBAAoB,CAAC,CAAC;EACpD,MAAM;IAAEvB;EAAK,CAAC,GAAG,IAAAC,sCAAY,EAAC,CAAC;EAC/B,MAAM;IAAE2B;EAA6B,CAAC,GAAG,IAAAJ,kBAAM,EAC9C,IAAArC,iBAAW,EAAEgC,YAAc,CAC5B,CAAC;EACD,MAAMU,aAAa,GAAGA,CAAA,KAAM;IAC3BX,mBAAmB,CAAE,KAAM,CAAC;IAC5BlB,IAAI,CAAE,YAAa,CAAC;IACpB4B,4BAA4B,CAAE,yBAA0B,CAAC;EAC1D,CAAC;EACD,MAAME,YAAY,GAAGV,cAAc,GAAG,CAAC;EAEvC,OACC,IAAA3F,QAAA,CAAA0E,aAAA,EAACrB,oBAAoB,QAClB4C,QAAQ,IAAII,YAAY,GACzB,IAAArG,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAAuE,YAAY;IAACC,IAAI,EAAG0B,aAAQ;IAACxB,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY;EAAG,GACtD,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAhF,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA6E,SAAS,QACPoB,YAAY,IACb,IAAArG,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA8E,QAAQ;IACRC,OAAO,EAAGiB,aAAe;IACzBxB,IAAI,EACH,IAAA5E,QAAA,CAAA0E,aAAA,EAACU,mBAAmB,QACjBO,cACkB;EACrB,GAEC,IAAAZ,QAAE,EAAE,kBAAmB,CAChB,CACV,EACD,IAAA/E,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAA8E,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAM;MACfe,OAAO,CAAC,CAAC;MACTlB,OAAO,CAAC,CAAC;IACV,CAAG;IACHuB,QAAQ,EAAG,CAAEN;EAAU,GAErB,IAAAlB,QAAE,EAAE,mBAAoB,CACjB,CACA,CAEC,CAAC,GAEf,IAAA/E,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAAoG,MAAM;IACN1B,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BH,IAAI,EAAG0B,aAAQ;IACfC,QAAQ;IACRE,yBAAyB;EAAA,CACzB,CAEmB,CAAC;AAEzB;AAEA,SAASC,4BAA4BA,CAAE;EAAErB,SAAS;EAAE,GAAGsB;AAAM,CAAC,EAAG;EAChE,OACC,IAAA3G,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAAwG,6BAAe;IACfvB,SAAS,EAAG,CACX,mDAAmD,EACnDA,SAAS,CACT,CACCwB,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAG;IAAA,GACVJ;EAAK,CACV,CAAC;AAEJ;AAEA,SAASK,4BAA4BA,CAAE;EACtCC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OAAOD,WAAW,CAACE,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,KACrC,IAAAtH,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAC5B/D,GAAG,EAAG2E,KAAO;IACbC,IAAI,EAAGN,UAAU,GAAG,cAAc,GAAGI,KAAK,CAACG;EAAM,GAEjD,IAAAxH,QAAA,CAAA0E,aAAA,EAAC3D,YAAA,CAAAmB,OAAW;IAACsF,IAAI,EAAGL,SAAW;IAACM,SAAS,EAAGJ,KAAK,CAACG;EAAM,CAAE,CAC7B,CAC7B,CAAC;AACJ;AAEA,SAASE,cAAcA,CAAE;EAAEF,IAAI;EAAEP,UAAU,GAAG;AAAG,CAAC,EAAG;EACpD,MAAMU,oBAAoB,GAAG,IAAA9D,eAAS,EACnCC,MAAM,IAAM;IACb,MAAM;MAAE8D;IAAe,CAAC,GAAG9D,MAAM,CAAE+D,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,OACC,IAAAxH,QAAA,CAAA0E,aAAA,EAAA1E,QAAA,CAAA8H,QAAA,QACC,IAAA9H,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAC5Ba,IAAI,EAAGN,UAAU,GAAG;EAAmB,GAEvC,IAAAjH,QAAA,CAAA0E,aAAA,EAACvD,mBAAA,CAAAe,OAAkB;IAACsF,IAAI,EAAGA;EAAM,CAAE,CACN,CAAC,EAE7B,CAAC,CAAEG,oBAAoB,EAAEI,MAAM,IAChC,IAAA/H,QAAA,CAAA0E,aAAA,EAACsC,4BAA4B;IAC5BC,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGS,oBAAsB;IACpCR,SAAS,EAAGK;EAAM,CAClB,CAED,CAAC;AAEL;AAEA,SAASQ,qBAAqBA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAG,IAAAzD,sCAAY,EAAC,CAAC;EAChC,MAAM;IAAE+C;EAAK,CAAC,GAAGU,SAAS,CAACC,QAAQ;EACnC,OACC,IAAAlI,QAAA,CAAA0E,aAAA,EAACpD,UAAA,CAAAY,OAAS;IACTiG,UAAU,EAAKhB,SAAS;IACvB;IACA;IACA;IACAI,IAAI,KAAM,WAAWa,kBAAkB,CAAEjB,SAAU,CAAG,EAAC,IACvDI,IAAI,CAACc,UAAU,CACb,WAAWD,kBAAkB,CAAEjB,SAAU,CAAG,GAC9C,CACA;IACDmB,QAAQ,EAAKnB,SAAS,IAAM;MAC3B;MACAc,SAAS,CAAC1D,IAAI,CAAE,UAAU,GAAG6D,kBAAkB,CAAEjB,SAAU,CAAE,CAAC;IAC/D;EAAG,CACH,CAAC;AAEJ;AAEA,SAASoB,qBAAqBA,CAAA,EAAG;EAChC,MAAMN,SAAS,GAAG,IAAAzD,sCAAY,EAAC,CAAC;EAChC,MAAM;IAAEgE,iBAAiB;IAAEC;EAAsB,CAAC,GAAG,IAAA5E,eAAS,EAC3DC,MAAM,IAAM;IACb,MAAM;MAAE4E,wBAAwB;MAAEC;IAAa,CAAC,GAC/C7E,MAAM,CAAE8E,kBAAiB,CAAC;IAC3B,MAAMC,QAAQ,GAAGH,wBAAwB,CAAC,CAAC;IAC3C,OAAO;MACNF,iBAAiB,EAAEG,YAAY,CAAEE,QAAS,CAAC;MAC3CJ,qBAAqB,EAAEI;IACxB,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAMC,oBAAoB,GAAG,IAAAC,wCAAuB,EAAEP,iBAAkB,CAAC;EACzE;EACA,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEP,qBAAqB,IAAI,CAAEK,oBAAoB,EAAG;MACxD;IACD;IACA,MAAMG,WAAW,GAAGhB,SAAS,CAACC,QAAQ,CAACX,IAAI;IAC3C,IACC0B,WAAW,KAAK,SAAS,IACzB,CAAEA,WAAW,CAACZ,UAAU,CAAE,UAAW,CAAC,EACrC;MACD;IACD;IACA,MAAMa,OAAO,GAAG,UAAU,GAAGd,kBAAkB,CAAEI,iBAAkB,CAAC;IACpE;IACA;IACA,IAAKU,OAAO,KAAKD,WAAW,EAAG;MAC9BhB,SAAS,CAAC1D,IAAI,CAAE2E,OAAO,EAAE;QAAEC,SAAS,EAAE;MAAK,CAAE,CAAC;IAC/C;EACD,CAAC,EAAE,CAAEV,qBAAqB,EAAED,iBAAiB,EAAEM,oBAAoB,CAAG,CAAC;AACxE;AAEA,SAASM,qCAAqCA,CAAA,EAAG;EAChD,MAAM;IAAE7E,IAAI;IAAE2D;EAAS,CAAC,GAAG,IAAA1D,sCAAY,EAAC,CAAC;EACzC,MAAM6E,yBAAyB,GAAG,IAAAxF,eAAS,EACxCC,MAAM,IACP,IAAAiC,kBAAM,EAAEjC,MAAM,CAAE4B,YAAc,CAAE,CAAC,CAAC4D,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;;EAED;EACA;EACA;EACA,IAAAN,kBAAS,EAAE,MAAM;IAChB,IAAKK,yBAAyB,KAAK,yBAAyB,EAAG;MAC9D;MACA;MACA9E,IAAI,CAAE,YAAa,CAAC;IACrB,CAAC,MAAM,IACN,CAAC,CAAE8E,yBAAyB,IAC5BnB,QAAQ,EAAEX,IAAI,KAAK,YAAY,EAC9B;MACD;MACA;MACAhD,IAAI,CAAE,GAAI,CAAC;IACZ,CAAC,MAAM,IAAK8E,yBAAyB,KAAK,mBAAmB,EAAG;MAC/D9E,IAAI,CAAE,MAAO,CAAC;IACf;;IAEA;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAE8E,yBAAyB,EAAE9E,IAAI,CAAG,CAAC;AACzC;AAEA,SAASgF,cAAcA,CAAA,EAAG;EACzB,MAAMC,MAAM,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAC9B,MAAMJ,yBAAyB,GAAG,IAAAxF,eAAS,EACxCC,MAAM,IACP,IAAAiC,kBAAM,EAAEjC,MAAM,CAAE4B,YAAc,CAAE,CAAC,CAAC4D,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;EACD,OACC,IAAAtJ,QAAA,CAAA0E,aAAA,EAACtE,WAAA,CAAAsJ,+BAAiB;IACjBrE,SAAS,EAAC,qDAAqD;IAC/DsE,WAAW,EAAC;EAAG,GAEf,IAAA3J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAG,GACrC,IAAAvH,QAAA,CAAA0E,aAAA,EAAC9D,WAAA,CAAAsB,OAAU,MAAE,CACgB,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAa,GAC/C,IAAAvH,QAAA,CAAA0E,aAAA,EAACrD,sBAAA,CAAAa,OAAqB,MAAE,CACK,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAS,GAC3C,IAAAvH,QAAA,CAAA0E,aAAA,EAAC7D,gBAAA,CAAAqB,OAAe,MAAE,CACW,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAa,GAC/C,IAAAvH,QAAA,CAAA0E,aAAA,EAAC1D,iBAAA,CAAAkB,OAAgB,MAAE,CACU,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAkB,GACpD,IAAAvH,QAAA,CAAA0E,aAAA,EAACzD,wBAAA,CAAAiB,OAAuB;IAAC0H,OAAO,EAAC;EAAM,CAAE,CACZ,CAAC,EAE/B,IAAA5J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAkB,GACpD,IAAAvH,QAAA,CAAA0E,aAAA,EAACzD,wBAAA,CAAAiB,OAAuB;IAAC0H,OAAO,EAAC;EAAM,CAAE,CACZ,CAAC,EAE/B,IAAA5J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAqB,GACvD,IAAAvH,QAAA,CAAA0E,aAAA,EAACzD,wBAAA,CAAAiB,OAAuB;IAAC0H,OAAO,EAAC;EAAS,CAAE,CACf,CAAC,EAE/B,IAAA5J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAqB,GACvD,IAAAvH,QAAA,CAAA0E,aAAA,EAACzD,wBAAA,CAAAiB,OAAuB;IAAC0H,OAAO,EAAC;EAAS,CAAE,CACf,CAAC,EAE/B,IAAA5J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAoB,GACtD,IAAAvH,QAAA,CAAA0E,aAAA,EAACzD,wBAAA,CAAAiB,OAAuB;IAAC0H,OAAO,EAAC;EAAQ,CAAE,CACd,CAAC,EAE/B,IAAA5J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAS,GAC3C,IAAAvH,QAAA,CAAA0E,aAAA,EAACxD,aAAA,CAAAgB,OAAY,MAAE,CACc,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAS,GAC3C,IAAAvH,QAAA,CAAA0E,aAAA,EAACtD,aAAA,CAAAc,OAAY,MAAE,CACc,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAC;EAAM,GACxC,IAAAvH,QAAA,CAAA0E,aAAA,EAACnD,UAAA,CAAAW,OAAS,MAAE,CACiB,CAAC,EAE/B,IAAAlC,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAACa,IAAI,EAAG;EAAc,GAClD,IAAAvH,QAAA,CAAA0E,aAAA,EAAClD,gBAAA,CAAAU,OAAe,MAAE,CACW,CAAC,EAE7BsH,MAAM,CAACpC,GAAG,CAAIyC,KAAK,IACpB,IAAA7J,QAAA,CAAA0E,aAAA,EAACgC,4BAA4B;IAC5B/D,GAAG,EAAG,aAAa,GAAGkH,KAAK,CAACrC,IAAM;IAClCD,IAAI,EAAG,UAAU,GAAGa,kBAAkB,CAAEyB,KAAK,CAACrC,IAAK;EAAG,GAEtD,IAAAxH,QAAA,CAAA0E,aAAA,EAAC3D,YAAA,CAAAmB,OAAW;IAACsF,IAAI,EAAGqC,KAAK,CAACrC;EAAM,CAAE,CACL,CAC7B,CAAC,EAEH,IAAAxH,QAAA,CAAA0E,aAAA,EAACgD,cAAc,MAAE,CAAC,EAEhB8B,MAAM,CAACpC,GAAG,CAAIyC,KAAK,IACpB,IAAA7J,QAAA,CAAA0E,aAAA,EAACgD,cAAc;IACd/E,GAAG,EAAG,gBAAgB,GAAGkH,KAAK,CAACrC,IAAM;IACrCA,IAAI,EAAGqC,KAAK,CAACrC,IAAM;IACnBP,UAAU,EAAG,UAAU,GAAGmB,kBAAkB,CAAEyB,KAAK,CAACrC,IAAK;EAAG,CAC5D,CACA,CAAC,EAED,YAAY,KAAK6B,yBAAyB,IAC3C,IAAArJ,QAAA,CAAA0E,aAAA,EAACsD,qBAAqB,MAAE,CACxB,EAED,IAAAhI,QAAA,CAAA0E,aAAA,EAACc,yBAAyB,MAAE,CAAC,EAC7B,IAAAxF,QAAA,CAAA0E,aAAA,EAAClB,sBAAsB,MAAE,CAAC,EAC1B,IAAAxD,QAAA,CAAA0E,aAAA,EAAC6D,qBAAqB,MAAE,CAAC,EACzB,IAAAvI,QAAA,CAAA0E,aAAA,EAAC0E,qCAAqC,MAAE,CACtB,CAAC;AAEtB;AAAC,IAAAU,QAAA,GAEcP,cAAc;AAAAhG,OAAA,CAAArB,OAAA,GAAA4H,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SLOT_FILL_NAME","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","goTo","useNavigator","loadCustomCSS","_react","createElement","DropdownMenu","icon","moreVertical","label","__","onClose","MenuGroup","MenuItem","onClick","RevisionsCountBadge","className","children","classnames","GlobalStylesRevisionsMenu","setIsListViewOpened","editSiteStore","revisionsCount","_globalStyles$_links$2","count","useGlobalStylesReset","unlock","blockEditorPrivateApis","canReset","onReset","setEditorCanvasContainerView","loadRevisions","hasRevisions","backup","disabled","Button","__experimentalIsFocusable","GlobalStylesNavigationScreen","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","Fragment","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { backup, moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = 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\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => goTo( '/css' );\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction RevisionsCountBadge( { className, children } ) {\n\treturn (\n\t\t<span\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-sidebar__revisions-count-badge'\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</span>\n\t);\n}\nfunction GlobalStylesRevisionsMenu() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\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\tconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { goTo } = useNavigator();\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tgoTo( '/revisions' );\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t};\n\tconst hasRevisions = revisionsCount > 0;\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t{ canReset || hasRevisions ? (\n\t\t\t\t<DropdownMenu icon={ backup } label={ __( 'Revisions' ) }>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ hasRevisions && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ loadRevisions }\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t<RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t\t\t{ revisionsCount }\n\t\t\t\t\t\t\t\t\t\t</RevisionsCountBadge>\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\t\t{ __( 'Revision history' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\ticon={ backup }\n\t\t\t\t\tdisabled\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t) }\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView === 'global-styles-revisions' ) {\n\t\t\t// Switching to the revisions container view should\n\t\t\t// redirect to the revisions screen.\n\t\t\tgoTo( '/revisions' );\n\t\t} else if (\n\t\t\t!! editorCanvasContainerView &&\n\t\t\tlocation?.path === '/revisions'\n\t\t) {\n\t\t\t// Switching to any container other than revisions should\n\t\t\t// redirect from the revisions screen to the root global styles screen.\n\t\t\tgoTo( '/' );\n\t\t} else if ( editorCanvasContainerView === 'global-styles-css' ) {\n\t\t\tgoTo( '/css' );\n\t\t}\n\n\t\t// location?.path is not a dependency because we don't want to track it.\n\t\t// Doing so will cause an infinite loop. We could abstract logic to avoid\n\t\t// having to disable the check later.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorCanvasContainerView, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesRevisionsMenu />\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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"}

package/build/components/global-styles/variations-panel.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VariationsPanel = VariationsPanel;
 exports.useBlockVariations = useBlockVariations;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
@@ -35,14 +35,14 @@ function VariationsPanel({
   name
 }) {
   const coreBlockStyles = useBlockVariations(name);
-  return (0, _element.createElement)(_components.__experimentalItemGroup, {
+  return (0, _react.createElement)(_components.__experimentalItemGroup, {
     isBordered: true,
     isSeparated: true
   }, coreBlockStyles.map((style, index) => {
     if (style?.isDefault) {
       return null;
     }
-    return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
+    return (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
       key: index,
       path: '/blocks/' + encodeURIComponent(name) + '/variations/' + encodeURIComponent(style.name),
       "aria-label": style.label

package/build/components/global-styles/variations-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_data","_components","_navigationButton","getCoreBlockStyles","blockStyles","filter","style","source","useBlockVariations","name","useSelect","select","getBlockStyles","blocksStore","coreBlockStyles","VariationsPanel","_element","createElement","__experimentalItemGroup","isBordered","isSeparated","map","index","isDefault","NavigationButtonAsItem","key","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\n\nimport { NavigationButtonAsItem } from './navigation-button';\n\nfunction getCoreBlockStyles( blockStyles ) {\n\treturn blockStyles?.filter( ( style ) => style.source === 'block' );\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst coreBlockStyles = getCoreBlockStyles( blockStyles );\n\treturn coreBlockStyles;\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ style.label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASI,kBAAkBA,CAAEC,WAAW,EAAG;EAC1C,OAAOA,WAAW,EAAEC,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,MAAM,KAAK,OAAQ,CAAC;AACpE;AAEO,SAASC,kBAAkBA,CAAEC,IAAI,EAAG;EAC1C,MAAML,WAAW,GAAG,IAAAM,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEH,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAMK,eAAe,GAAGX,kBAAkB,CAAEC,WAAY,CAAC;EACzD,OAAOU,eAAe;AACvB;AAEO,SAASC,eAAeA,CAAE;EAAEN;AAAK,CAAC,EAAG;EAC3C,MAAMK,eAAe,GAAGN,kBAAkB,CAAEC,IAAK,CAAC;EAElD,OACC,IAAAO,QAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAC9BN,eAAe,CAACO,GAAG,CAAE,CAAEf,KAAK,EAAEgB,KAAK,KAAM;IAC1C,IAAKhB,KAAK,EAAEiB,SAAS,EAAG;MACvB,OAAO,IAAI;IACZ;IACA,OACC,IAAAP,QAAA,CAAAC,aAAA,EAACf,iBAAA,CAAAsB,sBAAsB;MACtBC,GAAG,EAAGH,KAAO;MACbI,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAElB,IAAK,CAAC,GAC1B,cAAc,GACdkB,kBAAkB,CAAErB,KAAK,CAACG,IAAK,CAC/B;MACD,cAAaH,KAAK,CAACsB;IAAO,GAExBtB,KAAK,CAACsB,KACe,CAAC;EAE3B,CAAE,CACQ,CAAC;AAEd"}
+{"version":3,"names":["_blocks","require","_data","_components","_navigationButton","getCoreBlockStyles","blockStyles","filter","style","source","useBlockVariations","name","useSelect","select","getBlockStyles","blocksStore","coreBlockStyles","VariationsPanel","_react","createElement","__experimentalItemGroup","isBordered","isSeparated","map","index","isDefault","NavigationButtonAsItem","key","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\n\nimport { NavigationButtonAsItem } from './navigation-button';\n\nfunction getCoreBlockStyles( blockStyles ) {\n\treturn blockStyles?.filter( ( style ) => style.source === 'block' );\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst coreBlockStyles = getCoreBlockStyles( blockStyles );\n\treturn coreBlockStyles;\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ style.label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASI,kBAAkBA,CAAEC,WAAW,EAAG;EAC1C,OAAOA,WAAW,EAAEC,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,MAAM,KAAK,OAAQ,CAAC;AACpE;AAEO,SAASC,kBAAkBA,CAAEC,IAAI,EAAG;EAC1C,MAAML,WAAW,GAAG,IAAAM,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEH,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAMK,eAAe,GAAGX,kBAAkB,CAAEC,WAAY,CAAC;EACzD,OAAOU,eAAe;AACvB;AAEO,SAASC,eAAeA,CAAE;EAAEN;AAAK,CAAC,EAAG;EAC3C,MAAMK,eAAe,GAAGN,kBAAkB,CAAEC,IAAK,CAAC;EAElD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAC9BN,eAAe,CAACO,GAAG,CAAE,CAAEf,KAAK,EAAEgB,KAAK,KAAM;IAC1C,IAAKhB,KAAK,EAAEiB,SAAS,EAAG;MACvB,OAAO,IAAI;IACZ;IACA,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACf,iBAAA,CAAAsB,sBAAsB;MACtBC,GAAG,EAAGH,KAAO;MACbI,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAElB,IAAK,CAAC,GAC1B,cAAc,GACdkB,kBAAkB,CAAErB,KAAK,CAACG,IAAK,CAC/B;MACD,cAAaH,KAAK,CAACsB;IAAO,GAExBtB,KAAK,CAACsB,KACe,CAAC;EAE3B,CAAE,CACQ,CAAC;AAEd"}

package/build/components/header-edit-mode/document-actions/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DocumentActions;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
@@ -14,6 +14,7 @@ var _blockEditor = require("@wordpress/block-editor");
 var _commands = require("@wordpress/commands");
 var _icons = require("@wordpress/icons");
 var _keycodes = require("@wordpress/keycodes");
+var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
 var _useEditedEntityRecord = _interopRequireDefault(require("../../use-edited-entity-record"));
 var _store = require("../../../store");
@@ -38,7 +39,7 @@ const typeLabels = {
 };
 function DocumentActions() {
   const isPage = (0, _data.useSelect)(select => select(_store.store).isPage(), []);
-  return isPage ? (0, _element.createElement)(PageDocumentActions, null) : (0, _element.createElement)(TemplateDocumentActions, null);
+  return isPage ? (0, _react.createElement)(PageDocumentActions, null) : (0, _react.createElement)(TemplateDocumentActions, null);
 }
 function PageDocumentActions() {
   const {
@@ -80,16 +81,16 @@ function PageDocumentActions() {
     return null;
   }
   if (!isFound) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: "edit-site-document-actions"
     }, (0, _i18n.__)('Document not found'));
   }
-  return hasPageContentFocus ? (0, _element.createElement)(BaseDocumentActions, {
+  return hasPageContentFocus ? (0, _react.createElement)(BaseDocumentActions, {
     className: (0, _classnames.default)('is-page', {
       'is-animated': hasEditedTemplate
     }),
     icon: _icons.page
-  }, title) : (0, _element.createElement)(TemplateDocumentActions, {
+  }, title) : (0, _react.createElement)(TemplateDocumentActions, {
     className: "is-animated",
     onBack: () => setHasPageContentFocus(true)
   });
@@ -109,7 +110,7 @@ function TemplateDocumentActions({
     return null;
   }
   if (!record) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: "edit-site-document-actions"
     }, (0, _i18n.__)('Document not found'));
   }
@@ -119,13 +120,13 @@ function TemplateDocumentActions({
   } else if (record.type === _constants.PATTERN_TYPES.user) {
     typeIcon = _icons.symbol;
   }
-  return (0, _element.createElement)(BaseDocumentActions, {
+  return (0, _react.createElement)(BaseDocumentActions, {
     className: (0, _classnames.default)(className, {
       'is-synced-entity': record.wp_pattern_sync_status !== _constants.PATTERN_SYNC_TYPES.unsynced
     }),
     icon: typeIcon,
     onBack: onBack
-  }, (0, _element.createElement)(_components.VisuallyHidden, {
+  }, (0, _react.createElement)(_components.VisuallyHidden, {
     as: "span"
   }, (_typeLabels$record$ty = typeLabels[record.type]) !== null && _typeLabels$record$ty !== void 0 ? _typeLabels$record$ty : typeLabels[_constants.TEMPLATE_POST_TYPE]), getTitle());
 }
@@ -138,28 +139,28 @@ function BaseDocumentActions({
   const {
     open: openCommandCenter
   } = (0, _data.useDispatch)(_commands.store);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-document-actions', className)
-  }, onBack && (0, _element.createElement)(_components.Button, {
+  }, onBack && (0, _react.createElement)(_components.Button, {
     className: "edit-site-document-actions__back",
     icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall,
     onClick: event => {
       event.stopPropagation();
       onBack();
     }
-  }, (0, _i18n.__)('Back')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Back')), (0, _react.createElement)(_components.Button, {
     className: "edit-site-document-actions__command",
     onClick: () => openCommandCenter()
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     className: "edit-site-document-actions__title",
     spacing: 1,
     justify: "center"
-  }, (0, _element.createElement)(_blockEditor.BlockIcon, {
+  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
     icon: icon
-  }), (0, _element.createElement)(_components.__experimentalText, {
+  }), (0, _react.createElement)(_components.__experimentalText, {
     size: "body",
     as: "h1"
-  }, children)), (0, _element.createElement)("span", {
+  }, children)), (0, _react.createElement)("span", {
     className: "edit-site-document-actions__shortcut"
   }, _keycodes.displayShortcut.primary('k'))));
 }

package/build/components/header-edit-mode/document-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_data","_components","_blockEditor","_commands","_icons","_keycodes","_coreData","_useEditedEntityRecord","_store","_constants","typeLabels","PATTERN_TYPES","user","__","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","DocumentActions","isPage","useSelect","select","editSiteStore","createElement","PageDocumentActions","TemplateDocumentActions","hasPageContentFocus","hasResolved","isFound","title","_hasPageContentFocus","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","setHasPageContentFocus","useDispatch","hasEditedTemplate","setHasEditedTemplate","useState","prevHasPageContentFocus","useRef","useEffect","current","className","BaseDocumentActions","classnames","icon","pageIcon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","useEditedEntityRecord","typeIcon","type","navigationIcon","symbol","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","VisuallyHidden","as","children","open","openCommandCenter","commandsStore","Button","isRTL","chevronRightSmall","chevronLeftSmall","onClick","event","stopPropagation","__experimentalHStack","spacing","justify","BlockIcon","__experimentalText","size","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { hasPageContentFocus, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t\t\tgetEditedPostContext,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ hasEditedTemplate, setHasEditedTemplate ] = useState( false );\n\tconst prevHasPageContentFocus = useRef( false );\n\tuseEffect( () => {\n\t\tif ( prevHasPageContentFocus.current && ! hasPageContentFocus ) {\n\t\t\tsetHasEditedTemplate( true );\n\t\t}\n\t\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t}, [ hasPageContentFocus ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn hasPageContentFocus ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': hasEditedTemplate,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName=\"is-animated\"\n\t\t\tonBack={ () => setHasPageContentFocus( true ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_data","_components","_blockEditor","_commands","_icons","_keycodes","_element","_coreData","_useEditedEntityRecord","_store","_constants","typeLabels","PATTERN_TYPES","user","__","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","DocumentActions","isPage","useSelect","select","editSiteStore","_react","createElement","PageDocumentActions","TemplateDocumentActions","hasPageContentFocus","hasResolved","isFound","title","_hasPageContentFocus","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","setHasPageContentFocus","useDispatch","hasEditedTemplate","setHasEditedTemplate","useState","prevHasPageContentFocus","useRef","useEffect","current","className","BaseDocumentActions","classnames","icon","pageIcon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","useEditedEntityRecord","typeIcon","type","navigationIcon","symbol","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","VisuallyHidden","as","children","open","openCommandCenter","commandsStore","Button","isRTL","chevronRightSmall","chevronLeftSmall","onClick","event","stopPropagation","__experimentalHStack","spacing","justify","BlockIcon","__experimentalText","size","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { hasPageContentFocus, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t\t\tgetEditedPostContext,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ hasEditedTemplate, setHasEditedTemplate ] = useState( false );\n\tconst prevHasPageContentFocus = useRef( false );\n\tuseEffect( () => {\n\t\tif ( prevHasPageContentFocus.current && ! hasPageContentFocus ) {\n\t\t\tsetHasEditedTemplate( true );\n\t\t}\n\t\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t}, [ hasPageContentFocus ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn hasPageContentFocus ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': hasEditedTemplate,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName=\"is-animated\"\n\t\t\tonBack={ () => setHasPageContentFocus( true ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}