@wordpress/edit-site 5.12.0 → 5.12.1

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"names":["EditorCanvas","enableResizing","settings","children","props","canvasMode","deviceType","isZoomOutMode","select","editSiteStore","__experimentalGetPreviewDeviceType","blockEditorStore","__unstableGetEditorMode","getCanvasMode","setCanvasMode","deviceStyles","mouseMoveTypingRef","isFocused","setIsFocused","viewModeProps","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","undefined","styles"],"mappings":";;;;;;;;;AAiBA;;;;AAdA;;AAKA;;AAOA;;AACA;;AAEA;;AAKA;;AACA;;AAxBA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;AAIA,SAASA,YAAT,CAAuB;AAAEC,EAAAA,cAAF;AAAkBC,EAAAA,QAAlB;AAA4BC,EAAAA,QAA5B;AAAsC,KAAGC;AAAzC,CAAvB,EAA0E;AACzE,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,UAAd;AAA0BC,IAAAA;AAA1B,MAA4C,qBAC/CC,MAAF,KAAgB;AACfF,IAAAA,UAAU,EACTE,MAAM,CAAEC,YAAF,CAAN,CAAwBC,kCAAxB,EAFc;AAGfH,IAAAA,aAAa,EACZC,MAAM,CAAEG,kBAAF,CAAN,CAA2BC,uBAA3B,OACA,UALc;AAMfP,IAAAA,UAAU,EAAE,yBAAQG,MAAM,CAAEC,YAAF,CAAd,EAAkCI,aAAlC;AANG,GAAhB,CADiD,EASjD,EATiD,CAAlD;AAWA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,yBAAQ,uBAAaL,YAAb,CAAR,CAA1B;AACA,QAAMM,YAAY,GAAG,gDAAiBT,UAAjB,CAArB;AACA,QAAMU,kBAAkB,GAAG,qDAA3B;AACA,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAU,KAAV,CAApC;AAEA,0BAAW,MAAM;AAChB,QAAKb,UAAU,KAAK,MAApB,EAA6B;AAC5Ba,MAAAA,YAAY,CAAE,KAAF,CAAZ;AACA;AACD,GAJD,EAIG,CAAEb,UAAF,CAJH;AAMA,QAAMc,aAAa,GAAG;AACrB,kBAAc,cAAI,eAAJ,CADO;AAErBC,IAAAA,IAAI,EAAE,QAFe;AAGrBC,IAAAA,QAAQ,EAAE,CAHW;AAIrBC,IAAAA,OAAO,EAAE,MAAMJ,YAAY,CAAE,IAAF,CAJN;AAKrBK,IAAAA,MAAM,EAAE,MAAML,YAAY,CAAE,KAAF,CALL;AAMrBM,IAAAA,SAAS,EAAIC,KAAF,IAAa;AACvB,YAAM;AAAEC,QAAAA;AAAF,UAAcD,KAApB;;AACA,UAAKC,OAAO,KAAKC,eAAZ,IAAqBD,OAAO,KAAKE,eAAtC,EAA8C;AAC7CH,QAAAA,KAAK,CAACI,cAAN;AACAf,QAAAA,aAAa,CAAE,MAAF,CAAb;AACA;AACD,KAZoB;AAarBgB,IAAAA,OAAO,EAAE,MAAMhB,aAAa,CAAE,MAAF,CAbP;AAcrBiB,IAAAA,QAAQ,EAAE;AAdW,GAAtB;AAiBA,SACC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAGxB,aADV;AAEC,IAAA,KAAK,EAAKA,aAAa,IAAI,IAAnB,IAA6ByB,SAFtC;AAGC,IAAA,SAAS,EAAGzB,aAAa,GAAG,GAAH,GAASyB,SAHnC;AAIC,IAAA,KAAK,EAAG/B,cAAc,GAAG,EAAH,GAAQc,YAJ/B;AAKC,IAAA,GAAG,EAAGC,kBALP;AAMC,IAAA,IAAI,EAAC,eANN;AAOC,IAAA,SAAS,EAAG,yBAAY,wCAAZ,EAAsD;AACjE,oBAAcC,SAAS,IAAIZ,UAAU,KAAK;AADuB,KAAtD;AAPb,KAUMD,KAVN,EAWQC,UAAU,KAAK,MAAf,GAAwBc,aAAxB,GAAwC,EAXhD,GAaC,4BAAC,mCAAD;AAAc,IAAA,MAAM,EAAGjB,QAAQ,CAAC+B;AAAhC,IAbD,EAcC,2CACC;AACA;AACC,0CACA;AACA;AACAhC,EAAAA,cAAc,GAAG,yBAAH,GAA+B,EAC7C,4BACAI,UAAU,KAAK,MAAf,GAAwB,kBAAxB,GAA6C,EAC7C,IATF,CAdD,EAyBGF,QAzBH,CADD;AA6BA;;eAEcH,Y","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 '../../private-apis';\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' ? 'cursor: pointer;' : ''\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"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"names":["EditorCanvas","enableResizing","settings","children","props","canvasMode","deviceType","isZoomOutMode","select","editSiteStore","__experimentalGetPreviewDeviceType","blockEditorStore","__unstableGetEditorMode","getCanvasMode","setCanvasMode","deviceStyles","mouseMoveTypingRef","isFocused","setIsFocused","viewModeProps","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","undefined","styles"],"mappings":";;;;;;;;;AAiBA;;AAdA;;AAKA;;AAOA;;AACA;;AAEA;;AAKA;;AACA;;AAxBA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;AAIA,SAASA,YAAT,CAAuB;AAAEC,EAAAA,cAAF;AAAkBC,EAAAA,QAAlB;AAA4BC,EAAAA,QAA5B;AAAsC,KAAGC;AAAzC,CAAvB,EAA0E;AACzE,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,UAAd;AAA0BC,IAAAA;AAA1B,MAA4C,qBAC/CC,MAAF,KAAgB;AACfF,IAAAA,UAAU,EACTE,MAAM,CAAEC,YAAF,CAAN,CAAwBC,kCAAxB,EAFc;AAGfH,IAAAA,aAAa,EACZC,MAAM,CAAEG,kBAAF,CAAN,CAA2BC,uBAA3B,OACA,UALc;AAMfP,IAAAA,UAAU,EAAE,wBAAQG,MAAM,CAAEC,YAAF,CAAd,EAAkCI,aAAlC;AANG,GAAhB,CADiD,EASjD,EATiD,CAAlD;AAWA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,wBAAQ,uBAAaL,YAAb,CAAR,CAA1B;AACA,QAAMM,YAAY,GAAG,gDAAiBT,UAAjB,CAArB;AACA,QAAMU,kBAAkB,GAAG,qDAA3B;AACA,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAU,KAAV,CAApC;AAEA,0BAAW,MAAM;AAChB,QAAKb,UAAU,KAAK,MAApB,EAA6B;AAC5Ba,MAAAA,YAAY,CAAE,KAAF,CAAZ;AACA;AACD,GAJD,EAIG,CAAEb,UAAF,CAJH;AAMA,QAAMc,aAAa,GAAG;AACrB,kBAAc,cAAI,eAAJ,CADO;AAErBC,IAAAA,IAAI,EAAE,QAFe;AAGrBC,IAAAA,QAAQ,EAAE,CAHW;AAIrBC,IAAAA,OAAO,EAAE,MAAMJ,YAAY,CAAE,IAAF,CAJN;AAKrBK,IAAAA,MAAM,EAAE,MAAML,YAAY,CAAE,KAAF,CALL;AAMrBM,IAAAA,SAAS,EAAIC,KAAF,IAAa;AACvB,YAAM;AAAEC,QAAAA;AAAF,UAAcD,KAApB;;AACA,UAAKC,OAAO,KAAKC,eAAZ,IAAqBD,OAAO,KAAKE,eAAtC,EAA8C;AAC7CH,QAAAA,KAAK,CAACI,cAAN;AACAf,QAAAA,aAAa,CAAE,MAAF,CAAb;AACA;AACD,KAZoB;AAarBgB,IAAAA,OAAO,EAAE,MAAMhB,aAAa,CAAE,MAAF,CAbP;AAcrBiB,IAAAA,QAAQ,EAAE;AAdW,GAAtB;AAiBA,SACC,4BAAC,6BAAD;AACC,IAAA,MAAM,EAAGxB,aADV;AAEC,IAAA,KAAK,EAAKA,aAAa,IAAI,IAAnB,IAA6ByB,SAFtC;AAGC,IAAA,SAAS,EAAGzB,aAAa,GAAG,GAAH,GAASyB,SAHnC;AAIC,IAAA,KAAK,EAAG/B,cAAc,GAAG,EAAH,GAAQc,YAJ/B;AAKC,IAAA,GAAG,EAAGC,kBALP;AAMC,IAAA,IAAI,EAAC,eANN;AAOC,IAAA,SAAS,EAAG,yBAAY,wCAAZ,EAAsD;AACjE,oBAAcC,SAAS,IAAIZ,UAAU,KAAK;AADuB,KAAtD,CAPb;AAAA,OAUMD,KAVN;AAAA,QAWQC,UAAU,KAAK,MAAf,GAAwBc,aAAxB,GAAwC,EAXhD;AAAA,KAaC,4BAAC,mCAAD;AAAc,IAAA,MAAM,EAAGjB,QAAQ,CAAC+B;AAAhC,IAbD,EAcC,2CACC;AACA;AACC,0CACA;AACA;AACAhC,EAAAA,cAAc,GAAG,yBAAH,GAA+B,EAC7C,4BACAI,UAAU,KAAK,MAAf,GAAwB,kBAAxB,GAA6C,EAC7C,IATF,CAdD,EAyBGF,QAzBH,CADD;AA6BA;;eAEcH,Y","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' ? 'cursor: pointer;' : ''\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"]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getBlockEditorProvider;
+
+var _defaultBlockEditorProvider = _interopRequireDefault(require("./providers/default-block-editor-provider"));
+
+var _navigationBlockEditorProvider = _interopRequireDefault(require("./providers/navigation-block-editor-provider"));
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Factory to isolate choosing the appropriate block editor
+ * component to handle a given entity type.
+ *
+ * @param {string} entityType the entity type being edited
+ * @return {JSX.Element} the block editor component to use.
+ */
+function getBlockEditorProvider(entityType) {
+  let Provider = null;
+
+  switch (entityType) {
+    case 'wp_navigation':
+      Provider = _navigationBlockEditorProvider.default;
+      break;
+
+    case 'wp_template':
+    case 'wp_template_part':
+    default:
+      Provider = _defaultBlockEditorProvider.default;
+      break;
+  }
+
+  return Provider;
+}
+//# sourceMappingURL=get-block-editor-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/get-block-editor-provider.js"],"names":["getBlockEditorProvider","entityType","Provider","NavigationBlockEditor","DefaultBlockEditor"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,sBAAT,CAAiCC,UAAjC,EAA8C;AAC5D,MAAIC,QAAQ,GAAG,IAAf;;AAEA,UAASD,UAAT;AACC,SAAK,eAAL;AACCC,MAAAA,QAAQ,GAAGC,sCAAX;AACA;;AACD,SAAK,aAAL;AACA,SAAK,kBAAL;AACA;AACCD,MAAAA,QAAQ,GAAGE,mCAAX;AACA;AARF;;AAWA,SAAOF,QAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport DefaultBlockEditor from './providers/default-block-editor-provider';\nimport NavigationBlockEditor from './providers/navigation-block-editor-provider';\n\n/**\n * Factory to isolate choosing the appropriate block editor\n * component to handle a given entity type.\n *\n * @param {string} entityType the entity type being edited\n * @return {JSX.Element} the block editor component to use.\n */\nexport default function getBlockEditorProvider( entityType ) {\n\tlet Provider = null;\n\n\tswitch ( entityType ) {\n\t\tcase 'wp_navigation':\n\t\t\tProvider = NavigationBlockEditor;\n\t\t\tbreak;\n\t\tcase 'wp_template':\n\t\tcase 'wp_template_part':\n\t\tdefault:\n\t\t\tProvider = DefaultBlockEditor;\n\t\t\tbreak;\n\t}\n\n\treturn Provider;\n}\n"]}

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

