@wordpress/edit-site 5.11.0 → 5.12.1

package/build-module/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":["useEntityBlockEditor","privateApis","blockEditorPrivateApis","useSelect","store","editSiteStore","unlock","useSiteEditorSettings","ExperimentalBlockEditorProvider","DefaultBlockEditorProvider","children","settings","templateType","select","getEditedPostType","blocks","onInput","onChange"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,oBAAT,QAAqC,sBAArC;AACA,SAASC,WAAW,IAAIC,sBAAxB,QAAsD,yBAAtD;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,gBAAvC;AACA,SAASC,MAAT,QAAuB,sBAAvB;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAsCF,MAAM,CAAEJ,sBAAF,CAAlD;AAEA,eAAe,SAASO,0BAAT,CAAqC;AAAEC,EAAAA;AAAF,CAArC,EAAoD;AAClE,QAAMC,QAAQ,GAAGJ,qBAAqB,EAAtC;AAEA,QAAM;AAAEK,IAAAA;AAAF,MAAmBT,SAAS,CAAIU,MAAF,IAAc;AACjD,UAAM;AAAEC,MAAAA;AAAF,QAAwBR,MAAM,CAAEO,MAAM,CAAER,aAAF,CAAR,CAApC;AAEA,WAAO;AACNO,MAAAA,YAAY,EAAEE,iBAAiB;AADzB,KAAP;AAGA,GANiC,EAM/B,EAN+B,CAAlC;AAQA,QAAM,CAAEC,MAAF,EAAUC,OAAV,EAAmBC,QAAnB,IAAgCjB,oBAAoB,CACzD,UADyD,EAEzDY,YAFyD,CAA1D;AAKA,SACC,cAAC,+BAAD;AACC,IAAA,QAAQ,EAAGD,QADZ;AAEC,IAAA,KAAK,EAAGI,MAFT;AAGC,IAAA,OAAO,EAAGC,OAHX;AAIC,IAAA,QAAQ,EAAGC,QAJZ;AAKC,IAAA,cAAc,EAAG;AALlB,KAOGP,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-module/components/block-editor/providers/navigation-block-editor-provider.js

