@wordpress/edit-site 5.31.0 → 5.33.0

package/build/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_interface","_keyboardShortcuts","_commands","_preferences","_blockEditor","_coreCommands","_sidebar","_errorBoundary","_store","_headerEditMode","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_hooks","_router","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","isMobileViewport","useViewportMatch","isDistractionFree","isZoomOutMode","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","blockEditorStore","__unstableGetEditorMode","getBlockSelectionStart","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","fullResizer","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","areas","widths","useLayoutAreas","headerAnimationState","commandContext","backgroundColor","gradientValue","_react","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","__unstableAnimatePresence","initial","NavigableRegion","key","ariaLabel","__","as","motion","y","exit","duration","ease","mobile","style","maxWidth","content","preview","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"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 } 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\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport Sidebar from '../sidebar';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\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 { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\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\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst {\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\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',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { areas, widths } = useLayoutAreas();\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' ) {\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':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t\t'is-zoom-out': isZoomOutMode,\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\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{ canvasMode === 'edit' && (\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</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{ ( ! isMobileViewport ||\n\t\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{ canvasMode === '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<Sidebar />\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<SavePanel />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__mobile\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.mobile }\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\tcanvasMode !== '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{ areas.content }\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.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<motion.div\n\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\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\tscale: 1.005,\n\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\tduration: disableMotion\n\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: 0.5,\n\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},\n\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}\n\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\tlayout=\"position\"\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',\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\ttransition={ {\n\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<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={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\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</motion.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"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_keyboardShortcuts","_commands","_preferences","_blockEditor","_coreCommands","_editor","_errorBoundary","_store","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_hooks","_router","_animation","_sidebar","_saveHub","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","isMobileViewport","useViewportMatch","isDistractionFree","isZoomOutMode","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","blockEditorStore","__unstableGetEditorMode","getBlockSelectionStart","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","fullResizer","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","useLayoutAreas","animationRef","useMovingAnimation","triggerAnimationOnChange","headerAnimationState","commandContext","backgroundColor","gradientValue","_react","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","mobile","ariaLabel","__","__unstableAnimatePresence","initial","exit","duration","ease","sidebar","content","style","maxWidth","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"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 } from '@wordpress/element';\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\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\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 { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\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\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst {\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\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',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = useLayoutAreas();\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\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' ) {\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':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t\t'is-zoom-out': isZoomOutMode,\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\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\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{ ( ! 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{ canvasMode === '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<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\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</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{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ areas.mobile }\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\tcanvasMode !== '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{ areas.content }\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.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={ classnames(\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={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\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\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/router.js

@@ -7,12 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useLayoutAreas;
 var _react = require("react");
 var _router = require("@wordpress/router");
+var _i18n = require("@wordpress/i18n");
 var _lockUnlock = require("../../lock-unlock");
 var _hooks = require("./hooks");
 var _editor = _interopRequireDefault(require("../editor"));
 var _pagePages = _interopRequireDefault(require("../page-pages"));
 var _pagePatterns = _interopRequireDefault(require("../page-patterns"));
 var _pageTemplatesTemplateParts = _interopRequireDefault(require("../page-templates-template-parts"));
+var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
+var _sidebarNavigationScreenGlobalStyles = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles"));
+var _sidebarNavigationScreenMain = _interopRequireDefault(require("../sidebar-navigation-screen-main"));
+var _sidebarNavigationScreenNavigationMenus = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menus"));
+var _sidebarNavigationScreenPage = _interopRequireDefault(require("../sidebar-navigation-screen-page"));
+var _sidebarNavigationScreenTemplatesBrowse = _interopRequireDefault(require("../sidebar-navigation-screen-templates-browse"));
+var _sidebarNavigationScreenTemplate = _interopRequireDefault(require("../sidebar-navigation-screen-template"));
+var _sidebarNavigationScreenPattern = _interopRequireDefault(require("../sidebar-navigation-screen-pattern"));
+var _sidebarNavigationScreenPatterns = _interopRequireDefault(require("../sidebar-navigation-screen-patterns"));
+var _sidebarNavigationScreenNavigationMenu = _interopRequireDefault(require("../sidebar-navigation-screen-navigation-menu"));
+var _sidebarDataviews = _interopRequireDefault(require("../sidebar-dataviews"));
 var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