@@ -9,37 +9,21 @@ exports.default = BlockEditor;
 
 var _element = require("@wordpress/element");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _data = require("@wordpress/data");
 
-var _coreData = require("@wordpress/core-data");
-
 var _blockEditor = require("@wordpress/block-editor");
 
-var _compose = require("@wordpress/compose");
-
 var _reusableBlocks = require("@wordpress/reusable-blocks");
 
-var _inserterMediaCategories = _interopRequireDefault(require("./inserter-media-categories"));
-
 var _templatePartConverter = _interopRequireDefault(require("../template-part-converter"));
 
 var _sidebarEditMode = require("../sidebar-edit-mode");
 
 var _store = require("../../store");
 
-var _backButton = _interopRequireDefault(require("./back-button"));
-
-var _resizableEditor = _interopRequireDefault(require("./resizable-editor"));
-
-var _editorCanvas = _interopRequireDefault(require("./editor-canvas"));
+var _siteEditorCanvas = _interopRequireDefault(require("./site-editor-canvas"));
 
-var _privateApis = require("../../private-apis");
-
-var _editorCanvasContainer = _interopRequireDefault(require("../editor-canvas-container"));
-
-var _pageContentLock = require("../page-content-lock");
+var _getBlockEditorProvider = _interopRequireDefault(require("./get-block-editor-provider"));
 
 /**
  * External dependencies
@@ -52,121 +36,11 @@ var _pageContentLock = require("../page-content-lock");
 /**
  * Internal dependencies
  */
