@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/provider/use-hide-blocks-from-inserter.js

@@ -1,48 +1,71 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-import { addFilter, removeFilter } from '@wordpress/hooks';
-
-// These post types are "structural" block lists.
-// We should be allowed to use
-// the post content and template parts blocks within them.
-const POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART = ['wp_block', 'wp_template', 'wp_template_part'];
-
-/**
- * In some specific contexts,
- * the template part and post content blocks need to be hidden.
- *
- * @param {string} postType Post Type
- * @param {string} mode     Rendering mode
- */
-export function useHideBlocksFromInserter(postType, mode) {
+import { useEffect } from "@wordpress/element";
+import { addFilter, removeFilter } from "@wordpress/hooks";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+const POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS = [
+  "wp_block",
+  "wp_template",
+  "wp_template_part"
+];
+function useHideBlocksFromInserter(postType, mode) {
+  const isHierarchicalPostType = useSelect(
+    (select) => select(coreStore).getPostType(postType)?.hierarchical,
+    [postType]
+  );
   useEffect(() => {
-    /*
-     * Prevent adding template part in the editor.
-     */
-    addFilter('blockEditor.__unstableCanInsertBlockType', 'removeTemplatePartsFromInserter', (canInsert, blockType) => {
-      if (!POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART.includes(postType) && blockType.name === 'core/template-part' && mode === 'post-only') {
-        return false;
+    addFilter(
+      "blockEditor.__unstableCanInsertBlockType",
+      "removeTemplatePartsFromInserter",
+      (canInsert, blockType) => {
+        if (!POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(
+          postType
+        ) && blockType.name === "core/template-part" && mode === "post-only") {
+          return false;
+        }
+        return canInsert;
       }
-      return canInsert;
-    });
-
-    /*
-     * Prevent adding post content block (except in query block) in the editor.
-     */
-    addFilter('blockEditor.__unstableCanInsertBlockType', 'removePostContentFromInserter', (canInsert, blockType, rootClientId, {
-      getBlockParentsByBlockName
-    }) => {
-      if (!POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART.includes(postType) && blockType.name === 'core/post-content') {
-        return getBlockParentsByBlockName(rootClientId, 'core/query').length > 0;
+    );
+    addFilter(
+      "blockEditor.__unstableCanInsertBlockType",
+      "removePostContentFromInserter",
+      (canInsert, blockType, rootClientId, { getBlockParentsByBlockName }) => {
+        if (!POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(
+          postType
+        ) && blockType.name === "core/post-content") {
+          return getBlockParentsByBlockName(rootClientId, "core/query").length > 0;
+        }
+        return canInsert;
       }
-      return canInsert;
-    });
+    );
+    addFilter(
+      "blockEditor.__unstableCanInsertBlockType",
+      "removeBreadcrumbsFromInserter",
+      (canInsert, blockType) => {
+        if (!POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(
+          postType
+        ) && !isHierarchicalPostType && blockType.name === "core/breadcrumbs" && mode === "post-only") {
+          return false;
+        }
+        return canInsert;
+      }
+    );
     return () => {
-      removeFilter('blockEditor.__unstableCanInsertBlockType', 'removeTemplatePartsFromInserter');
-      removeFilter('blockEditor.__unstableCanInsertBlockType', 'removePostContentFromInserter');
+      removeFilter(
+        "blockEditor.__unstableCanInsertBlockType",
+        "removeTemplatePartsFromInserter"
+      );
+      removeFilter(
+        "blockEditor.__unstableCanInsertBlockType",
+        "removePostContentFromInserter"
+      );
+      removeFilter(
+        "blockEditor.__unstableCanInsertBlockType",
+        "removeBreadcrumbsFromInserter"
+      );
     };
-  }, [postType, mode]);
+  }, [postType, isHierarchicalPostType, mode]);
 }
-//# sourceMappingURL=use-hide-blocks-from-inserter.js.map
+export {
+  useHideBlocksFromInserter
+};
+//# sourceMappingURL=use-hide-blocks-from-inserter.js.map

package/build-module/components/provider/use-hide-blocks-from-inserter.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","addFilter","removeFilter","POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART","useHideBlocksFromInserter","postType","mode","canInsert","blockType","includes","name","rootClientId","getBlockParentsByBlockName","length"],"sources":["@wordpress/editor/src/components/provider/use-hide-blocks-from-inserter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\n\n// These post types are \"structural\" block lists.\n// We should be allowed to use\n// the post content and template parts blocks within them.\nconst POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART = [\n\t'wp_block',\n\t'wp_template',\n\t'wp_template_part',\n];\n\n/**\n * In some specific contexts,\n * the template part and post content blocks need to be hidden.\n *\n * @param {string} postType Post Type\n * @param {string} mode     Rendering mode\n */\nexport function useHideBlocksFromInserter( postType, mode ) {\n\tuseEffect( () => {\n\t\t/*\n\t\t * Prevent adding template part in the editor.\n\t\t */\n\t\taddFilter(\n\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t'removeTemplatePartsFromInserter',\n\t\t\t( canInsert, blockType ) => {\n\t\t\t\tif (\n\t\t\t\t\t! POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART.includes(\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) &&\n\t\t\t\t\tblockType.name === 'core/template-part' &&\n\t\t\t\t\tmode === 'post-only'\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn canInsert;\n\t\t\t}\n\t\t);\n\n\t\t/*\n\t\t * Prevent adding post content block (except in query block) in the editor.\n\t\t */\n\t\taddFilter(\n\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t'removePostContentFromInserter',\n\t\t\t(\n\t\t\t\tcanInsert,\n\t\t\t\tblockType,\n\t\t\t\trootClientId,\n\t\t\t\t{ getBlockParentsByBlockName }\n\t\t\t) => {\n\t\t\t\tif (\n\t\t\t\t\t! POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART.includes(\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) &&\n\t\t\t\t\tblockType.name === 'core/post-content'\n\t\t\t\t) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\tgetBlockParentsByBlockName( rootClientId, 'core/query' )\n\t\t\t\t\t\t\t.length > 0\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn canInsert;\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tremoveFilter(\n\t\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t\t'removeTemplatePartsFromInserter'\n\t\t\t);\n\t\t\tremoveFilter(\n\t\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t\t'removePostContentFromInserter'\n\t\t\t);\n\t\t};\n\t}, [ postType, mode ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,SAAS,EAAEC,YAAY,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA,MAAMC,8CAA8C,GAAG,CACtD,UAAU,EACV,aAAa,EACb,kBAAkB,CAClB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAEC,QAAQ,EAAEC,IAAI,EAAG;EAC3DN,SAAS,CAAE,MAAM;IAChB;AACF;AACA;IACEC,SAAS,CACR,0CAA0C,EAC1C,iCAAiC,EACjC,CAAEM,SAAS,EAAEC,SAAS,KAAM;MAC3B,IACC,CAAEL,8CAA8C,CAACM,QAAQ,CACxDJ,QACD,CAAC,IACDG,SAAS,CAACE,IAAI,KAAK,oBAAoB,IACvCJ,IAAI,KAAK,WAAW,EACnB;QACD,OAAO,KAAK;MACb;MACA,OAAOC,SAAS;IACjB,CACD,CAAC;;IAED;AACF;AACA;IACEN,SAAS,CACR,0CAA0C,EAC1C,+BAA+B,EAC/B,CACCM,SAAS,EACTC,SAAS,EACTG,YAAY,EACZ;MAAEC;IAA2B,CAAC,KAC1B;MACJ,IACC,CAAET,8CAA8C,CAACM,QAAQ,CACxDJ,QACD,CAAC,IACDG,SAAS,CAACE,IAAI,KAAK,mBAAmB,EACrC;QACD,OACCE,0BAA0B,CAAED,YAAY,EAAE,YAAa,CAAC,CACtDE,MAAM,GAAG,CAAC;MAEd;MACA,OAAON,SAAS;IACjB,CACD,CAAC;IAED,OAAO,MAAM;MACZL,YAAY,CACX,0CAA0C,EAC1C,iCACD,CAAC;MACDA,YAAY,CACX,0CAA0C,EAC1C,+BACD,CAAC;IACF,CAAC;EACF,CAAC,EAAE,CAAEG,QAAQ,EAAEC,IAAI,CAAG,CAAC;AACxB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/provider/use-hide-blocks-from-inserter.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n// These post types are \"structural\" block lists.\n// We should be allowed to use the post content,\n// template parts and breadcrumbs blocks within them.\nconst POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS = [\n\t'wp_block',\n\t'wp_template',\n\t'wp_template_part',\n];\n\n/**\n * In some specific contexts,\n * the template part and post content blocks need to be hidden.\n *\n * @param {string} postType Post Type\n * @param {string} mode     Rendering mode\n */\nexport function useHideBlocksFromInserter( postType, mode ) {\n\tconst isHierarchicalPostType = useSelect(\n\t\t( select ) => select( coreStore ).getPostType( postType )?.hierarchical,\n\t\t[ postType ]\n\t);\n\tuseEffect( () => {\n\t\t/*\n\t\t * Prevent adding template part in the editor.\n\t\t */\n\t\taddFilter(\n\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t'removeTemplatePartsFromInserter',\n\t\t\t( canInsert, blockType ) => {\n\t\t\t\tif (\n\t\t\t\t\t! POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) &&\n\t\t\t\t\tblockType.name === 'core/template-part' &&\n\t\t\t\t\tmode === 'post-only'\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn canInsert;\n\t\t\t}\n\t\t);\n\n\t\t/*\n\t\t * Prevent adding post content block (except in query block) in the editor.\n\t\t */\n\t\taddFilter(\n\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t'removePostContentFromInserter',\n\t\t\t(\n\t\t\t\tcanInsert,\n\t\t\t\tblockType,\n\t\t\t\trootClientId,\n\t\t\t\t{ getBlockParentsByBlockName }\n\t\t\t) => {\n\t\t\t\tif (\n\t\t\t\t\t! POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) &&\n\t\t\t\t\tblockType.name === 'core/post-content'\n\t\t\t\t) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\tgetBlockParentsByBlockName( rootClientId, 'core/query' )\n\t\t\t\t\t\t\t.length > 0\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn canInsert;\n\t\t\t}\n\t\t);\n\n\t\t/*\n\t\t * Prevent adding breadcrumbs block to non-hierarchical post types.\n\t\t */\n\t\taddFilter(\n\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t'removeBreadcrumbsFromInserter',\n\t\t\t( canInsert, blockType ) => {\n\t\t\t\tif (\n\t\t\t\t\t! POST_TYPES_ALLOWING_POST_CONTENT_TEMPLATE_PART_BREADCRUMBS.includes(\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) &&\n\t\t\t\t\t! isHierarchicalPostType &&\n\t\t\t\t\tblockType.name === 'core/breadcrumbs' &&\n\t\t\t\t\tmode === 'post-only'\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn canInsert;\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tremoveFilter(\n\t\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t\t'removeTemplatePartsFromInserter'\n\t\t\t);\n\t\t\tremoveFilter(\n\t\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t\t'removePostContentFromInserter'\n\t\t\t);\n\t\t\tremoveFilter(\n\t\t\t\t'blockEditor.__unstableCanInsertBlockType',\n\t\t\t\t'removeBreadcrumbsFromInserter'\n\t\t\t);\n\t\t};\n\t}, [ postType, isHierarchicalPostType, mode ] );\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,oBAAoB;AACxC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC,MAAM,6DAA6D;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACD;AASO,SAAS,0BAA2B,UAAU,MAAO;AAC3D,QAAM,yBAAyB;AAAA,IAC9B,CAAE,WAAY,OAAQ,SAAU,EAAE,YAAa,QAAS,GAAG;AAAA,IAC3D,CAAE,QAAS;AAAA,EACZ;AACA,YAAW,MAAM;AAIhB;AAAA,MACC;AAAA,MACA;AAAA,MACA,CAAE,WAAW,cAAe;AAC3B,YACC,CAAE,2DAA2D;AAAA,UAC5D;AAAA,QACD,KACA,UAAU,SAAS,wBACnB,SAAS,aACR;AACD,iBAAO;AAAA,QACR;AACA,eAAO;AAAA,MACR;AAAA,IACD;AAKA;AAAA,MACC;AAAA,MACA;AAAA,MACA,CACC,WACA,WACA,cACA,EAAE,2BAA2B,MACzB;AACJ,YACC,CAAE,2DAA2D;AAAA,UAC5D;AAAA,QACD,KACA,UAAU,SAAS,qBAClB;AACD,iBACC,2BAA4B,cAAc,YAAa,EACrD,SAAS;AAAA,QAEb;AACA,eAAO;AAAA,MACR;AAAA,IACD;AAKA;AAAA,MACC;AAAA,MACA;AAAA,MACA,CAAE,WAAW,cAAe;AAC3B,YACC,CAAE,2DAA2D;AAAA,UAC5D;AAAA,QACD,KACA,CAAE,0BACF,UAAU,SAAS,sBACnB,SAAS,aACR;AACD,iBAAO;AAAA,QACR;AACA,eAAO;AAAA,MACR;AAAA,IACD;AAEA,WAAO,MAAM;AACZ;AAAA,QACC;AAAA,QACA;AAAA,MACD;AACA;AAAA,QACC;AAAA,QACA;AAAA,MACD;AACA;AAAA,QACC;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,UAAU,wBAAwB,IAAK,CAAE;AAC/C;",
+  "names": []
+}

