npm - @wordpress/edit-site - Versions diffs - 6.10.0 → 6.12.0 - Mend

@wordpress/edit-site 6.10.0 → 6.12.0

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

Files changed (516) hide show

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

@@ -14,6 +14,7 @@ var _preferences = require("@wordpress/preferences");
 var _icons = require("@wordpress/icons");
 var _coreData = require("@wordpress/core-data");
 var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
 var _screenRoot = _interopRequireDefault(require("./screen-root"));
 var _screenBlockList = _interopRequireWildcard(require("./screen-block-list"));
 var _screenBlock = _interopRequireDefault(require("./screen-block"));
@@ -32,6 +33,7 @@ var _screenCss = _interopRequireDefault(require("./screen-css"));
 var _screenRevisions = _interopRequireDefault(require("./screen-revisions"));
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _constants = require("../style-book/constants");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -168,6 +170,17 @@ function GlobalStylesStyleBook() {
     // '/blocks/core%2Fbuttons'.
     path === `/blocks/${encodeURIComponent(blockName)}` || path.startsWith(`/blocks/${encodeURIComponent(blockName)}/`),
     onSelect: blockName => {
+      if (_constants.STYLE_BOOK_COLOR_GROUPS.find(group => group.slug === blockName)) {
+        // Go to color palettes Global Styles.
+        navigator.goTo('/colors/palette');
+        return;
+      }
+      if (blockName === 'typography') {
+        // Go to typography Global Styles.
+        navigator.goTo('/typography');
+        return;
+      }
       // Now go to the selected block.
       navigator.goTo('/blocks/' + encodeURIComponent(blockName));
     }
@@ -255,13 +268,47 @@ function GlobalStylesEditorCanvasContainerLink() {
     }
   }, [editorCanvasContainerView, isRevisionsOpen, goTo]);
 }