-const {
-  ExperimentalBlockEditorProvider
-} = (0, _privateApis.unlock)(_blockEditor.privateApis);
-const LAYOUT = {
-  type: 'default',
-  // At the root level of the site editor, no alignments should be allowed.
-  alignments: []
-};
-
 function BlockEditor() {
-  var _storedSettings$__exp, _storedSettings$__exp2;
-
-  const {
-    setIsInserterOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    storedSettings,
-    templateType,
-    canvasMode,
-    hasPageContentLock
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings,
-      getEditedPostType,
-      getCanvasMode,
-      hasPageContentLock: _hasPageContentLock
-    } = (0, _privateApis.unlock)(select(_store.store));
-    return {
-      storedSettings: getSettings(setIsInserterOpened),
-      templateType: getEditedPostType(),
-      canvasMode: getCanvasMode(),
-      hasPageContentLock: _hasPageContentLock()
-    };
-  }, [setIsInserterOpened]);
-  const settingsBlockPatterns = (_storedSettings$__exp = storedSettings.__experimentalAdditionalBlockPatterns) !== null && _storedSettings$__exp !== void 0 ? _storedSettings$__exp : // WP 6.0
-  storedSettings.__experimentalBlockPatterns; // WP 5.9
-
-  const settingsBlockPatternCategories = (_storedSettings$__exp2 = storedSettings.__experimentalAdditionalBlockPatternCategories) !== null && _storedSettings$__exp2 !== void 0 ? _storedSettings$__exp2 : // WP 6.0
-  storedSettings.__experimentalBlockPatternCategories; // WP 5.9
-
-  const {
-    restBlockPatterns,
-    restBlockPatternCategories
-  } = (0, _data.useSelect)(select => ({
-    restBlockPatterns: select(_coreData.store).getBlockPatterns(),
-    restBlockPatternCategories: select(_coreData.store).getBlockPatternCategories()
-  }), []);
-  const blockPatterns = (0, _element.useMemo)(() => [...(settingsBlockPatterns || []), ...(restBlockPatterns || [])].filter((x, index, arr) => index === arr.findIndex(y => x.name === y.name)).filter(({
-    postTypes
-  }) => {
-    return !postTypes || Array.isArray(postTypes) && postTypes.includes(templateType);
-  }), [settingsBlockPatterns, restBlockPatterns, templateType]);
-  const blockPatternCategories = (0, _element.useMemo)(() => [...(settingsBlockPatternCategories || []), ...(restBlockPatternCategories || [])].filter((x, index, arr) => index === arr.findIndex(y => x.name === y.name)), [settingsBlockPatternCategories, restBlockPatternCategories]);
-  const settings = (0, _element.useMemo)(() => {
-    const {
-      __experimentalAdditionalBlockPatterns,
-      __experimentalAdditionalBlockPatternCategories,
-      ...restStoredSettings
-    } = storedSettings;
-    return { ...restStoredSettings,
-      inserterMediaCategories: _inserterMediaCategories.default,
-      __experimentalBlockPatterns: blockPatterns,
-      __experimentalBlockPatternCategories: blockPatternCategories
-    };
-  }, [storedSettings, blockPatterns, blockPatternCategories]);
-  const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)('postType', templateType);
-  const contentRef = (0, _element.useRef)();
-  const mergedRefs = (0, _compose.useMergeRefs)([contentRef, (0, _blockEditor.__unstableUseClipboardHandler)(), (0, _blockEditor.__unstableUseTypingObserver)(), (0, _pageContentLock.usePageContentLockNotifications)()]);
-  const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
-  const {
-    clearSelectedBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
-  const isTemplatePart = templateType === 'wp_template_part';
-  const hasBlocks = blocks.length !== 0;
-  const enableResizing = isTemplatePart && canvasMode !== 'view' && // Disable resizing in mobile viewport.
-  !isMobileViewport;
-  const isViewMode = canvasMode === 'view';
-  const showBlockAppender = isTemplatePart && hasBlocks || isViewMode ? false : undefined;
-  return (0, _element.createElement)(ExperimentalBlockEditorProvider, {
-    settings: settings,
-    value: blocks,
-    onInput: onInput,
-    onChange: onChange,
-    useSubRegistry: false
-  }, hasPageContentLock && (0, _element.createElement)(_pageContentLock.PageContentLock, null), (0, _element.createElement)(_templatePartConverter.default, null), (0, _element.createElement)(_sidebarEditMode.SidebarInspectorFill, null, (0, _element.createElement)(_blockEditor.BlockInspector, null)), (0, _element.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => {
-    var _sizes$height;
+  const entityType = (0, _data.useSelect)(select => select(_store.store).getEditedPostType(), []); // Choose the provider based on the entity type currently
+  // being edited.
 
-    return editorCanvasView ? (0, _element.createElement)("div", {
-      className: "edit-site-visual-editor is-focus-mode"
-    }, editorCanvasView) : (0, _element.createElement)(_blockEditor.BlockTools, {
-      className: (0, _classnames.default)('edit-site-visual-editor', {
-        'is-focus-mode': isTemplatePart || !!editorCanvasView,
-        'is-view-mode': isViewMode
-      }),
-      __unstableContentRef: contentRef,
-      onClick: event => {
-        // Clear selected block when clicking on the gray background.
-        if (event.target === event.currentTarget) {
-          clearSelectedBlock();
-        }
-      }
-    }, (0, _element.createElement)(_blockEditor.BlockEditorKeyboardShortcuts.Register, null), (0, _element.createElement)(_backButton.default, null), (0, _element.createElement)(_resizableEditor.default, {
-      enableResizing: enableResizing,
-      height: (_sizes$height = sizes.height) !== null && _sizes$height !== void 0 ? _sizes$height : '100%'
-    }, (0, _element.createElement)(_editorCanvas.default, {
-      enableResizing: enableResizing,
-      settings: settings,
-      contentRef: mergedRefs,
-      readonly: canvasMode === 'view'
-    }, resizeObserver, (0, _element.createElement)(_blockEditor.BlockList, {
-      className: "edit-site-block-editor__block-list wp-site-blocks",
-      __experimentalLayout: LAYOUT,
-      renderAppender: showBlockAppender
-    }))));
-  }), (0, _element.createElement)(_reusableBlocks.ReusableBlocksMenuItems, null));
+  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)(_reusableBlocks.ReusableBlocksMenuItems, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/index.js"],"names":["ExperimentalBlockEditorProvider","blockEditorPrivateApis","LAYOUT","type","alignments","BlockEditor","setIsInserterOpened","editSiteStore","storedSettings","templateType","canvasMode","hasPageContentLock","select","getSettings","getEditedPostType","getCanvasMode","_hasPageContentLock","settingsBlockPatterns","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","settingsBlockPatternCategories","__experimentalAdditionalBlockPatternCategories","__experimentalBlockPatternCategories","restBlockPatterns","restBlockPatternCategories","coreStore","getBlockPatterns","getBlockPatternCategories","blockPatterns","filter","x","index","arr","findIndex","y","name","postTypes","Array","isArray","includes","blockPatternCategories","settings","restStoredSettings","inserterMediaCategories","blocks","onInput","onChange","contentRef","mergedRefs","isMobileViewport","clearSelectedBlock","blockEditorStore","resizeObserver","sizes","isTemplatePart","hasBlocks","length","enableResizing","isViewMode","showBlockAppender","undefined","editorCanvasView","event","target","currentTarget","height"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo, useRef } from '@wordpress/element';\nimport { useEntityBlockEditor, store as coreStore } from '@wordpress/core-data';\nimport {\n\tBlockList,\n\tBlockInspector,\n\tBlockTools,\n\t__unstableUseClipboardHandler as useClipboardHandler,\n\t__unstableUseTypingObserver as useTypingObserver,\n\tBlockEditorKeyboardShortcuts,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseMergeRefs,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { ReusableBlocksMenuItems } from '@wordpress/reusable-blocks';\n\n/**\n * Internal dependencies\n */\nimport inserterMediaCategories from './inserter-media-categories';\nimport TemplatePartConverter from '../template-part-converter';\nimport { SidebarInspectorFill } from '../sidebar-edit-mode';\nimport { store as editSiteStore } from '../../store';\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport { unlock } from '../../private-apis';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport {\n\tPageContentLock,\n\tusePageContentLockNotifications,\n} from '../page-content-lock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\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 BlockEditor() {\n\tconst { setIsInserterOpened } = useDispatch( editSiteStore );\n\tconst { storedSettings, templateType, canvasMode, hasPageContentLock } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetSettings,\n\t\t\t\t\tgetEditedPostType,\n\t\t\t\t\tgetCanvasMode,\n\t\t\t\t\thasPageContentLock: _hasPageContentLock,\n\t\t\t\t} = unlock( select( editSiteStore ) );\n\n\t\t\t\treturn {\n\t\t\t\t\tstoredSettings: getSettings( setIsInserterOpened ),\n\t\t\t\t\ttemplateType: getEditedPostType(),\n\t\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\t\thasPageContentLock: _hasPageContentLock(),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ setIsInserterOpened ]\n\t\t);\n\n\tconst settingsBlockPatterns =\n\t\tstoredSettings.__experimentalAdditionalBlockPatterns ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatterns; // WP 5.9\n\tconst settingsBlockPatternCategories =\n\t\tstoredSettings.__experimentalAdditionalBlockPatternCategories ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatternCategories; // WP 5.9\n\n\tconst { restBlockPatterns, restBlockPatternCategories } = useSelect(\n\t\t( select ) => ( {\n\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\trestBlockPatternCategories:\n\t\t\t\tselect( coreStore ).getBlockPatternCategories(),\n\t\t} ),\n\t\t[]\n\t);\n\n\tconst blockPatterns = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatterns || [] ),\n\t\t\t\t...( restBlockPatterns || [] ),\n\t\t\t]\n\t\t\t\t.filter(\n\t\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t\t)\n\t\t\t\t.filter( ( { postTypes } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t! postTypes ||\n\t\t\t\t\t\t( Array.isArray( postTypes ) &&\n\t\t\t\t\t\t\tpostTypes.includes( templateType ) )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t[ settingsBlockPatterns, restBlockPatterns, templateType ]\n\t);\n\n\tconst blockPatternCategories = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatternCategories || [] ),\n\t\t\t\t...( restBlockPatternCategories || [] ),\n\t\t\t].filter(\n\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t),\n\t\t[ settingsBlockPatternCategories, restBlockPatternCategories ]\n\t);\n\n\tconst settings = useMemo( () => {\n\t\tconst {\n\t\t\t__experimentalAdditionalBlockPatterns,\n\t\t\t__experimentalAdditionalBlockPatternCategories,\n\t\t\t...restStoredSettings\n\t\t} = storedSettings;\n\n\t\treturn {\n\t\t\t...restStoredSettings,\n\t\t\tinserterMediaCategories,\n\t\t\t__experimentalBlockPatterns: blockPatterns,\n\t\t\t__experimentalBlockPatternCategories: blockPatternCategories,\n\t\t};\n\t}, [ storedSettings, blockPatterns, blockPatternCategories ] );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t);\n\n\tconst contentRef = useRef();\n\tconst mergedRefs = useMergeRefs( [\n\t\tcontentRef,\n\t\tuseClipboardHandler(),\n\t\tuseTypingObserver(),\n\t\tusePageContentLockNotifications(),\n\t] );\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst isTemplatePart = templateType === 'wp_template_part';\n\n\tconst hasBlocks = blocks.length !== 0;\n\tconst enableResizing =\n\t\tisTemplatePart &&\n\t\tcanvasMode !== 'view' &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\tconst isViewMode = canvasMode === 'view';\n\tconst showBlockAppender =\n\t\t( isTemplatePart && hasBlocks ) || isViewMode ? false : undefined;\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={ blocks }\n\t\t\tonInput={ onInput }\n\t\t\tonChange={ onChange }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ hasPageContentLock && <PageContentLock /> }\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<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\tisTemplatePart || !! 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<BlockEditorKeyboardShortcuts.Register />\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={ sizes.height ?? '100%' }\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={ canvasMode === 'view' }\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=\"edit-site-block-editor__block-list wp-site-blocks\"\n\t\t\t\t\t\t\t\t\t\t__experimentalLayout={ 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<ReusableBlocksMenuItems />\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/index.js"],"names":["BlockEditor","entityType","select","editSiteStore","getEditedPostType","BlockEditorProvider"],"mappings":";;;;;;;;;;;AAOA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAEA;AACA;AACA;;AAMA;AACA;AACA;AAOe,SAASA,WAAT,GAAuB;AACrC,QAAMC,UAAU,GAAG,qBAChBC,MAAF,IAAcA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,iBAAxB,EADI,EAElB,EAFkB,CAAnB,CADqC,CAMrC;AACA;;AACA,QAAMC,mBAAmB,GAAG,qCAAwBJ,UAAxB,CAA5B;AAEA,SACC,4BAAC,mBAAD,QACC,4BAAC,8BAAD,OADD,EAEC,4BAAC,qCAAD,QACC,4BAAC,2BAAD,OADD,CAFD,EAMC,4BAAC,yBAAD,OAND,EAQC,4BAAC,uCAAD,OARD,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { BlockInspector } from '@wordpress/block-editor';\n\nimport { ReusableBlocksMenuItems } from '@wordpress/reusable-blocks';\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\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<ReusableBlocksMenuItems />\n\t\t</BlockEditorProvider>\n\t);\n}\n"]}

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

