@wordpress/edit-post 7.24.1 → 7.26.0

package/build/components/visual-editor/index.js

@@ -8,13 +8,9 @@ exports.default = VisualEditor;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editor = require("@wordpress/editor");
-var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
 var _blocks = require("@wordpress/blocks");
-var _coreData = require("@wordpress/core-data");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 /**
@@ -30,296 +26,63 @@ var _lockUnlock = require("../../lock-unlock");
  */
 
 const {
-  LayoutStyle,
-  useLayoutClasses,
-  useLayoutStyles,
-  ExperimentalBlockCanvas: BlockCanvas
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+  EditorCanvas
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const isGutenbergPlugin = process.env.IS_GUTENBERG_PLUGIN ? true : false;
-
-/**
- * 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 VisualEditor({
   styles
 }) {
   const {
-    deviceType,
     isWelcomeGuideVisible,
-    isTemplateMode,
-    postContentAttributes,
-    editedPostTemplate = {},
-    wrapperBlockName,
-    wrapperUniqueId,
+    renderingMode,
     isBlockBasedTheme,
     hasV3BlocksOnly
   } = (0, _data.useSelect)(select => {
     const {
-      isFeatureActive,
-      isEditingTemplate,
-      getEditedPostTemplate,
-      __experimentalGetPreviewDeviceType
+      isFeatureActive
     } = select(_store.store);
     const {
-      getCurrentPostId,
-      getCurrentPostType,
-      getEditorSettings
+      getEditorSettings,
+      getRenderingMode
     } = select(_editor.store);
     const {
       getBlockTypes
     } = select(_blocks.store);
-    const _isTemplateMode = isEditingTemplate();
-    const postTypeSlug = getCurrentPostType();
-    let _wrapperBlockName;
-    if (postTypeSlug === 'wp_block') {
-      _wrapperBlockName = 'core/block';
-    } else if (!_isTemplateMode) {
-      _wrapperBlockName = 'core/post-content';
-    }
     const editorSettings = getEditorSettings();
-    const supportsTemplateMode = editorSettings.supportsTemplateMode;
-    const postType = select(_coreData.store).getPostType(postTypeSlug);
-    const canEditTemplate = select(_coreData.store).canUser('create', 'templates');
     return {
-      deviceType: __experimentalGetPreviewDeviceType(),
       isWelcomeGuideVisible: isFeatureActive('welcomeGuide'),
-      isTemplateMode: _isTemplateMode,
-      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 ? getEditedPostTemplate() : undefined,
-      wrapperBlockName: _wrapperBlockName,
-      wrapperUniqueId: getCurrentPostId(),
+      renderingMode: getRenderingMode(),
       isBlockBasedTheme: editorSettings.__unstableIsBlockBasedTheme,
       hasV3BlocksOnly: getBlockTypes().every(type => {
         return type.apiVersion >= 3;
       })
     };
   }, []);
-  const {
-    isCleanNewPost
-  } = (0, _data.useSelect)(_editor.store);
   const hasMetaBoxes = (0, _data.useSelect)(select => select(_store.store).hasMetaBoxes(), []);
-  const {
-    hasRootPaddingAwareAlignments,
-    isFocusMode,
-    themeHasDisabledLayoutStyles,
-    themeSupportsLayout
-  } = (0, _data.useSelect)(select => {
-    const _settings = select(_blockEditor.store).getSettings();
-    return {
-      themeHasDisabledLayoutStyles: _settings.disableLayoutStyles,
-      themeSupportsLayout: _settings.supportsLayout,
-      isFocusMode: _settings.focusMode,
-      hasRootPaddingAwareAlignments: _settings.__experimentalFeatures?.useRootPaddingAwareAlignments
-    };
-  }, []);
-  const desktopCanvasStyles = {
-    height: '100%',
-    width: '100%',
-    marginLeft: 'auto',
-    marginRight: 'auto',
-    display: 'flex',
-    flexFlow: 'column',
-    // Default background color so that grey
-    // .edit-post-editor-regions__content color doesn't show through.
-    background: 'white'
-  };
-  const templateModeStyles = {
-    ...desktopCanvasStyles,
-    borderRadius: '2px 2px 0 0',
-    border: '1px solid #ddd',
-    borderBottom: 0
-  };
-  const resizedCanvasStyles = (0, _blockEditor.__experimentalUseResizeCanvas)(deviceType, isTemplateMode);
-  const [globalLayoutSettings] = (0, _blockEditor.useSettings)('layout');
-  const previewMode = 'is-' + deviceType.toLowerCase() + '-preview';
-  let animatedStyles = isTemplateMode ? templateModeStyles : desktopCanvasStyles;
-  if (resizedCanvasStyles) {
-    animatedStyles = resizedCanvasStyles;
-  }
   let paddingBottom;
 
   // Add a constant padding for the typewritter effect. When typing at the
   // bottom, there needs to be room to scroll up.
-  if (!hasMetaBoxes && !resizedCanvasStyles && !isTemplateMode) {
+  if (!hasMetaBoxes && renderingMode === 'post-only') {
     paddingBottom = '40vh';
   }
-  const ref = (0, _element.useRef)();
-  const contentRef = (0, _compose.useMergeRefs)([ref, (0, _blockEditor.__unstableUseTypewriter)()]);
-
-  // fallbackLayout is used if there is no Post Content,
-  // and for Post Title.
-  const fallbackLayout = (0, _element.useMemo)(() => {
-    if (isTemplateMode) {
-      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'
-    };
-  }, [isTemplateMode, themeSupportsLayout, globalLayoutSettings]);
-  const newestPostContentAttributes = (0, _element.useMemo)(() => {
-    if (!editedPostTemplate?.content && !editedPostTemplate?.blocks) {
-      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((0, _blocks.parse)(parseableContent)) || {};
-  }, [editedPostTemplate?.content, editedPostTemplate?.blocks, postContentAttributes]);
-  const hasPostContentAtRootLevel = (0, _element.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((0, _blocks.parse)(parseableContent)) || false;
-  }, [editedPostTemplate?.content, editedPostTemplate?.blocks]);
-  const {
-    layout = {},
-    align = ''
-  } = newestPostContentAttributes || {};
-  const postContentLayoutClasses = useLayoutClasses(newestPostContentAttributes, 'core/post-content');
-  const blockListLayoutClass = (0, _classnames.default)({
-    '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 = (0, _element.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 = (0, _blockEditor.__unstableUseTypingObserver)();
-  const titleRef = (0, _element.useRef)();
-  (0, _element.useEffect)(() => {
-    if (isWelcomeGuideVisible || !isCleanNewPost()) {
-      return;
-    }
-    titleRef?.current?.focus();
-  }, [isWelcomeGuideVisible, isCleanNewPost]);
   styles = (0, _element.useMemo)(() => [...styles, {
     // We should move this in to future to the body.
-    css: `.edit-post-visual-editor__post-title-wrapper{margin-top:4rem}` + (paddingBottom ? `body{padding-bottom:${paddingBottom}}` : '')
-  }], [styles]);
-
-  // 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 isToBeIframed = (hasV3BlocksOnly || isGutenbergPlugin && isBlockBasedTheme) && !hasMetaBoxes || isTemplateMode || deviceType === 'Tablet' || deviceType === 'Mobile';
-  return (0, _react.createElement)(_blockEditor.BlockTools, {
-    __unstableContentRef: ref,
+    css: paddingBottom ? `body{padding-bottom:${paddingBottom}}` : ''
+  }], [styles, paddingBottom]);
+  const isToBeIframed = (hasV3BlocksOnly || isGutenbergPlugin && isBlockBasedTheme) && !hasMetaBoxes || renderingMode === 'template-only';
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-post-visual-editor', {
-      'is-template-mode': isTemplateMode,
+      'is-template-mode': renderingMode === 'template-only',
       'has-inline-canvas': !isToBeIframed
     })
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    className: "edit-post-visual-editor__content-area",
-    animate: {
-      padding: isTemplateMode ? '48px 48px 0' : 0
-    }
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    animate: animatedStyles,
-    initial: desktopCanvasStyles,
-    className: previewMode
-  }, (0, _react.createElement)(BlockCanvas, {
-    shouldIframe: isToBeIframed,
-    contentRef: contentRef,
-    styles: styles,
-    height: "100%"
-  }, themeSupportsLayout && !themeHasDisabledLayoutStyles && !isTemplateMode && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(LayoutStyle, {
-    selector: ".edit-post-visual-editor__post-title-wrapper",
-    layout: fallbackLayout
-  }), (0, _react.createElement)(LayoutStyle, {
-    selector: ".block-editor-block-list__layout.is-root-container",
-    layout: postEditorLayout
-  }), align && (0, _react.createElement)(LayoutStyle, {
-    css: alignCSS
-  }), postContentLayoutStyles && (0, _react.createElement)(LayoutStyle, {
-    layout: postContentLayout,
-    css: postContentLayoutStyles
-  })), !isTemplateMode && (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-post-visual-editor__post-title-wrapper', {
-      'is-focus-mode': isFocusMode,
-      'has-global-padding': hasRootPaddingAwareAlignments
-    }),
-    contentEditable: false,
-    ref: observeTypingRef
-  }, (0, _react.createElement)(_editor.PostTitle, {
-    ref: titleRef
-  })), (0, _react.createElement)(_blockEditor.__experimentalRecursionProvider, {
-    blockName: wrapperBlockName,
-    uniqueId: wrapperUniqueId
-  }, (0, _react.createElement)(_blockEditor.BlockList, {
-    className: isTemplateMode ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
+  }, (0, _react.createElement)(EditorCanvas, {
+    disableIframe: !isToBeIframed,
+    styles: styles
+    // We should auto-focus the canvas (title) on load.
+    // eslint-disable-next-line jsx-a11y/no-autofocus
     ,
-
-    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.
-    isToBeIframed ? ref.current?.parentNode : ref.current
-  }))))));
+    autoFocus: !isWelcomeGuideVisible
+  }));
 }
 //# sourceMappingURL=index.js.map

package/build/components/visual-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_editor","_blockEditor","_element","_components","_data","_compose","_blocks","_coreData","_store","_lockUnlock","LayoutStyle","useLayoutClasses","useLayoutStyles","ExperimentalBlockCanvas","BlockCanvas","unlock","blockEditorPrivateApis","isGutenbergPlugin","process","env","IS_GUTENBERG_PLUGIN","getPostContentAttributes","blocks","i","length","name","attributes","innerBlocks","nestedPostContent","checkForPostContentAtRootLevel","VisualEditor","styles","deviceType","isWelcomeGuideVisible","isTemplateMode","postContentAttributes","editedPostTemplate","wrapperBlockName","wrapperUniqueId","isBlockBasedTheme","hasV3BlocksOnly","useSelect","select","isFeatureActive","isEditingTemplate","getEditedPostTemplate","__experimentalGetPreviewDeviceType","editPostStore","getCurrentPostId","getCurrentPostType","getEditorSettings","editorStore","getBlockTypes","blocksStore","_isTemplateMode","postTypeSlug","_wrapperBlockName","editorSettings","supportsTemplateMode","postType","coreStore","getPostType","canEditTemplate","canUser","viewable","undefined","__unstableIsBlockBasedTheme","every","type","apiVersion","isCleanNewPost","hasMetaBoxes","hasRootPaddingAwareAlignments","isFocusMode","themeHasDisabledLayoutStyles","themeSupportsLayout","_settings","blockEditorStore","getSettings","disableLayoutStyles","supportsLayout","focusMode","__experimentalFeatures","useRootPaddingAwareAlignments","desktopCanvasStyles","height","width","marginLeft","marginRight","display","flexFlow","background","templateModeStyles","borderRadius","border","borderBottom","resizedCanvasStyles","useResizeCanvas","globalLayoutSettings","useSettings","previewMode","toLowerCase","animatedStyles","paddingBottom","ref","useRef","contentRef","useMergeRefs","useTypewriter","fallbackLayout","useMemo","newestPostContentAttributes","content","parseableContent","parse","hasPostContentAtRootLevel","layout","align","postContentLayoutClasses","blockListLayoutClass","classnames","postContentLayoutStyles","postContentLayout","inherit","contentSize","wideSize","blockListLayout","postEditorLayout","observeTypingRef","useTypingObserver","titleRef","useEffect","current","focus","css","alignCSS","isToBeIframed","_react","createElement","BlockTools","__unstableContentRef","className","__unstableMotion","div","animate","padding","initial","shouldIframe","Fragment","selector","contentEditable","PostTitle","__experimentalRecursionProvider","blockName","uniqueId","BlockList","dropZoneElement","parentNode"],"sources":["@wordpress/edit-post/src/components/visual-editor/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { PostTitle, store as editorStore } from '@wordpress/editor';\nimport {\n\tBlockList,\n\tBlockTools,\n\tstore as blockEditorStore,\n\t__unstableUseTypewriter as useTypewriter,\n\t__unstableUseTypingObserver as useTypingObserver,\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n\tuseSettings,\n\t__experimentalRecursionProvider as RecursionProvider,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useEffect, useRef, useMemo } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { parse, store as blocksStore } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tLayoutStyle,\n\tuseLayoutClasses,\n\tuseLayoutStyles,\n\tExperimentalBlockCanvas: BlockCanvas,\n} = unlock( blockEditorPrivateApis );\n\nconst isGutenbergPlugin = process.env.IS_GUTENBERG_PLUGIN ? true : false;\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\nexport default function VisualEditor( { styles } ) {\n\tconst {\n\t\tdeviceType,\n\t\tisWelcomeGuideVisible,\n\t\tisTemplateMode,\n\t\tpostContentAttributes,\n\t\teditedPostTemplate = {},\n\t\twrapperBlockName,\n\t\twrapperUniqueId,\n\t\tisBlockBasedTheme,\n\t\thasV3BlocksOnly,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisFeatureActive,\n\t\t\tisEditingTemplate,\n\t\t\tgetEditedPostTemplate,\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t} = select( editPostStore );\n\t\tconst { getCurrentPostId, getCurrentPostType, getEditorSettings } =\n\t\t\tselect( editorStore );\n\t\tconst { getBlockTypes } = select( blocksStore );\n\t\tconst _isTemplateMode = isEditingTemplate();\n\t\tconst postTypeSlug = getCurrentPostType();\n\t\tlet _wrapperBlockName;\n\n\t\tif ( postTypeSlug === 'wp_block' ) {\n\t\t\t_wrapperBlockName = 'core/block';\n\t\t} else if ( ! _isTemplateMode ) {\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 = select( coreStore ).getPostType( postTypeSlug );\n\t\tconst canEditTemplate = select( coreStore ).canUser(\n\t\t\t'create',\n\t\t\t'templates'\n\t\t);\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\tisWelcomeGuideVisible: isFeatureActive( 'welcomeGuide' ),\n\t\t\tisTemplateMode: _isTemplateMode,\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? getEditedPostTemplate()\n\t\t\t\t\t: undefined,\n\t\t\twrapperBlockName: _wrapperBlockName,\n\t\t\twrapperUniqueId: getCurrentPostId(),\n\t\t\tisBlockBasedTheme: editorSettings.__unstableIsBlockBasedTheme,\n\t\t\thasV3BlocksOnly: getBlockTypes().every( ( type ) => {\n\t\t\t\treturn type.apiVersion >= 3;\n\t\t\t} ),\n\t\t};\n\t}, [] );\n\tconst { isCleanNewPost } = useSelect( editorStore );\n\tconst hasMetaBoxes = useSelect(\n\t\t( select ) => select( editPostStore ).hasMetaBoxes(),\n\t\t[]\n\t);\n\tconst {\n\t\thasRootPaddingAwareAlignments,\n\t\tisFocusMode,\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\tisFocusMode: _settings.focusMode,\n\t\t\thasRootPaddingAwareAlignments:\n\t\t\t\t_settings.__experimentalFeatures?.useRootPaddingAwareAlignments,\n\t\t};\n\t}, [] );\n\tconst desktopCanvasStyles = {\n\t\theight: '100%',\n\t\twidth: '100%',\n\t\tmarginLeft: 'auto',\n\t\tmarginRight: 'auto',\n\t\tdisplay: 'flex',\n\t\tflexFlow: 'column',\n\t\t// Default background color so that grey\n\t\t// .edit-post-editor-regions__content color doesn't show through.\n\t\tbackground: 'white',\n\t};\n\tconst templateModeStyles = {\n\t\t...desktopCanvasStyles,\n\t\tborderRadius: '2px 2px 0 0',\n\t\tborder: '1px solid #ddd',\n\t\tborderBottom: 0,\n\t};\n\tconst resizedCanvasStyles = useResizeCanvas( deviceType, isTemplateMode );\n\tconst [ globalLayoutSettings ] = useSettings( 'layout' );\n\tconst previewMode = 'is-' + deviceType.toLowerCase() + '-preview';\n\n\tlet animatedStyles = isTemplateMode\n\t\t? templateModeStyles\n\t\t: desktopCanvasStyles;\n\tif ( resizedCanvasStyles ) {\n\t\tanimatedStyles = resizedCanvasStyles;\n\t}\n\n\tlet paddingBottom;\n\n\t// Add a constant padding for the typewritter effect. When typing at the\n\t// bottom, there needs to be room to scroll up.\n\tif ( ! hasMetaBoxes && ! resizedCanvasStyles && ! isTemplateMode ) {\n\t\tpaddingBottom = '40vh';\n\t}\n\n\tconst ref = useRef();\n\tconst contentRef = useMergeRefs( [ ref, useTypewriter() ] );\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 ( isTemplateMode ) {\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}, [ isTemplateMode, themeSupportsLayout, globalLayoutSettings ] );\n\n\tconst newestPostContentAttributes = useMemo( () => {\n\t\tif ( ! editedPostTemplate?.content && ! editedPostTemplate?.blocks ) {\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 ( isWelcomeGuideVisible || ! isCleanNewPost() ) {\n\t\t\treturn;\n\t\t}\n\t\ttitleRef?.current?.focus();\n\t}, [ isWelcomeGuideVisible, isCleanNewPost ] );\n\n\tstyles = useMemo(\n\t\t() => [\n\t\t\t...styles,\n\t\t\t{\n\t\t\t\t// We should move this in to future to the body.\n\t\t\t\tcss:\n\t\t\t\t\t`.edit-post-visual-editor__post-title-wrapper{margin-top:4rem}` +\n\t\t\t\t\t( paddingBottom\n\t\t\t\t\t\t? `body{padding-bottom:${ paddingBottom }}`\n\t\t\t\t\t\t: '' ),\n\t\t\t},\n\t\t],\n\t\t[ styles ]\n\t);\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 isToBeIframed =\n\t\t( ( hasV3BlocksOnly || ( isGutenbergPlugin && isBlockBasedTheme ) ) &&\n\t\t\t! hasMetaBoxes ) ||\n\t\tisTemplateMode ||\n\t\tdeviceType === 'Tablet' ||\n\t\tdeviceType === 'Mobile';\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ ref }\n\t\t\tclassName={ classnames( 'edit-post-visual-editor', {\n\t\t\t\t'is-template-mode': isTemplateMode,\n\t\t\t\t'has-inline-canvas': ! isToBeIframed,\n\t\t\t} ) }\n\t\t>\n\t\t\t<motion.div\n\t\t\t\tclassName=\"edit-post-visual-editor__content-area\"\n\t\t\t\tanimate={ {\n\t\t\t\t\tpadding: isTemplateMode ? '48px 48px 0' : 0,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tanimate={ animatedStyles }\n\t\t\t\t\tinitial={ desktopCanvasStyles }\n\t\t\t\t\tclassName={ previewMode }\n\t\t\t\t>\n\t\t\t\t\t<BlockCanvas\n\t\t\t\t\t\tshouldIframe={ isToBeIframed }\n\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\tstyles={ styles }\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ themeSupportsLayout &&\n\t\t\t\t\t\t\t! themeHasDisabledLayoutStyles &&\n\t\t\t\t\t\t\t! isTemplateMode && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\t\t\t\tselector=\".edit-post-visual-editor__post-title-wrapper\"\n\t\t\t\t\t\t\t\t\t\tlayout={ fallbackLayout }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\t\t\t\tselector=\".block-editor-block-list__layout.is-root-container\"\n\t\t\t\t\t\t\t\t\t\tlayout={ postEditorLayout }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ align && (\n\t\t\t\t\t\t\t\t\t\t<LayoutStyle css={ alignCSS } />\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ postContentLayoutStyles && (\n\t\t\t\t\t\t\t\t\t\t<LayoutStyle\n\t\t\t\t\t\t\t\t\t\t\tlayout={ postContentLayout }\n\t\t\t\t\t\t\t\t\t\t\tcss={ postContentLayoutStyles }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! isTemplateMode && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'edit-post-visual-editor__post-title-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-focus-mode': isFocusMode,\n\t\t\t\t\t\t\t\t\t\t'has-global-padding':\n\t\t\t\t\t\t\t\t\t\t\thasRootPaddingAwareAlignments,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tcontentEditable={ false }\n\t\t\t\t\t\t\t\tref={ observeTypingRef }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PostTitle ref={ titleRef } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<RecursionProvider\n\t\t\t\t\t\t\tblockName={ wrapperBlockName }\n\t\t\t\t\t\t\tuniqueId={ wrapperUniqueId }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\tisTemplateMode\n\t\t\t\t\t\t\t\t\t\t? 'wp-site-blocks'\n\t\t\t\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\t\t\t}\n\t\t\t\t\t\t\t\tlayout={ blockListLayout }\n\t\t\t\t\t\t\t\tdropZoneElement={\n\t\t\t\t\t\t\t\t\t// When iframed, pass in the html element of the iframe to\n\t\t\t\t\t\t\t\t\t// ensure the drop zone extends to the edges of the iframe.\n\t\t\t\t\t\t\t\t\tisToBeIframed\n\t\t\t\t\t\t\t\t\t\t? ref.current?.parentNode\n\t\t\t\t\t\t\t\t\t\t: ref.current\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RecursionProvider>\n\t\t\t\t\t</BlockCanvas>\n\t\t\t\t</motion.div>\n\t\t\t</motion.div>\n\t\t</BlockTools>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAWA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AA/BA;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;;AAIA,MAAM;EACLW,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC,uBAAuB,EAAEC;AAC1B,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,MAAMC,iBAAiB,GAAGC,OAAO,CAACC,GAAG,CAACC,mBAAmB,GAAG,IAAI,GAAG,KAAK;;AAExE;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;AAEe,SAASK,YAAYA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAClD,MAAM;IACLC,UAAU;IACVC,qBAAqB;IACrBC,cAAc;IACdC,qBAAqB;IACrBC,kBAAkB,GAAG,CAAC,CAAC;IACvBC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;IACjBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MACLC,eAAe;MACfC,iBAAiB;MACjBC,qBAAqB;MACrBC;IACD,CAAC,GAAGJ,MAAM,CAAEK,YAAc,CAAC;IAC3B,MAAM;MAAEC,gBAAgB;MAAEC,kBAAkB;MAAEC;IAAkB,CAAC,GAChER,MAAM,CAAES,aAAY,CAAC;IACtB,MAAM;MAAEC;IAAc,CAAC,GAAGV,MAAM,CAAEW,aAAY,CAAC;IAC/C,MAAMC,eAAe,GAAGV,iBAAiB,CAAC,CAAC;IAC3C,MAAMW,YAAY,GAAGN,kBAAkB,CAAC,CAAC;IACzC,IAAIO,iBAAiB;IAErB,IAAKD,YAAY,KAAK,UAAU,EAAG;MAClCC,iBAAiB,GAAG,YAAY;IACjC,CAAC,MAAM,IAAK,CAAEF,eAAe,EAAG;MAC/BE,iBAAiB,GAAG,mBAAmB;IACxC;IAEA,MAAMC,cAAc,GAAGP,iBAAiB,CAAC,CAAC;IAC1C,MAAMQ,oBAAoB,GAAGD,cAAc,CAACC,oBAAoB;IAChE,MAAMC,QAAQ,GAAGjB,MAAM,CAAEkB,eAAU,CAAC,CAACC,WAAW,CAAEN,YAAa,CAAC;IAChE,MAAMO,eAAe,GAAGpB,MAAM,CAAEkB,eAAU,CAAC,CAACG,OAAO,CAClD,QAAQ,EACR,WACD,CAAC;IAED,OAAO;MACN/B,UAAU,EAAEc,kCAAkC,CAAC,CAAC;MAChDb,qBAAqB,EAAEU,eAAe,CAAE,cAAe,CAAC;MACxDT,cAAc,EAAEoB,eAAe;MAC/BnB,qBAAqB,EAAEe,iBAAiB,CAAC,CAAC,CAACf,qBAAqB;MAChE;MACA;MACAC,kBAAkB,EACjBuB,QAAQ,EAAEK,QAAQ,IAAIN,oBAAoB,IAAII,eAAe,GAC1DjB,qBAAqB,CAAC,CAAC,GACvBoB,SAAS;MACb5B,gBAAgB,EAAEmB,iBAAiB;MACnClB,eAAe,EAAEU,gBAAgB,CAAC,CAAC;MACnCT,iBAAiB,EAAEkB,cAAc,CAACS,2BAA2B;MAC7D1B,eAAe,EAAEY,aAAa,CAAC,CAAC,CAACe,KAAK,CAAIC,IAAI,IAAM;QACnD,OAAOA,IAAI,CAACC,UAAU,IAAI,CAAC;MAC5B,CAAE;IACH,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAA7B,eAAS,EAAEU,aAAY,CAAC;EACnD,MAAMoB,YAAY,GAAG,IAAA9B,eAAS,EAC3BC,MAAM,IAAMA,MAAM,CAAEK,YAAc,CAAC,CAACwB,YAAY,CAAC,CAAC,EACpD,EACD,CAAC;EACD,MAAM;IACLC,6BAA6B;IAC7BC,WAAW;IACXC,4BAA4B;IAC5BC;EACD,CAAC,GAAG,IAAAlC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAMkC,SAAS,GAAGlC,MAAM,CAAEmC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC;IAC1D,OAAO;MACNJ,4BAA4B,EAAEE,SAAS,CAACG,mBAAmB;MAC3DJ,mBAAmB,EAAEC,SAAS,CAACI,cAAc;MAC7CP,WAAW,EAAEG,SAAS,CAACK,SAAS;MAChCT,6BAA6B,EAC5BI,SAAS,CAACM,sBAAsB,EAAEC;IACpC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAMC,mBAAmB,GAAG;IAC3BC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,MAAM;IAClBC,WAAW,EAAE,MAAM;IACnBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,QAAQ;IAClB;IACA;IACAC,UAAU,EAAE;EACb,CAAC;EACD,MAAMC,kBAAkB,GAAG;IAC1B,GAAGR,mBAAmB;IACtBS,YAAY,EAAE,aAAa;IAC3BC,MAAM,EAAE,gBAAgB;IACxBC,YAAY,EAAE;EACf,CAAC;EACD,MAAMC,mBAAmB,GAAG,IAAAC,0CAAe,EAAEjE,UAAU,EAAEE,cAAe,CAAC;EACzE,MAAM,CAAEgE,oBAAoB,CAAE,GAAG,IAAAC,wBAAW,EAAE,QAAS,CAAC;EACxD,MAAMC,WAAW,GAAG,KAAK,GAAGpE,UAAU,CAACqE,WAAW,CAAC,CAAC,GAAG,UAAU;EAEjE,IAAIC,cAAc,GAAGpE,cAAc,GAChC0D,kBAAkB,GAClBR,mBAAmB;EACtB,IAAKY,mBAAmB,EAAG;IAC1BM,cAAc,GAAGN,mBAAmB;EACrC;EAEA,IAAIO,aAAa;;EAEjB;EACA;EACA,IAAK,CAAEhC,YAAY,IAAI,CAAEyB,mBAAmB,IAAI,CAAE9D,cAAc,EAAG;IAClEqE,aAAa,GAAG,MAAM;EACvB;EAEA,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EACpB,MAAMC,UAAU,GAAG,IAAAC,qBAAY,EAAE,CAAEH,GAAG,EAAE,IAAAI,oCAAa,EAAC,CAAC,CAAG,CAAC;;EAE3D;EACA;EACA,MAAMC,cAAc,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACrC,IAAK5E,cAAc,EAAG;MACrB,OAAO;QAAEkC,IAAI,EAAE;MAAU,CAAC;IAC3B;IAEA,IAAKO,mBAAmB,EAAG;MAC1B;MACA;MACA,OAAO;QAAE,GAAGuB,oBAAoB;QAAE9B,IAAI,EAAE;MAAc,CAAC;IACxD;IACA;IACA,OAAO;MAAEA,IAAI,EAAE;IAAU,CAAC;EAC3B,CAAC,EAAE,CAAElC,cAAc,EAAEyC,mBAAmB,EAAEuB,oBAAoB,CAAG,CAAC;EAElE,MAAMa,2BAA2B,GAAG,IAAAD,gBAAO,EAAE,MAAM;IAClD,IAAK,CAAE1E,kBAAkB,EAAE4E,OAAO,IAAI,CAAE5E,kBAAkB,EAAEd,MAAM,EAAG;MACpE,OAAOa,qBAAqB;IAC7B;IACA;IACA,IAAKC,kBAAkB,EAAEd,MAAM,EAAG;MACjC,OAAOD,wBAAwB,CAAEe,kBAAkB,EAAEd,MAAO,CAAC;IAC9D;IACA;IACA;IACA,MAAM2F,gBAAgB,GACrB,OAAO7E,kBAAkB,EAAE4E,OAAO,KAAK,QAAQ,GAC5C5E,kBAAkB,EAAE4E,OAAO,GAC3B,EAAE;IAEN,OAAO3F,wBAAwB,CAAE,IAAA6F,aAAK,EAAED,gBAAiB,CAAE,CAAC,IAAI,CAAC,CAAC;EACnE,CAAC,EAAE,CACF7E,kBAAkB,EAAE4E,OAAO,EAC3B5E,kBAAkB,EAAEd,MAAM,EAC1Ba,qBAAqB,CACpB,CAAC;EAEH,MAAMgF,yBAAyB,GAAG,IAAAL,gBAAO,EAAE,MAAM;IAChD,IAAK,CAAE1E,kBAAkB,EAAE4E,OAAO,IAAI,CAAE5E,kBAAkB,EAAEd,MAAM,EAAG;MACpE,OAAO,KAAK;IACb;IACA;IACA,IAAKc,kBAAkB,EAAEd,MAAM,EAAG;MACjC,OAAOO,8BAA8B,CAAEO,kBAAkB,EAAEd,MAAO,CAAC;IACpE;IACA;IACA;IACA,MAAM2F,gBAAgB,GACrB,OAAO7E,kBAAkB,EAAE4E,OAAO,KAAK,QAAQ,GAC5C5E,kBAAkB,EAAE4E,OAAO,GAC3B,EAAE;IAEN,OACCnF,8BAA8B,CAAE,IAAAqF,aAAK,EAAED,gBAAiB,CAAE,CAAC,IAAI,KAAK;EAEtE,CAAC,EAAE,CAAE7E,kBAAkB,EAAE4E,OAAO,EAAE5E,kBAAkB,EAAEd,MAAM,CAAG,CAAC;EAEhE,MAAM;IAAE8F,MAAM,GAAG,CAAC,CAAC;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGN,2BAA2B,IAAI,CAAC,CAAC;EAErE,MAAMO,wBAAwB,GAAG3G,gBAAgB,CAChDoG,2BAA2B,EAC3B,mBACD,CAAC;EAED,MAAMQ,oBAAoB,GAAG,IAAAC,mBAAU,EACtC;IACC,gBAAgB,EAAE,CAAE7C;EACrB,CAAC,EACDA,mBAAmB,IAAI2C,wBAAwB,EAC/CD,KAAK,IAAK,QAAQA,KAAO,EAC1B,CAAC;EAED,MAAMI,uBAAuB,GAAG7G,eAAe,CAC9CmG,2BAA2B,EAC3B,mBAAmB,EACnB,oDACD,CAAC;;EAED;EACA,MAAMW,iBAAiB,GAAG,IAAAZ,gBAAO,EAAE,MAAM;IACxC,OAAOM,MAAM,KACVA,MAAM,EAAEhD,IAAI,KAAK,aAAa,IAC/BgD,MAAM,EAAEO,OAAO,IACfP,MAAM,EAAEQ,WAAW,IACnBR,MAAM,EAAES,QAAQ,CAAE,GACjB;MAAE,GAAG3B,oBAAoB;MAAE,GAAGkB,MAAM;MAAEhD,IAAI,EAAE;IAAc,CAAC,GAC3D;MAAE,GAAG8B,oBAAoB;MAAE,GAAGkB,MAAM;MAAEhD,IAAI,EAAE;IAAU,CAAC;EAC3D,CAAC,EAAE,CACFgD,MAAM,EAAEhD,IAAI,EACZgD,MAAM,EAAEO,OAAO,EACfP,MAAM,EAAEQ,WAAW,EACnBR,MAAM,EAAES,QAAQ,EAChB3B,oBAAoB,CACnB,CAAC;;EAEH;EACA;EACA,MAAM4B,eAAe,GAAG3F,qBAAqB,GAC1CuF,iBAAiB,GACjBb,cAAc;EAEjB,MAAMkB,gBAAgB,GACrBD,eAAe,EAAE1D,IAAI,KAAK,SAAS,IAAI,CAAE+C,yBAAyB,GAC/DN,cAAc,GACdiB,eAAe;EAEnB,MAAME,gBAAgB,GAAG,IAAAC,wCAAiB,EAAC,CAAC;EAC5C,MAAMC,QAAQ,GAAG,IAAAzB,eAAM,EAAC,CAAC;EACzB,IAAA0B,kBAAS,EAAE,MAAM;IAChB,IAAKlG,qBAAqB,IAAI,CAAEqC,cAAc,CAAC,CAAC,EAAG;MAClD;IACD;IACA4D,QAAQ,EAAEE,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,CAAEpG,qBAAqB,EAAEqC,cAAc,CAAG,CAAC;EAE9CvC,MAAM,GAAG,IAAA+E,gBAAO,EACf,MAAM,CACL,GAAG/E,MAAM,EACT;IACC;IACAuG,GAAG,EACD,+DAA8D,IAC7D/B,aAAa,GACX,uBAAuBA,aAAe,GAAE,GACzC,EAAE;EACP,CAAC,CACD,EACD,CAAExE,MAAM,CACT,CAAC;;EAED;EACA,MAAMwG,QAAQ,GAAI;AACnB;AACA;AACA,8GAA8G;EAE7G,MAAMC,aAAa,GAChB,CAAEhG,eAAe,IAAMvB,iBAAiB,IAAIsB,iBAAmB,KAChE,CAAEgC,YAAY,IACfrC,cAAc,IACdF,UAAU,KAAK,QAAQ,IACvBA,UAAU,KAAK,QAAQ;EAExB,OACC,IAAAyG,MAAA,CAAAC,aAAA,EAACzI,YAAA,CAAA0I,UAAU;IACVC,oBAAoB,EAAGpC,GAAK;IAC5BqC,SAAS,EAAG,IAAArB,mBAAU,EAAE,yBAAyB,EAAE;MAClD,kBAAkB,EAAEtF,cAAc;MAClC,mBAAmB,EAAE,CAAEsG;IACxB,CAAE;EAAG,GAEL,IAAAC,MAAA,CAAAC,aAAA,EAACvI,WAAA,CAAA2I,gBAAM,CAACC,GAAG;IACVF,SAAS,EAAC,uCAAuC;IACjDG,OAAO,EAAG;MACTC,OAAO,EAAE/G,cAAc,GAAG,aAAa,GAAG;IAC3C;EAAG,GAEH,IAAAuG,MAAA,CAAAC,aAAA,EAACvI,WAAA,CAAA2I,gBAAM,CAACC,GAAG;IACVC,OAAO,EAAG1C,cAAgB;IAC1B4C,OAAO,EAAG9D,mBAAqB;IAC/ByD,SAAS,EAAGzC;EAAa,GAEzB,IAAAqC,MAAA,CAAAC,aAAA,EAAC5H,WAAW;IACXqI,YAAY,EAAGX,aAAe;IAC9B9B,UAAU,EAAGA,UAAY;IACzB3E,MAAM,EAAGA,MAAQ;IACjBsD,MAAM,EAAC;EAAM,GAEXV,mBAAmB,IACpB,CAAED,4BAA4B,IAC9B,CAAExC,cAAc,IACf,IAAAuG,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACC,IAAAX,MAAA,CAAAC,aAAA,EAAChI,WAAW;IACX2I,QAAQ,EAAC,8CAA8C;IACvDjC,MAAM,EAAGP;EAAgB,CACzB,CAAC,EACF,IAAA4B,MAAA,CAAAC,aAAA,EAAChI,WAAW;IACX2I,QAAQ,EAAC,oDAAoD;IAC7DjC,MAAM,EAAGW;EAAkB,CAC3B,CAAC,EACAV,KAAK,IACN,IAAAoB,MAAA,CAAAC,aAAA,EAAChI,WAAW;IAAC4H,GAAG,EAAGC;EAAU,CAAE,CAC/B,EACCd,uBAAuB,IACxB,IAAAgB,MAAA,CAAAC,aAAA,EAAChI,WAAW;IACX0G,MAAM,EAAGM,iBAAmB;IAC5BY,GAAG,EAAGb;EAAyB,CAC/B,CAED,CACF,EACA,CAAEvF,cAAc,IACjB,IAAAuG,MAAA,CAAAC,aAAA;IACCG,SAAS,EAAG,IAAArB,mBAAU,EACrB,6CAA6C,EAC7C;MACC,eAAe,EAAE/C,WAAW;MAC5B,oBAAoB,EACnBD;IACF,CACD,CAAG;IACH8E,eAAe,EAAG,KAAO;IACzB9C,GAAG,EAAGwB;EAAkB,GAExB,IAAAS,MAAA,CAAAC,aAAA,EAAC1I,OAAA,CAAAuJ,SAAS;IAAC/C,GAAG,EAAG0B;EAAU,CAAE,CACzB,CACL,EACD,IAAAO,MAAA,CAAAC,aAAA,EAACzI,YAAA,CAAAuJ,+BAAiB;IACjBC,SAAS,EAAGpH,gBAAkB;IAC9BqH,QAAQ,EAAGpH;EAAiB,GAE5B,IAAAmG,MAAA,CAAAC,aAAA,EAACzI,YAAA,CAAA0J,SAAS;IACTd,SAAS,EACR3G,cAAc,GACX,gBAAgB,GACf,GAAGqF,oBAAsB,wBAAuB,CAAC;IACrD;;IACDH,MAAM,EAAGU,eAAiB;IAC1B8B,eAAe;IACd;IACA;IACApB,aAAa,GACVhC,GAAG,CAAC4B,OAAO,EAAEyB,UAAU,GACvBrD,GAAG,CAAC4B;EACP,CACD,CACiB,CACP,CACF,CACD,CACD,CAAC;AAEf"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_editor","_element","_data","_blocks","_store","_lockUnlock","EditorCanvas","unlock","editorPrivateApis","isGutenbergPlugin","process","env","IS_GUTENBERG_PLUGIN","VisualEditor","styles","isWelcomeGuideVisible","renderingMode","isBlockBasedTheme","hasV3BlocksOnly","useSelect","select","isFeatureActive","editPostStore","getEditorSettings","getRenderingMode","editorStore","getBlockTypes","blocksStore","editorSettings","__unstableIsBlockBasedTheme","every","type","apiVersion","hasMetaBoxes","paddingBottom","useMemo","css","isToBeIframed","_react","createElement","className","classnames","disableIframe","autoFocus"],"sources":["@wordpress/edit-post/src/components/visual-editor/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { EditorCanvas } = unlock( editorPrivateApis );\n\nconst isGutenbergPlugin = process.env.IS_GUTENBERG_PLUGIN ? true : false;\n\nexport default function VisualEditor( { styles } ) {\n\tconst {\n\t\tisWelcomeGuideVisible,\n\t\trenderingMode,\n\t\tisBlockBasedTheme,\n\t\thasV3BlocksOnly,\n\t} = useSelect( ( select ) => {\n\t\tconst { isFeatureActive } = select( editPostStore );\n\t\tconst { getEditorSettings, getRenderingMode } = select( editorStore );\n\t\tconst { getBlockTypes } = select( blocksStore );\n\t\tconst editorSettings = getEditorSettings();\n\n\t\treturn {\n\t\t\tisWelcomeGuideVisible: isFeatureActive( 'welcomeGuide' ),\n\t\t\trenderingMode: getRenderingMode(),\n\t\t\tisBlockBasedTheme: editorSettings.__unstableIsBlockBasedTheme,\n\t\t\thasV3BlocksOnly: getBlockTypes().every( ( type ) => {\n\t\t\t\treturn type.apiVersion >= 3;\n\t\t\t} ),\n\t\t};\n\t}, [] );\n\tconst hasMetaBoxes = useSelect(\n\t\t( select ) => select( editPostStore ).hasMetaBoxes(),\n\t\t[]\n\t);\n\n\tlet paddingBottom;\n\n\t// Add a constant padding for the typewritter effect. When typing at the\n\t// bottom, there needs to be room to scroll up.\n\tif ( ! hasMetaBoxes && renderingMode === 'post-only' ) {\n\t\tpaddingBottom = '40vh';\n\t}\n\n\tstyles = useMemo(\n\t\t() => [\n\t\t\t...styles,\n\t\t\t{\n\t\t\t\t// We should move this in to future to the body.\n\t\t\t\tcss: paddingBottom\n\t\t\t\t\t? `body{padding-bottom:${ paddingBottom }}`\n\t\t\t\t\t: '',\n\t\t\t},\n\t\t],\n\t\t[ styles, paddingBottom ]\n\t);\n\n\tconst isToBeIframed =\n\t\t( ( hasV3BlocksOnly || ( isGutenbergPlugin && isBlockBasedTheme ) ) &&\n\t\t\t! hasMetaBoxes ) ||\n\t\trenderingMode === 'template-only';\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-post-visual-editor', {\n\t\t\t\t'is-template-mode': renderingMode === 'template-only',\n\t\t\t\t'has-inline-canvas': ! isToBeIframed,\n\t\t\t} ) }\n\t\t>\n\t\t\t<EditorCanvas\n\t\t\t\tdisableIframe={ ! isToBeIframed }\n\t\t\t\tstyles={ styles }\n\t\t\t\t// We should auto-focus the canvas (title) on load.\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\tautoFocus={ ! isWelcomeGuideVisible }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAa,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpD,MAAMC,iBAAiB,GAAGC,OAAO,CAACC,GAAG,CAACC,mBAAmB,GAAG,IAAI,GAAG,KAAK;AAEzD,SAASC,YAAYA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAClD,MAAM;IACLC,qBAAqB;IACrBC,aAAa;IACbC,iBAAiB;IACjBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IACnD,MAAM;MAAEC,iBAAiB;MAAEC;IAAiB,CAAC,GAAGJ,MAAM,CAAEK,aAAY,CAAC;IACrE,MAAM;MAAEC;IAAc,CAAC,GAAGN,MAAM,CAAEO,aAAY,CAAC;IAC/C,MAAMC,cAAc,GAAGL,iBAAiB,CAAC,CAAC;IAE1C,OAAO;MACNR,qBAAqB,EAAEM,eAAe,CAAE,cAAe,CAAC;MACxDL,aAAa,EAAEQ,gBAAgB,CAAC,CAAC;MACjCP,iBAAiB,EAAEW,cAAc,CAACC,2BAA2B;MAC7DX,eAAe,EAAEQ,aAAa,CAAC,CAAC,CAACI,KAAK,CAAIC,IAAI,IAAM;QACnD,OAAOA,IAAI,CAACC,UAAU,IAAI,CAAC;MAC5B,CAAE;IACH,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAMC,YAAY,GAAG,IAAAd,eAAS,EAC3BC,MAAM,IAAMA,MAAM,CAAEE,YAAc,CAAC,CAACW,YAAY,CAAC,CAAC,EACpD,EACD,CAAC;EAED,IAAIC,aAAa;;EAEjB;EACA;EACA,IAAK,CAAED,YAAY,IAAIjB,aAAa,KAAK,WAAW,EAAG;IACtDkB,aAAa,GAAG,MAAM;EACvB;EAEApB,MAAM,GAAG,IAAAqB,gBAAO,EACf,MAAM,CACL,GAAGrB,MAAM,EACT;IACC;IACAsB,GAAG,EAAEF,aAAa,GACd,uBAAuBA,aAAe,GAAE,GACzC;EACJ,CAAC,CACD,EACD,CAAEpB,MAAM,EAAEoB,aAAa,CACxB,CAAC;EAED,MAAMG,aAAa,GAChB,CAAEnB,eAAe,IAAMT,iBAAiB,IAAIQ,iBAAmB,KAChE,CAAEgB,YAAY,IACfjB,aAAa,KAAK,eAAe;EAElC,OACC,IAAAsB,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EAAE,yBAAyB,EAAE;MAClD,kBAAkB,EAAEzB,aAAa,KAAK,eAAe;MACrD,mBAAmB,EAAE,CAAEqB;IACxB,CAAE;EAAG,GAEL,IAAAC,MAAA,CAAAC,aAAA,EAACjC,YAAY;IACZoC,aAAa,EAAG,CAAEL,aAAe;IACjCvB,MAAM,EAAGA;IACT;IACA;IAAA;IACA6B,SAAS,EAAG,CAAE5B;EAAuB,CACrC,CACG,CAAC;AAER"}

package/build/components/welcome-guide/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = WelcomeGuide;
 var _react = require("react");
 var _data = require("@wordpress/data");
+var _editor = require("@wordpress/editor");
 var _default = _interopRequireDefault(require("./default"));
 var _template = _interopRequireDefault(require("./template"));
 var _store = require("../../store");
@@ -24,10 +25,12 @@ function WelcomeGuide() {
     isTemplateMode
   } = (0, _data.useSelect)(select => {
     const {
-      isFeatureActive,
-      isEditingTemplate
+      isFeatureActive
     } = select(_store.store);
-    const _isTemplateMode = isEditingTemplate();
+    const {
+      getRenderingMode
+    } = select(_editor.store);
+    const _isTemplateMode = getRenderingMode() === 'template-only';
     const feature = _isTemplateMode ? 'welcomeGuideTemplate' : 'welcomeGuide';
     return {
       isActive: isFeatureActive(feature),

package/build/components/welcome-guide/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_default","_interopRequireDefault","_template","_store","WelcomeGuide","isActive","isTemplateMode","useSelect","select","isFeatureActive","isEditingTemplate","editPostStore","_isTemplateMode","feature","_react","createElement","default"],"sources":["@wordpress/edit-post/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideDefault from './default';\nimport WelcomeGuideTemplate from './template';\nimport { store as editPostStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst { isActive, isTemplateMode } = useSelect( ( select ) => {\n\t\tconst { isFeatureActive, isEditingTemplate } = select( editPostStore );\n\t\tconst _isTemplateMode = isEditingTemplate();\n\t\tconst feature = _isTemplateMode\n\t\t\t? 'welcomeGuideTemplate'\n\t\t\t: 'welcomeGuide';\n\n\t\treturn {\n\t\t\tisActive: isFeatureActive( feature ),\n\t\t\tisTemplateMode: _isTemplateMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn isTemplateMode ? <WelcomeGuideTemplate /> : <WelcomeGuideDefault />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7D,MAAM;MAAEC,eAAe;MAAEC;IAAkB,CAAC,GAAGF,MAAM,CAAEG,YAAc,CAAC;IACtE,MAAMC,eAAe,GAAGF,iBAAiB,CAAC,CAAC;IAC3C,MAAMG,OAAO,GAAGD,eAAe,GAC5B,sBAAsB,GACtB,cAAc;IAEjB,OAAO;MACNP,QAAQ,EAAEI,eAAe,CAAEI,OAAQ,CAAC;MACpCP,cAAc,EAAEM;IACjB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEP,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAOC,cAAc,GAAG,IAAAQ,MAAA,CAAAC,aAAA,EAACb,SAAA,CAAAc,OAAoB,MAAE,CAAC,GAAG,IAAAF,MAAA,CAAAC,aAAA,EAACf,QAAA,CAAAgB,OAAmB,MAAE,CAAC;AAC3E"}
+{"version":3,"names":["_data","require","_editor","_default","_interopRequireDefault","_template","_store","WelcomeGuide","isActive","isTemplateMode","useSelect","select","isFeatureActive","editPostStore","getRenderingMode","editorStore","_isTemplateMode","feature","_react","createElement","default"],"sources":["@wordpress/edit-post/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideDefault from './default';\nimport WelcomeGuideTemplate from './template';\nimport { store as editPostStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst { isActive, isTemplateMode } = useSelect( ( select ) => {\n\t\tconst { isFeatureActive } = select( editPostStore );\n\t\tconst { getRenderingMode } = select( editorStore );\n\t\tconst _isTemplateMode = getRenderingMode() === 'template-only';\n\t\tconst feature = _isTemplateMode\n\t\t\t? 'welcomeGuideTemplate'\n\t\t\t: 'welcomeGuide';\n\n\t\treturn {\n\t\t\tisActive: isFeatureActive( feature ),\n\t\t\tisTemplateMode: _isTemplateMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn isTemplateMode ? <WelcomeGuideTemplate /> : <WelcomeGuideDefault />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKe,SAASM,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7D,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IACnD,MAAM;MAAEC;IAAiB,CAAC,GAAGH,MAAM,CAAEI,aAAY,CAAC;IAClD,MAAMC,eAAe,GAAGF,gBAAgB,CAAC,CAAC,KAAK,eAAe;IAC9D,MAAMG,OAAO,GAAGD,eAAe,GAC5B,sBAAsB,GACtB,cAAc;IAEjB,OAAO;MACNR,QAAQ,EAAEI,eAAe,CAAEK,OAAQ,CAAC;MACpCR,cAAc,EAAEO;IACjB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAER,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAOC,cAAc,GAAG,IAAAS,MAAA,CAAAC,aAAA,EAACd,SAAA,CAAAe,OAAoB,MAAE,CAAC,GAAG,IAAAF,MAAA,CAAAC,aAAA,EAAChB,QAAA,CAAAiB,OAAmB,MAAE,CAAC;AAC3E"}

package/build/editor.js

@@ -18,6 +18,7 @@ var _layout = _interopRequireDefault(require("./components/layout"));
 var _editorInitialization = _interopRequireDefault(require("./components/editor-initialization"));
 var _store = require("./store");
 var _lockUnlock = require("./lock-unlock");
+var _usePostHistory = _interopRequireDefault(require("./hooks/use-post-history"));
 /**
  * WordPress dependencies
  */
@@ -30,29 +31,28 @@ const {
   ExperimentalEditorProvider
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
 function Editor({
-  postId,
-  postType,
+  postId: initialPostId,
+  postType: initialPostType,
   settings,
   initialEdits,
   ...props
 }) {
   const {
-    hasFixedToolbar,
-    focusMode,
-    isDistractionFree,
+    currentPost,
+    getPostLinkProps,
+    goBack
+  } = (0, _usePostHistory.default)(initialPostId, initialPostType);
+  const {
     hasInlineToolbar,
     post,
     preferredStyleVariations,
     hiddenBlockTypes,
     blockTypes,
-    keepCaretInsideBlock,
-    isTemplateMode,
     template
   } = (0, _data.useSelect)(select => {
     var _getPostType$viewable;
     const {
       isFeatureActive,
-      isEditingTemplate,
       getEditedPostTemplate,
       getHiddenBlockTypes
     } = select(_store.store);
@@ -68,53 +68,43 @@ function Editor({
     const {
       getBlockTypes
     } = select(_blocks.store);
-    const isTemplate = ['wp_template', 'wp_template_part'].includes(postType);
+    const isTemplate = ['wp_template', 'wp_template_part'].includes(currentPost.postType);
     // Ideally the initializeEditor function should be called using the ID of the REST endpoint.
     // to avoid the special case.
     let postObject;
     if (isTemplate) {
-      const posts = getEntityRecords('postType', postType, {
-        wp_id: postId
+      const posts = getEntityRecords('postType', currentPost.postType, {
+        wp_id: currentPost.postId
       });
       postObject = posts?.[0];
     } else {
-      postObject = getEntityRecord('postType', postType, postId);
+      postObject = getEntityRecord('postType', currentPost.postType, currentPost.postId);
     }
     const supportsTemplateMode = getEditorSettings().supportsTemplateMode;
-    const isViewable = (_getPostType$viewable = getPostType(postType)?.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false;
+    const isViewable = (_getPostType$viewable = getPostType(currentPost.postType)?.viewable) !== null && _getPostType$viewable !== void 0 ? _getPostType$viewable : false;
     const canEditTemplate = canUser('create', 'templates');
     return {
-      hasFixedToolbar: isFeatureActive('fixedToolbar'),
-      focusMode: isFeatureActive('focusMode'),
-      isDistractionFree: isFeatureActive('distractionFree'),
       hasInlineToolbar: isFeatureActive('inlineToolbar'),
       preferredStyleVariations: select(_preferences.store).get('core/edit-post', 'preferredStyleVariations'),
       hiddenBlockTypes: getHiddenBlockTypes(),
       blockTypes: getBlockTypes(),
-      keepCaretInsideBlock: isFeatureActive('keepCaretInsideBlock'),
-      isTemplateMode: isEditingTemplate(),
       template: supportsTemplateMode && isViewable && canEditTemplate ? getEditedPostTemplate() : null,
       post: postObject
     };
-  }, [postType, postId]);
+  }, [currentPost.postType, currentPost.postId]);
   const {
-    updatePreferredStyleVariations,
-    setIsInserterOpened
+    updatePreferredStyleVariations
   } = (0, _data.useDispatch)(_store.store);
   const editorSettings = (0, _element.useMemo)(() => {
     const result = {
       ...settings,
+      getPostLinkProps,
+      goBack,
       __experimentalPreferredStyleVariations: {
         value: preferredStyleVariations,
         onChange: updatePreferredStyleVariations
       },
-      hasFixedToolbar,
-      focusMode,
-      isDistractionFree,
       hasInlineToolbar,
-      // This is marked as experimental to give time for the quick inserter to mature.
-      __experimentalSetIsInserterOpened: setIsInserterOpened,
-      keepCaretInsideBlock,
       // Keep a reference of the `allowedBlockTypes` from the server to handle use cases
       // where we need to differentiate if a block is disabled by the user or some plugin.
       defaultAllowedBlockTypes: settings.allowedBlockTypes
@@ -131,7 +121,7 @@ function Editor({
       result.allowedBlockTypes = defaultAllowedBlockTypes.filter(type => !hiddenBlockTypes.includes(type));
     }
     return result;
-  }, [settings, hasFixedToolbar, hasInlineToolbar, focusMode, isDistractionFree, hiddenBlockTypes, blockTypes, preferredStyleVariations, setIsInserterOpened, updatePreferredStyleVariations, keepCaretInsideBlock]);
+  }, [settings, hasInlineToolbar, hiddenBlockTypes, blockTypes, preferredStyleVariations, updatePreferredStyleVariations, getPostLinkProps, goBack]);
   if (!post) {
     return null;
   }
@@ -140,10 +130,10 @@ function Editor({
     post: post,
     initialEdits: initialEdits,
     useSubRegistry: false,
-    __unstableTemplate: isTemplateMode ? template : undefined,
+    __unstableTemplate: template,
     ...props
   }, (0, _react.createElement)(_editor.ErrorBoundary, null, (0, _react.createElement)(_commands.CommandMenu, null), (0, _react.createElement)(_editorInitialization.default, {
-    postId: postId
+    postId: currentPost.postId
   }), (0, _react.createElement)(_layout.default, null)), (0, _react.createElement)(_editor.PostLockedModal, null)));
 }
 var _default = Editor;

package/build/editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_data","_editor","_element","_components","_coreData","_preferences","_commands","_layout","_interopRequireDefault","_editorInitialization","_store","_lockUnlock","ExperimentalEditorProvider","unlock","editorPrivateApis","Editor","postId","postType","settings","initialEdits","props","hasFixedToolbar","focusMode","isDistractionFree","hasInlineToolbar","post","preferredStyleVariations","hiddenBlockTypes","blockTypes","keepCaretInsideBlock","isTemplateMode","template","useSelect","select","_getPostType$viewable","isFeatureActive","isEditingTemplate","getEditedPostTemplate","getHiddenBlockTypes","editPostStore","getEntityRecord","getPostType","getEntityRecords","canUser","coreStore","getEditorSettings","editorStore","getBlockTypes","blocksStore","isTemplate","includes","postObject","posts","wp_id","supportsTemplateMode","isViewable","viewable","canEditTemplate","preferencesStore","get","updatePreferredStyleVariations","setIsInserterOpened","useDispatch","editorSettings","useMemo","result","__experimentalPreferredStyleVariations","value","onChange","__experimentalSetIsInserterOpened","defaultAllowedBlockTypes","allowedBlockTypes","length","map","name","filter","type","_react","createElement","SlotFillProvider","useSubRegistry","__unstableTemplate","undefined","ErrorBoundary","CommandMenu","default","PostLockedModal","_default","exports"],"sources":["@wordpress/edit-post/src/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tErrorBoundary,\n\tPostLockedModal,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { SlotFillProvider } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { CommandMenu } from '@wordpress/commands';\n\n/**\n * Internal dependencies\n */\nimport Layout from './components/layout';\nimport EditorInitialization from './components/editor-initialization';\nimport { store as editPostStore } from './store';\nimport { unlock } from './lock-unlock';\n\nconst { ExperimentalEditorProvider } = unlock( editorPrivateApis );\n\nfunction Editor( { postId, postType, settings, initialEdits, ...props } ) {\n\tconst {\n\t\thasFixedToolbar,\n\t\tfocusMode,\n\t\tisDistractionFree,\n\t\thasInlineToolbar,\n\t\tpost,\n\t\tpreferredStyleVariations,\n\t\thiddenBlockTypes,\n\t\tblockTypes,\n\t\tkeepCaretInsideBlock,\n\t\tisTemplateMode,\n\t\ttemplate,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisFeatureActive,\n\t\t\t\tisEditingTemplate,\n\t\t\t\tgetEditedPostTemplate,\n\t\t\t\tgetHiddenBlockTypes,\n\t\t\t} = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, getEntityRecords, canUser } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { getEditorSettings } = select( editorStore );\n\t\t\tconst { getBlockTypes } = select( blocksStore );\n\t\t\tconst isTemplate = [ 'wp_template', 'wp_template_part' ].includes(\n\t\t\t\tpostType\n\t\t\t);\n\t\t\t// Ideally the initializeEditor function should be called using the ID of the REST endpoint.\n\t\t\t// to avoid the special case.\n\t\t\tlet postObject;\n\t\t\tif ( isTemplate ) {\n\t\t\t\tconst posts = getEntityRecords( 'postType', postType, {\n\t\t\t\t\twp_id: postId,\n\t\t\t\t} );\n\t\t\t\tpostObject = posts?.[ 0 ];\n\t\t\t} else {\n\t\t\t\tpostObject = getEntityRecord( 'postType', postType, postId );\n\t\t\t}\n\t\t\tconst supportsTemplateMode =\n\t\t\t\tgetEditorSettings().supportsTemplateMode;\n\t\t\tconst isViewable = getPostType( postType )?.viewable ?? false;\n\t\t\tconst canEditTemplate = canUser( 'create', 'templates' );\n\n\t\t\treturn {\n\t\t\t\thasFixedToolbar: isFeatureActive( 'fixedToolbar' ),\n\t\t\t\tfocusMode: isFeatureActive( 'focusMode' ),\n\t\t\t\tisDistractionFree: isFeatureActive( 'distractionFree' ),\n\t\t\t\thasInlineToolbar: isFeatureActive( 'inlineToolbar' ),\n\t\t\t\tpreferredStyleVariations: select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-post',\n\t\t\t\t\t'preferredStyleVariations'\n\t\t\t\t),\n\t\t\t\thiddenBlockTypes: getHiddenBlockTypes(),\n\t\t\t\tblockTypes: getBlockTypes(),\n\t\t\t\tkeepCaretInsideBlock: isFeatureActive( 'keepCaretInsideBlock' ),\n\t\t\t\tisTemplateMode: isEditingTemplate(),\n\t\t\t\ttemplate:\n\t\t\t\t\tsupportsTemplateMode && isViewable && canEditTemplate\n\t\t\t\t\t\t? getEditedPostTemplate()\n\t\t\t\t\t\t: null,\n\t\t\t\tpost: postObject,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tconst { updatePreferredStyleVariations, setIsInserterOpened } =\n\t\tuseDispatch( editPostStore );\n\n\tconst editorSettings = useMemo( () => {\n\t\tconst result = {\n\t\t\t...settings,\n\t\t\t__experimentalPreferredStyleVariations: {\n\t\t\t\tvalue: preferredStyleVariations,\n\t\t\t\tonChange: updatePreferredStyleVariations,\n\t\t\t},\n\t\t\thasFixedToolbar,\n\t\t\tfocusMode,\n\t\t\tisDistractionFree,\n\t\t\thasInlineToolbar,\n\n\t\t\t// This is marked as experimental to give time for the quick inserter to mature.\n\t\t\t__experimentalSetIsInserterOpened: setIsInserterOpened,\n\t\t\tkeepCaretInsideBlock,\n\t\t\t// Keep a reference of the `allowedBlockTypes` from the server to handle use cases\n\t\t\t// where we need to differentiate if a block is disabled by the user or some plugin.\n\t\t\tdefaultAllowedBlockTypes: settings.allowedBlockTypes,\n\t\t};\n\n\t\t// Omit hidden block types if exists and non-empty.\n\t\tif ( hiddenBlockTypes.length > 0 ) {\n\t\t\t// Defer to passed setting for `allowedBlockTypes` if provided as\n\t\t\t// anything other than `true` (where `true` is equivalent to allow\n\t\t\t// all block types).\n\t\t\tconst defaultAllowedBlockTypes =\n\t\t\t\ttrue === settings.allowedBlockTypes\n\t\t\t\t\t? blockTypes.map( ( { name } ) => name )\n\t\t\t\t\t: settings.allowedBlockTypes || [];\n\n\t\t\tresult.allowedBlockTypes = defaultAllowedBlockTypes.filter(\n\t\t\t\t( type ) => ! hiddenBlockTypes.includes( type )\n\t\t\t);\n\t\t}\n\n\t\treturn result;\n\t}, [\n\t\tsettings,\n\t\thasFixedToolbar,\n\t\thasInlineToolbar,\n\t\tfocusMode,\n\t\tisDistractionFree,\n\t\thiddenBlockTypes,\n\t\tblockTypes,\n\t\tpreferredStyleVariations,\n\t\tsetIsInserterOpened,\n\t\tupdatePreferredStyleVariations,\n\t\tkeepCaretInsideBlock,\n\t] );\n\n\tif ( ! post ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<ExperimentalEditorProvider\n\t\t\t\tsettings={ editorSettings }\n\t\t\t\tpost={ post }\n\t\t\t\tinitialEdits={ initialEdits }\n\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t__unstableTemplate={ isTemplateMode ? template : undefined }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t<CommandMenu />\n\t\t\t\t\t<EditorInitialization postId={ postId } />\n\t\t\t\t\t<Layout />\n\t\t\t\t</ErrorBoundary>\n\t\t\t\t<PostLockedModal />\n\t\t\t</ExperimentalEditorProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport default Editor;\n"],"mappings":"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"}
+{"version":3,"names":["_blocks","require","_data","_editor","_element","_components","_coreData","_preferences","_commands","_layout","_interopRequireDefault","_editorInitialization","_store","_lockUnlock","_usePostHistory","ExperimentalEditorProvider","unlock","editorPrivateApis","Editor","postId","initialPostId","postType","initialPostType","settings","initialEdits","props","currentPost","getPostLinkProps","goBack","usePostHistory","hasInlineToolbar","post","preferredStyleVariations","hiddenBlockTypes","blockTypes","template","useSelect","select","_getPostType$viewable","isFeatureActive","getEditedPostTemplate","getHiddenBlockTypes","editPostStore","getEntityRecord","getPostType","getEntityRecords","canUser","coreStore","getEditorSettings","editorStore","getBlockTypes","blocksStore","isTemplate","includes","postObject","posts","wp_id","supportsTemplateMode","isViewable","viewable","canEditTemplate","preferencesStore","get","updatePreferredStyleVariations","useDispatch","editorSettings","useMemo","result","__experimentalPreferredStyleVariations","value","onChange","defaultAllowedBlockTypes","allowedBlockTypes","length","map","name","filter","type","_react","createElement","SlotFillProvider","useSubRegistry","__unstableTemplate","ErrorBoundary","CommandMenu","default","PostLockedModal","_default","exports"],"sources":["@wordpress/edit-post/src/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tErrorBoundary,\n\tPostLockedModal,\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useMemo } from '@wordpress/element';\nimport { SlotFillProvider } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { CommandMenu } from '@wordpress/commands';\n\n/**\n * Internal dependencies\n */\nimport Layout from './components/layout';\nimport EditorInitialization from './components/editor-initialization';\nimport { store as editPostStore } from './store';\nimport { unlock } from './lock-unlock';\nimport usePostHistory from './hooks/use-post-history';\n\nconst { ExperimentalEditorProvider } = unlock( editorPrivateApis );\n\nfunction Editor( {\n\tpostId: initialPostId,\n\tpostType: initialPostType,\n\tsettings,\n\tinitialEdits,\n\t...props\n} ) {\n\tconst { currentPost, getPostLinkProps, goBack } = usePostHistory(\n\t\tinitialPostId,\n\t\tinitialPostType\n\t);\n\n\tconst {\n\t\thasInlineToolbar,\n\t\tpost,\n\t\tpreferredStyleVariations,\n\t\thiddenBlockTypes,\n\t\tblockTypes,\n\t\ttemplate,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisFeatureActive,\n\t\t\t\tgetEditedPostTemplate,\n\t\t\t\tgetHiddenBlockTypes,\n\t\t\t} = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, getEntityRecords, canUser } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { getEditorSettings } = select( editorStore );\n\t\t\tconst { getBlockTypes } = select( blocksStore );\n\t\t\tconst isTemplate = [ 'wp_template', 'wp_template_part' ].includes(\n\t\t\t\tcurrentPost.postType\n\t\t\t);\n\t\t\t// Ideally the initializeEditor function should be called using the ID of the REST endpoint.\n\t\t\t// to avoid the special case.\n\t\t\tlet postObject;\n\t\t\tif ( isTemplate ) {\n\t\t\t\tconst posts = getEntityRecords(\n\t\t\t\t\t'postType',\n\t\t\t\t\tcurrentPost.postType,\n\t\t\t\t\t{\n\t\t\t\t\t\twp_id: currentPost.postId,\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tpostObject = posts?.[ 0 ];\n\t\t\t} else {\n\t\t\t\tpostObject = getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tcurrentPost.postType,\n\t\t\t\t\tcurrentPost.postId\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst supportsTemplateMode =\n\t\t\t\tgetEditorSettings().supportsTemplateMode;\n\t\t\tconst isViewable =\n\t\t\t\tgetPostType( currentPost.postType )?.viewable ?? false;\n\t\t\tconst canEditTemplate = canUser( 'create', 'templates' );\n\t\t\treturn {\n\t\t\t\thasInlineToolbar: isFeatureActive( 'inlineToolbar' ),\n\t\t\t\tpreferredStyleVariations: select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-post',\n\t\t\t\t\t'preferredStyleVariations'\n\t\t\t\t),\n\t\t\t\thiddenBlockTypes: getHiddenBlockTypes(),\n\t\t\t\tblockTypes: getBlockTypes(),\n\t\t\t\ttemplate:\n\t\t\t\t\tsupportsTemplateMode && isViewable && canEditTemplate\n\t\t\t\t\t\t? getEditedPostTemplate()\n\t\t\t\t\t\t: null,\n\t\t\t\tpost: postObject,\n\t\t\t};\n\t\t},\n\t\t[ currentPost.postType, currentPost.postId ]\n\t);\n\n\tconst { updatePreferredStyleVariations } = useDispatch( editPostStore );\n\n\tconst editorSettings = useMemo( () => {\n\t\tconst result = {\n\t\t\t...settings,\n\t\t\tgetPostLinkProps,\n\t\t\tgoBack,\n\t\t\t__experimentalPreferredStyleVariations: {\n\t\t\t\tvalue: preferredStyleVariations,\n\t\t\t\tonChange: updatePreferredStyleVariations,\n\t\t\t},\n\t\t\thasInlineToolbar,\n\n\t\t\t// Keep a reference of the `allowedBlockTypes` from the server to handle use cases\n\t\t\t// where we need to differentiate if a block is disabled by the user or some plugin.\n\t\t\tdefaultAllowedBlockTypes: settings.allowedBlockTypes,\n\t\t};\n\n\t\t// Omit hidden block types if exists and non-empty.\n\t\tif ( hiddenBlockTypes.length > 0 ) {\n\t\t\t// Defer to passed setting for `allowedBlockTypes` if provided as\n\t\t\t// anything other than `true` (where `true` is equivalent to allow\n\t\t\t// all block types).\n\t\t\tconst defaultAllowedBlockTypes =\n\t\t\t\ttrue === settings.allowedBlockTypes\n\t\t\t\t\t? blockTypes.map( ( { name } ) => name )\n\t\t\t\t\t: settings.allowedBlockTypes || [];\n\n\t\t\tresult.allowedBlockTypes = defaultAllowedBlockTypes.filter(\n\t\t\t\t( type ) => ! hiddenBlockTypes.includes( type )\n\t\t\t);\n\t\t}\n\n\t\treturn result;\n\t}, [\n\t\tsettings,\n\t\thasInlineToolbar,\n\t\thiddenBlockTypes,\n\t\tblockTypes,\n\t\tpreferredStyleVariations,\n\t\tupdatePreferredStyleVariations,\n\t\tgetPostLinkProps,\n\t\tgoBack,\n\t] );\n\n\tif ( ! post ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<ExperimentalEditorProvider\n\t\t\t\tsettings={ editorSettings }\n\t\t\t\tpost={ post }\n\t\t\t\tinitialEdits={ initialEdits }\n\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t__unstableTemplate={ template }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t<CommandMenu />\n\t\t\t\t\t<EditorInitialization postId={ currentPost.postId } />\n\t\t\t\t\t<Layout />\n\t\t\t\t</ErrorBoundary>\n\t\t\t\t<PostLockedModal />\n\t\t\t</ExperimentalEditorProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport default Editor;\n"],"mappings":"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"}