@@ -23,10 +35,12 @@ var _constants = require("../../utils/constants");
  */
 
 const {
-  useLocation
+  useLocation,
+  useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function useLayoutAreas() {
   const isSiteEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
+  const history = useHistory();
   const {
     params
   } = useLocation();
@@ -42,31 +56,28 @@ function useLayoutAreas() {
   // Note: Since "sidebar" is not yet supported here,
   // returning undefined from "mobile" means show the sidebar.
 
-  // Regular page
+  // Page list
   if (path === '/page') {
+    const isListLayout = layout === 'list' || !layout;
     return {
+      key: 'pages-list',
       areas: {
-        content: undefined,
-        preview: (0, _react.createElement)(_editor.default, {
-          isLoading: isSiteEditorLoading
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreen.default, {
+          title: (0, _i18n.__)('Manage pages'),
+          content: (0, _react.createElement)(_sidebarDataviews.default, null)
         }),
-        mobile: canvas === 'edit' ? (0, _react.createElement)(_editor.default, {
-          isLoading: isSiteEditorLoading
-        }) : undefined
-      },
-      widths: {
-        content: undefined
-      }
-    };
-  }
-  const isListLayout = isCustom !== 'true' && layout === 'list';
-  if (path === '/pages') {
-    return {
-      areas: {
         content: (0, _react.createElement)(_pagePages.default, null),
         preview: isListLayout && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading,
+          onClick: () => history.push({
+            postType: 'page',
+            postId,
+            canvas: 'edit'
+          })
+        }),
+        mobile: canvas === 'edit' ? (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
-        })
+        }) : (0, _react.createElement)(_pagePages.default, null)
       },
       widths: {
         content: isListLayout ? 380 : undefined
@@ -76,22 +87,39 @@ function useLayoutAreas() {
 
   // Regular other post types
   if (postType && postId) {
+    let sidebar;
+    if (postType === 'wp_template_part' || postType === 'wp_block') {
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPattern.default, null);
+    } else if (postType === 'wp_template') {
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenTemplate.default, null);
+    } else if (postType === 'page') {
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPage.default, null);
+    } else {
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenNavigationMenu.default, null);
+    }
     return {
+      key: 'page',
       areas: {
+        sidebar,
         preview: (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
         }),
-        mobile: canvas === 'edit' ? (0, _react.createElement)(_editor.default, {
+        mobile: canvas === 'edit' && (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
-        }) : undefined
+        })
       }
     };
   }
 
   // Templates
   if (path === '/wp_template') {
+    const isListLayout = isCustom !== 'true' && layout === 'list';
     return {
+      key: 'templates-list',
       areas: {
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, {
+          postType: "wp_template"
+        }),
         content: (0, _react.createElement)(_pageTemplatesTemplateParts.default, {
           postType: _constants.TEMPLATE_POST_TYPE
         }),
@@ -110,8 +138,13 @@ function useLayoutAreas() {
 
   // Template parts
   if (path === '/wp_template_part/all') {
+    const isListLayout = isCustom !== 'true' && layout === 'list';
     return {
+      key: 'template-parts',
       areas: {
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, {
+          postType: "wp_template_part"
+        }),
         content: (0, _react.createElement)(_pageTemplatesTemplateParts.default, {
           postType: _constants.TEMPLATE_PART_POST_TYPE
         }),
@@ -131,22 +164,58 @@ function useLayoutAreas() {
   // Patterns
   if (path === '/patterns') {
     return {
+      key: 'patterns',
       areas: {
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenPatterns.default, null),
         content: (0, _react.createElement)(_pagePatterns.default, null),
         mobile: (0, _react.createElement)(_pagePatterns.default, null)
       }
     };
   }
 
+  // Styles
+  if (path === '/wp_global_styles') {
+    return {
+      key: 'styles',
+      areas: {
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.default, null),
+        preview: (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        }),
+        mobile: canvas === 'edit' && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      }
+    };
+  }
+
+  // Navigation
+  if (path === '/navigation') {
+    return {
+      key: 'styles',
+      areas: {
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.default, null),
+        preview: (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        }),
+        mobile: canvas === 'edit' && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      }
+    };
+  }
+
   // Fallback shows the home page preview
   return {
+    key: 'default',
     areas: {
+      sidebar: (0, _react.createElement)(_sidebarNavigationScreenMain.default, null),
       preview: (0, _react.createElement)(_editor.default, {
         isLoading: isSiteEditorLoading
       }),
-      mobile: canvas === 'edit' ? (0, _react.createElement)(_editor.default, {
+      mobile: canvas === 'edit' && (0, _react.createElement)(_editor.default, {
         isLoading: isSiteEditorLoading
-      }) : undefined
+      })
     }
   };
 }

