npm - @wordpress/editor - Versions diffs - 13.27.1 → 13.28.0 - Mend

@wordpress/editor 13.27.1 → 13.28.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 (360) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","__","isRTL","sprintf","useSelect","useDispatch","Button","__experimentalText","Text","__experimentalHStack","HStack","BlockIcon","chevronLeftSmall","chevronRightSmall","page","pageIcon","navigation","navigationIcon","symbol","displayShortcut","useEntityRecord","store","commandsStore","useState","useEffect","useRef","editorStore","typeLabels","wp_pattern","wp_navigation","wp_template","wp_template_part","icons","wp_block","DocumentBar","isEditingTemplate","templateId","postType","postId","goBack","getEditorSettings","select","getRenderingMode","getCurrentTemplateId","getCurrentPostId","getCurrentPostType","getSettings","_templateId","back","undefined","setRenderingMode","handleOnBack","defaultRenderingMode","createElement","BaseDocumentActions","onBack","_icons$postType","open","openCommandCenter","editedRecord","doc","isResolving","templateIcon","templateTitle","__experimentalGetTemplateInfo","getTemplateInfo","templateInfo","icon","title","isNotFound","isAnimated","setIsAnimated","isMounting","isTemplate","includes","isGlobalEntity","current","className","onClick","event","stopPropagation","size","spacing","justify","as","primary"],"sources":["@wordpress/editor/src/components/document-bar/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\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 { useEntityRecord } from '@wordpress/core-data';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { useState, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst typeLabels = {\n\t// translators: 1: Pattern title.\n\twp_pattern: __( 'Editing pattern: %s' ),\n\t// translators: 1: Navigation menu title.\n\twp_navigation: __( 'Editing navigation menu: %s' ),\n\t// translators: 1: Template title.\n\twp_template: __( 'Editing template: %s' ),\n\t// translators: 1: Template part title.\n\twp_template_part: __( 'Editing template part: %s' ),\n};\n\nconst icons = {\n\twp_block: symbol,\n\twp_navigation: navigationIcon,\n};\n\nexport default function DocumentBar() {\n\tconst {\n\t\tisEditingTemplate,\n\t\ttemplateId,\n\t\tpostType,\n\t\tpostId,\n\t\tgoBack,\n\t\tgetEditorSettings,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetRenderingMode,\n\t\t\tgetCurrentTemplateId,\n\t\t\tgetCurrentPostId,\n\t\t\tgetCurrentPostType,\n\t\t\tgetEditorSettings: getSettings,\n\t\t} = select( editorStore );\n\t\tconst _templateId = getCurrentTemplateId();\n\t\tconst back = getSettings().goBack;\n\t\treturn {\n\t\t\tisEditingTemplate:\n\t\t\t\t!! _templateId && getRenderingMode() === 'template-only',\n\t\t\ttemplateId: _templateId,\n\t\t\tpostType: getCurrentPostType(),\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tgoBack: typeof back === 'function' ? back : undefined,\n\t\t\tgetEditorSettings: getSettings,\n\t\t};\n\t}, [] );\n\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\n\tconst handleOnBack = () => {\n\t\tif ( isEditingTemplate ) {\n\t\t\tsetRenderingMode( getEditorSettings().defaultRenderingMode );\n\t\t\treturn;\n\t\t}\n\t\tif ( goBack ) {\n\t\t\tgoBack();\n\t\t}\n\t};\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tpostType={ isEditingTemplate ? 'wp_template' : postType }\n\t\t\tpostId={ isEditingTemplate ? templateId : postId }\n\t\t\tonBack={ isEditingTemplate \|\| goBack ? handleOnBack : undefined }\n\t\t/>\n\t);\n}\n\nfunction BaseDocumentActions( { postType, postId, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\tconst { editedRecord: doc, isResolving } = useEntityRecord(\n\t\t'postType',\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst { templateIcon, templateTitle } = useSelect( ( select ) => {\n\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\tselect( editorStore );\n\t\tconst templateInfo = getTemplateInfo( doc );\n\t\treturn {\n\t\t\ttemplateIcon: templateInfo.icon,\n\t\t\ttemplateTitle: templateInfo.title,\n\t\t};\n\t} );\n\tconst isNotFound = ! doc && ! isResolving;\n\tconst icon = icons[ postType ] ?? pageIcon;\n\tconst [ isAnimated, setIsAnimated ] = useState( false );\n\tconst isMounting = useRef( true );\n\tconst isTemplate = [ 'wp_template', 'wp_template_part' ].includes(\n\t\tpostType\n\t);\n\tconst isGlobalEntity = [\n\t\t'wp_template',\n\t\t'wp_navigation',\n\t\t'wp_template_part',\n\t\t'wp_block',\n\t].includes( postType );\n\n\tuseEffect( () => {\n\t\tif ( ! isMounting.current ) {\n\t\t\tsetIsAnimated( true );\n\t\t}\n\t\tisMounting.current = false;\n\t}, [ postType, postId ] );\n\n\tconst title = isTemplate ? templateTitle : doc.title;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'editor-document-bar', {\n\t\t\t\t'has-back-button': !! onBack,\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t\t'is-global': isGlobalEntity,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"editor-document-bar__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\tsize=\"compact\"\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{ isNotFound && <Text>{ __( 'Document not found' ) }</Text> }\n\t\t\t{ ! isNotFound && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"editor-document-bar__command\"\n\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tclassName=\"editor-document-bar__title\"\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockIcon icon={ isTemplate ? templateIcon : icon } />\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tsize=\"body\"\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\ttypeLabels[ postType ]\n\t\t\t\t\t\t\t\t\t? // eslint-disable-next-line @wordpress/valid-sprintf\n\t\t\t\t\t\t\t\t\t sprintf( typeLabels[ postType ], title )\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<span className=\"editor-document-bar__shortcut\">\n\t\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["classnames","__","isRTL","sprintf","useSelect","useDispatch","Button","__experimentalText","Text","__experimentalHStack","HStack","BlockIcon","chevronLeftSmall","chevronRightSmall","page","pageIcon","navigation","navigationIcon","symbol","displayShortcut","useEntityRecord","store","commandsStore","useState","useEffect","useRef","editorStore","typeLabels","wp_pattern","wp_navigation","wp_template","wp_template_part","icons","wp_block","DocumentBar","postType","postId","onNavigateToPreviousEntityRecord","select","getCurrentPostId","getCurrentPostType","getEditorSettings","getSettings","handleOnBack","createElement","BaseDocumentActions","onBack","undefined","_icons$postType","open","openCommandCenter","editedRecord","doc","isResolving","templateIcon","templateTitle","__experimentalGetTemplateInfo","getTemplateInfo","templateInfo","icon","title","isNotFound","isAnimated","setIsAnimated","isMounting","isTemplate","includes","isGlobalEntity","current","className","onClick","event","stopPropagation","size","spacing","justify","as","primary"],"sources":["@wordpress/editor/src/components/document-bar/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\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 { useEntityRecord } from '@wordpress/core-data';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { useState, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst typeLabels = {\n\t// translators: 1: Pattern title.\n\twp_pattern: __( 'Editing pattern: %s' ),\n\t// translators: 1: Navigation menu title.\n\twp_navigation: __( 'Editing navigation menu: %s' ),\n\t// translators: 1: Template title.\n\twp_template: __( 'Editing template: %s' ),\n\t// translators: 1: Template part title.\n\twp_template_part: __( 'Editing template part: %s' ),\n};\n\nconst icons = {\n\twp_block: symbol,\n\twp_navigation: navigationIcon,\n};\n\nexport default function DocumentBar() {\n\tconst { postType, postId, onNavigateToPreviousEntityRecord } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetCurrentPostId,\n\t\t\t\tgetCurrentPostType,\n\t\t\t\tgetEditorSettings: getSettings,\n\t\t\t} = select( editorStore );\n\t\t\treturn {\n\t\t\t\tpostType: getCurrentPostType(),\n\t\t\t\tpostId: getCurrentPostId(),\n\t\t\t\tonNavigateToPreviousEntityRecord:\n\t\t\t\t\tgetSettings().onNavigateToPreviousEntityRecord,\n\t\t\t\tgetEditorSettings: getSettings,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst handleOnBack = () => {\n\t\tif ( onNavigateToPreviousEntityRecord ) {\n\t\t\tonNavigateToPreviousEntityRecord();\n\t\t}\n\t};\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tpostType={ postType }\n\t\t\tpostId={ postId }\n\t\t\tonBack={\n\t\t\t\tonNavigateToPreviousEntityRecord ? handleOnBack : undefined\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction BaseDocumentActions( { postType, postId, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\tconst { editedRecord: doc, isResolving } = useEntityRecord(\n\t\t'postType',\n\t\tpostType,\n\t\tpostId\n\t);\n\tconst { templateIcon, templateTitle } = useSelect( ( select ) => {\n\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\tselect( editorStore );\n\t\tconst templateInfo = getTemplateInfo( doc );\n\t\treturn {\n\t\t\ttemplateIcon: templateInfo.icon,\n\t\t\ttemplateTitle: templateInfo.title,\n\t\t};\n\t} );\n\tconst isNotFound = ! doc && ! isResolving;\n\tconst icon = icons[ postType ] ?? pageIcon;\n\tconst [ isAnimated, setIsAnimated ] = useState( false );\n\tconst isMounting = useRef( true );\n\tconst isTemplate = [ 'wp_template', 'wp_template_part' ].includes(\n\t\tpostType\n\t);\n\tconst isGlobalEntity = [\n\t\t'wp_template',\n\t\t'wp_navigation',\n\t\t'wp_template_part',\n\t\t'wp_block',\n\t].includes( postType );\n\n\tuseEffect( () => {\n\t\tif ( ! isMounting.current ) {\n\t\t\tsetIsAnimated( true );\n\t\t}\n\t\tisMounting.current = false;\n\t}, [ postType, postId ] );\n\n\tconst title = isTemplate ? templateTitle : doc.title;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'editor-document-bar', {\n\t\t\t\t'has-back-button': !! onBack,\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t\t'is-global': isGlobalEntity,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"editor-document-bar__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\tsize=\"compact\"\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{ isNotFound && <Text>{ __( 'Document not found' ) }</Text> }\n\t\t\t{ ! isNotFound && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"editor-document-bar__command\"\n\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tclassName=\"editor-document-bar__title\"\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockIcon icon={ isTemplate ? templateIcon : icon } />\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tsize=\"body\"\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\ttypeLabels[ postType ]\n\t\t\t\t\t\t\t\t\t? // eslint-disable-next-line @wordpress/valid-sprintf\n\t\t\t\t\t\t\t\t\t sprintf( typeLabels[ postType ], title )\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<span className=\"editor-document-bar__shortcut\">\n\t\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/editor-canvas/edit-template-blocks-notification.js CHANGED Viewed

@@ -30,7 +30,19 @@ import { store as editorStore } from '../../store';
 export default function EditTemplateBlocksNotification({
   contentRef
 }) {
-  const renderingMode = useSelect(select => select(editorStore).getRenderingMode(), []);
+  const {
+    onNavigateToEntityRecord,
+    templateId
+  } = useSelect(select => {
+    const {
+      getEditorSettings,
+      getCurrentTemplateId
+    } = select(editorStore);
+    return {
+      onNavigateToEntityRecord: getEditorSettings().onNavigateToEntityRecord,
+      templateId: getCurrentTemplateId()
+    };
+  }, []);
   const {
     getNotices
   } = useSelect(noticesStore);
@@ -38,16 +50,10 @@ export default function EditTemplateBlocksNotification({
     createInfoNotice,
     removeNotice
   } = useDispatch(noticesStore);
-  const {
-    setRenderingMode
-  } = useDispatch(editorStore);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const lastNoticeId = useRef(0);
   useEffect(() => {
     const handleClick = async event => {
-      if (renderingMode !== 'template-locked') {
-        return;
-      }
       if (!event.target.classList.contains('is-root-container')) {
         return;
       }
@@ -62,15 +68,15 @@ export default function EditTemplateBlocksNotification({
         type: 'snackbar',
         actions: [{
           label: __('Edit template'),
-          onClick: () => setRenderingMode('template-only')
+          onClick: () => onNavigateToEntityRecord({
+            postId: templateId,
+            postType: 'wp_template'
+          })
         }]
       });
       lastNoticeId.current = notice.id;
     };
     const handleDblClick = event => {
-      if (renderingMode !== 'template-locked') {
-        return;
-      }
       if (!event.target.classList.contains('is-root-container')) {
         return;
       }
@@ -86,13 +92,16 @@ export default function EditTemplateBlocksNotification({
       canvas?.removeEventListener('click', handleClick);
       canvas?.removeEventListener('dblclick', handleDblClick);
     };
-  }, [lastNoticeId, renderingMode, contentRef.current]);
+  }, [lastNoticeId, contentRef, getNotices, createInfoNotice, onNavigateToEntityRecord, templateId, removeNotice]);
   return createElement(ConfirmDialog, {
     isOpen: isDialogOpen,
     confirmButtonText: __('Edit template'),
     onConfirm: () => {
       setIsDialogOpen(false);
-      setRenderingMode('template-only');
+      onNavigateToEntityRecord({
+        postId: templateId,
+        postType: 'wp_template'
+      });
     },
     onCancel: () => setIsDialogOpen(false)
   }, __('Edit your template to edit this block.'));

package/build-module/components/editor-canvas/edit-template-blocks-notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useDispatch","useEffect","useState","useRef","store","noticesStore","__","__experimentalConfirmDialog","ConfirmDialog","editorStore","EditTemplateBlocksNotification","contentRef","~~renderingMode~~","select","~~getRenderingMode~~","getNotices","createInfoNotice","removeNotice","~~setRenderingMode","~~isDialogOpen","setIsDialogOpen","lastNoticeId","handleClick","event","target","classList","contains","isNoticeAlreadyShowing","some","notice","id","current","isDismissible","type","actions","label","onClick","handleDblClick","canvas","addEventListener","removeEventListener","createElement","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/editor/src/components/editor-canvas/edit-template-blocks-notification.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\n\n/\n Component that:\n \n - Displays a 'Edit your template to edit this block' notification when the\n * user is focusing on editing page content and clicks on a disabled template\n * block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n * is focusing on editing page conetnt and double clicks on a disabled\n * template block.\n \n @param {Object} props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n * editor iframe canvas.\n */\nexport default function EditTemplateBlocksNotification( { contentRef } ) {\n\tconst ~~renderingMode~~ = useSelect(\n\t\t( ~~select~~ ) => ~~select~~( editorStore )~~.getRenderingMode~~(),\n\t\t[]\n\t);\n\tconst { getNotices } = useSelect( noticesStore );\n\n\tconst { createInfoNotice, removeNotice } = useDispatch( noticesStore );\n\~~tconst { setRenderingMode } = useDispatch( editorStore );\~~n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tconst lastNoticeId = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tconst handleClick = async ( event ) => {\n\t\t\tif ( ~~renderingMode !== 'template-locked' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (~~ ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isNoticeAlreadyShowing = getNotices().some(\n\t\t\t\t( notice ) => notice.id === lastNoticeId.current\n\t\t\t);\n\t\t\tif ( isNoticeAlreadyShowing ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { notice } = await createInfoNotice(\n\t\t\t\t__( 'Edit your template to edit this block.' ),\n\t\t\t\t{\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\tonClick: () ~~=> setRenderingMode~~( '~~template-only~~' ),\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t);\n\t\t\tlastNoticeId.current = notice.id;\n\t\t};\n\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( ~~renderingMode !== 'template-locked' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (~~ ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( lastNoticeId.current ) {\n\t\t\t\tremoveNotice( lastNoticeId.current );\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'click', handleClick );\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'click', handleClick );\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [ ~~lastNoticeId, renderingMode, contentRef.current~~ ] );\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\~~tsetRenderingMode~~( '~~template-only~~' );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __( 'Edit your template to edit this block.' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,oBAAoB;AAChE,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;;AAEpF;AACA;AACA;AACA,SAASJ,KAAK,IAAIK,WAAW,QAAQ,aAAa;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,8BAA8BA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACxE,~~MAAMC~~,~~aAAa~~,~~GAAGb~~,SAAS,~~CAC5Bc~~,MAAM,~~IAAMA~~,MAAM,~~CAAEJ~~,WAAY,CAAC,~~CAACK~~,~~gBAAgB~~,CAAC,CAAC,~~EACtD~~,~~EACD~~,CAAC;~~EACD~~,MAAM;IAAEC;EAAW,CAAC,~~GAAGhB~~,SAAS,CAAEM,YAAa,CAAC;EAEhD,MAAM;~~IAAEW~~,gBAAgB;IAAEC;EAAa,CAAC,~~GAAGjB~~,WAAW,CAAEK,YAAa,CAAC;~~EACtE~~,MAAM~~;IAAEa;EAAiB~~,~~CAAC~~,~~GAAGlB,WAAW,CAAES,WAAY,CAAC;EAEvD,MAAM,CAAEU,~~YAAY,EAAEC,eAAe,CAAE,~~GAAGlB~~,QAAQ,CAAE,KAAM,CAAC;EAE3D,~~MAAMmB~~,YAAY,~~GAAGlB~~,MAAM,CAAE,CAAE,CAAC;EAEhCF,SAAS,CAAE,MAAM;IAChB,~~MAAMqB~~,WAAW,GAAG,MAAQC,KAAK,IAAM;MACtC,~~IAAKX,aAAa,KAAK,iBAAiB,EAAG;QAC1C;MACD;MACA,~~IAAK,~~CAAEW~~,KAAK,CAACC,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAE,mBAAoB,CAAC,EAAG;QAC/D;MACD;~~MACA~~,MAAMC,sBAAsB,~~GAAGZ~~,UAAU,CAAC,CAAC,~~CAACa~~,IAAI,CAC7CC,MAAM,IAAMA,MAAM,CAACC,EAAE,KAAKT,YAAY,CAACU,OAC1C,CAAC;MACD,IAAKJ,sBAAsB,EAAG;QAC7B;MACD;~~MACA~~,MAAM;QAAEE;MAAO,CAAC,GAAG,~~MAAMb~~,gBAAgB,~~CACxCV~~,EAAE,CAAE,wCAAyC,CAAC,EAC9C;~~QACC0B~~,aAAa,EAAE,IAAI;QACnBC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAE,CACR;UACCC,KAAK,~~EAAE7B~~,EAAE,CAAE,eAAgB,CAAC;~~UAC5B8B~~,OAAO,EAAEA,CAAA,~~KAAMlB~~,~~gBAAgB~~,CAAE,~~eAAgB~~;~~QAClD~~,CAAC;MAEH,CACD,CAAC;~~MACDG~~,YAAY,CAACU,OAAO,GAAGF,MAAM,CAACC,EAAE;IACjC,CAAC;IAED,~~MAAMO~~,cAAc,~~GAAKd~~,KAAK,IAAM;MACnC,~~IAAKX,aAAa,KAAK,iBAAiB,EAAG;QAC1C;MACD;MACA,~~IAAK,~~CAAEW~~,KAAK,CAACC,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAE,mBAAoB,CAAC,EAAG;QAC/D;MACD;MACA,IAAKL,YAAY,CAACU,OAAO,EAAG;~~QAC3Bd~~,YAAY,~~CAAEI~~,YAAY,CAACU,OAAQ,CAAC;MACrC;MACAX,eAAe,CAAE,IAAK,CAAC;IACxB,CAAC;IAED,~~MAAMkB~~,MAAM,~~GAAG3B~~,UAAU,~~CAACoB~~,OAAO;~~IACjCO~~,MAAM,EAAEC,gBAAgB,CAAE,OAAO,~~EAAEjB~~,WAAY,CAAC;~~IAChDgB~~,MAAM,EAAEC,gBAAgB,CAAE,UAAU,EAAEF,cAAe,CAAC;IACtD,OAAO,MAAM;MACZC,MAAM,EAAEE,mBAAmB,CAAE,OAAO,~~EAAElB~~,WAAY,CAAC;~~MACnDgB~~,MAAM,EAAEE,mBAAmB,CAAE,UAAU,EAAEH,cAAe,CAAC;IAC1D,CAAC;EACF,CAAC,EAAE,~~CAAEhB~~,YAAY,~~EAAET~~,~~aAAa~~,~~EAAED~~,UAAU,~~CAACoB~~,~~OAAO~~,~~CAAG~~,CAAC;~~EAExD~~,~~OACCU~~,aAAA,~~CAACjC~~,aAAa;~~IACbkC~~,MAAM,~~EAAGvB~~,YAAc;~~IACvBwB~~,iBAAiB,~~EAAGrC~~,EAAE,CAAE,eAAgB,CAAG;~~IAC3CsC~~,SAAS,EAAGA,CAAA,KAAM;~~MACjBxB~~,eAAe,CAAE,KAAM,CAAC;~~MACxBF~~,~~gBAAgB~~,CAAE,~~eAAgB~~,CAAC;~~IACpC~~,CAAG;~~IACH2B~~,QAAQ,EAAGA,CAAA,~~KAAMzB~~,eAAe,CAAE,KAAM;EAAG,~~GAEzCd~~,EAAE,CAAE,wCAAyC,CACjC,CAAC;AAElB"}
1	+ {"version":3,"names":["useSelect","useDispatch","useEffect","useState","useRef","store","noticesStore","__","__experimentalConfirmDialog","ConfirmDialog","editorStore","EditTemplateBlocksNotification","contentRef","onNavigateToEntityRecord","templateId","select","getEditorSettings","getCurrentTemplateId","getNotices","createInfoNotice","removeNotice","isDialogOpen","setIsDialogOpen","lastNoticeId","handleClick","event","target","classList","contains","isNoticeAlreadyShowing","some","notice","id","current","isDismissible","type","actions","label","onClick","postId","postType","handleDblClick","canvas","addEventListener","removeEventListener","createElement","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/editor/src/components/editor-canvas/edit-template-blocks-notification.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { store as editorStore } from '../../store';\n\n/\n Component that:\n \n - Displays a 'Edit your template to edit this block' notification when the\n * user is focusing on editing page content and clicks on a disabled template\n * block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n * is focusing on editing page conetnt and double clicks on a disabled\n * template block.\n \n @param {Object} props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n * editor iframe canvas.\n */\nexport default function EditTemplateBlocksNotification( { contentRef } ) {\n\tconst { onNavigateToEntityRecord, templateId } = useSelect( ( select ) => {\n\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\tselect( editorStore );\n\n\t\treturn {\n\t\t\tonNavigateToEntityRecord:\n\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\ttemplateId: getCurrentTemplateId(),\n\t\t};\n\t}, [] );\n\n\tconst { getNotices } = useSelect( noticesStore );\n\n\tconst { createInfoNotice, removeNotice } = useDispatch( noticesStore );\n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tconst lastNoticeId = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tconst handleClick = async ( event ) => {\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isNoticeAlreadyShowing = getNotices().some(\n\t\t\t\t( notice ) => notice.id === lastNoticeId.current\n\t\t\t);\n\t\t\tif ( isNoticeAlreadyShowing ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { notice } = await createInfoNotice(\n\t\t\t\t__( 'Edit your template to edit this block.' ),\n\t\t\t\t{\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\tonClick: () =>\n\t\t\t\t\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\t\t\t\t\tpostId: templateId,\n\t\t\t\t\t\t\t\t\tpostType: 'wp_template',\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t);\n\t\t\tlastNoticeId.current = notice.id;\n\t\t};\n\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( lastNoticeId.current ) {\n\t\t\t\tremoveNotice( lastNoticeId.current );\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'click', handleClick );\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'click', handleClick );\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [\n\t\tlastNoticeId,\n\t\tcontentRef,\n\t\tgetNotices,\n\t\tcreateInfoNotice,\n\t\tonNavigateToEntityRecord,\n\t\ttemplateId,\n\t\tremoveNotice,\n\t] );\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\tpostId: templateId,\n\t\t\t\t\tpostType: 'wp_template',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __( 'Edit your template to edit this block.' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/editor-canvas/index.js CHANGED Viewed

@@ -25,7 +25,8 @@ const {
   LayoutStyle,
   useLayoutClasses,
   useLayoutStyles,
-  ExperimentalBlockCanvas: BlockCanvas
+  ExperimentalBlockCanvas: BlockCanvas,
+  useFlashEditableBlocks
 } = unlock(blockEditorPrivateApis);
 const noop = () => {};
@@ -76,7 +77,7 @@ function EditorCanvas({
     wrapperBlockName,
     wrapperUniqueId,
     deviceType,
-    hasHistory
+    showEditorPadding
   } = useSelect(select => {
     const {
       getCurrentPostId,
@@ -114,7 +115,7 @@ function EditorCanvas({
       wrapperBlockName: _wrapperBlockName,
       wrapperUniqueId: getCurrentPostId(),
       deviceType: getDeviceType(),
-      hasHistory: !!editorSettings.goBack
+      showEditorPadding: !!editorSettings.onNavigateToPreviousEntityRecord
     };
   }, []);
   const {
@@ -225,7 +226,9 @@ function EditorCanvas({
 		.is-root-container.alignfull:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: none;}`;
   const localRef = useRef();
   const typewriterRef = useTypewriter();
-  const contentRef = useMergeRefs([localRef, renderingMode === 'post-only' ? typewriterRef : noop]);
+  const contentRef = useMergeRefs([localRef, renderingMode === 'post-only' ? typewriterRef : noop, useFlashEditableBlocks({
+    isEnabled: renderingMode === 'template-locked'
+  })]);
   return createElement(BlockCanvas, {
     shouldIframe: !disableIframe || ['Tablet', 'Mobile'].includes(deviceType),
     contentRef: contentRef,
@@ -233,7 +236,7 @@ function EditorCanvas({
     height: "100%",
     iframeProps: {
       className: classnames('editor-canvas__iframe', {
-        'has-history': hasHistory
+        'has-editor-padding': showEditorPadding
       }),
       ...iframeProps,
       style: {
@@ -272,16 +275,18 @@ function EditorCanvas({
     blockName: wrapperBlockName,
     uniqueId: wrapperUniqueId
   }, createElement(BlockList, {
-    className: classnames(className, 'is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content`,
-    // Ensure root level blocks receive default/flow blockGap styling rules.
-    renderingMode !== 'all' && 'is-' + renderingMode),
+    className: classnames(className, 'is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
+    ),
     layout: blockListLayout,
     dropZoneElement:
     // When iframed, pass in the html element of the iframe to
     // ensure the drop zone extends to the edges of the iframe.
     disableIframe ? localRef.current : localRef.current?.parentNode,
-    renderAppender: renderAppender
-  }), createElement(EditTemplateBlocksNotification, {
+    renderAppender: renderAppender,
+    __unstableDisableDropZone:
+    // In template preview mode, disable drop zones at the root of the template.
+    renderingMode === 'template-locked' ? true : false
+  }), renderingMode === 'template-locked' && createElement(EditTemplateBlocksNotification, {
     contentRef: localRef
   })), children);
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["classnames","BlockList","store","blockEditorStore","__unstableUseTypewriter","useTypewriter","__unstableUseTypingObserver","useTypingObserver","useSettings","RecursionProvider","privateApis","blockEditorPrivateApis","__experimentalUseResizeCanvas","useResizeCanvas","useEffect","useRef","useMemo","useSelect","parse","coreStore","useMergeRefs","PostTitle","editorStore","unlock","EditTemplateBlocksNotification","LayoutStyle","useLayoutClasses","useLayoutStyles","ExperimentalBlockCanvas","BlockCanvas","noop","getPostContentAttributes","blocks","i","length","name","attributes","innerBlocks","nestedPostContent","checkForPostContentAtRootLevel","EditorCanvas","autoFocus","className","renderAppender","styles","disableIframe","iframeProps","children","renderingMode","postContentAttributes","editedPostTemplate","wrapperBlockName","wrapperUniqueId","deviceType","hasHistory","select","getCurrentPostId","getCurrentPostType","getCurrentTemplateId","getEditorSettings","getRenderingMode","getDeviceType","getPostType","canUser","getEditedEntityRecord","postTypeSlug","_renderingMode","_wrapperBlockName","editorSettings","supportsTemplateMode","postType","canEditTemplate","currentTemplateId","template","undefined","viewable","goBack","isCleanNewPost","hasRootPaddingAwareAlignments","themeHasDisabledLayoutStyles","themeSupportsLayout","_settings","getSettings","disableLayoutStyles","supportsLayout","__experimentalFeatures","useRootPaddingAwareAlignments","deviceStyles","globalLayoutSettings","fallbackLayout","type","newestPostContentAttributes","content","parseableContent","hasPostContentAtRootLevel","layout","align","postContentLayoutClasses","blockListLayoutClass","postContentLayoutStyles","postContentLayout","inherit","contentSize","wideSize","blockListLayout","postEditorLayout","observeTypingRef","titleRef","current","focus","alignCSS","localRef","typewriterRef","contentRef","createElement","shouldIframe","includes","height","style","Fragment","selector","css","contentEditable","ref","marginTop","blockName","uniqueId","toLowerCase","dropZoneElement","parentNode"],"sources":["@wordpress/editor/src/components/editor-canvas/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tstore as blockEditorStore,\n\t__unstableUseTypewriter as useTypewriter,\n\t__unstableUseTypingObserver as useTypingObserver,\n\tuseSettings,\n\tRecursionProvider,\n\tprivateApis as blockEditorPrivateApis,\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { parse } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport PostTitle from '../post-title';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport EditTemplateBlocksNotification from './edit-template-blocks-notification';\n\nconst {\n\tLayoutStyle,\n\tuseLayoutClasses,\n\tuseLayoutStyles,\n\tExperimentalBlockCanvas: BlockCanvas,\n} = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/\n Given an array of nested blocks, find the first Post Content\n * block inside it, recursing through any nesting levels,\n * and return its attributes.\n \n @param {Array} blocks A list of blocks.\n \n @return {Object \| undefined} The Post Content block.\n */\nfunction getPostContentAttributes( blocks ) {\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\tif ( blocks[ i ].name === 'core/post-content' ) {\n\t\t\treturn blocks[ i ].attributes;\n\t\t}\n\t\tif ( blocks[ i ].innerBlocks.length ) {\n\t\t\tconst nestedPostContent = getPostContentAttributes(\n\t\t\t\tblocks[ i ].innerBlocks\n\t\t\t);\n\n\t\t\tif ( nestedPostContent ) {\n\t\t\t\treturn nestedPostContent;\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction checkForPostContentAtRootLevel( blocks ) {\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\tif ( blocks[ i ].name === 'core/post-content' ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n}\n\nfunction EditorCanvas( {\n\t// Ideally as we unify post and site editors, we won't need these props.\n\tautoFocus,\n\tclassName,\n\trenderAppender,\n\tstyles,\n\tdisableIframe = false,\n\tiframeProps,\n\tchildren,\n} ) {\n\tconst {\n\t\trenderingMode,\n\t\tpostContentAttributes,\n\t\teditedPostTemplate = {},\n\t\twrapperBlockName,\n\t\twrapperUniqueId,\n\t\tdeviceType,\n\t\thasHistory,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetCurrentPostId,\n\t\t\tgetCurrentPostType,\n\t\t\tgetCurrentTemplateId,\n\t\t\tgetEditorSettings,\n\t\t\tgetRenderingMode,\n\t\t\tgetDeviceType,\n\t\t} = select( editorStore );\n\t\tconst { getPostType, canUser, getEditedEntityRecord } =\n\t\t\tselect( coreStore );\n\t\tconst postTypeSlug = getCurrentPostType();\n\t\tconst _renderingMode = getRenderingMode();\n\t\tlet _wrapperBlockName;\n\n\t\tif ( postTypeSlug === 'wp_block' ) {\n\t\t\t_wrapperBlockName = 'core/block';\n\t\t} else if ( ! _renderingMode === 'post-only' ) {\n\t\t\t_wrapperBlockName = 'core/post-content';\n\t\t}\n\n\t\tconst editorSettings = getEditorSettings();\n\t\tconst supportsTemplateMode = editorSettings.supportsTemplateMode;\n\t\tconst postType = getPostType( postTypeSlug );\n\t\tconst canEditTemplate = canUser( 'create', 'templates' );\n\t\tconst currentTemplateId = getCurrentTemplateId();\n\t\tconst template = currentTemplateId\n\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_template',\n\t\t\t\t\tcurrentTemplateId\n\t\t\t )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\trenderingMode: _renderingMode,\n\t\t\tpostContentAttributes: editorSettings.postContentAttributes,\n\t\t\t// Post template fetch returns a 404 on classic themes, which\n\t\t\t// messes with e2e tests, so check it's a block theme first.\n\t\t\teditedPostTemplate:\n\t\t\t\tpostType?.viewable && supportsTemplateMode && canEditTemplate\n\t\t\t\t\t? template\n\t\t\t\t\t: undefined,\n\t\t\twrapperBlockName: _wrapperBlockName,\n\t\t\twrapperUniqueId: getCurrentPostId(),\n\t\t\tdeviceType: getDeviceType(),\n\t\t\thasHistory: !! editorSettings.goBack,\n\t\t};\n\t}, [] );\n\tconst { isCleanNewPost } = useSelect( editorStore );\n\tconst {\n\t\thasRootPaddingAwareAlignments,\n\t\tthemeHasDisabledLayoutStyles,\n\t\tthemeSupportsLayout,\n\t} = useSelect( ( select ) => {\n\t\tconst _settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tthemeHasDisabledLayoutStyles: _settings.disableLayoutStyles,\n\t\t\tthemeSupportsLayout: _settings.supportsLayout,\n\t\t\thasRootPaddingAwareAlignments:\n\t\t\t\t_settings.__experimentalFeatures?.useRootPaddingAwareAlignments,\n\t\t};\n\t}, [] );\n\n\tconst deviceStyles = useResizeCanvas( deviceType );\n\tconst [ globalLayoutSettings ] = useSettings( 'layout' );\n\n\t// fallbackLayout is used if there is no Post Content,\n\t// and for Post Title.\n\tconst fallbackLayout = useMemo( () => {\n\t\tif ( renderingMode !== 'post-only' ) {\n\t\t\treturn { type: 'default' };\n\t\t}\n\n\t\tif ( themeSupportsLayout ) {\n\t\t\t// We need to ensure support for wide and full alignments,\n\t\t\t// so we add the constrained type.\n\t\t\treturn { ...globalLayoutSettings, type: 'constrained' };\n\t\t}\n\t\t// Set default layout for classic themes so all alignments are supported.\n\t\treturn { type: 'default' };\n\t}, [ renderingMode, themeSupportsLayout, globalLayoutSettings ] );\n\n\tconst newestPostContentAttributes = useMemo( () => {\n\t\tif (\n\t\t\t! editedPostTemplate?.content &&\n\t\t\t! editedPostTemplate?.blocks &&\n\t\t\tpostContentAttributes\n\t\t) {\n\t\t\treturn postContentAttributes;\n\t\t}\n\t\t// When in template editing mode, we can access the blocks directly.\n\t\tif ( editedPostTemplate?.blocks ) {\n\t\t\treturn getPostContentAttributes( editedPostTemplate?.blocks );\n\t\t}\n\t\t// If there are no blocks, we have to parse the content string.\n\t\t// Best double-check it's a string otherwise the parse function gets unhappy.\n\t\tconst parseableContent =\n\t\t\ttypeof editedPostTemplate?.content === 'string'\n\t\t\t\t? editedPostTemplate?.content\n\t\t\t\t: '';\n\n\t\treturn getPostContentAttributes( parse( parseableContent ) ) \|\| {};\n\t}, [\n\t\teditedPostTemplate?.content,\n\t\teditedPostTemplate?.blocks,\n\t\tpostContentAttributes,\n\t] );\n\n\tconst hasPostContentAtRootLevel = useMemo( () => {\n\t\tif ( ! editedPostTemplate?.content && ! editedPostTemplate?.blocks ) {\n\t\t\treturn false;\n\t\t}\n\t\t// When in template editing mode, we can access the blocks directly.\n\t\tif ( editedPostTemplate?.blocks ) {\n\t\t\treturn checkForPostContentAtRootLevel( editedPostTemplate?.blocks );\n\t\t}\n\t\t// If there are no blocks, we have to parse the content string.\n\t\t// Best double-check it's a string otherwise the parse function gets unhappy.\n\t\tconst parseableContent =\n\t\t\ttypeof editedPostTemplate?.content === 'string'\n\t\t\t\t? editedPostTemplate?.content\n\t\t\t\t: '';\n\n\t\treturn (\n\t\t\tcheckForPostContentAtRootLevel( parse( parseableContent ) ) \|\| false\n\t\t);\n\t}, [ editedPostTemplate?.content, editedPostTemplate?.blocks ] );\n\n\tconst { layout = {}, align = '' } = newestPostContentAttributes \|\| {};\n\n\tconst postContentLayoutClasses = useLayoutClasses(\n\t\tnewestPostContentAttributes,\n\t\t'core/post-content'\n\t);\n\n\tconst blockListLayoutClass = classnames(\n\t\t{\n\t\t\t'is-layout-flow': ! themeSupportsLayout,\n\t\t},\n\t\tthemeSupportsLayout && postContentLayoutClasses,\n\t\talign && `align${ align }`\n\t);\n\n\tconst postContentLayoutStyles = useLayoutStyles(\n\t\tnewestPostContentAttributes,\n\t\t'core/post-content',\n\t\t'.block-editor-block-list__layout.is-root-container'\n\t);\n\n\t// Update type for blocks using legacy layouts.\n\tconst postContentLayout = useMemo( () => {\n\t\treturn layout &&\n\t\t\t( layout?.type === 'constrained' \|\|\n\t\t\t\tlayout?.inherit \|\|\n\t\t\t\tlayout?.contentSize \|\|\n\t\t\t\tlayout?.wideSize )\n\t\t\t? { ...globalLayoutSettings, ...layout, type: 'constrained' }\n\t\t\t: { ...globalLayoutSettings, ...layout, type: 'default' };\n\t}, [\n\t\tlayout?.type,\n\t\tlayout?.inherit,\n\t\tlayout?.contentSize,\n\t\tlayout?.wideSize,\n\t\tglobalLayoutSettings,\n\t] );\n\n\t// If there is a Post Content block we use its layout for the block list;\n\t// if not, this must be a classic theme, in which case we use the fallback layout.\n\tconst blockListLayout = postContentAttributes\n\t\t? postContentLayout\n\t\t: fallbackLayout;\n\n\tconst postEditorLayout =\n\t\tblockListLayout?.type === 'default' && ! hasPostContentAtRootLevel\n\t\t\t? fallbackLayout\n\t\t\t: blockListLayout;\n\n\tconst observeTypingRef = useTypingObserver();\n\tconst titleRef = useRef();\n\tuseEffect( () => {\n\t\tif ( ! autoFocus \|\| ! isCleanNewPost() ) {\n\t\t\treturn;\n\t\t}\n\t\ttitleRef?.current?.focus();\n\t}, [ autoFocus, isCleanNewPost ] );\n\n\t// Add some styles for alignwide/alignfull Post Content and its children.\n\tconst alignCSS = `.is-root-container.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}\n\t\t.is-root-container.alignwide:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: var(--wp--style--global--wide-size);}\n\t\t.is-root-container.alignfull { max-width: none; margin-left: auto; margin-right: auto;}\n\t\t.is-root-container.alignfull:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: none;}`;\n\n\tconst localRef = useRef();\n\tconst typewriterRef = useTypewriter();\n\tconst contentRef = useMergeRefs( [\n\t\tlocalRef,\n\t\trenderingMode === 'post-only' ? typewriterRef : noop,\n\t] );\n\n\treturn (\n\t\t<BlockCanvas\n\t\t\tshouldIframe={\n\t\t\t\t! disableIframe \|\| [ 'Tablet', 'Mobile' ].includes( deviceType )\n\t\t\t}\n\t\t\tcontentRef={ contentRef }\n\t\t\tstyles={ styles }\n\t\t\theight=\"100%\"\n\t\t\tiframeProps={ {\n\t\t\t\tclassName: classnames( 'editor-canvas__iframe', {\n\t\t\t\t\t'has-history': hasHistory,\n\t\t\t\t} ),\n\t\t\t\t...iframeProps,\n\t\t\t\tstyle: {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t\t...deviceStyles,\n\t\t\t\t},\n\t\t\t} }\n\t\t>\n\t\t\t{ themeSupportsLayout &&\n\t\t\t\t! themeHasDisabledLayoutStyles &&\n\t\t\t\trenderingMode === 'post-only' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\tselector=\".editor-editor-canvas__post-title-wrapper\"\n\t\t\t\t\t\t\tlayout={ fallbackLayout }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\tselector=\".block-editor-block-list__layout.is-root-container\"\n\t\t\t\t\t\t\tlayout={ postEditorLayout }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ align && <LayoutStyle css={ alignCSS } /> }\n\t\t\t\t\t\t{ postContentLayoutStyles && (\n\t\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\t\tlayout={ postContentLayout }\n\t\t\t\t\t\t\t\tcss={ postContentLayoutStyles }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t{ renderingMode === 'post-only' && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'editor-editor-canvas__post-title-wrapper',\n\t\t\t\t\t\t// The following class is only here for backward comapatibility\n\t\t\t\t\t\t// some themes might be using it to style the post title.\n\t\t\t\t\t\t'edit-post-visual-editor__post-title-wrapper',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-global-padding': hasRootPaddingAwareAlignments,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tcontentEditable={ false }\n\t\t\t\t\tref={ observeTypingRef }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t// This is using inline styles\n\t\t\t\t\t\t// so it's applied for both iframed and non iframed editors.\n\t\t\t\t\t\tmarginTop: '4rem',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PostTitle ref={ titleRef } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<RecursionProvider\n\t\t\t\tblockName={ wrapperBlockName }\n\t\t\t\tuniqueId={ wrapperUniqueId }\n\t\t\t>\n\t\t\t\t<BlockList\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'is-' + deviceType.toLowerCase() + '-preview',\n\t\t\t\t\t\trenderingMode !== 'post-only'\n\t\t\t\t\t\t\t? 'wp-site-blocks'\n\t\t\t\t\t\t\t: `${ blockListLayoutClass } wp-block-post-content`, // Ensure root level blocks receive default/flow blockGap styling rules.\n\t\t\t\t\t\trenderingMode !== 'all' && 'is-' + renderingMode\n\t\t\t\t\t) }\n\t\t\t\t\tlayout={ blockListLayout }\n\t\t\t\t\tdropZoneElement={\n\t\t\t\t\t\t// When iframed, pass in the html element of the iframe to\n\t\t\t\t\t\t// ensure the drop zone extends to the edges of the iframe.\n\t\t\t\t\t\tdisableIframe\n\t\t\t\t\t\t\t? localRef.current\n\t\t\t\t\t\t\t: localRef.current?.parentNode\n\t\t\t\t\t}\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t/>\n\t\t\t\t<EditTemplateBlocksNotification contentRef={ localRef } />\n\t\t\t</RecursionProvider>\n\t\t\t{ children }\n\t\t</BlockCanvas>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,SAAS,EACTC,KAAK,IAAIC,gBAAgB,EACzBC,uBAAuB,IAAIC,aAAa,EACxCC,2BAA2B,IAAIC,iBAAiB,EAChDC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,IAAIC,sBAAsB,EACrCC,6BAA6B,IAAIC,eAAe,QAC1C,yBAAyB;AAChC,SAASC,SAAS,EAAEC,MAAM,EAAEC,OAAO,QAAQ,oBAAoB;AAC/D,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAAShB,KAAK,IAAIiB,SAAS,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,SAASnB,KAAK,IAAIoB,WAAW,QAAQ,aAAa;AAClD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,8BAA8B,MAAM,qCAAqC;AAEhF,MAAM;EACLC,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC,uBAAuB,EAAEC;AAC1B,CAAC,GAAGN,MAAM,CAAEZ,sBAAuB,CAAC;AAEpC,MAAMmB,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAEC,MAAM,EAAG;EAC3C,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAG;IACzC,IAAKD,MAAM,CAAEC,CAAC,CAAE,CAACE,IAAI,KAAK,mBAAmB,EAAG;MAC/C,OAAOH,MAAM,CAAEC,CAAC,CAAE,CAACG,UAAU;IAC9B;IACA,IAAKJ,MAAM,CAAEC,CAAC,CAAE,CAACI,WAAW,CAACH,MAAM,EAAG;MACrC,MAAMI,iBAAiB,GAAGP,wBAAwB,CACjDC,MAAM,CAAEC,CAAC,CAAE,CAACI,WACb,CAAC;MAED,IAAKC,iBAAiB,EAAG;QACxB,OAAOA,iBAAiB;MACzB;IACD;EACD;AACD;AAEA,SAASC,8BAA8BA,CAAEP,MAAM,EAAG;EACjD,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAG;IACzC,IAAKD,MAAM,CAAEC,CAAC,CAAE,CAACE,IAAI,KAAK,mBAAmB,EAAG;MAC/C,OAAO,IAAI;IACZ;EACD;EACA,OAAO,KAAK;AACb;AAEA,SAASK,YAAYA,CAAE;EACtB;EACAC,SAAS;EACTC,SAAS;EACTC,cAAc;EACdC,MAAM;EACNC,aAAa,GAAG,KAAK;EACrBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,aAAa;IACbC,qBAAqB;IACrBC,kBAAkB,GAAG,CAAC,CAAC;IACvBC,gBAAgB;IAChBC,eAAe;IACfC,UAAU;IACVC;EACD,CAAC,GAAGrC,SAAS,CAAIsC,MAAM,IAAM;IAC5B,MAAM;MACLC,gBAAgB;MAChBC,kBAAkB;MAClBC,oBAAoB;MACpBC,iBAAiB;MACjBC,gBAAgB;MAChBC;IACD,CAAC,GAAGN,MAAM,CAAEjC,WAAY,CAAC;IACzB,MAAM;MAAEwC,WAAW;MAAEC,OAAO;MAAEC;IAAsB,CAAC,GACpDT,MAAM,CAAEpC,SAAU,CAAC;IACpB,MAAM8C,YAAY,GAAGR,kBAAkB,CAAC,CAAC;IACzC,MAAMS,cAAc,GAAGN,gBAAgB,CAAC,CAAC;IACzC,IAAIO,iBAAiB;IAErB,IAAKF,YAAY,KAAK,UAAU,EAAG;MAClCE,iBAAiB,GAAG,YAAY;IACjC,CAAC,MAAM,IAAK,CAAED,cAAc,KAAK,WAAW,EAAG;MAC9CC,iBAAiB,GAAG,mBAAmB;IACxC;IAEA,MAAMC,cAAc,GAAGT,iBAAiB,CAAC,CAAC;IAC1C,MAAMU,oBAAoB,GAAGD,cAAc,CAACC,oBAAoB;IAChE,MAAMC,QAAQ,GAAGR,WAAW,CAAEG,YAAa,CAAC;IAC5C,MAAMM,eAAe,GAAGR,OAAO,CAAE,QAAQ,EAAE,WAAY,CAAC;IACxD,MAAMS,iBAAiB,GAAGd,oBAAoB,CAAC,CAAC;IAChD,MAAMe,QAAQ,GAAGD,iBAAiB,GAC/BR,qBAAqB,CACrB,UAAU,EACV,aAAa,EACbQ,iBACA,CAAC,GACDE,SAAS;IAEZ,OAAO;MACN1B,aAAa,EAAEkB,cAAc;MAC7BjB,qBAAqB,EAAEmB,cAAc,CAACnB,qBAAqB;MAC3D;MACA;MACAC,kBAAkB,EACjBoB,QAAQ,EAAEK,QAAQ,IAAIN,oBAAoB,IAAIE,eAAe,GAC1DE,QAAQ,GACRC,SAAS;MACbvB,gBAAgB,EAAEgB,iBAAiB;MACnCf,eAAe,EAAEI,gBAAgB,CAAC,CAAC;MACnCH,UAAU,EAAEQ,aAAa,CAAC,CAAC;MAC3BP,UAAU,EAAE,CAAC,CAAEc,cAAc,CAACQ;IAC/B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAe,CAAC,GAAG5D,SAAS,CAAEK,WAAY,CAAC;EACnD,MAAM;IACLwD,6BAA6B;IAC7BC,4BAA4B;IAC5BC;EACD,CAAC,GAAG/D,SAAS,CAAIsC,MAAM,IAAM;IAC5B,MAAM0B,SAAS,GAAG1B,MAAM,CAAEpD,gBAAiB,CAAC,CAAC+E,WAAW,CAAC,CAAC;IAC1D,OAAO;MACNH,4BAA4B,EAAEE,SAAS,CAACE,mBAAmB;MAC3DH,mBAAmB,EAAEC,SAAS,CAACG,cAAc;MAC7CN,6BAA6B,EAC5BG,SAAS,CAACI,sBAAsB,EAAEC;IACpC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,YAAY,GAAG1E,eAAe,CAAEwC,UAAW,CAAC;EAClD,MAAM,CAAEmC,oBAAoB,CAAE,GAAGhF,WAAW,CAAE,QAAS,CAAC;;EAExD;EACA;EACA,MAAMiF,cAAc,GAAGzE,OAAO,CAAE,MAAM;IACrC,IAAKgC,aAAa,KAAK,WAAW,EAAG;MACpC,OAAO;QAAE0C,IAAI,EAAE;MAAU,CAAC;IAC3B;IAEA,IAAKV,mBAAmB,EAAG;MAC1B;MACA;MACA,OAAO;QAAE,GAAGQ,oBAAoB;QAAEE,IAAI,EAAE;MAAc,CAAC;IACxD;IACA;IACA,OAAO;MAAEA,IAAI,EAAE;IAAU,CAAC;EAC3B,CAAC,EAAE,CAAE1C,aAAa,EAAEgC,mBAAmB,EAAEQ,oBAAoB,CAAG,CAAC;EAEjE,MAAMG,2BAA2B,GAAG3E,OAAO,CAAE,MAAM;IAClD,IACC,CAAEkC,kBAAkB,EAAE0C,OAAO,IAC7B,CAAE1C,kBAAkB,EAAElB,MAAM,IAC5BiB,qBAAqB,EACpB;MACD,OAAOA,qBAAqB;IAC7B;IACA;IACA,IAAKC,kBAAkB,EAAElB,MAAM,EAAG;MACjC,OAAOD,wBAAwB,CAAEmB,kBAAkB,EAAElB,MAAO,CAAC;IAC9D;IACA;IACA;IACA,MAAM6D,gBAAgB,GACrB,OAAO3C,kBAAkB,EAAE0C,OAAO,KAAK,QAAQ,GAC5C1C,kBAAkB,EAAE0C,OAAO,GAC3B,EAAE;IAEN,OAAO7D,wBAAwB,CAAEb,KAAK,CAAE2E,gBAAiB,CAAE,CAAC,IAAI,CAAC,CAAC;EACnE,CAAC,EAAE,CACF3C,kBAAkB,EAAE0C,OAAO,EAC3B1C,kBAAkB,EAAElB,MAAM,EAC1BiB,qBAAqB,CACpB,CAAC;EAEH,MAAM6C,yBAAyB,GAAG9E,OAAO,CAAE,MAAM;IAChD,IAAK,CAAEkC,kBAAkB,EAAE0C,OAAO,IAAI,CAAE1C,kBAAkB,EAAElB,MAAM,EAAG;MACpE,OAAO,KAAK;IACb;IACA;IACA,IAAKkB,kBAAkB,EAAElB,MAAM,EAAG;MACjC,OAAOO,8BAA8B,CAAEW,kBAAkB,EAAElB,MAAO,CAAC;IACpE;IACA;IACA;IACA,MAAM6D,gBAAgB,GACrB,OAAO3C,kBAAkB,EAAE0C,OAAO,KAAK,QAAQ,GAC5C1C,kBAAkB,EAAE0C,OAAO,GAC3B,EAAE;IAEN,OACCrD,8BAA8B,CAAErB,KAAK,CAAE2E,gBAAiB,CAAE,CAAC,IAAI,KAAK;EAEtE,CAAC,EAAE,CAAE3C,kBAAkB,EAAE0C,OAAO,EAAE1C,kBAAkB,EAAElB,MAAM,CAAG,CAAC;EAEhE,MAAM;IAAE+D,MAAM,GAAG,CAAC,CAAC;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGL,2BAA2B,IAAI,CAAC,CAAC;EAErE,MAAMM,wBAAwB,GAAGvE,gBAAgB,CAChDiE,2BAA2B,EAC3B,mBACD,CAAC;EAED,MAAMO,oBAAoB,GAAGlG,UAAU,CACtC;IACC,gBAAgB,EAAE,CAAEgF;EACrB,CAAC,EACDA,mBAAmB,IAAIiB,wBAAwB,EAC/CD,KAAK,IAAK,QAAQA,KAAO,EAC1B,CAAC;EAED,MAAMG,uBAAuB,GAAGxE,eAAe,CAC9CgE,2BAA2B,EAC3B,mBAAmB,EACnB,oDACD,CAAC;;EAED;EACA,MAAMS,iBAAiB,GAAGpF,OAAO,CAAE,MAAM;IACxC,OAAO+E,MAAM,KACVA,MAAM,EAAEL,IAAI,KAAK,aAAa,IAC/BK,MAAM,EAAEM,OAAO,IACfN,MAAM,EAAEO,WAAW,IACnBP,MAAM,EAAEQ,QAAQ,CAAE,GACjB;MAAE,GAAGf,oBAAoB;MAAE,GAAGO,MAAM;MAAEL,IAAI,EAAE;IAAc,CAAC,GAC3D;MAAE,GAAGF,oBAAoB;MAAE,GAAGO,MAAM;MAAEL,IAAI,EAAE;IAAU,CAAC;EAC3D,CAAC,EAAE,CACFK,MAAM,EAAEL,IAAI,EACZK,MAAM,EAAEM,OAAO,EACfN,MAAM,EAAEO,WAAW,EACnBP,MAAM,EAAEQ,QAAQ,EAChBf,oBAAoB,CACnB,CAAC;;EAEH;EACA;EACA,MAAMgB,eAAe,GAAGvD,qBAAqB,GAC1CmD,iBAAiB,GACjBX,cAAc;EAEjB,MAAMgB,gBAAgB,GACrBD,eAAe,EAAEd,IAAI,KAAK,SAAS,IAAI,CAAEI,yBAAyB,GAC/DL,cAAc,GACde,eAAe;EAEnB,MAAME,gBAAgB,GAAGnG,iBAAiB,CAAC,CAAC;EAC5C,MAAMoG,QAAQ,GAAG5F,MAAM,CAAC,CAAC;EACzBD,SAAS,CAAE,MAAM;IAChB,IAAK,CAAE2B,SAAS,IAAI,CAAEoC,cAAc,CAAC,CAAC,EAAG;MACxC;IACD;IACA8B,QAAQ,EAAEC,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,CAAEpE,SAAS,EAAEoC,cAAc,CAAG,CAAC;;EAElC;EACA,MAAMiC,QAAQ,GAAI;AACnB;AACA;AACA,8GAA8G;EAE7G,MAAMC,QAAQ,GAAGhG,MAAM,CAAC,CAAC;EACzB,MAAMiG,aAAa,GAAG3G,aAAa,CAAC,CAAC;EACrC,MAAM4G,UAAU,GAAG7F,YAAY,CAAE,CAChC2F,QAAQ,EACR/D,aAAa,KAAK,WAAW,GAAGgE,aAAa,GAAGlF,IAAI,CACnD,CAAC;EAEH,OACCoF,aAAA,CAACrF,WAAW;IACXsF,YAAY,EACX,CAAEtE,aAAa,IAAI,CAAE,QAAQ,EAAE,QAAQ,CAAE,CAACuE,QAAQ,CAAE/D,UAAW,CAC/D;IACD4D,UAAU,EAAGA,UAAY;IACzBrE,MAAM,EAAGA,MAAQ;IACjByE,MAAM,EAAC,MAAM;IACbvE,WAAW,EAAG;MACbJ,SAAS,EAAE1C,UAAU,CAAE,uBAAuB,EAAE;QAC/C,aAAa,EAAEsD;MAChB,CAAE,CAAC;MACH,GAAGR,WAAW;MACdwE,KAAK,EAAE;QACN,GAAGxE,WAAW,EAAEwE,KAAK;QACrB,GAAG/B;MACJ;IACD;EAAG,GAEDP,mBAAmB,IACpB,CAAED,4BAA4B,IAC9B/B,aAAa,KAAK,WAAW,IAC5BkE,aAAA,CAAAK,QAAA,QACCL,aAAA,CAACzF,WAAW;IACX+F,QAAQ,EAAC,2CAA2C;IACpDzB,MAAM,EAAGN;EAAgB,CACzB,CAAC,EACFyB,aAAA,CAACzF,WAAW;IACX+F,QAAQ,EAAC,oDAAoD;IAC7DzB,MAAM,EAAGU;EAAkB,CAC3B,CAAC,EACAT,KAAK,IAAIkB,aAAA,CAACzF,WAAW;IAACgG,GAAG,EAAGX;EAAU,CAAE,CAAC,EACzCX,uBAAuB,IACxBe,aAAA,CAACzF,WAAW;IACXsE,MAAM,EAAGK,iBAAmB;IAC5BqB,GAAG,EAAGtB;EAAyB,CAC/B,CAED,CACF,EACAnD,aAAa,KAAK,WAAW,IAC9BkE,aAAA;IACCxE,SAAS,EAAG1C,UAAU,CACrB,0CAA0C;IAC1C;IACA;IACA,6CAA6C,EAC7C;MACC,oBAAoB,EAAE8E;IACvB,CACD,CAAG;IACH4C,eAAe,EAAG,KAAO;IACzBC,GAAG,EAAGjB,gBAAkB;IACxBY,KAAK,EAAG;MACP;MACA;MACAM,SAAS,EAAE;IACZ;EAAG,GAEHV,aAAA,CAAC7F,SAAS;IAACsG,GAAG,EAAGhB;EAAU,CAAE,CACzB,CACL,EACDO,aAAA,CAACzG,iBAAiB;IACjBoH,SAAS,EAAG1E,gBAAkB;IAC9B2E,QAAQ,EAAG1E;EAAiB,GAE5B8D,aAAA,CAACjH,SAAS;IACTyC,SAAS,EAAG1C,UAAU,CACrB0C,SAAS,EACT,KAAK,GAAGW,UAAU,CAAC0E,WAAW,CAAC,CAAC,GAAG,UAAU,EAC7C/E,aAAa,KAAK,WAAW,GAC1B,gBAAgB,GACf,GAAGkD,oBAAsB,wBAAuB;IAAE;IACtDlD,aAAa,KAAK,KAAK,IAAI,KAAK,GAAGA,aACpC,CAAG;IACH+C,MAAM,EAAGS,eAAiB;IAC1BwB,eAAe;IACd;IACA;IACAnF,aAAa,GACVkE,QAAQ,CAACH,OAAO,GAChBG,QAAQ,CAACH,OAAO,EAAEqB,UACrB;IACDtF,cAAc,EAAGA;EAAgB,CACjC,CAAC,EACFuE,aAAA,CAAC1F,8BAA8B;IAACyF,UAAU,EAAGF;EAAU,CAAE,CACvC,CAAC,EAClBhE,QACU,CAAC;AAEhB;AAEA,eAAeP,YAAY"}
1	+ {"version":3,"names":["classnames","BlockList","store","blockEditorStore","__unstableUseTypewriter","useTypewriter","__unstableUseTypingObserver","useTypingObserver","useSettings","RecursionProvider","privateApis","blockEditorPrivateApis","__experimentalUseResizeCanvas","useResizeCanvas","useEffect","useRef","useMemo","useSelect","parse","coreStore","useMergeRefs","PostTitle","editorStore","unlock","EditTemplateBlocksNotification","LayoutStyle","useLayoutClasses","useLayoutStyles","ExperimentalBlockCanvas","BlockCanvas","useFlashEditableBlocks","noop","getPostContentAttributes","blocks","i","length","name","attributes","innerBlocks","nestedPostContent","checkForPostContentAtRootLevel","EditorCanvas","autoFocus","className","renderAppender","styles","disableIframe","iframeProps","children","renderingMode","postContentAttributes","editedPostTemplate","wrapperBlockName","wrapperUniqueId","deviceType","showEditorPadding","select","getCurrentPostId","getCurrentPostType","getCurrentTemplateId","getEditorSettings","getRenderingMode","getDeviceType","getPostType","canUser","getEditedEntityRecord","postTypeSlug","_renderingMode","_wrapperBlockName","editorSettings","supportsTemplateMode","postType","canEditTemplate","currentTemplateId","template","undefined","viewable","onNavigateToPreviousEntityRecord","isCleanNewPost","hasRootPaddingAwareAlignments","themeHasDisabledLayoutStyles","themeSupportsLayout","_settings","getSettings","disableLayoutStyles","supportsLayout","__experimentalFeatures","useRootPaddingAwareAlignments","deviceStyles","globalLayoutSettings","fallbackLayout","type","newestPostContentAttributes","content","parseableContent","hasPostContentAtRootLevel","layout","align","postContentLayoutClasses","blockListLayoutClass","postContentLayoutStyles","postContentLayout","inherit","contentSize","wideSize","blockListLayout","postEditorLayout","observeTypingRef","titleRef","current","focus","alignCSS","localRef","typewriterRef","contentRef","isEnabled","createElement","shouldIframe","includes","height","style","Fragment","selector","css","contentEditable","ref","marginTop","blockName","uniqueId","toLowerCase","dropZoneElement","parentNode","__unstableDisableDropZone"],"sources":["@wordpress/editor/src/components/editor-canvas/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tBlockList,\n\tstore as blockEditorStore,\n\t__unstableUseTypewriter as useTypewriter,\n\t__unstableUseTypingObserver as useTypingObserver,\n\tuseSettings,\n\tRecursionProvider,\n\tprivateApis as blockEditorPrivateApis,\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { parse } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport PostTitle from '../post-title';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport EditTemplateBlocksNotification from './edit-template-blocks-notification';\n\nconst {\n\tLayoutStyle,\n\tuseLayoutClasses,\n\tuseLayoutStyles,\n\tExperimentalBlockCanvas: BlockCanvas,\n\tuseFlashEditableBlocks,\n} = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/\n Given an array of nested blocks, find the first Post Content\n * block inside it, recursing through any nesting levels,\n * and return its attributes.\n \n @param {Array} blocks A list of blocks.\n \n @return {Object \| undefined} The Post Content block.\n */\nfunction getPostContentAttributes( blocks ) {\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\tif ( blocks[ i ].name === 'core/post-content' ) {\n\t\t\treturn blocks[ i ].attributes;\n\t\t}\n\t\tif ( blocks[ i ].innerBlocks.length ) {\n\t\t\tconst nestedPostContent = getPostContentAttributes(\n\t\t\t\tblocks[ i ].innerBlocks\n\t\t\t);\n\n\t\t\tif ( nestedPostContent ) {\n\t\t\t\treturn nestedPostContent;\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction checkForPostContentAtRootLevel( blocks ) {\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\tif ( blocks[ i ].name === 'core/post-content' ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n}\n\nfunction EditorCanvas( {\n\t// Ideally as we unify post and site editors, we won't need these props.\n\tautoFocus,\n\tclassName,\n\trenderAppender,\n\tstyles,\n\tdisableIframe = false,\n\tiframeProps,\n\tchildren,\n} ) {\n\tconst {\n\t\trenderingMode,\n\t\tpostContentAttributes,\n\t\teditedPostTemplate = {},\n\t\twrapperBlockName,\n\t\twrapperUniqueId,\n\t\tdeviceType,\n\t\tshowEditorPadding,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetCurrentPostId,\n\t\t\tgetCurrentPostType,\n\t\t\tgetCurrentTemplateId,\n\t\t\tgetEditorSettings,\n\t\t\tgetRenderingMode,\n\t\t\tgetDeviceType,\n\t\t} = select( editorStore );\n\t\tconst { getPostType, canUser, getEditedEntityRecord } =\n\t\t\tselect( coreStore );\n\t\tconst postTypeSlug = getCurrentPostType();\n\t\tconst _renderingMode = getRenderingMode();\n\t\tlet _wrapperBlockName;\n\n\t\tif ( postTypeSlug === 'wp_block' ) {\n\t\t\t_wrapperBlockName = 'core/block';\n\t\t} else if ( ! _renderingMode === 'post-only' ) {\n\t\t\t_wrapperBlockName = 'core/post-content';\n\t\t}\n\n\t\tconst editorSettings = getEditorSettings();\n\t\tconst supportsTemplateMode = editorSettings.supportsTemplateMode;\n\t\tconst postType = getPostType( postTypeSlug );\n\t\tconst canEditTemplate = canUser( 'create', 'templates' );\n\t\tconst currentTemplateId = getCurrentTemplateId();\n\t\tconst template = currentTemplateId\n\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_template',\n\t\t\t\t\tcurrentTemplateId\n\t\t\t )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\trenderingMode: _renderingMode,\n\t\t\tpostContentAttributes: editorSettings.postContentAttributes,\n\t\t\t// Post template fetch returns a 404 on classic themes, which\n\t\t\t// messes with e2e tests, so check it's a block theme first.\n\t\t\teditedPostTemplate:\n\t\t\t\tpostType?.viewable && supportsTemplateMode && canEditTemplate\n\t\t\t\t\t? template\n\t\t\t\t\t: undefined,\n\t\t\twrapperBlockName: _wrapperBlockName,\n\t\t\twrapperUniqueId: getCurrentPostId(),\n\t\t\tdeviceType: getDeviceType(),\n\t\t\tshowEditorPadding:\n\t\t\t\t!! editorSettings.onNavigateToPreviousEntityRecord,\n\t\t};\n\t}, [] );\n\tconst { isCleanNewPost } = useSelect( editorStore );\n\tconst {\n\t\thasRootPaddingAwareAlignments,\n\t\tthemeHasDisabledLayoutStyles,\n\t\tthemeSupportsLayout,\n\t} = useSelect( ( select ) => {\n\t\tconst _settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tthemeHasDisabledLayoutStyles: _settings.disableLayoutStyles,\n\t\t\tthemeSupportsLayout: _settings.supportsLayout,\n\t\t\thasRootPaddingAwareAlignments:\n\t\t\t\t_settings.__experimentalFeatures?.useRootPaddingAwareAlignments,\n\t\t};\n\t}, [] );\n\n\tconst deviceStyles = useResizeCanvas( deviceType );\n\tconst [ globalLayoutSettings ] = useSettings( 'layout' );\n\n\t// fallbackLayout is used if there is no Post Content,\n\t// and for Post Title.\n\tconst fallbackLayout = useMemo( () => {\n\t\tif ( renderingMode !== 'post-only' ) {\n\t\t\treturn { type: 'default' };\n\t\t}\n\n\t\tif ( themeSupportsLayout ) {\n\t\t\t// We need to ensure support for wide and full alignments,\n\t\t\t// so we add the constrained type.\n\t\t\treturn { ...globalLayoutSettings, type: 'constrained' };\n\t\t}\n\t\t// Set default layout for classic themes so all alignments are supported.\n\t\treturn { type: 'default' };\n\t}, [ renderingMode, themeSupportsLayout, globalLayoutSettings ] );\n\n\tconst newestPostContentAttributes = useMemo( () => {\n\t\tif (\n\t\t\t! editedPostTemplate?.content &&\n\t\t\t! editedPostTemplate?.blocks &&\n\t\t\tpostContentAttributes\n\t\t) {\n\t\t\treturn postContentAttributes;\n\t\t}\n\t\t// When in template editing mode, we can access the blocks directly.\n\t\tif ( editedPostTemplate?.blocks ) {\n\t\t\treturn getPostContentAttributes( editedPostTemplate?.blocks );\n\t\t}\n\t\t// If there are no blocks, we have to parse the content string.\n\t\t// Best double-check it's a string otherwise the parse function gets unhappy.\n\t\tconst parseableContent =\n\t\t\ttypeof editedPostTemplate?.content === 'string'\n\t\t\t\t? editedPostTemplate?.content\n\t\t\t\t: '';\n\n\t\treturn getPostContentAttributes( parse( parseableContent ) ) \|\| {};\n\t}, [\n\t\teditedPostTemplate?.content,\n\t\teditedPostTemplate?.blocks,\n\t\tpostContentAttributes,\n\t] );\n\n\tconst hasPostContentAtRootLevel = useMemo( () => {\n\t\tif ( ! editedPostTemplate?.content && ! editedPostTemplate?.blocks ) {\n\t\t\treturn false;\n\t\t}\n\t\t// When in template editing mode, we can access the blocks directly.\n\t\tif ( editedPostTemplate?.blocks ) {\n\t\t\treturn checkForPostContentAtRootLevel( editedPostTemplate?.blocks );\n\t\t}\n\t\t// If there are no blocks, we have to parse the content string.\n\t\t// Best double-check it's a string otherwise the parse function gets unhappy.\n\t\tconst parseableContent =\n\t\t\ttypeof editedPostTemplate?.content === 'string'\n\t\t\t\t? editedPostTemplate?.content\n\t\t\t\t: '';\n\n\t\treturn (\n\t\t\tcheckForPostContentAtRootLevel( parse( parseableContent ) ) \|\| false\n\t\t);\n\t}, [ editedPostTemplate?.content, editedPostTemplate?.blocks ] );\n\n\tconst { layout = {}, align = '' } = newestPostContentAttributes \|\| {};\n\n\tconst postContentLayoutClasses = useLayoutClasses(\n\t\tnewestPostContentAttributes,\n\t\t'core/post-content'\n\t);\n\n\tconst blockListLayoutClass = classnames(\n\t\t{\n\t\t\t'is-layout-flow': ! themeSupportsLayout,\n\t\t},\n\t\tthemeSupportsLayout && postContentLayoutClasses,\n\t\talign && `align${ align }`\n\t);\n\n\tconst postContentLayoutStyles = useLayoutStyles(\n\t\tnewestPostContentAttributes,\n\t\t'core/post-content',\n\t\t'.block-editor-block-list__layout.is-root-container'\n\t);\n\n\t// Update type for blocks using legacy layouts.\n\tconst postContentLayout = useMemo( () => {\n\t\treturn layout &&\n\t\t\t( layout?.type === 'constrained' \|\|\n\t\t\t\tlayout?.inherit \|\|\n\t\t\t\tlayout?.contentSize \|\|\n\t\t\t\tlayout?.wideSize )\n\t\t\t? { ...globalLayoutSettings, ...layout, type: 'constrained' }\n\t\t\t: { ...globalLayoutSettings, ...layout, type: 'default' };\n\t}, [\n\t\tlayout?.type,\n\t\tlayout?.inherit,\n\t\tlayout?.contentSize,\n\t\tlayout?.wideSize,\n\t\tglobalLayoutSettings,\n\t] );\n\n\t// If there is a Post Content block we use its layout for the block list;\n\t// if not, this must be a classic theme, in which case we use the fallback layout.\n\tconst blockListLayout = postContentAttributes\n\t\t? postContentLayout\n\t\t: fallbackLayout;\n\n\tconst postEditorLayout =\n\t\tblockListLayout?.type === 'default' && ! hasPostContentAtRootLevel\n\t\t\t? fallbackLayout\n\t\t\t: blockListLayout;\n\n\tconst observeTypingRef = useTypingObserver();\n\tconst titleRef = useRef();\n\tuseEffect( () => {\n\t\tif ( ! autoFocus \|\| ! isCleanNewPost() ) {\n\t\t\treturn;\n\t\t}\n\t\ttitleRef?.current?.focus();\n\t}, [ autoFocus, isCleanNewPost ] );\n\n\t// Add some styles for alignwide/alignfull Post Content and its children.\n\tconst alignCSS = `.is-root-container.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}\n\t\t.is-root-container.alignwide:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: var(--wp--style--global--wide-size);}\n\t\t.is-root-container.alignfull { max-width: none; margin-left: auto; margin-right: auto;}\n\t\t.is-root-container.alignfull:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: none;}`;\n\n\tconst localRef = useRef();\n\tconst typewriterRef = useTypewriter();\n\tconst contentRef = useMergeRefs( [\n\t\tlocalRef,\n\t\trenderingMode === 'post-only' ? typewriterRef : noop,\n\t\tuseFlashEditableBlocks( {\n\t\t\tisEnabled: renderingMode === 'template-locked',\n\t\t} ),\n\t] );\n\n\treturn (\n\t\t<BlockCanvas\n\t\t\tshouldIframe={\n\t\t\t\t! disableIframe \|\| [ 'Tablet', 'Mobile' ].includes( deviceType )\n\t\t\t}\n\t\t\tcontentRef={ contentRef }\n\t\t\tstyles={ styles }\n\t\t\theight=\"100%\"\n\t\t\tiframeProps={ {\n\t\t\t\tclassName: classnames( 'editor-canvas__iframe', {\n\t\t\t\t\t'has-editor-padding': showEditorPadding,\n\t\t\t\t} ),\n\t\t\t\t...iframeProps,\n\t\t\t\tstyle: {\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t\t...deviceStyles,\n\t\t\t\t},\n\t\t\t} }\n\t\t>\n\t\t\t{ themeSupportsLayout &&\n\t\t\t\t! themeHasDisabledLayoutStyles &&\n\t\t\t\trenderingMode === 'post-only' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\tselector=\".editor-editor-canvas__post-title-wrapper\"\n\t\t\t\t\t\t\tlayout={ fallbackLayout }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\tselector=\".block-editor-block-list__layout.is-root-container\"\n\t\t\t\t\t\t\tlayout={ postEditorLayout }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ align && <LayoutStyle css={ alignCSS } /> }\n\t\t\t\t\t\t{ postContentLayoutStyles && (\n\t\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\t\tlayout={ postContentLayout }\n\t\t\t\t\t\t\t\tcss={ postContentLayoutStyles }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t{ renderingMode === 'post-only' && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'editor-editor-canvas__post-title-wrapper',\n\t\t\t\t\t\t// The following class is only here for backward comapatibility\n\t\t\t\t\t\t// some themes might be using it to style the post title.\n\t\t\t\t\t\t'edit-post-visual-editor__post-title-wrapper',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-global-padding': hasRootPaddingAwareAlignments,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tcontentEditable={ false }\n\t\t\t\t\tref={ observeTypingRef }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t// This is using inline styles\n\t\t\t\t\t\t// so it's applied for both iframed and non iframed editors.\n\t\t\t\t\t\tmarginTop: '4rem',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PostTitle ref={ titleRef } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<RecursionProvider\n\t\t\t\tblockName={ wrapperBlockName }\n\t\t\t\tuniqueId={ wrapperUniqueId }\n\t\t\t>\n\t\t\t\t<BlockList\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'is-' + deviceType.toLowerCase() + '-preview',\n\t\t\t\t\t\trenderingMode !== 'post-only'\n\t\t\t\t\t\t\t? 'wp-site-blocks'\n\t\t\t\t\t\t\t: `${ blockListLayoutClass } wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.\n\t\t\t\t\t) }\n\t\t\t\t\tlayout={ blockListLayout }\n\t\t\t\t\tdropZoneElement={\n\t\t\t\t\t\t// When iframed, pass in the html element of the iframe to\n\t\t\t\t\t\t// ensure the drop zone extends to the edges of the iframe.\n\t\t\t\t\t\tdisableIframe\n\t\t\t\t\t\t\t? localRef.current\n\t\t\t\t\t\t\t: localRef.current?.parentNode\n\t\t\t\t\t}\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t__unstableDisableDropZone={\n\t\t\t\t\t\t// In template preview mode, disable drop zones at the root of the template.\n\t\t\t\t\t\trenderingMode === 'template-locked' ? true : false\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ renderingMode === 'template-locked' && (\n\t\t\t\t\t<EditTemplateBlocksNotification contentRef={ localRef } />\n\t\t\t\t) }\n\t\t\t</RecursionProvider>\n\t\t\t{ children }\n\t\t</BlockCanvas>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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"}

package/build-module/components/editor-snackbars/index.js CHANGED Viewed

@@ -5,6 +5,9 @@ import { createElement } from "react";
 import { SnackbarList } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
+// Last three notices. Slices from the tail end of the list.
+const MAX_VISIBLE_NOTICES = -3;
 export default function EditorSnackbars() {
   const notices = useSelect(select => select(noticesStore).getNotices(), []);
   const {
@@ -12,7 +15,7 @@ export default function EditorSnackbars() {
   } = useDispatch(noticesStore);
   const snackbarNotices = notices.filter(({
     type
-  }) => type === 'snackbar');
+  }) => type === 'snackbar').slice(MAX_VISIBLE_NOTICES);
   return createElement(SnackbarList, {
     notices: snackbarNotices,
     className: "components-editor-notices__snackbar",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["SnackbarList","useSelect","useDispatch","store","noticesStore","EditorSnackbars","notices","select","getNotices","removeNotice","snackbarNotices","filter","type","createElement","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-snackbars/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function EditorSnackbars() {\n\tconst notices = useSelect(\n\t\t( select ) => select( noticesStore ).getNotices(),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst snackbarNotices = notices~~.filter(~~\n\t\t( { type } ) => type === 'snackbar'\n\t);\n\n\treturn (\n\t\t<SnackbarList\n\t\t\tnotices={ snackbarNotices }\n\t\t\tclassName=\"components-editor-notices__snackbar\"\n\t\t\tonRemove={ removeNotice }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;~~AAE1D~~,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,OAAO,~~GAAGL~~,SAAS,~~CACtBM~~,MAAM,IAAMA,MAAM,~~CAAEH~~,YAAa,CAAC,~~CAACI~~,UAAU,CAAC,CAAC,EACjD,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,~~GAAGP~~,WAAW,CAAEE,YAAa,CAAC;EACpD,~~MAAMM~~,eAAe,GAAGJ,OAAO,~~CAACK~~,MAAM,~~CACrC~~,CAAE;IAAEC;EAAK,CAAC,KAAMA,IAAI,KAAK,~~UAC1B~~,CAAC;~~EAED~~,~~OACCC~~,aAAA,~~CAACb~~,YAAY;~~IACZM~~,OAAO,EAAGI,eAAiB;~~IAC3BI~~,SAAS,EAAC,qCAAqC;IAC/CC,QAAQ,~~EAAGN~~;EAAc,CACzB,CAAC;AAEJ"}
1	+ {"version":3,"names":["SnackbarList","useSelect","useDispatch","store","noticesStore","MAX_VISIBLE_NOTICES","EditorSnackbars","notices","select","getNotices","removeNotice","snackbarNotices","filter","type","slice","createElement","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-snackbars/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n// Last three notices. Slices from the tail end of the list.\nconst MAX_VISIBLE_NOTICES = -3;\n\nexport default function EditorSnackbars() {\n\tconst notices = useSelect(\n\t\t( select ) => select( noticesStore ).getNotices(),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst snackbarNotices = notices\n\t\t.filter( ( { type } ) => type === 'snackbar' )\n\t\t.slice( MAX_VISIBLE_NOTICES );\n\n\treturn (\n\t\t<SnackbarList\n\t\t\tnotices={ snackbarNotices }\n\t\t\tclassName=\"components-editor-notices__snackbar\"\n\t\t\tonRemove={ removeNotice }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA,MAAMC,mBAAmB,GAAG,CAAC,CAAC;AAE9B,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,OAAO,GAAGN,SAAS,CACtBO,MAAM,IAAMA,MAAM,CAAEJ,YAAa,CAAC,CAACK,UAAU,CAAC,CAAC,EACjD,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAGR,WAAW,CAAEE,YAAa,CAAC;EACpD,MAAMO,eAAe,GAAGJ,OAAO,CAC7BK,MAAM,CAAE,CAAE;IAAEC;EAAK,CAAC,KAAMA,IAAI,KAAK,UAAW,CAAC,CAC7CC,KAAK,CAAET,mBAAoB,CAAC;EAE9B,OACCU,aAAA,CAACf,YAAY;IACZO,OAAO,EAAGI,eAAiB;IAC3BK,SAAS,EAAC,qCAAqC;IAC/CC,QAAQ,EAAGP;EAAc,CACzB,CAAC;AAEJ"}

package/build-module/components/entities-saved-states/entity-record-item.js CHANGED Viewed

@@ -34,7 +34,7 @@ export default function EntityRecordItem({
   }, [name, kind, title, key]);
   return createElement(PanelRow, null, createElement(CheckboxControl, {
     __nextHasNoMarginBottom: true,
-    label: createElement("strong", null, decodeEntities(entityRecordTitle) || __('Untitled')),
+    label: decodeEntities(entityRecordTitle) || __('Untitled'),
     checked: checked,
     onChange: onChange
   }));

package/build-module/components/entities-saved-states/entity-record-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["CheckboxControl","PanelRow","__","useSelect","store","coreStore","decodeEntities","editorStore","EntityRecordItem","record","checked","onChange","name","kind","title","key","entityRecordTitle","select","template","getEditedEntityRecord","__experimentalGetTemplateInfo","createElement","__nextHasNoMarginBottom","label"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-record-item.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { CheckboxControl, PanelRow } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport default function EntityRecordItem( { record, checked, onChange } ) {\n\tconst { name, kind, title, key } = record;\n\n\t// Handle templates that might use default descriptive titles.\n\tconst entityRecordTitle = useSelect(\n\t\t( select ) => {\n\t\t\tif ( 'postType' !== kind \|\| 'wp_template' !== name ) {\n\t\t\t\treturn title;\n\t\t\t}\n\n\t\t\tconst template = select( coreStore ).getEditedEntityRecord(\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tkey\n\t\t\t);\n\t\t\treturn select( editorStore ).__experimentalGetTemplateInfo(\n\t\t\t\ttemplate\n\t\t\t).title;\n\t\t},\n\t\t[ name, kind, title, key ]\n\t);\n\n\treturn (\n\t\t<PanelRow>\n\t\t\t<CheckboxControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={\n\t\t\t\t\~~t<strong>\n\t\t\t\t\t\t{ decodeEntities~~( entityRecordTitle ) ~~\|\|\n\t\t\t\t\t\t\t__~~( 'Untitled' ) }\n\t\t\t\t~~\t</strong>\n\t\t\t\t~~}\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</PanelRow>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,uBAAuB;AACjE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,0BAA0B;;AAEzD;AACA;AACA;AACA,SAASF,KAAK,IAAIG,WAAW,QAAQ,aAAa;AAElD,eAAe,SAASC,gBAAgBA,CAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACzE,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGN,MAAM;;EAEzC;EACA,MAAMO,iBAAiB,GAAGb,SAAS,CAChCc,MAAM,IAAM;IACb,IAAK,UAAU,KAAKJ,IAAI,IAAI,aAAa,KAAKD,IAAI,EAAG;MACpD,OAAOE,KAAK;IACb;IAEA,MAAMI,QAAQ,GAAGD,MAAM,CAAEZ,SAAU,CAAC,CAACc,qBAAqB,CACzDN,IAAI,EACJD,IAAI,EACJG,GACD,CAAC;IACD,OAAOE,MAAM,CAAEV,WAAY,CAAC,CAACa,6BAA6B,CACzDF,QACD,CAAC,CAACJ,KAAK;EACR,CAAC,EACD,CAAEF,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,CACzB,CAAC;EAED,OACCM,aAAA,CAACpB,QAAQ,QACRoB,aAAA,CAACrB,eAAe;IACfsB,uBAAuB;IACvBC,KAAK,~~EACJF~~,~~aAAA,iBACGf,~~cAAc,CAAEU,iBAAkB,CAAC,~~IACpCd~~,EAAE,CAAE,UAAW,~~CACT,CACR~~;IACDQ,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA;EAAU,CACrB,CACQ,CAAC;AAEb"}
1	+ {"version":3,"names":["CheckboxControl","PanelRow","__","useSelect","store","coreStore","decodeEntities","editorStore","EntityRecordItem","record","checked","onChange","name","kind","title","key","entityRecordTitle","select","template","getEditedEntityRecord","__experimentalGetTemplateInfo","createElement","__nextHasNoMarginBottom","label"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-record-item.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { CheckboxControl, PanelRow } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport default function EntityRecordItem( { record, checked, onChange } ) {\n\tconst { name, kind, title, key } = record;\n\n\t// Handle templates that might use default descriptive titles.\n\tconst entityRecordTitle = useSelect(\n\t\t( select ) => {\n\t\t\tif ( 'postType' !== kind \|\| 'wp_template' !== name ) {\n\t\t\t\treturn title;\n\t\t\t}\n\n\t\t\tconst template = select( coreStore ).getEditedEntityRecord(\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tkey\n\t\t\t);\n\t\t\treturn select( editorStore ).__experimentalGetTemplateInfo(\n\t\t\t\ttemplate\n\t\t\t).title;\n\t\t},\n\t\t[ name, kind, title, key ]\n\t);\n\n\treturn (\n\t\t<PanelRow>\n\t\t\t<CheckboxControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={\n\t\t\t\t\tdecodeEntities( entityRecordTitle ) \|\| __( 'Untitled' )\n\t\t\t\t}\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</PanelRow>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,uBAAuB;AACjE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,0BAA0B;;AAEzD;AACA;AACA;AACA,SAASF,KAAK,IAAIG,WAAW,QAAQ,aAAa;AAElD,eAAe,SAASC,gBAAgBA,CAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACzE,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGN,MAAM;;EAEzC;EACA,MAAMO,iBAAiB,GAAGb,SAAS,CAChCc,MAAM,IAAM;IACb,IAAK,UAAU,KAAKJ,IAAI,IAAI,aAAa,KAAKD,IAAI,EAAG;MACpD,OAAOE,KAAK;IACb;IAEA,MAAMI,QAAQ,GAAGD,MAAM,CAAEZ,SAAU,CAAC,CAACc,qBAAqB,CACzDN,IAAI,EACJD,IAAI,EACJG,GACD,CAAC;IACD,OAAOE,MAAM,CAAEV,WAAY,CAAC,CAACa,6BAA6B,CACzDF,QACD,CAAC,CAACJ,KAAK;EACR,CAAC,EACD,CAAEF,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,CACzB,CAAC;EAED,OACCM,aAAA,CAACpB,QAAQ,QACRoB,aAAA,CAACrB,eAAe;IACfsB,uBAAuB;IACvBC,KAAK,EACJjB,cAAc,CAAEU,iBAAkB,CAAC,IAAId,EAAE,CAAE,UAAW,CACtD;IACDQ,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA;EAAU,CACrB,CACQ,CAAC;AAEb"}

package/build-module/components/entities-saved-states/entity-type-list.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "react";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -26,7 +26,7 @@ function getEntityDescription(entity, count) {
       return __('This change will affect pages and posts that use this template.');
     case 'page':
     case 'post':
-      return __('The following content has been modified.');
+      return __('The following has been modified.');
   }
 }
 function GlobalStylesDescription({
@@ -39,18 +39,16 @@ function GlobalStylesDescription({
   const globalStylesChanges = getGlobalStylesChanges(currentEditorGlobalStyles, savedRecord, {
     maxResults: 10
   });
-  return globalStylesChanges.length ? createElement(Fragment, null, createElement("h3", {
-    className: "entities-saved-states__description-heading"
-  }, __('Changes made to:')), createElement(PanelRow, null, globalStylesChanges.join(', '))) : null;
+  return globalStylesChanges.length ? createElement(PanelRow, {
+    className: "entities-saved-states__change-summary"
+  }, globalStylesChanges.join(', '), ".") : null;
 }
 function EntityDescription({
   record,
   count
 }) {
   if ('globalStyles' === record?.name) {
-    return createElement(GlobalStylesDescription, {
-      record: record
-    });
+    return null;
   }
   const description = getEntityDescription(record?.name, count);
   return description ? createElement(PanelRow, null, description) : null;
@@ -80,6 +78,8 @@ export default function EntityTypeList({
       checked: !unselectedEntities.some(elt => elt.kind === record.kind && elt.name === record.name && elt.key === record.key && elt.property === record.property),
       onChange: value => setUnselectedEntities(record, value)
     });
+  }), 'globalStyles' === firstRecord?.name && createElement(GlobalStylesDescription, {
+    record: firstRecord
   }));
 }
 //# sourceMappingURL=entity-type-list.js.map

package/build-module/components/entities-saved-states/entity-type-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","useSelect","PanelBody","PanelRow","store","coreStore","privateApis","blockEditorPrivateApis","useContext","EntityRecordItem","unlock","getGlobalStylesChanges","GlobalStylesContext","getEntityDescription","entity","count","GlobalStylesDescription","record","user","currentEditorGlobalStyles","savedRecord","select","getEntityRecord","kind","name","key","globalStylesChanges","maxResults","length","createElement","~~Fragment","~~className","join","EntityDescription","description","EntityTypeList","list","unselectedEntities","setUnselectedEntities","firstRecord","entityConfig","getEntityConfig","entityLabel","label","title","initialOpen","map","property","checked","some","elt","onChange","value"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-type-list.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport EntityRecordItem from './entity-record-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { getGlobalStylesChanges, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction getEntityDescription( entity, count ) {\n\tswitch ( entity ) {\n\t\tcase 'site':\n\t\t\treturn 1 === count\n\t\t\t\t? __( 'This change will affect your whole site.' )\n\t\t\t\t: __( 'These changes will affect your whole site.' );\n\t\tcase 'wp_template':\n\t\t\treturn __(\n\t\t\t\t'This change will affect pages and posts that use this template.'\n\t\t\t);\n\t\tcase 'page':\n\t\tcase 'post':\n\t\t\treturn __( 'The following ~~content~~ has been modified.' );\n\t}\n}\n\nfunction GlobalStylesDescription( { record } ) {\n\tconst { user: currentEditorGlobalStyles } =\n\t\tuseContext( GlobalStylesContext );\n\tconst savedRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\trecord.kind,\n\t\t\t\trecord.name,\n\t\t\t\trecord.key\n\t\t\t),\n\t\t[ record.kind, record.name, record.key ]\n\t);\n\n\tconst globalStylesChanges = getGlobalStylesChanges(\n\t\tcurrentEditorGlobalStyles,\n\t\tsavedRecord,\n\t\t{\n\t\t\tmaxResults: 10,\n\t\t}\n\t);\n\treturn globalStylesChanges.length ? (\n\t\t~~<>\n\t\t\t~~<h3 className=\"entities-saved-~~states__description~~-~~heading~~\">\n\t\t\t\t{ ~~__( 'Changes made to:' ) }\n\t\t\t</h3>\n\t\t\t<PanelRow>{~~ globalStylesChanges.join( ', ' ) }~~</PanelRow>\~~n\t\t~~</>\~~n\t) : null;\n}\n\nfunction EntityDescription( { record, count } ) {\n\tif ( 'globalStyles' === record?.name ) {\n\t\treturn ~~<GlobalStylesDescription record={ record } />;\~~n\t}\n\tconst description = getEntityDescription( record?.name, count );\n\treturn description ? <PanelRow>{ description }</PanelRow> : null;\n}\n\nexport default function EntityTypeList( {\n\tlist,\n\tunselectedEntities,\n\tsetUnselectedEntities,\n} ) {\n\tconst count = list.length;\n\tconst firstRecord = list[ 0 ];\n\tconst entityConfig = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityConfig(\n\t\t\t\tfirstRecord.kind,\n\t\t\t\tfirstRecord.name\n\t\t\t),\n\t\t[ firstRecord.kind, firstRecord.name ]\n\t);\n\n\tlet entityLabel = entityConfig.label;\n\tif ( firstRecord?.name === 'wp_template_part' ) {\n\t\tentityLabel =\n\t\t\t1 === count ? __( 'Template Part' ) : __( 'Template Parts' );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ entityLabel } initialOpen={ true }>\n\t\t\t<EntityDescription record={ firstRecord } count={ count } />\n\t\t\t{ list.map( ( record ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityRecordItem\n\t\t\t\t\t\tkey={ record.key \|\| record.property }\n\t\t\t\t\t\trecord={ record }\n\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t! unselectedEntities.some(\n\t\t\t\t\t\t\t\t( elt ) =>\n\t\t\t\t\t\t\t\t\telt.kind === record.kind &&\n\t\t\t\t\t\t\t\t\telt.name === record.name &&\n\t\t\t\t\t\t\t\t\telt.key === record.key &&\n\t\t\t\t\t\t\t\t\telt.property === record.property\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetUnselectedEntities( record, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,uBAAuB;AAC3D,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC,sBAAsB;EAAEC;AAAoB,CAAC,GAAGF,MAAM,CAC7DH,sBACD,CAAC;AAED,SAASM,oBAAoBA,CAAEC,MAAM,EAAEC,KAAK,EAAG;EAC9C,QAASD,MAAM;IACd,KAAK,MAAM;MACV,OAAO,CAAC,KAAKC,KAAK,GACff,EAAE,CAAE,0CAA2C,CAAC,GAChDA,EAAE,CAAE,4CAA6C,CAAC;IACtD,KAAK,aAAa;MACjB,OAAOA,EAAE,CACR,iEACD,CAAC;IACF,KAAK,MAAM;IACX,KAAK,MAAM;MACV,OAAOA,EAAE,CAAE,~~0CAA2C~~,CAAC;~~EACzD~~;AACD;AAEA,SAASgB,uBAAuBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAC9C,MAAM;IAAEC,IAAI,EAAEC;EAA0B,CAAC,GACxCX,UAAU,CAAEI,mBAAoB,CAAC;EAClC,MAAMQ,WAAW,GAAGnB,SAAS,CAC1BoB,MAAM,IACPA,MAAM,CAAEhB,SAAU,CAAC,CAACiB,eAAe,CAClCL,MAAM,CAACM,IAAI,EACXN,MAAM,CAACO,IAAI,EACXP,MAAM,CAACQ,GACR,CAAC,EACF,CAAER,MAAM,CAACM,IAAI,EAAEN,MAAM,CAACO,IAAI,EAAEP,MAAM,CAACQ,GAAG,CACvC,CAAC;EAED,MAAMC,mBAAmB,GAAGf,sBAAsB,CACjDQ,yBAAyB,EACzBC,WAAW,EACX;IACCO,UAAU,EAAE;EACb,CACD,CAAC;EACD,OAAOD,mBAAmB,CAACE,MAAM,GAChCC,aAAA,~~CAAAC~~,~~QAAA,QACCD,aAAA~~;~~IAAIE~~,SAAS,EAAC;~~EAA4C~~,~~GACvD/B~~,~~EAAE,CAAE,kBAAmB,CACtB,CAAC,EACL6B,aAAA,CAAC1B,QAAQ,QAAGuB,~~mBAAmB,~~CAACM~~,IAAI,CAAE,IAAK,~~CAAa~~,~~CACvD~~,CAAC,~~GACA~~,IAAI;AACT;AAEA,SAASC,iBAAiBA,CAAE;~~EAAEhB~~,MAAM;EAAEF;AAAM,CAAC,EAAG;EAC/C,IAAK,cAAc,KAAKE,MAAM,EAAEO,IAAI,EAAG;IACtC,~~OAAOK~~,~~aAAA,CAACb,uBAAuB~~;~~MAACC,MAAM,EAAGA~~;~~IAAQ,CAAE,CAAC;EACrD;~~EACA,~~MAAMiB~~,WAAW,~~GAAGrB~~,oBAAoB,CAAEI,MAAM,EAAEO,IAAI,EAAET,KAAM,CAAC;EAC/D,~~OAAOmB~~,WAAW,~~GAAGL~~,aAAA,CAAC1B,QAAQ,~~QAAG+B~~,WAAuB,CAAC,GAAG,IAAI;AACjE;AAEA,eAAe,SAASC,cAAcA,CAAE;EACvCC,IAAI;EACJC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,~~MAAMvB~~,KAAK,~~GAAGqB~~,IAAI,~~CAACR~~,MAAM;EACzB,~~MAAMW~~,WAAW,GAAGH,IAAI,CAAE,CAAC,CAAE;EAC7B,MAAMI,YAAY,~~GAAGvC~~,SAAS,CAC3BoB,MAAM,IACPA,MAAM,CAAEhB,SAAU,CAAC,~~CAACoC~~,eAAe,CAClCF,WAAW,~~CAAChB~~,IAAI,~~EAChBgB~~,WAAW,~~CAACf~~,IACb,CAAC,EACF,~~CAAEe~~,WAAW,~~CAAChB~~,IAAI,~~EAAEgB~~,WAAW,~~CAACf~~,IAAI,CACrC,CAAC;EAED,~~IAAIkB~~,WAAW,GAAGF,YAAY,CAACG,KAAK;EACpC,IAAKJ,WAAW,~~EAAEf~~,IAAI,KAAK,kBAAkB,EAAG;IAC/~~CkB~~,WAAW,GACV,CAAC,~~KAAK3B~~,KAAK,GAAGf,EAAE,CAAE,eAAgB,CAAC,GAAGA,EAAE,CAAE,gBAAiB,CAAC;EAC9D;EAEA,OACC6B,aAAA,CAAC3B,SAAS;~~IAAC0C~~,KAAK,EAAGF,WAAa;IAACG,WAAW,EAAG;EAAM,~~GACpDhB~~,aAAA,~~CAACI~~,iBAAiB;~~IAAChB~~,MAAM,~~EAAGsB~~,WAAa;~~IAACxB~~,KAAK,EAAGA;EAAO,CAAE,CAAC,~~EAC1DqB~~,IAAI,CAACU,GAAG,~~CAAI7B~~,MAAM,IAAM;IACzB,OACCY,aAAA,CAACpB,gBAAgB;MAChBgB,GAAG,EAAGR,MAAM,CAACQ,GAAG,IAAIR,MAAM,~~CAAC8B~~,QAAU;~~MACrC9B~~,MAAM,EAAGA,MAAQ;~~MACjB+B~~,OAAO,EACN,CAAEX,kBAAkB,CAACY,IAAI,CACtBC,GAAG,IACJA,GAAG,~~CAAC3B~~,IAAI,KAAKN,MAAM,CAACM,IAAI,~~IACxB2B~~,GAAG,~~CAAC1B~~,IAAI,KAAKP,MAAM,CAACO,IAAI,~~IACxB0B~~,GAAG,~~CAACzB~~,GAAG,KAAKR,MAAM,CAACQ,GAAG,~~IACtByB~~,GAAG,CAACH,QAAQ,~~KAAK9B~~,MAAM,~~CAAC8B~~,QAC1B,CACA;MACDI,QAAQ,EAAKC,KAAK,IACjBd,qBAAqB,~~CAAErB~~,MAAM,~~EAAEmC~~,KAAM;IACrC,CACD,CAAC;EAEJ,CAAE,~~CACQ~~,CAAC;AAEd"}
1	+ {"version":3,"names":["__","useSelect","PanelBody","PanelRow","store","coreStore","privateApis","blockEditorPrivateApis","useContext","EntityRecordItem","unlock","getGlobalStylesChanges","GlobalStylesContext","getEntityDescription","entity","count","GlobalStylesDescription","record","user","currentEditorGlobalStyles","savedRecord","select","getEntityRecord","kind","name","key","globalStylesChanges","maxResults","length","createElement","className","join","EntityDescription","description","EntityTypeList","list","unselectedEntities","setUnselectedEntities","firstRecord","entityConfig","getEntityConfig","entityLabel","label","title","initialOpen","map","property","checked","some","elt","onChange","value"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-type-list.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport EntityRecordItem from './entity-record-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { getGlobalStylesChanges, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction getEntityDescription( entity, count ) {\n\tswitch ( entity ) {\n\t\tcase 'site':\n\t\t\treturn 1 === count\n\t\t\t\t? __( 'This change will affect your whole site.' )\n\t\t\t\t: __( 'These changes will affect your whole site.' );\n\t\tcase 'wp_template':\n\t\t\treturn __(\n\t\t\t\t'This change will affect pages and posts that use this template.'\n\t\t\t);\n\t\tcase 'page':\n\t\tcase 'post':\n\t\t\treturn __( 'The following has been modified.' );\n\t}\n}\n\nfunction GlobalStylesDescription( { record } ) {\n\tconst { user: currentEditorGlobalStyles } =\n\t\tuseContext( GlobalStylesContext );\n\tconst savedRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\trecord.kind,\n\t\t\t\trecord.name,\n\t\t\t\trecord.key\n\t\t\t),\n\t\t[ record.kind, record.name, record.key ]\n\t);\n\n\tconst globalStylesChanges = getGlobalStylesChanges(\n\t\tcurrentEditorGlobalStyles,\n\t\tsavedRecord,\n\t\t{\n\t\t\tmaxResults: 10,\n\t\t}\n\t);\n\treturn globalStylesChanges.length ? (\n\t\t<PanelRow className=\"entities-saved-states__change-summary\">\n\t\t\t{ globalStylesChanges.join( ', ' ) }.\n\t\t</PanelRow>\n\t) : null;\n}\n\nfunction EntityDescription( { record, count } ) {\n\tif ( 'globalStyles' === record?.name ) {\n\t\treturn null;\n\t}\n\tconst description = getEntityDescription( record?.name, count );\n\treturn description ? <PanelRow>{ description }</PanelRow> : null;\n}\n\nexport default function EntityTypeList( {\n\tlist,\n\tunselectedEntities,\n\tsetUnselectedEntities,\n} ) {\n\tconst count = list.length;\n\tconst firstRecord = list[ 0 ];\n\tconst entityConfig = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityConfig(\n\t\t\t\tfirstRecord.kind,\n\t\t\t\tfirstRecord.name\n\t\t\t),\n\t\t[ firstRecord.kind, firstRecord.name ]\n\t);\n\n\tlet entityLabel = entityConfig.label;\n\tif ( firstRecord?.name === 'wp_template_part' ) {\n\t\tentityLabel =\n\t\t\t1 === count ? __( 'Template Part' ) : __( 'Template Parts' );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ entityLabel } initialOpen={ true }>\n\t\t\t<EntityDescription record={ firstRecord } count={ count } />\n\t\t\t{ list.map( ( record ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityRecordItem\n\t\t\t\t\t\tkey={ record.key \|\| record.property }\n\t\t\t\t\t\trecord={ record }\n\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t! unselectedEntities.some(\n\t\t\t\t\t\t\t\t( elt ) =>\n\t\t\t\t\t\t\t\t\telt.kind === record.kind &&\n\t\t\t\t\t\t\t\t\telt.name === record.name &&\n\t\t\t\t\t\t\t\t\telt.key === record.key &&\n\t\t\t\t\t\t\t\t\telt.property === record.property\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetUnselectedEntities( record, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ 'globalStyles' === firstRecord?.name && (\n\t\t\t\t<GlobalStylesDescription record={ firstRecord } />\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/entities-saved-states/index.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { createElement } from "react";
  * WordPress dependencies
  */
 import { Button, Flex, FlexItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { __, _n, sprintf } from '@wordpress/i18n';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { useCallback, useRef } from '@wordpress/element';
+import { useCallback, useRef, createInterpolateElement } from '@wordpress/element';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { __experimentalUseDialog as useDialog } from '@wordpress/compose';
@@ -172,7 +172,10 @@ export function EntitiesSavedStatesExtensible({
     className: "entities-saved-states__text-prompt"
   }, createElement("strong", {
     className: "entities-saved-states__text-prompt--header"
-  }, __('Are you ready to save?')), additionalPrompt, createElement("p", null, isDirty ? __('The following changes have been made to your site, templates, and content.') : __('Select the items you want to save.'))), sortedPartitionedSavables.map(list => {
+  }, __('Are you ready to save?')), additionalPrompt, createElement("p", null, isDirty ? createInterpolateElement(sprintf( /* translators: %d: number of site changes waiting to be saved. */
+  _n('There is <strong>%d site change</strong> waiting to be saved.', 'There are <strong>%d site changes</strong> waiting to be saved.', sortedPartitionedSavables.length), sortedPartitionedSavables.length), {
+    strong: createElement("strong", null)
+  }) : __('Select the items you want to save.'))), sortedPartitionedSavables.map(list => {
     return createElement(EntityTypeList, {
       key: list[0].name,
       list: list,