@wordpress/editor 13.24.0 → 13.25.0

package/build-module/components/document-bar/index.js

@@ -0,0 +1,144 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import { __, isRTL, sprintf } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { Button, __experimentalText as Text, __experimentalHStack as HStack } from '@wordpress/components';
+import { BlockIcon } from '@wordpress/block-editor';
+import { chevronLeftSmall, chevronRightSmall, page as pageIcon, navigation as navigationIcon, symbol } from '@wordpress/icons';
+import { displayShortcut } from '@wordpress/keycodes';
+import { useEntityRecord } from '@wordpress/core-data';
+import { store as commandsStore } from '@wordpress/commands';
+import { useState, useEffect, useRef } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { store as editorStore } from '../../store';
+const typeLabels = {
+  // translators: 1: Pattern title.
+  wp_pattern: __('Editing pattern: %s'),
+  // translators: 1: Navigation menu title.
+  wp_navigation: __('Editing navigation menu: %s'),
+  // translators: 1: Template title.
+  wp_template: __('Editing template: %s'),
+  // translators: 1: Template part title.
+  wp_template_part: __('Editing template part: %s')
+};
+const icons = {
+  wp_block: symbol,
+  wp_navigation: navigationIcon
+};
+export default function DocumentBar() {
+  const {
+    isEditingTemplate,
+    templateId,
+    postType,
+    postId
+  } = useSelect(select => {
+    const {
+      getRenderingMode,
+      getCurrentTemplateId,
+      getCurrentPostId,
+      getCurrentPostType
+    } = select(editorStore);
+    const _templateId = getCurrentTemplateId();
+    return {
+      isEditingTemplate: !!_templateId && getRenderingMode() === 'template-only',
+      templateId: _templateId,
+      postType: getCurrentPostType(),
+      postId: getCurrentPostId()
+    };
+  }, []);
+  const {
+    getEditorSettings
+  } = useSelect(editorStore);
+  const {
+    setRenderingMode
+  } = useDispatch(editorStore);
+  return createElement(BaseDocumentActions, {
+    postType: isEditingTemplate ? 'wp_template' : postType,
+    postId: isEditingTemplate ? templateId : postId,
+    onBack: isEditingTemplate ? () => setRenderingMode(getEditorSettings().defaultRenderingMode) : undefined
+  });
+}
+function BaseDocumentActions({
+  postType,
+  postId,
+  onBack
+}) {
+  var _icons$postType;
+  const {
+    open: openCommandCenter
+  } = useDispatch(commandsStore);
+  const {
+    editedRecord: doc,
+    isResolving
+  } = useEntityRecord('postType', postType, postId);
+  const {
+    templateIcon,
+    templateTitle
+  } = useSelect(select => {
+    const {
+      __experimentalGetTemplateInfo: getTemplateInfo
+    } = select(editorStore);
+    const templateInfo = getTemplateInfo(doc);
+    return {
+      templateIcon: templateInfo.icon,
+      templateTitle: templateInfo.title
+    };
+  });
+  const isNotFound = !doc && !isResolving;
+  const icon = (_icons$postType = icons[postType]) !== null && _icons$postType !== void 0 ? _icons$postType : pageIcon;
+  const [isAnimated, setIsAnimated] = useState(false);
+  const isMounting = useRef(true);
+  const isTemplate = ['wp_template', 'wp_template_part'].includes(postType);
+  const isGlobalEntity = ['wp_template', 'wp_navigation', 'wp_template_part', 'wp_block'].includes(postType);
+  useEffect(() => {
+    if (!isMounting.current) {
+      setIsAnimated(true);
+    }
+    isMounting.current = false;
+  }, [postType, postId]);
+  const title = isTemplate ? templateTitle : doc.title;
+  return createElement("div", {
+    className: classnames('editor-document-bar', {
+      'has-back-button': !!onBack,
+      'is-animated': isAnimated,
+      'is-global': isGlobalEntity
+    })
+  }, onBack && createElement(Button, {
+    className: "editor-document-bar__back",
+    icon: isRTL() ? chevronRightSmall : chevronLeftSmall,
+    onClick: event => {
+      event.stopPropagation();
+      onBack();
+    },
+    size: "compact"
+  }, __('Back')), isNotFound && createElement(Text, null, __('Document not found')), !isNotFound && createElement(Button, {
+    className: "editor-document-bar__command",
+    onClick: () => openCommandCenter(),
+    size: "compact"
+  }, createElement(HStack, {
+    className: "editor-document-bar__title",
+    spacing: 1,
+    justify: "center"
+  }, createElement(BlockIcon, {
+    icon: isTemplate ? templateIcon : icon
+  }), createElement(Text, {
+    size: "body",
+    as: "h1",
+    "aria-label": typeLabels[postType] ?
+    // eslint-disable-next-line @wordpress/valid-sprintf
+    sprintf(typeLabels[postType], title) : undefined
+  }, title)), createElement("span", {
+    className: "editor-document-bar__shortcut"
+  }, displayShortcut.primary('k'))));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","select","getRenderingMode","getCurrentTemplateId","getCurrentPostId","getCurrentPostType","_templateId","getEditorSettings","setRenderingMode","createElement","BaseDocumentActions","onBack","defaultRenderingMode","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 { isEditingTemplate, templateId, postType, postId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetRenderingMode,\n\t\t\t\tgetCurrentTemplateId,\n\t\t\t\tgetCurrentPostId,\n\t\t\t\tgetCurrentPostType,\n\t\t\t} = select( editorStore );\n\t\t\tconst _templateId = getCurrentTemplateId();\n\t\t\treturn {\n\t\t\t\tisEditingTemplate:\n\t\t\t\t\t!! _templateId && getRenderingMode() === 'template-only',\n\t\t\t\ttemplateId: _templateId,\n\t\t\t\tpostType: getCurrentPostType(),\n\t\t\t\tpostId: getCurrentPostId(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { getEditorSettings } = useSelect( editorStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\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={\n\t\t\t\tisEditingTemplate\n\t\t\t\t\t? () =>\n\t\t\t\t\t\t\tsetRenderingMode(\n\t\t\t\t\t\t\t\tgetEditorSettings().defaultRenderingMode\n\t\t\t\t\t\t\t)\n\t\t\t\t\t: 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

@@ -0,0 +1,100 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useEffect, useState, useRef } from '@wordpress/element';
+import { store as noticesStore } from '@wordpress/notices';
+import { __ } from '@wordpress/i18n';
+import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { store as editorStore } from '../../store';
+
+/**
+ * Component that:
+ *
+ * - Displays a 'Edit your template to edit this block' notification when the
+ *   user is focusing on editing page content and clicks on a disabled template
+ *   block.
+ * - Displays a 'Edit your template to edit this block' dialog when the user
+ *   is focusing on editing page conetnt and double clicks on a disabled
+ *   template block.
+ *
+ * @param {Object}                                 props
+ * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block
+ *                                                                  editor iframe canvas.
+ */
+export default function EditTemplateBlocksNotification({
+  contentRef
+}) {
+  const renderingMode = useSelect(select => select(editorStore).getRenderingMode(), []);
+  const {
+    getNotices
+  } = useSelect(noticesStore);
+  const {
+    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;
+      }
+      const isNoticeAlreadyShowing = getNotices().some(notice => notice.id === lastNoticeId.current);
+      if (isNoticeAlreadyShowing) {
+        return;
+      }
+      const {
+        notice
+      } = await createInfoNotice(__('Edit your template to edit this block.'), {
+        isDismissible: true,
+        type: 'snackbar',
+        actions: [{
+          label: __('Edit template'),
+          onClick: () => setRenderingMode('template-only')
+        }]
+      });
+      lastNoticeId.current = notice.id;
+    };
+    const handleDblClick = event => {
+      if (renderingMode !== 'template-locked') {
+        return;
+      }
+      if (!event.target.classList.contains('is-root-container')) {
+        return;
+      }
+      if (lastNoticeId.current) {
+        removeNotice(lastNoticeId.current);
+      }
+      setIsDialogOpen(true);
+    };
+    const canvas = contentRef.current;
+    canvas?.addEventListener('click', handleClick);
+    canvas?.addEventListener('dblclick', handleDblClick);
+    return () => {
+      canvas?.removeEventListener('click', handleClick);
+      canvas?.removeEventListener('dblclick', handleDblClick);
+    };
+  }, [lastNoticeId, renderingMode, contentRef.current]);
+  return createElement(ConfirmDialog, {
+    isOpen: isDialogOpen,
+    confirmButtonText: __('Edit template'),
+    onConfirm: () => {
+      setIsDialogOpen(false);
+      setRenderingMode('template-only');
+    },
+    onCancel: () => setIsDialogOpen(false)
+  }, __('Edit your template to edit this block.'));
+}
+//# sourceMappingURL=edit-template-blocks-notification.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,283 @@
+import { createElement, Fragment } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import { BlockList, store as blockEditorStore, __unstableUseTypewriter as useTypewriter, __unstableUseTypingObserver as useTypingObserver, useSettings, __experimentalRecursionProvider as RecursionProvider, privateApis as blockEditorPrivateApis, __experimentalUseResizeCanvas as useResizeCanvas } from '@wordpress/block-editor';
+import { useEffect, useRef, useMemo } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
+import { parse } from '@wordpress/blocks';
+import { store as coreStore } from '@wordpress/core-data';
+import { useMergeRefs } from '@wordpress/compose';
+
+/**
+ * Internal dependencies
+ */
+import PostTitle from '../post-title';
+import { store as editorStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+import EditTemplateBlocksNotification from './edit-template-blocks-notification';
+const {
+  LayoutStyle,
+  useLayoutClasses,
+  useLayoutStyles,
+  ExperimentalBlockCanvas: BlockCanvas
+} = unlock(blockEditorPrivateApis);
+
+/**
+ * Given an array of nested blocks, find the first Post Content
+ * block inside it, recursing through any nesting levels,
+ * and return its attributes.
+ *
+ * @param {Array} blocks A list of blocks.
+ *
+ * @return {Object | undefined} The Post Content block.
+ */
+function getPostContentAttributes(blocks) {
+  for (let i = 0; i < blocks.length; i++) {
+    if (blocks[i].name === 'core/post-content') {
+      return blocks[i].attributes;
+    }
+    if (blocks[i].innerBlocks.length) {
+      const nestedPostContent = getPostContentAttributes(blocks[i].innerBlocks);
+      if (nestedPostContent) {
+        return nestedPostContent;
+      }
+    }
+  }
+}
+function checkForPostContentAtRootLevel(blocks) {
+  for (let i = 0; i < blocks.length; i++) {
+    if (blocks[i].name === 'core/post-content') {
+      return true;
+    }
+  }
+  return false;
+}
+function EditorCanvas({
+  // Ideally as we unify post and site editors, we won't need these props.
+  autoFocus,
+  className,
+  renderAppender,
+  styles,
+  disableIframe = false,
+  iframeProps,
+  children
+}) {
+  const {
+    renderingMode,
+    postContentAttributes,
+    editedPostTemplate = {},
+    wrapperBlockName,
+    wrapperUniqueId,
+    deviceType
+  } = useSelect(select => {
+    const {
+      getCurrentPostId,
+      getCurrentPostType,
+      getCurrentTemplateId,
+      getEditorSettings,
+      getRenderingMode,
+      getDeviceType
+    } = select(editorStore);
+    const {
+      getPostType,
+      canUser,
+      getEditedEntityRecord
+    } = select(coreStore);
+    const postTypeSlug = getCurrentPostType();
+    const _renderingMode = getRenderingMode();
+    let _wrapperBlockName;
+    if (postTypeSlug === 'wp_block') {
+      _wrapperBlockName = 'core/block';
+    } else if (!_renderingMode === 'post-only') {
+      _wrapperBlockName = 'core/post-content';
+    }
+    const editorSettings = getEditorSettings();
+    const supportsTemplateMode = editorSettings.supportsTemplateMode;
+    const postType = getPostType(postTypeSlug);
+    const canEditTemplate = canUser('create', 'templates');
+    const currentTemplateId = getCurrentTemplateId();
+    const template = currentTemplateId ? getEditedEntityRecord('postType', 'wp_template', currentTemplateId) : undefined;
+    return {
+      renderingMode: _renderingMode,
+      postContentAttributes: getEditorSettings().postContentAttributes,
+      // Post template fetch returns a 404 on classic themes, which
+      // messes with e2e tests, so check it's a block theme first.
+      editedPostTemplate: postType?.viewable && supportsTemplateMode && canEditTemplate ? template : undefined,
+      wrapperBlockName: _wrapperBlockName,
+      wrapperUniqueId: getCurrentPostId(),
+      deviceType: getDeviceType()
+    };
+  }, []);
+  const {
+    isCleanNewPost
+  } = useSelect(editorStore);
+  const {
+    hasRootPaddingAwareAlignments,
+    themeHasDisabledLayoutStyles,
+    themeSupportsLayout
+  } = useSelect(select => {
+    const _settings = select(blockEditorStore).getSettings();
+    return {
+      themeHasDisabledLayoutStyles: _settings.disableLayoutStyles,
+      themeSupportsLayout: _settings.supportsLayout,
+      hasRootPaddingAwareAlignments: _settings.__experimentalFeatures?.useRootPaddingAwareAlignments
+    };
+  }, []);
+  const deviceStyles = useResizeCanvas(deviceType);
+  const [globalLayoutSettings] = useSettings('layout');
+
+  // fallbackLayout is used if there is no Post Content,
+  // and for Post Title.
+  const fallbackLayout = useMemo(() => {
+    if (renderingMode !== 'post-only') {
+      return {
+        type: 'default'
+      };
+    }
+    if (themeSupportsLayout) {
+      // We need to ensure support for wide and full alignments,
+      // so we add the constrained type.
+      return {
+        ...globalLayoutSettings,
+        type: 'constrained'
+      };
+    }
+    // Set default layout for classic themes so all alignments are supported.
+    return {
+      type: 'default'
+    };
+  }, [renderingMode, themeSupportsLayout, globalLayoutSettings]);
+  const newestPostContentAttributes = useMemo(() => {
+    if (!editedPostTemplate?.content && !editedPostTemplate?.blocks && postContentAttributes) {
+      return postContentAttributes;
+    }
+    // When in template editing mode, we can access the blocks directly.
+    if (editedPostTemplate?.blocks) {
+      return getPostContentAttributes(editedPostTemplate?.blocks);
+    }
+    // If there are no blocks, we have to parse the content string.
+    // Best double-check it's a string otherwise the parse function gets unhappy.
+    const parseableContent = typeof editedPostTemplate?.content === 'string' ? editedPostTemplate?.content : '';
+    return getPostContentAttributes(parse(parseableContent)) || {};
+  }, [editedPostTemplate?.content, editedPostTemplate?.blocks, postContentAttributes]);
+  const hasPostContentAtRootLevel = useMemo(() => {
+    if (!editedPostTemplate?.content && !editedPostTemplate?.blocks) {
+      return false;
+    }
+    // When in template editing mode, we can access the blocks directly.
+    if (editedPostTemplate?.blocks) {
+      return checkForPostContentAtRootLevel(editedPostTemplate?.blocks);
+    }
+    // If there are no blocks, we have to parse the content string.
+    // Best double-check it's a string otherwise the parse function gets unhappy.
+    const parseableContent = typeof editedPostTemplate?.content === 'string' ? editedPostTemplate?.content : '';
+    return checkForPostContentAtRootLevel(parse(parseableContent)) || false;
+  }, [editedPostTemplate?.content, editedPostTemplate?.blocks]);
+  const {
+    layout = {},
+    align = ''
+  } = newestPostContentAttributes || {};
+  const postContentLayoutClasses = useLayoutClasses(newestPostContentAttributes, 'core/post-content');
+  const blockListLayoutClass = classnames({
+    'is-layout-flow': !themeSupportsLayout
+  }, themeSupportsLayout && postContentLayoutClasses, align && `align${align}`);
+  const postContentLayoutStyles = useLayoutStyles(newestPostContentAttributes, 'core/post-content', '.block-editor-block-list__layout.is-root-container');
+
+  // Update type for blocks using legacy layouts.
+  const postContentLayout = useMemo(() => {
+    return layout && (layout?.type === 'constrained' || layout?.inherit || layout?.contentSize || layout?.wideSize) ? {
+      ...globalLayoutSettings,
+      ...layout,
+      type: 'constrained'
+    } : {
+      ...globalLayoutSettings,
+      ...layout,
+      type: 'default'
+    };
+  }, [layout?.type, layout?.inherit, layout?.contentSize, layout?.wideSize, globalLayoutSettings]);
+
+  // If there is a Post Content block we use its layout for the block list;
+  // if not, this must be a classic theme, in which case we use the fallback layout.
+  const blockListLayout = postContentAttributes ? postContentLayout : fallbackLayout;
+  const postEditorLayout = blockListLayout?.type === 'default' && !hasPostContentAtRootLevel ? fallbackLayout : blockListLayout;
+  const observeTypingRef = useTypingObserver();
+  const titleRef = useRef();
+  useEffect(() => {
+    if (!autoFocus || !isCleanNewPost()) {
+      return;
+    }
+    titleRef?.current?.focus();
+  }, [autoFocus, isCleanNewPost]);
+
+  // Add some styles for alignwide/alignfull Post Content and its children.
+  const alignCSS = `.is-root-container.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}
+		.is-root-container.alignwide:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: var(--wp--style--global--wide-size);}
+		.is-root-container.alignfull { max-width: none; margin-left: auto; margin-right: auto;}
+		.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 : undefined].filter(r => !!r));
+  return createElement(BlockCanvas, {
+    shouldIframe: !disableIframe || ['Tablet', 'Mobile'].includes(deviceType),
+    contentRef: contentRef,
+    styles: styles,
+    height: "100%",
+    iframeProps: {
+      ...iframeProps,
+      style: {
+        ...iframeProps?.style,
+        ...deviceStyles
+      }
+    }
+  }, themeSupportsLayout && !themeHasDisabledLayoutStyles && renderingMode === 'post-only' && createElement(Fragment, null, createElement(LayoutStyle, {
+    selector: ".editor-editor-canvas__post-title-wrapper",
+    layout: fallbackLayout
+  }), createElement(LayoutStyle, {
+    selector: ".block-editor-block-list__layout.is-root-container",
+    layout: postEditorLayout
+  }), align && createElement(LayoutStyle, {
+    css: alignCSS
+  }), postContentLayoutStyles && createElement(LayoutStyle, {
+    layout: postContentLayout,
+    css: postContentLayoutStyles
+  })), renderingMode === 'post-only' && createElement("div", {
+    className: classnames('editor-editor-canvas__post-title-wrapper',
+    // The following class is only here for backward comapatibility
+    // some themes might be using it to style the post title.
+    'edit-post-visual-editor__post-title-wrapper', {
+      'has-global-padding': hasRootPaddingAwareAlignments
+    }),
+    contentEditable: false,
+    ref: observeTypingRef,
+    style: {
+      // This is using inline styles
+      // so it's applied for both iframed and non iframed editors.
+      marginTop: '4rem'
+    }
+  }, createElement(PostTitle, {
+    ref: titleRef
+  })), createElement(RecursionProvider, {
+    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.
+    ),
+
+    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, {
+    contentRef: localRef
+  })), children);
+}
+export default EditorCanvas;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classnames","BlockList","store","blockEditorStore","__unstableUseTypewriter","useTypewriter","__unstableUseTypingObserver","useTypingObserver","useSettings","__experimentalRecursionProvider","RecursionProvider","privateApis","blockEditorPrivateApis","__experimentalUseResizeCanvas","useResizeCanvas","useEffect","useRef","useMemo","useSelect","parse","coreStore","useMergeRefs","PostTitle","editorStore","unlock","EditTemplateBlocksNotification","LayoutStyle","useLayoutClasses","useLayoutStyles","ExperimentalBlockCanvas","BlockCanvas","getPostContentAttributes","blocks","i","length","name","attributes","innerBlocks","nestedPostContent","checkForPostContentAtRootLevel","EditorCanvas","autoFocus","className","renderAppender","styles","disableIframe","iframeProps","children","renderingMode","postContentAttributes","editedPostTemplate","wrapperBlockName","wrapperUniqueId","deviceType","select","getCurrentPostId","getCurrentPostType","getCurrentTemplateId","getEditorSettings","getRenderingMode","getDeviceType","getPostType","canUser","getEditedEntityRecord","postTypeSlug","_renderingMode","_wrapperBlockName","editorSettings","supportsTemplateMode","postType","canEditTemplate","currentTemplateId","template","undefined","viewable","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","filter","r","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\t__experimentalRecursionProvider as RecursionProvider,\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\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} = 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: getEditorSettings().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};\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\t[\n\t\t\tlocalRef,\n\t\t\trenderingMode === 'post-only' ? typewriterRef : undefined,\n\t\t].filter( ( r ) => !! r )\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\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/>\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":"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"}

package/build-module/components/index.js

@@ -8,6 +8,7 @@ export * from './autocompleters';
 
 // Post Related Components.
 export { default as AutosaveMonitor } from './autosave-monitor';
+export { default as DocumentBar } from './document-bar';
 export { default as DocumentOutline } from './document-outline';
 export { default as DocumentOutlineCheck } from './document-outline/check';
 export { EditorKeyboardShortcuts };
@@ -23,7 +24,8 @@ export { default as LocalAutosaveMonitor } from './local-autosave-monitor';
 export { default as PageAttributesCheck } from './page-attributes/check';
 export { default as PageAttributesOrder } from './page-attributes/order';
 export { default as PageAttributesParent } from './page-attributes/parent';
-export { default as PageTemplate } from './post-template';
+export { default as PageTemplate } from './post-template/classic-theme';
+export { default as PostTemplatePanel } from './post-template/panel';
 export { default as PostAuthor } from './post-author';
 export { default as PostAuthorCheck } from './post-author/check';
 export { default as PostAuthorPanel } from './post-author/panel';