@wordpress/edit-site 5.34.0 → 5.35.0

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

@@ -4,28 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = HeaderEditMode;
+exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _compose = require("@wordpress/compose");
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _preferences = require("@wordpress/preferences");
 var _editor = require("@wordpress/editor");
+var _data = require("@wordpress/data");
 var _moreMenu = _interopRequireDefault(require("./more-menu"));
-var _saveButton = _interopRequireDefault(require("../save-button"));
-var _documentTools = _interopRequireDefault(require("./document-tools"));
-var _store = require("../../store");
-var _editorCanvasContainer = require("../editor-canvas-container");
 var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../../utils/constants");
+var _saveButton = _interopRequireDefault(require("../save-button"));
 var _isPreviewingTheme2 = require("../../utils/is-previewing-theme");
-/**
- * External dependencies
- */
-
+var _editorCanvasContainer = require("../editor-canvas-container");
+var _store = require("../../store");
 /**
  * WordPress dependencies
  */
@@ -35,116 +23,28 @@ var _isPreviewingTheme2 = require("../../utils/is-previewing-theme");
  */
 
 const {
-  CollapsableBlockToolbar,
-  MoreMenu,
-  PostViewLink,
-  PreviewDropdown,
-  PinnedItems,
-  PostPublishButtonOrToggle
+  Header: EditorHeader
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
-function HeaderEditMode({
+function Header({
   setEntitiesSavedStatesCallback
 }) {
+  const _isPreviewingTheme = (0, _isPreviewingTheme2.isPreviewingTheme)();
+  const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
   const {
-    templateType,
-    isDistractionFree,
-    blockEditorMode,
-    showIconLabels,
-    editorCanvasView,
-    isFixedToolbar,
-    isPublishSidebarOpened
+    editorCanvasView
   } = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostType
-    } = select(_store.store);
-    const {
-      __unstableGetEditorMode
-    } = select(_blockEditor.store);
-    const {
-      get: getPreference
-    } = select(_preferences.store);
-    const {
-      getDeviceType
-    } = select(_editor.store);
     return {
-      deviceType: getDeviceType(),
-      templateType: getEditedPostType(),
-      blockEditorMode: __unstableGetEditorMode(),
-      showIconLabels: getPreference('core', 'showIconLabels'),
-      editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
-      isDistractionFree: getPreference('core', 'distractionFree'),
-      isFixedToolbar: getPreference('core', 'fixedToolbar'),
-      isPublishSidebarOpened: select(_editor.store).isPublishSidebarOpened()
+      editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView()
     };
   }, []);
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const showTopToolbar = isLargeViewport && isFixedToolbar && blockEditorMode !== 'zoom-out';
-  const disableMotion = (0, _compose.useReducedMotion)();
-  const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
-  const isFocusMode = _constants.FOCUSABLE_ENTITIES.includes(templateType);
-  const isZoomedOutView = blockEditorMode === 'zoom-out';
-  const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, _element.useState)(true);
-  const toolbarVariants = {
-    isDistractionFree: {
-      y: '-50px'
-    },
-    isDistractionFreeHovering: {
-      y: 0
-    },
-    view: {
-      y: 0
-    },
-    edit: {
-      y: 0
-    }
-  };
-  const toolbarTransition = {
-    type: 'tween',
-    duration: disableMotion ? 0 : 0.2,
-    ease: 'easeOut'
-  };
-  const _isPreviewingTheme = (0, _isPreviewingTheme2.isPreviewingTheme)();
-  return (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-header-edit-mode', {
-      'show-icon-labels': showIconLabels,
-      'show-block-toolbar': !isBlockToolsCollapsed && showTopToolbar
-    })
-  }, hasDefaultEditorCanvasView && (0, _react.createElement)(_components.__unstableMotion.div, {
-    className: "edit-site-header-edit-mode__start",
-    variants: toolbarVariants,
-    transition: toolbarTransition
-  }, (0, _react.createElement)(_documentTools.default, {
-    blockEditorMode: blockEditorMode,
-    isDistractionFree: isDistractionFree
-  }), showTopToolbar && (0, _react.createElement)(CollapsableBlockToolbar, {
-    isCollapsed: isBlockToolsCollapsed,
-    onToggle: setIsBlockToolsCollapsed
-  })), !isDistractionFree && (0, _react.createElement)("div", {
-    className: "edit-site-header-edit-mode__center"
-  }, !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : (0, _react.createElement)(_editor.DocumentBar, null)), (0, _react.createElement)("div", {
-    className: "edit-site-header-edit-mode__end"
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    className: "edit-site-header-edit-mode__actions",
-    variants: toolbarVariants,
-    transition: toolbarTransition
-  }, isLargeViewport && (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-header-edit-mode__preview-options', {
-      'is-zoomed-out': isZoomedOutView
-    })
-  }, (0, _react.createElement)(PreviewDropdown, {
-    disabled: isFocusMode || !hasDefaultEditorCanvasView
-  })), (0, _react.createElement)(PostViewLink, null), !_isPreviewingTheme && !isPublishSidebarOpened &&
-  // This button isn't completely hidden by the publish sidebar.
-  // We can't hide the whole toolbar when the publish sidebar is open because
-  // we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.
-  // We track that DOM node to return focus to the PostPublishButtonOrToggle
-  // when the publish sidebar has been closed.
-  (0, _react.createElement)(_editor.PostSavedState, null), !_isPreviewingTheme && (0, _react.createElement)(PostPublishButtonOrToggle, {
-    setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
-  }), _isPreviewingTheme && (0, _react.createElement)(_saveButton.default, {
-    size: "compact"
-  }), !isDistractionFree && (0, _react.createElement)(PinnedItems.Slot, {
-    scope: "core"
-  }), (0, _react.createElement)(MoreMenu, null), (0, _react.createElement)(_moreMenu.default, null))));
+  return (0, _react.createElement)(EditorHeader, {
+    setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
+    customSaveButton: _isPreviewingTheme && (0, _react.createElement)(_saveButton.default, {
+      size: "compact"
+    }),
+    forceDisableBlockTools: !hasDefaultEditorCanvasView,
+    title: !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : undefined
+  }, (0, _react.createElement)(_moreMenu.default, null));
 }