@@ -0,0 +1,102 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useMemo, useEffect } from '@wordpress/element';
+import { useEntityId } from '@wordpress/core-data';
+import { store as blockEditorStore, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { createBlock } from '@wordpress/blocks';
+/**
+ * Internal dependencies
+ */
+
+import { unlock } from '../../../lock-unlock';
+import useSiteEditorSettings from '../use-site-editor-settings';
+import { store as editSiteStore } from '../../../store';
+const {
+  ExperimentalBlockEditorProvider
+} = unlock(blockEditorPrivateApis);
+
+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.
+ */
+
+
+export default function NavigationBlockEditorProvider({
+  children
+}) {
+  const defaultSettings = useSiteEditorSettings();
+  const navigationMenuId = useEntityId('postType', 'wp_navigation');
+  const blocks = useMemo(() => {
+    return [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
+  } = useSelect(select => {
+    const {
+      getCanvasMode
+    } = unlock(select(editSiteStore));
+    return {
+      isEditMode: getCanvasMode() === 'edit'
+    };
+  }, []);
+  const {
+    selectBlock,
+    setBlockEditingMode,
+    unsetBlockEditingMode
+  } = unlock(useDispatch(blockEditorStore));
+  const navigationBlockClientId = blocks && blocks[0]?.clientId;
+  const settings = 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.
+
+  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.
+
+  useEffect(() => {
+    if (!navigationBlockClientId) {
+      return;
+    }
+
+    setBlockEditingMode(navigationBlockClientId, 'contentOnly');
+    return () => {
+      unsetBlockEditingMode(navigationBlockClientId);
+    };
+  }, [navigationBlockClientId, unsetBlockEditingMode, setBlockEditingMode]);
+  return createElement(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    value: blocks,
+    onInput: noop,
+    onChange: noop,
+    useSubRegistry: false
+  }, children);
+}
+//# sourceMappingURL=navigation-block-editor-provider.js.map

package/build-module/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":["useSelect","useDispatch","useMemo","useEffect","useEntityId","store","blockEditorStore","privateApis","blockEditorPrivateApis","createBlock","unlock","useSiteEditorSettings","editSiteStore","ExperimentalBlockEditorProvider","noop","NavigationBlockEditorProvider","children","defaultSettings","navigationMenuId","blocks","ref","templateLock","isEditMode","select","getCanvasMode","selectBlock","setBlockEditingMode","unsetBlockEditingMode","navigationBlockClientId","clientId","settings","template"],"mappings":"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","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-module/components/block-editor/resizable-editor.js

@@ -23,12 +23,11 @@ const HANDLE_STYLES_OVERRIDE = {
   left: undefined
 };
 
-function ResizableEditor(_ref) {
-  let {
-    enableResizing,
-    height,
-    children
-  } = _ref;
+function ResizableEditor({
+  enableResizing,
+  height,
+  children
+}) {
   const [width, setWidth] = useState('100%');
   const resizableRef = useRef();
   const resizeWidthBy = useCallback(deltaPixels => {
@@ -38,7 +37,7 @@ function ResizableEditor(_ref) {
   }, []);
   return createElement(ResizableBox, {
     ref: api => {
-      resizableRef.current = api === null || api === void 0 ? void 0 : api.resizable;
+      resizableRef.current = api?.resizable;
     },
     size: {
       width: enableResizing ? width : '100%',

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/resizable-editor.js"],"names":["useState","useRef","useCallback","ResizableBox","ResizeHandle","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","enableResizing","children","setWidth","resizableRef","resizeWidthBy","deltaPixels","current","offsetWidth","api","resizable","event","direction","element","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,WAA3B,QAA8C,oBAA9C;AACA,SAASC,YAAT,QAA6B,uBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB,C,CAEA;;AACA,MAAMC,sBAAsB,GAAG;AAC9BC,EAAAA,QAAQ,EAAEC,SADoB;AAE9BC,EAAAA,UAAU,EAAED,SAFkB;AAG9BE,EAAAA,MAAM,EAAEF,SAHsB;AAI9BG,EAAAA,KAAK,EAAEH,SAJuB;AAK9BI,EAAAA,MAAM,EAAEJ,SALsB;AAM9BK,EAAAA,GAAG,EAAEL,SANyB;AAO9BM,EAAAA,KAAK,EAAEN,SAPuB;AAQ9BO,EAAAA,MAAM,EAAEP,SARsB;AAS9BQ,EAAAA,IAAI,EAAER;AATwB,CAA/B;;AAYA,SAASS,eAAT,OAAiE;AAAA,MAAvC;AAAEC,IAAAA,cAAF;AAAkBN,IAAAA,MAAlB;AAA0BO,IAAAA;AAA1B,GAAuC;AAChE,QAAM,CAAER,KAAF,EAASS,QAAT,IAAsBnB,QAAQ,CAAE,MAAF,CAApC;AACA,QAAMoB,YAAY,GAAGnB,MAAM,EAA3B;AACA,QAAMoB,aAAa,GAAGnB,WAAW,CAAIoB,WAAF,IAAmB;AACrD,QAAKF,YAAY,CAACG,OAAlB,EAA4B;AAC3BJ,MAAAA,QAAQ,CAAEC,YAAY,CAACG,OAAb,CAAqBC,WAArB,GAAmCF,WAArC,CAAR;AACA;AACD,GAJgC,EAI9B,EAJ8B,CAAjC;AAKA,SACC,cAAC,YAAD;AACC,IAAA,GAAG,EAAKG,GAAF,IAAW;AAChBL,MAAAA,YAAY,CAACG,OAAb,GAAuBE,GAAvB,aAAuBA,GAAvB,uBAAuBA,GAAG,CAAEC,SAA5B;AACA,KAHF;AAIC,IAAA,IAAI,EAAG;AACNhB,MAAAA,KAAK,EAAEO,cAAc,GAAGP,KAAH,GAAW,MAD1B;AAENC,MAAAA,MAAM,EAAEM,cAAc,IAAIN,MAAlB,GAA2BA,MAA3B,GAAoC;AAFtC,KAJR;AAQC,IAAA,YAAY,EAAG,CAAEgB,KAAF,EAASC,SAAT,EAAoBC,OAApB,KAAiC;AAC/CV,MAAAA,QAAQ,CAAEU,OAAO,CAACC,KAAR,CAAcpB,KAAhB,CAAR;AACA,KAVF;AAWC,IAAA,QAAQ,EAAG,GAXZ;AAYC,IAAA,QAAQ,EAAC,MAZV;AAaC,IAAA,SAAS,EAAC,MAbX;AAcC,IAAA,MAAM,EAAG;AACRG,MAAAA,KAAK,EAAEI,cADC;AAERF,MAAAA,IAAI,EAAEE;AAFE,KAdV;AAkBC,IAAA,UAAU,EAAGA,cAlBd,CAmBC;AACA;AACA;AArBD;AAsBC,IAAA,WAAW,EAAG,CAtBf;AAuBC,IAAA,eAAe,EAAG;AACjBF,MAAAA,IAAI,EACH,cAAC,YAAD;AACC,QAAA,SAAS,EAAC,MADX;AAEC,QAAA,aAAa,EAAGM;AAFjB,QAFgB;AAOjBR,MAAAA,KAAK,EACJ,cAAC,YAAD;AACC,QAAA,SAAS,EAAC,OADX;AAEC,QAAA,aAAa,EAAGQ;AAFjB;AARgB,KAvBnB;AAqCC,IAAA,aAAa,EAAGd,SArCjB;AAsCC,IAAA,YAAY,EAAG;AACdQ,MAAAA,IAAI,EAAEV,sBADQ;AAEdQ,MAAAA,KAAK,EAAER;AAFO;AAtChB,KA2CGa,QA3CH,CADD;AA+CA;;AAED,eAAeF,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useCallback } from '@wordpress/element';\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResizeHandle from './resize-handle';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nfunction ResizableEditor( { enableResizing, height, children } ) {\n\tconst [ width, setWidth ] = useState( '100%' );\n\tconst resizableRef = useRef();\n\tconst resizeWidthBy = useCallback( ( deltaPixels ) => {\n\t\tif ( resizableRef.current ) {\n\t\t\tsetWidth( resizableRef.current.offsetWidth + deltaPixels );\n\t\t}\n\t}, [] );\n\treturn (\n\t\t<ResizableBox\n\t\t\tref={ ( api ) => {\n\t\t\t\tresizableRef.current = api?.resizable;\n\t\t\t} }\n\t\t\tsize={ {\n\t\t\t\twidth: enableResizing ? width : '100%',\n\t\t\t\theight: enableResizing && height ? height : '100%',\n\t\t\t} }\n\t\t\tonResizeStop={ ( event, direction, element ) => {\n\t\t\t\tsetWidth( element.style.width );\n\t\t\t} }\n\t\t\tminWidth={ 300 }\n\t\t\tmaxWidth=\"100%\"\n\t\t\tmaxHeight=\"100%\"\n\t\t\tenable={ {\n\t\t\t\tright: enableResizing,\n\t\t\t\tleft: enableResizing,\n\t\t\t} }\n\t\t\tshowHandle={ enableResizing }\n\t\t\t// The editor is centered horizontally, resizing it only\n\t\t\t// moves half the distance. Hence double the ratio to correctly\n\t\t\t// align the cursor to the resizer handle.\n\t\t\tresizeRatio={ 2 }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tright: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t} }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableEditor;\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/resizable-editor.js"],"names":["useState","useRef","useCallback","ResizableBox","ResizeHandle","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","enableResizing","children","setWidth","resizableRef","resizeWidthBy","deltaPixels","current","offsetWidth","api","resizable","event","direction","element","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,WAA3B,QAA8C,oBAA9C;AACA,SAASC,YAAT,QAA6B,uBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB,C,CAEA;;AACA,MAAMC,sBAAsB,GAAG;AAC9BC,EAAAA,QAAQ,EAAEC,SADoB;AAE9BC,EAAAA,UAAU,EAAED,SAFkB;AAG9BE,EAAAA,MAAM,EAAEF,SAHsB;AAI9BG,EAAAA,KAAK,EAAEH,SAJuB;AAK9BI,EAAAA,MAAM,EAAEJ,SALsB;AAM9BK,EAAAA,GAAG,EAAEL,SANyB;AAO9BM,EAAAA,KAAK,EAAEN,SAPuB;AAQ9BO,EAAAA,MAAM,EAAEP,SARsB;AAS9BQ,EAAAA,IAAI,EAAER;AATwB,CAA/B;;AAYA,SAASS,eAAT,CAA0B;AAAEC,EAAAA,cAAF;AAAkBN,EAAAA,MAAlB;AAA0BO,EAAAA;AAA1B,CAA1B,EAAiE;AAChE,QAAM,CAAER,KAAF,EAASS,QAAT,IAAsBnB,QAAQ,CAAE,MAAF,CAApC;AACA,QAAMoB,YAAY,GAAGnB,MAAM,EAA3B;AACA,QAAMoB,aAAa,GAAGnB,WAAW,CAAIoB,WAAF,IAAmB;AACrD,QAAKF,YAAY,CAACG,OAAlB,EAA4B;AAC3BJ,MAAAA,QAAQ,CAAEC,YAAY,CAACG,OAAb,CAAqBC,WAArB,GAAmCF,WAArC,CAAR;AACA;AACD,GAJgC,EAI9B,EAJ8B,CAAjC;AAKA,SACC,cAAC,YAAD;AACC,IAAA,GAAG,EAAKG,GAAF,IAAW;AAChBL,MAAAA,YAAY,CAACG,OAAb,GAAuBE,GAAG,EAAEC,SAA5B;AACA,KAHF;AAIC,IAAA,IAAI,EAAG;AACNhB,MAAAA,KAAK,EAAEO,cAAc,GAAGP,KAAH,GAAW,MAD1B;AAENC,MAAAA,MAAM,EAAEM,cAAc,IAAIN,MAAlB,GAA2BA,MAA3B,GAAoC;AAFtC,KAJR;AAQC,IAAA,YAAY,EAAG,CAAEgB,KAAF,EAASC,SAAT,EAAoBC,OAApB,KAAiC;AAC/CV,MAAAA,QAAQ,CAAEU,OAAO,CAACC,KAAR,CAAcpB,KAAhB,CAAR;AACA,KAVF;AAWC,IAAA,QAAQ,EAAG,GAXZ;AAYC,IAAA,QAAQ,EAAC,MAZV;AAaC,IAAA,SAAS,EAAC,MAbX;AAcC,IAAA,MAAM,EAAG;AACRG,MAAAA,KAAK,EAAEI,cADC;AAERF,MAAAA,IAAI,EAAEE;AAFE,KAdV;AAkBC,IAAA,UAAU,EAAGA,cAlBd,CAmBC;AACA;AACA;AArBD;AAsBC,IAAA,WAAW,EAAG,CAtBf;AAuBC,IAAA,eAAe,EAAG;AACjBF,MAAAA,IAAI,EACH,cAAC,YAAD;AACC,QAAA,SAAS,EAAC,MADX;AAEC,QAAA,aAAa,EAAGM;AAFjB,QAFgB;AAOjBR,MAAAA,KAAK,EACJ,cAAC,YAAD;AACC,QAAA,SAAS,EAAC,OADX;AAEC,QAAA,aAAa,EAAGQ;AAFjB;AARgB,KAvBnB;AAqCC,IAAA,aAAa,EAAGd,SArCjB;AAsCC,IAAA,YAAY,EAAG;AACdQ,MAAAA,IAAI,EAAEV,sBADQ;AAEdQ,MAAAA,KAAK,EAAER;AAFO;AAtChB,KA2CGa,QA3CH,CADD;AA+CA;;AAED,eAAeF,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useCallback } from '@wordpress/element';\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResizeHandle from './resize-handle';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nfunction ResizableEditor( { enableResizing, height, children } ) {\n\tconst [ width, setWidth ] = useState( '100%' );\n\tconst resizableRef = useRef();\n\tconst resizeWidthBy = useCallback( ( deltaPixels ) => {\n\t\tif ( resizableRef.current ) {\n\t\t\tsetWidth( resizableRef.current.offsetWidth + deltaPixels );\n\t\t}\n\t}, [] );\n\treturn (\n\t\t<ResizableBox\n\t\t\tref={ ( api ) => {\n\t\t\t\tresizableRef.current = api?.resizable;\n\t\t\t} }\n\t\t\tsize={ {\n\t\t\t\twidth: enableResizing ? width : '100%',\n\t\t\t\theight: enableResizing && height ? height : '100%',\n\t\t\t} }\n\t\t\tonResizeStop={ ( event, direction, element ) => {\n\t\t\t\tsetWidth( element.style.width );\n\t\t\t} }\n\t\t\tminWidth={ 300 }\n\t\t\tmaxWidth=\"100%\"\n\t\t\tmaxHeight=\"100%\"\n\t\t\tenable={ {\n\t\t\t\tright: enableResizing,\n\t\t\t\tleft: enableResizing,\n\t\t\t} }\n\t\t\tshowHandle={ enableResizing }\n\t\t\t// The editor is centered horizontally, resizing it only\n\t\t\t// moves half the distance. Hence double the ratio to correctly\n\t\t\t// align the cursor to the resizer handle.\n\t\t\tresizeRatio={ 2 }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tright: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t} }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableEditor;\n"]}

package/build-module/components/block-editor/resize-handle.js

@@ -8,13 +8,11 @@ import { LEFT, RIGHT } from '@wordpress/keycodes';
 import { VisuallyHidden } from '@wordpress/components';
 const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.
 
-export default function ResizeHandle(_ref) {
-  let {
-    variation = 'default',
-    direction,
-    resizeWidthBy
-  } = _ref;
-
+export default function ResizeHandle({
+  variation = 'default',
+  direction,
+  resizeWidthBy
+}) {
   function handleKeyDown(event) {
     const {
       keyCode

package/build-module/components/block-editor/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"names":["__","LEFT","RIGHT","VisuallyHidden","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,KAAf,QAA4B,qBAA5B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,MAAMC,cAAc,GAAG,EAAvB,C,CAA2B;;AAE3B,eAAe,SAASC,YAAT,OAIX;AAAA,MAJkC;AACrCC,IAAAA,SAAS,GAAG,SADyB;AAErCC,IAAAA,SAFqC;AAGrCC,IAAAA;AAHqC,GAIlC;;AACH,WAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAcD,KAApB;;AAEA,QACGH,SAAS,KAAK,MAAd,IAAwBI,OAAO,KAAKV,IAAtC,IACEM,SAAS,KAAK,OAAd,IAAyBI,OAAO,KAAKT,KAFxC,EAGE;AACDM,MAAAA,aAAa,CAAEJ,cAAF,CAAb;AACA,KALD,MAKO,IACJG,SAAS,KAAK,MAAd,IAAwBI,OAAO,KAAKT,KAAtC,IACEK,SAAS,KAAK,OAAd,IAAyBI,OAAO,KAAKV,IAFjC,EAGL;AACDO,MAAAA,aAAa,CAAE,CAACJ,cAAH,CAAb;AACA;AACD;;AAED,SACC,8BACC;AACC,IAAA,SAAS,EAAI,oCAAoCG,SAAW,iBAAiBD,SAAW,EADzF;AAEC,kBAAaN,EAAE,CAAE,gBAAF,CAFhB;AAGC,wBAAoB,iCAAiCO,SAAW,EAHjE;AAIC,IAAA,SAAS,EAAGE;AAJb,IADD,EAOC,cAAC,cAAD;AACC,IAAA,EAAE,EAAI,iCAAiCF,SAAW;AADnD,KAGGP,EAAE,CAAE,qDAAF,CAHL,CAPD,CADD;AAeA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport { VisuallyHidden } from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\taria-describedby={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t/>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"names":["__","LEFT","RIGHT","VisuallyHidden","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,EAAeC,KAAf,QAA4B,qBAA5B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,MAAMC,cAAc,GAAG,EAAvB,C,CAA2B;;AAE3B,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,SAAS,GAAG,SADyB;AAErCC,EAAAA,SAFqC;AAGrCC,EAAAA;AAHqC,CAAvB,EAIX;AACH,WAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAcD,KAApB;;AAEA,QACGH,SAAS,KAAK,MAAd,IAAwBI,OAAO,KAAKV,IAAtC,IACEM,SAAS,KAAK,OAAd,IAAyBI,OAAO,KAAKT,KAFxC,EAGE;AACDM,MAAAA,aAAa,CAAEJ,cAAF,CAAb;AACA,KALD,MAKO,IACJG,SAAS,KAAK,MAAd,IAAwBI,OAAO,KAAKT,KAAtC,IACEK,SAAS,KAAK,OAAd,IAAyBI,OAAO,KAAKV,IAFjC,EAGL;AACDO,MAAAA,aAAa,CAAE,CAACJ,cAAH,CAAb;AACA;AACD;;AAED,SACC,8BACC;AACC,IAAA,SAAS,EAAI,oCAAoCG,SAAW,iBAAiBD,SAAW,EADzF;AAEC,kBAAaN,EAAE,CAAE,gBAAF,CAFhB;AAGC,wBAAoB,iCAAiCO,SAAW,EAHjE;AAIC,IAAA,SAAS,EAAGE;AAJb,IADD,EAOC,cAAC,cAAD;AACC,IAAA,EAAE,EAAI,iCAAiCF,SAAW;AADnD,KAGGP,EAAE,CAAE,qDAAF,CAHL,CAPD,CADD;AAeA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport { VisuallyHidden } from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\taria-describedby={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t/>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"]}

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

@@ -0,0 +1,115 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useRef } from '@wordpress/element';
+import { BlockList, BlockTools, __unstableUseClipboardHandler as useClipboardHandler, __unstableUseTypingObserver as useTypingObserver, BlockEditorKeyboardShortcuts, store as blockEditorStore } from '@wordpress/block-editor';
+import { useMergeRefs, useViewportMatch, useResizeObserver } from '@wordpress/compose';
+/**
+ * Internal dependencies
+ */
+
+import BackButton from './back-button';
+import ResizableEditor from './resizable-editor';
+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 './constants';
+import { unlock } from '../../lock-unlock';
+import PageContentFocusManager from '../page-content-focus-manager';
+const LAYOUT = {
+  type: 'default',
+  // At the root level of the site editor, no alignments should be allowed.
+  alignments: []
+};
+export default function SiteEditorCanvas() {
+  const {
+    clearSelectedBlock
+  } = useDispatch(blockEditorStore);
+  const {
+    templateType,
+    isFocusMode,
+    isViewMode
+  } = useSelect(select => {
+    const {
+      getEditedPostType,
+      getCanvasMode
+    } = unlock(select(editSiteStore));
+
+    const _templateType = getEditedPostType();
+
+    return {
+      templateType: _templateType,
+      isFocusMode: FOCUSABLE_ENTITIES.includes(_templateType),
+      isViewMode: getCanvasMode() === 'view'
+    };
+  }, []);
+  const [resizeObserver, sizes] = useResizeObserver();
+  const settings = useSiteEditorSettings();
+  const {
+    hasBlocks
+  } = useSelect(select => {
+    const {
+      getBlockCount
+    } = select(blockEditorStore);
+    const blocks = getBlockCount();
+    return {
+      hasBlocks: !!blocks
+    };
+  }, []);
+  const isMobileViewport = useViewportMatch('small', '<');
+  const enableResizing = isFocusMode && !isViewMode && // Disable resizing in mobile viewport.
+  !isMobileViewport;
+  const contentRef = useRef();
+  const mergedRefs = useMergeRefs([contentRef, useClipboardHandler(), useTypingObserver()]);
+  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 createElement(Fragment, null, createElement(EditorCanvasContainer.Slot, null, ([editorCanvasView]) => {
+    var _sizes$height;
+
+    return editorCanvasView ? createElement("div", {
+      className: "edit-site-visual-editor is-focus-mode"
+    }, editorCanvasView) : createElement(BlockTools, {
+      className: classnames('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();
+        }
+      }
+    }, createElement(BlockEditorKeyboardShortcuts.Register, null), createElement(BackButton, null), createElement(ResizableEditor, {
+      enableResizing: enableResizing,
+      height: (_sizes$height = sizes.height) !== null && _sizes$height !== void 0 ? _sizes$height : '100%'
+    }, createElement(EditorCanvas, {
+      enableResizing: enableResizing,
+      settings: settings,
+      contentRef: mergedRefs,
+      readonly: isViewMode
+    }, resizeObserver, createElement(BlockList, {
+      className: classnames('edit-site-block-editor__block-list wp-site-blocks', {
+        'is-navigation-block': isTemplateTypeNavigation
+      }),
+      layout: LAYOUT,
+      renderAppender: showBlockAppender
+    }))));
+  }), createElement(PageContentFocusManager, {
+    contentRef: contentRef
+  }));
+}
+//# sourceMappingURL=site-editor-canvas.js.map

package/build-module/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":["classnames","useSelect","useDispatch","useRef","BlockList","BlockTools","__unstableUseClipboardHandler","useClipboardHandler","__unstableUseTypingObserver","useTypingObserver","BlockEditorKeyboardShortcuts","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","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"]}

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

@@ -0,0 +1,67 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+import { useMemo } from '@wordpress/element';
+import { store as coreStore } from '@wordpress/core-data';
+/**
+ * Internal dependencies
+ */
+
+import { store as editSiteStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+import inserterMediaCategories from './inserter-media-categories';
+export default function useSiteEditorSettings(templateType) {
+  var _storedSettings$__exp, _storedSettings$__exp2;
+
+  const {
+    storedSettings
+  } = useSelect(select => {
+    const {
+      getSettings
+    } = unlock(select(editSiteStore));
+    return {
+      storedSettings: getSettings()
+    };
+  }, []);
+  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
+  } = useSelect(select => ({
+    restBlockPatterns: select(coreStore).getBlockPatterns(),
+    restBlockPatternCategories: select(coreStore).getBlockPatternCategories()
+  }), []);
+  const blockPatterns = 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 = useMemo(() => [...(settingsBlockPatternCategories || []), ...(restBlockPatternCategories || [])].filter((x, index, arr) => index === arr.findIndex(y => x.name === y.name)), [settingsBlockPatternCategories, restBlockPatternCategories]);
+  return useMemo(() => {
+    const {
+      __experimentalAdditionalBlockPatterns,
+      __experimentalAdditionalBlockPatternCategories,
+      ...restStoredSettings
+    } = storedSettings;
+    return { ...restStoredSettings,
+      inserterMediaCategories,
+      __experimentalBlockPatterns: blockPatterns,
+      __experimentalBlockPatternCategories: blockPatternCategories,
+      // Temporary fix for bug in Block Editor Provider:
+      // see: https://github.com/WordPress/gutenberg/issues/51489.
+      // Some Site Editor entities (e.g. `wp_navigation`) may utilise
+      // template locking in their settings. Therefore this must be
+      // explicitly "unset" to avoid the template locking UI remaining
+      // active for all entities.
+      templateLock: false,
+      template: false
+    };
+  }, [storedSettings, blockPatterns, blockPatternCategories]);
+}
+//# sourceMappingURL=use-site-editor-settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/use-site-editor-settings.js"],"names":["useSelect","useMemo","store","coreStore","editSiteStore","unlock","inserterMediaCategories","useSiteEditorSettings","templateType","storedSettings","select","getSettings","settingsBlockPatterns","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","settingsBlockPatternCategories","__experimentalAdditionalBlockPatternCategories","__experimentalBlockPatternCategories","restBlockPatterns","restBlockPatternCategories","getBlockPatterns","getBlockPatternCategories","blockPatterns","filter","x","index","arr","findIndex","y","name","postTypes","Array","isArray","includes","blockPatternCategories","restStoredSettings","templateLock","template"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport inserterMediaCategories from './inserter-media-categories';\n\nexport default function useSiteEditorSettings( templateType ) {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings(),\n\t\t};\n\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\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\treturn 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\t// Temporary fix for bug in Block Editor Provider:\n\t\t\t// see: https://github.com/WordPress/gutenberg/issues/51489.\n\t\t\t// Some Site Editor entities (e.g. `wp_navigation`) may utilise\n\t\t\t// template locking in their settings. Therefore this must be\n\t\t\t// explicitly \"unset\" to avoid the template locking UI remaining\n\t\t\t// active for all entities.\n\t\t\ttemplateLock: false,\n\t\t\ttemplate: false,\n\t\t};\n\t}, [ storedSettings, blockPatterns, blockPatternCategories ] );\n}\n"]}

package/build-module/components/canvas-spinner/index.js

@@ -4,9 +4,23 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { Spinner } from '@wordpress/components';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import { unlock } from '../../lock-unlock';
+const {
+  useGlobalStyle
+} = unlock(blockEditorPrivateApis);
 export default function CanvasSpinner() {
+  const [textColor] = useGlobalStyle('color.text');
   return createElement("div", {
     className: "edit-site-canvas-spinner"
-  }, createElement(Spinner, null));
+  }, createElement(Spinner, {
+    style: {
+      color: textColor
+    }
+  }));
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/canvas-spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/canvas-spinner/index.js"],"names":["Spinner","CanvasSpinner"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,uBAAxB;AAEA,eAAe,SAASC,aAAT,GAAyB;AACvC,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD,OADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner } from '@wordpress/components';\n\nexport default function CanvasSpinner() {\n\treturn (\n\t\t<div className=\"edit-site-canvas-spinner\">\n\t\t\t<Spinner />\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/canvas-spinner/index.js"],"names":["Spinner","privateApis","blockEditorPrivateApis","unlock","useGlobalStyle","CanvasSpinner","textColor","color"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,uBAAxB;AACA,SAASC,WAAW,IAAIC,sBAAxB,QAAsD,yBAAtD;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAqBD,MAAM,CAAED,sBAAF,CAAjC;AAEA,eAAe,SAASG,aAAT,GAAyB;AACvC,QAAM,CAAEC,SAAF,IAAgBF,cAAc,CAAE,YAAF,CAApC;AAEA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD;AAAS,IAAA,KAAK,EAAG;AAAEG,MAAAA,KAAK,EAAED;AAAT;AAAjB,IADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function CanvasSpinner() {\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\n\treturn (\n\t\t<div className=\"edit-site-canvas-spinner\">\n\t\t\t<Spinner style={ { color: textColor } } />\n\t\t</div>\n\t);\n}\n"]}

package/build-module/components/code-editor/code-editor-text-area.js

@@ -12,12 +12,11 @@ import { __ } from '@wordpress/i18n';
 import { useEffect, useState, useRef } from '@wordpress/element';
 import { useInstanceId } from '@wordpress/compose';
 import { VisuallyHidden } from '@wordpress/components';
-export default function CodeEditorTextArea(_ref) {
-  let {
-    value,
-    onChange,
-    onInput
-  } = _ref;
+export default function CodeEditorTextArea({
+  value,
+  onChange,
+  onInput
+}) {
   const [stateValue, setStateValue] = useState(value);
   const [isDirty, setIsDirty] = useState(false);
   const instanceId = useInstanceId(CodeEditorTextArea);

package/build-module/components/code-editor/code-editor-text-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/code-editor/code-editor-text-area.js"],"names":["Textarea","__","useEffect","useState","useRef","useInstanceId","VisuallyHidden","CodeEditorTextArea","value","onChange","onInput","stateValue","setStateValue","isDirty","setIsDirty","instanceId","valueRef","onChangeHandler","event","newValue","target","current","stopEditing"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,QAAP,MAAqB,yBAArB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,QAApB,EAA8BC,MAA9B,QAA4C,oBAA5C;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,eAAe,SAASC,kBAAT,OAA4D;AAAA,MAA/B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA;AAAnB,GAA+B;AAC1E,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgCT,QAAQ,CAAEK,KAAF,CAA9C;AACA,QAAM,CAAEK,OAAF,EAAWC,UAAX,IAA0BX,QAAQ,CAAE,KAAF,CAAxC;AACA,QAAMY,UAAU,GAAGV,aAAa,CAAEE,kBAAF,CAAhC;AACA,QAAMS,QAAQ,GAAGZ,MAAM,EAAvB;;AAEA,MAAK,CAAES,OAAF,IAAaF,UAAU,KAAKH,KAAjC,EAAyC;AACxCI,IAAAA,aAAa,CAAEJ,KAAF,CAAb;AACA;AAED;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACC,QAAMS,eAAe,GAAKC,KAAF,IAAa;AACpC,UAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAN,CAAaZ,KAA9B;AACAE,IAAAA,OAAO,CAAES,QAAF,CAAP;AACAP,IAAAA,aAAa,CAAEO,QAAF,CAAb;AACAL,IAAAA,UAAU,CAAE,IAAF,CAAV;AACAE,IAAAA,QAAQ,CAACK,OAAT,GAAmBF,QAAnB;AACA,GAND;AAQA;AACD;AACA;AACA;AACA;;;AACC,QAAMG,WAAW,GAAG,MAAM;AACzB,QAAKT,OAAL,EAAe;AACdJ,MAAAA,QAAQ,CAAEE,UAAF,CAAR;AACAG,MAAAA,UAAU,CAAE,KAAF,CAAV;AACA;AACD,GALD,CAlC0E,CAyC1E;;;AACAZ,EAAAA,SAAS,CAAE,MAAM;AAChB,WAAO,MAAM;AACZ,UAAKc,QAAQ,CAACK,OAAd,EAAwB;AACvBZ,QAAAA,QAAQ,CAAEO,QAAQ,CAACK,OAAX,CAAR;AACA;AACD,KAJD;AAKA,GANQ,EAMN,EANM,CAAT;AAQA,SACC,8BACC,cAAC,cAAD;AACC,IAAA,EAAE,EAAC,OADJ;AAEC,IAAA,OAAO,EAAI,yBAAyBN,UAAY;AAFjD,KAIGd,EAAE,CAAE,mBAAF,CAJL,CADD,EAOC,cAAC,QAAD;AACC,IAAA,YAAY,EAAC,KADd;AAEC,IAAA,GAAG,EAAC,MAFL;AAGC,IAAA,KAAK,EAAGU,UAHT;AAIC,IAAA,QAAQ,EAAGM,eAJZ;AAKC,IAAA,MAAM,EAAGK,WALV;AAMC,IAAA,SAAS,EAAC,iCANX;AAOC,IAAA,EAAE,EAAI,yBAAyBP,UAAY,EAP5C;AAQC,IAAA,WAAW,EAAGd,EAAE,CAAE,iCAAF;AARjB,IAPD,CADD;AAoBA","sourcesContent":["/**\n * External dependencies\n */\nimport Textarea from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\n\nexport default function CodeEditorTextArea( { value, onChange, onInput } ) {\n\tconst [ stateValue, setStateValue ] = useState( value );\n\tconst [ isDirty, setIsDirty ] = useState( false );\n\tconst instanceId = useInstanceId( CodeEditorTextArea );\n\tconst valueRef = useRef();\n\n\tif ( ! isDirty && stateValue !== value ) {\n\t\tsetStateValue( value );\n\t}\n\n\t/**\n\t * Handles a textarea change event to notify the onChange prop callback and\n\t * reflect the new value in the component's own state. This marks the start\n\t * of the user's edits, if not already changed, preventing future props\n\t * changes to value from replacing the rendered value. This is expected to\n\t * be followed by a reset to dirty state via `stopEditing`.\n\t *\n\t * @see stopEditing\n\t *\n\t * @param {Event} event Change event.\n\t */\n\tconst onChangeHandler = ( event ) => {\n\t\tconst newValue = event.target.value;\n\t\tonInput( newValue );\n\t\tsetStateValue( newValue );\n\t\tsetIsDirty( true );\n\t\tvalueRef.current = newValue;\n\t};\n\n\t/**\n\t * Function called when the user has completed their edits, responsible for\n\t * ensuring that changes, if made, are surfaced to the onPersist prop\n\t * callback and resetting dirty state.\n\t */\n\tconst stopEditing = () => {\n\t\tif ( isDirty ) {\n\t\t\tonChange( stateValue );\n\t\t\tsetIsDirty( false );\n\t\t}\n\t};\n\n\t// Ensure changes aren't lost when component unmounts.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( valueRef.current ) {\n\t\t\t\tonChange( valueRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<VisuallyHidden\n\t\t\t\tas=\"label\"\n\t\t\t\thtmlFor={ `code-editor-text-area-${ instanceId }` }\n\t\t\t>\n\t\t\t\t{ __( 'Type text or HTML' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t<Textarea\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tdir=\"auto\"\n\t\t\t\tvalue={ stateValue }\n\t\t\t\tonChange={ onChangeHandler }\n\t\t\t\tonBlur={ stopEditing }\n\t\t\t\tclassName=\"edit-site-code-editor-text-area\"\n\t\t\t\tid={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\tplaceholder={ __( 'Start writing with text or HTML' ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/code-editor/code-editor-text-area.js"],"names":["Textarea","__","useEffect","useState","useRef","useInstanceId","VisuallyHidden","CodeEditorTextArea","value","onChange","onInput","stateValue","setStateValue","isDirty","setIsDirty","instanceId","valueRef","onChangeHandler","event","newValue","target","current","stopEditing"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,QAAP,MAAqB,yBAArB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,QAApB,EAA8BC,MAA9B,QAA4C,oBAA5C;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,eAAe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAA7B,EAA4D;AAC1E,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgCT,QAAQ,CAAEK,KAAF,CAA9C;AACA,QAAM,CAAEK,OAAF,EAAWC,UAAX,IAA0BX,QAAQ,CAAE,KAAF,CAAxC;AACA,QAAMY,UAAU,GAAGV,aAAa,CAAEE,kBAAF,CAAhC;AACA,QAAMS,QAAQ,GAAGZ,MAAM,EAAvB;;AAEA,MAAK,CAAES,OAAF,IAAaF,UAAU,KAAKH,KAAjC,EAAyC;AACxCI,IAAAA,aAAa,CAAEJ,KAAF,CAAb;AACA;AAED;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACC,QAAMS,eAAe,GAAKC,KAAF,IAAa;AACpC,UAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAN,CAAaZ,KAA9B;AACAE,IAAAA,OAAO,CAAES,QAAF,CAAP;AACAP,IAAAA,aAAa,CAAEO,QAAF,CAAb;AACAL,IAAAA,UAAU,CAAE,IAAF,CAAV;AACAE,IAAAA,QAAQ,CAACK,OAAT,GAAmBF,QAAnB;AACA,GAND;AAQA;AACD;AACA;AACA;AACA;;;AACC,QAAMG,WAAW,GAAG,MAAM;AACzB,QAAKT,OAAL,EAAe;AACdJ,MAAAA,QAAQ,CAAEE,UAAF,CAAR;AACAG,MAAAA,UAAU,CAAE,KAAF,CAAV;AACA;AACD,GALD,CAlC0E,CAyC1E;;;AACAZ,EAAAA,SAAS,CAAE,MAAM;AAChB,WAAO,MAAM;AACZ,UAAKc,QAAQ,CAACK,OAAd,EAAwB;AACvBZ,QAAAA,QAAQ,CAAEO,QAAQ,CAACK,OAAX,CAAR;AACA;AACD,KAJD;AAKA,GANQ,EAMN,EANM,CAAT;AAQA,SACC,8BACC,cAAC,cAAD;AACC,IAAA,EAAE,EAAC,OADJ;AAEC,IAAA,OAAO,EAAI,yBAAyBN,UAAY;AAFjD,KAIGd,EAAE,CAAE,mBAAF,CAJL,CADD,EAOC,cAAC,QAAD;AACC,IAAA,YAAY,EAAC,KADd;AAEC,IAAA,GAAG,EAAC,MAFL;AAGC,IAAA,KAAK,EAAGU,UAHT;AAIC,IAAA,QAAQ,EAAGM,eAJZ;AAKC,IAAA,MAAM,EAAGK,WALV;AAMC,IAAA,SAAS,EAAC,iCANX;AAOC,IAAA,EAAE,EAAI,yBAAyBP,UAAY,EAP5C;AAQC,IAAA,WAAW,EAAGd,EAAE,CAAE,iCAAF;AARjB,IAPD,CADD;AAoBA","sourcesContent":["/**\n * External dependencies\n */\nimport Textarea from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\n\nexport default function CodeEditorTextArea( { value, onChange, onInput } ) {\n\tconst [ stateValue, setStateValue ] = useState( value );\n\tconst [ isDirty, setIsDirty ] = useState( false );\n\tconst instanceId = useInstanceId( CodeEditorTextArea );\n\tconst valueRef = useRef();\n\n\tif ( ! isDirty && stateValue !== value ) {\n\t\tsetStateValue( value );\n\t}\n\n\t/**\n\t * Handles a textarea change event to notify the onChange prop callback and\n\t * reflect the new value in the component's own state. This marks the start\n\t * of the user's edits, if not already changed, preventing future props\n\t * changes to value from replacing the rendered value. This is expected to\n\t * be followed by a reset to dirty state via `stopEditing`.\n\t *\n\t * @see stopEditing\n\t *\n\t * @param {Event} event Change event.\n\t */\n\tconst onChangeHandler = ( event ) => {\n\t\tconst newValue = event.target.value;\n\t\tonInput( newValue );\n\t\tsetStateValue( newValue );\n\t\tsetIsDirty( true );\n\t\tvalueRef.current = newValue;\n\t};\n\n\t/**\n\t * Function called when the user has completed their edits, responsible for\n\t * ensuring that changes, if made, are surfaced to the onPersist prop\n\t * callback and resetting dirty state.\n\t */\n\tconst stopEditing = () => {\n\t\tif ( isDirty ) {\n\t\t\tonChange( stateValue );\n\t\t\tsetIsDirty( false );\n\t\t}\n\t};\n\n\t// Ensure changes aren't lost when component unmounts.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( valueRef.current ) {\n\t\t\t\tonChange( valueRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<VisuallyHidden\n\t\t\t\tas=\"label\"\n\t\t\t\thtmlFor={ `code-editor-text-area-${ instanceId }` }\n\t\t\t>\n\t\t\t\t{ __( 'Type text or HTML' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t<Textarea\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tdir=\"auto\"\n\t\t\t\tvalue={ stateValue }\n\t\t\t\tonChange={ onChangeHandler }\n\t\t\t\tonBlur={ stopEditing }\n\t\t\t\tclassName=\"edit-site-code-editor-text-area\"\n\t\t\t\tid={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\tplaceholder={ __( 'Start writing with text or HTML' ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}

package/build-module/components/create-pattern-modal/index.js

@@ -0,0 +1,113 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { TextControl, Button, Modal, ToggleControl, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
+import { store as coreStore } from '@wordpress/core-data';
+import { __ } from '@wordpress/i18n';
+import { useState } from '@wordpress/element';
+import { store as noticesStore } from '@wordpress/notices';
+import { useDispatch } from '@wordpress/data';
+/**
+ * Internal dependencies
+ */
+
+import { SYNC_TYPES, USER_PATTERN_CATEGORY } from '../page-library/utils';
+export default function CreatePatternModal({
+  closeModal,
+  onCreate,
+  onError
+}) {
+  const [name, setName] = useState('');
+  const [syncType, setSyncType] = useState(SYNC_TYPES.full);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const onSyncChange = () => {
+    setSyncType(syncType === SYNC_TYPES.full ? SYNC_TYPES.unsynced : SYNC_TYPES.full);
+  };
+
+  const {
+    createErrorNotice
+  } = useDispatch(noticesStore);
+  const {
+    saveEntityRecord
+  } = useDispatch(coreStore);
+
+  async function createPattern() {
+    if (!name) {
+      createErrorNotice(__('Please enter a pattern name.'), {
+        type: 'snackbar'
+      });
+      return;
+    }
+
+    try {
+      const pattern = await saveEntityRecord('postType', 'wp_block', {
+        title: name || __('Untitled Pattern'),
+        content: '',
+        status: 'publish',
+        meta: {
+          sync_status: syncType
+        }
+      }, {
+        throwOnError: true
+      });
+      onCreate({
+        pattern,
+        categoryId: USER_PATTERN_CATEGORY
+      });
+    } catch (error) {
+      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : __('An error occurred while creating the pattern.');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+      onError();
+    }
+  }
+
+  return createElement(Modal, {
+    title: __('Create a pattern'),
+    onRequestClose: closeModal,
+    overlayClassName: "edit-site-create-pattern-modal"
+  }, createElement("p", null, __('Turn this block into a pattern to reuse later')), createElement("form", {
+    onSubmit: async event => {
+      event.preventDefault();
+
+      if (!name) {
+        return;
+      }
+
+      setIsSubmitting(true);
+      await createPattern();
+    }
+  }, createElement(VStack, {
+    spacing: "4"
+  }, createElement(TextControl, {
+    className: "edit-site-create-pattern-modal__input",
+    label: __('Name'),
+    onChange: setName,
+    placeholder: __('My pattern'),
+    required: true,
+    value: name,
+    __nextHasNoMarginBottom: true
+  }), createElement(ToggleControl, {
+    label: __('Synced'),
+    onChange: onSyncChange,
+    help: syncType === SYNC_TYPES.full ? __('Content is synced') : __('Content is not synced'),
+    checked: syncType === SYNC_TYPES.full
+  }), createElement(HStack, {
+    justify: "right"
+  }, createElement(Button, {
+    variant: "tertiary",
+    onClick: () => {
+      closeModal();
+    }
+  }, __('Cancel')), createElement(Button, {
+    variant: "primary",
+    type: "submit",
+    disabled: !name,
+    isBusy: isSubmitting
+  }, __('Create'))))));
+}
+//# sourceMappingURL=index.js.map