@wordpress/edit-post 7.34.0 → 8.0.0

package/build/components/init-pattern-modal/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InitPatternModal;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -12,6 +11,7 @@ var _element = require("@wordpress/element");
 var _editor = require("@wordpress/editor");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -53,47 +53,54 @@ function InitPatternModal() {
   if (postType !== 'wp_block' || !isNewPost) {
     return null;
   }
-  return (0, _react.createElement)(_react.Fragment, null, isModalOpen && (0, _react.createElement)(_components.Modal, {
-    title: (0, _i18n.__)('Create pattern'),
-    onRequestClose: () => {
-      setIsModalOpen(false);
-    },
-    overlayClassName: "reusable-blocks-menu-items__convert-modal"
-  }, (0, _react.createElement)("form", {
-    onSubmit: event => {
-      event.preventDefault();
-      setIsModalOpen(false);
-      editPost({
-        title,
-        meta: {
-          wp_pattern_sync_status: syncType
-        }
-      });
-    }
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: "5"
-  }, (0, _react.createElement)(_components.TextControl, {
-    label: (0, _i18n.__)('Name'),
-    value: title,
-    onChange: setTitle,
-    placeholder: (0, _i18n.__)('My pattern'),
-    className: "patterns-create-modal__name-input",
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true
-  }), (0, _react.createElement)(ReusableBlocksRenameHint, null), (0, _react.createElement)(_components.ToggleControl, {
-    label: (0, _i18n._x)('Synced', 'Option that makes an individual pattern synchronized'),
-    help: (0, _i18n.__)('Sync this pattern across multiple locations.'),
-    checked: !syncType,
-    onChange: () => {
-      setSyncType(!syncType ? 'unsynced' : undefined);
-    }
-  }), (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "right"
-  }, (0, _react.createElement)(_components.Button, {
-    variant: "primary",
-    type: "submit",
-    disabled: !title,
-    __experimentalIsFocusable: true
-  }, (0, _i18n.__)('Create')))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
+      title: (0, _i18n.__)('Create pattern'),
+      onRequestClose: () => {
+        setIsModalOpen(false);
+      },
+      overlayClassName: "reusable-blocks-menu-items__convert-modal",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+        onSubmit: event => {
+          event.preventDefault();
+          setIsModalOpen(false);
+          editPost({
+            title,
+            meta: {
+              wp_pattern_sync_status: syncType
+            }
+          });
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+          spacing: "5",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+            label: (0, _i18n.__)('Name'),
+            value: title,
+            onChange: setTitle,
+            placeholder: (0, _i18n.__)('My pattern'),
+            className: "patterns-create-modal__name-input",
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ReusableBlocksRenameHint, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            label: (0, _i18n._x)('Synced', 'Option that makes an individual pattern synchronized'),
+            help: (0, _i18n.__)('Sync this pattern across multiple locations.'),
+            checked: !syncType,
+            onChange: () => {
+              setSyncType(!syncType ? 'unsynced' : undefined);
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
+            justify: "right",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+              variant: "primary",
+              type: "submit",
+              disabled: !title,
+              __experimentalIsFocusable: true,
+              children: (0, _i18n.__)('Create')
+            })
+          })]
+        })
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/init-pattern-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_components","_element","_editor","_blockEditor","_lockUnlock","ReusableBlocksRenameHint","unlock","blockEditorPrivateApis","InitPatternModal","editPost","useDispatch","editorStore","isModalOpen","setIsModalOpen","useState","syncType","setSyncType","undefined","title","setTitle","postType","isNewPost","useSelect","select","getEditedPostAttribute","isCleanNewPost","useEffect","_react","createElement","Fragment","Modal","__","onRequestClose","overlayClassName","onSubmit","event","preventDefault","meta","wp_pattern_sync_status","__experimentalVStack","spacing","TextControl","label","value","onChange","placeholder","className","__nextHasNoMarginBottom","__next40pxDefaultSize","ToggleControl","_x","help","checked","__experimentalHStack","justify","Button","variant","type","disabled","__experimentalIsFocusable"],"sources":["@wordpress/edit-post/src/components/init-pattern-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useEffect, useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ReusableBlocksRenameHint } = unlock( blockEditorPrivateApis );\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst { postType, isNewPost } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, isCleanNewPost } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tpostType: getEditedPostAttribute( 'type' ),\n\t\t\tisNewPost: isCleanNewPost(),\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isNewPost && postType === 'wp_block' ) {\n\t\t\tsetIsModalOpen( true );\n\t\t}\n\t\t// We only want the modal to open when the page is first loaded.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tif ( postType !== 'wp_block' || ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Synced',\n\t\t\t\t\t\t\t\t\t'Option that makes an individual pattern synchronized'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_components","_element","_editor","_blockEditor","_lockUnlock","_jsxRuntime","ReusableBlocksRenameHint","unlock","blockEditorPrivateApis","InitPatternModal","editPost","useDispatch","editorStore","isModalOpen","setIsModalOpen","useState","syncType","setSyncType","undefined","title","setTitle","postType","isNewPost","useSelect","select","getEditedPostAttribute","isCleanNewPost","useEffect","jsx","Fragment","children","Modal","__","onRequestClose","overlayClassName","onSubmit","event","preventDefault","meta","wp_pattern_sync_status","jsxs","__experimentalVStack","spacing","TextControl","label","value","onChange","placeholder","className","__nextHasNoMarginBottom","__next40pxDefaultSize","ToggleControl","_x","help","checked","__experimentalHStack","justify","Button","variant","type","disabled","__experimentalIsFocusable"],"sources":["@wordpress/edit-post/src/components/init-pattern-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useEffect, useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ReusableBlocksRenameHint } = unlock( blockEditorPrivateApis );\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst { postType, isNewPost } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, isCleanNewPost } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tpostType: getEditedPostAttribute( 'type' ),\n\t\t\tisNewPost: isCleanNewPost(),\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isNewPost && postType === 'wp_block' ) {\n\t\t\tsetIsModalOpen( true );\n\t\t}\n\t\t// We only want the modal to open when the page is first loaded.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tif ( postType !== 'wp_block' || ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Synced',\n\t\t\t\t\t\t\t\t\t'Option that makes an individual pattern synchronized'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/index.js