@@ -0,0 +1,58 @@
+"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"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const {
+  ExperimentalBlockEditorProvider
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+function DefaultBlockEditorProvider({
+  children
+}) {
+  const settings = (0, _useSiteEditorSettings.default)();
+  const {
+    templateType
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostType
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return {
+      templateType: getEditedPostType()
+    };
+  }, []);
+  const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)('postType', templateType);
+  return (0, _element.createElement)(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    value: blocks,
+    onInput: onInput,
+    onChange: onChange,
+    useSubRegistry: false
+  }, children);
+}
+//# sourceMappingURL=default-block-editor-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/providers/default-block-editor-provider.js"],"names":["ExperimentalBlockEditorProvider","blockEditorPrivateApis","DefaultBlockEditorProvider","children","settings","templateType","select","getEditedPostType","editSiteStore","blocks","onInput","onChange"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAZA;AACA;AACA;;AAKA;AACA;AACA;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAsC,wBAAQC,wBAAR,CAA5C;;AAEe,SAASC,0BAAT,CAAqC;AAAEC,EAAAA;AAAF,CAArC,EAAoD;AAClE,QAAMC,QAAQ,GAAG,qCAAjB;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAmB,qBAAaC,MAAF,IAAc;AACjD,UAAM;AAAEC,MAAAA;AAAF,QAAwB,wBAAQD,MAAM,CAAEE,YAAF,CAAd,CAA9B;AAEA,WAAO;AACNH,MAAAA,YAAY,EAAEE,iBAAiB;AADzB,KAAP;AAGA,GANwB,EAMtB,EANsB,CAAzB;AAQA,QAAM,CAAEE,MAAF,EAAUC,OAAV,EAAmBC,QAAnB,IAAgC,oCACrC,UADqC,EAErCN,YAFqC,CAAtC;AAKA,SACC,4BAAC,+BAAD;AACC,IAAA,QAAQ,EAAGD,QADZ;AAEC,IAAA,KAAK,EAAGK,MAFT;AAGC,IAAA,OAAO,EAAGC,OAHX;AAIC,IAAA,QAAQ,EAAGC,QAJZ;AAKC,IAAA,cAAc,EAAG;AALlB,KAOGR,QAPH,CADD;AAWA","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';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nexport default function DefaultBlockEditorProvider( { children } ) {\n\tconst settings = useSiteEditorSettings();\n\n\tconst { templateType } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\ttemplateType: getEditedPostType(),\n\t\t};\n\t}, [] );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t);\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={ blocks }\n\t\t\tonInput={ onInput }\n\t\t\tonChange={ onChange }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"]}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationBlockEditorProvider;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _blocks = require("@wordpress/blocks");
+
+var _lockUnlock = require("../../../lock-unlock");
+
+var _useSiteEditorSettings = _interopRequireDefault(require("../use-site-editor-settings"));
+
+var _store = require("../../../store");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const {
+  ExperimentalBlockEditorProvider
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+const noop = () => {};
+/**
+ * Block editor component for editing navigation menus.
+ *
+ * Note: Navigation entities require a wrapping Navigation block to provide
+ * them with some basic layout and styling. Therefore we create a "ghost" block
+ * and provide it will a reference to the navigation entity ID being edited.
+ *
+ * In this scenario it is the **block** that handles syncing the entity content
+ * whereas for other entities this is handled by entity block editor.
+ *
+ * @param {number} navigationMenuId the navigation menu ID
+ * @return {[WPBlock[], Function, Function]} The block array and setters.
+ */
+
+
+function NavigationBlockEditorProvider({
+  children
+}) {
+  const defaultSettings = (0, _useSiteEditorSettings.default)();
+  const navigationMenuId = (0, _coreData.useEntityId)('postType', 'wp_navigation');
+  const blocks = (0, _element.useMemo)(() => {
+    return [(0, _blocks.createBlock)('core/navigation', {
+      ref: navigationMenuId,
+      // As the parent editor is locked with `templateLock`, the template locking
+      // must be explicitly "unset" on the block itself to allow the user to modify
+      // the block's content.
+      templateLock: false
+    })];
+  }, [navigationMenuId]);
+  const {
+    isEditMode
+  } = (0, _data.useSelect)(select => {
+    const {
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return {
+      isEditMode: getCanvasMode() === 'edit'
+    };
+  }, []);
+  const {
+    selectBlock,
+    setBlockEditingMode,
+    unsetBlockEditingMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_blockEditor.store));
+  const navigationBlockClientId = blocks && blocks[0]?.clientId;
+  const settings = (0, _element.useMemo)(() => {
+    return { ...defaultSettings,
+      // Lock the editor to allow the root ("ghost") Navigation block only.
+      templateLock: 'insert',
+      template: [['core/navigation', {}, []]]
+    };
+  }, [defaultSettings]); // Auto-select the Navigation block when entering Navigation focus mode.
+
+  (0, _element.useEffect)(() => {
+    if (navigationBlockClientId && isEditMode) {
+      selectBlock(navigationBlockClientId);
+    }
+  }, [navigationBlockClientId, isEditMode, selectBlock]); // Set block editing mode to contentOnly when entering Navigation focus mode.
+  // This ensures that non-content controls on the block will be hidden and thus
+  // the user can focus on editing the Navigation Menu content only.
+
+  (0, _element.useEffect)(() => {
+    if (!navigationBlockClientId) {
+      return;
+    }
+
+    setBlockEditingMode(navigationBlockClientId, 'contentOnly');
+    return () => {
+      unsetBlockEditingMode(navigationBlockClientId);
+    };
+  }, [navigationBlockClientId, unsetBlockEditingMode, setBlockEditingMode]);
+  return (0, _element.createElement)(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    value: blocks,
+    onInput: noop,
+    onChange: noop,
+    useSubRegistry: false
+  }, children);
+}
+//# sourceMappingURL=navigation-block-editor-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/providers/navigation-block-editor-provider.js"],"names":["ExperimentalBlockEditorProvider","blockEditorPrivateApis","noop","NavigationBlockEditorProvider","children","defaultSettings","navigationMenuId","blocks","ref","templateLock","isEditMode","select","getCanvasMode","editSiteStore","selectBlock","setBlockEditingMode","unsetBlockEditingMode","blockEditorStore","navigationBlockClientId","clientId","settings","template"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAUA;AACA;AACA;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAsC,wBAAQC,wBAAR,CAA5C;;AAEA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACe,SAASC,6BAAT,CAAwC;AAAEC,EAAAA;AAAF,CAAxC,EAAuD;AACrE,QAAMC,eAAe,GAAG,qCAAxB;AAEA,QAAMC,gBAAgB,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAzB;AAEA,QAAMC,MAAM,GAAG,sBAAS,MAAM;AAC7B,WAAO,CACN,yBAAa,iBAAb,EAAgC;AAC/BC,MAAAA,GAAG,EAAEF,gBAD0B;AAE/B;AACA;AACA;AACAG,MAAAA,YAAY,EAAE;AALiB,KAAhC,CADM,CAAP;AASA,GAVc,EAUZ,CAAEH,gBAAF,CAVY,CAAf;AAYA,QAAM;AAAEI,IAAAA;AAAF,MAAiB,qBAAaC,MAAF,IAAc;AAC/C,UAAM;AAAEC,MAAAA;AAAF,QAAoB,wBAAQD,MAAM,CAAEE,YAAF,CAAd,CAA1B;AAEA,WAAO;AACNH,MAAAA,UAAU,EAAEE,aAAa,OAAO;AAD1B,KAAP;AAGA,GANsB,EAMpB,EANoB,CAAvB;AAQA,QAAM;AAAEE,IAAAA,WAAF;AAAeC,IAAAA,mBAAf;AAAoCC,IAAAA;AAApC,MAA8D,wBACnE,uBAAaC,kBAAb,CADmE,CAApE;AAIA,QAAMC,uBAAuB,GAAGX,MAAM,IAAIA,MAAM,CAAE,CAAF,CAAN,EAAaY,QAAvD;AAEA,QAAMC,QAAQ,GAAG,sBAAS,MAAM;AAC/B,WAAO,EACN,GAAGf,eADG;AAEN;AACAI,MAAAA,YAAY,EAAE,QAHR;AAINY,MAAAA,QAAQ,EAAE,CAAE,CAAE,iBAAF,EAAqB,EAArB,EAAyB,EAAzB,CAAF;AAJJ,KAAP;AAMA,GAPgB,EAOd,CAAEhB,eAAF,CAPc,CAAjB,CA/BqE,CAwCrE;;AACA,0BAAW,MAAM;AAChB,QAAKa,uBAAuB,IAAIR,UAAhC,EAA6C;AAC5CI,MAAAA,WAAW,CAAEI,uBAAF,CAAX;AACA;AACD,GAJD,EAIG,CAAEA,uBAAF,EAA2BR,UAA3B,EAAuCI,WAAvC,CAJH,EAzCqE,CA+CrE;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAK,CAAEI,uBAAP,EAAiC;AAChC;AACA;;AAEDH,IAAAA,mBAAmB,CAAEG,uBAAF,EAA2B,aAA3B,CAAnB;AAEA,WAAO,MAAM;AACZF,MAAAA,qBAAqB,CAAEE,uBAAF,CAArB;AACA,KAFD;AAGA,GAVD,EAUG,CACFA,uBADE,EAEFF,qBAFE,EAGFD,mBAHE,CAVH;AAgBA,SACC,4BAAC,+BAAD;AACC,IAAA,QAAQ,EAAGK,QADZ;AAEC,IAAA,KAAK,EAAGb,MAFT;AAGC,IAAA,OAAO,EAAGL,IAHX;AAIC,IAAA,QAAQ,EAAGA,IAJZ;AAKC,IAAA,cAAc,EAAG;AALlB,KAOGE,QAPH,CADD;AAWA","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';\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', 'wp_navigation' );\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 } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\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"]}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SiteEditorCanvas;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _compose = require("@wordpress/compose");
+
+var _backButton = _interopRequireDefault(require("./back-button"));
+
+var _resizableEditor = _interopRequireDefault(require("./resizable-editor"));
+
+var _editorCanvas = _interopRequireDefault(require("./editor-canvas"));
+
+var _editorCanvasContainer = _interopRequireDefault(require("../editor-canvas-container"));
+
+var _useSiteEditorSettings = _interopRequireDefault(require("./use-site-editor-settings"));
+
+var _store = require("../../store");
+
+var _constants = require("./constants");
+
+var _lockUnlock = require("../../lock-unlock");
+
+var _pageContentFocusManager = _interopRequireDefault(require("../page-content-focus-manager"));
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const LAYOUT = {
+  type: 'default',
+  // At the root level of the site editor, no alignments should be allowed.
+  alignments: []
+};
+
+function SiteEditorCanvas() {
+  const {
+    clearSelectedBlock
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    templateType,
+    isFocusMode,
+    isViewMode
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostType,
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+
+    const _templateType = getEditedPostType();
+
+    return {
+      templateType: _templateType,
+      isFocusMode: _constants.FOCUSABLE_ENTITIES.includes(_templateType),
+      isViewMode: getCanvasMode() === 'view'
+    };
+  }, []);
+  const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
+  const settings = (0, _useSiteEditorSettings.default)();
+  const {
+    hasBlocks
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockCount
+    } = select(_blockEditor.store);
+    const blocks = getBlockCount();
+    return {
+      hasBlocks: !!blocks
+    };
+  }, []);
+  const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
+  const enableResizing = isFocusMode && !isViewMode && // Disable resizing in mobile viewport.
+  !isMobileViewport;
+  const contentRef = (0, _element.useRef)();
+  const mergedRefs = (0, _compose.useMergeRefs)([contentRef, (0, _blockEditor.__unstableUseClipboardHandler)(), (0, _blockEditor.__unstableUseTypingObserver)()]);
+  const isTemplateTypeNavigation = templateType === 'wp_navigation';
+  const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode; // Hide the appender when:
+  // - In navigation focus mode (should only allow the root Nav block).
+  // - In view mode (i.e. not editing).
+
+  const showBlockAppender = isNavigationFocusMode && hasBlocks || isViewMode ? false : undefined;
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => {
+    var _sizes$height;
+
+    return editorCanvasView ? (0, _element.createElement)("div", {
+      className: "edit-site-visual-editor is-focus-mode"
+    }, editorCanvasView) : (0, _element.createElement)(_blockEditor.BlockTools, {
+      className: (0, _classnames.default)('edit-site-visual-editor', {
+        'is-focus-mode': isFocusMode || !!editorCanvasView,
+        'is-view-mode': isViewMode
+      }),
+      __unstableContentRef: contentRef,
+      onClick: event => {
+        // Clear selected block when clicking on the gray background.
+        if (event.target === event.currentTarget) {
+          clearSelectedBlock();
+        }
+      }
+    }, (0, _element.createElement)(_blockEditor.BlockEditorKeyboardShortcuts.Register, null), (0, _element.createElement)(_backButton.default, null), (0, _element.createElement)(_resizableEditor.default, {
+      enableResizing: enableResizing,
+      height: (_sizes$height = sizes.height) !== null && _sizes$height !== void 0 ? _sizes$height : '100%'
+    }, (0, _element.createElement)(_editorCanvas.default, {
+      enableResizing: enableResizing,
+      settings: settings,
+      contentRef: mergedRefs,
+      readonly: isViewMode
+    }, resizeObserver, (0, _element.createElement)(_blockEditor.BlockList, {
+      className: (0, _classnames.default)('edit-site-block-editor__block-list wp-site-blocks', {
+        'is-navigation-block': isTemplateTypeNavigation
+      }),
+      layout: LAYOUT,
+      renderAppender: showBlockAppender
+    }))));
+  }), (0, _element.createElement)(_pageContentFocusManager.default, {
+    contentRef: contentRef
+  }));
+}
+//# sourceMappingURL=site-editor-canvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"names":["LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","blockEditorStore","templateType","isFocusMode","isViewMode","select","getEditedPostType","getCanvasMode","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","settings","hasBlocks","getBlockCount","blocks","isMobileViewport","enableResizing","contentRef","mergedRefs","isTemplateTypeNavigation","isNavigationFocusMode","showBlockAppender","undefined","editorCanvasView","event","target","currentTarget","height"],"mappings":"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","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\t__unstableUseTypingObserver as useTypingObserver,\n\tBlockEditorKeyboardShortcuts,\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 './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( [\n\t\tcontentRef,\n\t\tuseClipboardHandler(),\n\t\tuseTypingObserver(),\n\t] );\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\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<BlockEditorKeyboardShortcuts.Register />\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={ sizes.height ?? '100%' }\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"]}