@wordpress/edit-site 5.29.0 → 5.31.0

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

@@ -193,9 +193,12 @@ function GlobalStylesBlockLink() {
 }
 function GlobalStylesEditorCanvasContainerLink() {
   const {
-    goTo
+    goTo,
+    location
   } = (0, _components.__experimentalUseNavigator)();
   const editorCanvasContainerView = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(), []);
+  const path = location?.path;
+  const isRevisionsOpen = path === '/revisions';
 
   // If the user switches the editor canvas container view, redirect
   // to the appropriate screen. This effectively allows deep linking to the
@@ -209,11 +212,33 @@ function GlobalStylesEditorCanvasContainerLink() {
       case 'global-styles-css':
         goTo('/css');
         break;
+      case 'style-book':
+        /*
+         * The stand-alone style book is open
+         * and the revisions panel is open,
+         * close the revisions panel.
+         * Otherwise keep the style book open while
+         * browsing global styles panel.
+         */
+        if (isRevisionsOpen) {
+          goTo('/');
+        }
+        break;
       default:
+        /*
+         * Example: the user has navigated to "Browse styles" or elsewhere
+         * and changes the editorCanvasContainerView, e.g., closes the style book.
+         * The panel should not be affected.
+         * Exclude revisions panel from this behavior,
+         * as it should close when the editorCanvasContainerView doesn't correspond.
+         */
+        if (path !== '/' && !isRevisionsOpen) {
+          return;
+        }
         goTo('/');
         break;
     }
