npm - @wordpress/edit-site - Versions diffs - 5.20.1 → 5.21.0 - Mend

@wordpress/edit-site 5.20.1 → 5.21.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 (231) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalUseNavigator","useNavigator","createSlotFill","Button","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","backup","moreVertical","coreStore","useEffect","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","ScreenColors","ScreenColorPalette","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","unlock","editSiteStore","SLOT_FILL_NAME","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","toggle","canEditCSS","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","goTo","loadCustomCSS","createElement","icon","label","onClose","onClick","RevisionsCountBadge","className","children","GlobalStylesRevisionsMenu","setIsListViewOpened","revisionsCount","_globalStyles$_links$2","count","useGlobalStylesReset","canReset","onReset","setEditorCanvasContainerView","loadRevisions","hasRevisions","disabled","__experimentalIsFocusable","GlobalStylesNavigationScreen","props","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","Fragment","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","GlobalStylesUI","blocks","initialPath","element","block"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { backup, moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => goTo( '/css' );\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction RevisionsCountBadge( { className, children } ) {\n\treturn (\n\t\t<span\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-sidebar__revisions-count-badge'\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</span>\n\t);\n}\nfunction GlobalStylesRevisionsMenu() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\tconst { revisionsCount } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\trevisionsCount:\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0,\n\t\t};\n\t}, [] );\n\tconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { goTo } = useNavigator();\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tgoTo( '/revisions' );\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t};\n\tconst hasRevisions = revisionsCount > 0;\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t{ canReset \|\| hasRevisions ? (\n\t\t\t\t<DropdownMenu icon={ backup } label={ __( 'Revisions' ) }>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ hasRevisions && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ loadRevisions }\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t<RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t\t\t{ revisionsCount }\n\t\t\t\t\t\t\t\t\t\t</RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Revision history' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\ticon={ backup }\n\t\t\t\t\tdisabled\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t) }\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` \|\|\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId \|\| ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView === 'global-styles-revisions' ) {\n\t\t\t// Switching to the revisions container view should\n\t\t\t// redirect to the revisions screen.\n\t\t\tgoTo( '/revisions' );\n\t\t} else if (\n\t\t\t!! editorCanvasContainerView &&\n\t\t\tlocation?.path === '/revisions'\n\t\t) {\n\t\t\t// Switching to any container other than revisions should\n\t\t\t// redirect from the revisions screen to the root global styles screen.\n\t\t\tgoTo( '/' );\n\t\t} else if ( editorCanvasContainerView === 'global-styles-css' ) {\n\t\t\tgoTo( '/css' );\n\t\t}\n\n\t\t// location?.path is not a dependency because we don't want to track it.\n\t\t// Doing so will cause an infinite loop. We could abstract logic to avoid\n\t\t// having to disable the check later.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorCanvasContainerView, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesRevisionsMenu />\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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"}
1	+ {"version":3,"names":["classnames","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalUseNavigator","useNavigator","createSlotFill","Button","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","backup","moreVertical","coreStore","useEffect","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","ScreenColors","ScreenColorPalette","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","unlock","editSiteStore","SLOT_FILL_NAME","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","toggle","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","goTo","loadCustomCSS","createElement","icon","label","onClose","onClick","RevisionsCountBadge","className","children","GlobalStylesRevisionsMenu","setIsListViewOpened","revisionsCount","_globalStyles$_links$","count","useGlobalStylesReset","canReset","onReset","setEditorCanvasContainerView","loadRevisions","hasRevisions","disabled","__experimentalIsFocusable","GlobalStylesNavigationScreen","props","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","key","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","Fragment","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","GlobalStylesUI","blocks","initialPath","element","block"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { backup, moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => goTo( '/css' );\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'More' ) }>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction RevisionsCountBadge( { className, children } ) {\n\treturn (\n\t\t<span\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-sidebar__revisions-count-badge'\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</span>\n\t);\n}\nfunction GlobalStylesRevisionsMenu() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\tconst { revisionsCount } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\trevisionsCount:\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0,\n\t\t};\n\t}, [] );\n\tconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { goTo } = useNavigator();\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tgoTo( '/revisions' );\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t};\n\tconst hasRevisions = revisionsCount > 0;\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t{ canReset \|\| hasRevisions ? (\n\t\t\t\t<DropdownMenu icon={ backup } label={ __( 'Revisions' ) }>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ hasRevisions && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ loadRevisions }\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t<RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t\t\t{ revisionsCount }\n\t\t\t\t\t\t\t\t\t\t</RevisionsCountBadge>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Revision history' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\ticon={ backup }\n\t\t\t\t\tdisabled\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t) }\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` \|\|\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId \|\| ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tif ( editorCanvasContainerView === 'global-styles-revisions' ) {\n\t\t\t// Switching to the revisions container view should\n\t\t\t// redirect to the revisions screen.\n\t\t\tgoTo( '/revisions' );\n\t\t} else if (\n\t\t\t!! editorCanvasContainerView &&\n\t\t\tlocation?.path === '/revisions'\n\t\t) {\n\t\t\t// Switching to any container other than revisions should\n\t\t\t// redirect from the revisions screen to the root global styles screen.\n\t\t\tgoTo( '/' );\n\t\t} else if ( editorCanvasContainerView === 'global-styles-css' ) {\n\t\t\tgoTo( '/css' );\n\t\t}\n\n\t\t// location?.path is not a dependency because we don't want to track it.\n\t\t// Doing so will cause an infinite loop. We could abstract logic to avoid\n\t\t// having to disable the check later.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ editorCanvasContainerView, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path={ '/revisions' }>\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesRevisionsMenu />\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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"}

package/build-module/components/layout/index.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { NavigableRegion } from '@wordpress/interface';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 import { CommandMenu, privateApis as commandsPrivateApis } from '@wordpress/commands';
 import { store as preferencesStore } from '@wordpress/preferences';
-import { privateApis as blockEditorPrivateApis, useBlockCommands } from '@wordpress/block-editor';
+import { privateApis as blockEditorPrivateApis, useBlockCommands, store as blockEditorStore } from '@wordpress/block-editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
@@ -72,6 +72,7 @@ export default function Layout() {
   const {
     isDistractionFree,
     hasFixedToolbar,
+    hasBlockSelected,
     canvasMode,
     previousShortcut,
     nextShortcut
@@ -87,7 +88,8 @@ export default function Layout() {
       previousShortcut: getAllShortcutKeyCombinations('core/edit-site/previous-region'),
       nextShortcut: getAllShortcutKeyCombinations('core/edit-site/next-region'),
       hasFixedToolbar: select(preferencesStore).get('core/edit-site', 'fixedToolbar'),
-      isDistractionFree: select(preferencesStore).get('core/edit-site', 'distractionFree')
+      isDistractionFree: select(preferencesStore).get('core/edit-site', 'distractionFree'),
+      hasBlockSelected: select(blockEditorStore).getBlockSelectionStart()
     };
   }, []);
   const isEditing = canvasMode === 'edit';
@@ -127,7 +129,13 @@ export default function Layout() {
   }
   // Sets the right context for the command palette
-  const commandContext = canvasMode === 'edit' && isEditorPage ? 'site-editor-edit' : 'site-editor';
+  let commandContext = 'site-editor';
+  if (canvasMode === 'edit' && isEditorPage) {
+    commandContext = 'site-editor-edit';
+  }
+  if (hasBlockSelected) {
+    commandContext = 'block-selection-edit';
+  }
   useCommandContext(commandContext);
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');

package/build-module/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","useRef","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","useBlockCommands","routerPrivateApis","coreCommandsPrivateApis","Sidebar","Editor","ErrorBoundary","editSiteStore","getIsListPage","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","PageMain","useIsSiteEditorLoading","useCommands","useCommandContext","useLocation","useGlobalStyle","ANIMATION_DURATION","Layout","hubRef","params","isMobileViewport","isListPage","isEditorPage","isDistractionFree","hasFixedToolbar","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","isEditing","navigateRegionsProps","previous","next","disableMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","fullResizer","isResizing","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","initial","key","ariaLabel","as","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) \|\|\n\t\t( ! isMobileViewport && ( canvasMode === 'view' \|\| ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) \|\|\n\t\t! isMobileViewport \|\|\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) \|\| ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tconst commandContext =\n\t\tcanvasMode === 'edit' && isEditorPage\n\t\t\t? 'site-editor-edit'\n\t\t\t: 'site-editor';\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header\n\t\t\t\t\t\t\t\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\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</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion \|\| isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\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>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\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</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["classnames","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","useRef","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","useBlockCommands","blockEditorStore","routerPrivateApis","coreCommandsPrivateApis","Sidebar","Editor","ErrorBoundary","editSiteStore","getIsListPage","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","PageMain","useIsSiteEditorLoading","useCommands","useCommandContext","useLocation","useGlobalStyle","ANIMATION_DURATION","Layout","hubRef","params","isMobileViewport","isListPage","isEditorPage","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","getBlockSelectionStart","isEditing","navigateRegionsProps","previous","next","disableMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","fullResizer","isResizing","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","initial","key","ariaLabel","as","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) \|\|\n\t\t( ! isMobileViewport && ( canvasMode === 'view' \|\| ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) \|\|\n\t\t! isMobileViewport \|\|\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) \|\| ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' && isEditorPage ) {\n\t\tcommandContext = 'site-editor-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header\n\t\t\t\t\t\t\t\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\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</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion \|\| isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\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>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\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</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/media/index.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { useEntityRecord } from '@wordpress/core-data';
+function Media({
+  id,
+  size = ['large', 'medium', 'thumbnail'],
+  ...props
+}) {
+  const {
+    record: media
+  } = useEntityRecord('root', 'media', id);
+  const currentSize = size.find(s => !!media?.media_details?.sizes[s]);
+  const mediaDetails = media?.media_details?.sizes[currentSize];
+  if (!mediaDetails) {
+    return null;
+  }
+  return createElement("img", {
+    ...props,
+    src: mediaDetails.source_url,
+    alt: media.alt_text
+  });
+}
+export default Media;
+//# sourceMappingURL=index.js.map

package/build-module/components/media/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["useEntityRecord","Media","id","size","props","record","media","currentSize","find","s","media_details","sizes","mediaDetails","createElement","src","source_url","alt","alt_text"],"sources":["@wordpress/edit-site/src/components/media/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord } from '@wordpress/core-data';\n\nfunction Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {\n\tconst { record: media } = useEntityRecord( 'root', 'media', id );\n\tconst currentSize = size.find(\n\t\t( s ) => !! media?.media_details?.sizes[ s ]\n\t);\n\tconst mediaDetails = media?.media_details?.sizes[ currentSize ];\n\tif ( ! mediaDetails ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<img\n\t\t\t{ ...props }\n\t\t\tsrc={ mediaDetails.source_url }\n\t\t\talt={ media.alt_text }\n\t\t/>\n\t);\n}\n\nexport default Media;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,sBAAsB;AAEtD,SAASC,KAAKA,CAAE;EAAEC,EAAE;EAAEC,IAAI,GAAG,CAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC7E,MAAM;IAAEC,MAAM,EAAEC;EAAM,CAAC,GAAGN,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEE,EAAG,CAAC;EAChE,MAAMK,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEH,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEF,CAAC,CAC3C,CAAC;EACD,MAAMG,YAAY,GAAGN,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEJ,WAAW,CAAE;EAC/D,IAAK,CAAEK,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACCC,aAAA;IAAA,GACMT,KAAK;IACVU,GAAG,EAAGF,YAAY,CAACG,UAAY;IAC/BC,GAAG,EAAGV,KAAK,CAACW;EAAU,CACtB,CAAC;AAEJ;AAEA,eAAehB,KAAK"}

package/build-module/components/page-actions/index.js CHANGED Viewed

@@ -12,14 +12,12 @@ import { moreVertical } from '@wordpress/icons';
 import TrashPageMenuItem from './trash-page-menu-item';
 export default function PageActions({
   postId,
-  className,
   toggleProps,
   onRemove
 }) {
   return createElement(DropdownMenu, {
     icon: moreVertical,
     label: __('Actions'),
-    className: className,
     toggleProps: toggleProps
   }, () => createElement(MenuGroup, null, createElement(TrashPageMenuItem, {
     postId: postId,

package/build-module/components/page-actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","DropdownMenu","MenuGroup","moreVertical","TrashPageMenuItem","PageActions","postId","~~className","~~toggleProps","onRemove","createElement","icon","label"],"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport TrashPageMenuItem from './trash-page-menu-item';\n\nexport default function PageActions( {~~\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n~~} ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\~~tclassName={ className }\n\t\t\~~ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<TrashPageMenuItem\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\tonRemove={ onRemove }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,SAAS,QAAQ,uBAAuB;AAC/D,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,eAAe,SAASC,WAAWA,CAAE;~~EACpCC~~,MAAM;~~EACNC~~,~~SAAS;EACTC,~~WAAW;~~EACXC~~;~~AACD~~,CAAC,EAAG;~~EACH~~,OACCC,aAAA,~~CAACT~~,YAAY;~~IACZU~~,IAAI,~~EAAGR~~,YAAc;~~IACrBS~~,KAAK,~~EAAGZ~~,EAAE,CAAE,SAAU,CAAG;IACzBO,~~SAAS,EAAGA,SAAW;IACvBC,~~WAAW,EAAGA;EAAa,GAEzB,MACDE,aAAA,~~CAACR~~,SAAS,~~QACTQ~~,aAAA,~~CAACN~~,iBAAiB;IACjBE,MAAM,EAAGA,MAAQ;~~IACjBG~~,QAAQ,EAAGA;EAAU,CACrB,CACS,CAEC,CAAC;AAEjB"}
1	+ {"version":3,"names":["__","DropdownMenu","MenuGroup","moreVertical","TrashPageMenuItem","PageActions","postId","toggleProps","onRemove","createElement","icon","label"],"sources":["@wordpress/edit-site/src/components/page-actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { DropdownMenu, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport TrashPageMenuItem from './trash-page-menu-item';\n\nexport default function PageActions( { postId, toggleProps, onRemove } ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<TrashPageMenuItem\n\t\t\t\t\t\tpostId={ postId }\n\t\t\t\t\t\tonRemove={ onRemove }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,SAAS,QAAQ,uBAAuB;AAC/D,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,eAAe,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC,WAAW;EAAEC;AAAS,CAAC,EAAG;EACxE,OACCC,aAAA,CAACR,YAAY;IACZS,IAAI,EAAGP,YAAc;IACrBQ,KAAK,EAAGX,EAAE,CAAE,SAAU,CAAG;IACzBO,WAAW,EAAGA;EAAa,GAEzB,MACDE,aAAA,CAACP,SAAS,QACTO,aAAA,CAACL,iBAAiB;IACjBE,MAAM,EAAGA,MAAQ;IACjBE,QAAQ,EAAGA;EAAU,CACrB,CACS,CAEC,CAAC;AAEjB"}