@wordpress/edit-site 5.18.1-next.5a1d1283.0 → 5.19.1

package/build/components/app/index.js

@@ -8,7 +8,6 @@ exports.default = App;
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _editor = require("@wordpress/editor");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _notices = require("@wordpress/notices");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -36,12 +35,8 @@ function App() {
     createErrorNotice((0, _i18n.sprintf)( /* translators: %s: plugin name */
     (0, _i18n.__)('The "%s" plugin has encountered an error and cannot be rendered.'), name));
   }
-  return (0, _element.createElement)(_keyboardShortcuts.ShortcutProvider, {
-    style: {
-      height: '100%'
-    }
-  }, (0, _element.createElement)(_components.SlotFillProvider, null, (0, _element.createElement)(_globalStylesProvider.GlobalStylesProvider, null, (0, _element.createElement)(_editor.UnsavedChangesWarning, null), (0, _element.createElement)(RouterProvider, null, (0, _element.createElement)(_layout.default, null), (0, _element.createElement)(_plugins.PluginArea, {
+  return (0, _element.createElement)(_components.SlotFillProvider, null, (0, _element.createElement)(_globalStylesProvider.GlobalStylesProvider, null, (0, _element.createElement)(_editor.UnsavedChangesWarning, null), (0, _element.createElement)(RouterProvider, null, (0, _element.createElement)(_layout.default, null), (0, _element.createElement)(_plugins.PluginArea, {
     onError: onPluginAreaError
-  })))));
+  }))));
 }
 //# sourceMappingURL=index.js.map