-  }, [editorCanvasContainerView, goTo]);
+  }, [editorCanvasContainerView, isRevisionsOpen, goTo]);
 }
 function GlobalStylesUI() {
   const blocks = (0, _blocks.getBlockTypes)();

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","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","goTo","useNavigator","loadCustomCSS","_react","createElement","DropdownMenu","icon","moreVertical","label","__","onClose","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\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 ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { 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 { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\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<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tgoTo( '/revisions' );\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\tdefault:\n\t\t\t\tgoTo( '/' );\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_screenColors","_screenColorPalette","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","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","goTo","useNavigator","loadCustomCSS","_react","createElement","DropdownMenu","icon","moreVertical","label","__","onClose","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\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 ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { 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 { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\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<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\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\tgoTo( '/revisions' );\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\tcase 'style-book':\n\t\t\t\t/*\n\t\t\t\t * The stand-alone style book is open\n\t\t\t\t * and the revisions panel is open,\n\t\t\t\t * close the revisions panel.\n\t\t\t\t * Otherwise keep the style book open while\n\t\t\t\t * browsing global styles panel.\n\t\t\t\t */\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t/*\n\t\t\t\t * Example: the user has navigated to \"Browse styles\" or elsewhere\n\t\t\t\t * and changes the editorCanvasContainerView, e.g., closes the style book.\n\t\t\t\t * The panel should not be affected.\n\t\t\t\t * Exclude revisions panel from this behavior,\n\t\t\t\t * as it should close when the editorCanvasContainerView doesn't correspond.\n\t\t\t\t */\n\t\t\t\tif ( path !== '/' && ! isRevisionsOpen ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgoTo( '/' );\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<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getFontFamilies = getFontFamilies;
 exports.getVariationClassName = getVariationClassName;
 /**
  *
@@ -16,4 +17,25 @@ function getVariationClassName(variation) {
   }
   return `is-style-${variation}`;
 }
+function getFontFamilyFromSetting(fontFamilies, setting) {
+  if (!Array.isArray(fontFamilies) || !setting) {
+    return null;
+  }
+  const fontFamilyVariable = setting.replace('var(', '').replace(')', '');
+  const fontFamilySlug = fontFamilyVariable?.split('--').slice(-1)[0];
+  return fontFamilies.find(fontFamily => fontFamily.slug === fontFamilySlug);
+}
+function getFontFamilies(themeJson) {
+  const fontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme; // TODO this could not be under theme.
+  const bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;
+  const bodyFontFamily = getFontFamilyFromSetting(fontFamilies, bodyFontFamilySetting);
+  const headingFontFamilySetting = themeJson?.styles?.elements?.heading?.typography?.fontFamily;
+  let headingFontFamily;
+  if (!headingFontFamilySetting) {
+    headingFontFamily = bodyFontFamily;
+  } else {
+    headingFontFamily = getFontFamilyFromSetting(fontFamilies, themeJson?.styles?.elements?.heading?.typography?.fontFamily);
+  }
+  return [bodyFontFamily, headingFontFamily];
+}
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getVariationClassName","variation"],"sources":["@wordpress/edit-site/src/components/global-styles/utils.js"],"sourcesContent":["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAAEC,SAAS,EAAG;EAClD,IAAK,CAAEA,SAAS,EAAG;IAClB,OAAO,EAAE;EACV;EACA,OAAQ,YAAYA,SAAW,EAAC;AACjC"}
+{"version":3,"names":["getVariationClassName","variation","getFontFamilyFromSetting","fontFamilies","setting","Array","isArray","fontFamilyVariable","replace","fontFamilySlug","split","slice","find","fontFamily","slug","getFontFamilies","themeJson","settings","typography","theme","bodyFontFamilySetting","styles","bodyFontFamily","headingFontFamilySetting","elements","heading","headingFontFamily"],"sources":["@wordpress/edit-site/src/components/global-styles/utils.js"],"sourcesContent":["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n\nfunction getFontFamilyFromSetting( fontFamilies, setting ) {\n\tif ( ! Array.isArray( fontFamilies ) || ! setting ) {\n\t\treturn null;\n\t}\n\n\tconst fontFamilyVariable = setting.replace( 'var(', '' ).replace( ')', '' );\n\tconst fontFamilySlug = fontFamilyVariable?.split( '--' ).slice( -1 )[ 0 ];\n\n\treturn fontFamilies.find(\n\t\t( fontFamily ) => fontFamily.slug === fontFamilySlug\n\t);\n}\n\nexport function getFontFamilies( themeJson ) {\n\tconst fontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme; // TODO this could not be under theme.\n\tconst bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;\n\tconst bodyFontFamily = getFontFamilyFromSetting(\n\t\tfontFamilies,\n\t\tbodyFontFamilySetting\n\t);\n\n\tconst headingFontFamilySetting =\n\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily;\n\n\tlet headingFontFamily;\n\tif ( ! headingFontFamilySetting ) {\n\t\theadingFontFamily = bodyFontFamily;\n\t} else {\n\t\theadingFontFamily = getFontFamilyFromSetting(\n\t\t\tfontFamilies,\n\t\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily\n\t\t);\n\t}\n\n\treturn [ bodyFontFamily, headingFontFamily ];\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qBAAqBA,CAAEC,SAAS,EAAG;EAClD,IAAK,CAAEA,SAAS,EAAG;IAClB,OAAO,EAAE;EACV;EACA,OAAQ,YAAYA,SAAW,EAAC;AACjC;AAEA,SAASC,wBAAwBA,CAAEC,YAAY,EAAEC,OAAO,EAAG;EAC1D,IAAK,CAAEC,KAAK,CAACC,OAAO,CAAEH,YAAa,CAAC,IAAI,CAAEC,OAAO,EAAG;IACnD,OAAO,IAAI;EACZ;EAEA,MAAMG,kBAAkB,GAAGH,OAAO,CAACI,OAAO,CAAE,MAAM,EAAE,EAAG,CAAC,CAACA,OAAO,CAAE,GAAG,EAAE,EAAG,CAAC;EAC3E,MAAMC,cAAc,GAAGF,kBAAkB,EAAEG,KAAK,CAAE,IAAK,CAAC,CAACC,KAAK,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAE;EAEzE,OAAOR,YAAY,CAACS,IAAI,CACrBC,UAAU,IAAMA,UAAU,CAACC,IAAI,KAAKL,cACvC,CAAC;AACF;AAEO,SAASM,eAAeA,CAAEC,SAAS,EAAG;EAC5C,MAAMb,YAAY,GAAGa,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEf,YAAY,EAAEgB,KAAK,CAAC,CAAC;EAC3E,MAAMC,qBAAqB,GAAGJ,SAAS,EAAEK,MAAM,EAAEH,UAAU,EAAEL,UAAU;EACvE,MAAMS,cAAc,GAAGpB,wBAAwB,CAC9CC,YAAY,EACZiB,qBACD,CAAC;EAED,MAAMG,wBAAwB,GAC7BP,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEL,UAAU;EAE7D,IAAIa,iBAAiB;EACrB,IAAK,CAAEH,wBAAwB,EAAG;IACjCG,iBAAiB,GAAGJ,cAAc;EACnC,CAAC,MAAM;IACNI,iBAAiB,GAAGxB,wBAAwB,CAC3CC,YAAY,EACZa,SAAS,EAAEK,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEP,UAAU,EAAEL,UACnD,CAAC;EACF;EAEA,OAAO,CAAES,cAAc,EAAEI,iBAAiB,CAAE;AAC7C"}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Variation;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
+var _keycodes = require("@wordpress/keycodes");
+var _i18n = require("@wordpress/i18n");
+var _blockEditor = require("@wordpress/block-editor");
+var _globalStylesProvider = require("../global-styles-provider");
+var _lockUnlock = require("../../../lock-unlock");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  GlobalStylesContext,
+  areGlobalStyleConfigsEqual
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function Variation({
+  variation,
+  children
+}) {
+  const [isFocused, setIsFocused] = (0, _element.useState)(false);
+  const {
+    base,
+    user,
+    setUserConfig
+  } = (0, _element.useContext)(GlobalStylesContext);
+  const context = (0, _element.useMemo)(() => {
+    var _variation$settings, _variation$styles;
+    return {
+      user: {
+        settings: (_variation$settings = variation.settings) !== null && _variation$settings !== void 0 ? _variation$settings : {},
+        styles: (_variation$styles = variation.styles) !== null && _variation$styles !== void 0 ? _variation$styles : {}
+      },
+      base,
+      merged: (0, _globalStylesProvider.mergeBaseAndUserConfigs)(base, variation),
+      setUserConfig: () => {}
+    };
+  }, [variation, base]);
+  const selectVariation = () => {
+    setUserConfig(() => ({
+      settings: variation.settings,
+      styles: variation.styles
+    }));
+  };
+  const selectOnEnter = event => {
+    if (event.keyCode === _keycodes.ENTER) {
+      event.preventDefault();
+      selectVariation();
+    }
+  };
+  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);
+  }
+  return (0, _react.createElement)(GlobalStylesContext.Provider, {
+    value: context
+  }, (0, _react.createElement)("div", {
+    className: (0, _classnames.default)('edit-site-global-styles-variations_item', {
+      'is-active': isActive
+    }),
+    role: "button",
+    onClick: selectVariation,
+    onKeyDown: selectOnEnter,
+    tabIndex: "0",
+    "aria-label": label,
+    "aria-current": isActive,
+    onFocus: () => setIsFocused(true),
+    onBlur: () => setIsFocused(false)
+  }, (0, _react.createElement)("div", {
+    className: "edit-site-global-styles-variations_item-preview"
+  }, children(isFocused))));
+}
+//# sourceMappingURL=variation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_keycodes","_i18n","_blockEditor","_globalStylesProvider","_lockUnlock","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","Variation","variation","children","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","_variation$settings","_variation$styles","settings","styles","merged","mergeBaseAndUserConfigs","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","_react","createElement","Provider","value","className","classnames","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\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';\n\n/**\n * Internal dependencies\n */\nimport { mergeBaseAndUserConfigs } from '../global-styles-provider';\nimport { unlock } from '../../../lock-unlock';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { variation, children } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t} ),\n\t\t[ variation, base ]\n\t);\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => ( {\n\t\t\tsettings: variation.settings,\n\t\t\tstyles: variation.styles,\n\t\t} ) );\n\t};\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\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-global-styles-variations_item',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-global-styles-variations_item-preview\">\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEO,mBAAmB;EAAEC;AAA2B,CAAC,GAAG,IAAAC,kBAAM,EACjEC,wBACD,CAAC;AAEc,SAASC,SAASA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EAC5D,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAG,IAAAC,mBAAU,EAAEb,mBAAoB,CAAC;EACvE,MAAMc,OAAO,GAAG,IAAAC,gBAAO,EACtB;IAAA,IAAAC,mBAAA,EAAAC,iBAAA;IAAA,OAAQ;MACPN,IAAI,EAAE;QACLO,QAAQ,GAAAF,mBAAA,GAAEX,SAAS,CAACa,QAAQ,cAAAF,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC;QAClCG,MAAM,GAAAF,iBAAA,GAAEZ,SAAS,CAACc,MAAM,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,CAAC;MAC9B,CAAC;MACDP,IAAI;MACJU,MAAM,EAAE,IAAAC,6CAAuB,EAAEX,IAAI,EAAEL,SAAU,CAAC;MAClDO,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;EAAA,CAAE,EACH,CAAEP,SAAS,EAAEK,IAAI,CAClB,CAAC;EAED,MAAMY,eAAe,GAAGA,CAAA,KAAM;IAC7BV,aAAa,CAAE,OAAQ;MACtBM,QAAQ,EAAEb,SAAS,CAACa,QAAQ;MAC5BC,MAAM,EAAEd,SAAS,CAACc;IACnB,CAAC,CAAG,CAAC;EACN,CAAC;EAED,MAAMI,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,IAAAb,gBAAO,EACvB,MAAMd,0BAA0B,CAAEU,IAAI,EAAEN,SAAU,CAAC,EACnD,CAAEM,IAAI,EAAEN,SAAS,CAClB,CAAC;EAED,IAAIwB,KAAK,GAAGxB,SAAS,EAAEyB,KAAK;EAC5B,IAAKzB,SAAS,EAAE0B,WAAW,EAAG;IAC7BF,KAAK,GAAG,IAAAG,aAAO,GACd;IACA,IAAAC,QAAE,EAAE,aAAc,CAAC,EACnB5B,SAAS,EAAEyB,KAAK,EAChBzB,SAAS,EAAE0B,WACZ,CAAC;EACF;EAEA,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACnC,mBAAmB,CAACoC,QAAQ;IAACC,KAAK,EAAGvB;EAAS,GAC9C,IAAAoB,MAAA,CAAAC,aAAA;IACCG,SAAS,EAAG,IAAAC,mBAAU,EACrB,yCAAyC,EACzC;MACC,WAAW,EAAEX;IACd,CACD,CAAG;IACHY,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGnB,eAAiB;IAC3BoB,SAAS,EAAGnB,aAAe;IAC3BoB,QAAQ,EAAC,GAAG;IACZ,cAAad,KAAO;IACpB,gBAAeD,QAAU;IACzBgB,OAAO,EAAGA,CAAA,KAAMpC,YAAY,CAAE,IAAK,CAAG;IACtCqC,MAAM,EAAGA,CAAA,KAAMrC,YAAY,CAAE,KAAM;EAAG,GAEtC,IAAA0B,MAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAAiD,GAC7DhC,QAAQ,CAAEC,SAAU,CAClB,CACD,CACwB,CAAC;AAEjC"}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ColorVariations;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _variation = _interopRequireDefault(require("./variation"));
+var _previewColors = _interopRequireDefault(require("../preview-colors"));
+var _hooks = require("../hooks");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function ColorVariations() {
+  const colorVariations = (0, _hooks.useColorVariations)();
+  if (!colorVariations?.length) {
+    return null;
+  }
+  return (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 3
+  }, (0, _react.createElement)(_components.__experimentalGrid, {
+    columns: 3
+  }, colorVariations.map((variation, index) => (0, _react.createElement)(_variation.default, {
+    key: index,
+    variation: variation
+  }, () => (0, _react.createElement)(_previewColors.default, null)))));
+}
+//# sourceMappingURL=variations-color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_variation","_interopRequireDefault","_previewColors","_hooks","ColorVariations","colorVariations","useColorVariations","length","_react","createElement","__experimentalVStack","spacing","__experimentalGrid","columns","map","variation","index","default","key"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Variation from './variation';\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\n\nexport default function ColorVariations() {\n\tconst colorVariations = useColorVariations();\n\n\tif ( ! colorVariations?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Grid columns={ 3 }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKe,SAASK,eAAeA,CAAA,EAAG;EACzC,MAAMC,eAAe,GAAG,IAAAC,yBAAkB,EAAC,CAAC;EAE5C,IAAK,CAAED,eAAe,EAAEE,MAAM,EAAG;IAChC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,kBAAI;IAACC,OAAO,EAAG;EAAG,GAChBR,eAAe,CAACS,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,KACxC,IAAAR,MAAA,CAAAC,aAAA,EAACT,UAAA,CAAAiB,OAAS;IAACC,GAAG,EAAGF,KAAO;IAACD,SAAS,EAAGA;EAAW,GAC7C,MAAM,IAAAP,MAAA,CAAAC,aAAA,EAACP,cAAA,CAAAe,OAAmB,MAAE,CACpB,CACV,CACG,CACC,CAAC;AAEX"}

