@wordpress/edit-site 5.26.0 → 5.27.1

package/build/components/layout/index.js

@@ -17,13 +17,10 @@ var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _commands = require("@wordpress/commands");
 var _preferences = require("@wordpress/preferences");
 var _blockEditor = require("@wordpress/block-editor");
-var _router = require("@wordpress/router");
 var _coreCommands = require("@wordpress/core-commands");
 var _sidebar = _interopRequireDefault(require("../sidebar"));
-var _editor = _interopRequireDefault(require("../editor"));
 var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
 var _store = require("../../store");
-var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-page"));
 var _headerEditMode = _interopRequireDefault(require("../header-edit-mode"));
 var _useInitEditedEntityFromUrl = _interopRequireDefault(require("../sync-state-with-url/use-init-edited-entity-from-url"));
 var _siteHub = _interopRequireDefault(require("../site-hub"));
@@ -35,8 +32,8 @@ var _register = _interopRequireDefault(require("../keyboard-shortcuts/register")
 var _global = _interopRequireDefault(require("../keyboard-shortcuts/global"));
 var _useCommonCommands = require("../../hooks/commands/use-common-commands");
 var _useEditModeCommands = require("../../hooks/commands/use-edit-mode-commands");
-var _pageMain = _interopRequireDefault(require("../page-main"));
 var _hooks = require("./hooks");
+var _router = _interopRequireDefault(require("./router"));
 /**
  * External dependencies
  */
@@ -55,9 +52,6 @@ const {
 const {
   useCommandContext
 } = (0, _lockUnlock.unlock)(_commands.privateApis);
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
 const {
   useGlobalStyle
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
@@ -70,12 +64,7 @@ function Layout() {
   (0, _useEditModeCommands.useEditModeCommands)();
   (0, _useCommonCommands.useCommonCommands)();
   (0, _blockEditor.useBlockCommands)();
-  const {
-    params
-  } = useLocation();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const isListPage = (0, _getIsListPage.default)(params, isMobileViewport);
-  const isEditorPage = !isListPage;
   const {
     isDistractionFree,
     hasFixedToolbar,
@@ -99,19 +88,19 @@ function Layout() {
       hasBlockSelected: select(_blockEditor.store).getBlockSelectionStart()
     };
   }, []);
-  const isEditing = canvasMode === 'edit';
   const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)({
     previous: previousShortcut,
     next: nextShortcut
   });
   const disableMotion = (0, _compose.useReducedMotion)();
-  const showSidebar = isMobileViewport && canvasMode === 'view' && !isListPage || !isMobileViewport && (canvasMode === 'view' || !isEditorPage);
-  const showCanvas = isMobileViewport && isEditorPage && isEditing || !isMobileViewport || !isEditorPage;
-  const isFullCanvas = isMobileViewport && isListPage || isEditorPage && isEditing;
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
   const [fullResizer] = (0, _compose.useResizeObserver)();
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false);
+  const {
+    areas,
+    widths
+  } = (0, _router.default)();
 
   // This determines which animation variant should apply to the header.
   // There is also a `isDistractionFreeHovering` state that gets priority
@@ -135,7 +124,7 @@ function Layout() {
 
   // Sets the right context for the command palette
   let commandContext = 'site-editor';
-  if (canvasMode === 'edit' && isEditorPage) {
+  if (canvasMode === 'edit') {
     commandContext = 'site-editor-edit';
   }
   if (hasBlockSelected) {
@@ -155,9 +144,8 @@ function Layout() {
     ...navigateRegionsProps,
     ref: navigateRegionsProps.ref,
     className: (0, _classnames.default)('edit-site-layout', navigateRegionsProps.className, {
-      'is-distraction-free': isDistractionFree && isEditing,
-      'is-full-canvas': isFullCanvas,
-      'is-edit-mode': isEditing,
+      'is-distraction-free': isDistractionFree && canvasMode === 'edit',
+      'is-full-canvas': canvasMode === 'edit',
       'has-fixed-toolbar': hasFixedToolbar,
       'is-block-toolbar-visible': hasBlockSelected
     })
@@ -196,7 +184,7 @@ function Layout() {
     className: "edit-site-layout__hub"
   }), (0, _react.createElement)(_components.__unstableAnimatePresence, {
     initial: false
-  }, isEditorPage && isEditing && (0, _react.createElement)(_interface.NavigableRegion, {
+  }, canvasMode === 'edit' && (0, _react.createElement)(_interface.NavigableRegion, {
     key: "header",
     className: "edit-site-layout__header",
     ariaLabel: (0, _i18n.__)('Editor top bar'),
@@ -236,7 +224,7 @@ function Layout() {
   }, (0, _react.createElement)(_interface.NavigableRegion, {
     ariaLabel: (0, _i18n.__)('Navigation'),
     className: "edit-site-layout__sidebar-region"
-  }, (0, _react.createElement)(_components.__unstableAnimatePresence, null, showSidebar && (0, _react.createElement)(_components.__unstableMotion.div, {
+  }, (0, _react.createElement)(_components.__unstableAnimatePresence, null, canvasMode === 'view' && (0, _react.createElement)(_components.__unstableMotion.div, {
     initial: {
       opacity: 0
     },
@@ -254,10 +242,15 @@ function Layout() {
       ease: 'easeOut'
     },
     className: "edit-site-layout__sidebar"
-  }, (0, _react.createElement)(_sidebar.default, null)))), (0, _react.createElement)(_savePanel.default, null), showCanvas && (0, _react.createElement)(_react.Fragment, null, isListPage && (0, _react.createElement)(_pageMain.default, null), isEditorPage && (0, _react.createElement)("div", {
+  }, (0, _react.createElement)(_sidebar.default, null)))), (0, _react.createElement)(_savePanel.default, null), areas.content && canvasMode !== 'edit' && (0, _react.createElement)("div", {
+    className: "edit-site-layout__area",
+    style: {
+      maxWidth: widths?.content
+    }
+  }, areas.content), areas.preview && (0, _react.createElement)("div", {
     className: "edit-site-layout__canvas-container"
   }, canvasResizer, !!canvasSize.width && (0, _react.createElement)(_components.__unstableMotion.div, {
-    whileHover: isEditorPage && canvasMode === 'view' ? {
+    whileHover: canvasMode === 'view' ? {
       scale: 1.005,
       transition: {
         duration: disableMotion ? 0 : 0.5,
@@ -276,7 +269,7 @@ function Layout() {
     }
   }, (0, _react.createElement)(_errorBoundary.default, null, (0, _react.createElement)(_resizableFrame.default, {
     isReady: !isEditorLoading,
-    isFullWidth: isEditing,
+    isFullWidth: canvasMode === 'edit',
     defaultSize: {
       width: canvasSize.width - 24 /* $canvas-padding */,
       height: canvasSize.height
@@ -286,8 +279,6 @@ function Layout() {
     innerContentStyle: {
       background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
     }
-  }, (0, _react.createElement)(_editor.default, {
-    isLoading: isEditorLoading
-  })))))))));
+  }, areas.preview)))))));
 }
 //# sourceMappingURL=index.js.map

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

package/build/components/layout/router.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLayoutAreas;
+var _react = require("react");
+var _router = require("@wordpress/router");
+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 _constants = require("../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+function useLayoutAreas() {
+  const isSiteEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
+  const {
+    params
+  } = useLocation();
+  const {
+    postType,
+    postId,
+    path,
+    layout,
+    isCustom
+  } = params !== null && params !== void 0 ? params : {};
+  // Regular page
+  if (path === '/page') {
+    return {
+      areas: {
+        content: undefined,
+        preview: (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      },
+      widths: {
+        content: undefined
+      }
+    };
+  }
+
+  // List layout is still experimental.
+  // Extracted it here out of the conditionals so it doesn't unintentionally becomes stable.
+  const isListLayout = isCustom !== 'true' && layout === 'list' && window?.__experimentalAdminViews;
+  if (path === '/pages') {
+    return {
+      areas: {
+        content: (0, _react.createElement)(_pagePages.default, null),
+        preview: isListLayout && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      },
+      widths: {
+        content: isListLayout ? 380 : undefined
+      }
+    };
+  }
+
+  // Regular other post types
+  if (postType && postId) {
+    return {
+      areas: {
+        preview: (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      }
+    };
+  }
+
+  // Templates
+  if (path === '/wp_template/all') {
+    return {
+      areas: {
+        content: (0, _react.createElement)(_pageTemplatesTemplateParts.default, {
+          postType: _constants.TEMPLATE_POST_TYPE
+        }),
+        preview: isListLayout && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      },
+      widths: {
+        content: isListLayout ? 380 : undefined
+      }
+    };
+  }
+
+  // Template parts
+  if (path === '/wp_template_part/all') {
+    return {
+      areas: {
+        content: (0, _react.createElement)(_pageTemplatesTemplateParts.default, {
+          postType: _constants.TEMPLATE_PART_POST_TYPE
+        }),
+        preview: isListLayout && (0, _react.createElement)(_editor.default, {
+          isLoading: isSiteEditorLoading
+        })
+      },
+      widths: {
+        content: isListLayout ? 380 : undefined
+      }
+    };
+  }
+
+  // Patterns
+  if (path === '/patterns') {
+    return {
+      areas: {
+        content: (0, _react.createElement)(_pagePatterns.default, null)
+      }
+    };
+  }
+
+  // Fallback shows the home page preview
+  return {
+    areas: {
+      preview: (0, _react.createElement)(_editor.default, {
+        isLoading: isSiteEditorLoading
+      })
+    }
+  };
+}
+//# sourceMappingURL=router.js.map

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

@@ -0,0 +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","areas","content","undefined","preview","_react","createElement","default","isLoading","widths","isListLayout","window","__experimentalAdminViews","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 } = params ?? {};\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},\n\t\t\twidths: {\n\t\t\t\tcontent: undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// List layout is still experimental.\n\t// Extracted it here out of the conditionals so it doesn't unintentionally becomes stable.\n\tconst isListLayout =\n\t\tisCustom !== 'true' &&\n\t\tlayout === 'list' &&\n\t\twindow?.__experimentalAdminViews;\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},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( path === '/wp_template/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_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},\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},\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},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tareas: { preview: <Editor isLoading={ isSiteEditorLoading } /> },\n\t};\n}\n"],"mappings":"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"}