-function GlobalStylesUI() {
+function useNavigatorSync(parentPath, onPathChange) {
+  const navigator = (0, _components.useNavigator)();
+  const {
+    path: childPath
+  } = navigator.location;
+  const previousParentPath = (0, _compose.usePrevious)(parentPath);
+  const previousChildPath = (0, _compose.usePrevious)(childPath);
+  (0, _element.useEffect)(() => {
+    if (parentPath !== childPath) {
+      if (parentPath !== previousParentPath) {
+        navigator.goTo(parentPath);
+      } else if (childPath !== previousChildPath) {
+        onPathChange(childPath);
+      }
+    }
+  }, [onPathChange, parentPath, previousChildPath, previousParentPath, childPath, navigator]);
+}
+// This component is used to wrap the hook in order to conditionally execute it
+// when the parent component is used on controlled mode.
+function NavigationSync({
+  path: parentPath,
+  onPathChange,
+  children
+}) {
+  useNavigatorSync(parentPath, onPathChange);
+  return children;
+}
+function GlobalStylesUI({
+  path,
+  onPathChange
+}) {
   const blocks = (0, _blocks.getBlockTypes)();
   const editorCanvasContainerView = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(), []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Navigator, {
     className: "edit-site-global-styles-sidebar__navigator-provider",
     initialPath: "/",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+    children: [path && onPathChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationSync, {
+      path: path,
+      onPathChange: onPathChange
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
       path: "/",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenRoot.default, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_fontSize","_fontSizes","_screenColors","_screenColorPalette","_screenBackground","_screenShadows","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","loadCustomCSS","jsx","children","DropdownMenu","icon","moreVertical","label","__","toggleProps","size","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","Navigator","Screen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","useNavigator","location","isSelected","encodeURIComponent","startsWith","onSelect","goTo","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","isBack","GlobalStylesUI","blocks","getBlockTypes","initialPath","element","ScreenShadows","ScreenShadowsEdit","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\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 { 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 FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\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 { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\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: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\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\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\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>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\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 styles' ) }\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) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\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\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\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\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tif ( ! isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/revisions' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\t// The stand-alone style book is open\n\t\t\t// and the revisions panel is open,\n\t\t\t// close the revisions panel.\n\t\t\t// Otherwise keep the style book open while\n\t\t\t// browsing global styles panel.\n\t\t\t//\n\t\t\t// Falling through as it matches the default scenario.\n\t\t\tcase 'style-book':\n\t\t\tdefault:\n\t\t\t\t// In general, if the revision screen is in view but the\n\t\t\t\t// `editorCanvasContainerView` is not a revision view, close it.\n\t\t\t\t// This also includes the scenario when the stand-alone style\n\t\t\t\t// book is open, in which case we want the user to close the\n\t\t\t\t// revisions screen and browse global styles.\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/', { isBack: true } );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, 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<Navigator\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/font-sizes\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\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=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\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<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\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<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAKA,IAAAS,WAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAC,uBAAA,CAAAZ,OAAA;AAIA,IAAAa,YAAA,GAAAH,sBAAA,CAAAV,OAAA;AACA,IAAAc,iBAAA,GAAAJ,sBAAA,CAAAV,OAAA;AACA,IAAAe,wBAAA,GAAAL,sBAAA,CAAAV,OAAA;AACA,IAAAgB,SAAA,GAAAN,sBAAA,CAAAV,OAAA;AACA,IAAAiB,UAAA,GAAAP,sBAAA,CAAAV,OAAA;AACA,IAAAkB,aAAA,GAAAR,sBAAA,CAAAV,OAAA;AACA,IAAAmB,mBAAA,GAAAT,sBAAA,CAAAV,OAAA;AACA,IAAAoB,iBAAA,GAAAV,sBAAA,CAAAV,OAAA;AACA,IAAAqB,cAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAZ,sBAAA,CAAAV,OAAA;AACA,IAAAuB,sBAAA,GAAAb,sBAAA,CAAAV,OAAA;AACA,IAAAwB,UAAA,GAAAd,sBAAA,CAAAV,OAAA;AACA,IAAAyB,UAAA,GAAAf,sBAAA,CAAAV,OAAA;AACA,IAAA0B,gBAAA,GAAAhB,sBAAA,CAAAV,OAAA;AACA,IAAA2B,WAAA,GAAA3B,OAAA;AACA,IAAA4B,MAAA,GAAA5B,OAAA;AAAqD,IAAA6B,WAAA,GAAA7B,OAAA;AAAA,SAAA8B,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAnB,wBAAAmB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA9CrD;AACA;AACA;;AAqBA;AACA;AACA;;AAuBA,MAAMW,cAAc,GAAG,kBAAkB;AACzC,MAAM;EAAEC;AAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AACjE,MAAM;EAAEC,IAAI,EAAEC,oBAAoB;EAAEC,IAAI,EAAEC;AAAqB,CAAC,GAC/D,IAAAC,0BAAc,EAAER,cAAe,CAAC;AAACS,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAElC,SAASK,sBAAsBA,CAAA,EAAG;EACjC,MAAM,CAAEC,QAAQ,EAAEC,OAAO,CAAE,GAAGX,oBAAoB,CAAC,CAAC;EACpD,MAAM;IAAEY;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAClD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC/C,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEF,MAAM,CAAEG,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;MACNR,UAAU,EAAE,CAAC,CAAEO,YAAY,EAAEE,MAAM,GAAI,oBAAoB;IAC5D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAxB,kBAAM,EAC9C,IAAAY,iBAAW,EAAEa,YAAc,CAC5B,CAAC;EACD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC3BF,4BAA4B,CAAE,mBAAoB,CAAC;EACpD,CAAC;EAED,oBACC,IAAA/C,WAAA,CAAAkD,GAAA,EAACtB,oBAAoB;IAAAuB,QAAA,eACpB,IAAAnD,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAAkF,YAAY;MACZC,IAAI,EAAGC,mBAAc;MACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBC,WAAW,EAAG;QAAEC,IAAI,EAAE;MAAU,CAAG;MAAAP,QAAA,EAEjCA,CAAE;QAAEQ;MAAQ,CAAC,kBACd,IAAA3D,WAAA,CAAA4D,IAAA,EAAA5D,WAAA,CAAA6D,QAAA;QAAAV,QAAA,gBACC,IAAAnD,WAAA,CAAA4D,IAAA,EAAC1F,WAAA,CAAA4F,SAAS;UAAAX,QAAA,GACPd,UAAU,iBACX,IAAArC,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAA6F,QAAQ;YAACC,OAAO,EAAGf,aAAe;YAAAE,QAAA,EAChC,IAAAK,QAAE,EAAE,gBAAiB;UAAC,CACf,CACV,eACD,IAAAxD,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAA6F,QAAQ;YACRC,OAAO,EAAGA,CAAA,KAAM;cACf9B,MAAM,CACL,gBAAgB,EAChB,oBACD,CAAC;cACDyB,OAAO,CAAC,CAAC;YACV,CAAG;YAAAR,QAAA,EAED,IAAAK,QAAE,EAAE,eAAgB;UAAC,CACd,CAAC;QAAA,CACD,CAAC,eACZ,IAAAxD,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAA4F,SAAS;UAAAX,QAAA,eACT,IAAAnD,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAA6F,QAAQ;YACRC,OAAO,EAAGA,CAAA,KAAM;cACf/B,OAAO,CAAC,CAAC;cACT0B,OAAO,CAAC,CAAC;YACV,CAAG;YACHM,QAAQ,EAAG,CAAEjC,QAAU;YAAAmB,QAAA,EAErB,IAAAK,QAAE,EAAE,cAAe;UAAC,CACb;QAAC,CACD,CAAC;MAAA,CACX;IACF,CACY;EAAC,CACM,CAAC;AAEzB;AAEA,SAASU,4BAA4BA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAChE,oBACC,IAAApE,WAAA,CAAAkD,GAAA,EAAChF,WAAA,CAAAmG,SAAS,CAACC,MAAM;IAChBH,SAAS,EAAG,CACX,mDAAmD,EACnDA,SAAS,CACT,CACCI,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAG;IAAA,GACVL;EAAK,CACV,CAAC;AAEJ;AAEA,SAASM,4BAA4BA,CAAE;EACtCC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OAAOD,WAAW,CAACE,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,kBACrC,IAAAhF,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;IAE5Be,IAAI,EAAGN,UAAU,GAAG,cAAc,GAAGI,KAAK,CAACG,IAAM;IAAA/B,QAAA,eAEjD,IAAAnD,WAAA,CAAAkD,GAAA,EAAClE,YAAA,CAAAuB,OAAW;MAAC2E,IAAI,EAAGL,SAAW;MAACM,SAAS,EAAGJ,KAAK,CAACG;IAAM,CAAE;EAAC,GAHrDF,KAIuB,CAC7B,CAAC;AACJ;AAEA,SAASI,cAAcA,CAAE;EAAEF,IAAI;EAAEP,UAAU,GAAG;AAAG,CAAC,EAAG;EACpD,MAAMU,oBAAoB,GAAG,IAAA/C,eAAS,EACnCC,MAAM,IAAM;IACb,MAAM;MAAE+C;IAAe,CAAC,GAAG/C,MAAM,CAAEgD,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,oBACC,IAAAlF,WAAA,CAAA4D,IAAA,EAAA5D,WAAA,CAAA6D,QAAA;IAAAV,QAAA,gBACC,IAAAnD,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAC5Be,IAAI,EAAGN,UAAU,GAAG,iBAAmB;MAAAxB,QAAA,eAEvC,IAAAnD,WAAA,CAAAkD,GAAA,EAAC5D,mBAAA,CAAAiB,OAAkB;QAAC2E,IAAI,EAAGA;MAAM,CAAE;IAAC,CACP,CAAC,EAE7B,CAAC,CAAEG,oBAAoB,EAAEG,MAAM,iBAChC,IAAAxF,WAAA,CAAAkD,GAAA,EAACwB,4BAA4B;MAC5BC,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGS,oBAAsB;MACpCR,SAAS,EAAGK;IAAM,CAClB,CACD;EAAA,CACA,CAAC;AAEL;AAEA,SAASO,qBAAqBA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAG,IAAAC,wBAAY,EAAC,CAAC;EAChC,MAAM;IAAEV;EAAK,CAAC,GAAGS,SAAS,CAACE,QAAQ;EACnC,oBACC,IAAA5F,WAAA,CAAAkD,GAAA,EAACvD,UAAA,CAAAY,OAAS;IACTsF,UAAU,EAAKhB,SAAS;IACvB;IACA;IACA;IACAI,IAAI,KAAK,WAAYa,kBAAkB,CAAEjB,SAAU,CAAC,EAAG,IACvDI,IAAI,CAACc,UAAU,CACd,WAAYD,kBAAkB,CAAEjB,SAAU,CAAC,GAC5C,CACA;IACDmB,QAAQ,EAAKnB,SAAS,IAAM;MAC3B;MACAa,SAAS,CAACO,IAAI,CAAE,UAAU,GAAGH,kBAAkB,CAAEjB,SAAU,CAAE,CAAC;IAC/D;EAAG,CACH,CAAC;AAEJ;AAEA,SAASqB,qBAAqBA,CAAA,EAAG;EAChC,MAAMR,SAAS,GAAG,IAAAC,wBAAY,EAAC,CAAC;EAChC,MAAM;IAAEQ,iBAAiB;IAAEC;EAAsB,CAAC,GAAG,IAAA9D,eAAS,EAC3DC,MAAM,IAAM;IACb,MAAM;MAAE8D,wBAAwB;MAAEC;IAAa,CAAC,GAC/C/D,MAAM,CAAEgE,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,GAAGlB,SAAS,CAACE,QAAQ,CAACX,IAAI;IAC3C,IACC2B,WAAW,KAAK,SAAS,IACzB,CAAEA,WAAW,CAACb,UAAU,CAAE,UAAW,CAAC,EACrC;MACD;IACD;IACA,MAAMc,OAAO,GAAG,UAAU,GAAGf,kBAAkB,CAAEK,iBAAkB,CAAC;IACpE;IACA;IACA,IAAKU,OAAO,KAAKD,WAAW,EAAG;MAC9BlB,SAAS,CAACO,IAAI,CAAEY,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;IAAEd,IAAI;IAAEL;EAAS,CAAC,GAAG,IAAAD,wBAAY,EAAC,CAAC;EACzC,MAAMqB,yBAAyB,GAAG,IAAA1E,eAAS,EACxCC,MAAM,IACP,IAAAhB,kBAAM,EAAEgB,MAAM,CAAES,YAAc,CAAE,CAAC,CAACiE,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAMhC,IAAI,GAAGW,QAAQ,EAAEX,IAAI;EAC3B,MAAMiC,eAAe,GAAGjC,IAAI,KAAK,YAAY;;EAE7C;EACA;EACA;EACA,IAAA0B,kBAAS,EAAE,MAAM;IAChB,QAASK,yBAAyB;MACjC,KAAK,yBAAyB;MAC9B,KAAK,oCAAoC;QACxC,IAAK,CAAEE,eAAe,EAAG;UACxBjB,IAAI,CAAE,YAAa,CAAC;QACrB;QACA;MACD,KAAK,mBAAmB;QACvBA,IAAI,CAAE,MAAO,CAAC;QACd;MACD;MACA;MACA;MACA;MACA;MACA;MACA;MACA,KAAK,YAAY;MACjB;QACC;QACA;QACA;QACA;QACA;QACA,IAAKiB,eAAe,EAAG;UACtBjB,IAAI,CAAE,GAAG,EAAE;YAAEkB,MAAM,EAAE;UAAK,CAAE,CAAC;QAC9B;QACA;IACF;EACD,CAAC,EAAE,CAAEH,yBAAyB,EAAEE,eAAe,EAAEjB,IAAI,CAAG,CAAC;AAC1D;AAEA,SAASmB,cAAcA,CAAA,EAAG;EACzB,MAAMC,MAAM,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAC9B,MAAMN,yBAAyB,GAAG,IAAA1E,eAAS,EACxCC,MAAM,IACP,IAAAhB,kBAAM,EAAEgB,MAAM,CAAES,YAAc,CAAE,CAAC,CAACiE,4BAA4B,CAAC,CAAC,EACjE,EACD,CAAC;EACD,oBACC,IAAAjH,WAAA,CAAA4D,IAAA,EAAC1F,WAAA,CAAAmG,SAAS;IACTF,SAAS,EAAC,qDAAqD;IAC/DoD,WAAW,EAAC,GAAG;IAAApE,QAAA,gBAEf,IAAAnD,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,GAAG;MAAA9B,QAAA,eACrC,IAAAnD,WAAA,CAAAkD,GAAA,EAACtE,WAAA,CAAA2B,OAAU,IAAE;IAAC,CACe,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,aAAa;MAAA9B,QAAA,eAC/C,IAAAnD,WAAA,CAAAkD,GAAA,EAACxD,sBAAA,CAAAa,OAAqB,IAAE;IAAC,CACI,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,SAAS;MAAA9B,QAAA,eAC3C,IAAAnD,WAAA,CAAAkD,GAAA,EAACpE,gBAAA,CAAAyB,OAAe,IAAE;IAAC,CACU,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,aAAa;MAAA9B,QAAA,eAC/C,IAAAnD,WAAA,CAAAkD,GAAA,EAACjE,iBAAA,CAAAsB,OAAgB,IAAE;IAAC,CACS,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,wBAAwB;MAAA9B,QAAA,eAC1D,IAAAnD,WAAA,CAAAkD,GAAA,EAAC9D,UAAA,CAAAmB,OAAS,IAAE;IAAC,CACgB,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,sCAAsC;MAAA9B,QAAA,eACxE,IAAAnD,WAAA,CAAAkD,GAAA,EAAC/D,SAAA,CAAAoB,OAAQ,IAAE;IAAC,CACiB,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,kBAAkB;MAAA9B,QAAA,eACpD,IAAAnD,WAAA,CAAAkD,GAAA,EAAChE,wBAAA,CAAAqB,OAAuB;QAACiH,OAAO,EAAC;MAAM,CAAE;IAAC,CACb,CAAC,eAE/B,IAAAxH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,kBAAkB;MAAA9B,QAAA,eACpD,IAAAnD,WAAA,CAAAkD,GAAA,EAAChE,wBAAA,CAAAqB,OAAuB;QAACiH,OAAO,EAAC;MAAM,CAAE;IAAC,CACb,CAAC,eAE/B,IAAAxH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,qBAAqB;MAAA9B,QAAA,eACvD,IAAAnD,WAAA,CAAAkD,GAAA,EAAChE,wBAAA,CAAAqB,OAAuB;QAACiH,OAAO,EAAC;MAAS,CAAE;IAAC,CAChB,CAAC,eAE/B,IAAAxH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,qBAAqB;MAAA9B,QAAA,eACvD,IAAAnD,WAAA,CAAAkD,GAAA,EAAChE,wBAAA,CAAAqB,OAAuB;QAACiH,OAAO,EAAC;MAAS,CAAE;IAAC,CAChB,CAAC,eAE/B,IAAAxH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,oBAAoB;MAAA9B,QAAA,eACtD,IAAAnD,WAAA,CAAAkD,GAAA,EAAChE,wBAAA,CAAAqB,OAAuB;QAACiH,OAAO,EAAC;MAAQ,CAAE;IAAC,CACf,CAAC,eAE/B,IAAAxH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,SAAS;MAAA9B,QAAA,eAC3C,IAAAnD,WAAA,CAAAkD,GAAA,EAAC7D,aAAA,CAAAkB,OAAY,IAAE;IAAC,CACa,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,UAAU;MAAA9B,QAAA,eAC5C,IAAAnD,WAAA,CAAAkD,GAAA,EAAC1D,cAAA,CAAAiI,aAAa,IAAE;IAAC,CACY,CAAC,eAE/B,IAAAzH,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,+BAA+B;MAAA9B,QAAA,eACjE,IAAAnD,WAAA,CAAAkD,GAAA,EAAC1D,cAAA,CAAAkI,iBAAiB,IAAE;IAAC,CACQ,CAAC,eAE/B,IAAA1H,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,SAAS;MAAA9B,QAAA,eAC3C,IAAAnD,WAAA,CAAAkD,GAAA,EAACzD,aAAA,CAAAc,OAAY,IAAE;IAAC,CACa,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,MAAM;MAAA9B,QAAA,eACxC,IAAAnD,WAAA,CAAAkD,GAAA,EAACtD,UAAA,CAAAW,OAAS,IAAE;IAAC,CACgB,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,YAAY;MAAA9B,QAAA,eAC9C,IAAAnD,WAAA,CAAAkD,GAAA,EAACrD,gBAAA,CAAAU,OAAe,IAAE;IAAC,CACU,CAAC,eAE/B,IAAAP,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAACe,IAAI,EAAC,aAAa;MAAA9B,QAAA,eAC/C,IAAAnD,WAAA,CAAAkD,GAAA,EAAC3D,iBAAA,CAAAgB,OAAgB,IAAE;IAAC,CACS,CAAC,EAE7B8G,MAAM,CAACvC,GAAG,CAAI6C,KAAK,iBACpB,IAAA3H,WAAA,CAAAkD,GAAA,EAACgB,4BAA4B;MAE5Be,IAAI,EAAG,UAAU,GAAGa,kBAAkB,CAAE6B,KAAK,CAACzC,IAAK,CAAG;MAAA/B,QAAA,eAEtD,IAAAnD,WAAA,CAAAkD,GAAA,EAAClE,YAAA,CAAAuB,OAAW;QAAC2E,IAAI,EAAGyC,KAAK,CAACzC;MAAM,CAAE;IAAC,GAH7B,aAAa,GAAGyC,KAAK,CAACzC,IAIC,CAC7B,CAAC,eAEH,IAAAlF,WAAA,CAAAkD,GAAA,EAACkC,cAAc,IAAE,CAAC,EAEhBiC,MAAM,CAACvC,GAAG,CAAI6C,KAAK,iBACpB,IAAA3H,WAAA,CAAAkD,GAAA,EAACkC,cAAc;MAEdF,IAAI,EAAGyC,KAAK,CAACzC,IAAM;MACnBP,UAAU,EAAG,UAAU,GAAGmB,kBAAkB,CAAE6B,KAAK,CAACzC,IAAK;IAAG,GAFtD,gBAAgB,GAAGyC,KAAK,CAACzC,IAG/B,CACA,CAAC,EAED,YAAY,KAAK8B,yBAAyB,iBAC3C,IAAAhH,WAAA,CAAAkD,GAAA,EAACuC,qBAAqB,IAAE,CACxB,eAED,IAAAzF,WAAA,CAAAkD,GAAA,EAACnB,sBAAsB,IAAE,CAAC,eAC1B,IAAA/B,WAAA,CAAAkD,GAAA,EAACgD,qBAAqB,IAAE,CAAC,eACzB,IAAAlG,WAAA,CAAAkD,GAAA,EAAC6D,qCAAqC,IAAE,CAAC;EAAA,CAC/B,CAAC;AAEd;AAAC,IAAAa,QAAA,GAAA9F,OAAA,CAAAvB,OAAA,GAEc6G,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_compose","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_fontSize","_fontSizes","_screenColors","_screenColorPalette","_screenBackground","_screenShadows","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","loadCustomCSS","jsx","children","DropdownMenu","icon","moreVertical","label","__","toggleProps","size","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","Navigator","Screen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","useNavigator","location","isSelected","encodeURIComponent","startsWith","onSelect","STYLE_BOOK_COLOR_GROUPS","find","group","slug","goTo","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","isBack","useNavigatorSync","parentPath","onPathChange","childPath","previousParentPath","usePrevious","previousChildPath","NavigationSync","GlobalStylesUI","blocks","getBlockTypes","initialPath","element","ScreenShadows","ScreenShadowsEdit","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\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 { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect, Fragment } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\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 FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\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';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\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: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\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\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\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>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\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 styles' ) }\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) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\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\tif (\n\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\tnavigator.goTo( '/colors/palette' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\tnavigator.goTo( '/typography' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\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\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\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\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tif ( ! isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/revisions' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\t// The stand-alone style book is open\n\t\t\t// and the revisions panel is open,\n\t\t\t// close the revisions panel.\n\t\t\t// Otherwise keep the style book open while\n\t\t\t// browsing global styles panel.\n\t\t\t//\n\t\t\t// Falling through as it matches the default scenario.\n\t\t\tcase 'style-book':\n\t\t\tdefault:\n\t\t\t\t// In general, if the revision screen is in view but the\n\t\t\t\t// `editorCanvasContainerView` is not a revision view, close it.\n\t\t\t\t// This also includes the scenario when the stand-alone style\n\t\t\t\t// book is open, in which case we want the user to close the\n\t\t\t\t// revisions screen and browse global styles.\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/', { isBack: true } );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction useNavigatorSync( parentPath, onPathChange ) {\n\tconst navigator = useNavigator();\n\tconst { path: childPath } = navigator.location;\n\tconst previousParentPath = usePrevious( parentPath );\n\tconst previousChildPath = usePrevious( childPath );\n\tuseEffect( () => {\n\t\tif ( parentPath !== childPath ) {\n\t\t\tif ( parentPath !== previousParentPath ) {\n\t\t\t\tnavigator.goTo( parentPath );\n\t\t\t} else if ( childPath !== previousChildPath ) {\n\t\t\t\tonPathChange( childPath );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tonPathChange,\n\t\tparentPath,\n\t\tpreviousChildPath,\n\t\tpreviousParentPath,\n\t\tchildPath,\n\t\tnavigator,\n\t] );\n}\n\n// This component is used to wrap the hook in order to conditionally execute it\n// when the parent component is used on controlled mode.\nfunction NavigationSync( { path: parentPath, onPathChange, children } ) {\n\tuseNavigatorSync( parentPath, onPathChange );\n\treturn children;\n}\n\nfunction GlobalStylesUI( { path, onPathChange } ) {\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\n\treturn (\n\t\t<Navigator\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t{ path && onPathChange && (\n\t\t\t\t<NavigationSync path={ path } onPathChange={ onPathChange } />\n\t\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/font-sizes\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\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=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\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<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\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<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/variations/variation.js CHANGED Viewed

@@ -69,8 +69,8 @@ function Variation({
   const isActive = (0, _element.useMemo)(() => areGlobalStyleConfigsEqual(user, variation), [user, variation]);
   let label = variation?.title;
   if (variation?.description) {
-    label = (0, _i18n.sprintf)(/* translators: %1$s: variation title. %2$s variation description. */
-    (0, _i18n.__)('%1$s (%2$s)'), variation?.title, variation?.description);
+    label = (0, _i18n.sprintf)(/* translators: 1: variation title. 2: variation description. */
+    (0, _i18n._x)('%1$s (%2$s)', 'variation label'), variation?.title, variation?.description);
   }
   const content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.default)('edit-site-global-styles-variations_item', {

package/build/components/global-styles/variations/variation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_element","_keycodes","_i18n","_blockEditor","_editor","_useThemeStyleVariationsByProperty","_lockUnlock","_jsxRuntime","mergeBaseAndUserConfigs","unlock","editorPrivateApis","GlobalStylesContext","areGlobalStyleConfigsEqual","blockEditorPrivateApis","Variation","variation","children","isPill","properties","showTooltip","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","merged","filterObjectByProperties","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","content","jsx","className","clsx","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","Provider","value","Tooltip","text"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { Tooltip } from '@wordpress/components';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { filterObjectByProperties } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( {\n\tvariation,\n\tchildren,\n\tisPill,\n\tproperties,\n\tshowTooltip,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( properties ) {\n\t\t\tmerged = filterObjectByProperties( merged, properties );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, properties ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\~~t__~~( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<div\n\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trole=\"button\"\n\t\t\tonClick={ selectVariation }\n\t\t\tonKeyDown={ selectOnEnter }\n\t\t\ttabIndex=\"0\"\n\t\t\taria-label={ label }\n\t\t\taria-current={ isActive }\n\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ children( isFocused ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ showTooltip ? (\n\t\t\t\t<Tooltip text={ variation?.title }>{ content }</Tooltip>\n\t\t\t) : (\n\t\t\t\tcontent\n\t\t\t) }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,kCAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA8C,IAAAS,WAAA,GAAAT,OAAA;AAnB9C;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAIA,MAAM;EAAEU;AAAwB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAC/D,MAAM;EAAEC,mBAAmB;EAAEC;AAA2B,CAAC,GAAG,IAAAH,kBAAM,EACjEI,wBACD,CAAC;AAEc,SAASC,SAASA,CAAE;EAClCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAG,IAAAC,mBAAU,EAAEf,mBAAoB,CAAC;EAEvE,MAAMgB,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,IAAIC,MAAM,GAAGrB,uBAAuB,CAAEe,IAAI,EAAER,SAAU,CAAC;IACvD,IAAKG,UAAU,EAAG;MACjBW,MAAM,GAAG,IAAAC,2DAAwB,EAAED,MAAM,EAAEX,UAAW,CAAC;IACxD;IACA,OAAO;MACNM,IAAI,EAAET,SAAS;MACfQ,IAAI;MACJM,MAAM;MACNJ,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEV,SAAS,EAAEQ,IAAI,EAAEL,UAAU,CAAG,CAAC;EAEpC,MAAMa,eAAe,GAAGA,CAAA,KAAMN,aAAa,CAAEV,SAAU,CAAC;EAExD,MAAMiB,aAAa,GAAKC,KAAK,IAAM;IAClC,IAAKA,KAAK,CAACC,OAAO,KAAKC,eAAK,EAAG;MAC9BF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBL,eAAe,CAAC,CAAC;IAClB;EACD,CAAC;EAED,MAAMM,QAAQ,GAAG,IAAAT,gBAAO,EACvB,MAAMhB,0BAA0B,CAAEY,IAAI,EAAET,SAAU,CAAC,EACnD,CAAES,IAAI,EAAET,SAAS,CAClB,CAAC;EAED,IAAIuB,KAAK,GAAGvB,SAAS,EAAEwB,KAAK;EAC5B,IAAKxB,SAAS,EAAEyB,WAAW,EAAG;IAC7BF,KAAK,GAAG,IAAAG,aAAO,EACd;IACA,IAAAC,QAAE,EAAE,~~aAAc~~,CAAC,~~EACnB3B~~,SAAS,EAAEwB,KAAK,EAChBxB,SAAS,EAAEyB,WACZ,CAAC;EACF;EAEA,MAAMG,OAAO,gBACZ,IAAApC,WAAA,CAAAqC,GAAA;IACCC,SAAS,EAAG,IAAAC,aAAI,EAAE,yCAAyC,EAAE;MAC5D,WAAW,EAAET;IACd,CAAE,CAAG;IACLU,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGjB,eAAiB;IAC3BkB,SAAS,EAAGjB,aAAe;IAC3BkB,QAAQ,EAAC,GAAG;IACZ,cAAaZ,KAAO;IACpB,gBAAeD,QAAU;IACzBc,OAAO,EAAGA,CAAA,KAAM9B,YAAY,CAAE,IAAK,CAAG;IACtC+B,MAAM,EAAGA,CAAA,KAAM/B,YAAY,CAAE,KAAM,CAAG;IAAAL,QAAA,eAEtC,IAAAT,WAAA,CAAAqC,GAAA;MACCC,SAAS,EAAG,IAAAC,aAAI,EACf,iDAAiD,EACjD;QAAE,SAAS,EAAE7B;MAAO,CACrB,CAAG;MAAAD,QAAA,EAEDA,QAAQ,CAAEI,SAAU;IAAC,CACnB;EAAC,CACF,CACL;EAED,oBACC,IAAAb,WAAA,CAAAqC,GAAA,EAACjC,mBAAmB,CAAC0C,QAAQ;IAACC,KAAK,EAAG3B,OAAS;IAAAX,QAAA,EAC5CG,WAAW,gBACZ,IAAAZ,WAAA,CAAAqC,GAAA,EAAC7C,WAAA,CAAAwD,OAAO;MAACC,IAAI,EAAGzC,SAAS,EAAEwB,KAAO;MAAAvB,QAAA,EAAG2B;IAAO,CAAW,CAAC,GAExDA;EACA,CAC4B,CAAC;AAEjC","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_element","_keycodes","_i18n","_blockEditor","_editor","_useThemeStyleVariationsByProperty","_lockUnlock","_jsxRuntime","mergeBaseAndUserConfigs","unlock","editorPrivateApis","GlobalStylesContext","areGlobalStyleConfigsEqual","blockEditorPrivateApis","Variation","variation","children","isPill","properties","showTooltip","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","merged","filterObjectByProperties","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","_x","content","jsx","className","clsx","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","Provider","value","Tooltip","text"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { Tooltip } from '@wordpress/components';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { filterObjectByProperties } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( {\n\tvariation,\n\tchildren,\n\tisPill,\n\tproperties,\n\tshowTooltip,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( properties ) {\n\t\t\tmerged = filterObjectByProperties( merged, properties );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, properties ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: 1: variation title. 2: variation description. */\n\t\t\t_x( '%1$s (%2$s)', 'variation label' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<div\n\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trole=\"button\"\n\t\t\tonClick={ selectVariation }\n\t\t\tonKeyDown={ selectOnEnter }\n\t\t\ttabIndex=\"0\"\n\t\t\taria-label={ label }\n\t\t\taria-current={ isActive }\n\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ children( isFocused ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ showTooltip ? (\n\t\t\t\t<Tooltip text={ variation?.title }>{ content }</Tooltip>\n\t\t\t) : (\n\t\t\t\tcontent\n\t\t\t) }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -53,7 +53,6 @@ function VariationsPanel({
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
         path: '/blocks/' + encodeURIComponent(name) + '/variations/' + encodeURIComponent(style.name),
-        "aria-label": style.label,
         children: style.label
       }, index);
     })

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_blocks","require","_blockEditor","_data","_components","_navigationButton","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","getFilteredBlockStyles","blockStyles","variations","filter","style","source","includes","name","useBlockVariations","useSelect","select","getBlockStyles","blocksStore","variationNames","Object","keys","VariationsPanel","coreBlockStyles","jsx","__experimentalItemGroup","isBordered","isSeparated","children","map","index","isDefault","NavigationButtonAsItem","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' \|\| variations.includes( style.name )\n\t);\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 [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\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,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAZ9C;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAE3D;AACA;AACA,SAASC,sBAAsBA,CAAEC,WAAW,EAAEC,UAAU,EAAG;EAC1D,OAAOD,WAAW,EAAEE,MAAM,CACvBC,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IAAIH,UAAU,CAACI,QAAQ,CAAEF,KAAK,CAACG,IAAK,CAC9D,CAAC;AACF;AAEO,SAASC,kBAAkBA,CAAED,IAAI,EAAG;EAC1C,MAAMN,WAAW,GAAG,IAAAQ,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAM,CAAEL,UAAU,CAAE,GAAGL,cAAc,CAAE,YAAY,EAAEU,IAAK,CAAC;EAC3D,MAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAAEb,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC,CAAE,CAAC;EAEtD,OAAOF,sBAAsB,CAAEC,WAAW,EAAEY,cAAe,CAAC;AAC7D;AAEO,SAASG,eAAeA,CAAE;EAAET;AAAK,CAAC,EAAG;EAC3C,MAAMU,eAAe,GAAGT,kBAAkB,CAAED,IAAK,CAAC;EAElD,oBACC,IAAAX,WAAA,CAAAsB,GAAA,EAACzB,WAAA,CAAA0B,uBAAS;IAACC,UAAU;IAACC,WAAW;IAAAC,QAAA,EAC9BL,eAAe,CAACM,GAAG,CAAE,CAAEnB,KAAK,EAAEoB,KAAK,KAAM;MAC1C,IAAKpB,KAAK,EAAEqB,SAAS,EAAG;QACvB,OAAO,IAAI;MACZ;MACA,oBACC,IAAA7B,WAAA,CAAAsB,GAAA,EAACxB,iBAAA,CAAAgC,sBAAsB;QAEtBC,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAErB,IAAK,CAAC,GAC1B,cAAc,GACdqB,kBAAkB,CAAExB,KAAK,CAACG,IAAK,CAC/B;~~QACD~~,~~cAAaH,KAAK,CAACyB,KAAO;QAAAP,~~QAAA,~~EAExBlB~~,KAAK,CAACyB;MAAK,~~GATPL~~,~~KAUiB~~,CAAC;IAE3B,CAAE;EAAC,CACO,CAAC;AAEd","ignoreList":[]}
1	+ {"version":3,"names":["_blocks","require","_blockEditor","_data","_components","_navigationButton","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","getFilteredBlockStyles","blockStyles","variations","filter","style","source","includes","name","useBlockVariations","useSelect","select","getBlockStyles","blocksStore","variationNames","Object","keys","VariationsPanel","coreBlockStyles","jsx","__experimentalItemGroup","isBordered","isSeparated","children","map","index","isDefault","NavigationButtonAsItem","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' \|\| variations.includes( style.name )\n\t);\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 [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\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>\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,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAZ9C;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAE3D;AACA;AACA,SAASC,sBAAsBA,CAAEC,WAAW,EAAEC,UAAU,EAAG;EAC1D,OAAOD,WAAW,EAAEE,MAAM,CACvBC,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IAAIH,UAAU,CAACI,QAAQ,CAAEF,KAAK,CAACG,IAAK,CAC9D,CAAC;AACF;AAEO,SAASC,kBAAkBA,CAAED,IAAI,EAAG;EAC1C,MAAMN,WAAW,GAAG,IAAAQ,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAM,CAAEL,UAAU,CAAE,GAAGL,cAAc,CAAE,YAAY,EAAEU,IAAK,CAAC;EAC3D,MAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAAEb,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC,CAAE,CAAC;EAEtD,OAAOF,sBAAsB,CAAEC,WAAW,EAAEY,cAAe,CAAC;AAC7D;AAEO,SAASG,eAAeA,CAAE;EAAET;AAAK,CAAC,EAAG;EAC3C,MAAMU,eAAe,GAAGT,kBAAkB,CAAED,IAAK,CAAC;EAElD,oBACC,IAAAX,WAAA,CAAAsB,GAAA,EAACzB,WAAA,CAAA0B,uBAAS;IAACC,UAAU;IAACC,WAAW;IAAAC,QAAA,EAC9BL,eAAe,CAACM,GAAG,CAAE,CAAEnB,KAAK,EAAEoB,KAAK,KAAM;MAC1C,IAAKpB,KAAK,EAAEqB,SAAS,EAAG;QACvB,OAAO,IAAI;MACZ;MACA,oBACC,IAAA7B,WAAA,CAAAsB,GAAA,EAACxB,iBAAA,CAAAgC,sBAAsB;QAEtBC,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAErB,IAAK,CAAC,GAC1B,cAAc,GACdqB,kBAAkB,CAAExB,KAAK,CAACG,IAAK,CAC/B;QAAAe,QAAA,EAEClB,KAAK,CAACyB;MAAK,GARPL,KASiB,CAAC;IAE3B,CAAE;EAAC,CACO,CAAC;AAEd","ignoreList":[]}

package/build/components/global-styles-renderer/index.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -21,11 +20,8 @@ var _constants = require("../../utils/constants");
 const {
   useGlobalStylesOutput
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function useGlobalStylesRenderer() {
-  const postType = (0, _data.useSelect)(select => {
-    return select(_store.store).getEditedPostType();
-  });
-  const [styles, settings] = useGlobalStylesOutput(postType !== _constants.TEMPLATE_POST_TYPE);
+function useGlobalStylesRenderer(disableRootPadding) {
+  const [styles, settings] = useGlobalStylesOutput(disableRootPadding);
   const {
     getSettings
   } = (0, _data.useSelect)(_store.store);
@@ -46,8 +42,10 @@ function useGlobalStylesRenderer() {
     });
   }, [styles, settings, updateSettings, getSettings]);
 }
-function GlobalStylesRenderer() {
-  useGlobalStylesRenderer();
+function GlobalStylesRenderer({
+  disableRootPadding
+}) {
+  useGlobalStylesRenderer(disableRootPadding);
   return null;
 }
 //# sourceMappingURL=index.js.map

package/build/components/global-styles-renderer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_data","_blockEditor","_store","_lockUnlock","~~_constants","~~useGlobalStylesOutput","unlock","blockEditorPrivateApis","useGlobalStylesRenderer","~~postType~~","~~useSelect~~","~~select~~","~~editSiteStore~~","~~getEditedPostType~~","~~styles~~","~~settings","TEMPLATE_POST_TYPE","getSettings","~~updateSettings","useDispatch","useEffect","_currentStoreSettings","currentStoreSettings","nonGlobalStyles","Object","values","filter","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"sources":["@wordpress/edit-site/src/components/global-styles-renderer/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\~~nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\~~n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer() ~~{\n\tconst~~ ~~postType = useSelect( ( select~~ ) => {\n\~~t\treturn select( editSiteStore ).getEditedPostType();\n\t} );\n\~~tconst [ styles, settings ] = useGlobalStylesOutput(~~\n\t\tpostType~~ ~~!==~~ ~~TEMPLATE_POST_TYPE\n\t~~);\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles \|\| ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer() {\n\tuseGlobalStylesRenderer();\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;~~AACA,IAAAK,UAAA,GAAAL,OAAA~~;~~AAZA;~~AACA;AACA;;AAKA;AACA;AACA;;~~AAKA~~,MAAM;~~EAAEM~~;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAElE,SAASC,uBAAuBA,~~CAAA,EAAG;EAClC,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,OAAOA,MAAM,~~CAAEC,~~YAAc~~,~~CAAC,CAACC,iBAAiB,CAAC,CAAC~~;~~EACnD~~,~~CAAE,CAAC;EACH,~~MAAM,CAAEC,MAAM,EAAEC,QAAQ,CAAE,~~GAAGV~~,qBAAqB,~~CACjDI~~,~~QAAQ~~,~~KAAKO,6BACd,~~CAAC;~~EACD~~,MAAM;~~IAAEC~~;EAAY,CAAC,GAAG,~~IAAAP~~,eAAS,~~EAAEE~~,YAAc,CAAC;EAClD,MAAM;~~IAAEM~~;EAAe,CAAC,GAAG,IAAAC,iBAAW,~~EAAEP~~,YAAc,CAAC;EAEvD,~~IAAAQ~~,kBAAS,EAAE,MAAM;IAAA,IAAAC,qBAAA;IAChB,IAAK,~~CAAEP~~,MAAM,IAAI,CAAEC,QAAQ,EAAG;MAC7B;IACD;IAEA,~~MAAMO~~,oBAAoB,~~GAAGL~~,WAAW,CAAC,CAAC;IAC1C,~~MAAMM~~,eAAe,GAAGC,MAAM,CAACC,MAAM,EAAAJ,qBAAA,GACpCC,oBAAoB,~~CAACR~~,MAAM,~~cAAAO~~,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC,CAACK,MAAM,CAAIC,KAAK,IAAM,CAAEA,KAAK,CAACC,cAAe,CAAC;IAC/CV,cAAc,CAAE;MACf,GAAGI,oBAAoB;~~MACvBR~~,MAAM,EAAE,CAAE,~~GAAGS~~,eAAe,EAAE,~~GAAGT~~,MAAM,CAAE;~~MACzCe~~,sBAAsB,~~EAAEd~~;IACzB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,MAAM,EAAEC,QAAQ,~~EAAEG~~,cAAc,~~EAAED~~,WAAW,CAAG,CAAC;AACvD;AAEO,~~SAASa~~,oBAAoBA,~~CAAA~~,EAAG;~~EACtCtB~~,uBAAuB,~~CAAC~~,CAAC;~~EAEzB~~,OAAO,IAAI;AACZ","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_data","_blockEditor","_store","_lockUnlock","useGlobalStylesOutput","unlock","blockEditorPrivateApis","useGlobalStylesRenderer","disableRootPadding","styles","settings","getSettings","useSelect","editSiteStore","updateSettings","useDispatch","useEffect","_currentStoreSettings","currentStoreSettings","nonGlobalStyles","Object","values","filter","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"sources":["@wordpress/edit-site/src/components/global-styles-renderer/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer( disableRootPadding ) {\n\tconst [ styles, settings ] = useGlobalStylesOutput( disableRootPadding );\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles \|\| ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer( { disableRootPadding } ) {\n\tuseGlobalStylesRenderer( disableRootPadding );\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEK;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAElE,SAASC,uBAAuBA,CAAEC,kBAAkB,EAAG;EACtD,MAAM,CAAEC,MAAM,EAAEC,QAAQ,CAAE,GAAGN,qBAAqB,CAAEI,kBAAmB,CAAC;EACxE,MAAM;IAAEG;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAc,CAAC;EAClD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAc,CAAC;EAEvD,IAAAG,kBAAS,EAAE,MAAM;IAAA,IAAAC,qBAAA;IAChB,IAAK,CAAER,MAAM,IAAI,CAAEC,QAAQ,EAAG;MAC7B;IACD;IAEA,MAAMQ,oBAAoB,GAAGP,WAAW,CAAC,CAAC;IAC1C,MAAMQ,eAAe,GAAGC,MAAM,CAACC,MAAM,EAAAJ,qBAAA,GACpCC,oBAAoB,CAACT,MAAM,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC,CAACK,MAAM,CAAIC,KAAK,IAAM,CAAEA,KAAK,CAACC,cAAe,CAAC;IAC/CV,cAAc,CAAE;MACf,GAAGI,oBAAoB;MACvBT,MAAM,EAAE,CAAE,GAAGU,eAAe,EAAE,GAAGV,MAAM,CAAE;MACzCgB,sBAAsB,EAAEf;IACzB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,MAAM,EAAEC,QAAQ,EAAEI,cAAc,EAAEH,WAAW,CAAG,CAAC;AACvD;AAEO,SAASe,oBAAoBA,CAAE;EAAElB;AAAmB,CAAC,EAAG;EAC9DD,uBAAuB,CAAEC,kBAAmB,CAAC;EAE7C,OAAO,IAAI;AACZ","ignoreList":[]}

package/build/components/global-styles-sidebar/default-sidebar.js CHANGED Viewed

@@ -37,7 +37,6 @@ function DefaultSidebar({
       scope: "core",
       identifier: identifier,
       title: title,
-      smallScreenTitle: title,
       icon: icon,
       closeLabel: closeLabel,
       header: header,

package/build/components/global-styles-sidebar/default-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope"~~,"smallScreenTitle"~~],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/default-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\~~tsmallScreenTitle={ title }\n\t\t\t\~~ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;~~MACfY~~,~~gBAAgB,EAAGZ,KAAO;MAC1BC,~~IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/default-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;MACfC,IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}

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

@@ -12,6 +12,8 @@ var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
 var _editor = require("@wordpress/editor");
+var _compose = require("@wordpress/compose");
+var _router = require("@wordpress/router");
 var _globalStyles = require("../global-styles");
 var _store = require("../../store");
 var _ui = require("../global-styles/ui");
@@ -30,7 +32,16 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   interfaceStore
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 function GlobalStylesSidebar() {
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   const {
     shouldClearCanvasContainerView,
     isStyleBookOpened,
@@ -43,12 +54,11 @@ function GlobalStylesSidebar() {
       getActiveComplementaryArea
     } = select(interfaceStore);
     const {
-      getEditorCanvasContainerView,
-      getCanvasMode
+      getEditorCanvasContainerView
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const canvasContainerView = getEditorCanvasContainerView();
     const _isVisualEditorMode = 'visual' === select(_editor.store).getEditorMode();
-    const _isEditCanvasMode = 'edit' === getCanvasMode();
+    const _isEditCanvasMode = 'edit' === canvas;
     const _showListViewByDefault = select(_preferences.store).get('core', 'showListViewByDefault');
     const {
       getEntityRecord,
@@ -64,15 +74,16 @@ function GlobalStylesSidebar() {
       isRevisionsStyleBookOpened: 'global-styles-revisions:style-book' === canvasContainerView,
       isRevisionsOpened: 'global-styles-revisions' === canvasContainerView
     };
-  }, []);
+  }, [canvas]);
   const {
     setEditorCanvasContainerView
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   (0, _element.useEffect)(() => {
     if (shouldClearCanvasContainerView) {
       setEditorCanvasContainerView(undefined);
     }
-  }, [shouldClearCanvasContainerView]);
+  }, [shouldClearCanvasContainerView, setEditorCanvasContainerView]);
   const {
     setIsListViewOpened
   } = (0, _data.useDispatch)(_editor.store);
@@ -114,35 +125,37 @@ function GlobalStylesSidebar() {
     header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
       className: "edit-site-global-styles-sidebar__header",
       gap: 1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
-        style: {
-          minWidth: 'min-content'
-        },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
           className: "edit-site-global-styles-sidebar__header-title",
           children: (0, _i18n.__)('Styles')
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          icon: _icons.seen,
-          label: (0, _i18n.__)('Style Book'),
-          isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
-          accessibleWhenDisabled: true,
-          disabled: shouldClearCanvasContainerView,
-          onClick: toggleStyleBook,
-          size: "compact"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          label: (0, _i18n.__)('Revisions'),
-          icon: _icons.backup,
-          onClick: toggleRevisions,
-          accessibleWhenDisabled: true,
-          disabled: !hasRevisions,
-          isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
-          size: "compact"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.GlobalStylesMenuSlot, {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+        justify: "flex-end",
+        gap: 1,
+        className: "edit-site-global-styles-sidebar__header-actions",
+        children: [!isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            icon: _icons.seen,
+            label: (0, _i18n.__)('Style Book'),
+            isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
+            accessibleWhenDisabled: true,
+            disabled: shouldClearCanvasContainerView,
+            onClick: toggleStyleBook,
+            size: "compact"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            label: (0, _i18n.__)('Revisions'),
+            icon: _icons.backup,
+            onClick: toggleRevisions,
+            accessibleWhenDisabled: true,
+            disabled: !hasRevisions,
+            isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
+            size: "compact"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.GlobalStylesMenuSlot, {})]
+      })]
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStyles.GlobalStylesUI, {})
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","accessibleWhenDisabled","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { FlexItem, FlexBlock, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\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\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_compose","_router","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","useLocation","routerPrivateApis","GlobalStylesSidebar","params","canvas","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","isMobileViewport","useViewportMatch","useEffect","setIsListViewOpened","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexItem","justify","Button","seen","label","isPressed","accessibleWhenDisabled","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\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 {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened \|\|\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened \|\|\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/animation.js CHANGED Viewed

@@ -49,9 +49,7 @@ function useMovingAnimation({
   } = (0, _element.useMemo)(() => ({
     previous: ref.current && getAbsolutePosition(ref.current),
     prevRect: ref.current && ref.current.getBoundingClientRect()
-  }),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [triggerAnimationOnChange]);
+  }), [triggerAnimationOnChange]);
   (0, _element.useLayoutEffect)(() => {
     if (!previous || !ref.current) {
       return;