package/build/components/global-styles/{variations-panel.js → variations/variations-panel.js}

@@ -9,7 +9,7 @@ var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
-var _navigationButton = require("./navigation-button");
+var _navigationButton = require("../navigation-button");
 /**
  * WordPress dependencies
  */

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypographyVariations;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _hooks = require("../hooks");
+var _typographyExample = _interopRequireDefault(require("../typography-example"));
+var _previewIframe = _interopRequireDefault(require("../preview-iframe"));
+var _variation = _interopRequireDefault(require("./variation"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function TypographyVariations() {
+  const typographyVariations = (0, _hooks.useTypographyVariations)();
+  if (!typographyVariations?.length) {
+    return null;
+  }
+  return (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 3
+  }, (0, _react.createElement)(_components.__experimentalGrid, {
+    columns: 3,
+    className: "edit-site-global-styles-style-variations-container"
+  }, typographyVariations && typographyVariations.length && typographyVariations.map((variation, index) => (0, _react.createElement)(_variation.default, {
+    key: index,
+    variation: variation
+  }, isFocused => (0, _react.createElement)(_previewIframe.default, {
+    label: variation?.title,
+    isFocused: isFocused
+  }, ({
+    ratio,
+    key
+  }) => (0, _react.createElement)(_components.__experimentalVStack, {
+    key: key,
+    spacing: 10 * ratio,
+    justify: "center",
+    style: {
+      height: '100%',
+      overflow: 'hidden'
+    }
+  }, (0, _react.createElement)(_typographyExample.default, {
+    variation: variation,
+    fontSize: 85 * ratio
+  })))))));
+}
+//# sourceMappingURL=variations-typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_hooks","_typographyExample","_interopRequireDefault","_previewIframe","_variation","TypographyVariations","typographyVariations","useTypographyVariations","length","_react","createElement","__experimentalVStack","spacing","__experimentalGrid","columns","className","map","variation","index","default","key","isFocused","label","title","ratio","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\n\nexport default function TypographyVariations() {\n\tconst typographyVariations = useTypographyVariations();\n\n\tif ( ! typographyVariations?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAF,sBAAA,CAAAH,OAAA;AAfA;AACA;AACA;;AAOA;AACA;AACA;;AAMe,SAASM,oBAAoBA,CAAA,EAAG;EAC9C,MAAMC,oBAAoB,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAEtD,IAAK,CAAED,oBAAoB,EAAEE,MAAM,EAAG;IACrC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAe,kBAAI;IACJC,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC;EAAoD,GAE5DT,oBAAoB,IACrBA,oBAAoB,CAACE,MAAM,IAC3BF,oBAAoB,CAACU,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,KAC3C,IAAAT,MAAA,CAAAC,aAAA,EAACN,UAAA,CAAAe,OAAS;IAACC,GAAG,EAAGF,KAAO;IAACD,SAAS,EAAGA;EAAW,GAC3CI,SAAS,IACZ,IAAAZ,MAAA,CAAAC,aAAA,EAACP,cAAA,CAAAgB,OAAa;IACbG,KAAK,EAAGL,SAAS,EAAEM,KAAO;IAC1BF,SAAS,EAAGA;EAAW,GAErB,CAAE;IAAEG,KAAK;IAAEJ;EAAI,CAAC,KACjB,IAAAX,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,oBAAM;IACNS,GAAG,EAAGA,GAAK;IACXR,OAAO,EAAG,EAAE,GAAGY,KAAO;IACtBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,IAAAnB,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAkB,OAAiB;IACjBF,SAAS,EAAGA,SAAW;IACvBY,QAAQ,EAAG,EAAE,GAAGL;EAAO,CACvB,CACM,CAEK,CAEN,CACV,CACE,CACC,CAAC;AAEX"}

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

@@ -36,6 +36,9 @@ var _constants = require("../../utils/constants");
  * Internal dependencies
  */
 
+const {
+  useShowBlockTools
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
   PostViewLink,
   PreviewDropdown
@@ -47,9 +50,7 @@ function HeaderEditMode() {
     blockEditorMode,
     blockSelectionStart,
     showIconLabels,
-    editorCanvasView,
-    hasFixedToolbar,
-    isZoomOutMode
+    editorCanvasView
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostType
@@ -71,20 +72,20 @@ function HeaderEditMode() {
       blockSelectionStart: getBlockSelectionStart(),
       showIconLabels: getPreference('core', 'showIconLabels'),
       editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
-      hasFixedToolbar: getPreference('core', 'fixedToolbar'),
-      isDistractionFree: getPreference('core', 'distractionFree'),
-      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out'
+      isDistractionFree: getPreference('core', 'distractionFree')
     };
   }, []);
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const isTopToolbar = !isZoomOutMode && hasFixedToolbar && isLargeViewport;
+  const {
+    showFixedToolbar
+  } = useShowBlockTools();
+  const showTopToolbar = isLargeViewport && showFixedToolbar;
   const blockToolbarRef = (0, _element.useRef)();
   const disableMotion = (0, _compose.useReducedMotion)();
   const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
   const isFocusMode = _constants.FOCUSABLE_ENTITIES.includes(templateType);
   const isZoomedOutView = blockEditorMode === 'zoom-out';
   const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, _element.useState)(true);