package/build-module/components/provider/use-post-content-blocks.js

@@ -1,27 +1,33 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { applyFilters } from '@wordpress/hooks';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-const POST_CONTENT_BLOCK_TYPES = ['core/post-title', 'core/post-featured-image', 'core/post-content'];
-export default function usePostContentBlocks() {
-  const contentOnlyBlockTypes = useMemo(() => [...applyFilters('editor.postContentBlockTypes', POST_CONTENT_BLOCK_TYPES)], []);
-
-  // Note that there are two separate subscriptions because the result for each
-  // returns a new array.
-  const contentOnlyIds = useSelect(select => {
-    const {
-      getPostBlocksByName
-    } = unlock(select(editorStore));
-    return getPostBlocksByName(contentOnlyBlockTypes);
-  }, [contentOnlyBlockTypes]);
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { applyFilters } from "@wordpress/hooks";
+import { store as editorStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+const POST_CONTENT_BLOCK_TYPES = [
+  "core/post-title",
+  "core/post-featured-image",
+  "core/post-content"
+];
+function usePostContentBlocks() {
+  const contentOnlyBlockTypes = useMemo(
+    () => [
+      ...applyFilters(
+        "editor.postContentBlockTypes",
+        POST_CONTENT_BLOCK_TYPES
+      )
+    ],
+    []
+  );
+  const contentOnlyIds = useSelect(
+    (select) => {
+      const { getPostBlocksByName } = unlock(select(editorStore));
+      return getPostBlocksByName(contentOnlyBlockTypes);
+    },
+    [contentOnlyBlockTypes]
+  );
   return contentOnlyIds;
 }
-//# sourceMappingURL=use-post-content-blocks.js.map
+export {
+  usePostContentBlocks as default
+};
+//# sourceMappingURL=use-post-content-blocks.js.map

package/build-module/components/provider/use-post-content-blocks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useMemo","applyFilters","store","editorStore","unlock","POST_CONTENT_BLOCK_TYPES","usePostContentBlocks","contentOnlyBlockTypes","contentOnlyIds","select","getPostBlocksByName"],"sources":["@wordpress/editor/src/components/provider/use-post-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst POST_CONTENT_BLOCK_TYPES = [\n\t'core/post-title',\n\t'core/post-featured-image',\n\t'core/post-content',\n];\n\nexport default function usePostContentBlocks() {\n\tconst contentOnlyBlockTypes = useMemo(\n\t\t() => [\n\t\t\t...applyFilters(\n\t\t\t\t'editor.postContentBlockTypes',\n\t\t\t\tPOST_CONTENT_BLOCK_TYPES\n\t\t\t),\n\t\t],\n\t\t[]\n\t);\n\n\t// Note that there are two separate subscriptions because the result for each\n\t// returns a new array.\n\tconst contentOnlyIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostBlocksByName } = unlock( select( editorStore ) );\n\t\t\treturn getPostBlocksByName( contentOnlyBlockTypes );\n\t\t},\n\t\t[ contentOnlyBlockTypes ]\n\t);\n\n\treturn contentOnlyIds;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAClD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAMC,wBAAwB,GAAG,CAChC,iBAAiB,EACjB,0BAA0B,EAC1B,mBAAmB,CACnB;AAED,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC9C,MAAMC,qBAAqB,GAAGP,OAAO,CACpC,MAAM,CACL,GAAGC,YAAY,CACd,8BAA8B,EAC9BI,wBACD,CAAC,CACD,EACD,EACD,CAAC;;EAED;EACA;EACA,MAAMG,cAAc,GAAGT,SAAS,CAC7BU,MAAM,IAAM;IACb,MAAM;MAAEC;IAAoB,CAAC,GAAGN,MAAM,CAAEK,MAAM,CAAEN,WAAY,CAAE,CAAC;IAC/D,OAAOO,mBAAmB,CAAEH,qBAAsB,CAAC;EACpD,CAAC,EACD,CAAEA,qBAAqB,CACxB,CAAC;EAED,OAAOC,cAAc;AACtB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/provider/use-post-content-blocks.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst POST_CONTENT_BLOCK_TYPES = [\n\t'core/post-title',\n\t'core/post-featured-image',\n\t'core/post-content',\n];\n\nexport default function usePostContentBlocks() {\n\tconst contentOnlyBlockTypes = useMemo(\n\t\t() => [\n\t\t\t...applyFilters(\n\t\t\t\t'editor.postContentBlockTypes',\n\t\t\t\tPOST_CONTENT_BLOCK_TYPES\n\t\t\t),\n\t\t],\n\t\t[]\n\t);\n\n\t// Note that there are two separate subscriptions because the result for each\n\t// returns a new array.\n\tconst contentOnlyIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostBlocksByName } = unlock( select( editorStore ) );\n\t\t\treturn getPostBlocksByName( contentOnlyBlockTypes );\n\t\t},\n\t\t[ contentOnlyBlockTypes ]\n\t);\n\n\treturn contentOnlyIds;\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAK7B,SAAS,SAAS,mBAAmB;AACrC,SAAS,cAAc;AAEvB,MAAM,2BAA2B;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACD;AAEe,SAAR,uBAAwC;AAC9C,QAAM,wBAAwB;AAAA,IAC7B,MAAM;AAAA,MACL,GAAG;AAAA,QACF;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAIA,QAAM,iBAAiB;AAAA,IACtB,CAAE,WAAY;AACb,YAAM,EAAE,oBAAoB,IAAI,OAAQ,OAAQ,WAAY,CAAE;AAC9D,aAAO,oBAAqB,qBAAsB;AAAA,IACnD;AAAA,IACA,CAAE,qBAAsB;AAAA,EACzB;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/provider/with-registry-provider.js

@@ -1,51 +1,44 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { useRegistry, createRegistry, RegistryProvider } from '@wordpress/data';
-import { createHigherOrderComponent } from '@wordpress/compose';
-import { storeConfig as blockEditorStoreConfig } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { storeConfig } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "@wordpress/element";
+import { useRegistry, createRegistry, RegistryProvider } from "@wordpress/data";
+import { createHigherOrderComponent } from "@wordpress/compose";
+import { storeConfig as blockEditorStoreConfig } from "@wordpress/block-editor";
+import { storeConfig } from "../../store";
 function getSubRegistry(subRegistries, registry, useSubRegistry) {
   if (!useSubRegistry) {
     return registry;
   }
   let subRegistry = subRegistries.get(registry);
   if (!subRegistry) {
-    subRegistry = createRegistry({
-      'core/block-editor': blockEditorStoreConfig
-    }, registry);
-    // Todo: The interface store should also be created per instance.
-    subRegistry.registerStore('core/editor', storeConfig);
+    subRegistry = createRegistry(
+      {
+        "core/block-editor": blockEditorStoreConfig
+      },
+      registry
+    );
+    subRegistry.registerStore("core/editor", storeConfig);
     subRegistries.set(registry, subRegistry);
   }
   return subRegistry;
 }
-const withRegistryProvider = createHigherOrderComponent(WrappedComponent => ({
-  useSubRegistry = true,
-  ...props
-}) => {
-  const registry = useRegistry();
-  const [subRegistries] = useState(() => new WeakMap());
-  const subRegistry = getSubRegistry(subRegistries, registry, useSubRegistry);
-  if (subRegistry === registry) {
-    return /*#__PURE__*/_jsx(WrappedComponent, {
-      registry: registry,
-      ...props
-    });
-  }
-  return /*#__PURE__*/_jsx(RegistryProvider, {
-    value: subRegistry,
-    children: /*#__PURE__*/_jsx(WrappedComponent, {
-      registry: subRegistry,
-      ...props
-    })
-  });
-}, 'withRegistryProvider');
-export default withRegistryProvider;
-//# sourceMappingURL=with-registry-provider.js.map
+const withRegistryProvider = createHigherOrderComponent(
+  (WrappedComponent) => ({ useSubRegistry = true, ...props }) => {
+    const registry = useRegistry();
+    const [subRegistries] = useState(() => /* @__PURE__ */ new WeakMap());
+    const subRegistry = getSubRegistry(
+      subRegistries,
+      registry,
+      useSubRegistry
+    );
+    if (subRegistry === registry) {
+      return /* @__PURE__ */ jsx(WrappedComponent, { registry, ...props });
+    }
+    return /* @__PURE__ */ jsx(RegistryProvider, { value: subRegistry, children: /* @__PURE__ */ jsx(WrappedComponent, { registry: subRegistry, ...props }) });
+  },
+  "withRegistryProvider"
+);
+var with_registry_provider_default = withRegistryProvider;
+export {
+  with_registry_provider_default as default
+};
+//# sourceMappingURL=with-registry-provider.js.map

package/build-module/components/provider/with-registry-provider.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","useRegistry","createRegistry","RegistryProvider","createHigherOrderComponent","storeConfig","blockEditorStoreConfig","jsx","_jsx","getSubRegistry","subRegistries","registry","useSubRegistry","subRegistry","get","registerStore","set","withRegistryProvider","WrappedComponent","props","WeakMap","value","children"],"sources":["@wordpress/editor/src/components/provider/with-registry-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useRegistry, createRegistry, RegistryProvider } from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { storeConfig as blockEditorStoreConfig } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\n\nfunction getSubRegistry( subRegistries, registry, useSubRegistry ) {\n\tif ( ! useSubRegistry ) {\n\t\treturn registry;\n\t}\n\tlet subRegistry = subRegistries.get( registry );\n\tif ( ! subRegistry ) {\n\t\tsubRegistry = createRegistry(\n\t\t\t{\n\t\t\t\t'core/block-editor': blockEditorStoreConfig,\n\t\t\t},\n\t\t\tregistry\n\t\t);\n\t\t// Todo: The interface store should also be created per instance.\n\t\tsubRegistry.registerStore( 'core/editor', storeConfig );\n\t\tsubRegistries.set( registry, subRegistry );\n\t}\n\treturn subRegistry;\n}\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) =>\n\t\t( { useSubRegistry = true, ...props } ) => {\n\t\t\tconst registry = useRegistry();\n\t\t\tconst [ subRegistries ] = useState( () => new WeakMap() );\n\t\t\tconst subRegistry = getSubRegistry(\n\t\t\t\tsubRegistries,\n\t\t\t\tregistry,\n\t\t\t\tuseSubRegistry\n\t\t\t);\n\n\t\t\tif ( subRegistry === registry ) {\n\t\t\t\treturn <WrappedComponent registry={ registry } { ...props } />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t<WrappedComponent registry={ subRegistry } { ...props } />\n\t\t\t\t</RegistryProvider>\n\t\t\t);\n\t\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,EAAEC,cAAc,EAAEC,gBAAgB,QAAQ,iBAAiB;AAC/E,SAASC,0BAA0B,QAAQ,oBAAoB;AAC/D,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASD,WAAW,QAAQ,aAAa;AAAC,SAAAE,GAAA,IAAAC,IAAA;AAE1C,SAASC,cAAcA,CAAEC,aAAa,EAAEC,QAAQ,EAAEC,cAAc,EAAG;EAClE,IAAK,CAAEA,cAAc,EAAG;IACvB,OAAOD,QAAQ;EAChB;EACA,IAAIE,WAAW,GAAGH,aAAa,CAACI,GAAG,CAAEH,QAAS,CAAC;EAC/C,IAAK,CAAEE,WAAW,EAAG;IACpBA,WAAW,GAAGX,cAAc,CAC3B;MACC,mBAAmB,EAAEI;IACtB,CAAC,EACDK,QACD,CAAC;IACD;IACAE,WAAW,CAACE,aAAa,CAAE,aAAa,EAAEV,WAAY,CAAC;IACvDK,aAAa,CAACM,GAAG,CAAEL,QAAQ,EAAEE,WAAY,CAAC;EAC3C;EACA,OAAOA,WAAW;AACnB;AAEA,MAAMI,oBAAoB,GAAGb,0BAA0B,CACpDc,gBAAgB,IACjB,CAAE;EAAEN,cAAc,GAAG,IAAI;EAAE,GAAGO;AAAM,CAAC,KAAM;EAC1C,MAAMR,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAM,CAAES,aAAa,CAAE,GAAGV,QAAQ,CAAE,MAAM,IAAIoB,OAAO,CAAC,CAAE,CAAC;EACzD,MAAMP,WAAW,GAAGJ,cAAc,CACjCC,aAAa,EACbC,QAAQ,EACRC,cACD,CAAC;EAED,IAAKC,WAAW,KAAKF,QAAQ,EAAG;IAC/B,oBAAOH,IAAA,CAACU,gBAAgB;MAACP,QAAQ,EAAGA,QAAU;MAAA,GAAMQ;IAAK,CAAI,CAAC;EAC/D;EAEA,oBACCX,IAAA,CAACL,gBAAgB;IAACkB,KAAK,EAAGR,WAAa;IAAAS,QAAA,eACtCd,IAAA,CAACU,gBAAgB;MAACP,QAAQ,EAAGE,WAAa;MAAA,GAAMM;IAAK,CAAI;EAAC,CACzC,CAAC;AAErB,CAAC,EACF,sBACD,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/provider/with-registry-provider.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useRegistry, createRegistry, RegistryProvider } from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { storeConfig as blockEditorStoreConfig } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\n\nfunction getSubRegistry( subRegistries, registry, useSubRegistry ) {\n\tif ( ! useSubRegistry ) {\n\t\treturn registry;\n\t}\n\tlet subRegistry = subRegistries.get( registry );\n\tif ( ! subRegistry ) {\n\t\tsubRegistry = createRegistry(\n\t\t\t{\n\t\t\t\t'core/block-editor': blockEditorStoreConfig,\n\t\t\t},\n\t\t\tregistry\n\t\t);\n\t\t// Todo: The interface store should also be created per instance.\n\t\tsubRegistry.registerStore( 'core/editor', storeConfig );\n\t\tsubRegistries.set( registry, subRegistry );\n\t}\n\treturn subRegistry;\n}\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) =>\n\t\t( { useSubRegistry = true, ...props } ) => {\n\t\t\tconst registry = useRegistry();\n\t\t\tconst [ subRegistries ] = useState( () => new WeakMap() );\n\t\t\tconst subRegistry = getSubRegistry(\n\t\t\t\tsubRegistries,\n\t\t\t\tregistry,\n\t\t\t\tuseSubRegistry\n\t\t\t);\n\n\t\t\tif ( subRegistry === registry ) {\n\t\t\t\treturn <WrappedComponent registry={ registry } { ...props } />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t<WrappedComponent registry={ subRegistry } { ...props } />\n\t\t\t\t</RegistryProvider>\n\t\t\t);\n\t\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"],
+  "mappings": "AA4CW;AAzCX,SAAS,gBAAgB;AACzB,SAAS,aAAa,gBAAgB,wBAAwB;AAC9D,SAAS,kCAAkC;AAC3C,SAAS,eAAe,8BAA8B;AAKtD,SAAS,mBAAmB;AAE5B,SAAS,eAAgB,eAAe,UAAU,gBAAiB;AAClE,MAAK,CAAE,gBAAiB;AACvB,WAAO;AAAA,EACR;AACA,MAAI,cAAc,cAAc,IAAK,QAAS;AAC9C,MAAK,CAAE,aAAc;AACpB,kBAAc;AAAA,MACb;AAAA,QACC,qBAAqB;AAAA,MACtB;AAAA,MACA;AAAA,IACD;AAEA,gBAAY,cAAe,eAAe,WAAY;AACtD,kBAAc,IAAK,UAAU,WAAY;AAAA,EAC1C;AACA,SAAO;AACR;AAEA,MAAM,uBAAuB;AAAA,EAC5B,CAAE,qBACD,CAAE,EAAE,iBAAiB,MAAM,GAAG,MAAM,MAAO;AAC1C,UAAM,WAAW,YAAY;AAC7B,UAAM,CAAE,aAAc,IAAI,SAAU,MAAM,oBAAI,QAAQ,CAAE;AACxD,UAAM,cAAc;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,QAAK,gBAAgB,UAAW;AAC/B,aAAO,oBAAC,oBAAiB,UAAwB,GAAG,OAAQ;AAAA,IAC7D;AAEA,WACC,oBAAC,oBAAiB,OAAQ,aACzB,8BAAC,oBAAiB,UAAW,aAAgB,GAAG,OAAQ,GACzD;AAAA,EAEF;AAAA,EACD;AACD;AAEA,IAAO,iCAAQ;",
+  "names": []
+}

package/build-module/components/resizable-editor/index.js

@@ -1,89 +1,79 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useState, useRef, useCallback } from '@wordpress/element';
-import { ResizableBox } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ResizeHandle from './resize-handle';
-
-// Removes the inline styles in the drag handles.
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState, useRef, useCallback } from "@wordpress/element";
+import { ResizableBox } from "@wordpress/components";
+import ResizeHandle from "./resize-handle";
 const HANDLE_STYLES_OVERRIDE = {
-  position: undefined,
-  userSelect: undefined,
-  cursor: undefined,
-  width: undefined,
-  height: undefined,
-  top: undefined,
-  right: undefined,
-  bottom: undefined,
-  left: undefined
+  position: void 0,
+  userSelect: void 0,
+  cursor: void 0,
+  width: void 0,
+  height: void 0,
+  top: void 0,
+  right: void 0,
+  bottom: void 0,
+  left: void 0
 };
-function ResizableEditor({
-  className,
-  enableResizing,
-  height,
-  children
-}) {
-  const [width, setWidth] = useState('100%');
+function ResizableEditor({ className, enableResizing, height, children }) {
+  const [width, setWidth] = useState("100%");
   const resizableRef = useRef();
-  const resizeWidthBy = useCallback(deltaPixels => {
+  const resizeWidthBy = useCallback((deltaPixels) => {
     if (resizableRef.current) {
       setWidth(resizableRef.current.offsetWidth + deltaPixels);
     }
   }, []);
-  return /*#__PURE__*/_jsx(ResizableBox, {
-    className: clsx('editor-resizable-editor', className, {
-      'is-resizable': enableResizing
-    }),
-    ref: api => {
-      resizableRef.current = api?.resizable;
-    },
-    size: {
-      width: enableResizing ? width : '100%',
-      height: enableResizing && height ? height : '100%'
-    },
-    onResizeStop: (event, direction, element) => {
-      setWidth(element.style.width);
-    },
-    minWidth: 300,
-    maxWidth: "100%",
-    maxHeight: "100%",
-    enable: {
-      left: enableResizing,
-      right: enableResizing
-    },
-    showHandle: enableResizing
-    // The editor is centered horizontally, resizing it only
-    // moves half the distance. Hence double the ratio to correctly
-    // align the cursor to the resizer handle.
-    ,
-    resizeRatio: 2,
-    handleComponent: {
-      left: /*#__PURE__*/_jsx(ResizeHandle, {
-        direction: "left",
-        resizeWidthBy: resizeWidthBy
+  return /* @__PURE__ */ jsx(
+    ResizableBox,
+    {
+      className: clsx("editor-resizable-editor", className, {
+        "is-resizable": enableResizing
       }),
-      right: /*#__PURE__*/_jsx(ResizeHandle, {
-        direction: "right",
-        resizeWidthBy: resizeWidthBy
-      })
-    },
-    handleClasses: undefined,
-    handleStyles: {
-      left: HANDLE_STYLES_OVERRIDE,
-      right: HANDLE_STYLES_OVERRIDE
-    },
-    children: children
-  });
+      ref: (api) => {
+        resizableRef.current = api?.resizable;
+      },
+      size: {
+        width: enableResizing ? width : "100%",
+        height: enableResizing && height ? height : "100%"
+      },
+      onResizeStop: (event, direction, element) => {
+        setWidth(element.style.width);
+      },
+      minWidth: 300,
+      maxWidth: "100%",
+      maxHeight: "100%",
+      enable: {
+        left: enableResizing,
+        right: enableResizing
+      },
+      showHandle: enableResizing,
+      resizeRatio: 2,
+      handleComponent: {
+        left: /* @__PURE__ */ jsx(
+          ResizeHandle,
+          {
+            direction: "left",
+            resizeWidthBy
+          }
+        ),
+        right: /* @__PURE__ */ jsx(
+          ResizeHandle,
+          {
+            direction: "right",
+            resizeWidthBy
+          }
+        )
+      },
+      handleClasses: void 0,
+      handleStyles: {
+        left: HANDLE_STYLES_OVERRIDE,
+        right: HANDLE_STYLES_OVERRIDE
+      },
+      children
+    }
+  );
 }
-export default ResizableEditor;
-//# sourceMappingURL=index.js.map
+var resizable_editor_default = ResizableEditor;
+export {
+  resizable_editor_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useState","useRef","useCallback","ResizableBox","ResizeHandle","jsx","_jsx","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","className","enableResizing","children","setWidth","resizableRef","resizeWidthBy","deltaPixels","current","offsetWidth","ref","api","resizable","size","onResizeStop","event","direction","element","style","minWidth","maxWidth","maxHeight","enable","showHandle","resizeRatio","handleComponent","handleClasses","handleStyles"],"sources":["@wordpress/editor/src/components/resizable-editor/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\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( { className, 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\tclassName={ clsx( 'editor-resizable-editor', className, {\n\t\t\t\t'is-resizable': enableResizing,\n\t\t\t} ) }\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\tleft: enableResizing,\n\t\t\t\tright: 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"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAQ,oBAAoB;AAClE,SAASC,YAAY,QAAQ,uBAAuB;;AAEpD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;;AAE1C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,sBAAsB,GAAG;EAC9BC,QAAQ,EAAEC,SAAS;EACnBC,UAAU,EAAED,SAAS;EACrBE,MAAM,EAAEF,SAAS;EACjBG,KAAK,EAAEH,SAAS;EAChBI,MAAM,EAAEJ,SAAS;EACjBK,GAAG,EAAEL,SAAS;EACdM,KAAK,EAAEN,SAAS;EAChBO,MAAM,EAAEP,SAAS;EACjBQ,IAAI,EAAER;AACP,CAAC;AAED,SAASS,eAAeA,CAAE;EAAEC,SAAS;EAAEC,cAAc;EAAEP,MAAM;EAAEQ;AAAS,CAAC,EAAG;EAC3E,MAAM,CAAET,KAAK,EAAEU,QAAQ,CAAE,GAAGtB,QAAQ,CAAE,MAAO,CAAC;EAC9C,MAAMuB,YAAY,GAAGtB,MAAM,CAAC,CAAC;EAC7B,MAAMuB,aAAa,GAAGtB,WAAW,CAAIuB,WAAW,IAAM;IACrD,IAAKF,YAAY,CAACG,OAAO,EAAG;MAC3BJ,QAAQ,CAAEC,YAAY,CAACG,OAAO,CAACC,WAAW,GAAGF,WAAY,CAAC;IAC3D;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACCnB,IAAA,CAACH,YAAY;IACZgB,SAAS,EAAGpB,IAAI,CAAE,yBAAyB,EAAEoB,SAAS,EAAE;MACvD,cAAc,EAAEC;IACjB,CAAE,CAAG;IACLQ,GAAG,EAAKC,GAAG,IAAM;MAChBN,YAAY,CAACG,OAAO,GAAGG,GAAG,EAAEC,SAAS;IACtC,CAAG;IACHC,IAAI,EAAG;MACNnB,KAAK,EAAEQ,cAAc,GAAGR,KAAK,GAAG,MAAM;MACtCC,MAAM,EAAEO,cAAc,IAAIP,MAAM,GAAGA,MAAM,GAAG;IAC7C,CAAG;IACHmB,YAAY,EAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,KAAM;MAC/Cb,QAAQ,CAAEa,OAAO,CAACC,KAAK,CAACxB,KAAM,CAAC;IAChC,CAAG;IACHyB,QAAQ,EAAG,GAAK;IAChBC,QAAQ,EAAC,MAAM;IACfC,SAAS,EAAC,MAAM;IAChBC,MAAM,EAAG;MACRvB,IAAI,EAAEG,cAAc;MACpBL,KAAK,EAAEK;IACR,CAAG;IACHqB,UAAU,EAAGrB;IACb;IACA;IACA;IAAA;IACAsB,WAAW,EAAG,CAAG;IACjBC,eAAe,EAAG;MACjB1B,IAAI,eACHX,IAAA,CAACF,YAAY;QACZ8B,SAAS,EAAC,MAAM;QAChBV,aAAa,EAAGA;MAAe,CAC/B,CACD;MACDT,KAAK,eACJT,IAAA,CAACF,YAAY;QACZ8B,SAAS,EAAC,OAAO;QACjBV,aAAa,EAAGA;MAAe,CAC/B;IAEH,CAAG;IACHoB,aAAa,EAAGnC,SAAW;IAC3BoC,YAAY,EAAG;MACd5B,IAAI,EAAEV,sBAAsB;MAC5BQ,KAAK,EAAER;IACR,CAAG;IAAAc,QAAA,EAEDA;EAAQ,CACG,CAAC;AAEjB;AAEA,eAAeH,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/resizable-editor/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\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( { className, 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\tclassName={ clsx( 'editor-resizable-editor', className, {\n\t\t\t\t'is-resizable': enableResizing,\n\t\t\t} ) }\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\tleft: enableResizing,\n\t\t\t\tright: 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"],
+  "mappings": "AAkEK;AA/DL,OAAO,UAAU;AAKjB,SAAS,UAAU,QAAQ,mBAAmB;AAC9C,SAAS,oBAAoB;AAK7B,OAAO,kBAAkB;AAGzB,MAAM,yBAAyB;AAAA,EAC9B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACP;AAEA,SAAS,gBAAiB,EAAE,WAAW,gBAAgB,QAAQ,SAAS,GAAI;AAC3E,QAAM,CAAE,OAAO,QAAS,IAAI,SAAU,MAAO;AAC7C,QAAM,eAAe,OAAO;AAC5B,QAAM,gBAAgB,YAAa,CAAE,gBAAiB;AACrD,QAAK,aAAa,SAAU;AAC3B,eAAU,aAAa,QAAQ,cAAc,WAAY;AAAA,IAC1D;AAAA,EACD,GAAG,CAAC,CAAE;AACN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY,KAAM,2BAA2B,WAAW;AAAA,QACvD,gBAAgB;AAAA,MACjB,CAAE;AAAA,MACF,KAAM,CAAE,QAAS;AAChB,qBAAa,UAAU,KAAK;AAAA,MAC7B;AAAA,MACA,MAAO;AAAA,QACN,OAAO,iBAAiB,QAAQ;AAAA,QAChC,QAAQ,kBAAkB,SAAS,SAAS;AAAA,MAC7C;AAAA,MACA,cAAe,CAAE,OAAO,WAAW,YAAa;AAC/C,iBAAU,QAAQ,MAAM,KAAM;AAAA,MAC/B;AAAA,MACA,UAAW;AAAA,MACX,UAAS;AAAA,MACT,WAAU;AAAA,MACV,QAAS;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,MACA,YAAa;AAAA,MAIb,aAAc;AAAA,MACd,iBAAkB;AAAA,QACjB,MACC;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV;AAAA;AAAA,QACD;AAAA,QAED,OACC;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV;AAAA;AAAA,QACD;AAAA,MAEF;AAAA,MACA,eAAgB;AAAA,MAChB,cAAe;AAAA,QACd,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,MAEE;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -1,27 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { LEFT, RIGHT } from '@wordpress/keycodes';
-import { VisuallyHidden, Tooltip, __unstableMotion as motion } from '@wordpress/components';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.
-
-export default function ResizeHandle({
-  direction,
-  resizeWidthBy
-}) {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { LEFT, RIGHT } from "@wordpress/keycodes";
+import {
+  VisuallyHidden,
+  Tooltip,
+  __unstableMotion as motion
+} from "@wordpress/components";
+const DELTA_DISTANCE = 20;
+function ResizeHandle({ direction, resizeWidthBy }) {
   function handleKeyDown(event) {
-    const {
-      keyCode
-    } = event;
+    const { keyCode } = event;
     if (keyCode !== LEFT && keyCode !== RIGHT) {
       return;
     }
     event.preventDefault();
-    if (direction === 'left' && keyCode === LEFT || direction === 'right' && keyCode === RIGHT) {
+    if (direction === "left" && keyCode === LEFT || direction === "right" && keyCode === RIGHT) {
       resizeWidthBy(DELTA_DISTANCE);
-    } else if (direction === 'left' && keyCode === RIGHT || direction === 'right' && keyCode === LEFT) {
+    } else if (direction === "left" && keyCode === RIGHT || direction === "right" && keyCode === LEFT) {
       resizeWidthBy(-DELTA_DISTANCE);
     }
   }
@@ -32,12 +27,12 @@ export default function ResizeHandle({
     }
   };
   const resizableHandleHelpId = `resizable-editor__resize-help-${direction}`;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      text: __('Drag to resize'),
-      children: /*#__PURE__*/_jsx(motion.button, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { text: __("Drag to resize"), children: /* @__PURE__ */ jsx(
+      motion.button,
+      {
         className: `editor-resizable-editor__resize-handle is-${direction}`,
-        "aria-label": __('Drag to resize'),
+        "aria-label": __("Drag to resize"),
         "aria-describedby": resizableHandleHelpId,
         onKeyDown: handleKeyDown,
         variants: resizeHandleVariants,
@@ -46,11 +41,13 @@ export default function ResizeHandle({
         whileTap: "active",
         role: "separator",
         "aria-orientation": "vertical"
-      }, "handle")
-    }), /*#__PURE__*/_jsx(VisuallyHidden, {
-      id: resizableHandleHelpId,
-      children: __('Use left and right arrow keys to resize the canvas.')
-    })]
-  });
+      },
+      "handle"
+    ) }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { id: resizableHandleHelpId, children: __("Use left and right arrow keys to resize the canvas.") })
+  ] });
 }
-//# sourceMappingURL=resize-handle.js.map
+export {
+  ResizeHandle as default
+};
+//# sourceMappingURL=resize-handle.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","LEFT","RIGHT","VisuallyHidden","Tooltip","__unstableMotion","motion","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DELTA_DISTANCE","ResizeHandle","direction","resizeWidthBy","handleKeyDown","event","keyCode","preventDefault","resizeHandleVariants","active","opacity","scaleY","resizableHandleHelpId","children","text","button","className","onKeyDown","variants","whileFocus","whileHover","whileTap","role","id"],"sources":["@wordpress/editor/src/components/resizable-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( { direction, resizeWidthBy } ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif ( keyCode !== LEFT && keyCode !== RIGHT ) {\n\t\t\treturn;\n\t\t}\n\t\tevent.preventDefault();\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\tconst resizeHandleVariants = {\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\n\tconst resizableHandleHelpId = `resizable-editor__resize-help-${ direction }`;\n\n\treturn (\n\t\t<>\n\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t<motion.button\n\t\t\t\t\tclassName={ `editor-resizable-editor__resize-handle is-${ direction }` }\n\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\twhileTap=\"active\"\n\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\trole=\"separator\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t\t<VisuallyHidden id={ resizableHandleHelpId }>\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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,KAAK,QAAQ,qBAAqB;AACjD,SACCC,cAAc,EACdC,OAAO,EACPC,gBAAgB,IAAIC,MAAM,QACpB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/B,MAAMC,cAAc,GAAG,EAAE,CAAC,CAAC;;AAE3B,eAAe,SAASC,YAAYA,CAAE;EAAEC,SAAS;EAAEC;AAAc,CAAC,EAAG;EACpE,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IAAKC,OAAO,KAAKlB,IAAI,IAAIkB,OAAO,KAAKjB,KAAK,EAAG;MAC5C;IACD;IACAgB,KAAK,CAACE,cAAc,CAAC,CAAC;IAEtB,IACGL,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKlB,IAAI,IACxCc,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKjB,KAAO,EAC7C;MACDc,aAAa,CAAEH,cAAe,CAAC;IAChC,CAAC,MAAM,IACJE,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKjB,KAAK,IACzCa,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKlB,IAAM,EAC5C;MACDe,aAAa,CAAE,CAACH,cAAe,CAAC;IACjC;EACD;EAEA,MAAMQ,oBAAoB,GAAG;IAC5BC,MAAM,EAAE;MACPC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACT;EACD,CAAC;EAED,MAAMC,qBAAqB,GAAG,iCAAkCV,SAAS,EAAG;EAE5E,oBACCH,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACClB,IAAA,CAACJ,OAAO;MAACuB,IAAI,EAAG3B,EAAE,CAAE,gBAAiB,CAAG;MAAA0B,QAAA,eACvClB,IAAA,CAACF,MAAM,CAACsB,MAAM;QACbC,SAAS,EAAG,6CAA8Cd,SAAS,EAAK;QACxE,cAAaf,EAAE,CAAE,gBAAiB,CAAG;QACrC,oBAAmByB,qBAAuB;QAC1CK,SAAS,EAAGb,aAAe;QAC3Bc,QAAQ,EAAGV,oBAAsB;QACjCW,UAAU,EAAC,QAAQ;QACnBC,UAAU,EAAC,QAAQ;QACnBC,QAAQ,EAAC,QAAQ;QAEjBC,IAAI,EAAC,WAAW;QAChB,oBAAiB;MAAU,GAFvB,QAGJ;IAAC,CACM,CAAC,eACV3B,IAAA,CAACL,cAAc;MAACiC,EAAE,EAAGX,qBAAuB;MAAAC,QAAA,EACzC1B,EAAE,CAAE,qDAAsD;IAAC,CAC9C,CAAC;EAAA,CAChB,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/resizable-editor/resize-handle.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( { direction, resizeWidthBy } ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif ( keyCode !== LEFT && keyCode !== RIGHT ) {\n\t\t\treturn;\n\t\t}\n\t\tevent.preventDefault();\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\tconst resizeHandleVariants = {\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\n\tconst resizableHandleHelpId = `resizable-editor__resize-help-${ direction }`;\n\n\treturn (\n\t\t<>\n\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t<motion.button\n\t\t\t\t\tclassName={ `editor-resizable-editor__resize-handle is-${ direction }` }\n\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\twhileTap=\"active\"\n\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\trole=\"separator\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t\t<VisuallyHidden id={ resizableHandleHelpId }>\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"],
+  "mappings": "AA6CE,mBAEE,KAFF;AA1CF,SAAS,UAAU;AACnB,SAAS,MAAM,aAAa;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,OACd;AAEP,MAAM,iBAAiB;AAER,SAAR,aAA+B,EAAE,WAAW,cAAc,GAAI;AACpE,WAAS,cAAe,OAAQ;AAC/B,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAK,YAAY,QAAQ,YAAY,OAAQ;AAC5C;AAAA,IACD;AACA,UAAM,eAAe;AAErB,QACG,cAAc,UAAU,YAAY,QACpC,cAAc,WAAW,YAAY,OACtC;AACD,oBAAe,cAAe;AAAA,IAC/B,WACG,cAAc,UAAU,YAAY,SACpC,cAAc,WAAW,YAAY,MACtC;AACD,oBAAe,CAAC,cAAe;AAAA,IAChC;AAAA,EACD;AAEA,QAAM,uBAAuB;AAAA,IAC5B,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACT;AAAA,EACD;AAEA,QAAM,wBAAwB,iCAAkC,SAAU;AAE1E,SACC,iCACC;AAAA,wBAAC,WAAQ,MAAO,GAAI,gBAAiB,GACpC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACA,WAAY,6CAA8C,SAAU;AAAA,QACpE,cAAa,GAAI,gBAAiB;AAAA,QAClC,oBAAmB;AAAA,QACnB,WAAY;AAAA,QACZ,UAAW;AAAA,QACX,YAAW;AAAA,QACX,YAAW;AAAA,QACX,UAAS;AAAA,QAET,MAAK;AAAA,QACL,oBAAiB;AAAA;AAAA,MAFb;AAAA,IAGL,GACD;AAAA,IACA,oBAAC,kBAAe,IAAK,uBAClB,aAAI,qDAAsD,GAC7D;AAAA,KACD;AAEF;",
+  "names": []
+}