npm - @wordpress/edit-site - Versions diffs - 5.21.1-next.f8d8eceb.0 → 5.23.0 - Mend

@wordpress/edit-site 5.21.1-next.f8d8eceb.0 → 5.23.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 (375) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useCallback","useRef","useViewportMatch","useReducedMotion","store","coreStore","ToolSelector","__experimentalPreviewOptions","PreviewOptions","NavigableToolbar","blockEditorStore","privateApis","blockEditorPrivateApis","useSelect","useDispatch","PinnedItems","_x","__","listView","plus","external","chevronUpDown","__unstableMotion","motion","Button","ToolbarItem","MenuGroup","MenuItem","VisuallyHidden","keyboardShortcutsStore","preferencesStore","MoreMenu","SaveButton","UndoButton","RedoButton","DocumentActions","editSiteStore","getEditorCanvasContainerTitle","useHasEditorCanvasContainer","unlock","FOCUSABLE_ENTITIES","useShouldContextualToolbarShow","preventDefault","event","HeaderEditMode","setListViewToggleElement","inserterButton","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","getShortcutRepresentation","__unstableGetEditorMode","postType","getUnstableBase","get","getPreference","home","name","getEditorCanvasContainerView","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","__unstableSetEditorMode","disableMotion","isLargeViewport","toggleInserter","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","isFocusMode","includes","longLabel","shortLabel","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","createElement","className","as","div","shouldUseKeyboardFocusShortcut","variants","transition","ref","variant","isPressed","onMouseDown","onClick","disabled","icon","label","showTooltip","Fragment","undefined","shortcut","setDeviceType","isEnabled","onClose","href","target","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 { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\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 { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( 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\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\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\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\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<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\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 className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\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<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\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<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\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{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode \|\| isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\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{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Desktop'\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__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\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/>\n\t\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</div>\n\t\t\t\t</NavigableToolbar>\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<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>\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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,oBAAoB;AACvE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SACCC,YAAY,EACZC,4BAA4B,IAAIC,cAAc,EAC9CC,gBAAgB,EAChBL,KAAK,IAAIM,gBAAgB,EACzBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;AAChC,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,kBAAkB;AAC1E,SACCC,gBAAgB,IAAIC,MAAM,EAC1BC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACR,uBAAuB;AAC9B,SAASxB,KAAK,IAAIyB,sBAAsB,QAAQ,+BAA+B;AAC/E,SAASzB,KAAK,IAAI0B,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAAS/B,KAAK,IAAIgC,aAAa,QAAQ,aAAa;AACpD,SACCC,6BAA6B,EAC7BC,2BAA2B,QACrB,4BAA4B;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,MAAM;EAAEC;AAA+B,CAAC,GAAGF,MAAM,CAAE3B,sBAAuB,CAAC;AAE3E,MAAM8B,cAAc,GAAKC,KAAK,IAAM;EACnCA,KAAK,CAACD,cAAc,CAAC,CAAC;AACvB,CAAC;AAED,eAAe,SAASE,cAAcA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EACtE,MAAMC,cAAc,GAAG7C,MAAM,CAAC,CAAC;EAC/B,MAAM;IACL8C,UAAU;IACVC,YAAY;IACZC,cAAc;IACdC,cAAc;IACdC,gBAAgB;IAChBC,YAAY;IACZC,iBAAiB;IACjBC,eAAe;IACfC,OAAO;IACPC,cAAc;IACdC,gBAAgB;IAChBC;EACD,CAAC,GAAG7C,SAAS,CAAI8C,MAAM,IAAM;IAC5B,MAAM;MACLC,kCAAkC;MAClCC,iBAAiB;MACjBC,gBAAgB;MAChBC,gBAAgB;MAChBC;IACD,CAAC,GAAGL,MAAM,CAAEvB,aAAc,CAAC;IAC3B,MAAM;MAAE6B;IAA0B,CAAC,GAAGN,MAAM,CAAE9B,sBAAuB,CAAC;IACtE,MAAM;MAAEqC;IAAwB,CAAC,GAAGP,MAAM,CAAEjD,gBAAiB,CAAC;IAE9D,MAAMyD,QAAQ,GAAGN,iBAAiB,CAAC,CAAC;IAEpC,MAAM;MACLO,eAAe,CAAE;IAClB,CAAC,GAAGT,MAAM,CAAEtD,SAAU,CAAC;IAEvB,MAAM;MAAEgE,GAAG,EAAEC;IAAc,CAAC,GAAGX,MAAM,CAAE7B,gBAAiB,CAAC;IAEzD,OAAO;MACNiB,UAAU,EAAEa,kCAAkC,CAAC,CAAC;MAChDZ,YAAY,EAAEmB,QAAQ;MACtBlB,cAAc,EAAEa,gBAAgB,CAAC,CAAC;MAClCZ,cAAc,EAAEa,gBAAgB,CAAC,CAAC;MAClCZ,gBAAgB,EAAEc,yBAAyB,CAC1C,iCACD,CAAC;MACDb,YAAY,EAAEY,aAAa,CAAC,CAAC,KAAK,QAAQ;MAC1CV,eAAe,EAAEY,uBAAuB,CAAC,CAAC;MAC1CX,OAAO,EAAEa,eAAe,CAAC,CAAC,EAAEG,IAAI;MAChCf,cAAc,EAAEc,aAAa,CAC5BlC,aAAa,CAACoC,IAAI,EAClB,gBACD,CAAC;MACDf,gBAAgB,EAAElB,MAAM,CACvBoB,MAAM,CAAEvB,aAAc,CACvB,CAAC,CAACqC,4BAA4B,CAAC,CAAC;MAChCpB,iBAAiB,EAAEiB,aAAa,CAC/BlC,aAAa,CAACoC,IAAI,EAClB,iBACD,CAAC;MACDd,eAAe,EAAEY,aAAa,CAC7BlC,aAAa,CAACoC,IAAI,EAClB,cACD;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IACLE,kCAAkC,EAAEC,oBAAoB;IACxDC,mBAAmB;IACnBC;EACD,CAAC,GAAG/D,WAAW,CAAEsB,aAAc,CAAC;EAChC,MAAM;IAAE0C;EAAwB,CAAC,GAAGhE,WAAW,CAAEJ,gBAAiB,CAAC;EACnE,MAAMqE,aAAa,GAAG5E,gBAAgB,CAAC,CAAC;EAExC,MAAM6E,eAAe,GAAG9E,gBAAgB,CAAE,QAAS,CAAC;EAEpD,MAAM+E,cAAc,GAAGjF,WAAW,CAAE,MAAM;IACzC,IAAKiD,cAAc,EAAG;MACrB;MACA;MACA;MACAH,cAAc,CAACoC,OAAO,CAACC,KAAK,CAAC,CAAC;MAC9BP,mBAAmB,CAAE,KAAM,CAAC;IAC7B,CAAC,MAAM;MACNA,mBAAmB,CAAE,IAAK,CAAC;IAC5B;EACD,CAAC,EAAE,CAAE3B,cAAc,EAAE2B,mBAAmB,CAAG,CAAC;EAE5C,MAAMQ,cAAc,GAAGpF,WAAW,CACjC,MAAM6E,mBAAmB,CAAE,CAAE3B,cAAe,CAAC,EAC7C,CAAE2B,mBAAmB,EAAE3B,cAAc,CACtC,CAAC;EAED,MAAM;IACLmC,2BAA2B;IAC3BC,qBAAqB;IACrBC;EACD,CAAC,GAAG9C,8BAA8B,CAAC,CAAC;EACpC;EACA;EACA,MAAM+C,wBAAwB,GAC7BH,2BAA2B,IAC3BC,qBAAqB,IACrBC,wBAAwB;EAEzB,MAAME,0BAA0B,GAAG,CAAEnD,2BAA2B,CAAC,CAAC;EAElE,MAAMoD,WAAW,GAAGlD,kBAAkB,CAACmD,QAAQ,CAAE3C,YAAa,CAAC;;EAE/D;EACA,MAAM4C,SAAS,GAAG5E,EAAE,CACnB,uBAAuB,EACvB,yCACD,CAAC;EACD,MAAM6E,UAAU,GAAG,CAAE5C,cAAc,GAAGhC,EAAE,CAAE,KAAM,CAAC,GAAGA,EAAE,CAAE,OAAQ,CAAC;EAEjE,MAAM6E,gCAAgC,GACrCC,MAAM,EAAEC,iCAAiC,IAAI5C,YAAY;EAC1D,MAAM6C,eAAe,GAAG3C,eAAe,KAAK,UAAU;EAEtD,MAAM4C,eAAe,GAAG;IACvB7C,iBAAiB,EAAE;MAAE8C,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,EAAE1B,aAAa,GAAG,CAAC,GAAG,GAAG;IACjC2B,IAAI,EAAE;EACP,CAAC;EAED,OACCC,aAAA;IACCC,SAAS,EAAG7G,UAAU,CAAE,4BAA4B,EAAE;MACrD,kBAAkB,EAAEyD;IACrB,CAAE;EAAG,GAEHiC,0BAA0B,IAC3BkB,aAAA,CAAClG,gBAAgB;IAChBoG,EAAE,EAAGtF,MAAM,CAACuF,GAAK;IACjBF,SAAS,EAAC,mCAAmC;IAC7C,cAAa3F,EAAE,CAAE,gBAAiB,CAAG;IACrC8F,8BAA8B,EAC7B,CAAEvB,wBACF;IACDwB,QAAQ,EAAGd,eAAiB;IAC5Be,UAAU,EAAGV;EAAmB,GAEhCI,aAAA;IAAKC,SAAS,EAAC;EAAqC,GACjD,CAAEvD,iBAAiB,IACpBsD,aAAA,CAAClF,WAAW;IACXyF,GAAG,EAAGpE,cAAgB;IACtB+D,EAAE,EAAGrF,MAAQ;IACboF,SAAS,EAAC,6CAA6C;IACvDO,OAAO,EAAC,SAAS;IACjBC,SAAS,EAAGnE,cAAgB;IAC5BoE,WAAW,EAAG3E,cAAgB;IAC9B4E,OAAO,EAAGrC,cAAgB;IAC1BsC,QAAQ,EAAG,CAAEnE,YAAc;IAC3BoE,IAAI,EAAGrG,IAAM;IACbsG,KAAK,EACJjE,cAAc,GAAGqC,UAAU,GAAGD,SAC9B;IACD8B,WAAW,EAAG,CAAElE,cAAgB;IAChC,iBAAgBP;EAAgB,CAChC,CACD,EACC+B,eAAe,IAChB2B,aAAA,CAAAgB,QAAA,QACG,CAAEjE,eAAe,IAClBiD,aAAA,CAAClF,WAAW;IACXoF,EAAE,EAAGvG,YAAc;IACnBoH,WAAW,EAAG,CAAElE,cAAgB;IAChC2D,OAAO,EACN3D,cAAc,GACX,UAAU,GACVoE,SACH;IACDL,QAAQ,EAAG,CAAEnE;EAAc,CAC3B,CACD,EACDuD,aAAA,CAAClF,WAAW;IACXoF,EAAE,EAAG5E,UAAY;IACjByF,WAAW,EAAG,CAAElE,cAAgB;IAChC2D,OAAO,EACN3D,cAAc,GAAG,UAAU,GAAGoE;EAC9B,CACD,CAAC,EACFjB,aAAA,CAAClF,WAAW;IACXoF,EAAE,EAAG3E,UAAY;IACjBwF,WAAW,EAAG,CAAElE,cAAgB;IAChC2D,OAAO,EACN3D,cAAc,GAAG,UAAU,GAAGoE;EAC9B,CACD,CAAC,EACA,CAAEvE,iBAAiB,IACpBsD,aAAA,CAAClF,WAAW;IACXoF,EAAE,EAAGrF,MAAQ;IACboF,SAAS,EAAC,8CAA8C;IACxDW,QAAQ,EACP,CAAEnE,YAAY,IAAI6C,eAClB;IACDuB,IAAI,EAAGtG,QAAU;IACjBkG,SAAS,EAAGlE;IACZ;IACAuE,KAAK,EAAGxG,EAAE,CAAE,WAAY,CAAG;IAC3BqG,OAAO,EAAGlC,cAAgB;IAC1B8B,GAAG,EAAGrE,wBAA0B;IAChCgF,QAAQ,EAAG1E,gBAAkB;IAC7BuE,WAAW,EAAG,CAAElE,cAAgB;IAChC2D,OAAO,EACN3D,cAAc,GACX,UAAU,GACVoE,SACH;IACD,iBAAgB1E;EAAgB,CAChC,CACD,EACC4C,gCAAgC,IACjC,CAAEzC,iBAAiB,IACnB,CAAEK,eAAe,IAChBiD,aAAA,CAAClF,WAAW;IACXoF,EAAE,EAAGrF,MAAQ;IACboF,SAAS,EAAC,kDAAkD;IAC5DY,IAAI,EAAGnG,aAAe;IACtB+F,SAAS,EAAGnB;IACZ;IACAwB,KAAK,EAAGxG,EAAE,CAAE,eAAgB,CAAG;IAC/BqG,OAAO,EAAGA,CAAA,KAAM;MACf3C,oBAAoB,CACnB,SACD,CAAC;MACDG,uBAAuB,CACtBmB,eAAe,GACZ,MAAM,GACN,UACJ,CAAC;IACF;EAAG,CACH,CAEF,CAEC,CACY,CAClB,EAEC,CAAE5C,iBAAiB,IACpBsD,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAChD,CAAEnB,0BAA0B,GAC7BpD,6BAA6B,CAAEoB,gBAAiB,CAAC,GAEjDkD,aAAA,CAACxE,eAAe,MAAE,CAEf,CACL,EAEDwE,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC/CD,aAAA,CAACpF,MAAM,CAACuF,GAAG;IACVF,SAAS,EAAC,qCAAqC;IAC/CI,QAAQ,EAAGd,eAAiB;IAC5Be,UAAU,EAAGV;EAAmB,GAEhCI,aAAA;IACCC,SAAS,EAAG7G,UAAU,CACrB,6CAA6C,EAC7C;MAAE,eAAe,EAAEkG;IAAgB,CACpC;EAAG,GAEHU,aAAA,CAACnG,cAAc;IACduC,UAAU,EAAGA,UAAY;IACzB+E,aAAa,EAAGnD,oBAAsB;IACtC8C,KAAK,EAAGxG,EAAE,CAAE,MAAO,CAAG;IACtB8G,SAAS,EACR,CAAErC,WAAW,IAAID;EACjB,GAEC,CAAE;IAAEuC;EAAQ,CAAC,KACdrB,aAAA,CAACjF,SAAS,QACTiF,aAAA,CAAChF,QAAQ;IACRsG,IAAI,EAAG1E,OAAS;IAChB2E,MAAM,EAAC,QAAQ;IACfV,IAAI,EAAGpG,QAAU;IACjBkG,OAAO,EAAGU;EAAS,GAEjB/G,EAAE,CAAE,WAAY,CAAC,EACnB0F,aAAA,CAAC/E,cAAc;IAACiF,EAAE,EAAC;EAAM,GAEvB;EACA5F,EAAE,CAAE,sBAAuB,CAEb,CACP,CACA,CAEG,CACZ,CAAC,EACN0F,aAAA,CAAC3E,UAAU,MAAE,CAAC,EACZ,CAAEqB,iBAAiB,IACpBsD,aAAA,CAAC5F,WAAW,CAACoH,IAAI;IAACC,KAAK,EAAC;EAAgB,CAAE,CAC1C,EACDzB,aAAA,CAAC5E,QAAQ;IAACyB,cAAc,EAAGA;EAAgB,CAAE,CAClC,CACR,CACD,CAAC;AAER"}
1	+ {"version":3,"names":["classnames","useViewportMatch","useReducedMotion","store","coreStore","__experimentalPreviewOptions","PreviewOptions","privateApis","blockEditorPrivateApis","blockEditorStore","useSelect","useDispatch","useEffect","useRef","useState","PinnedItems","__","external","next","previous","Button","__unstableMotion","motion","MenuGroup","MenuItem","Popover","VisuallyHidden","preferencesStore","MoreMenu","SaveButton","DocumentActions","DocumentTools","editSiteStore","getEditorCanvasContainerTitle","useHasEditorCanvasContainer","unlock","FOCUSABLE_ENTITIES","BlockContextualToolbar","HeaderEditMode","setListViewToggleElement","deviceType","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","isZoomOutMode","select","__experimentalGetPreviewDeviceType","getEditedPostType","getBlockSelectionStart","__unstableGetEditorMode","postType","getUnstableBase","get","getPreference","home","name","getEditorCanvasContainerView","isLargeViewport","isTopToolbar","blockToolbarRef","__experimentalSetPreviewDeviceType","setPreviewDeviceType","disableMotion","hasDefaultEditorCanvasView","isFocusMode","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","hasBlockSelected","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","createElement","className","div","variants","transition","Fragment","isFixed","Slot","ref","icon","onClick","collapsed","label","setDeviceType","isEnabled","onClose","href","target","as","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>\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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"}

package/build-module/components/header-edit-mode/more-menu/site-export.js CHANGED Viewed

@@ -1,9 +1,4 @@
 import { createElement } from "react";
-/**
- * External dependencies
- */
-import downloadjs from 'downloadjs';
 /**
  * WordPress dependencies
  */
@@ -12,6 +7,7 @@ import { MenuItem } from '@wordpress/components';
 import apiFetch from '@wordpress/api-fetch';
 import { download } from '@wordpress/icons';
 import { useDispatch } from '@wordpress/data';
+import { downloadBlob } from '@wordpress/blob';
 import { store as noticesStore } from '@wordpress/notices';
 export default function SiteExport() {
   const {
@@ -30,7 +26,7 @@ export default function SiteExport() {
       const contentDisposition = response.headers.get('content-disposition');
       const contentDispositionMatches = contentDisposition.match(/=(.+)\.zip/);
       const fileName = contentDispositionMatches[1] ? contentDispositionMatches[1] : 'edit-site-export';
-      downloadjs(blob, fileName + '.zip', 'application/zip');
+      downloadBlob(fileName + '.zip', blob, 'application/zip');
     } catch (errorResponse) {
       let error = {};
       try {

package/build-module/components/header-edit-mode/more-menu/site-export.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~downloadjs","~~__","_x","MenuItem","apiFetch","download","useDispatch","store","noticesStore","SiteExport","createErrorNotice","handleExport","response","path","parse","headers","Accept","blob","contentDisposition","get","contentDispositionMatches","match","fileName","errorResponse","error","json","e","errorMessage","message","code","type","createElement","role","icon","onClick","info"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/site-export.js"],"sourcesContent":["/*\n External dependencies\n /\nimport downloadjs from 'downloadjs';\n\n/\n WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport apiFetch from '@wordpress/api-fetch';\nimport { download } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function SiteExport() {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tasync function handleExport() {\n\t\ttry {\n\t\t\tconst response = await apiFetch( {\n\t\t\t\tpath: '/wp-block-editor/v1/export',\n\t\t\t\tparse: false,\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: 'application/zip',\n\t\t\t\t},\n\t\t\t} );\n\t\t\tconst blob = await response.blob();\n\t\t\tconst contentDisposition = response.headers.get(\n\t\t\t\t'content-disposition'\n\t\t\t);\n\t\t\tconst contentDispositionMatches =\n\t\t\t\tcontentDisposition.match( /=(.+)\\.zip/ );\n\t\t\tconst fileName = contentDispositionMatches[ 1 ]\n\t\t\t\t? contentDispositionMatches[ 1 ]\n\t\t\t\t: 'edit-site-export';\n\n\t\t\~~tdownloadjs~~( ~~blob,~~ fileName + '.zip', 'application/zip' );\n\t\t} catch ( errorResponse ) {\n\t\t\tlet error = {};\n\t\t\ttry {\n\t\t\t\terror = await errorResponse.json();\n\t\t\t} catch ( e ) {}\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the site export.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\trole=\"menuitem\"\n\t\t\ticon={ download }\n\t\t\tonClick={ handleExport }\n\t\t\tinfo={ __(\n\t\t\t\t'Download your theme with updated templates and styles.'\n\t\t\t) }\n\t\t>\n\t\t\t{ _x( 'Export', 'site exporter menu item' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,~~OAAOA~~,~~UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,~~EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAE1D,eAAe,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAkB,CAAC,~~GAAGJ~~,WAAW,~~CAAEE~~,YAAa,CAAC;EAEzD,eAAeG,YAAYA,CAAA,EAAG;IAC7B,IAAI;MACH,MAAMC,QAAQ,GAAG,~~MAAMR~~,QAAQ,CAAE;~~QAChCS~~,IAAI,EAAE,4BAA4B;QAClCC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE;UACRC,MAAM,EAAE;QACT;MACD,CAAE,CAAC;MACH,MAAMC,IAAI,GAAG,MAAML,QAAQ,CAACK,IAAI,CAAC,CAAC;MAClC,MAAMC,kBAAkB,GAAGN,QAAQ,CAACG,OAAO,CAACI,GAAG,CAC9C,qBACD,CAAC;MACD,MAAMC,yBAAyB,GAC9BF,kBAAkB,CAACG,KAAK,CAAE,YAAa,CAAC;MACzC,MAAMC,QAAQ,GAAGF,yBAAyB,CAAE,CAAC,CAAE,GAC5CA,yBAAyB,CAAE,CAAC,CAAE,GAC9B,kBAAkB;~~MAErBpB~~,~~UAAU~~,~~CAAEiB~~,~~IAAI,EAAEK,~~QAAQ,GAAG,MAAM,EAAE,iBAAkB,CAAC;~~IACzD~~,CAAC,CAAC,~~OAAQC~~,aAAa,EAAG;MACzB,IAAIC,KAAK,GAAG,CAAC,CAAC;MACd,IAAI;QACHA,KAAK,GAAG,MAAMD,aAAa,CAACE,IAAI,CAAC,CAAC;MACnC,CAAC,CAAC,OAAQC,CAAC,EAAG,CAAC;MACf,MAAMC,YAAY,GACjBH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACK,IAAI,KAAK,eAAe,GAC5CL,KAAK,CAACI,OAAO,~~GACb3B~~,EAAE,CAAE,mDAAoD,CAAC;~~MAE7DS~~,iBAAiB,CAAEiB,YAAY,EAAE;QAAEG,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;EAEA,OACCC,aAAA,~~CAAC5B~~,QAAQ;~~IACR6B~~,IAAI,EAAC,UAAU;IACfC,IAAI,~~EAAG5B~~,QAAU;~~IACjB6B~~,OAAO,EAAGvB,YAAc;IACxBwB,IAAI,~~EAAGlC~~,EAAE,CACR,wDACD;EAAG,GAEDC,EAAE,CAAE,QAAQ,EAAE,yBAA0B,CACjC,CAAC;AAEb"}
1	+ {"version":3,"names":["__","_x","MenuItem","apiFetch","download","useDispatch","downloadBlob","store","noticesStore","SiteExport","createErrorNotice","handleExport","response","path","parse","headers","Accept","blob","contentDisposition","get","contentDispositionMatches","match","fileName","errorResponse","error","json","e","errorMessage","message","code","type","createElement","role","icon","onClick","info"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/site-export.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport apiFetch from '@wordpress/api-fetch';\nimport { download } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { downloadBlob } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function SiteExport() {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tasync function handleExport() {\n\t\ttry {\n\t\t\tconst response = await apiFetch( {\n\t\t\t\tpath: '/wp-block-editor/v1/export',\n\t\t\t\tparse: false,\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: 'application/zip',\n\t\t\t\t},\n\t\t\t} );\n\t\t\tconst blob = await response.blob();\n\t\t\tconst contentDisposition = response.headers.get(\n\t\t\t\t'content-disposition'\n\t\t\t);\n\t\t\tconst contentDispositionMatches =\n\t\t\t\tcontentDisposition.match( /=(.+)\\.zip/ );\n\t\t\tconst fileName = contentDispositionMatches[ 1 ]\n\t\t\t\t? contentDispositionMatches[ 1 ]\n\t\t\t\t: 'edit-site-export';\n\n\t\t\tdownloadBlob( fileName + '.zip', blob, 'application/zip' );\n\t\t} catch ( errorResponse ) {\n\t\t\tlet error = {};\n\t\t\ttry {\n\t\t\t\terror = await errorResponse.json();\n\t\t\t} catch ( e ) {}\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the site export.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\trole=\"menuitem\"\n\t\t\ticon={ download }\n\t\t\tonClick={ handleExport }\n\t\t\tinfo={ __(\n\t\t\t\t'Download your theme with updated templates and styles.'\n\t\t\t) }\n\t\t>\n\t\t\t{ _x( 'Export', 'site exporter menu item' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAE1D,eAAe,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGL,WAAW,CAAEG,YAAa,CAAC;EAEzD,eAAeG,YAAYA,CAAA,EAAG;IAC7B,IAAI;MACH,MAAMC,QAAQ,GAAG,MAAMT,QAAQ,CAAE;QAChCU,IAAI,EAAE,4BAA4B;QAClCC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE;UACRC,MAAM,EAAE;QACT;MACD,CAAE,CAAC;MACH,MAAMC,IAAI,GAAG,MAAML,QAAQ,CAACK,IAAI,CAAC,CAAC;MAClC,MAAMC,kBAAkB,GAAGN,QAAQ,CAACG,OAAO,CAACI,GAAG,CAC9C,qBACD,CAAC;MACD,MAAMC,yBAAyB,GAC9BF,kBAAkB,CAACG,KAAK,CAAE,YAAa,CAAC;MACzC,MAAMC,QAAQ,GAAGF,yBAAyB,CAAE,CAAC,CAAE,GAC5CA,yBAAyB,CAAE,CAAC,CAAE,GAC9B,kBAAkB;MAErBd,YAAY,CAAEgB,QAAQ,GAAG,MAAM,EAAEL,IAAI,EAAE,iBAAkB,CAAC;IAC3D,CAAC,CAAC,OAAQM,aAAa,EAAG;MACzB,IAAIC,KAAK,GAAG,CAAC,CAAC;MACd,IAAI;QACHA,KAAK,GAAG,MAAMD,aAAa,CAACE,IAAI,CAAC,CAAC;MACnC,CAAC,CAAC,OAAQC,CAAC,EAAG,CAAC;MACf,MAAMC,YAAY,GACjBH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACK,IAAI,KAAK,eAAe,GAC5CL,KAAK,CAACI,OAAO,GACb5B,EAAE,CAAE,mDAAoD,CAAC;MAE7DU,iBAAiB,CAAEiB,YAAY,EAAE;QAAEG,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;EAEA,OACCC,aAAA,CAAC7B,QAAQ;IACR8B,IAAI,EAAC,UAAU;IACfC,IAAI,EAAG7B,QAAU;IACjB8B,OAAO,EAAGvB,YAAc;IACxBwB,IAAI,EAAGnC,EAAE,CACR,wDACD;EAAG,GAEDC,EAAE,CAAE,QAAQ,EAAE,yBAA0B,CACjC,CAAC;AAEb"}

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

@@ -11,7 +11,7 @@ import { useSelect } from '@wordpress/data';
 import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence, __unstableUseNavigateRegions as useNavigateRegions } from '@wordpress/components';
 import { useReducedMotion, useViewportMatch, useResizeObserver } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
-import { useState, useRef } from '@wordpress/element';
+import { useState } from '@wordpress/element';
 import { NavigableRegion } from '@wordpress/interface';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 import { CommandMenu, privateApis as commandsPrivateApis } from '@wordpress/commands';
@@ -62,7 +62,6 @@ export default function Layout() {
   useEditModeCommands();
   useCommonCommands();
   useBlockCommands();
-  const hubRef = useRef();
   const {
     params
   } = useLocation();
@@ -98,7 +97,7 @@ export default function Layout() {
     next: nextShortcut
   });
   const disableMotion = useReducedMotion();
-  const showSidebar = isMobileViewport && !isListPage || !isMobileViewport && (canvasMode === 'view' || !isEditorPage);
+  const showSidebar = isMobileViewport && canvasMode === 'view' && !isListPage || !isMobileViewport && (canvasMode === 'view' || !isEditorPage);
   const showCanvas = isMobileViewport && isEditorPage && isEditing || !isMobileViewport || !isEditorPage;
   const isFullCanvas = isMobileViewport && isListPage || isEditorPage && isEditing;
   const [canvasResizer, canvasSize] = useResizeObserver();
@@ -153,7 +152,8 @@ export default function Layout() {
       'is-distraction-free': isDistractionFree && isEditing,
       'is-full-canvas': isFullCanvas,
       'is-edit-mode': isEditing,
-      'has-fixed-toolbar': hasFixedToolbar
+      'has-fixed-toolbar': hasFixedToolbar,
+      'is-block-toolbar-visible': hasBlockSelected
     })
   }, createElement(motion.div, {
     className: "edit-site-layout__header-container",
@@ -186,21 +186,6 @@ export default function Layout() {
     whileHover: isDistractionFree ? 'isDistractionFreeHovering' : undefined,
     animate: headerAnimationState
   }, createElement(SiteHub, {
-    variants: {
-      isDistractionFree: {
-        x: '-100%'
-      },
-      isDistractionFreeHovering: {
-        x: 0
-      },
-      view: {
-        x: 0
-      },
-      edit: {
-        x: 0
-      }
-    },
-    ref: hubRef,
     isTransparent: isResizableFrameOversized,
     className: "edit-site-layout__hub"
   }), createElement(AnimatePresence, {
@@ -252,7 +237,7 @@ export default function Layout() {
     // (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 : 'inert',
+    inert: showSidebar ? undefined : 'true',
     animate: {
       opacity: showSidebar ? 1 : 0
     },

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","useRef","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","useBlockCommands","blockEditorStore","routerPrivateApis","coreCommandsPrivateApis","Sidebar","Editor","ErrorBoundary","editSiteStore","getIsListPage","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","PageMain","useIsSiteEditorLoading","useCommands","useCommandContext","useLocation","useGlobalStyle","ANIMATION_DURATION","Layout","hubRef","params","isMobileViewport","isListPage","isEditorPage","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","getBlockSelectionStart","isEditing","navigateRegionsProps","previous","next","disableMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","fullResizer","isResizing","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","initial","key","ariaLabel","as","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, useRef } 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 hubRef = useRef();\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 && ! 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}\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\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\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 : 'inert' }\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","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","useBlockCommands","blockEditorStore","routerPrivateApis","coreCommandsPrivateApis","Sidebar","Editor","ErrorBoundary","editSiteStore","getIsListPage","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","PageMain","useIsSiteEditorLoading","useCommands","useCommandContext","useLocation","useGlobalStyle","ANIMATION_DURATION","Layout","params","isMobileViewport","isListPage","isEditorPage","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","getBlockSelectionStart","isEditing","navigateRegionsProps","previous","next","disableMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","fullResizer","isResizing","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","initial","key","ariaLabel","as","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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"}

package/build-module/components/list/added-by.js CHANGED Viewed

@@ -108,7 +108,7 @@ export function useAddedBy(postType, postId) {
  * @param {Object} props
  * @param {string} props.imageUrl
  */
-function AvatarImage({
+export function AvatarImage({
   imageUrl
 }) {
   const [isImageLoaded, setIsImageLoaded] = useState(false);

package/build-module/components/list/added-by.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","Icon","__experimentalHStack","HStack","store","coreStore","useSelect","useState","commentAuthorAvatar","authorIcon","layout","themeIcon","plugins","pluginIcon","globe","globeIcon","_x","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","TEMPLATE_POST_TYPE_NAMES","useAddedBy","postType","postId","select","getTheme","getPlugin","getEntityRecord","getMedia","getUser","getEditedEntityRecord","template","includes","type","has_theme_file","origin","theme","custom","source","icon","text","name","rendered","isCustomized","plugin","author","siteData","imageUrl","site_logo","source_url","undefined","user","avatar_urls","nickname","AvatarImage","isImageLoaded","setIsImageLoaded","createElement","className","onLoad","alt","src","AddedBy","alignment"],"sources":["@wordpress/edit-site/src/components/list/added-by.js"],"sourcesContent":["// @ts-check\n/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport {\n\tcommentAuthorAvatar as authorIcon,\n\tlayout as themeIcon,\n\tplugins as pluginIcon,\n\tglobe as globeIcon,\n} from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_ORIGINS,\n} from '../../utils/constants';\n\n/* @typedef {'wp_template'\|'wp_template_part'} TemplateType /\n\n/* @type {TemplateType} /\nconst TEMPLATE_POST_TYPE_NAMES = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n];\n\n/\n @typedef {'theme'\|'plugin'\|'site'\|'user'} AddedByType\n \n @typedef AddedByData\n * @type {Object}\n * @property {AddedByType} type The type of the data.\n * @property {JSX.Element} icon The icon to display.\n * @property {string} [imageUrl] The optional image URL to display.\n * @property {string} [text] The text to display.\n * @property {boolean} isCustomized Whether the template has been customized.\n \n @param {TemplateType} postType The template post type.\n * @param {number} postId The template post id.\n * @return {AddedByData} The added by object or null.\n /\nexport function useAddedBy( postType, postId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetTheme,\n\t\t\t\tgetPlugin,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tgetMedia,\n\t\t\t\tgetUser,\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t} = select( coreStore );\n\t\t\tconst template = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\n\t\t\tif ( TEMPLATE_POST_TYPE_NAMES.includes( template.type ) ) {\n\t\t\t\t// Added by theme.\n\t\t\t\t// Template originally provided by a theme, but customized by a user.\n\t\t\t\t// Templates originally didn't have the 'origin' field so identify\n\t\t\t\t// older customized templates by checking for no origin and a 'theme'\n\t\t\t\t// or 'custom' source.\n\t\t\t\tif (\n\t\t\t\t\ttemplate.has_theme_file &&\n\t\t\t\t\t( template.origin === TEMPLATE_ORIGINS.theme \|\|\n\t\t\t\t\t\t( ! template.origin &&\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\tTEMPLATE_ORIGINS.theme,\n\t\t\t\t\t\t\t\tTEMPLATE_ORIGINS.custom,\n\t\t\t\t\t\t\t].includes( template.source ) ) )\n\t\t\t\t) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'theme',\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext:\n\t\t\t\t\t\t\tgetTheme( template.theme )?.name?.rendered \|\|\n\t\t\t\t\t\t\ttemplate.theme,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\t// Added by plugin.\n\t\t\t\tif (\n\t\t\t\t\ttemplate.has_theme_file &&\n\t\t\t\t\ttemplate.origin === TEMPLATE_ORIGINS.plugin\n\t\t\t\t) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: TEMPLATE_ORIGINS.plugin,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext:\n\t\t\t\t\t\t\tgetPlugin( template.theme )?.name \|\| template.theme,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\t// Added by site.\n\t\t\t\t// Template was created from scratch, but has no author. Author support\n\t\t\t\t// was only added to templates in WordPress 5.9. Fallback to showing the\n\t\t\t\t// site logo and title.\n\t\t\t\tif (\n\t\t\t\t\t! template.has_theme_file &&\n\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom &&\n\t\t\t\t\t! template.author\n\t\t\t\t) {\n\t\t\t\t\tconst siteData = getEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'__unstableBase'\n\t\t\t\t\t);\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'site',\n\t\t\t\t\t\ticon: globeIcon,\n\t\t\t\t\t\timageUrl: siteData?.site_logo\n\t\t\t\t\t\t\t? getMedia( siteData.site_logo )?.source_url\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttext: siteData?.name,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Added by user.\n\t\t\tconst user = getUser( template.author );\n\t\t\treturn {\n\t\t\t\ttype: 'user',\n\t\t\t\ticon: authorIcon,\n\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\ttext: user?.nickname,\n\t\t\t\tisCustomized: false,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n}\n\n/\n @param {Object} props\n * @param {string} props.imageUrl\n /\nfunction AvatarImage( { imageUrl } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-list-added-by__avatar', {\n\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t} ) }\n\t\t>\n\t\t\t<img\n\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\talt=\"\"\n\t\t\t\tsrc={ imageUrl }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/\n @param {Object} props\n * @param {TemplateType} props.postType The template post type.\n * @param {number} props.postId The template post id.\n */\nexport default function AddedBy( { postType, postId } ) {\n\tconst { text, icon, imageUrl, isCustomized } = useAddedBy(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<HStack alignment=\"left\">\n\t\t\t{ imageUrl ? (\n\t\t\t\t<AvatarImage imageUrl={ imageUrl } />\n\t\t\t) : (\n\t\t\t\t<div className=\"edit-site-list-added-by__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span>\n\t\t\t\t{ text }\n\t\t\t\t{ isCustomized && (\n\t\t\t\t\t<span className=\"edit-site-list-added-by__customized-info\">\n\t\t\t\t\t\t{ postType === TEMPLATE_POST_TYPE\n\t\t\t\t\t\t\t? _x( 'Customized', 'template' )\n\t\t\t\t\t\t\t: _x( 'Customized', 'template part' ) }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["classnames","Icon","__experimentalHStack","HStack","store","coreStore","useSelect","useState","commentAuthorAvatar","authorIcon","layout","themeIcon","plugins","pluginIcon","globe","globeIcon","_x","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","TEMPLATE_POST_TYPE_NAMES","useAddedBy","postType","postId","select","getTheme","getPlugin","getEntityRecord","getMedia","getUser","getEditedEntityRecord","template","includes","type","has_theme_file","origin","theme","custom","source","icon","text","name","rendered","isCustomized","plugin","author","siteData","imageUrl","site_logo","source_url","undefined","user","avatar_urls","nickname","AvatarImage","isImageLoaded","setIsImageLoaded","createElement","className","onLoad","alt","src","AddedBy","alignment"],"sources":["@wordpress/edit-site/src/components/list/added-by.js"],"sourcesContent":["// @ts-check\n/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport {\n\tcommentAuthorAvatar as authorIcon,\n\tlayout as themeIcon,\n\tplugins as pluginIcon,\n\tglobe as globeIcon,\n} from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_ORIGINS,\n} from '../../utils/constants';\n\n/* @typedef {'wp_template'\|'wp_template_part'} TemplateType /\n\n/* @type {TemplateType} /\nconst TEMPLATE_POST_TYPE_NAMES = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n];\n\n/\n @typedef {'theme'\|'plugin'\|'site'\|'user'} AddedByType\n \n @typedef AddedByData\n * @type {Object}\n * @property {AddedByType} type The type of the data.\n * @property {JSX.Element} icon The icon to display.\n * @property {string} [imageUrl] The optional image URL to display.\n * @property {string} [text] The text to display.\n * @property {boolean} isCustomized Whether the template has been customized.\n \n @param {TemplateType} postType The template post type.\n * @param {number} postId The template post id.\n * @return {AddedByData} The added by object or null.\n /\nexport function useAddedBy( postType, postId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetTheme,\n\t\t\t\tgetPlugin,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tgetMedia,\n\t\t\t\tgetUser,\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t} = select( coreStore );\n\t\t\tconst template = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\n\t\t\tif ( TEMPLATE_POST_TYPE_NAMES.includes( template.type ) ) {\n\t\t\t\t// Added by theme.\n\t\t\t\t// Template originally provided by a theme, but customized by a user.\n\t\t\t\t// Templates originally didn't have the 'origin' field so identify\n\t\t\t\t// older customized templates by checking for no origin and a 'theme'\n\t\t\t\t// or 'custom' source.\n\t\t\t\tif (\n\t\t\t\t\ttemplate.has_theme_file &&\n\t\t\t\t\t( template.origin === TEMPLATE_ORIGINS.theme \|\|\n\t\t\t\t\t\t( ! template.origin &&\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\tTEMPLATE_ORIGINS.theme,\n\t\t\t\t\t\t\t\tTEMPLATE_ORIGINS.custom,\n\t\t\t\t\t\t\t].includes( template.source ) ) )\n\t\t\t\t) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'theme',\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext:\n\t\t\t\t\t\t\tgetTheme( template.theme )?.name?.rendered \|\|\n\t\t\t\t\t\t\ttemplate.theme,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\t// Added by plugin.\n\t\t\t\tif (\n\t\t\t\t\ttemplate.has_theme_file &&\n\t\t\t\t\ttemplate.origin === TEMPLATE_ORIGINS.plugin\n\t\t\t\t) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: TEMPLATE_ORIGINS.plugin,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext:\n\t\t\t\t\t\t\tgetPlugin( template.theme )?.name \|\| template.theme,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\t// Added by site.\n\t\t\t\t// Template was created from scratch, but has no author. Author support\n\t\t\t\t// was only added to templates in WordPress 5.9. Fallback to showing the\n\t\t\t\t// site logo and title.\n\t\t\t\tif (\n\t\t\t\t\t! template.has_theme_file &&\n\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom &&\n\t\t\t\t\t! template.author\n\t\t\t\t) {\n\t\t\t\t\tconst siteData = getEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'__unstableBase'\n\t\t\t\t\t);\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'site',\n\t\t\t\t\t\ticon: globeIcon,\n\t\t\t\t\t\timageUrl: siteData?.site_logo\n\t\t\t\t\t\t\t? getMedia( siteData.site_logo )?.source_url\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttext: siteData?.name,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Added by user.\n\t\t\tconst user = getUser( template.author );\n\t\t\treturn {\n\t\t\t\ttype: 'user',\n\t\t\t\ticon: authorIcon,\n\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\ttext: user?.nickname,\n\t\t\t\tisCustomized: false,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n}\n\n/\n @param {Object} props\n * @param {string} props.imageUrl\n /\nexport function AvatarImage( { imageUrl } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-list-added-by__avatar', {\n\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t} ) }\n\t\t>\n\t\t\t<img\n\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\talt=\"\"\n\t\t\t\tsrc={ imageUrl }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/\n @param {Object} props\n * @param {TemplateType} props.postType The template post type.\n * @param {number} props.postId The template post id.\n */\nexport default function AddedBy( { postType, postId } ) {\n\tconst { text, icon, imageUrl, isCustomized } = useAddedBy(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<HStack alignment=\"left\">\n\t\t\t{ imageUrl ? (\n\t\t\t\t<AvatarImage imageUrl={ imageUrl } />\n\t\t\t) : (\n\t\t\t\t<div className=\"edit-site-list-added-by__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span>\n\t\t\t\t{ text }\n\t\t\t\t{ isCustomized && (\n\t\t\t\t\t<span className=\"edit-site-list-added-by__customized-info\">\n\t\t\t\t\t\t{ postType === TEMPLATE_POST_TYPE\n\t\t\t\t\t\t\t? _x( 'Customized', 'template' )\n\t\t\t\t\t\t\t: _x( 'Customized', 'template part' ) }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/page-content-focus-manager/back-to-page-notification.js CHANGED Viewed

@@ -25,15 +25,11 @@ export default function BackToPageNotification() {
  * switches from focusing on editing page content to editing a template.
  */
 export function useBackToPageNotification() {
+  const hasPageContentFocus = useSelect(select => select(editSiteStore).hasPageContentFocus(), []);
   const {
-    isPage,
-    hasPageContentFocus
-  } = useSelect(select => ({
-    isPage: select(editSiteStore).isPage(),
-    hasPageContentFocus: select(editSiteStore).hasPageContentFocus()
-  }), []);
+    isPage
+  } = useSelect(editSiteStore);
   const alreadySeen = useRef(false);
-  const prevHasPageContentFocus = useRef(false);
   const {
     createInfoNotice
   } = useDispatch(noticesStore);
@@ -41,7 +37,7 @@ export function useBackToPageNotification() {
     setHasPageContentFocus
   } = useDispatch(editSiteStore);
   useEffect(() => {
-    if (!alreadySeen.current && isPage && prevHasPageContentFocus.current && !hasPageContentFocus) {
+    if (isPage() && !alreadySeen.current && !hasPageContentFocus) {
       createInfoNotice(__('You are editing a template.'), {
         isDismissible: true,
         type: 'snackbar',
@@ -52,7 +48,6 @@ export function useBackToPageNotification() {
       });
       alreadySeen.current = true;
     }
-    prevHasPageContentFocus.current = hasPageContentFocus;
-  }, [alreadySeen, isPage, prevHasPageContentFocus, hasPageContentFocus, createInfoNotice, setHasPageContentFocus]);
+  }, [isPage, hasPageContentFocus, createInfoNotice, setHasPageContentFocus]);
 }
 //# sourceMappingURL=back-to-page-notification.js.map

package/build-module/components/page-content-focus-manager/back-to-page-notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useDispatch","useEffect","useRef","store","noticesStore","__","editSiteStore","BackToPageNotification","useBackToPageNotification","~~isPage","~~hasPageContentFocus","select","~~alreadySeen~~","~~prevHasPageContentFocus~~","createInfoNotice","setHasPageContentFocus","current","isDismissible","type","actions","label","onClick"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/back-to-page-notification.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\n\n/\n Component that displays a 'You are editing a template' notification when the\n * user switches from focusing on editing page content to editing a template.\n /\nexport default function BackToPageNotification() {\n\tuseBackToPageNotification();\n\treturn null;\n}\n\n/\n Hook that displays a 'You are editing a template' notification when the user\n * switches from focusing on editing page content to editing a template.\n */\nexport function useBackToPageNotification() {\n\tconst ~~{ isPage,~~ hasPageContentFocus } = useSelect(\n\t\t( select ) => ~~( {\n\t\t\tisPage:~~ select( editSiteStore ).~~isPage(),\n\t\t\thasPageContentFocus: select( editSiteStore ).~~hasPageContentFocus(),\n\t\t~~} ),\n\t\t~~[]\n\t);\n\n\tconst ~~alreadySeen~~ = ~~useRef~~( ~~false~~ );\n\tconst ~~prevHasPageContentFocus~~ = useRef( false );\n\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif (~~\n\t\t\t~~! alreadySeen.current ~~&&\n\t\t\tisPage~~ ~~&&\n\t\t\tprevHasPageContentFocus.current &&\n\t\t\t~~! hasPageContentFocus~~\n\t\t~~) {\n\t\t\tcreateInfoNotice( __( 'You are editing a template.' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Back to page' ),\n\t\t\t\t\t\tonClick: () => setHasPageContentFocus( true ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} );\n\t\t\talreadySeen.current = true;\n\t\t}\n\t~~\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t~~}, [\n\t\~~talreadySeen,\n\t\~~tisPage,\n\t\~~tprevHasPageContentFocus,\n\t\~~thasPageContentFocus,\n\t\tcreateInfoNotice,\n\t\tsetHasPageContentFocus,\n\t] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASF,KAAK,IAAIG,aAAa,QAAQ,aAAa;;AAEpD;AACA;AACA;AACA;AACA,eAAe,SAASC,sBAAsBA,CAAA,EAAG;EAChDC,yBAAyB,CAAC,CAAC;EAC3B,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,yBAAyBA,CAAA,EAAG;EAC3C,~~MAAM;IAAEC~~,~~MAAM;IAAEC;EAAoB~~,~~CAAC~~,~~GAAGX,~~SAAS,~~CAC9CY~~,MAAM,~~KAAQ;IACfF~~,MAAM,~~EAAEE~~,~~MAAM,CAAEL,~~aAAc,CAAC,CAACG,~~MAAM~~,CAAC,CAAC~~;IACxCC~~,~~mBAAmB~~,~~EAAEC~~,~~MAAM,CAAEL,aAAc,~~CAAC,~~CAACI,mBAAmB,CAAC~~;~~EAClE~~,CAAC,~~CAAE~~,~~EACH~~,~~EACD~~,CAAC;~~EAED~~,~~MAAME~~,WAAW,GAAGV,MAAM,CAAE,KAAM,CAAC;~~EACnC~~,~~MAAMW,uBAAuB,GAAGX,~~MAAM~~,CAAE,KAAM,CAAC~~;~~EAE/C,MAAM~~;~~IAAEY;~~EAAiB,CAAC,~~GAAGd~~,WAAW,CAAEI,YAAa,CAAC;EACxD,MAAM;~~IAAEW~~;EAAuB,CAAC,~~GAAGf~~,WAAW,CAAEM,aAAc,CAAC;EAE/DL,SAAS,CAAE,MAAM;IAChB,~~IACC~~,~~CAAEW~~,~~WAAW~~,~~CAACI~~,~~OAAO~~,~~IACrBP~~,~~MAAM~~,~~IACNI,uBAAuB,~~CAACG,OAAO,~~IAC/B~~,CAAEN,mBAAmB,~~EACpB~~;~~MACDI~~,gBAAgB,~~CAAET~~,EAAE,CAAE,6BAA8B,CAAC,EAAE;~~QACtDY~~,aAAa,EAAE,IAAI;QACnBC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAE,CACR;UACCC,KAAK,~~EAAEf~~,EAAE,CAAE,cAAe,CAAC;~~UAC3BgB~~,OAAO,EAAEA,CAAA,KAAMN,sBAAsB,CAAE,IAAK;QAC7C,CAAC;MAEH,CAAE,CAAC;~~MACHH~~,WAAW,~~CAACI~~,OAAO,GAAG,IAAI;IAC3B;~~IACAH~~,~~uBAAuB,CAACG,OAAO,GAAGN,mBAAmB;EACtD,~~CAAC,EAAE,~~CACFE~~,~~WAAW,EACXH,~~MAAM,~~EACNI~~,~~uBAAuB,EACvBH,~~mBAAmB,EACnBI,gBAAgB,EAChBC,sBAAsB,CACrB,CAAC;AACJ"}
1	+ {"version":3,"names":["useSelect","useDispatch","useEffect","useRef","store","noticesStore","__","editSiteStore","BackToPageNotification","useBackToPageNotification","hasPageContentFocus","select","isPage","alreadySeen","createInfoNotice","setHasPageContentFocus","current","isDismissible","type","actions","label","onClick"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/back-to-page-notification.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\n\n/\n Component that displays a 'You are editing a template' notification when the\n * user switches from focusing on editing page content to editing a template.\n /\nexport default function BackToPageNotification() {\n\tuseBackToPageNotification();\n\treturn null;\n}\n\n/\n Hook that displays a 'You are editing a template' notification when the user\n * switches from focusing on editing page content to editing a template.\n */\nexport function useBackToPageNotification() {\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\tconst { isPage } = useSelect( editSiteStore );\n\n\tconst alreadySeen = useRef( false );\n\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( isPage() && ! alreadySeen.current && ! hasPageContentFocus ) {\n\t\t\tcreateInfoNotice( __( 'You are editing a template.' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Back to page' ),\n\t\t\t\t\t\tonClick: () => setHasPageContentFocus( true ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} );\n\t\t\talreadySeen.current = true;\n\t\t}\n\t}, [\n\t\tisPage,\n\t\thasPageContentFocus,\n\t\tcreateInfoNotice,\n\t\tsetHasPageContentFocus,\n\t] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASF,KAAK,IAAIG,aAAa,QAAQ,aAAa;;AAEpD;AACA;AACA;AACA;AACA,eAAe,SAASC,sBAAsBA,CAAA,EAAG;EAChDC,yBAAyB,CAAC,CAAC;EAC3B,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,yBAAyBA,CAAA,EAAG;EAC3C,MAAMC,mBAAmB,GAAGV,SAAS,CAClCW,MAAM,IAAMA,MAAM,CAAEJ,aAAc,CAAC,CAACG,mBAAmB,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAM;IAAEE;EAAO,CAAC,GAAGZ,SAAS,CAAEO,aAAc,CAAC;EAE7C,MAAMM,WAAW,GAAGV,MAAM,CAAE,KAAM,CAAC;EAEnC,MAAM;IAAEW;EAAiB,CAAC,GAAGb,WAAW,CAAEI,YAAa,CAAC;EACxD,MAAM;IAAEU;EAAuB,CAAC,GAAGd,WAAW,CAAEM,aAAc,CAAC;EAE/DL,SAAS,CAAE,MAAM;IAChB,IAAKU,MAAM,CAAC,CAAC,IAAI,CAAEC,WAAW,CAACG,OAAO,IAAI,CAAEN,mBAAmB,EAAG;MACjEI,gBAAgB,CAAER,EAAE,CAAE,6BAA8B,CAAC,EAAE;QACtDW,aAAa,EAAE,IAAI;QACnBC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAE,CACR;UACCC,KAAK,EAAEd,EAAE,CAAE,cAAe,CAAC;UAC3Be,OAAO,EAAEA,CAAA,KAAMN,sBAAsB,CAAE,IAAK;QAC7C,CAAC;MAEH,CAAE,CAAC;MACHF,WAAW,CAACG,OAAO,GAAG,IAAI;IAC3B;EACD,CAAC,EAAE,CACFJ,MAAM,EACNF,mBAAmB,EACnBI,gBAAgB,EAChBC,sBAAsB,CACrB,CAAC;AACJ"}

package/build-module/components/page-content-focus-manager/disable-non-page-content-blocks.js CHANGED Viewed

@@ -2,42 +2,55 @@ import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { createHigherOrderComponent } from '@wordpress/compose';
-import { addFilter, removeFilter } from '@wordpress/hooks';
-import { useBlockEditingMode } from '@wordpress/block-editor';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useBlockEditingMode, store as blockEditorStore } from '@wordpress/block-editor';
 import { useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
  */
 import { PAGE_CONTENT_BLOCK_TYPES } from '../../utils/constants';
+function DisableBlock({
+  clientId
+}) {
+  const isDescendentOfQueryLoop = useSelect(select => {
+    const {
+      getBlockParentsByBlockName
+    } = select(blockEditorStore);
+    return getBlockParentsByBlockName(clientId, 'core/query').length !== 0;
+  }, [clientId]);
+  const mode = isDescendentOfQueryLoop ? undefined : 'contentOnly';
+  const {
+    setBlockEditingMode,
+    unsetBlockEditingMode
+  } = useDispatch(blockEditorStore);
+  useEffect(() => {
+    if (mode) {
+      setBlockEditingMode(clientId, mode);
+      return () => {
+        unsetBlockEditingMode(clientId);
+      };
+    }
+  }, [clientId, mode, setBlockEditingMode, unsetBlockEditingMode]);
+}
 /**
  * Component that when rendered, makes it so that the site editor allows only
  * page content to be edited.
  */
 export default function DisableNonPageContentBlocks() {
-  useDisableNonPageContentBlocks();
-  return null;
-}
-/**
- * Disables non-content blocks using the `useBlockEditingMode` hook.
- */
-export function useDisableNonPageContentBlocks() {
   useBlockEditingMode('disabled');
-  useEffect(() => {
-    addFilter('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks', withDisableNonPageContentBlocks);
-    return () => removeFilter('editor.BlockEdit', 'core/edit-site/disable-non-content-blocks');
+  const clientIds = useSelect(select => {
+    const {
+      __experimentalGetGlobalBlocksByName
+    } = select(blockEditorStore);
+    return __experimentalGetGlobalBlocksByName(Object.keys(PAGE_CONTENT_BLOCK_TYPES));
   }, []);
-}
-const withDisableNonPageContentBlocks = createHigherOrderComponent(BlockEdit => props => {
-  const isDescendentOfQueryLoop = props.context.queryId !== undefined;
-  const isPageContent = PAGE_CONTENT_BLOCK_TYPES[props.name] && !isDescendentOfQueryLoop;
-  const mode = isPageContent ? 'contentOnly' : undefined;
-  useBlockEditingMode(mode);
-  return createElement(BlockEdit, {
-    ...props
+  return clientIds.map(clientId => {
+    return createElement(DisableBlock, {
+      key: clientId,
+      clientId: clientId
+    });
   });
-}, 'withDisableNonPageContentBlocks');
+}
 //# sourceMappingURL=disable-non-page-content-blocks.js.map

package/build-module/components/page-content-focus-manager/disable-non-page-content-blocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~createHigherOrderComponent~~","~~addFilter~~","~~removeFilter~~","~~useBlockEditingMode~~","useEffect","PAGE_CONTENT_BLOCK_TYPES","~~DisableNonPageContentBlocks~~","~~useDisableNonPageContentBlocks~~","~~withDisableNonPageContentBlocks~~","~~BlockEdit~~","~~props~~","~~isDescendentOfQueryLoop~~","~~context~~","~~queryId~~","~~undefined~~","~~isPageContent~~","~~name~~","~~mode~~","createElement"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/disable-non-page-content-blocks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter~~, ~~removeFilter~~ } from '@wordpress/~~hooks~~';\nimport { ~~useBlockEditingMode~~ } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../utils/constants';\n\~~n/\n~~ ~~Component~~ ~~that~~ ~~when~~ ~~rendered,~~ ~~makes~~ it so ~~that~~ ~~the~~ ~~site~~ ~~editor~~ ~~allows only~~\n * ~~page~~ ~~content~~ to be ~~edited.\~~n /\nexport ~~default~~ ~~function~~ ~~DisableNonPageContentBlocks(~~) {\n\~~tuseDisableNonPageContentBlocks(~~);\n\~~treturn~~ ~~null;\~~n}\n\~~n/\n~~ ~~Disables~~ ~~non-content~~ ~~blocks~~ ~~using~~ ~~the~~ ~~`useBlockEditingMode` hook.\~~n */\nexport ~~function~~ ~~useDisableNonPageContentBlocks()~~ {\n\~~tuseBlockEditingMode~~( ~~'disabled'~~ );\n\tuseEffect( () => {\n\t\~~taddFilter~~(\n\t\t\~~t'editor.BlockEdit',\~~n\t\t\~~t'core/edit-site/disable-non-content-blocks',\n\t\t\twithDisableNonPageContentBlocks\n\t\t);\n\t\~~treturn () ~~=>\n~~\~~t\t\tremoveFilter(\~~n\t\t\t\~~t'editor.BlockEdit',\~~n\t\t\t~~\t'core/edit-site/disable-non-content-blocks'\~~n\t\t\~~t);\~~n\t}, [] );\n}\n\~~nconst~~ ~~withDisableNonPageContentBlocks~~ = ~~createHigherOrderComponent~~(\n\t( ~~BlockEdit~~ ) => ( ~~props~~ ) => {\n\t\tconst ~~isDescendentOfQueryLoop~~ = ~~props.context.queryId~~ ~~!==~~ ~~undefined~~;\n\t\~~tconst~~ ~~isPageContent =\~~n\t\t\~~tPAGE_CONTENT_BLOCK_TYPES[ props~~.~~name~~ ] ~~&& ! isDescendentOfQueryLoop~~;\n\t~~\tconst~~ ~~mode~~ ~~= isPageContent ? 'contentOnly' : undefined~~;\n\t\~~tuseBlockEditingMode~~( ~~mode~~ );\n\t\treturn <~~BlockEdit~~ { ~~...props~~ } />;\n\t},\n\~~t'withDisableNonPageContentBlocks'\~~n~~);\n~~"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,~~0BAA0B,QAAQ,oBAAoB;AAC/D,SAASC,~~SAAS,EAAEC,~~YAAY~~,QAAQ,~~kBAAkB~~;~~AAC1D~~,~~SAASC~~,mBAAmB,~~QAAQ~~,yBAAyB;~~AAC7D~~,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,uBAAuB;;AAEhE;~~AACA~~;~~AACA~~;~~AACA~~;~~AACA~~,~~eAAe~~,~~SAASC~~,~~2BAA2BA~~,~~CAAA~~,~~EAAG~~;~~EACrDC~~,~~8BAA8B~~,CAAC,CAAC;~~EAChC~~,~~OAAO~~,~~IAAI~~;~~AACZ;;AAEA;AACA;AACA;AACA~~,~~OAAO~~,~~SAASA~~,~~8BAA8BA~~,~~CAAA~~,~~EAAG~~;~~EAChDJ~~,mBAAmB,~~CAAE~~,~~UAAW~~,CAAC;~~EACjCC~~,SAAS,CAAE,MAAM;~~IAChBH~~,~~SAAS~~,~~CACR~~,~~kBAAkB~~,~~EAClB~~,~~2CAA2C~~,~~EAC3CO,+BACD~~,CAAC;~~IACD~~,OAAO,~~MACNN~~,~~YAAY~~,~~CACX~~,~~kBAAkB~~,~~EAClB~~,~~2CACD,~~CAAC;~~EACH~~,CAAC,EAAE,~~EAAG~~,CAAC;~~AACR~~;~~AAEA~~,~~MAAMM,+BAA+B~~,~~GAAGR~~,~~0BAA0B~~,~~CAC/DS~~,~~SAAS~~,~~IAAQC~~,~~KAAK~~,~~IAAM~~;~~EAC7B~~,~~MAAMC~~,~~uBAAuB~~,~~GAAGD~~,~~KAAK~~,~~CAACE~~,~~OAAO~~,~~CAACC~~,~~OAAO~~,~~KAAKC~~,~~SAAS;EACnE~~,~~MAAMC~~,~~aAAa~~,~~GAClBV~~,~~wBAAwB~~,~~CAAEK~~,~~KAAK~~,~~CAACM~~,~~IAAI~~,~~CAAE~~,IAAI,~~CAAEL~~,~~uBAAuB;EACpE~~,~~MAAMM~~,~~IAAI~~,~~GAAGF~~,~~aAAa~~,~~GAAG~~,~~aAAa~~,~~GAAGD~~,SAAS~~;EACtDX~~,~~mBAAmB~~,~~CAAEc~~,~~IAAK~~,~~CAAC~~;~~EAC3B~~,~~OAAOC~~,aAAA,~~CAACT~~,~~SAAS~~;~~IAAA~~,~~GAAMC~~;~~EAAK~~,~~CAAI~~,~~CAAC~~;~~AAClC~~,CAAC,~~EACD~~,~~iCACD,~~CAAC"}
1	+ {"version":3,"names":["useSelect","useDispatch","useBlockEditingMode","store","blockEditorStore","useEffect","PAGE_CONTENT_BLOCK_TYPES","DisableBlock","clientId","isDescendentOfQueryLoop","select","getBlockParentsByBlockName","length","mode","undefined","setBlockEditingMode","unsetBlockEditingMode","DisableNonPageContentBlocks","clientIds","__experimentalGetGlobalBlocksByName","Object","keys","map","createElement","key"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/disable-non-page-content-blocks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseBlockEditingMode,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../utils/constants';\n\nfunction DisableBlock( { clientId } ) {\n\tconst isDescendentOfQueryLoop = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockParentsByBlockName } = select( blockEditorStore );\n\t\t\treturn (\n\t\t\t\tgetBlockParentsByBlockName( clientId, 'core/query' ).length !==\n\t\t\t\t0\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst mode = isDescendentOfQueryLoop ? undefined : 'contentOnly';\n\tconst { setBlockEditingMode, unsetBlockEditingMode } =\n\t\tuseDispatch( blockEditorStore );\n\tuseEffect( () => {\n\t\tif ( mode ) {\n\t\t\tsetBlockEditingMode( clientId, mode );\n\t\t\treturn () => {\n\t\t\t\tunsetBlockEditingMode( clientId );\n\t\t\t};\n\t\t}\n\t}, [ clientId, mode, setBlockEditingMode, unsetBlockEditingMode ] );\n}\n\n/\n Component that when rendered, makes it so that the site editor allows only\n * page content to be edited.\n */\nexport default function DisableNonPageContentBlocks() {\n\tuseBlockEditingMode( 'disabled' );\n\tconst clientIds = useSelect( ( select ) => {\n\t\tconst { __experimentalGetGlobalBlocksByName } =\n\t\t\tselect( blockEditorStore );\n\t\treturn __experimentalGetGlobalBlocksByName(\n\t\t\tObject.keys( PAGE_CONTENT_BLOCK_TYPES )\n\t\t);\n\t}, [] );\n\n\treturn clientIds.map( ( clientId ) => {\n\t\treturn <DisableBlock key={ clientId } clientId={ clientId } />;\n\t} );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,uBAAuB;AAEhE,SAASC,YAAYA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACrC,MAAMC,uBAAuB,GAAGT,SAAS,CACtCU,MAAM,IAAM;IACb,MAAM;MAAEC;IAA2B,CAAC,GAAGD,MAAM,CAAEN,gBAAiB,CAAC;IACjE,OACCO,0BAA0B,CAAEH,QAAQ,EAAE,YAAa,CAAC,CAACI,MAAM,KAC3D,CAAC;EAEH,CAAC,EACD,CAAEJ,QAAQ,CACX,CAAC;EACD,MAAMK,IAAI,GAAGJ,uBAAuB,GAAGK,SAAS,GAAG,aAAa;EAChE,MAAM;IAAEC,mBAAmB;IAAEC;EAAsB,CAAC,GACnDf,WAAW,CAAEG,gBAAiB,CAAC;EAChCC,SAAS,CAAE,MAAM;IAChB,IAAKQ,IAAI,EAAG;MACXE,mBAAmB,CAAEP,QAAQ,EAAEK,IAAK,CAAC;MACrC,OAAO,MAAM;QACZG,qBAAqB,CAAER,QAAS,CAAC;MAClC,CAAC;IACF;EACD,CAAC,EAAE,CAAEA,QAAQ,EAAEK,IAAI,EAAEE,mBAAmB,EAAEC,qBAAqB,CAAG,CAAC;AACpE;;AAEA;AACA;AACA;AACA;AACA,eAAe,SAASC,2BAA2BA,CAAA,EAAG;EACrDf,mBAAmB,CAAE,UAAW,CAAC;EACjC,MAAMgB,SAAS,GAAGlB,SAAS,CAAIU,MAAM,IAAM;IAC1C,MAAM;MAAES;IAAoC,CAAC,GAC5CT,MAAM,CAAEN,gBAAiB,CAAC;IAC3B,OAAOe,mCAAmC,CACzCC,MAAM,CAACC,IAAI,CAAEf,wBAAyB,CACvC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OAAOY,SAAS,CAACI,GAAG,CAAId,QAAQ,IAAM;IACrC,OAAOe,aAAA,CAAChB,YAAY;MAACiB,GAAG,EAAGhB,QAAU;MAACA,QAAQ,EAAGA;IAAU,CAAE,CAAC;EAC/D,CAAE,CAAC;AACJ"}

package/build-module/components/page-main/index.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import PagePatterns from '../page-patterns';
 import PageTemplateParts from '../page-template-parts';
 import PageTemplates from '../page-templates';
+import DataviewsTemplates from '../page-templates/dataviews-templates';
 import PagePages from '../page-pages';
 import { unlock } from '../../lock-unlock';
 const {
@@ -22,7 +23,7 @@ export default function PageMain() {
     }
   } = useLocation();
   if (path === '/wp_template/all') {
-    return createElement(PageTemplates, null);
+    return window?.__experimentalAdminViews ? createElement(DataviewsTemplates, null) : createElement(PageTemplates, null);
   } else if (path === '/wp_template_part/all') {
     return createElement(PageTemplateParts, null);
   } else if (path === '/patterns') {