@wordpress/edit-site 5.23.0 → 5.24.0

package/build-module/components/header-edit-mode/document-actions/index.js

@@ -14,8 +14,9 @@ import { BlockIcon } from '@wordpress/block-editor';
 import { store as commandsStore } from '@wordpress/commands';
 import { chevronLeftSmall, chevronRightSmall, page as pageIcon, navigation as navigationIcon, symbol } from '@wordpress/icons';
 import { displayShortcut } from '@wordpress/keycodes';
-import { useState, useEffect, useRef } from '@wordpress/element';
 import { store as coreStore } from '@wordpress/core-data';
+import { store as editorStore } from '@wordpress/editor';
+import { useRef, useState, useEffect } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -35,40 +36,42 @@ export default function DocumentActions() {
 }
 function PageDocumentActions() {
   const {
-    hasPageContentFocus,
+    isEditingPage,
     hasResolved,
     isFound,
     title
   } = useSelect(select => {
     const {
-      hasPageContentFocus: _hasPageContentFocus,
       getEditedPostContext
     } = select(editSiteStore);
     const {
       getEditedEntityRecord,
       hasFinishedResolution
     } = select(coreStore);
+    const {
+      getRenderingMode
+    } = select(editorStore);
     const context = getEditedPostContext();
     const queryArgs = ['postType', context.postType, context.postId];
     const page = getEditedEntityRecord(...queryArgs);
     return {
-      hasPageContentFocus: _hasPageContentFocus(),
+      isEditingPage: !!context.postId && getRenderingMode() !== 'template-only',
       hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
       isFound: !!page,
       title: page?.title
     };
   }, []);
   const {
-    setHasPageContentFocus
-  } = useDispatch(editSiteStore);
-  const [hasEditedTemplate, setHasEditedTemplate] = useState(false);
-  const prevHasPageContentFocus = useRef(false);
+    setRenderingMode
+  } = useDispatch(editorStore);
+  const [isAnimated, setIsAnimated] = useState(false);
+  const isLoading = useRef(true);
   useEffect(() => {
-    if (prevHasPageContentFocus.current && !hasPageContentFocus) {
-      setHasEditedTemplate(true);
+    if (!isLoading.current) {
+      setIsAnimated(true);
     }
-    prevHasPageContentFocus.current = hasPageContentFocus;
-  }, [hasPageContentFocus]);
+    isLoading.current = false;
+  }, [isEditingPage]);
   if (!hasResolved) {
     return null;
   }
@@ -77,14 +80,16 @@ function PageDocumentActions() {
       className: "edit-site-document-actions"
     }, __('Document not found'));
   }
