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

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

@@ -1 +1 @@
-{"version":3,"names":["SlotFillProvider","UnsavedChangesWarning","ShortcutProvider","store","noticesStore","useDispatch","__","sprintf","PluginArea","privateApis","routerPrivateApis","Layout","GlobalStylesProvider","unlock","RouterProvider","App","createErrorNotice","onPluginAreaError","name","createElement","style","height","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":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,oBAAoB,QAAQ,yCAAyC;AAC9E,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAe,CAAC,GAAGD,MAAM,CAAEH,iBAAkB,CAAC;AAEtD,eAAe,SAASK,GAAGA,CAAA,EAAG;EAC7B,MAAM;IAAEC;EAAkB,CAAC,GAAGX,WAAW,CAAED,YAAa,CAAC;EAEzD,SAASa,iBAAiBA,CAAEC,IAAI,EAAG;IAClCF,iBAAiB,CAChBT,OAAO,EACN;IACAD,EAAE,CACD,kEACD,CAAC,EACDY,IACD,CACD,CAAC;EACF;EAEA,OACCC,aAAA,CAACjB,gBAAgB;IAACkB,KAAK,EAAG;MAAEC,MAAM,EAAE;IAAO;EAAG,GAC7CF,aAAA,CAACnB,gBAAgB,QAChBmB,aAAA,CAACP,oBAAoB,QACpBO,aAAA,CAAClB,qBAAqB,MAAE,CAAC,EACzBkB,aAAA,CAACL,cAAc,QACdK,aAAA,CAACR,MAAM,MAAE,CAAC,EACVQ,aAAA,CAACX,UAAU;IAACc,OAAO,EAAGL;EAAmB,CAAE,CAC5B,CACK,CACL,CACD,CAAC;AAErB"}
+{"version":3,"names":["SlotFillProvider","UnsavedChangesWarning","store","noticesStore","useDispatch","__","sprintf","PluginArea","privateApis","routerPrivateApis","Layout","GlobalStylesProvider","unlock","RouterProvider","App","createErrorNotice","onPluginAreaError","name","createElement","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":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,oBAAoB,QAAQ,yCAAyC;AAC9E,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAe,CAAC,GAAGD,MAAM,CAAEH,iBAAkB,CAAC;AAEtD,eAAe,SAASK,GAAGA,CAAA,EAAG;EAC7B,MAAM;IAAEC;EAAkB,CAAC,GAAGX,WAAW,CAAED,YAAa,CAAC;EAEzD,SAASa,iBAAiBA,CAAEC,IAAI,EAAG;IAClCF,iBAAiB,CAChBT,OAAO,EACN;IACAD,EAAE,CACD,kEACD,CAAC,EACDY,IACD,CACD,CAAC;EACF;EAEA,OACCC,aAAA,CAAClB,gBAAgB,QAChBkB,aAAA,CAACP,oBAAoB,QACpBO,aAAA,CAACjB,qBAAqB,MAAE,CAAC,EACzBiB,aAAA,CAACL,cAAc,QACdK,aAAA,CAACR,MAAM,MAAE,CAAC,EACVQ,aAAA,CAACX,UAAU;IAACY,OAAO,EAAGH;EAAmB,CAAE,CAC5B,CACK,CACL,CAAC;AAErB"}

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

@@ -10,6 +10,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 /**
  * Internal dependencies
  */
+import { TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE } from '../../utils/constants';
 import { unlock } from '../../lock-unlock';
 const {
   useLocation,
@@ -18,8 +19,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 === TEMPLATE_PART_POST_TYPE;
+  const isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;
   const previousTemplateId = location.state?.fromTemplateId;
   const isFocusMode = isTemplatePart || isNavigationMenu;
   if (!isFocusMode || !previousTemplateId) {

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

@@ -1 +1 @@
-{"version":3,"names":["Button","arrowLeft","__","privateApis","routerPrivateApis","unlock","useLocation","useHistory","BackButton","location","history","isTemplatePart","params","postType","isNavigationMenu","previousTemplateId","state","fromTemplateId","isFocusMode","createElement","className","icon","onClick","back"],"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":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC,WAAW;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAED,iBAAkB,CAAC;AAE/D,SAASI,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAC9B,MAAMI,OAAO,GAAGH,UAAU,CAAC,CAAC;EAC5B,MAAMI,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,OACCI,aAAA,CAACnB,MAAM;IACNoB,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGpB,SAAW;IAClBqB,OAAO,EAAGA,CAAA,KAAM;MACfZ,OAAO,CAACa,IAAI,CAAC,CAAC;IACf;EAAG,GAEDrB,EAAE,CAAE,MAAO,CACN,CAAC;AAEX;AAEA,eAAeM,UAAU"}
+{"version":3,"names":["Button","arrowLeft","__","privateApis","routerPrivateApis","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","unlock","useLocation","useHistory","BackButton","location","history","isTemplatePart","params","postType","isNavigationMenu","previousTemplateId","state","fromTemplateId","isFocusMode","createElement","className","icon","onClick","back"],"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":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SACCC,uBAAuB,EACvBC,oBAAoB,QACd,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC,WAAW;EAAEC;AAAW,CAAC,GAAGF,MAAM,CAAEH,iBAAkB,CAAC;AAE/D,SAASM,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAC9B,MAAMI,OAAO,GAAGH,UAAU,CAAC,CAAC;EAC5B,MAAMI,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKV,uBAAuB;EAC3E,MAAMW,gBAAgB,GAAGL,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKT,oBAAoB;EAC1E,MAAMW,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,OACCI,aAAA,CAACrB,MAAM;IACNsB,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGtB,SAAW;IAClBuB,OAAO,EAAGA,CAAA,KAAM;MACfZ,OAAO,CAACa,IAAI,CAAC,CAAC;IACf;EAAG,GAEDvB,EAAE,CAAE,MAAO,CACN,CAAC;AAEX;AAEA,eAAeQ,UAAU"}

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

@@ -0,0 +1,65 @@
+import { createElement } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { useEntityBlockEditor } from '@wordpress/core-data';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import { store as editSiteStore } from '../../../store';
+import { unlock } from '../../../lock-unlock';
+import useSiteEditorSettings from '../use-site-editor-settings';
+import usePageContentBlocks from './use-page-content-blocks';
+const {
+  ExperimentalBlockEditorProvider
+} = unlock(blockEditorPrivateApis);
+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
+ */
+export default function DefaultBlockEditorProvider({
+  children
+}) {
+  const settings = useSiteEditorSettings();
+  const {
+    templateType,
+    isTemplateHidden
+  } = useSelect(select => {
+    const {
+      getEditedPostType
+    } = select(editSiteStore);
+    const {
+      getPageContentFocusType,
+      getCanvasMode
+    } = unlock(select(editSiteStore));
+    return {
+      templateType: getEditedPostType(),
+      isTemplateHidden: getCanvasMode() === 'edit' && getPageContentFocusType() === 'hideTemplate',
+      canvasMode: unlock(select(editSiteStore)).getCanvasMode()
+    };
+  }, []);
+  const [blocks, onInput, onChange] = useEntityBlockEditor('postType', templateType);
+  const pageContentBlock = usePageContentBlocks(blocks, isTemplateHidden);
+  return 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-module/components/block-editor/block-editor-provider/default-block-editor-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEntityBlockEditor","privateApis","blockEditorPrivateApis","useSelect","store","editSiteStore","unlock","useSiteEditorSettings","usePageContentBlocks","ExperimentalBlockEditorProvider","noop","DefaultBlockEditorProvider","children","settings","templateType","isTemplateHidden","select","getEditedPostType","getPageContentFocusType","getCanvasMode","canvasMode","blocks","onInput","onChange","pageContentBlock","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":";AAAA;AACA;AACA;AACA,SAASA,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,OAAOC,qBAAqB,MAAM,6BAA6B;AAC/D,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAM;EAAEC;AAAgC,CAAC,GAAGH,MAAM,CAAEJ,sBAAuB,CAAC;AAE5E,MAAMQ,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,0BAA0BA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAClE,MAAMC,QAAQ,GAAGN,qBAAqB,CAAC,CAAC;EAExC,MAAM;IAAEO,YAAY;IAAEC;EAAiB,CAAC,GAAGZ,SAAS,CAAIa,MAAM,IAAM;IACnE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEX,aAAc,CAAC;IACrD,MAAM;MAAEa,uBAAuB;MAAEC;IAAc,CAAC,GAAGb,MAAM,CACxDU,MAAM,CAAEX,aAAc,CACvB,CAAC;IACD,OAAO;MACNS,YAAY,EAAEG,iBAAiB,CAAC,CAAC;MACjCF,gBAAgB,EACfI,aAAa,CAAC,CAAC,KAAK,MAAM,IAC1BD,uBAAuB,CAAC,CAAC,KAAK,cAAc;MAC7CE,UAAU,EAAEd,MAAM,CAAEU,MAAM,CAAEX,aAAc,CAAE,CAAC,CAACc,aAAa,CAAC;IAC7D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEE,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAGvB,oBAAoB,CACzD,UAAU,EACVc,YACD,CAAC;EACD,MAAMU,gBAAgB,GAAGhB,oBAAoB,CAAEa,MAAM,EAAEN,gBAAiB,CAAC;EACzE,OACCU,aAAA,CAAChB,+BAA+B;IAC/BI,QAAQ,EAAGA,QAAU;IACrBa,KAAK,EACJX,gBAAgB,IAAIS,gBAAgB,CAACG,MAAM,GACxCH,gBAAgB,GAChBH,MACH;IACDC,OAAO,EAAGP,gBAAgB,GAAGL,IAAI,GAAGY,OAAS;IAC7CC,QAAQ,EAAGR,gBAAgB,GAAGL,IAAI,GAAGa,QAAU;IAC/CK,cAAc,EAAG;EAAO,GAEtBhB,QAC8B,CAAC;AAEpC"}

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

@@ -0,0 +1,23 @@
+import { createElement } from "@wordpress/element";
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import { store as editSiteStore } from '../../../store';
+import DefaultBlockEditorProvider from './default-block-editor-provider';
+import NavigationBlockEditorProvider from './navigation-block-editor-provider';
+import { NAVIGATION_POST_TYPE } from '../../../utils/constants';
+export default function BlockEditorProvider({
+  children
+}) {
+  const entityType = useSelect(select => select(editSiteStore).getEditedPostType(), []);
+  if (entityType === NAVIGATION_POST_TYPE) {
+    return createElement(NavigationBlockEditorProvider, null, children);
+  }
+  return createElement(DefaultBlockEditorProvider, null, children);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSelect","store","editSiteStore","DefaultBlockEditorProvider","NavigationBlockEditorProvider","NAVIGATION_POST_TYPE","BlockEditorProvider","children","entityType","select","getEditedPostType","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;AACvD,OAAOC,0BAA0B,MAAM,iCAAiC;AACxE,OAAOC,6BAA6B,MAAM,oCAAoC;AAC9E,SAASC,oBAAoB,QAAQ,0BAA0B;AAE/D,eAAe,SAASC,mBAAmBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,UAAU,GAAGR,SAAS,CACzBS,MAAM,IAAMA,MAAM,CAAEP,aAAc,CAAC,CAACQ,iBAAiB,CAAC,CAAC,EACzD,EACD,CAAC;EACD,IAAKF,UAAU,KAAKH,oBAAoB,EAAG;IAC1C,OACCM,aAAA,CAACP,6BAA6B,QAC3BG,QAC4B,CAAC;EAElC;EACA,OACCI,aAAA,CAACR,0BAA0B,QAAGI,QAAsC,CAAC;AAEvE"}

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

@@ -14,6 +14,7 @@ import { createBlock } from '@wordpress/blocks';
 import { unlock } from '../../../lock-unlock';
 import useSiteEditorSettings from '../use-site-editor-settings';
 import { store as editSiteStore } from '../../../store';
+import { NAVIGATION_POST_TYPE } from '../../../utils/constants';
 const {
   ExperimentalBlockEditorProvider
 } = unlock(blockEditorPrivateApis);
@@ -36,7 +37,7 @@ export default function NavigationBlockEditorProvider({
   children
 }) {
   const defaultSettings = useSiteEditorSettings();
-  const navigationMenuId = useEntityId('postType', 'wp_navigation');
+  const navigationMenuId = useEntityId('postType', NAVIGATION_POST_TYPE);
   const blocks = useMemo(() => {
     return [createBlock('core/navigation', {
       ref: navigationMenuId,

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSelect","useDispatch","useMemo","useEffect","useEntityId","store","blockEditorStore","privateApis","blockEditorPrivateApis","createBlock","unlock","useSiteEditorSettings","editSiteStore","NAVIGATION_POST_TYPE","ExperimentalBlockEditorProvider","noop","NavigationBlockEditorProvider","children","defaultSettings","navigationMenuId","blocks","ref","templateLock","isEditMode","select","getCanvasMode","selectBlock","setBlockEditingMode","unsetBlockEditingMode","navigationBlockClientId","clientId","settings","template","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-module/components/block-editor/block-editor-provider/use-page-content-blocks.js

@@ -0,0 +1,70 @@
+/**
+ * WordPress dependencies
+ */
+import { useMemo } from '@wordpress/element';
+import { createBlock } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import { PAGE_CONTENT_BLOCK_TYPES } from '../../../utils/constants';
+
+/**
+ * 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.
+ */
+export default function usePageContentBlocks(blocks, isPageContentFocused = false) {
+  return useMemo(() => {
+    if (!isPageContentFocused || !blocks || !blocks.length) {
+      return [];
+    }
+    return [createBlock('core/group', {
+      layout: {
+        type: 'constrained'
+      },
+      style: {
+        spacing: {
+          margin: {
+            top: '4em' // Mimics the post editor.
+          }
+        }
+      }
+    }, flattenBlocks(blocks, block => {
+      if (PAGE_CONTENT_BLOCK_TYPES[block.name]) {
+        return createBlock(block.name);
+      }
+    }))];
+  }, [blocks, isPageContentFocused]);
+}
+//# sourceMappingURL=use-page-content-blocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","createBlock","PAGE_CONTENT_BLOCK_TYPES","flattenBlocks","blocks","transform","result","i","length","includes","name","transformedBlock","push","innerBlocks","usePageContentBlocks","isPageContentFocused","layout","type","style","spacing","margin","top","block"],"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":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;;AAE/C;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,0BAA0B;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,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;AACA,eAAe,SAASQ,oBAAoBA,CAC3CV,MAAM,EACNW,oBAAoB,GAAG,KAAK,EAC3B;EACD,OAAOf,OAAO,CAAE,MAAM;IACrB,IAAK,CAAEe,oBAAoB,IAAI,CAAEX,MAAM,IAAI,CAAEA,MAAM,CAACI,MAAM,EAAG;MAC5D,OAAO,EAAE;IACV;IACA,OAAO,CACNP,WAAW,CACV,YAAY,EACZ;MACCe,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,EACDlB,aAAa,CAAEC,MAAM,EAAIkB,KAAK,IAAM;MACnC,IAAKpB,wBAAwB,CAAEoB,KAAK,CAACZ,IAAI,CAAE,EAAG;QAC7C,OAAOT,WAAW,CAAEqB,KAAK,CAACZ,IAAK,CAAC;MACjC;IACD,CAAE,CACH,CAAC,CACD;EACF,CAAC,EAAE,CAAEN,MAAM,EAAEW,oBAAoB,CAAG,CAAC;AACtC"}

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

@@ -7,7 +7,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { __experimentalUseResizeCanvas as useResizeCanvas, __unstableEditorStyles as EditorStyles, __unstableIframe as Iframe, __unstableUseMouseMoveTypingReset as useMouseMoveTypingReset, store as blockEditorStore } from '@wordpress/block-editor';
+import { __experimentalUseResizeCanvas as useResizeCanvas, privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { ENTER, SPACE } from '@wordpress/keycodes';
 import { useState, useEffect } from '@wordpress/element';
@@ -18,10 +18,14 @@ import { __ } from '@wordpress/i18n';
  */
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
+const {
+  ExperimentalBlockCanvas: BlockCanvas
+} = unlock(blockEditorPrivateApis);
 function EditorCanvas({
   enableResizing,
   settings,
   children,
+  contentRef,
   ...props
 }) {
   const {
@@ -37,7 +41,6 @@ function EditorCanvas({
     setCanvasMode
   } = unlock(useDispatch(editSiteStore));
   const deviceStyles = useResizeCanvas(deviceType);
-  const mouseMoveTypingRef = useMouseMoveTypingReset();
   const [isFocused, setIsFocused] = useState(false);
   useEffect(() => {
     if (canvasMode === 'edit') {
@@ -62,21 +65,22 @@ function EditorCanvas({
     onClick: () => setCanvasMode('edit'),
     readonly: true
   };
-  return createElement(Iframe, {
-    expand: isZoomOutMode,
-    scale: isZoomOutMode && 0.45 || undefined,
-    frameSize: isZoomOutMode ? 100 : undefined,
-    style: enableResizing ? {} : deviceStyles,
-    ref: mouseMoveTypingRef,
-    name: "editor-canvas",
-    className: classnames('edit-site-visual-editor__editor-canvas', {
-      'is-focused': isFocused && canvasMode === 'view'
-    }),
-    ...props,
-    ...(canvasMode === 'view' ? viewModeProps : {})
-  }, createElement(EditorStyles, {
-    styles: settings.styles
-  }), createElement("style", null,
+  return createElement(BlockCanvas, {
+    height: "100%",
+    iframeProps: {
+      expand: isZoomOutMode,
+      scale: isZoomOutMode ? 0.45 : undefined,
+      frameSize: isZoomOutMode ? 100 : undefined,
+      style: enableResizing ? {} : deviceStyles,
+      className: classnames('edit-site-visual-editor__editor-canvas', {
+        'is-focused': isFocused && canvasMode === 'view'
+      }),
+      ...props,
+      ...(canvasMode === 'view' ? viewModeProps : {})
+    },
+    styles: settings.styles,
+    contentRef: contentRef
+  }, 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-module/components/block-editor/editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__experimentalUseResizeCanvas","useResizeCanvas","__unstableEditorStyles","EditorStyles","__unstableIframe","Iframe","__unstableUseMouseMoveTypingReset","useMouseMoveTypingReset","store","blockEditorStore","useSelect","useDispatch","ENTER","SPACE","useState","useEffect","__","unlock","editSiteStore","EditorCanvas","enableResizing","settings","children","props","canvasMode","deviceType","isZoomOutMode","select","__experimentalGetPreviewDeviceType","__unstableGetEditorMode","getCanvasMode","setCanvasMode","deviceStyles","mouseMoveTypingRef","isFocused","setIsFocused","viewModeProps","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","preventDefault","onClick","readonly","createElement","expand","scale","undefined","frameSize","style","ref","name","className","styles"],"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":["classnames","__experimentalUseResizeCanvas","useResizeCanvas","privateApis","blockEditorPrivateApis","store","blockEditorStore","useSelect","useDispatch","ENTER","SPACE","useState","useEffect","__","unlock","editSiteStore","ExperimentalBlockCanvas","BlockCanvas","EditorCanvas","enableResizing","settings","children","contentRef","props","canvasMode","deviceType","isZoomOutMode","select","__experimentalGetPreviewDeviceType","__unstableGetEditorMode","getCanvasMode","setCanvasMode","deviceStyles","isFocused","setIsFocused","viewModeProps","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","preventDefault","onClick","readonly","createElement","height","iframeProps","expand","scale","undefined","frameSize","style","className","styles"],"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-module/components/block-editor/index.js

@@ -2,7 +2,6 @@ import { createElement } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
-import { useSelect } from '@wordpress/data';
 import { BlockInspector } from '@wordpress/block-editor';
 import { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';
 
@@ -11,19 +10,13 @@ import { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';
  */
 import TemplatePartConverter from '../template-part-converter';
 import { SidebarInspectorFill } from '../sidebar-edit-mode';
-import { store as editSiteStore } from '../../store';
 import SiteEditorCanvas from './site-editor-canvas';
-import getBlockEditorProvider from './get-block-editor-provider';
+import BlockEditorProvider from './block-editor-provider';
 import { unlock } from '../../lock-unlock';
 const {
   PatternsMenuItems
 } = unlock(editPatternsPrivateApis);
 export default function BlockEditor() {
-  const entityType = useSelect(select => select(editSiteStore).getEditedPostType(), []);
-
-  // Choose the provider based on the entity type currently
-  // being edited.
-  const BlockEditorProvider = getBlockEditorProvider(entityType);
   return createElement(BlockEditorProvider, null, createElement(TemplatePartConverter, null), createElement(SidebarInspectorFill, null, createElement(BlockInspector, null)), createElement(SiteEditorCanvas, null), createElement(PatternsMenuItems, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","BlockInspector","privateApis","editPatternsPrivateApis","TemplatePartConverter","SidebarInspectorFill","store","editSiteStore","SiteEditorCanvas","getBlockEditorProvider","unlock","PatternsMenuItems","BlockEditor","entityType","select","getEditedPostType","BlockEditorProvider","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,WAAW,IAAIC,uBAAuB,QAAQ,qBAAqB;;AAE5E;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,sBAAsB,MAAM,6BAA6B;AAEhE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAkB,CAAC,GAAGD,MAAM,CAAEP,uBAAwB,CAAC;AAC/D,eAAe,SAASS,WAAWA,CAAA,EAAG;EACrC,MAAMC,UAAU,GAAGb,SAAS,CACzBc,MAAM,IAAMA,MAAM,CAAEP,aAAc,CAAC,CAACQ,iBAAiB,CAAC,CAAC,EACzD,EACD,CAAC;;EAED;EACA;EACA,MAAMC,mBAAmB,GAAGP,sBAAsB,CAAEI,UAAW,CAAC;EAEhE,OACCI,aAAA,CAACD,mBAAmB,QACnBC,aAAA,CAACb,qBAAqB,MAAE,CAAC,EACzBa,aAAA,CAACZ,oBAAoB,QACpBY,aAAA,CAAChB,cAAc,MAAE,CACI,CAAC,EAEvBgB,aAAA,CAACT,gBAAgB,MAAE,CAAC,EAEpBS,aAAA,CAACN,iBAAiB,MAAE,CACA,CAAC;AAExB"}
+{"version":3,"names":["BlockInspector","privateApis","editPatternsPrivateApis","TemplatePartConverter","SidebarInspectorFill","SiteEditorCanvas","BlockEditorProvider","unlock","PatternsMenuItems","BlockEditor","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,yBAAyB;AACxD,SAASC,WAAW,IAAIC,uBAAuB,QAAQ,qBAAqB;;AAE5E;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,mBAAmB,MAAM,yBAAyB;AAEzD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAkB,CAAC,GAAGD,MAAM,CAAEL,uBAAwB,CAAC;AAC/D,eAAe,SAASO,WAAWA,CAAA,EAAG;EACrC,OACCC,aAAA,CAACJ,mBAAmB,QACnBI,aAAA,CAACP,qBAAqB,MAAE,CAAC,EACzBO,aAAA,CAACN,oBAAoB,QACpBM,aAAA,CAACV,cAAc,MAAE,CACI,CAAC,EACvBU,aAAA,CAACL,gBAAgB,MAAE,CAAC,EACpBK,aAAA,CAACF,iBAAiB,MAAE,CACA,CAAC;AAExB"}

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

@@ -8,8 +8,8 @@ import classnames from 'classnames';
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRef } from '@wordpress/element';
-import { BlockList, BlockTools, __unstableUseClipboardHandler as useClipboardHandler, store as blockEditorStore } from '@wordpress/block-editor';
-import { useMergeRefs, useViewportMatch, useResizeObserver } from '@wordpress/compose';
+import { BlockList, BlockTools, store as blockEditorStore } from '@wordpress/block-editor';
+import { useViewportMatch, useResizeObserver } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
@@ -19,7 +19,7 @@ import EditorCanvas from './editor-canvas';
 import EditorCanvasContainer from '../editor-canvas-container';
 import useSiteEditorSettings from './use-site-editor-settings';
 import { store as editSiteStore } from '../../store';
-import { FOCUSABLE_ENTITIES } from '../../utils/constants';
+import { FOCUSABLE_ENTITIES, NAVIGATION_POST_TYPE } from '../../utils/constants';
 import { unlock } from '../../lock-unlock';
 import PageContentFocusManager from '../page-content-focus-manager';
 const LAYOUT = {
@@ -65,8 +65,7 @@ export default function SiteEditorCanvas() {
   // Disable resizing in mobile viewport.
   !isMobileViewport;
   const contentRef = useRef();
-  const mergedRefs = useMergeRefs([contentRef, useClipboardHandler()]);
-  const isTemplateTypeNavigation = templateType === 'wp_navigation';
+  const isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;
   const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
 
   // Hide the appender when:
@@ -94,8 +93,7 @@ export default function SiteEditorCanvas() {
   }, createElement(EditorCanvas, {
     enableResizing: enableResizing,
     settings: settings,
-    contentRef: mergedRefs,
-    readonly: isViewMode
+    contentRef: contentRef
   }, resizeObserver, createElement(BlockList, {
     className: classnames('edit-site-block-editor__block-list wp-site-blocks', {
       'is-navigation-block': isTemplateTypeNavigation

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useSelect","useDispatch","useRef","BlockList","BlockTools","__unstableUseClipboardHandler","useClipboardHandler","store","blockEditorStore","useMergeRefs","useViewportMatch","useResizeObserver","BackButton","ResizableEditor","EditorCanvas","EditorCanvasContainer","useSiteEditorSettings","editSiteStore","FOCUSABLE_ENTITIES","unlock","PageContentFocusManager","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","templateType","isFocusMode","isViewMode","select","getEditedPostType","getCanvasMode","_templateType","includes","resizeObserver","sizes","settings","hasBlocks","getBlockCount","blocks","isMobileViewport","enableResizing","contentRef","mergedRefs","isTemplateTypeNavigation","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","createElement","Fragment","Slot","editorCanvasView","className","__unstableContentRef","onClick","event","target","currentTarget","height","readonly","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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;AACnC;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SACCC,SAAS,EACTC,UAAU,EACVC,6BAA6B,IAAIC,mBAAmB,EACpDC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SACCC,YAAY,EACZC,gBAAgB,EAChBC,iBAAiB,QACX,oBAAoB;AAC3B;AACA;AACA;AACA,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAAST,KAAK,IAAIU,aAAa,QAAQ,aAAa;AACpD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,uBAAuB,MAAM,+BAA+B;AAEnE,MAAMC,MAAM,GAAG;EACdC,IAAI,EAAE,SAAS;EACf;EACAC,UAAU,EAAE;AACb,CAAC;AAED,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC;EAAmB,CAAC,GAAGxB,WAAW,CAAEO,gBAAiB,CAAC;EAE9D,MAAM;IAAEkB,YAAY;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG5B,SAAS,CAAI6B,MAAM,IAAM;IAC1E,MAAM;MAAEC,iBAAiB;MAAEC;IAAc,CAAC,GAAGZ,MAAM,CAClDU,MAAM,CAAEZ,aAAc,CACvB,CAAC;IAED,MAAMe,aAAa,GAAGF,iBAAiB,CAAC,CAAC;IAEzC,OAAO;MACNJ,YAAY,EAAEM,aAAa;MAC3BL,WAAW,EAAET,kBAAkB,CAACe,QAAQ,CAAED,aAAc,CAAC;MACzDJ,UAAU,EAAEG,aAAa,CAAC,CAAC,KAAK;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEG,cAAc,EAAEC,KAAK,CAAE,GAAGxB,iBAAiB,CAAC,CAAC;EAErD,MAAMyB,QAAQ,GAAGpB,qBAAqB,CAAC,CAAC;EAExC,MAAM;IAAEqB;EAAU,CAAC,GAAGrC,SAAS,CAAI6B,MAAM,IAAM;IAC9C,MAAM;MAAES;IAAc,CAAC,GAAGT,MAAM,CAAErB,gBAAiB,CAAC;IAEpD,MAAM+B,MAAM,GAAGD,aAAa,CAAC,CAAC;IAE9B,OAAO;MACND,SAAS,EAAE,CAAC,CAAEE;IACf,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,gBAAgB,GAAG9B,gBAAgB,CAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAM+B,cAAc,GACnBd,WAAW,IACX,CAAEC,UAAU;EACZ;EACA,CAAEY,gBAAgB;EAEnB,MAAME,UAAU,GAAGxC,MAAM,CAAC,CAAC;EAC3B,MAAMyC,UAAU,GAAGlC,YAAY,CAAE,CAAEiC,UAAU,EAAEpC,mBAAmB,CAAC,CAAC,CAAG,CAAC;EAExE,MAAMsC,wBAAwB,GAAGlB,YAAY,KAAK,eAAe;EAEjE,MAAMmB,qBAAqB,GAAGD,wBAAwB,IAAIjB,WAAW;;EAErE;EACA;EACA;EACA,MAAMmB,iBAAiB,GACpBD,qBAAqB,IAAIR,SAAS,IAAMT,UAAU,GACjD,KAAK,GACLmB,SAAS;EAEb,MAAMC,eAAe,GAAGH,qBAAqB;EAE7C,OACCI,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClC,qBAAqB,CAACoC,IAAI,QACxB,CAAE,CAAEC,gBAAgB,CAAE,KACvBA,gBAAgB,GACfH,aAAA;IAAKI,SAAS,EAAC;EAAuC,GACnDD,gBACE,CAAC,GAENH,aAAA,CAAC7C,UAAU;IACViD,SAAS,EAAGtD,UAAU,CAAE,yBAAyB,EAAE;MAClD,eAAe,EACd4B,WAAW,IAAI,CAAC,CAAEyB,gBAAgB;MACnC,cAAc,EAAExB;IACjB,CAAE,CAAG;IACL0B,oBAAoB,EAAGZ,UAAY;IACnCa,OAAO,EAAKC,KAAK,IAAM;MACtB;MACA,IAAKA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAG;QAC3CjC,kBAAkB,CAAC,CAAC;MACrB;IACD;EAAG,GAEHwB,aAAA,CAACrC,UAAU,MAAE,CAAC,EACdqC,aAAA,CAACpC,eAAe;IACf4B,cAAc,EAAGA,cAAgB;IACjCkB,MAAM,EACLxB,KAAK,CAACwB,MAAM,IAAI,CAAEX,eAAe,GAC9Bb,KAAK,CAACwB,MAAM,GACZ;EACH,GAEDV,aAAA,CAACnC,YAAY;IACZ2B,cAAc,EAAGA,cAAgB;IACjCL,QAAQ,EAAGA,QAAU;IACrBM,UAAU,EAAGC,UAAY;IACzBiB,QAAQ,EAAGhC;EAAY,GAErBM,cAAc,EAChBe,aAAA,CAAC9C,SAAS;IACTkD,SAAS,EAAGtD,UAAU,CACrB,mDAAmD,EACnD;MACC,qBAAqB,EACpB6C;IACF,CACD,CAAG;IACHiB,MAAM,EAAGxC,MAAQ;IACjByC,cAAc,EAAGhB;EAAmB,CACpC,CACY,CACE,CACN,CAGa,CAAC,EAC7BG,aAAA,CAAC7B,uBAAuB;IAACsB,UAAU,EAAGA;EAAY,CAAE,CACnD,CAAC;AAEL"}
+{"version":3,"names":["classnames","useSelect","useDispatch","useRef","BlockList","BlockTools","store","blockEditorStore","useViewportMatch","useResizeObserver","BackButton","ResizableEditor","EditorCanvas","EditorCanvasContainer","useSiteEditorSettings","editSiteStore","FOCUSABLE_ENTITIES","NAVIGATION_POST_TYPE","unlock","PageContentFocusManager","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","templateType","isFocusMode","isViewMode","select","getEditedPostType","getCanvasMode","_templateType","includes","resizeObserver","sizes","settings","hasBlocks","getBlockCount","blocks","isMobileViewport","enableResizing","contentRef","isTemplateTypeNavigation","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","createElement","Fragment","Slot","editorCanvasView","className","__unstableContentRef","onClick","event","target","currentTarget","height","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-module/components/block-editor/use-site-editor-settings.js

@@ -107,14 +107,16 @@ export default function useSiteEditorSettings() {
   const {
     restBlockPatterns,
     restBlockPatternCategories,
-    templateSlug
+    templateSlug,
+    userPatternCategories
   } = useSelect(select => {
     const {
       getEditedPostType,
       getEditedPostId
     } = select(editSiteStore);
     const {
-      getEditedEntityRecord
+      getEditedEntityRecord,
+      getUserPatternCategories
     } = select(coreStore);
     const usedPostType = getEditedPostType();
     const usedPostId = getEditedPostId();
@@ -122,7 +124,8 @@ export default function useSiteEditorSettings() {
     return {
       restBlockPatterns: select(coreStore).getBlockPatterns(),
       restBlockPatternCategories: select(coreStore).getBlockPatternCategories(),
-      templateSlug: _record.slug
+      templateSlug: _record.slug,
+      userPatternCategories: getUserPatternCategories()
     };
   }, []);
   const archiveLabels = useArchiveLabel(templateSlug);
@@ -144,10 +147,11 @@ export default function useSiteEditorSettings() {
       inserterMediaCategories,
       __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