@@ -5,34 +5,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _plugins = require("@wordpress/plugins");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _notices = require("@wordpress/notices");
 var _preferences = require("@wordpress/preferences");
 var _commands = require("@wordpress/commands");
 var _coreCommands = require("@wordpress/core-commands");
 var _blockLibrary = require("@wordpress/block-library");
-var _textEditor = _interopRequireDefault(require("../text-editor"));
-var _visualEditor = _interopRequireDefault(require("../visual-editor"));
-var _keyboardShortcuts2 = _interopRequireDefault(require("../keyboard-shortcuts"));
+var _url = require("@wordpress/url");
+var _backButton = _interopRequireDefault(require("../back-button"));
+var _keyboardShortcuts = _interopRequireDefault(require("../keyboard-shortcuts"));
 var _initPatternModal = _interopRequireDefault(require("../init-pattern-modal"));
 var _browserUrl = _interopRequireDefault(require("../browser-url"));
-var _header = _interopRequireDefault(require("../header"));
-var _settingsSidebar = _interopRequireDefault(require("../sidebar/settings-sidebar"));
 var _metaBoxes = _interopRequireDefault(require("../meta-boxes"));
+var _moreMenu = _interopRequireDefault(require("../more-menu"));
 var _welcomeGuide = _interopRequireDefault(require("../welcome-guide"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
-var _useCommonCommands = _interopRequireDefault(require("../../hooks/commands/use-common-commands"));
+var _useCommands = _interopRequireDefault(require("../../commands/use-commands"));
+var _usePaddingAppender = require("./use-padding-appender");
+var _useShouldIframe = require("./use-should-iframe");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -55,41 +54,44 @@ const {
   useCommandContext
 } = (0, _lockUnlock.unlock)(_commands.privateApis);
 const {
-  InserterSidebar,
-  ListViewSidebar,
-  ComplementaryArea,
+  EditorInterface,
   FullscreenMode,
-  SavePublishPanels,
-  InterfaceSkeleton,
-  interfaceStore
+  Sidebar
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
 const {
   BlockKeyboardShortcuts
 } = (0, _lockUnlock.unlock)(_blockLibrary.privateApis);
-const interfaceLabels = {
-  /* translators: accessibility text for the editor top bar landmark region. */
-  header: (0, _i18n.__)('Editor top bar'),
-  /* translators: accessibility text for the editor content landmark region. */
-  body: (0, _i18n.__)('Editor content'),
-  /* translators: accessibility text for the editor settings landmark region. */
-  sidebar: (0, _i18n.__)('Editor settings'),
-  /* translators: accessibility text for the editor publish landmark region. */
-  actions: (0, _i18n.__)('Editor publish'),
-  /* translators: accessibility text for the editor footer landmark region. */
-  footer: (0, _i18n.__)('Editor footer')
-};
+const DESIGN_POST_TYPES = ['wp_template', 'wp_template_part', 'wp_block', 'wp_navigation'];
 function useEditorStyles() {
   const {
     hasThemeStyleSupport,
-    editorSettings
-  } = (0, _data.useSelect)(select => ({
-    hasThemeStyleSupport: select(_store.store).isFeatureActive('themeStyles'),
-    editorSettings: select(_editor.store).getEditorSettings()
-  }), []);
+    editorSettings,
+    isZoomedOutView,
+    hasMetaBoxes,
+    renderingMode,
+    postType
+  } = (0, _data.useSelect)(select => {
+    const {
+      __unstableGetEditorMode
+    } = select(_blockEditor.store);
+    const {
+      getCurrentPostType,
+      getRenderingMode
+    } = select(_editor.store);
+    const _postType = getCurrentPostType();
+    return {
+      hasThemeStyleSupport: select(_store.store).isFeatureActive('themeStyles'),
+      editorSettings: select(_editor.store).getEditorSettings(),
+      isZoomedOutView: __unstableGetEditorMode() === 'zoom-out',
+      hasMetaBoxes: select(_store.store).hasMetaBoxes(),
+      renderingMode: getRenderingMode(),
+      postType: _postType
+    };
+  }, []);
 
   // Compute the default styles.
   return (0, _element.useMemo)(() => {
-    var _editorSettings$style, _editorSettings$style2;
+    var _editorSettings$style, _editorSettings$style2, _editorSettings$style3;
     const presetStyles = (_editorSettings$style = editorSettings.styles?.filter(style => style.__unstableType && style.__unstableType !== 'theme')) !== null && _editorSettings$style !== void 0 ? _editorSettings$style : [];
     const defaultEditorStyles = [...editorSettings.defaultEditorStyles, ...presetStyles];
 
@@ -109,184 +111,160 @@ function useEditorStyles() {
         })
       });
     }
-    return hasThemeStyles ? editorSettings.styles : defaultEditorStyles;
+    const baseStyles = hasThemeStyles ? (_editorSettings$style3 = editorSettings.styles) !== null && _editorSettings$style3 !== void 0 ? _editorSettings$style3 : [] : defaultEditorStyles;
+
+    // Add a constant padding for the typewritter effect. When typing at the
+    // bottom, there needs to be room to scroll up.
+    if (!isZoomedOutView && !hasMetaBoxes && renderingMode === 'post-only' && !DESIGN_POST_TYPES.includes(postType)) {
+      baseStyles.push({
+        css: 'body{padding-bottom: 40vh}'
+      });
+    }
+    return baseStyles;
   }, [editorSettings.defaultEditorStyles, editorSettings.disableLayoutStyles, editorSettings.styles, hasThemeStyleSupport]);
 }
 function Layout({
   initialPost
 }) {
   useCommands();
-  (0, _useCommonCommands.default)();
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const isHugeViewport = (0, _compose.useViewportMatch)('huge', '>=');
+  (0, _useCommands.default)();
   const isWideViewport = (0, _compose.useViewportMatch)('large');
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const {
-    closeGeneralSidebar
-  } = (0, _data.useDispatch)(_store.store);
+  const paddingAppenderRef = (0, _usePaddingAppender.usePaddingAppender)();
+  const shouldIframe = (0, _useShouldIframe.useShouldIframe)();
   const {
     createErrorNotice
   } = (0, _data.useDispatch)(_notices.store);
-  const {
-    setIsInserterOpened
-  } = (0, _data.useDispatch)(_editor.store);
   const {
     mode,
     isFullscreenActive,
-    isRichEditingEnabled,
     sidebarIsOpened,
     hasActiveMetaboxes,
-    previousShortcut,
-    nextShortcut,
     hasBlockSelected,
-    isInserterOpened,
-    isListViewOpened,
     showIconLabels,
     isDistractionFree,
     showBlockBreadcrumbs,
     showMetaBoxes,
-    documentLabel,
     hasHistory,
-    hasBlockBreadcrumbs
+    isEditingTemplate,
+    isWelcomeGuideVisible
   } = (0, _data.useSelect)(select => {
     const {
       get
     } = select(_preferences.store);
     const {
-      getEditorSettings,
-      getPostTypeLabel
+      getEditorSettings
     } = select(_editor.store);
-    const editorSettings = getEditorSettings();
-    const postTypeLabel = getPostTypeLabel();
+    const {
+      isFeatureActive
+    } = select(_store.store);
     return {
-      showMetaBoxes: select(_editor.store).getRenderingMode() === 'post-only',
-      sidebarIsOpened: !!(select(interfaceStore).getActiveComplementaryArea('core') || select(_editor.store).isPublishSidebarOpened()),
-      isFullscreenActive: select(_store.store).isFeatureActive('fullscreenMode'),
-      isInserterOpened: select(_editor.store).isInserterOpened(),
-      isListViewOpened: select(_editor.store).isListViewOpened(),
       mode: select(_editor.store).getEditorMode(),
-      isRichEditingEnabled: editorSettings.richEditingEnabled,
+      isFullscreenActive: select(_store.store).isFeatureActive('fullscreenMode'),
       hasActiveMetaboxes: select(_store.store).hasMetaBoxes(),
-      previousShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/editor/next-region'),
+      hasBlockSelected: !!select(_blockEditor.store).getBlockSelectionStart(),
       showIconLabels: get('core', 'showIconLabels'),
       isDistractionFree: get('core', 'distractionFree'),
       showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
-      // translators: Default label for the Document in the Block Breadcrumb.
-      documentLabel: postTypeLabel || (0, _i18n._x)('Document', 'noun'),
-      hasBlockSelected: !!select(_blockEditor.store).getBlockSelectionStart(),
+      showMetaBoxes: select(_editor.store).getRenderingMode() === 'post-only',
       hasHistory: !!getEditorSettings().onNavigateToPreviousEntityRecord,
-      hasBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs')
+      isEditingTemplate: select(_editor.store).getCurrentPostType() === 'wp_template',
+      isWelcomeGuideVisible: isFeatureActive('welcomeGuide')
     };
   }, []);
 
   // Set the right context for the command palette
-  const commandContext = hasBlockSelected ? 'block-selection-edit' : 'post-editor-edit';
+  const commandContext = hasBlockSelected ? 'block-selection-edit' : 'entity-edit';
   useCommandContext(commandContext);
   const styles = useEditorStyles();
 
-  // Inserter and Sidebars are mutually exclusive
-  (0, _element.useEffect)(() => {
-    if (sidebarIsOpened && !isHugeViewport) {
-      setIsInserterOpened(false);
-    }
-  }, [isHugeViewport, setIsInserterOpened, sidebarIsOpened]);
-  (0, _element.useEffect)(() => {
-    if (isInserterOpened && !isHugeViewport) {
-      closeGeneralSidebar();
-    }
-  }, [closeGeneralSidebar, isInserterOpened, isHugeViewport]);
-
-  // Local state for save panel.
-  // Note 'truthy' callback implies an open panel.
-  const [entitiesSavedStatesCallback, setEntitiesSavedStatesCallback] = (0, _element.useState)(false);
-  const closeEntitiesSavedStates = (0, _element.useCallback)(arg => {
-    if (typeof entitiesSavedStatesCallback === 'function') {
-      entitiesSavedStatesCallback(arg);
-    }
-    setEntitiesSavedStatesCallback(false);
-  }, [entitiesSavedStatesCallback]);
-
   // We need to add the show-icon-labels class to the body element so it is applied to modals.
   if (showIconLabels) {
     document.body.classList.add('show-icon-labels');
   } else {
     document.body.classList.remove('show-icon-labels');
   }
-  const className = (0, _classnames.default)('edit-post-layout', 'is-mode-' + mode, {
+  const className = (0, _clsx.default)('edit-post-layout', 'is-mode-' + mode, {
     'is-sidebar-opened': sidebarIsOpened,
     'has-metaboxes': hasActiveMetaboxes,
     'is-distraction-free': isDistractionFree && isWideViewport,
-    'is-entity-save-view-open': !!entitiesSavedStatesCallback,
-    'has-block-breadcrumbs': hasBlockBreadcrumbs && !isDistractionFree && isWideViewport
+    'has-block-breadcrumbs': showBlockBreadcrumbs && !isDistractionFree && isWideViewport
   });
-  const secondarySidebarLabel = isListViewOpened ? (0, _i18n.__)('Document Overview') : (0, _i18n.__)('Block Library');
-  const secondarySidebar = () => {
-    if (mode === 'visual' && isInserterOpened) {
-      return (0, _react.createElement)(InserterSidebar, {
-        closeGeneralSidebar: closeGeneralSidebar,
-        isRightSidebarOpen: sidebarIsOpened
-      });
-    }
-    if (mode === 'visual' && isListViewOpened) {
-      return (0, _react.createElement)(ListViewSidebar, null);
-    }
-    return null;
-  };
   function onPluginAreaError(name) {
     createErrorNotice((0, _i18n.sprintf)( /* translators: %s: plugin name */
     (0, _i18n.__)('The "%s" plugin has encountered an error and cannot be rendered.'), name));
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(FullscreenMode, {
-    isActive: isFullscreenActive
-  }), (0, _react.createElement)(_browserUrl.default, {
-    hasHistory: hasHistory
-  }), (0, _react.createElement)(_editor.UnsavedChangesWarning, null), (0, _react.createElement)(_editor.AutosaveMonitor, null), (0, _react.createElement)(_editor.LocalAutosaveMonitor, null), (0, _react.createElement)(_keyboardShortcuts2.default, null), (0, _react.createElement)(_editor.EditorKeyboardShortcutsRegister, null), (0, _react.createElement)(_editor.EditorKeyboardShortcuts, null), (0, _react.createElement)(BlockKeyboardShortcuts, null), (0, _react.createElement)(InterfaceSkeleton, {
-    isDistractionFree: isDistractionFree && isWideViewport,
-    className: className,
-    labels: {
-      ...interfaceLabels,
-      secondarySidebar: secondarySidebarLabel
-    },
-    header: (0, _react.createElement)(_header.default, {
-      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
-      initialPost: initialPost
-    }),
-    editorNotices: (0, _react.createElement)(_editor.EditorNotices, null),
-    secondarySidebar: secondarySidebar(),
-    sidebar: !isDistractionFree && (0, _react.createElement)(ComplementaryArea.Slot, {
-      scope: "core"
-    }),
-    notices: (0, _react.createElement)(_editor.EditorSnackbars, null),
-    content: (0, _react.createElement)(_react.Fragment, null, !isDistractionFree && (0, _react.createElement)(_editor.EditorNotices, null), (mode === 'text' || !isRichEditingEnabled) && (0, _react.createElement)(_textEditor.default, null), !isLargeViewport && (0, _react.createElement)(_blockEditor.BlockToolbar, {
-      hideDragHandle: true
-    }), isRichEditingEnabled && mode === 'visual' && (0, _react.createElement)(_visualEditor.default, {
-      styles: styles
-    }), !isDistractionFree && showMetaBoxes && (0, _react.createElement)("div", {
-      className: "edit-post-layout__metaboxes"
-    }, (0, _react.createElement)(_metaBoxes.default, {
-      location: "normal"
-    }), (0, _react.createElement)(_metaBoxes.default, {
-      location: "advanced"
-    })), isMobileViewport && sidebarIsOpened && (0, _react.createElement)(_components.ScrollLock, null)),
-    footer: !isDistractionFree && !isMobileViewport && showBlockBreadcrumbs && isRichEditingEnabled && mode === 'visual' && (0, _react.createElement)("div", {
-      className: "edit-post-layout__footer"
-    }, (0, _react.createElement)(_blockEditor.BlockBreadcrumb, {
-      rootLabelText: documentLabel
-    })),
-    actions: (0, _react.createElement)(SavePublishPanels, {
-      closeEntitiesSavedStates: closeEntitiesSavedStates,
-      isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
-      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
-      forceIsDirtyPublishPanel: hasActiveMetaboxes
-    }),
-    shortcuts: {
-      previous: previousShortcut,
-      next: nextShortcut
+  const {
+    createSuccessNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const onActionPerformed = (0, _element.useCallback)((actionId, items) => {
+    switch (actionId) {
+      case 'move-to-trash':
+        {
+          document.location.href = (0, _url.addQueryArgs)('edit.php', {
+            trashed: 1,
+            post_type: items[0].type,
+            ids: items[0].id
+          });
+        }
+        break;
+      case 'duplicate-post':
+        {
+          const newItem = items[0];
+          const title = typeof newItem.title === 'string' ? newItem.title : newItem.title?.rendered;
+          createSuccessNotice((0, _i18n.sprintf)(
+          // translators: %s: Title of the created post e.g: "Post 1".
+          (0, _i18n.__)('"%s" successfully created.'), title), {
+            type: 'snackbar',
+            id: 'duplicate-post-action',
+            actions: [{
+              label: (0, _i18n.__)('Edit'),
+              onClick: () => {
+                const postId = newItem.id;
+                document.location.href = (0, _url.addQueryArgs)('post.php', {
+                  post: postId,
+                  action: 'edit'
+                });
+              }
+            }]
+          });
+        }
+        break;
     }
-  }), (0, _react.createElement)(_welcomeGuide.default, null), (0, _react.createElement)(_initPatternModal.default, null), (0, _react.createElement)(_plugins.PluginArea, {
-    onError: onPluginAreaError
-  }), !isDistractionFree && (0, _react.createElement)(_settingsSidebar.default, null));
+  }, [createSuccessNotice]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FullscreenMode, {
+      isActive: isFullscreenActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_browserUrl.default, {
+      hasHistory: hasHistory
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.AutosaveMonitor, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.LocalAutosaveMonitor, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_keyboardShortcuts.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorKeyboardShortcutsRegister, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockKeyboardShortcuts, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_welcomeGuide.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_initPatternModal.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_plugins.PluginArea, {
+      onError: onPluginAreaError
+    }), !isDistractionFree && /*#__PURE__*/(0, _jsxRuntime.jsx)(Sidebar, {
+      onActionPerformed: onActionPerformed,
+      extraPanels: !isEditingTemplate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_metaBoxes.default, {
+        location: "side"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_backButton.default, {
+      initialPost: initialPost
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorSnackbars, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditorInterface, {
+      className: className,
+      styles: styles,
+      forceIsDirty: hasActiveMetaboxes,
+      contentRef: paddingAppenderRef,
+      disableIframe: !shouldIframe
+      // We should auto-focus the canvas (title) on load.
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      ,
+      autoFocus: !isWelcomeGuideVisible,
+      children: !isDistractionFree && showMetaBoxes && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "edit-post-layout__metaboxes",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_metaBoxes.default, {
+          location: "normal"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_metaBoxes.default, {
+          location: "advanced"
+        })]
+      })
+    })]
+  });
 }
 var _default = exports.default = Layout;
 //# sourceMappingURL=index.js.map