-  return hasPageContentFocus ? createElement(BaseDocumentActions, {
+  return isEditingPage ? createElement(BaseDocumentActions, {
     className: classnames('is-page', {
-      'is-animated': hasEditedTemplate
+      'is-animated': isAnimated
     }),
     icon: pageIcon
   }, title) : createElement(TemplateDocumentActions, {
-    className: "is-animated",
-    onBack: () => setHasPageContentFocus(true)
+    className: classnames({
+      'is-animated': isAnimated
+    }),
+    onBack: () => setRenderingMode('template-locked')
   });
 }
 function TemplateDocumentActions({

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","isRTL","useSelect","useDispatch","Button","VisuallyHidden","__experimentalText","Text","__experimentalHStack","HStack","BlockIcon","store","commandsStore","chevronLeftSmall","chevronRightSmall","page","pageIcon","navigation","navigationIcon","symbol","displayShortcut","useState","useEffect","useRef","coreStore","useEditedEntityRecord","editSiteStore","TEMPLATE_POST_TYPE","NAVIGATION_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PATTERN_SYNC_TYPES","typeLabels","user","DocumentActions","isPage","select","createElement","PageDocumentActions","TemplateDocumentActions","hasPageContentFocus","hasResolved","isFound","title","_hasPageContentFocus","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","context","queryArgs","postType","postId","setHasPageContentFocus","hasEditedTemplate","setHasEditedTemplate","prevHasPageContentFocus","current","className","BaseDocumentActions","icon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","typeIcon","type","wp_pattern_sync_status","unsynced","as","children","open","openCommandCenter","onClick","event","stopPropagation","spacing","justify","size","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { hasPageContentFocus, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t\t\tgetEditedPostContext,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ hasEditedTemplate, setHasEditedTemplate ] = useState( false );\n\tconst prevHasPageContentFocus = useRef( false );\n\tuseEffect( () => {\n\t\tif ( prevHasPageContentFocus.current && ! hasPageContentFocus ) {\n\t\t\tsetHasEditedTemplate( true );\n\t\t}\n\t\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t}, [ hasPageContentFocus ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn hasPageContentFocus ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': hasEditedTemplate,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName=\"is-animated\"\n\t\t\tonBack={ () => setHasPageContentFocus( true ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["classnames","__","isRTL","useSelect","useDispatch","Button","VisuallyHidden","__experimentalText","Text","__experimentalHStack","HStack","BlockIcon","store","commandsStore","chevronLeftSmall","chevronRightSmall","page","pageIcon","navigation","navigationIcon","symbol","displayShortcut","coreStore","editorStore","useRef","useState","useEffect","useEditedEntityRecord","editSiteStore","TEMPLATE_POST_TYPE","NAVIGATION_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PATTERN_SYNC_TYPES","typeLabels","user","DocumentActions","isPage","select","createElement","PageDocumentActions","TemplateDocumentActions","isEditingPage","hasResolved","isFound","title","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","getRenderingMode","context","queryArgs","postType","postId","setRenderingMode","isAnimated","setIsAnimated","isLoading","current","className","BaseDocumentActions","icon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","typeIcon","type","wp_pattern_sync_status","unsynced","as","children","open","openCommandCenter","onClick","event","stopPropagation","spacing","justify","size","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useRef, useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { isEditingPage, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { getRenderingMode } = select( editorStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\tisEditingPage:\n\t\t\t\t\t!! context.postId && getRenderingMode() !== 'template-only',\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\tconst [ isAnimated, setIsAnimated ] = useState( false );\n\tconst isLoading = useRef( true );\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading.current ) {\n\t\t\tsetIsAnimated( true );\n\t\t}\n\t\tisLoading.current = false;\n\t}, [ isEditingPage ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn isEditingPage ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName={ classnames( {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\tonBack={ () => setRenderingMode( 'template-locked' ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

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

@@ -159,7 +159,8 @@ export default function HeaderEditMode({
     deviceType: deviceType,
     setDeviceType: setPreviewDeviceType,
     label: __('View'),
-    isEnabled: !isFocusMode && hasDefaultEditorCanvasView
+    isEnabled: !isFocusMode && hasDefaultEditorCanvasView,
+    showIconLabels: showIconLabels
   }, ({
     onClose
   }) => createElement(MenuGroup, null, createElement(MenuItem, {

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

@@ -1 +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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"}
+{"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\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

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

@@ -39,7 +39,7 @@ export default function MoreMenu({
   } = useDispatch(preferencesStore);
   const toggleDistractionFree = () => {
     registry.batch(() => {
-      setPreference('core/edit-site', 'fixedToolbar', false);
+      setPreference('core/edit-site', 'fixedToolbar', true);
       setIsInserterOpened(false);
       setIsListViewOpened(false);
       closeGeneralSidebar();

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

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

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

@@ -18,13 +18,10 @@ import { _x } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, TEMPLATE_ORIGINS } from '../../utils/constants';
+import { TEMPLATE_POST_TYPE, TEMPLATE_ORIGINS } from '../../utils/constants';
 
 /** @typedef {'wp_template'|'wp_template_part'} TemplateType */
 
-/** @type {TemplateType} */
-const TEMPLATE_POST_TYPE_NAMES = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE];
-
 /**
  * @typedef {'theme'|'plugin'|'site'|'user'} AddedByType
  *
@@ -43,64 +40,56 @@ const TEMPLATE_POST_TYPE_NAMES = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE];
 export function useAddedBy(postType, postId) {
   return useSelect(select => {
     const {
-      getTheme,
-      getPlugin,
       getEntityRecord,
       getMedia,
       getUser,
       getEditedEntityRecord
     } = select(coreStore);
     const template = getEditedEntityRecord('postType', postType, postId);
-    if (TEMPLATE_POST_TYPE_NAMES.includes(template.type)) {
-      // Added by theme.
-      // Template originally provided by a theme, but customized by a user.
-      // Templates originally didn't have the 'origin' field so identify
-      // older customized templates by checking for no origin and a 'theme'
-      // or 'custom' source.
-      if (template.has_theme_file && (template.origin === TEMPLATE_ORIGINS.theme || !template.origin && [TEMPLATE_ORIGINS.theme, TEMPLATE_ORIGINS.custom].includes(template.source))) {
-        return {
-          type: 'theme',
-          icon: themeIcon,
-          text: getTheme(template.theme)?.name?.rendered || template.theme,
-          isCustomized: template.source === TEMPLATE_ORIGINS.custom
-        };
-      }
-
-      // Added by plugin.
-      if (template.has_theme_file && template.origin === TEMPLATE_ORIGINS.plugin) {
-        return {
-          type: TEMPLATE_ORIGINS.plugin,
-          icon: pluginIcon,
-          text: getPlugin(template.theme)?.name || template.theme,
-          isCustomized: template.source === TEMPLATE_ORIGINS.custom
-        };
-      }
-
-      // Added by site.
-      // Template was created from scratch, but has no author. Author support
-      // was only added to templates in WordPress 5.9. Fallback to showing the
-      // site logo and title.
-      if (!template.has_theme_file && template.source === TEMPLATE_ORIGINS.custom && !template.author) {
-        const siteData = getEntityRecord('root', '__unstableBase');
-        return {
-          type: 'site',
-          icon: globeIcon,
-          imageUrl: siteData?.site_logo ? getMedia(siteData.site_logo)?.source_url : undefined,
-          text: siteData?.name,
-          isCustomized: false
-        };
-      }
+    const originalSource = template?.original_source;
+    const authorText = template?.author_text;
+    switch (originalSource) {
+      case 'theme':
+        {
+          return {
+            type: originalSource,
+            icon: themeIcon,
+            text: authorText,
+            isCustomized: template.source === TEMPLATE_ORIGINS.custom
+          };
+        }
+      case 'plugin':
+        {
+          return {
+            type: originalSource,
+            icon: pluginIcon,
+            text: authorText,
+            isCustomized: template.source === TEMPLATE_ORIGINS.custom
+          };
+        }
+      case 'site':
+        {
+          const siteData = getEntityRecord('root', '__unstableBase');
+          return {
+            type: originalSource,
+            icon: globeIcon,
+            imageUrl: siteData?.site_logo ? getMedia(siteData.site_logo)?.source_url : undefined,
+            text: authorText,
+            isCustomized: false
+          };
+        }
+      default:
+        {
+          const user = getUser(template.author);
+          return {
+            type: 'user',
+            icon: authorIcon,
+            imageUrl: user?.avatar_urls?.[48],
+            text: authorText,
+            isCustomized: false
+          };
+        }
     }
-
-    // Added by user.
-    const user = getUser(template.author);
-    return {
-      type: 'user',
-      icon: authorIcon,
-      imageUrl: user?.avatar_urls?.[48],
-      text: user?.nickname,
-      isCustomized: false
-    };
   }, [postType, postId]);
 }
 

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

@@ -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 */\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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"}
+{"version":3,"names":["classnames","Icon","__experimentalHStack","HStack","store","coreStore","useSelect","useState","commentAuthorAvatar","authorIcon","layout","themeIcon","plugins","pluginIcon","globe","globeIcon","_x","TEMPLATE_POST_TYPE","TEMPLATE_ORIGINS","useAddedBy","postType","postId","select","getEntityRecord","getMedia","getUser","getEditedEntityRecord","template","originalSource","original_source","authorText","author_text","type","icon","text","isCustomized","source","custom","siteData","imageUrl","site_logo","source_url","undefined","user","author","avatar_urls","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 { TEMPLATE_POST_TYPE, TEMPLATE_ORIGINS } from '../../utils/constants';\n\n/** @typedef {'wp_template'|'wp_template_part'} TemplateType */\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\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\t\t\tconst originalSource = template?.original_source;\n\t\t\tconst authorText = template?.author_text;\n\n\t\t\tswitch ( originalSource ) {\n\t\t\t\tcase 'theme': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext: authorText,\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\t\t\t\tcase 'plugin': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext: authorText,\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\t\t\t\tcase 'site': {\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: originalSource,\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: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tconst user = getUser( template.author );\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'user',\n\t\t\t\t\t\ticon: authorIcon,\n\t\t\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\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 → page-content-focus-notifications}/back-to-page-notification.js

@@ -5,6 +5,7 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { useEffect, useRef } from '@wordpress/element';
 import { store as noticesStore } from '@wordpress/notices';
 import { __ } from '@wordpress/i18n';
+import { store as editorStore } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -25,29 +26,29 @@ 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 renderingMode = useSelect(select => select(editorStore).getRenderingMode(), []);
   const {
     isPage
   } = useSelect(editSiteStore);
-  const alreadySeen = useRef(false);
+  const {
+    setRenderingMode
+  } = useDispatch(editorStore);
   const {
     createInfoNotice
   } = useDispatch(noticesStore);
-  const {
-    setHasPageContentFocus
-  } = useDispatch(editSiteStore);
+  const alreadySeen = useRef(false);
   useEffect(() => {
-    if (isPage() && !alreadySeen.current && !hasPageContentFocus) {
+    if (isPage() && !alreadySeen.current && renderingMode === 'template-only') {
       createInfoNotice(__('You are editing a template.'), {
         isDismissible: true,
         type: 'snackbar',
         actions: [{
           label: __('Back to page'),
-          onClick: () => setHasPageContentFocus(true)
+          onClick: () => setRenderingMode('template-locked')
         }]
       });
       alreadySeen.current = true;
     }
-  }, [isPage, hasPageContentFocus, createInfoNotice, setHasPageContentFocus]);
+  }, [isPage, renderingMode, createInfoNotice, setRenderingMode]);
 }
 //# sourceMappingURL=back-to-page-notification.js.map

package/build-module/components/page-content-focus-notifications/back-to-page-notification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSelect","useDispatch","useEffect","useRef","store","noticesStore","__","editorStore","editSiteStore","BackToPageNotification","useBackToPageNotification","renderingMode","select","getRenderingMode","isPage","setRenderingMode","createInfoNotice","alreadySeen","current","isDismissible","type","actions","label","onClick"],"sources":["@wordpress/edit-site/src/components/page-content-focus-notifications/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';\nimport { store as editorStore } from '@wordpress/editor';\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 renderingMode = useSelect(\n\t\t( select ) => select( editorStore ).getRenderingMode(),\n\t\t[]\n\t);\n\tconst { isPage } = useSelect( editSiteStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\n\tconst alreadySeen = useRef( false );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisPage() &&\n\t\t\t! alreadySeen.current &&\n\t\t\trenderingMode === 'template-only'\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: () => setRenderingMode( 'template-locked' ),\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}, [ isPage, renderingMode, createInfoNotice, setRenderingMode ] );\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;AACpC,SAASF,KAAK,IAAIG,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASH,KAAK,IAAII,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,aAAa,GAAGX,SAAS,CAC5BY,MAAM,IAAMA,MAAM,CAAEL,WAAY,CAAC,CAACM,gBAAgB,CAAC,CAAC,EACtD,EACD,CAAC;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGd,SAAS,CAAEQ,aAAc,CAAC;EAC7C,MAAM;IAAEO;EAAiB,CAAC,GAAGd,WAAW,CAAEM,WAAY,CAAC;EACvD,MAAM;IAAES;EAAiB,CAAC,GAAGf,WAAW,CAAEI,YAAa,CAAC;EAExD,MAAMY,WAAW,GAAGd,MAAM,CAAE,KAAM,CAAC;EAEnCD,SAAS,CAAE,MAAM;IAChB,IACCY,MAAM,CAAC,CAAC,IACR,CAAEG,WAAW,CAACC,OAAO,IACrBP,aAAa,KAAK,eAAe,EAChC;MACDK,gBAAgB,CAAEV,EAAE,CAAE,6BAA8B,CAAC,EAAE;QACtDa,aAAa,EAAE,IAAI;QACnBC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAE,CACR;UACCC,KAAK,EAAEhB,EAAE,CAAE,cAAe,CAAC;UAC3BiB,OAAO,EAAEA,CAAA,KAAMR,gBAAgB,CAAE,iBAAkB;QACpD,CAAC;MAEH,CAAE,CAAC;MACHE,WAAW,CAACC,OAAO,GAAG,IAAI;IAC3B;EACD,CAAC,EAAE,CAAEJ,MAAM,EAAEH,aAAa,EAAEK,gBAAgB,EAAED,gBAAgB,CAAG,CAAC;AACnE"}

package/build-module/components/{page-content-focus-manager → page-content-focus-notifications}/edit-template-notification.js

@@ -7,11 +7,7 @@ import { useEffect, useState, useRef } from '@wordpress/element';
 import { store as noticesStore } from '@wordpress/notices';
 import { __ } from '@wordpress/i18n';
 import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
+import { store as editorStore } from '@wordpress/editor';
 
 /**
  * Component that:
@@ -30,7 +26,7 @@ import { store as editSiteStore } from '../../store';
 export default function EditTemplateNotification({
   contentRef
 }) {
-  const hasPageContentFocus = useSelect(select => select(editSiteStore).hasPageContentFocus(), []);
+  const renderingMode = useSelect(select => select(editorStore).getRenderingMode(), []);
   const {
     getNotices
   } = useSelect(noticesStore);
@@ -39,13 +35,13 @@ export default function EditTemplateNotification({
     removeNotice
   } = useDispatch(noticesStore);
   const {
-    setHasPageContentFocus
-  } = useDispatch(editSiteStore);
+    setRenderingMode
+  } = useDispatch(editorStore);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const lastNoticeId = useRef(0);
   useEffect(() => {
     const handleClick = async event => {
-      if (!hasPageContentFocus) {
+      if (renderingMode === 'template-only') {
         return;
       }
       if (!event.target.classList.contains('is-root-container')) {
@@ -62,13 +58,13 @@ export default function EditTemplateNotification({
         type: 'snackbar',
         actions: [{
           label: __('Edit template'),
-          onClick: () => setHasPageContentFocus(false)
+          onClick: () => setRenderingMode('template-only')
         }]
       });
       lastNoticeId.current = notice.id;
     };
     const handleDblClick = event => {
-      if (!hasPageContentFocus) {
+      if (renderingMode === 'template-only') {
         return;
       }
       if (!event.target.classList.contains('is-root-container')) {
@@ -86,13 +82,13 @@ export default function EditTemplateNotification({
       canvas?.removeEventListener('click', handleClick);
       canvas?.removeEventListener('dblclick', handleDblClick);
     };
-  }, [lastNoticeId, hasPageContentFocus, contentRef.current]);
+  }, [lastNoticeId, renderingMode, contentRef.current]);
   return createElement(ConfirmDialog, {
     isOpen: isDialogOpen,
     confirmButtonText: __('Edit template'),
     onConfirm: () => {
       setIsDialogOpen(false);
-      setHasPageContentFocus(false);
+      setRenderingMode('template-only');
     },
     onCancel: () => setIsDialogOpen(false)
   }, __('Edit your template to edit this block.'));