@wordpress/editor 13.35.0 → 14.0.0

package/build/components/template-validation-notice/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TemplateValidationNotice;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -26,25 +26,29 @@ function TemplateValidationNotice() {
   if (isValid) {
     return null;
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Notice, {
-    className: "editor-template-validation-notice",
-    isDismissible: false,
-    status: "warning",
-    actions: [{
-      label: (0, _i18n.__)('Keep it as is'),
-      onClick: () => setTemplateValidity(true)
-    }, {
-      label: (0, _i18n.__)('Reset the template'),
-      onClick: () => setShowConfirmDialog(true)
-    }]
-  }, (0, _i18n.__)('The content of your post doesn’t match the template assigned to your post type.')), (0, _react.createElement)(_components.__experimentalConfirmDialog, {
-    isOpen: showConfirmDialog,
-    confirmButtonText: (0, _i18n.__)('Reset'),
-    onConfirm: () => {
-      setShowConfirmDialog(false);
-      synchronizeTemplate();
-    },
-    onCancel: () => setShowConfirmDialog(false)
-  }, (0, _i18n.__)('Resetting the template may result in loss of content, do you want to continue?')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Notice, {
+      className: "editor-template-validation-notice",
+      isDismissible: false,
+      status: "warning",
+      actions: [{
+        label: (0, _i18n.__)('Keep it as is'),
+        onClick: () => setTemplateValidity(true)
+      }, {
+        label: (0, _i18n.__)('Reset the template'),
+        onClick: () => setShowConfirmDialog(true)
+      }],
+      children: (0, _i18n.__)('The content of your post doesn’t match the template assigned to your post type.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
+      isOpen: showConfirmDialog,
+      confirmButtonText: (0, _i18n.__)('Reset'),
+      onConfirm: () => {
+        setShowConfirmDialog(false);
+        synchronizeTemplate();
+      },
+      onCancel: () => setShowConfirmDialog(false),
+      children: (0, _i18n.__)('Resetting the template may result in loss of content, do you want to continue?')
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/template-validation-notice/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_element","_blockEditor","TemplateValidationNotice","showConfirmDialog","setShowConfirmDialog","useState","isValid","useSelect","select","blockEditorStore","isValidTemplate","setTemplateValidity","synchronizeTemplate","useDispatch","_react","createElement","Fragment","Notice","className","isDismissible","status","actions","label","__","onClick","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/editor/src/components/template-validation-notice/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tNotice,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function TemplateValidationNotice() {\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\tconst isValid = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).isValidTemplate();\n\t}, [] );\n\tconst { setTemplateValidity, synchronizeTemplate } =\n\t\tuseDispatch( blockEditorStore );\n\n\tif ( isValid ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Notice\n\t\t\t\tclassName=\"editor-template-validation-notice\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tstatus=\"warning\"\n\t\t\t\tactions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Keep it as is' ),\n\t\t\t\t\t\tonClick: () => setTemplateValidity( true ),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Reset the template' ),\n\t\t\t\t\t\tonClick: () => setShowConfirmDialog( true ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __(\n\t\t\t\t\t'The content of your post doesn’t match the template assigned to your post type.'\n\t\t\t\t) }\n\t\t\t</Notice>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\tconfirmButtonText={ __( 'Reset' ) }\n\t\t\t\tonConfirm={ () => {\n\t\t\t\t\tsetShowConfirmDialog( false );\n\t\t\t\t\tsynchronizeTemplate();\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => setShowConfirmDialog( false ) }\n\t\t\t>\n\t\t\t\t{ __(\n\t\t\t\t\t'Resetting the template may result in loss of content, do you want to continue?'\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAUe,SAASK,wBAAwBA,CAAA,EAAG;EAClD,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrE,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,eAAe,CAAC,CAAC;EACpD,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC,mBAAmB;IAAEC;EAAoB,CAAC,GACjD,IAAAC,iBAAW,EAAEJ,kBAAiB,CAAC;EAEhC,IAAKH,OAAO,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqB,MAAM;IACNC,SAAS,EAAC,mCAAmC;IAC7CC,aAAa,EAAG,KAAO;IACvBC,MAAM,EAAC,SAAS;IAChBC,OAAO,EAAG,CACT;MACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;MAC5BC,OAAO,EAAEA,CAAA,KAAMb,mBAAmB,CAAE,IAAK;IAC1C,CAAC,EACD;MACCW,KAAK,EAAE,IAAAC,QAAE,EAAE,oBAAqB,CAAC;MACjCC,OAAO,EAAEA,CAAA,KAAMpB,oBAAoB,CAAE,IAAK;IAC3C,CAAC;EACC,GAED,IAAAmB,QAAE,EACH,iFACD,CACO,CAAC,EACT,IAAAT,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA6B,2BAAa;IACbC,MAAM,EAAGvB,iBAAmB;IAC5BwB,iBAAiB,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;IACnCK,SAAS,EAAGA,CAAA,KAAM;MACjBxB,oBAAoB,CAAE,KAAM,CAAC;MAC7BQ,mBAAmB,CAAC,CAAC;IACtB,CAAG;IACHiB,QAAQ,EAAGA,CAAA,KAAMzB,oBAAoB,CAAE,KAAM;EAAG,GAE9C,IAAAmB,QAAE,EACH,gFACD,CACc,CACd,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_element","_blockEditor","_jsxRuntime","TemplateValidationNotice","showConfirmDialog","setShowConfirmDialog","useState","isValid","useSelect","select","blockEditorStore","isValidTemplate","setTemplateValidity","synchronizeTemplate","useDispatch","jsxs","Fragment","children","jsx","Notice","className","isDismissible","status","actions","label","__","onClick","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/editor/src/components/template-validation-notice/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tNotice,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function TemplateValidationNotice() {\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\tconst isValid = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).isValidTemplate();\n\t}, [] );\n\tconst { setTemplateValidity, synchronizeTemplate } =\n\t\tuseDispatch( blockEditorStore );\n\n\tif ( isValid ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Notice\n\t\t\t\tclassName=\"editor-template-validation-notice\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tstatus=\"warning\"\n\t\t\t\tactions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Keep it as is' ),\n\t\t\t\t\t\tonClick: () => setTemplateValidity( true ),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Reset the template' ),\n\t\t\t\t\t\tonClick: () => setShowConfirmDialog( true ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __(\n\t\t\t\t\t'The content of your post doesn’t match the template assigned to your post type.'\n\t\t\t\t) }\n\t\t\t</Notice>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\tconfirmButtonText={ __( 'Reset' ) }\n\t\t\t\tonConfirm={ () => {\n\t\t\t\t\tsetShowConfirmDialog( false );\n\t\t\t\t\tsynchronizeTemplate();\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => setShowConfirmDialog( false ) }\n\t\t\t>\n\t\t\t\t{ __(\n\t\t\t\t\t'Resetting the template may result in loss of content, do you want to continue?'\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoE,IAAAK,WAAA,GAAAL,OAAA;AAVpE;AACA;AACA;;AAUe,SAASM,wBAAwBA,CAAA,EAAG;EAClD,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrE,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,eAAe,CAAC,CAAC;EACpD,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC,mBAAmB;IAAEC;EAAoB,CAAC,GACjD,IAAAC,iBAAW,EAAEJ,kBAAiB,CAAC;EAEhC,IAAKH,OAAO,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAC,QAAA,gBACC,IAAAf,WAAA,CAAAgB,GAAA,EAACtB,WAAA,CAAAuB,MAAM;MACNC,SAAS,EAAC,mCAAmC;MAC7CC,aAAa,EAAG,KAAO;MACvBC,MAAM,EAAC,SAAS;MAChBC,OAAO,EAAG,CACT;QACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;QAC5BC,OAAO,EAAEA,CAAA,KAAMd,mBAAmB,CAAE,IAAK;MAC1C,CAAC,EACD;QACCY,KAAK,EAAE,IAAAC,QAAE,EAAE,oBAAqB,CAAC;QACjCC,OAAO,EAAEA,CAAA,KAAMrB,oBAAoB,CAAE,IAAK;MAC3C,CAAC,CACC;MAAAY,QAAA,EAED,IAAAQ,QAAE,EACH,iFACD;IAAC,CACM,CAAC,eACT,IAAAvB,WAAA,CAAAgB,GAAA,EAACtB,WAAA,CAAA+B,2BAAa;MACbC,MAAM,EAAGxB,iBAAmB;MAC5ByB,iBAAiB,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;MACnCK,SAAS,EAAGA,CAAA,KAAM;QACjBzB,oBAAoB,CAAE,KAAM,CAAC;QAC7BQ,mBAAmB,CAAC,CAAC;MACtB,CAAG;MACHkB,QAAQ,EAAGA,CAAA,KAAM1B,oBAAoB,CAAE,KAAM,CAAG;MAAAY,QAAA,EAE9C,IAAAQ,QAAE,EACH,gFACD;IAAC,CACa,CAAC;EAAA,CACf,CAAC;AAEL","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TextEditor;
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
+var _element = require("@wordpress/element");
+var _store = require("../../store");
+var _postTextEditor = _interopRequireDefault(require("../post-text-editor"));
+var _postTitleRaw = _interopRequireDefault(require("../post-title/post-title-raw"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function TextEditor({
+  autoFocus = false
+}) {
+  const {
+    switchEditorMode
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    shortcut,
+    isRichEditingEnabled
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditorSettings
+    } = select(_store.store);
+    const {
+      getShortcutRepresentation
+    } = select(_keyboardShortcuts.store);
+    return {
+      shortcut: getShortcutRepresentation('core/editor/toggle-mode'),
+      isRichEditingEnabled: getEditorSettings().richEditingEnabled
+    };
+  }, []);
+  const titleRef = (0, _element.useRef)();
+  (0, _element.useEffect)(() => {
+    if (autoFocus) {
+      return;
+    }
+    titleRef?.current?.focus();
+  }, [autoFocus]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "editor-text-editor",
+    children: [isRichEditingEnabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "editor-text-editor__toolbar",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        children: (0, _i18n.__)('Editing code')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        variant: "tertiary",
+        onClick: () => switchEditorMode('visual'),
+        shortcut: shortcut,
+        children: (0, _i18n.__)('Exit code editor')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "editor-text-editor__body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postTitleRaw.default, {
+        ref: titleRef
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postTextEditor.default, {})]
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_data","_i18n","_keyboardShortcuts","_element","_store","_postTextEditor","_interopRequireDefault","_postTitleRaw","_jsxRuntime","TextEditor","autoFocus","switchEditorMode","useDispatch","editorStore","shortcut","isRichEditingEnabled","useSelect","select","getEditorSettings","getShortcutRepresentation","keyboardShortcutsStore","richEditingEnabled","titleRef","useRef","useEffect","current","focus","jsxs","className","children","jsx","__","Button","variant","onClick","default","ref"],"sources":["@wordpress/editor/src/components/text-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport PostTextEditor from '../post-text-editor';\nimport PostTitleRaw from '../post-title/post-title-raw';\n\nexport default function TextEditor( { autoFocus = false } ) {\n\tconst { switchEditorMode } = useDispatch( editorStore );\n\tconst { shortcut, isRichEditingEnabled } = useSelect( ( select ) => {\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\n\t\treturn {\n\t\t\tshortcut: getShortcutRepresentation( 'core/editor/toggle-mode' ),\n\t\t\tisRichEditingEnabled: getEditorSettings().richEditingEnabled,\n\t\t};\n\t}, [] );\n\n\tconst titleRef = useRef();\n\tuseEffect( () => {\n\t\tif ( autoFocus ) {\n\t\t\treturn;\n\t\t}\n\t\ttitleRef?.current?.focus();\n\t}, [ autoFocus ] );\n\n\treturn (\n\t\t<div className=\"editor-text-editor\">\n\t\t\t{ isRichEditingEnabled && (\n\t\t\t\t<div className=\"editor-text-editor__toolbar\">\n\t\t\t\t\t<h2>{ __( 'Editing code' ) }</h2>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => switchEditorMode( 'visual' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Exit code editor' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div className=\"editor-text-editor__body\">\n\t\t\t\t<PostTitleRaw ref={ titleRef } />\n\t\t\t\t<PostTextEditor />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAD,sBAAA,CAAAP,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAdxD;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASU,UAAUA,CAAE;EAAEC,SAAS,GAAG;AAAM,CAAC,EAAG;EAC3D,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAY,CAAC;EACvD,MAAM;IAAEC,QAAQ;IAAEC;EAAqB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEJ,YAAY,CAAC;IACnD,MAAM;MAAEM;IAA0B,CAAC,GAAGF,MAAM,CAAEG,wBAAuB,CAAC;IAEtE,OAAO;MACNN,QAAQ,EAAEK,yBAAyB,CAAE,yBAA0B,CAAC;MAChEJ,oBAAoB,EAAEG,iBAAiB,CAAC,CAAC,CAACG;IAC3C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,QAAQ,GAAG,IAAAC,eAAM,EAAC,CAAC;EACzB,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKd,SAAS,EAAG;MAChB;IACD;IACAY,QAAQ,EAAEG,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,CAAEhB,SAAS,CAAG,CAAC;EAElB,oBACC,IAAAF,WAAA,CAAAmB,IAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAAC,QAAA,GAChCd,oBAAoB,iBACrB,IAAAP,WAAA,CAAAmB,IAAA;MAAKC,SAAS,EAAC,6BAA6B;MAAAC,QAAA,gBAC3C,IAAArB,WAAA,CAAAsB,GAAA;QAAAD,QAAA,EAAM,IAAAE,QAAE,EAAE,cAAe;MAAC,CAAM,CAAC,eACjC,IAAAvB,WAAA,CAAAsB,GAAA,EAAChC,WAAA,CAAAkC,MAAM;QACNC,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAGA,CAAA,KAAMvB,gBAAgB,CAAE,QAAS,CAAG;QAC9CG,QAAQ,EAAGA,QAAU;QAAAe,QAAA,EAEnB,IAAAE,QAAE,EAAE,kBAAmB;MAAC,CACnB,CAAC;IAAA,CACL,CACL,eACD,IAAAvB,WAAA,CAAAmB,IAAA;MAAKC,SAAS,EAAC,0BAA0B;MAAAC,QAAA,gBACxC,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,aAAA,CAAA4B,OAAY;QAACC,GAAG,EAAGd;MAAU,CAAE,CAAC,eACjC,IAAAd,WAAA,CAAAsB,GAAA,EAACzB,eAAA,CAAA8B,OAAc,IAAE,CAAC;IAAA,CACd,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

package/build/components/time-to-read/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TimeToRead;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _wordcount = require("@wordpress/wordcount");
 var _element = require("@wordpress/element");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,8 +24,7 @@ var _store = require("../../store");
  * (Characters/minute used for Chinese rather than words).
  *
  * @type {number} A rough estimate of the average reading rate across multiple languages.
- */
-const AVERAGE_READING_RATE = 189;
+ */const AVERAGE_READING_RATE = 189;
 function TimeToRead() {
   const content = (0, _data.useSelect)(select => select(_store.store).getEditedPostAttribute('content'), []);
 
@@ -37,13 +36,14 @@ function TimeToRead() {
   const wordCountType = (0, _i18n._x)('words', 'Word count type. Do not translate!');
   const minutesToRead = Math.round((0, _wordcount.count)(content, wordCountType) / AVERAGE_READING_RATE);
   const minutesToReadString = minutesToRead === 0 ? (0, _element.createInterpolateElement)((0, _i18n.__)('<span>< 1</span> minute'), {
-    span: (0, _react.createElement)("span", null)
+    span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {})
   }) : (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s is the number of minutes the post will take to read. */
   (0, _i18n._n)('<span>%d</span> minute', '<span>%d</span> minutes', minutesToRead), minutesToRead), {
-    span: (0, _react.createElement)("span", null)
+    span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {})
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "time-to-read",
+    children: minutesToReadString
   });
-  return (0, _react.createElement)("span", {
-    className: "time-to-read"
-  }, minutesToReadString);
 }
 //# sourceMappingURL=index.js.map

package/build/components/time-to-read/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_wordcount","_element","_store","AVERAGE_READING_RATE","TimeToRead","content","useSelect","select","editorStore","getEditedPostAttribute","wordCountType","_x","minutesToRead","Math","round","wordCount","minutesToReadString","createInterpolateElement","__","span","_react","createElement","sprintf","_n","className"],"sources":["@wordpress/editor/src/components/time-to-read/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { _x, _n, __, sprintf } from '@wordpress/i18n';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Average reading rate - based on average taken from\n * https://irisreading.com/average-reading-speed-in-various-languages/\n * (Characters/minute used for Chinese rather than words).\n *\n * @type {number} A rough estimate of the average reading rate across multiple languages.\n */\nconst AVERAGE_READING_RATE = 189;\n\nexport default function TimeToRead() {\n\tconst content = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst minutesToRead = Math.round(\n\t\twordCount( content, wordCountType ) / AVERAGE_READING_RATE\n\t);\n\tconst minutesToReadString =\n\t\tminutesToRead === 0\n\t\t\t? createInterpolateElement( __( '<span>< 1</span> minute' ), {\n\t\t\t\t\tspan: <span />,\n\t\t\t  } )\n\t\t\t: createInterpolateElement(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s is the number of minutes the post will take to read. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'<span>%d</span> minute',\n\t\t\t\t\t\t\t'<span>%d</span> minutes',\n\t\t\t\t\t\t\tminutesToRead\n\t\t\t\t\t\t),\n\t\t\t\t\t\tminutesToRead\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t}\n\t\t\t  );\n\n\treturn <span className=\"time-to-read\">{ minutesToReadString }</span>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,oBAAoB,GAAG,GAAG;AAEjB,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,sBAAsB,CAAE,SAAU,CAAC,EACvE,EACD,CAAC;;EAED;AACD;AACA;AACA;AACA;EACC,MAAMC,aAAa,GAAG,IAAAC,QAAE,EAAE,OAAO,EAAE,oCAAqC,CAAC;EACzE,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAC/B,IAAAC,gBAAS,EAAEV,OAAO,EAAEK,aAAc,CAAC,GAAGP,oBACvC,CAAC;EACD,MAAMa,mBAAmB,GACxBJ,aAAa,KAAK,CAAC,GAChB,IAAAK,iCAAwB,EAAE,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAAE;IAC3DC,IAAI,EAAE,IAAAC,MAAA,CAAAC,aAAA,cAAO;EACb,CAAE,CAAC,GACH,IAAAJ,iCAAwB,EACxB,IAAAK,aAAO,GACN;EACA,IAAAC,QAAE,EACD,wBAAwB,EACxB,yBAAyB,EACzBX,aACD,CAAC,EACDA,aACD,CAAC,EACD;IACCO,IAAI,EAAE,IAAAC,MAAA,CAAAC,aAAA,cAAO;EACd,CACA,CAAC;EAEL,OAAO,IAAAD,MAAA,CAAAC,aAAA;IAAMG,SAAS,EAAC;EAAc,GAAGR,mBAA2B,CAAC;AACrE","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_wordcount","_element","_store","_jsxRuntime","AVERAGE_READING_RATE","TimeToRead","content","useSelect","select","editorStore","getEditedPostAttribute","wordCountType","_x","minutesToRead","Math","round","wordCount","minutesToReadString","createInterpolateElement","__","span","jsx","sprintf","_n","className","children"],"sources":["@wordpress/editor/src/components/time-to-read/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { _x, _n, __, sprintf } from '@wordpress/i18n';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Average reading rate - based on average taken from\n * https://irisreading.com/average-reading-speed-in-various-languages/\n * (Characters/minute used for Chinese rather than words).\n *\n * @type {number} A rough estimate of the average reading rate across multiple languages.\n */\nconst AVERAGE_READING_RATE = 189;\n\nexport default function TimeToRead() {\n\tconst content = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst minutesToRead = Math.round(\n\t\twordCount( content, wordCountType ) / AVERAGE_READING_RATE\n\t);\n\tconst minutesToReadString =\n\t\tminutesToRead === 0\n\t\t\t? createInterpolateElement( __( '<span>< 1</span> minute' ), {\n\t\t\t\t\tspan: <span />,\n\t\t\t  } )\n\t\t\t: createInterpolateElement(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s is the number of minutes the post will take to read. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'<span>%d</span> minute',\n\t\t\t\t\t\t\t'<span>%d</span> minutes',\n\t\t\t\t\t\t\tminutesToRead\n\t\t\t\t\t\t),\n\t\t\t\t\t\tminutesToRead\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t}\n\t\t\t  );\n\n\treturn <span className=\"time-to-read\">{ minutesToReadString }</span>;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAXnD;AACA;AACA;;AAMA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMM,oBAAoB,GAAG,GAAG;AAEjB,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,sBAAsB,CAAE,SAAU,CAAC,EACvE,EACD,CAAC;;EAED;AACD;AACA;AACA;AACA;EACC,MAAMC,aAAa,GAAG,IAAAC,QAAE,EAAE,OAAO,EAAE,oCAAqC,CAAC;EACzE,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAC/B,IAAAC,gBAAS,EAAEV,OAAO,EAAEK,aAAc,CAAC,GAAGP,oBACvC,CAAC;EACD,MAAMa,mBAAmB,GACxBJ,aAAa,KAAK,CAAC,GAChB,IAAAK,iCAAwB,EAAE,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAAE;IAC3DC,IAAI,eAAE,IAAAjB,WAAA,CAAAkB,GAAA,YAAO;EACb,CAAE,CAAC,GACH,IAAAH,iCAAwB,EACxB,IAAAI,aAAO,GACN;EACA,IAAAC,QAAE,EACD,wBAAwB,EACxB,yBAAyB,EACzBV,aACD,CAAC,EACDA,aACD,CAAC,EACD;IACCO,IAAI,eAAE,IAAAjB,WAAA,CAAAkB,GAAA,YAAO;EACd,CACA,CAAC;EAEL,oBAAO,IAAAlB,WAAA,CAAAkB,GAAA;IAAMG,SAAS,EAAC,cAAc;IAAAC,QAAA,EAAGR;EAAmB,CAAQ,CAAC;AACrE","ignoreList":[]}

package/build/components/{editor-canvas → visual-editor}/edit-template-blocks-notification.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EditTemplateBlocksNotification;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -32,8 +32,7 @@ var _store = require("../../store");
  * @param {Object}                                 props
  * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block
  *                                                                  editor iframe canvas.
- */
-function EditTemplateBlocksNotification({
+ */function EditTemplateBlocksNotification({
   contentRef
 }) {
   const {
@@ -73,7 +72,7 @@ function EditTemplateBlocksNotification({
   if (!canEditTemplate) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalConfirmDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
     isOpen: isDialogOpen,
     confirmButtonText: (0, _i18n.__)('Edit template'),
     onConfirm: () => {
@@ -83,7 +82,8 @@ function EditTemplateBlocksNotification({
         postType: 'wp_template'
       });
     },
-    onCancel: () => setIsDialogOpen(false)
-  }, (0, _i18n.__)('You’ve tried to select a block that is part of a template, which may be used on other posts and pages. Would you like to edit the template?'));
+    onCancel: () => setIsDialogOpen(false),
+    children: (0, _i18n.__)('You’ve tried to select a block that is part of a template, which may be used on other posts and pages. Would you like to edit the template?')
+  });
 }
 //# sourceMappingURL=edit-template-blocks-notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_coreData","_element","_i18n","_components","_store","_jsxRuntime","EditTemplateBlocksNotification","contentRef","onNavigateToEntityRecord","templateId","useSelect","select","getEditorSettings","getCurrentTemplateId","editorStore","canEditTemplate","_select$canUser","coreStore","canUser","isDialogOpen","setIsDialogOpen","useState","useEffect","handleDblClick","event","target","classList","contains","canvas","current","addEventListener","removeEventListener","jsx","__experimentalConfirmDialog","isOpen","confirmButtonText","__","onConfirm","postId","postType","onCancel","children"],"sources":["@wordpress/editor/src/components/visual-editor/edit-template-blocks-notification.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Component that:\n *\n * - Displays a 'Edit your template to edit this block' notification when the\n *   user is focusing on editing page content and clicks on a disabled template\n *   block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n *   is focusing on editing page conetnt and double clicks on a disabled\n *   template block.\n *\n * @param {Object}                                 props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n *                                                                  editor iframe canvas.\n */\nexport default function EditTemplateBlocksNotification( { contentRef } ) {\n\tconst { onNavigateToEntityRecord, templateId } = useSelect( ( select ) => {\n\t\tconst { getEditorSettings, getCurrentTemplateId } =\n\t\t\tselect( editorStore );\n\n\t\treturn {\n\t\t\tonNavigateToEntityRecord:\n\t\t\t\tgetEditorSettings().onNavigateToEntityRecord,\n\t\t\ttemplateId: getCurrentTemplateId(),\n\t\t};\n\t}, [] );\n\n\tconst canEditTemplate = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUser( 'create', 'templates' ) ?? false\n\t);\n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( ! canEditTemplate ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [ contentRef, canEditTemplate ] );\n\n\tif ( ! canEditTemplate ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\tonNavigateToEntityRecord( {\n\t\t\t\t\tpostId: templateId,\n\t\t\t\t\tpostType: 'wp_template',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __(\n\t\t\t\t'You’ve tried to select a block that is part of a template, which may be used on other posts and pages. Would you like to edit the template?'\n\t\t\t) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAAmD,IAAAM,WAAA,GAAAN,OAAA;AAZnD;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,SAASO,8BAA8BA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACxE,MAAM;IAAEC,wBAAwB;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzE,MAAM;MAAEC,iBAAiB;MAAEC;IAAqB,CAAC,GAChDF,MAAM,CAAEG,YAAY,CAAC;IAEtB,OAAO;MACNN,wBAAwB,EACvBI,iBAAiB,CAAC,CAAC,CAACJ,wBAAwB;MAC7CC,UAAU,EAAEI,oBAAoB,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAME,eAAe,GAAG,IAAAL,eAAS,EAC9BC,MAAM;IAAA,IAAAK,eAAA;IAAA,QAAAA,eAAA,GACPL,MAAM,CAAEM,eAAU,CAAC,CAACC,OAAO,CAAE,QAAQ,EAAE,WAAY,CAAC,cAAAF,eAAA,cAAAA,eAAA,GAAI,KAAK;EAAA,CAC/D,CAAC;EAED,MAAM,CAAEG,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAE3D,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAMC,cAAc,GAAKC,KAAK,IAAM;MACnC,IAAK,CAAET,eAAe,EAAG;QACxB;MACD;MAEA,IAAK,CAAES,KAAK,CAACC,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAE,mBAAoB,CAAC,EAAG;QAC/D;MACD;MACAP,eAAe,CAAE,IAAK,CAAC;IACxB,CAAC;IAED,MAAMQ,MAAM,GAAGrB,UAAU,CAACsB,OAAO;IACjCD,MAAM,EAAEE,gBAAgB,CAAE,UAAU,EAAEP,cAAe,CAAC;IACtD,OAAO,MAAM;MACZK,MAAM,EAAEG,mBAAmB,CAAE,UAAU,EAAER,cAAe,CAAC;IAC1D,CAAC;EACF,CAAC,EAAE,CAAEhB,UAAU,EAAEQ,eAAe,CAAG,CAAC;EAEpC,IAAK,CAAEA,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAV,WAAA,CAAA2B,GAAA,EAAC7B,WAAA,CAAA8B,2BAAa;IACbC,MAAM,EAAGf,YAAc;IACvBgB,iBAAiB,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC3CC,SAAS,EAAGA,CAAA,KAAM;MACjBjB,eAAe,CAAE,KAAM,CAAC;MACxBZ,wBAAwB,CAAE;QACzB8B,MAAM,EAAE7B,UAAU;QAClB8B,QAAQ,EAAE;MACX,CAAE,CAAC;IACJ,CAAG;IACHC,QAAQ,EAAGA,CAAA,KAAMpB,eAAe,CAAE,KAAM,CAAG;IAAAqB,QAAA,EAEzC,IAAAL,QAAE,EACH,6IACD;EAAC,CACa,CAAC;AAElB","ignoreList":[]}

package/build/components/{editor-canvas → visual-editor}/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
@@ -17,7 +16,10 @@ var _postTitle = _interopRequireDefault(require("../post-title"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 var _editTemplateBlocksNotification = _interopRequireDefault(require("./edit-template-blocks-notification"));
+var _resizableEditor = _interopRequireDefault(require("../resizable-editor"));
 var _useSelectNearestEditableBlock = _interopRequireDefault(require("../../hooks/use-select-nearest-editable-block"));
+var _constants = require("../../store/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -42,7 +44,7 @@ const {
  * These post types have a special editor where they don't allow you to fill the title
  * and they don't apply the layout styles.
  */
-const DESIGN_POST_TYPES = ['wp_block', 'wp_template', 'wp_navigation', 'wp_template_part'];
+const DESIGN_POST_TYPES = [_constants.PATTERN_POST_TYPE, _constants.TEMPLATE_POST_TYPE, _constants.NAVIGATION_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE];
 
 /**
  * Given an array of nested blocks, find the first Post Content
@@ -74,17 +76,17 @@ function checkForPostContentAtRootLevel(blocks) {
   }
   return false;
 }
-function EditorCanvas({
+function VisualEditor({
   // Ideally as we unify post and site editors, we won't need these props.
   autoFocus,
-  className,
-  renderAppender,
   styles,
   disableIframe = false,
   iframeProps,
   contentRef,
-  children
+  className
 }) {
+  const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
+  const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
   const {
     renderingMode,
     postContentAttributes,
@@ -92,8 +94,10 @@ function EditorCanvas({
     wrapperBlockName,
     wrapperUniqueId,
     deviceType,
-    showEditorPadding,
-    isDesignPostType
+    isFocusedEntity,
+    isDesignPostType,
+    postType,
+    isPreview
   } = (0, _data.useSelect)(select => {
     const {
       getCurrentPostId,
@@ -111,28 +115,30 @@ function EditorCanvas({
     const postTypeSlug = getCurrentPostType();
     const _renderingMode = getRenderingMode();
     let _wrapperBlockName;
-    if (postTypeSlug === 'wp_block') {
+    if (postTypeSlug === _constants.PATTERN_POST_TYPE) {
       _wrapperBlockName = 'core/block';
     } else if (_renderingMode === 'post-only') {
       _wrapperBlockName = 'core/post-content';
     }
     const editorSettings = getEditorSettings();
     const supportsTemplateMode = editorSettings.supportsTemplateMode;
-    const postType = getPostType(postTypeSlug);
+    const postTypeObject = getPostType(postTypeSlug);
     const canEditTemplate = canUser('create', 'templates');
     const currentTemplateId = getCurrentTemplateId();
-    const template = currentTemplateId ? getEditedEntityRecord('postType', 'wp_template', currentTemplateId) : undefined;
+    const template = currentTemplateId ? getEditedEntityRecord('postType', _constants.TEMPLATE_POST_TYPE, currentTemplateId) : undefined;
     return {
       renderingMode: _renderingMode,
       postContentAttributes: editorSettings.postContentAttributes,
       isDesignPostType: DESIGN_POST_TYPES.includes(postTypeSlug),
       // Post template fetch returns a 404 on classic themes, which
       // messes with e2e tests, so check it's a block theme first.
-      editedPostTemplate: postType?.viewable && supportsTemplateMode && canEditTemplate ? template : undefined,
+      editedPostTemplate: postTypeObject?.viewable && supportsTemplateMode && canEditTemplate ? template : undefined,
       wrapperBlockName: _wrapperBlockName,
       wrapperUniqueId: getCurrentPostId(),
       deviceType: getDeviceType(),
-      showEditorPadding: !!editorSettings.onNavigateToPreviousEntityRecord
+      isFocusedEntity: !!editorSettings.onNavigateToPreviousEntityRecord,
+      postType: postTypeSlug,
+      isPreview: editorSettings.__unstableIsPreviewMode
     };
   }, []);
   const {
@@ -258,67 +264,102 @@ function EditorCanvas({
     scale: 'default',
     frameSize: '20px'
   } : {};
-  return (0, _react.createElement)(BlockCanvas, {
-    shouldIframe: !disableIframe || ['Tablet', 'Mobile'].includes(deviceType),
-    contentRef: contentRef,
-    styles: styles,
-    height: "100%",
-    iframeProps: {
-      className: (0, _clsx.default)('editor-canvas__iframe', {
-        'has-editor-padding': showEditorPadding
-      }),
-      ...iframeProps,
-      ...zoomOutProps,
-      style: {
-        ...iframeProps?.style,
-        ...deviceStyles
-      }
-    }
-  }, themeSupportsLayout && !themeHasDisabledLayoutStyles && renderingMode === 'post-only' && !isDesignPostType && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(LayoutStyle, {
-    selector: ".editor-editor-canvas__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
-  })), renderingMode === 'post-only' && !isDesignPostType && (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('editor-editor-canvas__post-title-wrapper',
-    // The following class is only here for backward comapatibility
-    // some themes might be using it to style the post title.
-    'edit-post-visual-editor__post-title-wrapper', {
-      'has-global-padding': hasRootPaddingAwareAlignments
+  const forceFullHeight = postType === _constants.NAVIGATION_POST_TYPE;
+  const enableResizing = [_constants.NAVIGATION_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE, _constants.PATTERN_POST_TYPE].includes(postType) &&
+  // Disable in previews / view mode.
+  !isPreview &&
+  // Disable resizing in mobile viewport.
+  !isMobileViewport &&
+  // Dsiable resizing in zoomed-out mode.
+  !isZoomOutMode;
+  const shouldIframe = !disableIframe || ['Tablet', 'Mobile'].includes(deviceType);
+  const iframeStyles = (0, _element.useMemo)(() => {
+    return [...(styles !== null && styles !== void 0 ? styles : []), {
+      css: `.is-root-container{display:flow-root;${
+      // Some themes will have `min-height: 100vh` for the root container,
+      // which isn't a requirement in auto resize mode.
+      enableResizing ? 'min-height:0!important;' : ''}}`
+    }];
+  }, [styles, enableResizing]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.default)('editor-visual-editor',
+    // this class is here for backward compatibility reasons.
+    'edit-post-visual-editor', className, {
+      'has-padding': isFocusedEntity || enableResizing,
+      'is-resizable': enableResizing,
+      'is-iframed': shouldIframe
     }),
-    contentEditable: false,
-    ref: observeTypingRef,
-    style: {
-      // This is using inline styles
-      // so it's applied for both iframed and non iframed editors.
-      marginTop: '4rem'
-    }
-  }, (0, _react.createElement)(_postTitle.default, {
-    ref: titleRef
-  })), (0, _react.createElement)(_blockEditor.RecursionProvider, {
-    blockName: wrapperBlockName,
-    uniqueId: wrapperUniqueId
-  }, (0, _react.createElement)(_blockEditor.BlockList, {
-    className: (0, _clsx.default)(className, 'is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' || isDesignPostType ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
-    ),
-    layout: blockListLayout,
-    dropZoneElement:
-    // When iframed, pass in the html element of the iframe to
-    // ensure the drop zone extends to the edges of the iframe.
-    disableIframe ? localRef.current : localRef.current?.parentNode,
-    renderAppender: renderAppender,
-    __unstableDisableDropZone:
-    // In template preview mode, disable drop zones at the root of the template.
-    renderingMode === 'template-locked' ? true : false
-  }), renderingMode === 'template-locked' && (0, _react.createElement)(_editTemplateBlocksNotification.default, {
-    contentRef: localRef
-  })), children);
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_resizableEditor.default, {
+      enableResizing: enableResizing,
+      height: sizes.height && !forceFullHeight ? sizes.height : '100%',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockCanvas, {
+        shouldIframe: shouldIframe,
+        contentRef: contentRef,
+        styles: iframeStyles,
+        height: "100%",
+        iframeProps: {
+          ...iframeProps,
+          ...zoomOutProps,
+          style: {
+            ...iframeProps?.style,
+            ...deviceStyles
+          }
+        },
+        children: [themeSupportsLayout && !themeHasDisabledLayoutStyles && renderingMode === 'post-only' && !isDesignPostType && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutStyle, {
+            selector: ".editor-visual-editor__post-title-wrapper",
+            layout: fallbackLayout
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutStyle, {
+            selector: ".block-editor-block-list__layout.is-root-container",
+            layout: postEditorLayout
+          }), align && /*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutStyle, {
+            css: alignCSS
+          }), postContentLayoutStyles && /*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutStyle, {
+            layout: postContentLayout,
+            css: postContentLayoutStyles
+          })]
+        }), renderingMode === 'post-only' && !isDesignPostType && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _clsx.default)('editor-visual-editor__post-title-wrapper',
+          // The following class is only here for backward comapatibility
+          // some themes might be using it to style the post title.
+          'edit-post-visual-editor__post-title-wrapper', {
+            'has-global-padding': hasRootPaddingAwareAlignments
+          }),
+          contentEditable: false,
+          ref: observeTypingRef,
+          style: {
+            // This is using inline styles
+            // so it's applied for both iframed and non iframed editors.
+            marginTop: '4rem'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postTitle.default, {
+            ref: titleRef
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.RecursionProvider, {
+          blockName: wrapperBlockName,
+          uniqueId: wrapperUniqueId,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockList, {
+            className: (0, _clsx.default)('is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' || isDesignPostType ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
+            ),
+            layout: blockListLayout,
+            dropZoneElement:
+            // When iframed, pass in the html element of the iframe to
+            // ensure the drop zone extends to the edges of the iframe.
+            disableIframe ? localRef.current : localRef.current?.parentNode,
+            __unstableDisableDropZone:
+            // In template preview mode, disable drop zones at the root of the template.
+            renderingMode === 'template-locked' ? true : false
+          }), renderingMode === 'template-locked' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editTemplateBlocksNotification.default, {
+            contentRef: localRef
+          })]
+        }),
+        // Avoid resize listeners when not needed,
+        // these will trigger unnecessary re-renders
+        // when animating the iframe width.
+        enableResizing && resizeObserver]
+      })
+    })
+  });
 }
-var _default = exports.default = EditorCanvas;
+var _default = exports.default = VisualEditor;
 //# sourceMappingURL=index.js.map