npm - @wordpress/edit-site - Versions diffs - 6.19.1 → 6.20.0 - Mend

@wordpress/edit-site 6.19.1 → 6.20.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 (30) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","Flex","FlexItem","privateApis","componentsPrivateApis","__","sprintf","isRTL","blockEditorPrivateApis","plus","Icon","chevronLeft","chevronRight","moreVertical","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","useState","ConfirmResetShadowDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","name","slug","justify","align","level","size","icon","onClick","TriggerButton","render","Popover","Item","ItemLabel","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\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\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","FlexItem","privateApis","componentsPrivateApis","__","sprintf","isRTL","blockEditorPrivateApis","plus","Icon","chevronLeft","chevronRight","moreVertical","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","useState","ConfirmResetShadowDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","name","slug","justify","level","size","icon","onClick","TriggerButton","render","Popover","Item","ItemLabel","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\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\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\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<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -142,7 +142,7 @@ function Layout() {
                 children: /*#__PURE__*/_jsx(ErrorBoundary, {
                   children: areas.mobile
                 })
-              })]
+              }), /*#__PURE__*/_jsx(SaveHub, {}), /*#__PURE__*/_jsx(SavePanel, {})]
             }) : /*#__PURE__*/_jsx(ErrorBoundary, {
               children: areas.mobile
             })

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","coreCommandsPrivateApis","routerPrivateApis","PluginArea","store","noticesStore","useDispatch","useSelect","preferencesStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","SaveKeyboardShortcut","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SidebarNavigationProvider","SaveHub","SavePanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","GlobalStylesProvider","useLocation","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","toggleRef","navigateRegionsProps","disableMotion","canvasResizer","canvasSize","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","animationRef","triggerAnimationOnChange","showIconLabels","select","get","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","onPluginAreaError","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\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-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\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{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\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\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\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: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\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\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\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\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarContent routeKey={ routeKey }>\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{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\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<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\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{\n\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\tisResizableFrameOversized,\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\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\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\tcanvasSize.width -\n\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\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\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\tgradientValue ??\n\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} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","coreCommandsPrivateApis","routerPrivateApis","PluginArea","store","noticesStore","useDispatch","useSelect","preferencesStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","SaveKeyboardShortcut","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SidebarNavigationProvider","SaveHub","SavePanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","GlobalStylesProvider","useLocation","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","toggleRef","navigateRegionsProps","disableMotion","canvasResizer","canvasSize","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","animationRef","triggerAnimationOnChange","showIconLabels","select","get","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","onPluginAreaError","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\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-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\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{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\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\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\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: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\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\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\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\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarContent routeKey={ routeKey }>\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{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\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<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\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{\n\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\tisResizableFrameOversized,\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\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\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\tcanvasSize.width -\n\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\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\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\tgradientValue ??\n\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} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -80,7 +80,7 @@ export default function SidebarNavigationScreenMain({
   } else if (isBlockBasedTheme) {
     description = __('Customize the appearance of your website using the block editor.');
   } else {
-    description = __('Explore block styles and patterns to refine your site');
+    description = __('Explore block styles and patterns to refine your site.');
   }
   return /*#__PURE__*/_jsx(SidebarNavigationScreen, {
     isRoot: true,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","className","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","customDescription","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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~~uDACD~~,CAAC;EACF;EAEA,oBACCiB,IAAA,CAACN,uBAAuB;IACvB2B,MAAM;IACNC,KAAK,EAAGvC,EAAE,CAAE,QAAS,CAAG;IACxBqC,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACNvB,IAAA,CAACK,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","className","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","customDescription","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js CHANGED Viewed

@@ -45,37 +45,35 @@ export default function ScreenNavigationMoreMenu(props) {
       popoverProps: POPOVER_PROPS,
       children: ({
         onClose
-      }) => /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsxs(MenuGroup, {
-          children: [/*#__PURE__*/_jsx(MenuItem, {
-            onClick: () => {
-              openRenameModal();
-              // Close the dropdown after opening the modal.
-              onClose();
-            },
-            children: __('Rename')
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            onClick: () => {
-              history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
-            },
-            children: __('Edit')
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            onClick: () => {
-              onDuplicate();
-              onClose();
-            },
-            children: __('Duplicate')
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            isDestructive: true,
-            onClick: () => {
-              openDeleteConfirmDialog();
+      }) => /*#__PURE__*/_jsxs(MenuGroup, {
+        children: [/*#__PURE__*/_jsx(MenuItem, {
+          onClick: () => {
+            openRenameModal();
+            // Close the dropdown after opening the modal.
+            onClose();
+          },
+          children: __('Rename')
+        }), /*#__PURE__*/_jsx(MenuItem, {
+          onClick: () => {
+            history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
+          },
+          children: __('Edit')
+        }), /*#__PURE__*/_jsx(MenuItem, {
+          onClick: () => {
+            onDuplicate();
+            onClose();
+          },
+          children: __('Duplicate')
+        }), /*#__PURE__*/_jsx(MenuItem, {
+          isDestructive: true,
+          onClick: () => {
+            openDeleteConfirmDialog();
-              // Close the dropdown after opening the modal.
-              onClose();
-            },
-            children: __('Delete')
-          })]
-        })
+            // Close the dropdown after opening the modal.
+            onClose();
+          },
+          children: __('Delete')
+        })]
       })
     }), deleteConfirmDialogOpen && /*#__PURE__*/_jsx(DeleteConfirmDialog, {
       onClose: closeModals,

package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DropdownMenu","MenuItem","MenuGroup","moreVertical","__","useState","privateApis","routerPrivateApis","RenameModal","DeleteConfirmDialog","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","children","className","label","icon","popoverProps","onClose","onClick","navigate","isDestructive","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<~~div>\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\topenRenameModal();\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Rename' ) }\n\t\t\t\t\t\t\t</MenuItem>\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\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\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{ __( 'Edit' ) }\n\t\t\t\t\t\t\t</MenuItem>\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\tonDuplicate();\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{ __( 'Duplicate' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Delete' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t~~\t</div>\n\t\t\t\t~~) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,uBAAuB;AACzE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,mBAAmB,MAAM,yBAAyB;AACzD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAEH,iBAAkB,CAAC;AAElD,MAAMW,aAAa,GAAG;EACrBC,QAAQ,EAAE;AACX,CAAC;AAED,eAAe,SAASC,wBAAwBA,CAAEC,KAAK,EAAG;EACzD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAElE,MAAM,CAAEM,eAAe,EAAEC,kBAAkB,CAAE,GAAGvB,QAAQ,CAAE,KAAM,CAAC;EACjE,MAAM,CAAEwB,uBAAuB,EAAEC,0BAA0B,CAAE,GAC5DzB,QAAQ,CAAE,KAAM,CAAC;EAElB,MAAM0B,OAAO,GAAGd,UAAU,CAAC,CAAC;EAE5B,MAAMe,WAAW,GAAGA,CAAA,KAAM;IACzBJ,kBAAkB,CAAE,KAAM,CAAC;IAC3BE,0BAA0B,CAAE,KAAM,CAAC;EACpC,CAAC;EACD,MAAMG,eAAe,GAAGA,CAAA,KAAML,kBAAkB,CAAE,IAAK,CAAC;EACxD,MAAMM,uBAAuB,GAAGA,CAAA,KAAMJ,0BAA0B,CAAE,IAAK,CAAC;EAExE,oBACChB,KAAA,CAAAE,SAAA;IAAAmB,QAAA,gBACCvB,IAAA,CAACZ,YAAY;MACZoC,SAAS,EAAC,+BAA+B;MACzCC,KAAK,EAAGjC,EAAE,CAAE,SAAU,CAAG;MACzBkC,IAAI,EAAGnC,YAAc;MACrBoC,YAAY,EAAGrB,aAAe;MAAAiB,QAAA,EAE5BA,CAAE;QAAEK;MAAQ,CAAC,~~kBACd5B~~,~~IAAA;QAAAuB,QAAA,eACCrB,~~KAAA,CAACZ,SAAS;~~UAAAiC~~,QAAA,gBACTvB,IAAA,CAACX,QAAQ;~~YACRwC~~,OAAO,EAAGA,CAAA,KAAM;~~cACfR~~,eAAe,CAAC,CAAC;~~cACjB~~;~~cACAO~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAL~~,QAAA,EAED/B,EAAE,CAAE,QAAS;~~UAAC~~,CACP,CAAC,eACXQ,IAAA,CAACX,QAAQ;~~YACRwC~~,OAAO,EAAGA,CAAA,KAAM;~~cACfV~~,OAAO,CAACW,QAAQ,CACf,kBAAmBhB,MAAM,cAC1B,CAAC;~~YACF~~,CAAG;~~YAAAS~~,QAAA,EAED/B,EAAE,CAAE,MAAO;~~UAAC~~,CACL,CAAC,eACXQ,IAAA,CAACX,QAAQ;~~YACRwC~~,OAAO,EAAGA,CAAA,KAAM;~~cACfjB~~,WAAW,CAAC,CAAC;~~cACbgB~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAL~~,QAAA,EAED/B,EAAE,CAAE,WAAY;~~UAAC~~,CACV,CAAC,eACXQ,IAAA,CAACX,QAAQ;~~YACR0C~~,aAAa;~~YACbF~~,OAAO,EAAGA,CAAA,KAAM;~~cACfP~~,uBAAuB,CAAC,CAAC;;~~cAEzB~~;~~cACAM~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAL~~,QAAA,EAED/B,EAAE,CAAE,QAAS;~~UAAC~~,CACP,CAAC;~~QAAA~~,CACD;~~MAAC~~,~~CACR;IACL,~~CACY,CAAC,EACbyB,uBAAuB,iBACxBjB,IAAA,CAACH,mBAAmB;MACnB+B,OAAO,EAAGR,WAAa;MACvBY,SAAS,EAAGtB;IAAU,CACtB,CACD,EACCK,eAAe,iBAChBf,IAAA,CAACJ,WAAW;MACXgC,OAAO,EAAGR,WAAa;MACvBP,SAAS,EAAGA,SAAW;MACvBF,MAAM,EAAGA;IAAQ,CACjB,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["DropdownMenu","MenuItem","MenuGroup","moreVertical","__","useState","privateApis","routerPrivateApis","RenameModal","DeleteConfirmDialog","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","children","className","label","icon","popoverProps","onClose","onClick","navigate","isDestructive","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Rename' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\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\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonDuplicate();\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{ __( 'Duplicate' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Delete' ) }\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\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-style/style-rtl.css CHANGED Viewed

@@ -1723,7 +1723,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-shrink: 0;
 }
-.edit-site-global-styles__shadows-panel__title,
 .edit-site-global-styles__shadows-panel__options-container {
   height: 24px;
 }
@@ -2767,7 +2766,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _x51ri_slide-from-right {
+@keyframes _abex3_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2777,7 +2776,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _x51ri_slide-from-left {
+@keyframes _abex3_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2833,10 +2832,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _x51ri_slide-from-left;
+  animation-name: _abex3_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _x51ri_slide-from-right;
+  animation-name: _abex3_slide-from-right;
 }
 .edit-site-sidebar-button {

package/build-style/style.css CHANGED Viewed

@@ -1723,7 +1723,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-shrink: 0;
 }
-.edit-site-global-styles__shadows-panel__title,
 .edit-site-global-styles__shadows-panel__options-container {
   height: 24px;
 }
@@ -2768,7 +2767,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _x51ri_slide-from-right {
+@keyframes _abex3_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2778,7 +2777,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _x51ri_slide-from-left {
+@keyframes _abex3_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2834,10 +2833,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _x51ri_slide-from-left;
+  animation-name: _abex3_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _x51ri_slide-from-right;
+  animation-name: _abex3_slide-from-right;
 }
 .edit-site-sidebar-button {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.19.1",
+	"version": "6.20.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,46 +30,46 @@
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.19.1",
-		"@wordpress/api-fetch": "^7.19.1",
-		"@wordpress/blob": "^4.19.1",
-		"@wordpress/block-editor": "^14.14.1",
-		"@wordpress/block-library": "^9.19.1",
-		"@wordpress/blocks": "^14.8.1",
-		"@wordpress/commands": "^1.19.1",
-		"@wordpress/components": "^29.5.1",
-		"@wordpress/compose": "^7.19.1",
-		"@wordpress/core-commands": "^1.19.1",
-		"@wordpress/core-data": "^7.19.1",
-		"@wordpress/data": "^10.19.1",
-		"@wordpress/dataviews": "^4.15.1",
-		"@wordpress/date": "^5.19.1",
-		"@wordpress/deprecated": "^4.19.1",
-		"@wordpress/dom": "^4.19.1",
-		"@wordpress/editor": "^14.19.1",
-		"@wordpress/element": "^6.19.1",
-		"@wordpress/escape-html": "^3.19.1",
-		"@wordpress/fields": "^0.11.1",
-		"@wordpress/hooks": "^4.19.1",
-		"@wordpress/html-entities": "^4.19.1",
-		"@wordpress/i18n": "^5.19.1",
-		"@wordpress/icons": "^10.19.1",
-		"@wordpress/keyboard-shortcuts": "^5.19.1",
-		"@wordpress/keycodes": "^4.19.1",
-		"@wordpress/media-utils": "^5.19.1",
-		"@wordpress/notices": "^5.19.1",
-		"@wordpress/patterns": "^2.19.1",
-		"@wordpress/plugins": "^7.19.1",
-		"@wordpress/preferences": "^4.19.1",
-		"@wordpress/primitives": "^4.19.1",
-		"@wordpress/private-apis": "^1.19.1",
-		"@wordpress/reusable-blocks": "^5.19.1",
-		"@wordpress/router": "^1.19.1",
-		"@wordpress/style-engine": "^2.19.1",
-		"@wordpress/url": "^4.19.1",
-		"@wordpress/viewport": "^6.19.1",
-		"@wordpress/widgets": "^4.19.1",
-		"@wordpress/wordcount": "^4.19.1",
+		"@wordpress/a11y": "^4.20.0",
+		"@wordpress/api-fetch": "^7.20.0",
+		"@wordpress/blob": "^4.20.0",
+		"@wordpress/block-editor": "^14.15.0",
+		"@wordpress/block-library": "^9.20.0",
+		"@wordpress/blocks": "^14.9.0",
+		"@wordpress/commands": "^1.20.0",
+		"@wordpress/components": "^29.6.0",
+		"@wordpress/compose": "^7.20.0",
+		"@wordpress/core-commands": "^1.20.0",
+		"@wordpress/core-data": "^7.20.0",
+		"@wordpress/data": "^10.20.0",
+		"@wordpress/dataviews": "^4.16.0",
+		"@wordpress/date": "^5.20.0",
+		"@wordpress/deprecated": "^4.20.0",
+		"@wordpress/dom": "^4.20.0",
+		"@wordpress/editor": "^14.20.0",
+		"@wordpress/element": "^6.20.0",
+		"@wordpress/escape-html": "^3.20.0",
+		"@wordpress/fields": "^0.12.0",
+		"@wordpress/hooks": "^4.20.0",
+		"@wordpress/html-entities": "^4.20.0",
+		"@wordpress/i18n": "^5.20.0",
+		"@wordpress/icons": "^10.20.0",
+		"@wordpress/keyboard-shortcuts": "^5.20.0",
+		"@wordpress/keycodes": "^4.20.0",
+		"@wordpress/media-utils": "^5.20.0",
+		"@wordpress/notices": "^5.20.0",
+		"@wordpress/patterns": "^2.20.0",
+		"@wordpress/plugins": "^7.20.0",
+		"@wordpress/preferences": "^4.20.0",
+		"@wordpress/primitives": "^4.20.0",
+		"@wordpress/private-apis": "^1.20.0",
+		"@wordpress/reusable-blocks": "^5.20.0",
+		"@wordpress/router": "^1.20.0",
+		"@wordpress/style-engine": "^2.20.0",
+		"@wordpress/url": "^4.20.0",
+		"@wordpress/viewport": "^6.20.0",
+		"@wordpress/widgets": "^4.20.0",
+		"@wordpress/wordcount": "^4.20.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6f49fee89f840761f7fedf662713cbd4a71723e9"
+	"gitHead": "72476970386146d450c375e5c71a96dda7c9aaa8"
 }

package/src/components/editor/site-preview.js CHANGED Viewed

@@ -4,6 +4,8 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import { focus } from '@wordpress/dom';
+import { addQueryArgs } from '@wordpress/url';
 export default function SitePreview() {
 	const siteUrl = useSelect( ( select ) => {
@@ -12,10 +14,12 @@ export default function SitePreview() {
 		return siteData?.home;
 	}, [] );
-	// If theme is block based, return the Editor, otherwise return the site preview.
 	return (
 		<iframe
-			src={ siteUrl }
+			src={ addQueryArgs( siteUrl, {
+				// Parameter for hiding the admin bar.
+				wp_site_preview: 1,
+			} ) }
 			title={ __( 'Site Preview' ) }
 			style={ {
 				display: 'block',
@@ -24,20 +28,10 @@ export default function SitePreview() {
 				backgroundColor: '#fff',
 			} }
 			onLoad={ ( event ) => {
-				// Hide the admin bar in the front-end preview.
-				const document = event.target.contentDocument;
-				document.getElementById( 'wpadminbar' ).remove();
-				document
-					.getElementsByTagName( 'html' )[ 0 ]
-					.setAttribute( 'style', 'margin-top: 0 !important;' );
-				document
-					.getElementsByTagName( 'body' )[ 0 ]
-					.classList.remove( 'admin-bar' );
 				// Make interactive elements unclickable.
-				const interactiveElements = document.querySelectorAll(
-					'a, button, input, details, audio'
-				);
-				interactiveElements.forEach( ( element ) => {
+				const document = event.target.contentDocument;
+				const focusableElements = focus.focusable.find( document );
+				focusableElements.forEach( ( element ) => {
 					element.style.pointerEvents = 'none';
 					element.tabIndex = -1;
 					element.setAttribute( 'aria-hidden', 'true' );