npm - @wordpress/edit-site - Versions diffs - 5.24.0 → 5.25.0 - Mend

@wordpress/edit-site 5.24.0 → 5.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (347) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_coreData","_blockEditor","_data","_element","_interface","_i18n","_icons","_components","_preferences","_moreMenu","_saveButton","_documentActions","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","BlockContextualToolbar","unlock","blockEditorPrivateApis","HeaderEditMode","setListViewToggleElement","deviceType","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","isZoomOutMode","useSelect","select","__experimentalGetPreviewDeviceType","getEditedPostType","editSiteStore","getBlockSelectionStart","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","isTopToolbar","blockToolbarRef","useRef","__experimentalSetPreviewDeviceType","setPreviewDeviceType","useDispatch","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","Fragment","isFixed","Popover","Slot","ref","Button","icon","next","previous","onClick","collapsed","label","__","getEditorCanvasContainerTitle","__experimentalPreviewOptions","setDeviceType","isEnabled","onClose","MenuGroup","MenuItem","href","target","external","VisuallyHidden","as","PinnedItems","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 coreStore } from '@wordpress/core-data';\nimport {\n\t__experimentalPreviewOptions as PreviewOptions,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { external, next, previous } from '@wordpress/icons';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport DocumentActions from './document-actions';\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';\n\nconst { BlockContextualToolbar } = unlock( blockEditorPrivateApis );\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tblockSelectionStart,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst { __experimentalGetPreviewDeviceType, getEditedPostType } =\n\t\t\tselect( editSiteStore );\n\t\tconst { getBlockSelectionStart, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tblockSelectionStart: getBlockSelectionStart(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isTopToolbar = ! isZoomOutMode && hasFixedToolbar && isLargeViewport;\n\tconst blockToolbarRef = useRef();\n\n\tconst { __experimentalSetPreviewDeviceType: setPreviewDeviceType } =\n\t\tuseDispatch( editSiteStore );\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 hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\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\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} ) }\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\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isTopToolbar && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockContextualToolbar isFixed />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ hasBlockSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__block-tools-toggle\"\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed ? next : previous\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\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\tlabel={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\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\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-header-edit-mode__center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t! isBlockToolsCollapsed && isLargeViewport,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\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<DocumentActions />\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<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\tisEnabled={\n\t\t\t\t\t\t\t\t! isFocusMode && hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\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/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\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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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_blockEditor","_data","_element","_interface","_i18n","_icons","_components","_preferences","_editor","_moreMenu","_saveButton","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","PreviewDropdown","unlock","editorPrivateApis","HeaderEditMode","setListViewToggleElement","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","showIconLabels","editorCanvasView","hasFixedToolbar","isZoomOutMode","useSelect","select","getEditedPostType","editSiteStore","getBlockSelectionStart","__unstableGetEditorMode","blockEditorStore","get","getPreference","preferencesStore","getDeviceType","editorStore","deviceType","name","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","isTopToolbar","blockToolbarRef","useRef","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","Fragment","BlockToolbar","hideDragHandle","Popover","Slot","ref","Button","icon","next","previous","onClick","collapsed","label","__","getEditorCanvasContainerTitle","DocumentBar","disabled","PinnedItems","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 {\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tPopover,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tDocumentBar,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport MoreMenu 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';\n\nconst { PreviewDropdown } = unlock( editorPrivateApis );\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst {\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tblockSelectionStart,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getBlockSelectionStart, __unstableGetEditorMode } =\n\t\t\tselect( 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\tblockSelectionStart: getBlockSelectionStart(),\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isTopToolbar = ! isZoomOutMode && hasFixedToolbar && isLargeViewport;\n\tconst blockToolbarRef = useRef();\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 hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\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\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} ) }\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\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isTopToolbar && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ hasBlockSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__block-tools-toggle\"\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed ? next : previous\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\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\tlabel={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\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\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-header-edit-mode__center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t! isBlockToolsCollapsed && isLargeViewport,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\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\tshowIconLabels={ showIconLabels }\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<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAKA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AASA,IAAAW,SAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,WAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AACA,IAAAe,sBAAA,GAAAf,OAAA;AAIA,IAAAgB,WAAA,GAAAhB,OAAA;AACA,IAAAiB,UAAA,GAAAjB,OAAA;AA1CA;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAYA,MAAM;EAAEkB;AAAgB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAExC,SAASC,cAAcA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EACtE,MAAM;IACLC,YAAY;IACZC,iBAAiB;IACjBC,eAAe;IACfC,mBAAmB;IACnBC,cAAc;IACdC,gBAAgB;IAChBC,eAAe;IACfC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IACrD,MAAM;MAAEC,sBAAsB;MAAEC;IAAwB,CAAC,GACxDJ,MAAM,CAAEK,kBAAiB,CAAC;IAC3B,MAAM;MAAEC,GAAG,EAAEC;IAAc,CAAC,GAAGP,MAAM,CAAEQ,kBAAiB,CAAC;IACzD,MAAM;MAAEC;IAAc,CAAC,GAAGT,MAAM,CAAEU,aAAY,CAAC;IAE/C,OAAO;MACNC,UAAU,EAAEF,aAAa,CAAC,CAAC;MAC3BlB,YAAY,EAAEU,iBAAiB,CAAC,CAAC;MACjCR,eAAe,EAAEW,uBAAuB,CAAC,CAAC;MAC1CV,mBAAmB,EAAES,sBAAsB,CAAC,CAAC;MAC7CR,cAAc,EAAEY,aAAa,CAC5BL,YAAa,CAACU,IAAI,EAClB,gBACD,CAAC;MACDhB,gBAAgB,EAAE,IAAAT,kBAAM,EACvBa,MAAM,CAAEE,YAAc,CACvB,CAAC,CAACW,4BAA4B,CAAC,CAAC;MAChChB,eAAe,EAAEU,aAAa,CAC7BL,YAAa,CAACU,IAAI,EAClB,cACD,CAAC;MACDpB,iBAAiB,EAAEe,aAAa,CAC/BL,YAAa,CAACU,IAAI,EAClB,iBACD,CAAC;MACDd,aAAa,EAAEM,uBAAuB,CAAC,CAAC,KAAK;IAC9C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMU,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAMC,YAAY,GAAG,CAAElB,aAAa,IAAID,eAAe,IAAIiB,eAAe;EAC1E,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAExC,MAAMC,0BAA0B,GAAG,CAAE,IAAAC,kDAA2B,EAAC,CAAC;EAElE,MAAMC,WAAW,GAAGC,6BAAkB,CAACC,QAAQ,CAAElC,YAAa,CAAC;EAE/D,MAAMmC,eAAe,GAAGjC,eAAe,KAAK,UAAU;EAEtD,MAAM,CAAEkC,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEjB,MAAMC,gBAAgB,GAAG,CAAC,CAAEpC,mBAAmB;EAE/C,IAAAqC,kBAAS,EAAE,MAAM;IAChB;IACA,IAAKrC,mBAAmB,EAAG;MAC1BkC,wBAAwB,CAAE,KAAM,CAAC;IAClC;EACD,CAAC,EAAE,CAAElC,mBAAmB,CAAG,CAAC;EAE5B,MAAMsC,eAAe,GAAG;IACvBxC,iBAAiB,EAAE;MAAEyC,CAAC,EAAE;IAAQ,CAAC;IACjCC,yBAAyB,EAAE;MAAED,CAAC,EAAE;IAAE,CAAC;IACnCE,IAAI,EAAE;MAAEF,CAAC,EAAE;IAAE,CAAC;IACdG,IAAI,EAAE;MAAEH,CAAC,EAAE;IAAE;EACd,CAAC;EAED,MAAMI,iBAAiB,GAAG;IACzBC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAEpB,aAAa,GAAG,CAAC,GAAG,GAAG;IACjCqB,IAAI,EAAE;EACP,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EAAE,4BAA4B,EAAE;MACrD,kBAAkB,EAAEjD;IACrB,CAAE;EAAG,GAEH0B,0BAA0B,IAC3B,IAAAoB,MAAA,CAAAC,aAAA,EAAClE,WAAA,CAAAqE,gBAAM,CAACC,GAAG;IACVH,SAAS,EAAC,mCAAmC;IAC7CI,QAAQ,EAAGf,eAAiB;IAC5BgB,UAAU,EAAGX;EAAmB,GAEhC,IAAAI,MAAA,CAAAC,aAAA,EAAC7D,cAAA,CAAAoE,OAAa;IACbxD,eAAe,EAAGA,eAAiB;IACnCD,iBAAiB,EAAGA,iBAAmB;IACvCG,cAAc,EAAGA,cAAgB;IACjCL,wBAAwB,EAAGA;EAA0B,CACrD,CAAC,EACA0B,YAAY,IACb,IAAAyB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,8BAA8B,EAC9B;MACC,cAAc,EAAEjB;IACjB,CACD;EAAG,GAEH,IAAAc,MAAA,CAAAC,aAAA,EAACxE,YAAA,CAAAiF,YAAY;IAACC,cAAc;EAAA,CAAE,CAC1B,CAAC,EACN,IAAAX,MAAA,CAAAC,aAAA,EAAClE,WAAA,CAAA6E,OAAO,CAACC,IAAI;IACZC,GAAG,EAAGtC,eAAiB;IACvBL,IAAI,EAAC;EAAe,CACpB,CAAC,EACAkB,gBAAgB,IACjB,IAAAW,MAAA,CAAAC,aAAA,EAAClE,WAAA,CAAAgF,MAAM;IACNb,SAAS,EAAC,gDAAgD;IAC1Dc,IAAI,EACH9B,qBAAqB,GAAG+B,WAAI,GAAGC,eAC/B;IACDC,OAAO,EAAGA,CAAA,KAAM;MACfhC,wBAAwB,CACrBiC,SAAS,IAAM,CAAEA,SACpB,CAAC;IACF,CAAG;IACHC,KAAK,EACJnC,qBAAqB,GAClB,IAAAoC,QAAE,EAAE,kBAAmB,CAAC,GACxB,IAAAA,QAAE,EAAE,kBAAmB;EAC1B,CACD,CAED,CAEQ,CACZ,EAEC,CAAEvE,iBAAiB,IACpB,IAAAiD,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,oCAAoC,EACpC;MACC,cAAc,EACb,CAAEjB,qBAAqB,IAAIb;IAC7B,CACD;EAAG,GAED,CAAEO,0BAA0B,GAC7B,IAAA2C,oDAA6B,EAAEpE,gBAAiB,CAAC,GAEjD,IAAA6C,MAAA,CAAAC,aAAA,EAAChE,OAAA,CAAAuF,WAAW,MAAE,CAEX,CACL,EAED,IAAAxB,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC/C,IAAAF,MAAA,CAAAC,aAAA,EAAClE,WAAA,CAAAqE,gBAAM,CAACC,GAAG;IACVH,SAAS,EAAC,qCAAqC;IAC/CI,QAAQ,EAAGf,eAAiB;IAC5BgB,UAAU,EAAGX;EAAmB,GAE9BvB,eAAe,IAChB,IAAA2B,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,6CAA6C,EAC7C;MAAE,eAAe,EAAElB;IAAgB,CACpC;EAAG,GAEH,IAAAe,MAAA,CAAAC,aAAA,EAACxD,eAAe;IACfS,cAAc,EAAGA,cAAgB;IACjCuE,QAAQ,EACP3C,WAAW,IAAI,CAAEF;EACjB,CACD,CACG,CACL,EACD,IAAAoB,MAAA,CAAAC,aAAA,EAAC9D,WAAA,CAAAqE,OAAU,MAAE,CAAC,EACZ,CAAEzD,iBAAiB,IACpB,IAAAiD,MAAA,CAAAC,aAAA,EAACrE,UAAA,CAAA8F,WAAW,CAACb,IAAI;IAACc,KAAK,EAAC;EAAgB,CAAE,CAC1C,EACD,IAAA3B,MAAA,CAAAC,aAAA,EAAC/D,SAAA,CAAAsE,OAAQ;IAACtD,cAAc,EAAGA;EAAgB,CAAE,CAClC,CACR,CACD,CAAC;AAER"}