-  const hasBlockSelected = !!blockSelectionStart;
   (0, _element.useEffect)(() => {
     // If we have a new block selection, show the block tools
     if (blockSelectionStart) {
@@ -121,7 +122,7 @@ function HeaderEditMode() {
   }, (0, _react.createElement)(_documentTools.default, {
     blockEditorMode: blockEditorMode,
     isDistractionFree: isDistractionFree
-  }), isTopToolbar && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
+  }), showTopToolbar && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: (0, _classnames.default)('selected-block-tools-wrapper', {
       'is-collapsed': isBlockToolsCollapsed
     })
@@ -130,16 +131,17 @@ function HeaderEditMode() {
   })), (0, _react.createElement)(_components.Popover.Slot, {
     ref: blockToolbarRef,
     name: "block-toolbar"
-  }), hasBlockSelected && (0, _react.createElement)(_components.Button, {
+  }), (0, _react.createElement)(_components.Button, {
     className: "edit-site-header-edit-mode__block-tools-toggle",
     icon: isBlockToolsCollapsed ? _icons.next : _icons.previous,
     onClick: () => {
       setIsBlockToolsCollapsed(collapsed => !collapsed);
     },
-    label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools')
+    label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools'),
+    size: "compact"
   }))), !isDistractionFree && (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-header-edit-mode__center', {
-      'is-collapsed': !isBlockToolsCollapsed && isLargeViewport
+      'is-collapsed': !isBlockToolsCollapsed && showTopToolbar
     })
   }, !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : (0, _react.createElement)(_editor.DocumentBar, null)), (0, _react.createElement)("div", {
     className: "edit-site-header-edit-mode__end"

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_blockEditor","_data","_element","_interface","_i18n","_icons","_components","_preferences","_editor","_moreMenu","_saveButton","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","PostViewLink","PreviewDropdown","unlock","editorPrivateApis","HeaderEditMode","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","showIconLabels","editorCanvasView","hasFixedToolbar","isZoomOutMode","useSelect","select","getEditedPostType","editSiteStore","getBlockSelectionStart","__unstableGetEditorMode","blockEditorStore","get","getPreference","preferencesStore","getDeviceType","editorStore","deviceType","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","isTopToolbar","blockToolbarRef","useRef","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","Fragment","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","Button","icon","next","previous","onClick","collapsed","label","__","getEditorCanvasContainerTitle","DocumentBar","disabled","size","PinnedItems","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport {\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tPopover,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tDocumentBar,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport DocumentTools from './document-tools';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { PostViewLink, PreviewDropdown } = unlock( editorPrivateApis );\n\nexport default function HeaderEditMode() {\n\tconst {\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tblockSelectionStart,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getBlockSelectionStart, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst { getDeviceType } = select( editorStore );\n\n\t\treturn {\n\t\t\tdeviceType: getDeviceType(),\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tblockSelectionStart: getBlockSelectionStart(),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\thasFixedToolbar: getPreference( 'core', 'fixedToolbar' ),\n\t\t\tisDistractionFree: getPreference( 'core', 'distractionFree' ),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isTopToolbar = ! isZoomOutMode && hasFixedToolbar && isLargeViewport;\n\tconst blockToolbarRef = useRef();\n\tconst disableMotion = useReducedMotion();\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tconst hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<DocumentTools\n\t\t\t\t\t\tblockEditorMode={ blockEditorMode }\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isTopToolbar && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ hasBlockSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__block-tools-toggle\"\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed ? next : previous\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</motion.div>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-header-edit-mode__center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t! isBlockToolsCollapsed && isLargeViewport,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentBar />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PreviewDropdown\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tisFocusMode || ! hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<PostViewLink />\n\t\t\t\t\t<SaveButton size=\"compact\" />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_blockEditor","_data","_element","_interface","_i18n","_icons","_components","_preferences","_editor","_moreMenu","_saveButton","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","useShowBlockTools","unlock","blockEditorPrivateApis","PostViewLink","PreviewDropdown","editorPrivateApis","HeaderEditMode","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","showIconLabels","editorCanvasView","useSelect","select","getEditedPostType","editSiteStore","getBlockSelectionStart","__unstableGetEditorMode","blockEditorStore","get","getPreference","preferencesStore","getDeviceType","editorStore","deviceType","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","showFixedToolbar","showTopToolbar","blockToolbarRef","useRef","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","useEffect","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","Fragment","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","Button","icon","next","previous","onClick","collapsed","label","__","size","getEditorCanvasContainerTitle","DocumentBar","disabled","PinnedItems","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport {\n\tBlockToolbar,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tPopover,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tDocumentBar,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport DocumentTools from './document-tools';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useShowBlockTools } = unlock( blockEditorPrivateApis );\nconst { PostViewLink, PreviewDropdown } = unlock( editorPrivateApis );\n\nexport default function HeaderEditMode() {\n\tconst {\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tblockSelectionStart,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getBlockSelectionStart, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst { getDeviceType } = select( editorStore );\n\n\t\treturn {\n\t\t\tdeviceType: getDeviceType(),\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tblockSelectionStart: getBlockSelectionStart(),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference( 'core', 'distractionFree' ),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst { showFixedToolbar } = useShowBlockTools();\n\tconst showTopToolbar = isLargeViewport && showFixedToolbar;\n\tconst blockToolbarRef = useRef();\n\tconst disableMotion = useReducedMotion();\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<DocumentTools\n\t\t\t\t\t\tblockEditorMode={ blockEditorMode }\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showTopToolbar && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__block-tools-toggle\"\n\t\t\t\t\t\t\t\ticon={ isBlockToolsCollapsed ? next : previous }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\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</>\n\t\t\t\t\t) }\n\t\t\t\t</motion.div>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-header-edit-mode__center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t! isBlockToolsCollapsed && showTopToolbar,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentBar />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PreviewDropdown\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tisFocusMode || ! hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<PostViewLink />\n\t\t\t\t\t<SaveButton size=\"compact\" />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}