+var _default = exports.default = Header;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_blockEditor","_data","_element","_components","_preferences","_editor","_moreMenu","_saveButton","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","_isPreviewingTheme2","CollapsableBlockToolbar","MoreMenu","PostViewLink","PreviewDropdown","PinnedItems","PostPublishButtonOrToggle","unlock","editorPrivateApis","HeaderEditMode","setEntitiesSavedStatesCallback","templateType","isDistractionFree","blockEditorMode","showIconLabels","editorCanvasView","isFixedToolbar","isPublishSidebarOpened","useSelect","select","getEditedPostType","editSiteStore","__unstableGetEditorMode","blockEditorStore","get","getPreference","preferencesStore","getDeviceType","editorStore","deviceType","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","showTopToolbar","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_isPreviewingTheme","isPreviewingTheme","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","isCollapsed","onToggle","getEditorCanvasContainerTitle","DocumentBar","disabled","PostSavedState","size","Slot","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tDocumentBar,\n\tPostSavedState,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SiteEditorMoreMenuItems from './more-menu';\nimport SaveButton from '../save-button';\nimport DocumentTools from './document-tools';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst {\n\tCollapsableBlockToolbar,\n\tMoreMenu,\n\tPostViewLink,\n\tPreviewDropdown,\n\tPinnedItems,\n\tPostPublishButtonOrToggle,\n} = unlock( editorPrivateApis );\n\nexport default function HeaderEditMode( { setEntitiesSavedStatesCallback } ) {\n\tconst {\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\tisFixedToolbar,\n\t\tisPublishSidebarOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst { getDeviceType } = select( editorStore );\n\n\t\treturn {\n\t\t\tdeviceType: getDeviceType(),\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference( 'core', 'distractionFree' ),\n\t\t\tisFixedToolbar: getPreference( 'core', 'fixedToolbar' ),\n\t\t\tisPublishSidebarOpened:\n\t\t\t\tselect( editorStore ).isPublishSidebarOpened(),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst showTopToolbar =\n\t\tisLargeViewport && isFixedToolbar && blockEditorMode !== 'zoom-out';\n\tconst disableMotion = useReducedMotion();\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t'show-block-toolbar': ! isBlockToolsCollapsed && showTopToolbar,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<DocumentTools\n\t\t\t\t\t\tblockEditorMode={ blockEditorMode }\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showTopToolbar && (\n\t\t\t\t\t\t<CollapsableBlockToolbar\n\t\t\t\t\t\t\tisCollapsed={ isBlockToolsCollapsed }\n\t\t\t\t\t\t\tonToggle={ setIsBlockToolsCollapsed }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</motion.div>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentBar />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PreviewDropdown\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tisFocusMode || ! hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<PostViewLink />\n\t\t\t\t\t{\n\t\t\t\t\t\t// TODO: For now we conditionally render the Save/Publish buttons based on\n\t\t\t\t\t\t// some specific site editor extra handling. Examples are when we're previewing\n\t\t\t\t\t\t// a theme, handling of global styles changes or when we're in 'view' mode,\n\t\t\t\t\t\t// which opens the save panel in a Modal.\n\t\t\t\t\t }\n\t\t\t\t\t{ ! _isPreviewingTheme && ! isPublishSidebarOpened && (\n\t\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t\t<PostSavedState />\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! _isPreviewingTheme && (\n\t\t\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ _isPreviewingTheme && <SaveButton size=\"compact\" /> }\n\t\t\t\t\t{ ! isDistractionFree && <PinnedItems.Slot scope=\"core\" /> }\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t\t<SiteEditorMoreMenuItems />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_editor","require","_data","_moreMenu","_interopRequireDefault","_lockUnlock","_saveButton","_isPreviewingTheme2","_editorCanvasContainer","_store","Header","EditorHeader","unlock","editorPrivateApis","setEntitiesSavedStatesCallback","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","editorCanvasView","useSelect","select","editSiteStore","getEditorCanvasContainerView","_react","createElement","customSaveButton","default","size","forceDisableBlockTools","title","getEditorCanvasContainerTitle","undefined","_default","exports"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SiteEditorMoreMenu from './more-menu';\nimport { unlock } from '../../lock-unlock';\nimport SaveButton from '../save-button';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { store as editSiteStore } from '../../store';\n\nconst { Header: EditorHeader } = unlock( editorPrivateApis );\n\nfunction Header( { setEntitiesSavedStatesCallback } ) {\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\tconst { editorCanvasView } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<EditorHeader\n\t\t\tsetEntitiesSavedStatesCallback={ setEntitiesSavedStatesCallback }\n\t\t\tcustomSaveButton={\n\t\t\t\t_isPreviewingTheme && <SaveButton size=\"compact\" />\n\t\t\t}\n\t\t\tforceDisableBlockTools={ ! hasDefaultEditorCanvasView }\n\t\t\ttitle={\n\t\t\t\t! hasDefaultEditorCanvasView\n\t\t\t\t\t? getEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t>\n\t\t\t<SiteEditorMoreMenu />\n\t\t</EditorHeader>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAIA,IAAAQ,MAAA,GAAAR,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAWA,MAAM;EAAES,MAAM,EAAEC;AAAa,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE5D,SAASH,MAAMA,CAAE;EAAEI;AAA+B,CAAC,EAAG;EACrD,MAAMC,kBAAkB,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC9C,MAAMC,0BAA0B,GAAG,CAAE,IAAAC,kDAA2B,EAAC,CAAC;EAClE,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACrD,OAAO;MACNF,gBAAgB,EAAE,IAAAP,kBAAM,EACvBS,MAAM,CAAEC,YAAc,CACvB,CAAC,CAACC,4BAA4B,CAAC;IAChC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACd,YAAY;IACZG,8BAA8B,EAAGA,8BAAgC;IACjEY,gBAAgB,EACfX,kBAAkB,IAAI,IAAAS,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqB,OAAU;MAACC,IAAI,EAAC;IAAS,CAAE,CAClD;IACDC,sBAAsB,EAAG,CAAEZ,0BAA4B;IACvDa,KAAK,EACJ,CAAEb,0BAA0B,GACzB,IAAAc,oDAA6B,EAAEZ,gBAAiB,CAAC,GACjDa;EACH,GAED,IAAAR,MAAA,CAAAC,aAAA,EAACtB,SAAA,CAAAwB,OAAkB,MAAE,CACR,CAAC;AAEjB;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEcjB,MAAM","ignoreList":[]}

package/build/components/layout/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Layout;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -70,7 +70,6 @@ function Layout() {
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const {
     isDistractionFree,
-    isZoomOutMode,
     hasFixedToolbar,
     hasBlockSelected,
     canvasMode,
@@ -91,7 +90,6 @@ function Layout() {
       hasFixedToolbar: select(_preferences.store).get('core', 'fixedToolbar'),
       isDistractionFree: select(_preferences.store).get('core', 'distractionFree'),
       hasBlockBreadcrumbs: select(_preferences.store).get('core', 'showBlockBreadcrumbs'),
-      isZoomOutMode: select(_blockEditor.store).__unstableGetEditorMode() === 'zoom-out',
       hasBlockSelected: select(_blockEditor.store).getBlockSelectionStart()
     };
   }, []);
@@ -154,12 +152,11 @@ function Layout() {
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_commands.CommandMenu, null), (0, _react.createElement)(_register.default, null), (0, _react.createElement)(_global.default, null), fullResizer, (0, _react.createElement)("div", {
     ...navigateRegionsProps,
     ref: navigateRegionsProps.ref,
-    className: (0, _classnames.default)('edit-site-layout', navigateRegionsProps.className, {
+    className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {
       'is-distraction-free': isDistractionFree && canvasMode === 'edit',
       'is-full-canvas': canvasMode === 'edit',
       'has-fixed-toolbar': hasFixedToolbar,
       'is-block-toolbar-visible': hasBlockSelected,
-      'is-zoom-out': isZoomOutMode,
       'has-block-breadcrumbs': hasBlockBreadcrumbs && !isDistractionFree && canvasMode === 'edit'
     })
   }, (0, _react.createElement)(_components.__unstableMotion.div, {
@@ -228,7 +225,7 @@ function Layout() {
   }, areas.content), !isMobileViewport && areas.preview && (0, _react.createElement)("div", {
     className: "edit-site-layout__canvas-container"
   }, canvasResizer, !!canvasSize.width && (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-layout__canvas', {
+    className: (0, _clsx.default)('edit-site-layout__canvas', {
       'is-right-aligned': isResizableFrameOversized
     }),
     ref: animationRef

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

@@ -1 +1 @@
-{"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","hasBlockBreadcrumbs","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\thasBlockBreadcrumbs,\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/editor/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/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\thasBlockBreadcrumbs: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showBlockBreadcrumbs'\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\t'has-block-breadcrumbs':\n\t\t\t\t\t\t\thasBlockBreadcrumbs &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\tcanvasMode === 'edit',\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":[]}
+{"version":3,"names":["_clsx","_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","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","hasBlockBreadcrumbs","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","key","routeKey","areas","widths","useLayoutAreas","animationRef","useMovingAnimation","triggerAnimationOnChange","headerAnimationState","commandContext","backgroundColor","gradientValue","_react","createElement","Fragment","CommandMenu","default","ref","className","clsx","__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 clsx from 'clsx';\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\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t\thasBlockBreadcrumbs,\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/editor/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/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\thasBlockBreadcrumbs: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showBlockBreadcrumbs'\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 { 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={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-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'has-block-breadcrumbs':\n\t\t\t\t\t\t\thasBlockBreadcrumbs &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\tcanvasMode === 'edit',\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={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\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

@@ -8,6 +8,7 @@ exports.default = useLayoutAreas;
 var _react = require("react");
 var _router = require("@wordpress/router");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _lockUnlock = require("../../lock-unlock");
 var _hooks = require("./hooks");
 var _editor = _interopRequireDefault(require("../editor"));
@@ -50,7 +51,16 @@ function useLayoutAreas() {
     layout,
     isCustom,
     canvas
-  } = params !== null && params !== void 0 ? params : {};
+  } = params;
+  (0, _element.useEffect)(() => {
+    // `/wp_template_part/all` path is no longer used and redirects to
+    // Patterns page for backward compatibility.
+    if (path === '/wp_template_part/all') {
+      history.replace({
+        path: '/patterns'
+      });
+    }
+  }, [history, path]);
 
   // Note: Since "sidebar" is not yet supported here,
   // returning undefined from "mobile" means show the sidebar.
@@ -63,6 +73,7 @@ function useLayoutAreas() {
       areas: {
         sidebar: (0, _react.createElement)(_sidebarNavigationScreen.default, {
           title: (0, _i18n.__)('Manage pages'),
+          backPath: {},
           content: (0, _react.createElement)(_sidebarDataviews.default, null)
         }),
         content: (0, _react.createElement)(_pagePages.default, null),
@@ -88,13 +99,32 @@ function useLayoutAreas() {
   if (postType && postId) {
     let sidebar;
     if (postType === 'wp_template_part' || postType === 'wp_block') {
-      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPattern.default, null);
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPattern.default, {
+        backPath: {
+          path: '/patterns',
+          categoryId: params.categoryId,
+          categoryType: params.categoryType
+        }
+      });
     } else if (postType === 'wp_template') {
-      sidebar = (0, _react.createElement)(_sidebarNavigationScreenTemplate.default, null);
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenTemplate.default, {
+        backPath: {
+          path: '/wp_template'
+        }
+      });
     } else if (postType === 'page') {
-      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPage.default, null);
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenPage.default, {
+        backPath: {
+          path: '/page',
+          postId
+        }
+      });
     } else {
-      sidebar = (0, _react.createElement)(_sidebarNavigationScreenNavigationMenu.default, null);
+      sidebar = (0, _react.createElement)(_sidebarNavigationScreenNavigationMenu.default, {
+        backPath: {
+          path: '/navigation'
+        }
+      });
     }
     return {
       key: 'page',
@@ -116,7 +146,9 @@ function useLayoutAreas() {
     return {
       key: 'templates-list',
       areas: {
-        sidebar: (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, null),
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenTemplatesBrowse.default, {
+          backPath: {}
+        }),
         content: (0, _react.createElement)(_pageTemplates.default, null),
         preview: isListLayout && (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
@@ -129,15 +161,16 @@ function useLayoutAreas() {
     };
   }
 
-  /* Patterns and Template Parts
-   * `/wp_template_part/all` path is no longer used, but uses Patterns page screens for
-   * backwards compatibility.
-   */
+  // Patterns
+  // `/wp_template_part/all` path is no longer used and redirects to
+  // Patterns page for backward compatibility.
   if (path === '/patterns' || path === '/wp_template_part/all') {
     return {
       key: 'patterns',
       areas: {
-        sidebar: (0, _react.createElement)(_sidebarNavigationScreenPatterns.default, null),
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenPatterns.default, {
+          backPath: {}
+        }),
         content: (0, _react.createElement)(_pagePatterns.default, null),
         mobile: (0, _react.createElement)(_pagePatterns.default, null)
       }
@@ -149,7 +182,9 @@ function useLayoutAreas() {
     return {
       key: 'styles',
       areas: {
-        sidebar: (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.default, null),
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenGlobalStyles.default, {
+          backPath: {}
+        }),
         preview: (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
         }),
@@ -162,10 +197,30 @@ function useLayoutAreas() {
 
   // Navigation
   if (path === '/navigation') {
+    if (postId) {
+      return {
+        key: 'navigation',
+        areas: {
+          sidebar: (0, _react.createElement)(_sidebarNavigationScreenNavigationMenu.default, {
+            backPath: {
+              path: '/navigation'
+            }
+          }),
+          preview: (0, _react.createElement)(_editor.default, {
+            isLoading: isSiteEditorLoading
+          }),
+          mobile: canvas === 'edit' && (0, _react.createElement)(_editor.default, {
+            isLoading: isSiteEditorLoading
+          })
+        }
+      };
+    }
     return {
-      key: 'styles',
+      key: 'navigation',
       areas: {
-        sidebar: (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.default, null),
+        sidebar: (0, _react.createElement)(_sidebarNavigationScreenNavigationMenus.default, {
+          backPath: {}
+        }),
         preview: (0, _react.createElement)(_editor.default, {
           isLoading: isSiteEditorLoading
         }),

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

@@ -1 +1 @@
-{"version":3,"names":["_router","require","_i18n","_lockUnlock","_hooks","_editor","_interopRequireDefault","_pagePages","_pagePatterns","_pageTemplates","_sidebarNavigationScreen","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenMain","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenPage","_sidebarNavigationScreenTemplatesBrowse","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPattern","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenNavigationMenu","_sidebarDataviews","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"],"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 PageTemplates from '../page-templates';\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';\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: <SidebarNavigationScreenTemplatesBrowse />,\n\t\t\t\tcontent: <PageTemplates />,\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: <PageTemplates />,\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 and Template Parts\n\t * `/wp_template_part/all` path is no longer used, but uses Patterns page screens for\n\t * backwards compatibility.\n\t */\n\tif ( path === '/patterns' || path === '/wp_template_part/all' ) {\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":[]}
+{"version":3,"names":["_router","require","_i18n","_element","_lockUnlock","_hooks","_editor","_interopRequireDefault","_pagePages","_pagePatterns","_pageTemplates","_sidebarNavigationScreen","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenMain","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenPage","_sidebarNavigationScreenTemplatesBrowse","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPattern","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenNavigationMenu","_sidebarDataviews","useLocation","useHistory","unlock","routerPrivateApis","useLayoutAreas","isSiteEditorLoading","useIsSiteEditorLoading","history","params","postType","postId","path","layout","isCustom","canvas","useEffect","replace","isListLayout","key","areas","sidebar","_react","createElement","default","title","__","backPath","content","preview","isLoading","onClick","push","mobile","widths","undefined","categoryId","categoryType"],"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';\nimport { useEffect } from '@wordpress/element';\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 PageTemplates from '../page-templates';\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';\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\tuseEffect( () => {\n\t\t// `/wp_template_part/all` path is no longer used and redirects to\n\t\t// Patterns page for backward compatibility.\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { path: '/patterns' } );\n\t\t}\n\t}, [ history, path ] );\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\tbackPath={ {} }\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 = (\n\t\t\t\t<SidebarNavigationScreenPattern\n\t\t\t\t\tbackPath={ {\n\t\t\t\t\t\tpath: '/patterns',\n\t\t\t\t\t\tcategoryId: params.categoryId,\n\t\t\t\t\t\tcategoryType: params.categoryType,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if ( postType === 'wp_template' ) {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenTemplate\n\t\t\t\t\tbackPath={ { path: '/wp_template' } }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if ( postType === 'page' ) {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenPage\n\t\t\t\t\tbackPath={ { path: '/page', postId } }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\tbackPath={ { path: '/navigation' } }\n\t\t\t\t/>\n\t\t\t);\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 backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tcontent: <PageTemplates />,\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: <PageTemplates />,\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\t// `/wp_template_part/all` path is no longer used and redirects to\n\t// Patterns page for backward compatibility.\n\tif ( path === '/patterns' || path === '/wp_template_part/all' ) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenPatterns backPath={ {} } />,\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: (\n\t\t\t\t\t<SidebarNavigationScreenGlobalStyles backPath={ {} } />\n\t\t\t\t),\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\tif ( postId ) {\n\t\t\treturn {\n\t\t\t\tkey: 'navigation',\n\t\t\t\tareas: {\n\t\t\t\t\tsidebar: (\n\t\t\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\t\t\tbackPath={ { path: '/navigation' } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tkey: 'navigation',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath={ {} } />\n\t\t\t\t),\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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,aAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,cAAA,GAAAH,sBAAA,CAAAN,OAAA;AACA,IAAAU,wBAAA,GAAAJ,sBAAA,CAAAN,OAAA;AACA,IAAAW,oCAAA,GAAAL,sBAAA,CAAAN,OAAA;AACA,IAAAY,4BAAA,GAAAN,sBAAA,CAAAN,OAAA;AACA,IAAAa,uCAAA,GAAAP,sBAAA,CAAAN,OAAA;AACA,IAAAc,4BAAA,GAAAR,sBAAA,CAAAN,OAAA;AACA,IAAAe,uCAAA,GAAAT,sBAAA,CAAAN,OAAA;AACA,IAAAgB,gCAAA,GAAAV,sBAAA,CAAAN,OAAA;AACA,IAAAiB,+BAAA,GAAAX,sBAAA,CAAAN,OAAA;AACA,IAAAkB,gCAAA,GAAAZ,sBAAA,CAAAN,OAAA;AACA,IAAAmB,sCAAA,GAAAb,sBAAA,CAAAN,OAAA;AACA,IAAAoB,iBAAA,GAAAd,sBAAA,CAAAN,OAAA;AAzBA;AACA;AACA;;AAIA;AACA;AACA;;AAmBA,MAAM;EAAEqB,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEhD,SAASC,cAAcA,CAAA,EAAG;EACxC,MAAMC,mBAAmB,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACpD,MAAMC,OAAO,GAAGN,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEO;EAAO,CAAC,GAAGR,WAAW,CAAC,CAAC;EAChC,MAAM;IAAES,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGN,MAAM;EAEnE,IAAAO,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAKJ,IAAI,KAAK,uBAAuB,EAAG;MACvCJ,OAAO,CAACS,OAAO,CAAE;QAAEL,IAAI,EAAE;MAAY,CAAE,CAAC;IACzC;EACD,CAAC,EAAE,CAAEJ,OAAO,EAAEI,IAAI,CAAG,CAAC;;EAEtB;EACA;;EAEA;EACA,IAAKA,IAAI,KAAK,OAAO,EAAG;IACvB,MAAMM,YAAY,GAAGL,MAAM,KAAK,MAAM,IAAI,CAAEA,MAAM;IAClD,OAAO;MACNM,GAAG,EAAE,YAAY;MACjBC,KAAK,EAAE;QACNC,OAAO,EACN,IAAAC,MAAA,CAAAC,aAAA,EAACjC,wBAAA,CAAAkC,OAAuB;UACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;UAC9BC,QAAQ,EAAG,CAAC,CAAG;UACfC,OAAO,EAAG,IAAAN,MAAA,CAAAC,aAAA,EAACvB,iBAAA,CAAAwB,OAAuB,MAAE;QAAG,CACvC,CACD;QACDI,OAAO,EAAE,IAAAN,MAAA,CAAAC,aAAA,EAACpC,UAAA,CAAAqC,OAAS,MAAE,CAAC;QACtBK,OAAO,EAAEX,YAAY,IACpB,IAAAI,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UACNM,SAAS,EAAGxB,mBAAqB;UACjCyB,OAAO,EAAGA,CAAA,KACTvB,OAAO,CAACwB,IAAI,CAAE;YACbtB,QAAQ,EAAE,MAAM;YAChBC,MAAM;YACNI,MAAM,EAAE;UACT,CAAE;QACF,CACD,CACD;QACDkB,MAAM,EACLlB,MAAM,KAAK,MAAM,GAChB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE,CAAC,GAE5C,IAAAgB,MAAA,CAAAC,aAAA,EAACpC,UAAA,CAAAqC,OAAS,MAAE;MAEf,CAAC;MACDU,MAAM,EAAE;QACPN,OAAO,EAAEV,YAAY,GAAG,GAAG,GAAGiB;MAC/B;IACD,CAAC;EACF;;EAEA;EACA,IAAKzB,QAAQ,IAAIC,MAAM,EAAG;IACzB,IAAIU,OAAO;IACX,IAAKX,QAAQ,KAAK,kBAAkB,IAAIA,QAAQ,KAAK,UAAU,EAAG;MACjEW,OAAO,GACN,IAAAC,MAAA,CAAAC,aAAA,EAAC1B,+BAAA,CAAA2B,OAA8B;QAC9BG,QAAQ,EAAG;UACVf,IAAI,EAAE,WAAW;UACjBwB,UAAU,EAAE3B,MAAM,CAAC2B,UAAU;UAC7BC,YAAY,EAAE5B,MAAM,CAAC4B;QACtB;MAAG,CACH,CACD;IACF,CAAC,MAAM,IAAK3B,QAAQ,KAAK,aAAa,EAAG;MACxCW,OAAO,GACN,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,gCAAA,CAAA4B,OAA+B;QAC/BG,QAAQ,EAAG;UAAEf,IAAI,EAAE;QAAe;MAAG,CACrC,CACD;IACF,CAAC,MAAM,IAAKF,QAAQ,KAAK,MAAM,EAAG;MACjCW,OAAO,GACN,IAAAC,MAAA,CAAAC,aAAA,EAAC7B,4BAAA,CAAA8B,OAA2B;QAC3BG,QAAQ,EAAG;UAAEf,IAAI,EAAE,OAAO;UAAED;QAAO;MAAG,CACtC,CACD;IACF,CAAC,MAAM;MACNU,OAAO,GACN,IAAAC,MAAA,CAAAC,aAAA,EAACxB,sCAAA,CAAAyB,OAAqC;QACrCG,QAAQ,EAAG;UAAEf,IAAI,EAAE;QAAc;MAAG,CACpC,CACD;IACF;IACA,OAAO;MACNO,GAAG,EAAE,MAAM;MACXC,KAAK,EAAE;QACNC,OAAO;QACPQ,OAAO,EAAE,IAAAP,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE,CAAC;QACrD2B,MAAM,EAAElB,MAAM,KAAK,MAAM,IACxB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,IAAKM,IAAI,KAAK,cAAc,EAAG;IAC9B,MAAMM,YAAY,GAAGJ,QAAQ,KAAK,MAAM,IAAID,MAAM,KAAK,MAAM;IAC7D,OAAO;MACNM,GAAG,EAAE,gBAAgB;MACrBC,KAAK,EAAE;QACNC,OAAO,EACN,IAAAC,MAAA,CAAAC,aAAA,EAAC5B,uCAAA,CAAA6B,OAAsC;UAACG,QAAQ,EAAG,CAAC;QAAG,CAAE,CACzD;QACDC,OAAO,EAAE,IAAAN,MAAA,CAAAC,aAAA,EAAClC,cAAA,CAAAmC,OAAa,MAAE,CAAC;QAC1BK,OAAO,EAAEX,YAAY,IACpB,IAAAI,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE,CAC3C;QACD2B,MAAM,EAAE,IAAAX,MAAA,CAAAC,aAAA,EAAClC,cAAA,CAAAmC,OAAa,MAAE;MACzB,CAAC;MACDU,MAAM,EAAE;QACPN,OAAO,EAAEV,YAAY,GAAG,GAAG,GAAGiB;MAC/B;IACD,CAAC;EACF;;EAEA;EACA;EACA;EACA,IAAKvB,IAAI,KAAK,WAAW,IAAIA,IAAI,KAAK,uBAAuB,EAAG;IAC/D,OAAO;MACNO,GAAG,EAAE,UAAU;MACfC,KAAK,EAAE;QACNC,OAAO,EAAE,IAAAC,MAAA,CAAAC,aAAA,EAACzB,gCAAA,CAAA0B,OAA+B;UAACG,QAAQ,EAAG,CAAC;QAAG,CAAE,CAAC;QAC5DC,OAAO,EAAE,IAAAN,MAAA,CAAAC,aAAA,EAACnC,aAAA,CAAAoC,OAAY,MAAE,CAAC;QACzBS,MAAM,EAAE,IAAAX,MAAA,CAAAC,aAAA,EAACnC,aAAA,CAAAoC,OAAY,MAAE;MACxB;IACD,CAAC;EACF;;EAEA;EACA,IAAKZ,IAAI,KAAK,mBAAmB,EAAG;IACnC,OAAO;MACNO,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAE;QACNC,OAAO,EACN,IAAAC,MAAA,CAAAC,aAAA,EAAChC,oCAAA,CAAAiC,OAAmC;UAACG,QAAQ,EAAG,CAAC;QAAG,CAAE,CACtD;QACDE,OAAO,EAAE,IAAAP,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE,CAAC;QACrD2B,MAAM,EAAElB,MAAM,KAAK,MAAM,IACxB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,IAAKM,IAAI,KAAK,aAAa,EAAG;IAC7B,IAAKD,MAAM,EAAG;MACb,OAAO;QACNQ,GAAG,EAAE,YAAY;QACjBC,KAAK,EAAE;UACNC,OAAO,EACN,IAAAC,MAAA,CAAAC,aAAA,EAACxB,sCAAA,CAAAyB,OAAqC;YACrCG,QAAQ,EAAG;cAAEf,IAAI,EAAE;YAAc;UAAG,CACpC,CACD;UACDiB,OAAO,EAAE,IAAAP,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;YAACM,SAAS,EAAGxB;UAAqB,CAAE,CAAC;UACrD2B,MAAM,EAAElB,MAAM,KAAK,MAAM,IACxB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;YAACM,SAAS,EAAGxB;UAAqB,CAAE;QAE7C;MACD,CAAC;IACF;IACA,OAAO;MACNa,GAAG,EAAE,YAAY;MACjBC,KAAK,EAAE;QACNC,OAAO,EACN,IAAAC,MAAA,CAAAC,aAAA,EAAC9B,uCAAA,CAAA+B,OAAsC;UAACG,QAAQ,EAAG,CAAC;QAAG,CAAE,CACzD;QACDE,OAAO,EAAE,IAAAP,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE,CAAC;QACrD2B,MAAM,EAAElB,MAAM,KAAK,MAAM,IACxB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;UAACM,SAAS,EAAGxB;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,OAAO;IACNa,GAAG,EAAE,SAAS;IACdC,KAAK,EAAE;MACNC,OAAO,EAAE,IAAAC,MAAA,CAAAC,aAAA,EAAC/B,4BAAA,CAAAgC,OAA2B,MAAE,CAAC;MACxCK,OAAO,EAAE,IAAAP,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;QAACM,SAAS,EAAGxB;MAAqB,CAAE,CAAC;MACrD2B,MAAM,EAAElB,MAAM,KAAK,MAAM,IACxB,IAAAO,MAAA,CAAAC,aAAA,EAACtC,OAAA,CAAAuC,OAAM;QAACM,SAAS,EAAGxB;MAAqB,CAAE;IAE7C;EACD,CAAC;AACF","ignoreList":[]}

package/build/components/page/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Page;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _editor = require("@wordpress/editor");
 var _header = _interopRequireDefault(require("./header"));
 var _lockUnlock = require("../../lock-unlock");
@@ -33,7 +33,7 @@ function Page({
   className,
   hideTitleFromUI = false
 }) {
-  const classes = (0, _classnames.default)('edit-site-page', className);
+  const classes = (0, _clsx.default)('edit-site-page', className);
   return (0, _react.createElement)(NavigableRegion, {
     className: classes,
     ariaLabel: title

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_editor","_header","_lockUnlock","NavigableRegion","unlock","editorPrivateApis","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","clsx","_react","createElement","ariaLabel","default","EditorSnackbars"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 = clsx( '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,KAAA,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,aAAI,EAAE,gBAAgB,EAAEH,SAAU,CAAC;EAEnD,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":[]}