package/build/components/layout/router.js.map

@@ -1 +1 @@
-{"version":3,"names":["_router","require","_lockUnlock","_hooks","_editor","_interopRequireDefault","_pagePages","_pagePatterns","_pageTemplatesTemplateParts","_constants","useLocation","unlock","routerPrivateApis","useLayoutAreas","isSiteEditorLoading","useIsSiteEditorLoading","params","postType","postId","path","layout","isCustom","canvas","areas","content","undefined","preview","_react","createElement","default","isLoading","mobile","widths","isListLayout","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useIsSiteEditorLoading } from './hooks';\nimport Editor from '../editor';\nimport PagePages from '../page-pages';\nimport PagePatterns from '../page-patterns';\nimport PageTemplatesTemplateParts from '../page-templates-template-parts';\n\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function useLayoutAreas() {\n\tconst isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params ?? {};\n\n\t// Note: Since \"sidebar\" is not yet supported here,\n\t// returning undefined from \"mobile\" means show the sidebar.\n\n\t// Regular page\n\tif ( path === '/page' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: undefined,\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\n\tif ( path === '/pages' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePages />,\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Regular other post types\n\tif ( postType && postId ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( path === '/wp_template' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Template parts\n\tif ( path === '/wp_template_part/all' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Patterns\n\tif ( path === '/patterns' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: <PagePatterns />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tareas: {\n\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile:\n\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t) : undefined,\n\t\t},\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["_router","require","_i18n","_lockUnlock","_hooks","_editor","_interopRequireDefault","_pagePages","_pagePatterns","_pageTemplatesTemplateParts","_sidebarNavigationScreen","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenMain","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenPage","_sidebarNavigationScreenTemplatesBrowse","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPattern","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenNavigationMenu","_sidebarDataviews","_constants","useLocation","useHistory","unlock","routerPrivateApis","useLayoutAreas","isSiteEditorLoading","useIsSiteEditorLoading","history","params","postType","postId","path","layout","isCustom","canvas","isListLayout","key","areas","sidebar","_react","createElement","default","title","__","content","preview","isLoading","onClick","push","mobile","widths","undefined","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useIsSiteEditorLoading } from './hooks';\nimport Editor from '../editor';\nimport PagePages from '../page-pages';\nimport PagePatterns from '../page-patterns';\nimport PageTemplatesTemplateParts from '../page-templates-template-parts';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport default function useLayoutAreas() {\n\tconst isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params ?? {};\n\n\t// Note: Since \"sidebar\" is not yet supported here,\n\t// returning undefined from \"mobile\" means show the sidebar.\n\n\t// Page list\n\tif ( path === '/page' ) {\n\t\tconst isListLayout = layout === 'list' || ! layout;\n\t\treturn {\n\t\t\tkey: 'pages-list',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'Manage pages' ) }\n\t\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tcontent: <PagePages />,\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor\n\t\t\t\t\t\tisLoading={ isSiteEditorLoading }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\tpostType: 'page',\n\t\t\t\t\t\t\t\tpostId,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\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),\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<PagePages />\n\t\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Regular other post types\n\tif ( postType && postId ) {\n\t\tlet sidebar;\n\t\tif ( postType === 'wp_template_part' || postType === 'wp_block' ) {\n\t\t\tsidebar = <SidebarNavigationScreenPattern />;\n\t\t} else if ( postType === 'wp_template' ) {\n\t\t\tsidebar = <SidebarNavigationScreenTemplate />;\n\t\t} else if ( postType === 'page' ) {\n\t\t\tsidebar = <SidebarNavigationScreenPage />;\n\t\t} else {\n\t\t\tsidebar = <SidebarNavigationScreenNavigationMenu />;\n\t\t}\n\t\treturn {\n\t\t\tkey: 'page',\n\t\t\tareas: {\n\t\t\t\tsidebar,\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( path === '/wp_template' ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'templates-list',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenTemplatesBrowse postType=\"wp_template\" />\n\t\t\t\t),\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Template parts\n\tif ( path === '/wp_template_part/all' ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'template-parts',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenTemplatesBrowse postType=\"wp_template_part\" />\n\t\t\t\t),\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Patterns\n\tif ( path === '/patterns' ) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenPatterns />,\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: <PagePatterns />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Styles\n\tif ( path === '/wp_global_styles' ) {\n\t\treturn {\n\t\t\tkey: 'styles',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenGlobalStyles />,\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\t}\n\n\t// Navigation\n\tif ( path === '/navigation' ) {\n\t\treturn {\n\t\t\tkey: 'styles',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenNavigationMenus />,\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tkey: 'default',\n\t\tareas: {\n\t\t\tsidebar: <SidebarNavigationScreenMain />,\n\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t),\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/media/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_coreData","require","Media","id","size","props","record","media","useEntityRecord","currentSize","find","s","media_details","sizes","mediaUrl","source_url","_react","createElement","src","alt","alt_text","_default","exports","default"],"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\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,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,GAAG,IAAAC,yBAAe,EAAE,MAAM,EAAE,OAAO,EAAEL,EAAG,CAAC;EAChE,MAAMM,WAAW,GAAGL,IAAI,CAACM,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEJ,KAAK,EAAEK,aAAa,EAAEC,KAAK,CAAEF,CAAC,CAC3C,CAAC;EAED,MAAMG,QAAQ,GACbP,KAAK,EAAEK,aAAa,EAAEC,KAAK,CAAEJ,WAAW,CAAE,EAAEM,UAAU,IACtDR,KAAK,EAAEQ,UAAU;EAElB,IAAK,CAAED,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAO,IAAAE,MAAA,CAAAC,aAAA;IAAA,GAAUZ,KAAK;IAAGa,GAAG,EAAGJ,QAAU;IAACK,GAAG,EAAGZ,KAAK,CAACa;EAAU,CAAE,CAAC;AACpE;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcrB,KAAK"}
+{"version":3,"names":["_coreData","require","Media","id","size","props","record","media","useEntityRecord","currentSize","find","s","media_details","sizes","mediaUrl","source_url","_react","createElement","src","alt","alt_text","_default","exports","default"],"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\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,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,GAAG,IAAAC,yBAAe,EAAE,MAAM,EAAE,OAAO,EAAEL,EAAG,CAAC;EAChE,MAAMM,WAAW,GAAGL,IAAI,CAACM,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEJ,KAAK,EAAEK,aAAa,EAAEC,KAAK,CAAEF,CAAC,CAC3C,CAAC;EAED,MAAMG,QAAQ,GACbP,KAAK,EAAEK,aAAa,EAAEC,KAAK,CAAEJ,WAAW,CAAE,EAAEM,UAAU,IACtDR,KAAK,EAAEQ,UAAU;EAElB,IAAK,CAAED,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAO,IAAAE,MAAA,CAAAC,aAAA;IAAA,GAAUZ,KAAK;IAAGa,GAAG,EAAGJ,QAAU;IAACK,GAAG,EAAGZ,KAAK,CAACa;EAAU,CAAE,CAAC;AACpE;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcrB,KAAK","ignoreList":[]}

package/build/components/page/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Header","title","subTitle","actions","_react","createElement","__experimentalHStack","as","alignment","className","FlexBlock","__experimentalHeading","level","weight","__experimentalText","FlexItem"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<HStack as=\"header\" alignment=\"left\" className=\"edit-site-page-header\">\n\t\t\t<FlexBlock className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ subTitle && (\n\t\t\t\t\t<Text as=\"p\" className=\"edit-site-page-header__sub-title\">\n\t\t\t\t\t\t{ subTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</FlexBlock>\n\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t{ actions }\n\t\t\t</FlexItem>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASA;AACA;AACA;;AAEe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IAACC,EAAE,EAAC,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC;EAAuB,GACrE,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAY,SAAS;IAACD,SAAS,EAAC;EAAmC,GACvD,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAa,qBAAO;IACPJ,EAAE,EAAC,IAAI;IACPK,KAAK,EAAG,CAAG;IACXC,MAAM,EAAG,GAAK;IACdJ,SAAS,EAAC;EAA8B,GAEtCR,KACM,CAAC,EACRC,QAAQ,IACT,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAgB,kBAAI;IAACP,EAAE,EAAC,GAAG;IAACE,SAAS,EAAC;EAAkC,GACtDP,QACG,CAEG,CAAC,EACZ,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAiB,QAAQ;IAACN,SAAS,EAAC;EAAgC,GACjDN,OACO,CACH,CAAC;AAEX"}
+{"version":3,"names":["_components","require","Header","title","subTitle","actions","_react","createElement","__experimentalHStack","as","alignment","className","FlexBlock","__experimentalHeading","level","weight","__experimentalText","FlexItem"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<HStack as=\"header\" alignment=\"left\" className=\"edit-site-page-header\">\n\t\t\t<FlexBlock className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ subTitle && (\n\t\t\t\t\t<Text as=\"p\" className=\"edit-site-page-header__sub-title\">\n\t\t\t\t\t\t{ subTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</FlexBlock>\n\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t{ actions }\n\t\t\t</FlexItem>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASA;AACA;AACA;;AAEe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,oBAAM;IAACC,EAAE,EAAC,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC;EAAuB,GACrE,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAY,SAAS;IAACD,SAAS,EAAC;EAAmC,GACvD,IAAAL,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAa,qBAAO;IACPJ,EAAE,EAAC,IAAI;IACPK,KAAK,EAAG,CAAG;IACXC,MAAM,EAAG,GAAK;IACdJ,SAAS,EAAC;EAA8B,GAEtCR,KACM,CAAC,EACRC,QAAQ,IACT,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAgB,kBAAI;IAACP,EAAE,EAAC,GAAG;IAACE,SAAS,EAAC;EAAkC,GACtDP,QACG,CAEG,CAAC,EACZ,IAAAE,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAiB,QAAQ;IAACN,SAAS,EAAC;EAAgC,GACjDN,OACO,CACH,CAAC;AAEX","ignoreList":[]}

package/build/components/page/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Page;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _interface = require("@wordpress/interface");
 var _editor = require("@wordpress/editor");
 var _header = _interopRequireDefault(require("./header"));
+var _lockUnlock = require("../../lock-unlock");
 /**
  * External dependencies
  */
@@ -22,6 +22,9 @@ var _header = _interopRequireDefault(require("./header"));
  * Internal dependencies
  */
 
+const {
+  NavigableRegion
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 function Page({
   title,
   subTitle,
@@ -31,7 +34,7 @@ function Page({
   hideTitleFromUI = false
 }) {
   const classes = (0, _classnames.default)('edit-site-page', className);
-  return (0, _react.createElement)(_interface.NavigableRegion, {
+  return (0, _react.createElement)(NavigableRegion, {
     className: classes,
     ariaLabel: title
   }, (0, _react.createElement)("div", {

package/build/components/page/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_interface","_editor","_header","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","classnames","_react","createElement","NavigableRegion","ariaLabel","default","EditorSnackbars"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { NavigableRegion } from '@wordpress/interface';\nimport { EditorSnackbars } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = classnames( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t\t<EditorSnackbars />\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE,gBAAgB,EAAEH,SAAU,CAAC;EAEzD,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACb,UAAA,CAAAc,eAAe;IAACN,SAAS,EAAGE,OAAS;IAACK,SAAS,EAAGX;EAAO,GACzD,IAAAQ,MAAA,CAAAC,aAAA;IAAKL,SAAS,EAAC;EAAwB,GACpC,CAAEC,eAAe,IAAIL,KAAK,IAC3B,IAAAQ,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAc,OAAM;IACNZ,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CACD,EACCC,QACE,CAAC,EACN,IAAAK,MAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAgB,eAAe,MAAE,CACF,CAAC;AAEpB"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_editor","_header","_lockUnlock","NavigableRegion","unlock","editorPrivateApis","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","classnames","_react","createElement","ariaLabel","default","EditorSnackbars"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = classnames( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t\t<EditorSnackbars />\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEI;AAAgB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAExC,SAASC,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE,gBAAgB,EAAEH,SAAU,CAAC;EAEzD,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACb,eAAe;IAACQ,SAAS,EAAGE,OAAS;IAACI,SAAS,EAAGV;EAAO,GACzD,IAAAQ,MAAA,CAAAC,aAAA;IAAKL,SAAS,EAAC;EAAwB,GACpC,CAAEC,eAAe,IAAIL,KAAK,IAC3B,IAAAQ,MAAA,CAAAC,aAAA,EAACf,OAAA,CAAAiB,OAAM;IACNX,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CACD,EACCC,QACE,CAAC,EACN,IAAAK,MAAA,CAAAC,aAAA,EAAChB,OAAA,CAAAmB,eAAe,MAAE,CACF,CAAC;AAEpB","ignoreList":[]}

package/build/components/page-pages/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PagePages;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
@@ -16,20 +15,16 @@ var _date = require("@wordpress/date");
 var _router = require("@wordpress/router");
 var _data = require("@wordpress/data");
 var _dataviews = require("@wordpress/dataviews");
+var _editor = require("@wordpress/editor");
 var _page = _interopRequireDefault(require("../page"));
 var _link = _interopRequireWildcard(require("../routes/link"));
 var _defaultViews = require("../sidebar-dataviews/default-views");
 var _constants = require("../../utils/constants");
-var _actions = require("../actions");
 var _addNewPage = _interopRequireDefault(require("../add-new-page"));
 var _media = _interopRequireDefault(require("../media"));
 var _lockUnlock = require("../../lock-unlock");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * WordPress dependencies
  */
@@ -38,6 +33,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Internal dependencies
  */
 
+const {
+  usePostActions
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const {
   useLocation,
   useHistory
@@ -149,6 +147,7 @@ function FeaturedImage({
   item,
   viewType
 }) {
+  const isDisabled = item.status === 'trash';
   const {
     onClick
   } = (0, _link.useLink)({
@@ -163,18 +162,17 @@ function FeaturedImage({
     id: item.featured_media,
     size: size
   }) : null;
-  if (viewType === _constants.LAYOUT_LIST) {
-    return media;
-  }
-  return (0, _react.createElement)("button", {
-    className: (0, _classnames.default)('page-pages-preview-field__button', {
-      'edit-site-page-pages__media-wrapper': viewType === _constants.LAYOUT_TABLE
-    }),
+  const renderButton = viewType !== _constants.LAYOUT_LIST && !isDisabled;
+  return (0, _react.createElement)("div", {
+    className: `edit-site-page-pages__featured-image-wrapper is-layout-${viewType}`
+  }, renderButton ? (0, _react.createElement)("button", {
+    className: "page-pages-preview-field__button",
     type: "button",
     onClick: onClick,
     "aria-label": item.title?.rendered || (0, _i18n.__)('(no title)')
-  }, media);
+  }, media) : media);
 }
+const PAGE_ACTIONS = ['edit-post', 'view-post', 'restore', 'permanently-delete', 'view-post-revisions', 'rename-post', 'move-to-trash'];
 function PagePages() {
   const postType = 'page';
   const [view, setView] = useView(postType);
@@ -229,7 +227,9 @@ function PagePages() {
   const {
     records: authors,
     isResolving: isLoadingAuthors
-  } = (0, _coreData.useEntityRecords)('root', 'user');
+  } = (0, _coreData.useEntityRecords)('root', 'user', {
+    per_page: -1
+  });
   const paginationInfo = (0, _element.useMemo)(() => ({
     totalItems,
     totalPages
@@ -257,7 +257,8 @@ function PagePages() {
     render: ({
       item
     }) => {
-      return [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID].includes(view.type) ? (0, _react.createElement)(_link.default, {
+      const addLink = [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID].includes(view.type) && item.status !== 'trash';
+      return addLink ? (0, _react.createElement)(_link.default, {
         params: {
           postId: item.id,
           postType: item.type,
@@ -308,10 +309,17 @@ function PagePages() {
       return (0, _react.createElement)("time", null, formattedDate);
     }
   }], [authors, view.type]);
-  const permanentlyDeletePostAction = (0, _actions.usePermanentlyDeletePostAction)();
-  const restorePostAction = (0, _actions.useRestorePostAction)();
-  const editPostAction = (0, _actions.useEditPostAction)();
-  const actions = (0, _element.useMemo)(() => [editPostAction, _actions.viewPostAction, restorePostAction, permanentlyDeletePostAction, _actions.postRevisionsAction, _actions.trashPostAction], [permanentlyDeletePostAction, restorePostAction, editPostAction]);
+  const onActionPerformed = (0, _element.useCallback)((actionId, items) => {
+    if (actionId === 'edit-post') {
+      const post = items[0];
+      history.push({
+        postId: post.id,
+        postType: post.type,
+        canvas: 'edit'
+      });
+    }
+  }, [history]);
+  const actions = usePostActions(onActionPerformed, PAGE_ACTIONS);
   const onChangeView = (0, _element.useCallback)(newView => {
     if (newView.type !== view.type) {
       newView = {
@@ -324,17 +332,9 @@ function PagePages() {
     setView(newView);
   }, [view.type, setView]);
   const [showAddPageModal, setShowAddPageModal] = (0, _element.useState)(false);
-  const openModal = (0, _element.useCallback)(() => {
-    if (!showAddPageModal) {
-      setShowAddPageModal(true);
-    }
-  }, [showAddPageModal]);
-  const closeModal = (0, _element.useCallback)(() => {
-    if (showAddPageModal) {
-      setShowAddPageModal(false);
-    }
-  }, [showAddPageModal]);
-  const handleNewPage = (0, _element.useCallback)(({
+  const openModal = () => setShowAddPageModal(true);
+  const closeModal = () => setShowAddPageModal(false);
+  const handleNewPage = ({
     type,
     id
   }) => {
@@ -344,7 +344,7 @@ function PagePages() {
       canvas: 'edit'
     });
     closeModal();
-  }, [history]);
+  };
 
   // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
   return (0, _react.createElement)(_page.default, {