package/build/components/app/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_editor","_keyboardShortcuts","_notices","_data","_i18n","_plugins","_router","_layout","_interopRequireDefault","_globalStylesProvider","_lockUnlock","RouterProvider","unlock","routerPrivateApis","App","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","name","sprintf","__","_element","createElement","ShortcutProvider","style","height","SlotFillProvider","GlobalStylesProvider","UnsavedChangesWarning","default","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/app/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SlotFillProvider } from '@wordpress/components';\nimport { UnsavedChangesWarning } from '@wordpress/editor';\nimport { ShortcutProvider } from '@wordpress/keyboard-shortcuts';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PluginArea } from '@wordpress/plugins';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Layout from '../layout';\nimport { GlobalStylesProvider } from '../global-styles/global-styles-provider';\nimport { unlock } from '../../lock-unlock';\n\nconst { RouterProvider } = unlock( routerPrivateApis );\n\nexport default function App() {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: plugin name */\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<ShortcutProvider style={ { height: '100%' } }>\n\t\t\t<SlotFillProvider>\n\t\t\t\t<GlobalStylesProvider>\n\t\t\t\t\t<UnsavedChangesWarning />\n\t\t\t\t\t<RouterProvider>\n\t\t\t\t\t\t<Layout />\n\t\t\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t\t</RouterProvider>\n\t\t\t\t</GlobalStylesProvider>\n\t\t\t</SlotFillProvider>\n\t\t</ShortcutProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAKA,IAAAQ,OAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AAjBA;AACA;AACA;;AAUA;AACA;AACA;;AAKA,MAAM;EAAEY;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvC,SAASC,GAAGA,CAAA,EAAG;EAC7B,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAEzD,SAASC,iBAAiBA,CAAEC,IAAI,EAAG;IAClCJ,iBAAiB,CAChB,IAAAK,aAAO,GACN;IACA,IAAAC,QAAE,EACD,kEACD,CAAC,EACDF,IACD,CACD,CAAC;EACF;EAEA,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACtB,kBAAA,CAAAuB,gBAAgB;IAACC,KAAK,EAAG;MAAEC,MAAM,EAAE;IAAO;EAAG,GAC7C,IAAAJ,QAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA6B,gBAAgB,QAChB,IAAAL,QAAA,CAAAC,aAAA,EAACd,qBAAA,CAAAmB,oBAAoB,QACpB,IAAAN,QAAA,CAAAC,aAAA,EAACvB,OAAA,CAAA6B,qBAAqB,MAAE,CAAC,EACzB,IAAAP,QAAA,CAAAC,aAAA,EAACZ,cAAc,QACd,IAAAW,QAAA,CAAAC,aAAA,EAAChB,OAAA,CAAAuB,OAAM,MAAE,CAAC,EACV,IAAAR,QAAA,CAAAC,aAAA,EAAClB,QAAA,CAAA0B,UAAU;IAACC,OAAO,EAAGd;EAAmB,CAAE,CAC5B,CACK,CACL,CACD,CAAC;AAErB"}
+{"version":3,"names":["_components","require","_editor","_notices","_data","_i18n","_plugins","_router","_layout","_interopRequireDefault","_globalStylesProvider","_lockUnlock","RouterProvider","unlock","routerPrivateApis","App","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","name","sprintf","__","_element","createElement","SlotFillProvider","GlobalStylesProvider","UnsavedChangesWarning","default","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/app/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SlotFillProvider } from '@wordpress/components';\nimport { UnsavedChangesWarning } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PluginArea } from '@wordpress/plugins';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Layout from '../layout';\nimport { GlobalStylesProvider } from '../global-styles/global-styles-provider';\nimport { unlock } from '../../lock-unlock';\n\nconst { RouterProvider } = unlock( routerPrivateApis );\n\nexport default function App() {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: plugin name */\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t<UnsavedChangesWarning />\n\t\t\t\t<RouterProvider>\n\t\t\t\t\t<Layout />\n\t\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t</RouterProvider>\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,OAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,qBAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAM;EAAEW;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvC,SAASC,GAAGA,CAAA,EAAG;EAC7B,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAEzD,SAASC,iBAAiBA,CAAEC,IAAI,EAAG;IAClCJ,iBAAiB,CAChB,IAAAK,aAAO,GACN;IACA,IAAAC,QAAE,EACD,kEACD,CAAC,EACDF,IACD,CACD,CAAC;EACF;EAEA,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAyB,gBAAgB,QAChB,IAAAF,QAAA,CAAAC,aAAA,EAACd,qBAAA,CAAAgB,oBAAoB,QACpB,IAAAH,QAAA,CAAAC,aAAA,EAACtB,OAAA,CAAAyB,qBAAqB,MAAE,CAAC,EACzB,IAAAJ,QAAA,CAAAC,aAAA,EAACZ,cAAc,QACd,IAAAW,QAAA,CAAAC,aAAA,EAAChB,OAAA,CAAAoB,OAAM,MAAE,CAAC,EACV,IAAAL,QAAA,CAAAC,aAAA,EAAClB,QAAA,CAAAuB,UAAU;IAACC,OAAO,EAAGX;EAAmB,CAAE,CAC5B,CACK,CACL,CAAC;AAErB"}

package/build/components/block-editor/back-button.js

@@ -9,6 +9,7 @@ var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _router = require("@wordpress/router");
+var _constants = require("../../utils/constants");
 var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
@@ -25,8 +26,8 @@ const {
 function BackButton() {
   const location = useLocation();
   const history = useHistory();
-  const isTemplatePart = location.params.postType === 'wp_template_part';
-  const isNavigationMenu = location.params.postType === 'wp_navigation';
+  const isTemplatePart = location.params.postType === _constants.TEMPLATE_PART_POST_TYPE;
+  const isNavigationMenu = location.params.postType === _constants.NAVIGATION_POST_TYPE;
   const previousTemplateId = location.state?.fromTemplateId;
   const isFocusMode = isTemplatePart || isNavigationMenu;
   if (!isFocusMode || !previousTemplateId) {

package/build/components/block-editor/back-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_router","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","BackButton","location","history","isTemplatePart","params","postType","isNavigationMenu","previousTemplateId","state","fromTemplateId","isFocusMode","_element","createElement","Button","className","icon","arrowLeft","onClick","back","__","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === 'wp_template_part';\n\tconst isNavigationMenu = location.params.postType === 'wp_navigation';\n\tconst previousTemplateId = location.state?.fromTemplateId;\n\n\tconst isFocusMode = isTemplatePart || isNavigationMenu;\n\n\tif ( ! isFocusMode || ! previousTemplateId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAM;EAAEK,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAK,kBAAkB;EACtE,MAAMC,gBAAgB,GAAGL,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAK,eAAe;EACrE,MAAME,kBAAkB,GAAGN,QAAQ,CAACO,KAAK,EAAEC,cAAc;EAEzD,MAAMC,WAAW,GAAGP,cAAc,IAAIG,gBAAgB;EAEtD,IAAK,CAAEI,WAAW,IAAI,CAAEH,kBAAkB,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAI,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,MAAM;IACNC,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGC,gBAAW;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACff,OAAO,CAACgB,IAAI,CAAC,CAAC;IACf;EAAG,GAED,IAAAC,QAAE,EAAE,MAAO,CACN,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEcpB,UAAU;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_icons","_i18n","_router","_constants","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","BackButton","location","history","isTemplatePart","params","postType","TEMPLATE_PART_POST_TYPE","isNavigationMenu","NAVIGATION_POST_TYPE","previousTemplateId","state","fromTemplateId","isFocusMode","_element","createElement","Button","className","icon","arrowLeft","onClick","back","__","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;\n\tconst isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;\n\tconst previousTemplateId = location.state?.fromTemplateId;\n\n\tconst isFocusMode = isTemplatePart || isNavigationMenu;\n\n\tif ( ! isFocusMode || ! previousTemplateId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAL,OAAA;AAfA;AACA;AACA;;AAMA;AACA;AACA;;AAOA,MAAM;EAAEM,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKC,kCAAuB;EAC3E,MAAMC,gBAAgB,GAAGN,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKG,+BAAoB;EAC1E,MAAMC,kBAAkB,GAAGR,QAAQ,CAACS,KAAK,EAAEC,cAAc;EAEzD,MAAMC,WAAW,GAAGT,cAAc,IAAII,gBAAgB;EAEtD,IAAK,CAAEK,WAAW,IAAI,CAAEH,kBAAkB,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAI,QAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA0B,MAAM;IACNC,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGC,gBAAW;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfjB,OAAO,CAACkB,IAAI,CAAC,CAAC;IACf;EAAG,GAED,IAAAC,QAAE,EAAE,MAAO,CACN,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEctB,UAAU;AAAAuB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-editor/block-editor-provider/default-block-editor-provider.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DefaultBlockEditorProvider;
+var _element = require("@wordpress/element");
+var _coreData = require("@wordpress/core-data");
+var _blockEditor = require("@wordpress/block-editor");
+var _data = require("@wordpress/data");
+var _store = require("../../../store");
+var _lockUnlock = require("../../../lock-unlock");
+var _useSiteEditorSettings = _interopRequireDefault(require("../use-site-editor-settings"));
+var _usePageContentBlocks = _interopRequireDefault(require("./use-page-content-blocks"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  ExperimentalBlockEditorProvider
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const noop = () => {};
+
+/**
+ * The default block editor provider for the site editor. Typically used when
+ * the post type is `'wp_template_part'` or `'wp_template'` and allows editing
+ * of the template and its nested entities.
+ *
+ * If the page content focus type is `'hideTemplate'`, the provider will provide
+ * a set of page content blocks wrapped in a container that, together,
+ * mimic the look and feel of the post editor and
+ * allow editing of the page content only.
+ *
+ * @param {Object}    props
+ * @param {WPElement} props.children
+ */
+function DefaultBlockEditorProvider({
+  children
+}) {
+  const settings = (0, _useSiteEditorSettings.default)();
+  const {
+    templateType,
+    isTemplateHidden
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostType
+    } = select(_store.store);
+    const {
+      getPageContentFocusType,
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return {
+      templateType: getEditedPostType(),
+      isTemplateHidden: getCanvasMode() === 'edit' && getPageContentFocusType() === 'hideTemplate',
+      canvasMode: (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode()
+    };
+  }, []);
+  const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)('postType', templateType);
+  const pageContentBlock = (0, _usePageContentBlocks.default)(blocks, isTemplateHidden);
+  return (0, _element.createElement)(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    value: isTemplateHidden && pageContentBlock.length ? pageContentBlock : blocks,
+    onInput: isTemplateHidden ? noop : onInput,
+    onChange: isTemplateHidden ? noop : onChange,
+    useSubRegistry: false
+  }, children);
+}
+//# sourceMappingURL=default-block-editor-provider.js.map

package/build/components/block-editor/block-editor-provider/default-block-editor-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_coreData","require","_blockEditor","_data","_store","_lockUnlock","_useSiteEditorSettings","_interopRequireDefault","_usePageContentBlocks","ExperimentalBlockEditorProvider","unlock","blockEditorPrivateApis","noop","DefaultBlockEditorProvider","children","settings","useSiteEditorSettings","templateType","isTemplateHidden","useSelect","select","getEditedPostType","editSiteStore","getPageContentFocusType","getCanvasMode","canvasMode","blocks","onInput","onChange","useEntityBlockEditor","pageContentBlock","usePageContentBlocks","_element","createElement","value","length","useSubRegistry"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/default-block-editor-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\nimport useSiteEditorSettings from '../use-site-editor-settings';\nimport usePageContentBlocks from './use-page-content-blocks';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/**\n * The default block editor provider for the site editor. Typically used when\n * the post type is `'wp_template_part'` or `'wp_template'` and allows editing\n * of the template and its nested entities.\n *\n * If the page content focus type is `'hideTemplate'`, the provider will provide\n * a set of page content blocks wrapped in a container that, together,\n * mimic the look and feel of the post editor and\n * allow editing of the page content only.\n *\n * @param {Object}    props\n * @param {WPElement} props.children\n */\nexport default function DefaultBlockEditorProvider( { children } ) {\n\tconst settings = useSiteEditorSettings();\n\n\tconst { templateType, isTemplateHidden } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getPageContentFocusType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\treturn {\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tisTemplateHidden:\n\t\t\t\tgetCanvasMode() === 'edit' &&\n\t\t\t\tgetPageContentFocusType() === 'hideTemplate',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t};\n\t}, [] );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t);\n\tconst pageContentBlock = usePageContentBlocks( blocks, isTemplateHidden );\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={\n\t\t\t\tisTemplateHidden && pageContentBlock.length\n\t\t\t\t\t? pageContentBlock\n\t\t\t\t\t: blocks\n\t\t\t}\n\t\t\tonInput={ isTemplateHidden ? noop : onInput }\n\t\t\tonChange={ isTemplateHidden ? noop : onChange }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAD,sBAAA,CAAAN,OAAA;AAbA;AACA;AACA;;AAKA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAgC,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE5E,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,0BAA0BA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAClE,MAAMC,QAAQ,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAExC,MAAM;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IACrD,MAAM;MAAEC,uBAAuB;MAAEC;IAAc,CAAC,GAAG,IAAAd,kBAAM,EACxDU,MAAM,CAAEE,YAAc,CACvB,CAAC;IACD,OAAO;MACNL,YAAY,EAAEI,iBAAiB,CAAC,CAAC;MACjCH,gBAAgB,EACfM,aAAa,CAAC,CAAC,KAAK,MAAM,IAC1BD,uBAAuB,CAAC,CAAC,KAAK,cAAc;MAC7CE,UAAU,EAAE,IAAAf,kBAAM,EAAEU,MAAM,CAAEE,YAAc,CAAE,CAAC,CAACE,aAAa,CAAC;IAC7D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEE,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,UAAU,EACVZ,YACD,CAAC;EACD,MAAMa,gBAAgB,GAAG,IAAAC,6BAAoB,EAAEL,MAAM,EAAER,gBAAiB,CAAC;EACzE,OACC,IAAAc,QAAA,CAAAC,aAAA,EAACxB,+BAA+B;IAC/BM,QAAQ,EAAGA,QAAU;IACrBmB,KAAK,EACJhB,gBAAgB,IAAIY,gBAAgB,CAACK,MAAM,GACxCL,gBAAgB,GAChBJ,MACH;IACDC,OAAO,EAAGT,gBAAgB,GAAGN,IAAI,GAAGe,OAAS;IAC7CC,QAAQ,EAAGV,gBAAgB,GAAGN,IAAI,GAAGgB,QAAU;IAC/CQ,cAAc,EAAG;EAAO,GAEtBtB,QAC8B,CAAC;AAEpC"}

package/build/components/block-editor/block-editor-provider/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockEditorProvider;
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _store = require("../../../store");
+var _defaultBlockEditorProvider = _interopRequireDefault(require("./default-block-editor-provider"));
+var _navigationBlockEditorProvider = _interopRequireDefault(require("./navigation-block-editor-provider"));
+var _constants = require("../../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function BlockEditorProvider({
+  children
+}) {
+  const entityType = (0, _data.useSelect)(select => select(_store.store).getEditedPostType(), []);
+  if (entityType === _constants.NAVIGATION_POST_TYPE) {
+    return (0, _element.createElement)(_navigationBlockEditorProvider.default, null, children);
+  }
+  return (0, _element.createElement)(_defaultBlockEditorProvider.default, null, children);
+}
+//# sourceMappingURL=index.js.map

package/build/components/block-editor/block-editor-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_store","_defaultBlockEditorProvider","_interopRequireDefault","_navigationBlockEditorProvider","_constants","BlockEditorProvider","children","entityType","useSelect","select","editSiteStore","getEditedPostType","NAVIGATION_POST_TYPE","_element","createElement","default"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport DefaultBlockEditorProvider from './default-block-editor-provider';\nimport NavigationBlockEditorProvider from './navigation-block-editor-provider';\nimport { NAVIGATION_POST_TYPE } from '../../../utils/constants';\n\nexport default function BlockEditorProvider( { children } ) {\n\tconst entityType = useSelect(\n\t\t( select ) => select( editSiteStore ).getEditedPostType(),\n\t\t[]\n\t);\n\tif ( entityType === NAVIGATION_POST_TYPE ) {\n\t\treturn (\n\t\t\t<NavigationBlockEditorProvider>\n\t\t\t\t{ children }\n\t\t\t</NavigationBlockEditorProvider>\n\t\t);\n\t}\n\treturn (\n\t\t<DefaultBlockEditorProvider>{ children }</DefaultBlockEditorProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMe,SAASM,mBAAmBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,UAAU,GAAG,IAAAC,eAAS,EACzBC,MAAM,IAAMA,MAAM,CAAEC,YAAc,CAAC,CAACC,iBAAiB,CAAC,CAAC,EACzD,EACD,CAAC;EACD,IAAKJ,UAAU,KAAKK,+BAAoB,EAAG;IAC1C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACX,8BAAA,CAAAY,OAA6B,QAC3BT,QAC4B,CAAC;EAElC;EACA,OACC,IAAAO,QAAA,CAAAC,aAAA,EAACb,2BAAA,CAAAc,OAA0B,QAAGT,QAAsC,CAAC;AAEvE"}

package/build/components/block-editor/{providers → block-editor-provider}/navigation-block-editor-provider.js

@@ -13,6 +13,7 @@ var _blocks = require("@wordpress/blocks");
 var _lockUnlock = require("../../../lock-unlock");
 var _useSiteEditorSettings = _interopRequireDefault(require("../use-site-editor-settings"));
 var _store = require("../../../store");
+var _constants = require("../../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -43,7 +44,7 @@ function NavigationBlockEditorProvider({
   children
 }) {
   const defaultSettings = (0, _useSiteEditorSettings.default)();
-  const navigationMenuId = (0, _coreData.useEntityId)('postType', 'wp_navigation');
+  const navigationMenuId = (0, _coreData.useEntityId)('postType', _constants.NAVIGATION_POST_TYPE);
   const blocks = (0, _element.useMemo)(() => {
     return [(0, _blocks.createBlock)('core/navigation', {
       ref: navigationMenuId,

package/build/components/block-editor/block-editor-provider/navigation-block-editor-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_data","_coreData","_blockEditor","_blocks","_lockUnlock","_useSiteEditorSettings","_interopRequireDefault","_store","_constants","ExperimentalBlockEditorProvider","unlock","blockEditorPrivateApis","noop","NavigationBlockEditorProvider","children","defaultSettings","useSiteEditorSettings","navigationMenuId","useEntityId","NAVIGATION_POST_TYPE","blocks","useMemo","createBlock","ref","templateLock","isEditMode","useSelect","select","getCanvasMode","editSiteStore","selectBlock","setBlockEditingMode","unsetBlockEditingMode","useDispatch","blockEditorStore","navigationBlockClientId","clientId","settings","template","useEffect","createElement","value","onInput","onChange","useSubRegistry"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/navigation-block-editor-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { useEntityId } from '@wordpress/core-data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport useSiteEditorSettings from '../use-site-editor-settings';\nimport { store as editSiteStore } from '../../../store';\nimport { NAVIGATION_POST_TYPE } from '../../../utils/constants';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/**\n * Block editor component for editing navigation menus.\n *\n * Note: Navigation entities require a wrapping Navigation block to provide\n * them with some basic layout and styling. Therefore we create a \"ghost\" block\n * and provide it will a reference to the navigation entity ID being edited.\n *\n * In this scenario it is the **block** that handles syncing the entity content\n * whereas for other entities this is handled by entity block editor.\n *\n * @param {number} navigationMenuId the navigation menu ID\n * @return {[WPBlock[], Function, Function]} The block array and setters.\n */\nexport default function NavigationBlockEditorProvider( { children } ) {\n\tconst defaultSettings = useSiteEditorSettings();\n\n\tconst navigationMenuId = useEntityId( 'postType', NAVIGATION_POST_TYPE );\n\n\tconst blocks = useMemo( () => {\n\t\treturn [\n\t\t\tcreateBlock( 'core/navigation', {\n\t\t\t\tref: navigationMenuId,\n\t\t\t\t// As the parent editor is locked with `templateLock`, the template locking\n\t\t\t\t// must be explicitly \"unset\" on the block itself to allow the user to modify\n\t\t\t\t// the block's content.\n\t\t\t\ttemplateLock: false,\n\t\t\t} ),\n\t\t];\n\t}, [ navigationMenuId ] );\n\n\tconst { isEditMode } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tisEditMode: getCanvasMode() === 'edit',\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock, setBlockEditingMode, unsetBlockEditingMode } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst navigationBlockClientId = blocks && blocks[ 0 ]?.clientId;\n\n\tconst settings = useMemo( () => {\n\t\treturn {\n\t\t\t...defaultSettings,\n\t\t\t// Lock the editor to allow the root (\"ghost\") Navigation block only.\n\t\t\ttemplateLock: 'insert',\n\t\t\ttemplate: [ [ 'core/navigation', {}, [] ] ],\n\t\t};\n\t}, [ defaultSettings ] );\n\n\t// Auto-select the Navigation block when entering Navigation focus mode.\n\tuseEffect( () => {\n\t\tif ( navigationBlockClientId && isEditMode ) {\n\t\t\tselectBlock( navigationBlockClientId );\n\t\t}\n\t}, [ navigationBlockClientId, isEditMode, selectBlock ] );\n\n\t// Set block editing mode to contentOnly when entering Navigation focus mode.\n\t// This ensures that non-content controls on the block will be hidden and thus\n\t// the user can focus on editing the Navigation Menu content only.\n\tuseEffect( () => {\n\t\tif ( ! navigationBlockClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetBlockEditingMode( navigationBlockClientId, 'contentOnly' );\n\n\t\treturn () => {\n\t\t\tunsetBlockEditingMode( navigationBlockClientId );\n\t\t};\n\t}, [\n\t\tnavigationBlockClientId,\n\t\tunsetBlockEditingMode,\n\t\tsetBlockEditingMode,\n\t] );\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={ blocks }\n\t\t\tonInput={ noop }\n\t\t\tonChange={ noop }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/components/block-editor/block-editor-provider/use-page-content-blocks.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePageContentBlocks;
+var _element = require("@wordpress/element");
+var _blocks = require("@wordpress/blocks");
+var _constants = require("../../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Helper method to iterate through all blocks, recursing into allowed inner blocks.
+ * Returns a flattened object of transformed blocks.
+ *
+ * @param {Array}    blocks    Blocks to flatten.
+ * @param {Function} transform Transforming function to be applied to each block. If transform returns `undefined`, the block is skipped.
+ *
+ * @return {Array} Flattened object.
+ */
+function flattenBlocks(blocks, transform) {
+  const result = [];
+  for (let i = 0; i < blocks.length; i++) {
+    // Since the Query Block could contain PAGE_CONTENT_BLOCK_TYPES block types,
+    // we skip it because we only want to render stand-alone page content blocks in the block list.
+    if (['core/query'].includes(blocks[i].name)) {
+      continue;
+    }
+    const transformedBlock = transform(blocks[i]);
+    if (transformedBlock) {
+      result.push(transformedBlock);
+    }
+    result.push(...flattenBlocks(blocks[i].innerBlocks, transform));
+  }
+  return result;
+}
+
+/**
+ * Returns a memoized array of blocks that contain only page content blocks,
+ * surrounded by a group block to mimic the post editor.
+ *
+ * @param {Array}   blocks               Block list.
+ * @param {boolean} isPageContentFocused Whether the page content has focus. If `true` return page content blocks. Default `false`.
+ *
+ * @return {Array} Page content blocks.
+ */
+function usePageContentBlocks(blocks, isPageContentFocused = false) {
+  return (0, _element.useMemo)(() => {
+    if (!isPageContentFocused || !blocks || !blocks.length) {
+      return [];
+    }
+    return [(0, _blocks.createBlock)('core/group', {
+      layout: {
+        type: 'constrained'
+      },
+      style: {
+        spacing: {
+          margin: {
+            top: '4em' // Mimics the post editor.
+          }
+        }
+      }
+    }, flattenBlocks(blocks, block => {
+      if (_constants.PAGE_CONTENT_BLOCK_TYPES[block.name]) {
+        return (0, _blocks.createBlock)(block.name);
+      }
+    }))];
+  }, [blocks, isPageContentFocused]);
+}
+//# sourceMappingURL=use-page-content-blocks.js.map

package/build/components/block-editor/block-editor-provider/use-page-content-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_blocks","_constants","flattenBlocks","blocks","transform","result","i","length","includes","name","transformedBlock","push","innerBlocks","usePageContentBlocks","isPageContentFocused","useMemo","createBlock","layout","type","style","spacing","margin","top","block","PAGE_CONTENT_BLOCK_TYPES"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/use-page-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../../utils/constants';\n\n/**\n * Helper method to iterate through all blocks, recursing into allowed inner blocks.\n * Returns a flattened object of transformed blocks.\n *\n * @param {Array}    blocks    Blocks to flatten.\n * @param {Function} transform Transforming function to be applied to each block. If transform returns `undefined`, the block is skipped.\n *\n * @return {Array} Flattened object.\n */\nfunction flattenBlocks( blocks, transform ) {\n\tconst result = [];\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\t// Since the Query Block could contain PAGE_CONTENT_BLOCK_TYPES block types,\n\t\t// we skip it because we only want to render stand-alone page content blocks in the block list.\n\t\tif ( [ 'core/query' ].includes( blocks[ i ].name ) ) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst transformedBlock = transform( blocks[ i ] );\n\t\tif ( transformedBlock ) {\n\t\t\tresult.push( transformedBlock );\n\t\t}\n\t\tresult.push( ...flattenBlocks( blocks[ i ].innerBlocks, transform ) );\n\t}\n\n\treturn result;\n}\n\n/**\n * Returns a memoized array of blocks that contain only page content blocks,\n * surrounded by a group block to mimic the post editor.\n *\n * @param {Array}   blocks               Block list.\n * @param {boolean} isPageContentFocused Whether the page content has focus. If `true` return page content blocks. Default `false`.\n *\n * @return {Array} Page content blocks.\n */\nexport default function usePageContentBlocks(\n\tblocks,\n\tisPageContentFocused = false\n) {\n\treturn useMemo( () => {\n\t\tif ( ! isPageContentFocused || ! blocks || ! blocks.length ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn [\n\t\t\tcreateBlock(\n\t\t\t\t'core/group',\n\t\t\t\t{\n\t\t\t\t\tlayout: { type: 'constrained' },\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tspacing: {\n\t\t\t\t\t\t\tmargin: {\n\t\t\t\t\t\t\t\ttop: '4em', // Mimics the post editor.\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tflattenBlocks( blocks, ( block ) => {\n\t\t\t\t\tif ( PAGE_CONTENT_BLOCK_TYPES[ block.name ] ) {\n\t\t\t\t\t\treturn createBlock( block.name );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t),\n\t\t];\n\t}, [ blocks, isPageContentFocused ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,aAAaA,CAAEC,MAAM,EAAEC,SAAS,EAAG;EAC3C,MAAMC,MAAM,GAAG,EAAE;EACjB,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,MAAM,CAACI,MAAM,EAAED,CAAC,EAAE,EAAG;IACzC;IACA;IACA,IAAK,CAAE,YAAY,CAAE,CAACE,QAAQ,CAAEL,MAAM,CAAEG,CAAC,CAAE,CAACG,IAAK,CAAC,EAAG;MACpD;IACD;IACA,MAAMC,gBAAgB,GAAGN,SAAS,CAAED,MAAM,CAAEG,CAAC,CAAG,CAAC;IACjD,IAAKI,gBAAgB,EAAG;MACvBL,MAAM,CAACM,IAAI,CAAED,gBAAiB,CAAC;IAChC;IACAL,MAAM,CAACM,IAAI,CAAE,GAAGT,aAAa,CAAEC,MAAM,CAAEG,CAAC,CAAE,CAACM,WAAW,EAAER,SAAU,CAAE,CAAC;EACtE;EAEA,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASQ,oBAAoBA,CAC3CV,MAAM,EACNW,oBAAoB,GAAG,KAAK,EAC3B;EACD,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,IAAK,CAAED,oBAAoB,IAAI,CAAEX,MAAM,IAAI,CAAEA,MAAM,CAACI,MAAM,EAAG;MAC5D,OAAO,EAAE;IACV;IACA,OAAO,CACN,IAAAS,mBAAW,EACV,YAAY,EACZ;MACCC,MAAM,EAAE;QAAEC,IAAI,EAAE;MAAc,CAAC;MAC/BC,KAAK,EAAE;QACNC,OAAO,EAAE;UACRC,MAAM,EAAE;YACPC,GAAG,EAAE,KAAK,CAAE;UACb;QACD;MACD;IACD,CAAC,EACDpB,aAAa,CAAEC,MAAM,EAAIoB,KAAK,IAAM;MACnC,IAAKC,mCAAwB,CAAED,KAAK,CAACd,IAAI,CAAE,EAAG;QAC7C,OAAO,IAAAO,mBAAW,EAAEO,KAAK,CAACd,IAAK,CAAC;MACjC;IACD,CAAE,CACH,CAAC,CACD;EACF,CAAC,EAAE,CAAEN,MAAM,EAAEW,oBAAoB,CAAG,CAAC;AACtC"}

package/build/components/block-editor/editor-canvas.js

@@ -25,10 +25,14 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
+const {
+  ExperimentalBlockCanvas: BlockCanvas
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function EditorCanvas({
   enableResizing,
   settings,
   children,
+  contentRef,
   ...props
 }) {
   const {
@@ -44,7 +48,6 @@ function EditorCanvas({
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const deviceStyles = (0, _blockEditor.__experimentalUseResizeCanvas)(deviceType);
-  const mouseMoveTypingRef = (0, _blockEditor.__unstableUseMouseMoveTypingReset)();
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   (0, _element.useEffect)(() => {
     if (canvasMode === 'edit') {
@@ -69,21 +72,22 @@ function EditorCanvas({
     onClick: () => setCanvasMode('edit'),
     readonly: true
   };
-  return (0, _element.createElement)(_blockEditor.__unstableIframe, {
-    expand: isZoomOutMode,
-    scale: isZoomOutMode && 0.45 || undefined,
-    frameSize: isZoomOutMode ? 100 : undefined,
-    style: enableResizing ? {} : deviceStyles,
-    ref: mouseMoveTypingRef,
-    name: "editor-canvas",
-    className: (0, _classnames.default)('edit-site-visual-editor__editor-canvas', {
-      'is-focused': isFocused && canvasMode === 'view'
-    }),
-    ...props,
-    ...(canvasMode === 'view' ? viewModeProps : {})
-  }, (0, _element.createElement)(_blockEditor.__unstableEditorStyles, {
-    styles: settings.styles
-  }), (0, _element.createElement)("style", null,
+  return (0, _element.createElement)(BlockCanvas, {
+    height: "100%",
+    iframeProps: {
+      expand: isZoomOutMode,
+      scale: isZoomOutMode ? 0.45 : undefined,
+      frameSize: isZoomOutMode ? 100 : undefined,
+      style: enableResizing ? {} : deviceStyles,
+      className: (0, _classnames.default)('edit-site-visual-editor__editor-canvas', {
+        'is-focused': isFocused && canvasMode === 'view'
+      }),
+      ...props,
+      ...(canvasMode === 'view' ? viewModeProps : {})
+    },
+    styles: settings.styles,
+    contentRef: contentRef
+  }, (0, _element.createElement)("style", null,
   // Forming a "block formatting context" to prevent margin collapsing.
   // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
   `.is-root-container{display:flow-root;${

package/build/components/block-editor/editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_data","_keycodes","_i18n","_lockUnlock","_store","EditorCanvas","enableResizing","settings","children","props","canvasMode","deviceType","isZoomOutMode","useSelect","select","editSiteStore","__experimentalGetPreviewDeviceType","blockEditorStore","__unstableGetEditorMode","unlock","getCanvasMode","setCanvasMode","useDispatch","deviceStyles","useResizeCanvas","mouseMoveTypingRef","useMouseMoveTypingReset","isFocused","setIsFocused","useState","useEffect","viewModeProps","__","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","createElement","__unstableIframe","expand","scale","undefined","frameSize","style","ref","name","className","classnames","__unstableEditorStyles","styles","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n\t__unstableUseMouseMoveTypingReset as useMouseMoveTypingReset,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nfunction EditorCanvas( { enableResizing, settings, children, ...props } ) {\n\tconst { canvasMode, deviceType, isZoomOutMode } = useSelect(\n\t\t( select ) => ( {\n\t\t\tdeviceType:\n\t\t\t\tselect( editSiteStore ).__experimentalGetPreviewDeviceType(),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst deviceStyles = useResizeCanvas( deviceType );\n\tconst mouseMoveTypingRef = useMouseMoveTypingReset();\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\tconst viewModeProps = {\n\t\t'aria-label': __( 'Editor Canvas' ),\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => setCanvasMode( 'edit' ),\n\t\treadonly: true,\n\t};\n\n\treturn (\n\t\t<Iframe\n\t\t\texpand={ isZoomOutMode }\n\t\t\tscale={ ( isZoomOutMode && 0.45 ) || undefined }\n\t\t\tframeSize={ isZoomOutMode ? 100 : undefined }\n\t\t\tstyle={ enableResizing ? {} : deviceStyles }\n\t\t\tref={ mouseMoveTypingRef }\n\t\t\tname=\"editor-canvas\"\n\t\t\tclassName={ classnames( 'edit-site-visual-editor__editor-canvas', {\n\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t} ) }\n\t\t\t{ ...props }\n\t\t\t{ ...( canvasMode === 'view' ? viewModeProps : {} ) }\n\t\t>\n\t\t\t<EditorStyles styles={ settings.styles } />\n\t\t\t<style>{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t`.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? 'cursor: pointer; min-height: 100vh;'\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`\n\t\t\t}</style>\n\t\t\t{ children }\n\t\t</Iframe>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_data","_keycodes","_i18n","_lockUnlock","_store","ExperimentalBlockCanvas","BlockCanvas","unlock","blockEditorPrivateApis","EditorCanvas","enableResizing","settings","children","contentRef","props","canvasMode","deviceType","isZoomOutMode","useSelect","select","editSiteStore","__experimentalGetPreviewDeviceType","blockEditorStore","__unstableGetEditorMode","getCanvasMode","setCanvasMode","useDispatch","deviceStyles","useResizeCanvas","isFocused","setIsFocused","useState","useEffect","viewModeProps","__","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","createElement","height","iframeProps","expand","scale","undefined","frameSize","style","className","classnames","styles","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { ExperimentalBlockCanvas: BlockCanvas } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction EditorCanvas( {\n\tenableResizing,\n\tsettings,\n\tchildren,\n\tcontentRef,\n\t...props\n} ) {\n\tconst { canvasMode, deviceType, isZoomOutMode } = useSelect(\n\t\t( select ) => ( {\n\t\t\tdeviceType:\n\t\t\t\tselect( editSiteStore ).__experimentalGetPreviewDeviceType(),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst deviceStyles = useResizeCanvas( deviceType );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\tconst viewModeProps = {\n\t\t'aria-label': __( 'Editor Canvas' ),\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => setCanvasMode( 'edit' ),\n\t\treadonly: true,\n\t};\n\n\treturn (\n\t\t<BlockCanvas\n\t\t\theight=\"100%\"\n\t\t\tiframeProps={ {\n\t\t\t\texpand: isZoomOutMode,\n\t\t\t\tscale: isZoomOutMode ? 0.45 : undefined,\n\t\t\t\tframeSize: isZoomOutMode ? 100 : undefined,\n\t\t\t\tstyle: enableResizing ? {} : deviceStyles,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'edit-site-visual-editor__editor-canvas',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeProps : {} ),\n\t\t\t} }\n\t\t\tstyles={ settings.styles }\n\t\t\tcontentRef={ contentRef }\n\t\t>\n\t\t\t<style>{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t`.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? 'cursor: pointer; min-height: 100vh;'\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`\n\t\t\t}</style>\n\t\t\t{ children }\n\t\t</BlockCanvas>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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"}

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

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = BlockEditor;
 var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _patterns = require("@wordpress/patterns");
 var _templatePartConverter = _interopRequireDefault(require("../template-part-converter"));
 var _sidebarEditMode = require("../sidebar-edit-mode");
-var _store = require("../../store");
 var _siteEditorCanvas = _interopRequireDefault(require("./site-editor-canvas"));
-var _getBlockEditorProvider = _interopRequireDefault(require("./get-block-editor-provider"));
+var _blockEditorProvider = _interopRequireDefault(require("./block-editor-provider"));
 var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
@@ -27,11 +25,6 @@ const {
   PatternsMenuItems
 } = (0, _lockUnlock.unlock)(_patterns.privateApis);
 function BlockEditor() {
-  const entityType = (0, _data.useSelect)(select => select(_store.store).getEditedPostType(), []);
-
-  // Choose the provider based on the entity type currently
-  // being edited.
-  const BlockEditorProvider = (0, _getBlockEditorProvider.default)(entityType);
-  return (0, _element.createElement)(BlockEditorProvider, null, (0, _element.createElement)(_templatePartConverter.default, null), (0, _element.createElement)(_sidebarEditMode.SidebarInspectorFill, null, (0, _element.createElement)(_blockEditor.BlockInspector, null)), (0, _element.createElement)(_siteEditorCanvas.default, null), (0, _element.createElement)(PatternsMenuItems, null));
+  return (0, _element.createElement)(_blockEditorProvider.default, null, (0, _element.createElement)(_templatePartConverter.default, null), (0, _element.createElement)(_sidebarEditMode.SidebarInspectorFill, null, (0, _element.createElement)(_blockEditor.BlockInspector, null)), (0, _element.createElement)(_siteEditorCanvas.default, null), (0, _element.createElement)(PatternsMenuItems, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_patterns","_templatePartConverter","_interopRequireDefault","_sidebarEditMode","_store","_siteEditorCanvas","_getBlockEditorProvider","_lockUnlock","PatternsMenuItems","unlock","editPatternsPrivateApis","BlockEditor","entityType","useSelect","select","editSiteStore","getEditedPostType","BlockEditorProvider","getBlockEditorProvider","_element","createElement","default","SidebarInspectorFill","BlockInspector"],"sources":["@wordpress/edit-site/src/components/block-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { BlockInspector } from '@wordpress/block-editor';\nimport { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';\n\n/**\n * Internal dependencies\n */\nimport TemplatePartConverter from '../template-part-converter';\nimport { SidebarInspectorFill } from '../sidebar-edit-mode';\nimport { store as editSiteStore } from '../../store';\nimport SiteEditorCanvas from './site-editor-canvas';\nimport getBlockEditorProvider from './get-block-editor-provider';\n\nimport { unlock } from '../../lock-unlock';\nconst { PatternsMenuItems } = unlock( editPatternsPrivateApis );\nexport default function BlockEditor() {\n\tconst entityType = useSelect(\n\t\t( select ) => select( editSiteStore ).getEditedPostType(),\n\t\t[]\n\t);\n\n\t// Choose the provider based on the entity type currently\n\t// being edited.\n\tconst BlockEditorProvider = getBlockEditorProvider( entityType );\n\n\treturn (\n\t\t<BlockEditorProvider>\n\t\t\t<TemplatePartConverter />\n\t\t\t<SidebarInspectorFill>\n\t\t\t\t<BlockInspector />\n\t\t\t</SidebarInspectorFill>\n\n\t\t\t<SiteEditorCanvas />\n\n\t\t\t<PatternsMenuItems />\n\t\t</BlockEditorProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,sBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAH,sBAAA,CAAAJ,OAAA;AACA,IAAAQ,uBAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAEA,IAAAS,WAAA,GAAAT,OAAA;AAhBA;AACA;AACA;;AAKA;AACA;AACA;;AAQA,MAAM;EAAEU;AAAkB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,qBAAwB,CAAC;AAChD,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,UAAU,GAAG,IAAAC,eAAS,EACzBC,MAAM,IAAMA,MAAM,CAAEC,YAAc,CAAC,CAACC,iBAAiB,CAAC,CAAC,EACzD,EACD,CAAC;;EAED;EACA;EACA,MAAMC,mBAAmB,GAAG,IAAAC,+BAAsB,EAAEN,UAAW,CAAC;EAEhE,OACC,IAAAO,QAAA,CAAAC,aAAA,EAACH,mBAAmB,QACnB,IAAAE,QAAA,CAAAC,aAAA,EAACnB,sBAAA,CAAAoB,OAAqB,MAAE,CAAC,EACzB,IAAAF,QAAA,CAAAC,aAAA,EAACjB,gBAAA,CAAAmB,oBAAoB,QACpB,IAAAH,QAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAwB,cAAc,MAAE,CACI,CAAC,EAEvB,IAAAJ,QAAA,CAAAC,aAAA,EAACf,iBAAA,CAAAgB,OAAgB,MAAE,CAAC,EAEpB,IAAAF,QAAA,CAAAC,aAAA,EAACZ,iBAAiB,MAAE,CACA,CAAC;AAExB"}
+{"version":3,"names":["_blockEditor","require","_patterns","_templatePartConverter","_interopRequireDefault","_sidebarEditMode","_siteEditorCanvas","_blockEditorProvider","_lockUnlock","PatternsMenuItems","unlock","editPatternsPrivateApis","BlockEditor","_element","createElement","default","SidebarInspectorFill","BlockInspector"],"sources":["@wordpress/edit-site/src/components/block-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockInspector } from '@wordpress/block-editor';\nimport { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';\n\n/**\n * Internal dependencies\n */\nimport TemplatePartConverter from '../template-part-converter';\nimport { SidebarInspectorFill } from '../sidebar-edit-mode';\nimport SiteEditorCanvas from './site-editor-canvas';\nimport BlockEditorProvider from './block-editor-provider';\n\nimport { unlock } from '../../lock-unlock';\nconst { PatternsMenuItems } = unlock( editPatternsPrivateApis );\nexport default function BlockEditor() {\n\treturn (\n\t\t<BlockEditorProvider>\n\t\t\t<TemplatePartConverter />\n\t\t\t<SidebarInspectorFill>\n\t\t\t\t<BlockInspector />\n\t\t\t</SidebarInspectorFill>\n\t\t\t<SiteEditorCanvas />\n\t\t\t<PatternsMenuItems />\n\t\t</BlockEditorProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAKA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,oBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAM;EAAEQ;AAAkB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,qBAAwB,CAAC;AAChD,SAASC,WAAWA,CAAA,EAAG;EACrC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACP,oBAAA,CAAAQ,OAAmB,QACnB,IAAAF,QAAA,CAAAC,aAAA,EAACX,sBAAA,CAAAY,OAAqB,MAAE,CAAC,EACzB,IAAAF,QAAA,CAAAC,aAAA,EAACT,gBAAA,CAAAW,oBAAoB,QACpB,IAAAH,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAiB,cAAc,MAAE,CACI,CAAC,EACvB,IAAAJ,QAAA,CAAAC,aAAA,EAACR,iBAAA,CAAAS,OAAgB,MAAE,CAAC,EACpB,IAAAF,QAAA,CAAAC,aAAA,EAACL,iBAAiB,MAAE,CACA,CAAC;AAExB"}

package/build/components/block-editor/site-editor-canvas.js

@@ -74,8 +74,7 @@ function SiteEditorCanvas() {
   // Disable resizing in mobile viewport.
   !isMobileViewport;
   const contentRef = (0, _element.useRef)();
-  const mergedRefs = (0, _compose.useMergeRefs)([contentRef, (0, _blockEditor.__unstableUseClipboardHandler)()]);
-  const isTemplateTypeNavigation = templateType === 'wp_navigation';
+  const isTemplateTypeNavigation = templateType === _constants.NAVIGATION_POST_TYPE;
   const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
 
   // Hide the appender when:
@@ -103,8 +102,7 @@ function SiteEditorCanvas() {
   }, (0, _element.createElement)(_editorCanvas.default, {
     enableResizing: enableResizing,
     settings: settings,
-    contentRef: mergedRefs,
-    readonly: isViewMode
+    contentRef: contentRef
   }, resizeObserver, (0, _element.createElement)(_blockEditor.BlockList, {
     className: (0, _classnames.default)('edit-site-block-editor__block-list wp-site-blocks', {
       'is-navigation-block': isTemplateTypeNavigation

package/build/components/block-editor/site-editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_blockEditor","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_pageContentFocusManager","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","useDispatch","blockEditorStore","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","hasBlocks","getBlockCount","blocks","isMobileViewport","useViewportMatch","enableResizing","contentRef","useRef","mergedRefs","useMergeRefs","useClipboardHandler","isTemplateTypeNavigation","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","createElement","Fragment","default","Slot","editorCanvasView","className","BlockTools","classnames","__unstableContentRef","onClick","event","target","currentTarget","height","readonly","BlockList","layout","renderAppender"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\t__unstableUseClipboardHandler as useClipboardHandler,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tuseMergeRefs,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport PageContentFocusManager from '../page-content-focus-manager';\n\nconst LAYOUT = {\n\ttype: 'default',\n\t// At the root level of the site editor, no alignments should be allowed.\n\talignments: [],\n};\n\nexport default function SiteEditorCanvas() {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst { hasBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\tconst blocks = getBlockCount();\n\n\t\treturn {\n\t\t\thasBlocks: !! blocks,\n\t\t};\n\t}, [] );\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst contentRef = useRef();\n\tconst mergedRefs = useMergeRefs( [ contentRef, useClipboardHandler() ] );\n\n\tconst isTemplateTypeNavigation = templateType === 'wp_navigation';\n\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || isViewMode\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<>\n\t\t\t<EditorCanvasContainer.Slot>\n\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BlockTools\n\t\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t\t'is-focus-mode':\n\t\t\t\t\t\t\t\t\tisFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t__unstableContentRef={ contentRef }\n\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t// Clear selected block when clicking on the gray background.\n\t\t\t\t\t\t\t\tif ( event.target === event.currentTarget ) {\n\t\t\t\t\t\t\t\t\tclearSelectedBlock();\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\t\t<BackButton />\n\t\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t\t: '100%'\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\t<EditorCanvas\n\t\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tcontentRef={ mergedRefs }\n\t\t\t\t\t\t\t\t\treadonly={ isViewMode }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'edit-site-block-editor__block-list wp-site-blocks',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-navigation-block':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisTemplateTypeNavigation,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tlayout={ LAYOUT }\n\t\t\t\t\t\t\t\t\t\trenderAppender={ showBlockAppender }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t\t</BlockTools>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</EditorCanvasContainer.Slot>\n\t\t\t<PageContentFocusManager contentRef={ contentRef } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_blockEditor","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_pageContentFocusManager","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","useDispatch","blockEditorStore","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","hasBlocks","getBlockCount","blocks","isMobileViewport","useViewportMatch","enableResizing","contentRef","useRef","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","createElement","Fragment","default","Slot","editorCanvasView","className","BlockTools","classnames","__unstableContentRef","onClick","event","target","currentTarget","height","BlockList","layout","renderAppender"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport PageContentFocusManager from '../page-content-focus-manager';\n\nconst LAYOUT = {\n\ttype: 'default',\n\t// At the root level of the site editor, no alignments should be allowed.\n\talignments: [],\n};\n\nexport default function SiteEditorCanvas() {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst { hasBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\tconst blocks = getBlockCount();\n\n\t\treturn {\n\t\t\thasBlocks: !! blocks,\n\t\t};\n\t}, [] );\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst contentRef = useRef();\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || isViewMode\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<>\n\t\t\t<EditorCanvasContainer.Slot>\n\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BlockTools\n\t\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t\t'is-focus-mode':\n\t\t\t\t\t\t\t\t\tisFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t__unstableContentRef={ contentRef }\n\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t// Clear selected block when clicking on the gray background.\n\t\t\t\t\t\t\t\tif ( event.target === event.currentTarget ) {\n\t\t\t\t\t\t\t\t\tclearSelectedBlock();\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\t\t<BackButton />\n\t\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t\t: '100%'\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\t<EditorCanvas\n\t\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'edit-site-block-editor__block-list wp-site-blocks',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-navigation-block':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisTemplateTypeNavigation,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tlayout={ LAYOUT }\n\t\t\t\t\t\t\t\t\t\trenderAppender={ showBlockAppender }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t\t</BlockTools>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</EditorCanvasContainer.Slot>\n\t\t\t<PageContentFocusManager contentRef={ contentRef } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/block-editor/use-site-editor-settings.js

@@ -116,14 +116,16 @@ function useSiteEditorSettings() {
   const {
     restBlockPatterns,
     restBlockPatternCategories,
-    templateSlug
+    templateSlug,
+    userPatternCategories
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostType,
       getEditedPostId
     } = select(_store.store);
     const {
-      getEditedEntityRecord
+      getEditedEntityRecord,
+      getUserPatternCategories
     } = select(_coreData.store);
     const usedPostType = getEditedPostType();
     const usedPostId = getEditedPostId();
@@ -131,7 +133,8 @@ function useSiteEditorSettings() {
     return {
       restBlockPatterns: select(_coreData.store).getBlockPatterns(),
       restBlockPatternCategories: select(_coreData.store).getBlockPatternCategories(),
-      templateSlug: _record.slug
+      templateSlug: _record.slug,
+      userPatternCategories: getUserPatternCategories()
     };
   }, []);
   const archiveLabels = useArchiveLabel(templateSlug);
@@ -153,10 +156,11 @@ function useSiteEditorSettings() {
       inserterMediaCategories: _inserterMediaCategories.default,
       __experimentalBlockPatterns: blockPatterns,
       __experimentalBlockPatternCategories: blockPatternCategories,
+      __experimentalUserPatternCategories: userPatternCategories,
       focusMode: canvasMode === 'view' && focusMode ? false : focusMode,
       __experimentalArchiveTitleTypeLabel: archiveLabels.archiveTypeLabel,
       __experimentalArchiveTitleNameLabel: archiveLabels.archiveNameLabel
     };
-  }, [storedSettings, blockPatterns, blockPatternCategories, canvasMode, archiveLabels.archiveTypeLabel, archiveLabels.archiveNameLabel]);
+  }, [storedSettings, blockPatterns, blockPatternCategories, userPatternCategories, canvasMode, archiveLabels.archiveTypeLabel, archiveLabels.archiveNameLabel]);
 }
 //# sourceMappingURL=use-site-editor-settings.js.map