package/build/components/header-edit-mode/more-menu/index.js CHANGED Viewed

@@ -35,7 +35,6 @@ function MoreMenu({
   showIconLabels
 }) {
   const registry = (0, _data.useRegistry)();
-  const isDistractionFree = (0, _data.useSelect)(select => select(_preferences.store).get('core/edit-site', 'distractionFree'), []);
   const {
     setIsInserterOpened,
     setIsListViewOpened,
@@ -55,6 +54,9 @@ function MoreMenu({
       closeGeneralSidebar();
     });
   };
+  const turnOffDistractionFree = () => {
+    setPreference('core/edit-site', 'distractionFree', false);
+  };
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.MoreMenuDropdown, {
     toggleProps: {
       showTooltip: !showIconLabels,
@@ -69,18 +71,11 @@ function MoreMenu({
   }, (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
     scope: "core/edit-site",
     name: "fixedToolbar",
-    disabled: isDistractionFree,
+    onToggle: turnOffDistractionFree,
     label: (0, _i18n.__)('Top toolbar'),
     info: (0, _i18n.__)('Access all block and document tools in a single place'),
     messageActivated: (0, _i18n.__)('Top toolbar activated'),
     messageDeactivated: (0, _i18n.__)('Top toolbar deactivated')
-  }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
-    scope: "core/edit-site",
-    name: "focusMode",
-    label: (0, _i18n.__)('Spotlight mode'),
-    info: (0, _i18n.__)('Focus on one block at a time'),
-    messageActivated: (0, _i18n.__)('Spotlight mode activated'),
-    messageDeactivated: (0, _i18n.__)('Spotlight mode deactivated')
   }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
     scope: "core/edit-site",
     name: "distractionFree",
@@ -90,6 +85,13 @@ function MoreMenu({
     messageActivated: (0, _i18n.__)('Distraction free mode activated'),
     messageDeactivated: (0, _i18n.__)('Distraction free mode deactivated'),
     shortcut: _keycodes.displayShortcut.primaryShift('\\')
+  }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
+    scope: "core/edit-site",
+    name: "focusMode",
+    label: (0, _i18n.__)('Spotlight mode'),
+    info: (0, _i18n.__)('Focus on one block at a time'),
+    messageActivated: (0, _i18n.__)('Spotlight mode activated'),
+    messageDeactivated: (0, _i18n.__)('Spotlight mode deactivated')
   })), (0, _react.createElement)(_modeSwitcher.default, null), (0, _react.createElement)(_interface.ActionItem.Slot, {
     name: "core/edit-site/plugin-more-menu",
     label: (0, _i18n.__)('Plugins'),

package/build/components/header-edit-mode/more-menu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_data","_keycodes","_icons","_components","_interface","_preferences","_keyboardShortcutHelpModal","_interopRequireWildcard","_preferencesModal","_toolsMoreMenuGroup","_interopRequireDefault","_siteExport","_welcomeGuideMenuItem","_copyContentMenuItem","_modeSwitcher","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MoreMenu","showIconLabels","registry","useRegistry","isDistractionFree","useSelect","select","preferencesStore","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","siteEditorStore","openModal","interfaceStore","setPreference","toggleDistractionFree","batch","_react","createElement","Fragment","MoreMenuDropdown","toggleProps","showTooltip","variant","onClose","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","disabled","__","info","messageActivated","messageDeactivated","onToggle","shortcut","displayShortcut","primaryShift","ActionItem","Slot","as","fillProps","onClick","MenuItem","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","access","icon","external","role","href","target","rel","VisuallyHidden","PREFERENCES_MODAL_NAME"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external } from '@wordpress/icons';\nimport { MenuGroup, MenuItem, VisuallyHidden } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME,\n\tdefault as KeyboardShortcutHelpModal,\n} from '../../keyboard-shortcut-help-modal';\nimport {\n\tPREFERENCES_MODAL_NAME,\n\tdefault as EditSitePreferencesModal,\n} from '../../preferences-modal';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport { store as siteEditorStore } from '../../../store';\n\nexport default function MoreMenu( { showIconLabels } ) {\n\tconst registry = useRegistry();\n\tconst isDistractionFree = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( siteEditorStore );\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', true );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<MoreMenuDropdown\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tdisabled={ isDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\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<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode deactivated'\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<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/edit-site/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<SiteExport />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal(\n\t\t\t\t\t\t\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\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\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<WelcomeGuideMenuItem />\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/site-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( PREFERENCES_MODAL_NAME )\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{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</MoreMenuDropdown>\n\t\t\t<KeyboardShortcutHelpModal />\n\t\t\t<EditSitePreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_i18n","require","_data","_keycodes","_icons","_components","_interface","_preferences","_keyboardShortcutHelpModal","_interopRequireWildcard","_preferencesModal","_toolsMoreMenuGroup","_interopRequireDefault","_siteExport","_welcomeGuideMenuItem","_copyContentMenuItem","_modeSwitcher","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MoreMenu","showIconLabels","registry","useRegistry","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","siteEditorStore","openModal","interfaceStore","setPreference","preferencesStore","toggleDistractionFree","batch","turnOffDistractionFree","_react","createElement","Fragment","MoreMenuDropdown","toggleProps","showTooltip","variant","onClose","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","onToggle","__","info","messageActivated","messageDeactivated","shortcut","displayShortcut","primaryShift","ActionItem","Slot","as","fillProps","onClick","MenuItem","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","access","icon","external","role","href","target","rel","VisuallyHidden","PREFERENCES_MODAL_NAME"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _x } from '@wordpress/i18n';\nimport { useDispatch, useRegistry } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external } from '@wordpress/icons';\nimport { MenuGroup, MenuItem, VisuallyHidden } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME,\n\tdefault as KeyboardShortcutHelpModal,\n} from '../../keyboard-shortcut-help-modal';\nimport {\n\tPREFERENCES_MODAL_NAME,\n\tdefault as EditSitePreferencesModal,\n} from '../../preferences-modal';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport { store as siteEditorStore } from '../../../store';\n\nexport default function MoreMenu( { showIconLabels } ) {\n\tconst registry = useRegistry();\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( siteEditorStore );\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', true );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core/edit-site', 'distractionFree', false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<MoreMenuDropdown\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tonToggle={ turnOffDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\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<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/edit-site/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<SiteExport />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal(\n\t\t\t\t\t\t\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\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\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<WelcomeGuideMenuItem />\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/site-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( PREFERENCES_MODAL_NAME )\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{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</MoreMenuDropdown>\n\t\t\t<KeyboardShortcutHelpModal />\n\t\t\t<EditSitePreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -240,14 +240,15 @@ function Layout() {
   }, (0, _react.createElement)(_interface.NavigableRegion, {
     ariaLabel: (0, _i18n.__)('Navigation'),
     className: "edit-site-layout__sidebar-region"
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    // The sidebar is needed for routing on mobile
-    // (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),
-    // so we can't remove the element entirely. Using `inert` will make
-    // it inaccessible to screen readers and keyboard navigation.
-    inert: showSidebar ? undefined : 'true',
+  }, (0, _react.createElement)(_components.__unstableAnimatePresence, null, showSidebar && (0, _react.createElement)(_components.__unstableMotion.div, {
+    initial: {
+      opacity: 0
+    },
     animate: {
-      opacity: showSidebar ? 1 : 0
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
     },
     transition: {
       type: 'tween',
@@ -257,7 +258,7 @@ 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), showCanvas && (0, _react.createElement)(_react.Fragment, null, isListPage && (0, _react.createElement)(_pageMain.default, null), isEditorPage && (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-layout__canvas-container', {
       'is-resizing': isResizing
     })

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

	@@ -1 +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","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","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","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState } 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/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && 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 [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' && isEditorPage ) {\n\t\tcommandContext = 'site-editor-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\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\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'true' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion \|\| isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_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","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","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/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && 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 [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' && isEditorPage ) {\n\t\tcommandContext = 'site-editor-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\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\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<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\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/page/header.js CHANGED Viewed

@@ -27,7 +27,8 @@ function Header({
     className: "edit-site-page-header__page-title"
   }, (0, _react.createElement)(_components.__experimentalHeading, {
     as: "h2",
-    level: 4,
+    level: 3,
+    weight: 500,
     className: "edit-site-page-header__title"
   }, title), subTitle && (0, _react.createElement)(_components.__experimentalText, {
     as: "p",

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

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

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

@@ -14,15 +14,15 @@ var _element = require("@wordpress/element");
 var _date = require("@wordpress/date");
 var _router = require("@wordpress/router");
 var _data = require("@wordpress/data");
+var _dataviews = require("@wordpress/dataviews");
 var _page = _interopRequireDefault(require("../page"));
 var _link = _interopRequireDefault(require("../routes/link"));
-var _dataviews = require("../dataviews");
 var _defaultViews = _interopRequireDefault(require("../sidebar-dataviews/default-views"));
+var _constants = require("../../utils/constants");
 var _actions = require("../actions");
 var _sideEditor = _interopRequireDefault(require("./side-editor"));
 var _media = _interopRequireDefault(require("../media"));
 var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../dataviews/constants");
 /**
  * WordPress dependencies
  */
@@ -36,10 +36,14 @@ const {
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 const EMPTY_ARRAY = [];
 const defaultConfigPerViewType = {
-  list: {},
-  grid: {
+  [_constants.LAYOUT_TABLE]: {},
+  [_constants.LAYOUT_GRID]: {
     mediaField: 'featured-image',
     primaryField: 'title'
+  },
+  [_constants.LAYOUT_LIST]: {
+    primaryField: 'title',
+    mediaField: 'featured-image'
   }
 };
 function useView(type) {
@@ -114,7 +118,8 @@ const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'tra
 function PagePages() {
   const postType = 'page';
   const [view, setView] = useView(postType);
-  const [selection, setSelection] = (0, _element.useState)([]);
+  const [pageId, setPageId] = (0, _element.useState)(null);
+  const onSelectionChange = items => setPageId(items?.length === 1 ? items[0].id : null);
   const queryArgs = (0, _element.useMemo)(() => {
     const filters = {};
     view.filters.forEach(filter => {
@@ -123,6 +128,8 @@ function PagePages() {
       }
       if (filter.field === 'author' && filter.operator === _constants.OPERATOR_IN) {
         filters.author = filter.value;
+      } else if (filter.field === 'author' && filter.operator === _constants.OPERATOR_NOT_IN) {
+        filters.author_exclude = filter.value;
       }
     });
     // We want to provide a different default item for the status filter
@@ -161,12 +168,11 @@ function PagePages() {
       item
     }) => item.featured_media,
     render: ({
-      item,
-      view: currentView
+      item
     }) => !!item.featured_media ? (0, _react.createElement)(_media.default, {
       className: "edit-site-page-pages__featured-image",
       id: item.featured_media,
-      size: currentView.type === 'list' ? ['thumbnail', 'medium', 'large', 'full'] : ['large', 'full', 'medium', 'thumbnail']
+      size: view.type === _constants.LAYOUT_GRID ? ['large', 'full', 'medium', 'thumbnail'] : ['thumbnail', 'medium', 'large', 'full']
     }) : null,
     enableSorting: false
   }, {
@@ -176,29 +182,21 @@ function PagePages() {
       item
     }) => item.title?.rendered || item.slug,
     render: ({
-      item,
-      view: {
-        type
-      }
+      item
     }) => {
       return (0, _react.createElement)(_components.__experimentalVStack, {
         spacing: 1
       }, (0, _react.createElement)(_components.__experimentalHeading, {
         as: "h3",
-        level: 5
-      }, (0, _react.createElement)(_link.default, {
+        level: 5,
+        weight: 500
+      }, [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID].includes(view.type) ? (0, _react.createElement)(_link.default, {
         params: {
           postId: item.id,
           postType: item.type,
           canvas: 'edit'
-        },
-        onClick: event => {
-          if (_dataviews.viewTypeSupportsMap[type].preview) {
-            event.preventDefault();
-            setSelection([item.id]);
-          }
         }
-      }, (0, _htmlEntities.decodeEntities)(item.title?.rendered || item.slug) || (0, _i18n.__)('(no title)'))));
+      }, (0, _htmlEntities.decodeEntities)(item.title?.rendered || item.slug) || (0, _i18n.__)('(no title)')) : (0, _htmlEntities.decodeEntities)(item.title?.rendered || item.slug) || (0, _i18n.__)('(no title)')));
     },
     maxWidth: 400,
     enableHiding: false
@@ -229,7 +227,10 @@ function PagePages() {
     },
     type: _constants.ENUMERATION_TYPE,
     elements: STATUSES,
-    enableSorting: false
+    enableSorting: false,
+    filterBy: {
+      operators: [_constants.OPERATOR_IN]
+    }
   }, {
     header: (0, _i18n.__)('Date'),
     id: 'date',
@@ -242,7 +243,7 @@ function PagePages() {
       const formattedDate = (0, _date.dateI18n)((0, _date.getSettings)().formats.datetimeAbbreviated, (0, _date.getDate)(item.date));
       return (0, _react.createElement)("time", null, formattedDate);
     }
-  }], [authors]);
+  }], [authors, view]);
   const permanentlyDeletePostAction = (0, _actions.usePermanentlyDeletePostAction)();
   const restorePostAction = (0, _actions.useRestorePostAction)();
   const editPostAction = (0, _actions.useEditPostAction)();
@@ -271,13 +272,15 @@ function PagePages() {
     getItemId: item => item.id,
     isLoading: isLoadingPages || isLoadingAuthors,
     view: view,
-    onChangeView: onChangeView
-  })), _dataviews.viewTypeSupportsMap[view.type].preview && (0, _react.createElement)(_page.default, null, (0, _react.createElement)("div", {
+    onChangeView: onChangeView,
+    onSelectionChange: onSelectionChange,
+    deferredRendering: false
+  })), view.type === _constants.LAYOUT_LIST && (0, _react.createElement)(_page.default, null, (0, _react.createElement)("div", {
     className: "edit-site-page-pages-preview"
-  }, selection.length === 1 && (0, _react.createElement)(_sideEditor.default, {
-    postId: selection[0],
+  }, pageId !== null ? (0, _react.createElement)(_sideEditor.default, {
+    postId: pageId,
     postType: postType
-  }), selection.length !== 1 && (0, _react.createElement)("div", {
+  }) : (0, _react.createElement)("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',