@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/block-switcher/pattern-transformations-menu.js

@@ -1,18 +1,17 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { useInstanceId, useViewportMatch } from '@wordpress/compose';
-import { chevronRight } from '@wordpress/icons';
-import { Composite, MenuGroup, MenuItem, Popover, VisuallyHidden } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockPreview from '../block-preview';
-import useTransformedPatterns from './use-transformed-patterns';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+import { useInstanceId, useViewportMatch } from "@wordpress/compose";
+import { chevronRight } from "@wordpress/icons";
+import {
+  Composite,
+  MenuGroup,
+  MenuItem,
+  Popover,
+  VisuallyHidden
+} from "@wordpress/components";
+import BlockPreview from "../block-preview";
+import useTransformedPatterns from "./use-transformed-patterns";
 function PatternTransformationsMenu({
   blocks,
   patterns: statePatterns,
@@ -23,85 +22,100 @@ function PatternTransformationsMenu({
   if (!patterns.length) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(MenuGroup, {
-    className: "block-editor-block-switcher__pattern__transforms__menugroup",
-    children: [showTransforms && /*#__PURE__*/_jsx(PreviewPatternsPopover, {
-      patterns: patterns,
-      onSelect: onSelect
-    }), /*#__PURE__*/_jsx(MenuItem, {
-      onClick: event => {
-        event.preventDefault();
-        setShowTransforms(!showTransforms);
-      },
-      icon: chevronRight,
-      children: __('Patterns')
-    })]
-  });
+  return /* @__PURE__ */ jsxs(MenuGroup, { className: "block-editor-block-switcher__pattern__transforms__menugroup", children: [
+    showTransforms && /* @__PURE__ */ jsx(
+      PreviewPatternsPopover,
+      {
+        patterns,
+        onSelect
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        onClick: (event) => {
+          event.preventDefault();
+          setShowTransforms(!showTransforms);
+        },
+        icon: chevronRight,
+        children: __("Patterns")
+      }
+    )
+  ] });
 }
-function PreviewPatternsPopover({
-  patterns,
-  onSelect
-}) {
-  const isMobile = useViewportMatch('medium', '<');
-  return /*#__PURE__*/_jsx("div", {
-    className: "block-editor-block-switcher__popover-preview-container",
-    children: /*#__PURE__*/_jsx(Popover, {
+function PreviewPatternsPopover({ patterns, onSelect }) {
+  const isMobile = useViewportMatch("medium", "<");
+  return /* @__PURE__ */ jsx("div", { className: "block-editor-block-switcher__popover-preview-container", children: /* @__PURE__ */ jsx(
+    Popover,
+    {
       className: "block-editor-block-switcher__popover-preview",
-      placement: isMobile ? 'bottom' : 'right-start',
+      placement: isMobile ? "bottom" : "right-start",
       offset: 16,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "block-editor-block-switcher__preview is-pattern-list-preview",
-        children: /*#__PURE__*/_jsx(BlockPatternsList, {
-          patterns: patterns,
-          onSelect: onSelect
-        })
-      })
-    })
-  });
+      children: /* @__PURE__ */ jsx("div", { className: "block-editor-block-switcher__preview is-pattern-list-preview", children: /* @__PURE__ */ jsx(
+        BlockPatternsList,
+        {
+          patterns,
+          onSelect
+        }
+      ) })
+    }
+  ) });
 }
-function BlockPatternsList({
-  patterns,
-  onSelect
-}) {
-  return /*#__PURE__*/_jsx(Composite, {
-    role: "listbox",
-    className: "block-editor-block-switcher__preview-patterns-container",
-    "aria-label": __('Patterns list'),
-    children: patterns.map(pattern => /*#__PURE__*/_jsx(BlockPattern, {
-      pattern: pattern,
-      onSelect: onSelect
-    }, pattern.name))
-  });
+function BlockPatternsList({ patterns, onSelect }) {
+  return /* @__PURE__ */ jsx(
+    Composite,
+    {
+      role: "listbox",
+      className: "block-editor-block-switcher__preview-patterns-container",
+      "aria-label": __("Patterns list"),
+      children: patterns.map((pattern) => /* @__PURE__ */ jsx(
+        BlockPattern,
+        {
+          pattern,
+          onSelect
+        },
+        pattern.name
+      ))
+    }
+  );
 }
-function BlockPattern({
-  pattern,
-  onSelect
-}) {
-  // TODO check pattern/preview width...
-  const baseClassName = 'block-editor-block-switcher__preview-patterns-container';
-  const descriptionId = useInstanceId(BlockPattern, `${baseClassName}-list__item-description`);
-  return /*#__PURE__*/_jsxs("div", {
-    className: `${baseClassName}-list__list-item`,
-    children: [/*#__PURE__*/_jsxs(Composite.Item, {
-      render: /*#__PURE__*/_jsx("div", {
-        role: "option",
-        "aria-label": pattern.title,
-        "aria-describedby": pattern.description ? descriptionId : undefined,
-        className: `${baseClassName}-list__item`
-      }),
-      onClick: () => onSelect(pattern.transformedBlocks),
-      children: [/*#__PURE__*/_jsx(BlockPreview, {
-        blocks: pattern.transformedBlocks,
-        viewportWidth: pattern.viewportWidth || 500
-      }), /*#__PURE__*/_jsx("div", {
-        className: `${baseClassName}-list__item-title`,
-        children: pattern.title
-      })]
-    }), !!pattern.description && /*#__PURE__*/_jsx(VisuallyHidden, {
-      id: descriptionId,
-      children: pattern.description
-    })]
-  });
+function BlockPattern({ pattern, onSelect }) {
+  const baseClassName = "block-editor-block-switcher__preview-patterns-container";
+  const descriptionId = useInstanceId(
+    BlockPattern,
+    `${baseClassName}-list__item-description`
+  );
+  return /* @__PURE__ */ jsxs("div", { className: `${baseClassName}-list__list-item`, children: [
+    /* @__PURE__ */ jsxs(
+      Composite.Item,
+      {
+        render: /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "option",
+            "aria-label": pattern.title,
+            "aria-describedby": pattern.description ? descriptionId : void 0,
+            className: `${baseClassName}-list__item`
+          }
+        ),
+        onClick: () => onSelect(pattern.transformedBlocks),
+        children: [
+          /* @__PURE__ */ jsx(
+            BlockPreview,
+            {
+              blocks: pattern.transformedBlocks,
+              viewportWidth: pattern.viewportWidth || 500
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: `${baseClassName}-list__item-title`, children: pattern.title })
+        ]
+      }
+    ),
+    !!pattern.description && /* @__PURE__ */ jsx(VisuallyHidden, { id: descriptionId, children: pattern.description })
+  ] });
 }
-export default PatternTransformationsMenu;
-//# sourceMappingURL=pattern-transformations-menu.js.map
+var pattern_transformations_menu_default = PatternTransformationsMenu;
+export {
+  pattern_transformations_menu_default as default
+};
+//# sourceMappingURL=pattern-transformations-menu.js.map

package/build-module/components/block-switcher/pattern-transformations-menu.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","useState","useInstanceId","useViewportMatch","chevronRight","Composite","MenuGroup","MenuItem","Popover","VisuallyHidden","BlockPreview","useTransformedPatterns","jsx","_jsx","jsxs","_jsxs","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","length","className","children","PreviewPatternsPopover","onClick","event","preventDefault","icon","isMobile","placement","offset","BlockPatternsList","role","map","pattern","BlockPattern","name","baseClassName","descriptionId","Item","render","title","description","undefined","transformedBlocks","viewportWidth","id"],"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId, useViewportMatch } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tComposite,\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\n\tif ( ! patterns.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover-preview-container\">\n\t\t\t<Popover\n\t\t\t\tclassName=\"block-editor-block-switcher__popover-preview\"\n\t\t\t\tplacement={ isMobile ? 'bottom' : 'right-start' }\n\t\t\t\toffset={ 16 }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-block-switcher__preview is-pattern-list-preview\">\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\treturn (\n\t\t<Composite\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</Composite.Item>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-switcher/pattern-transformations-menu.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId, useViewportMatch } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tComposite,\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\n\tif ( ! patterns.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover-preview-container\">\n\t\t\t<Popover\n\t\t\t\tclassName=\"block-editor-block-switcher__popover-preview\"\n\t\t\t\tplacement={ isMobile ? 'bottom' : 'right-start' }\n\t\t\t\toffset={ 16 }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-block-switcher__preview is-pattern-list-preview\">\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\treturn (\n\t\t<Composite\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</Composite.Item>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],
+  "mappings": "AAmCE,SAEE,KAFF;AAhCF,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,eAAe,wBAAwB;AAChD,SAAS,oBAAoB;AAE7B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAKP,OAAO,kBAAkB;AACzB,OAAO,4BAA4B;AAEnC,SAAS,2BAA4B;AAAA,EACpC;AAAA,EACA,UAAU;AAAA,EACV;AACD,GAAI;AACH,QAAM,CAAE,gBAAgB,iBAAkB,IAAI,SAAU,KAAM;AAC9D,QAAM,WAAW,uBAAwB,eAAe,MAAO;AAE/D,MAAK,CAAE,SAAS,QAAS;AACxB,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,aAAU,WAAU,+DAClB;AAAA,sBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,SAAU,CAAE,UAAW;AACtB,gBAAM,eAAe;AACrB,4BAAmB,CAAE,cAAe;AAAA,QACrC;AAAA,QACA,MAAO;AAAA,QAEL,aAAI,UAAW;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;AAEA,SAAS,uBAAwB,EAAE,UAAU,SAAS,GAAI;AACzD,QAAM,WAAW,iBAAkB,UAAU,GAAI;AAEjD,SACC,oBAAC,SAAI,WAAU,0DACd;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAY,WAAW,WAAW;AAAA,MAClC,QAAS;AAAA,MAET,8BAAC,SAAI,WAAU,gEACd;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD,GACD;AAAA;AAAA,EACD,GACD;AAEF;AAEA,SAAS,kBAAmB,EAAE,UAAU,SAAS,GAAI;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAa,GAAI,eAAgB;AAAA,MAE/B,mBAAS,IAAK,CAAE,YACjB;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFM,QAAQ;AAAA,MAGf,CACC;AAAA;AAAA,EACH;AAEF;AAEA,SAAS,aAAc,EAAE,SAAS,SAAS,GAAI;AAE9C,QAAM,gBACL;AACD,QAAM,gBAAgB;AAAA,IACrB;AAAA,IACA,GAAI,aAAc;AAAA,EACnB;AACA,SACC,qBAAC,SAAI,WAAY,GAAI,aAAc,oBAClC;AAAA;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QACA,QACC;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,cAAa,QAAQ;AAAA,YACrB,oBACC,QAAQ,cAAc,gBAAgB;AAAA,YAEvC,WAAY,GAAI,aAAc;AAAA;AAAA,QAC/B;AAAA,QAED,SAAU,MAAM,SAAU,QAAQ,iBAAkB;AAAA,QAEpD;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,QAAS,QAAQ;AAAA,cACjB,eAAgB,QAAQ,iBAAiB;AAAA;AAAA,UAC1C;AAAA,UACA,oBAAC,SAAI,WAAY,GAAI,aAAc,qBAChC,kBAAQ,OACX;AAAA;AAAA;AAAA,IACD;AAAA,IACE,CAAC,CAAE,QAAQ,eACZ,oBAAC,kBAAe,IAAK,eAClB,kBAAQ,aACX;AAAA,KAEF;AAEF;AAEA,IAAO,uCAAQ;",
+  "names": []
+}

package/build-module/components/block-switcher/preview-block-popover.js

@@ -1,40 +1,28 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Popover } from '@wordpress/components';
-import { useViewportMatch } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BlockPreview from '../block-preview';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PreviewBlockPopover({
-  blocks
-}) {
-  const isMobile = useViewportMatch('medium', '<');
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { Popover } from "@wordpress/components";
+import { useViewportMatch } from "@wordpress/compose";
+import BlockPreview from "../block-preview";
+function PreviewBlockPopover({ blocks }) {
+  const isMobile = useViewportMatch("medium", "<");
   if (isMobile) {
     return null;
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "block-editor-block-switcher__popover-preview-container",
-    children: /*#__PURE__*/_jsx(Popover, {
+  return /* @__PURE__ */ jsx("div", { className: "block-editor-block-switcher__popover-preview-container", children: /* @__PURE__ */ jsx(
+    Popover,
+    {
       className: "block-editor-block-switcher__popover-preview",
       placement: "right-start",
       focusOnMount: false,
       offset: 16,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "block-editor-block-switcher__preview",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "block-editor-block-switcher__preview-title",
-          children: __('Preview')
-        }), /*#__PURE__*/_jsx(BlockPreview, {
-          viewportWidth: 601,
-          blocks: blocks
-        })]
-      })
-    })
-  });
+      children: /* @__PURE__ */ jsxs("div", { className: "block-editor-block-switcher__preview", children: [
+        /* @__PURE__ */ jsx("div", { className: "block-editor-block-switcher__preview-title", children: __("Preview") }),
+        /* @__PURE__ */ jsx(BlockPreview, { viewportWidth: 601, blocks })
+      ] })
+    }
+  ) });
 }
-//# sourceMappingURL=preview-block-popover.js.map
+export {
+  PreviewBlockPopover as default
+};
+//# sourceMappingURL=preview-block-popover.js.map

package/build-module/components/block-switcher/preview-block-popover.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","Popover","useViewportMatch","BlockPreview","jsx","_jsx","jsxs","_jsxs","PreviewBlockPopover","blocks","isMobile","className","children","placement","focusOnMount","offset","viewportWidth"],"sources":["@wordpress/block-editor/src/components/block-switcher/preview-block-popover.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\n\nexport default function PreviewBlockPopover( { blocks } ) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\n\tif ( isMobile ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover-preview-container\">\n\t\t\t<Popover\n\t\t\t\tclassName=\"block-editor-block-switcher__popover-preview\"\n\t\t\t\tplacement=\"right-start\"\n\t\t\t\tfocusOnMount={ false }\n\t\t\t\toffset={ 16 }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ /* 600px is the value of $break-small in base-styles/_breakpoints.scss.\n\t\t\t\t\t\tWe set the viewport width to 601px to make sure that the media-text \n\t\t\t\t\t\tblock which uses this breakpoint has the correct padding. */ }\n\t\t\t\t\t<BlockPreview viewportWidth={ 601 } blocks={ blocks } />\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5C,eAAe,SAASC,mBAAmBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EACzD,MAAMC,QAAQ,GAAGR,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAElD,IAAKQ,QAAQ,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA;IAAKM,SAAS,EAAC,wDAAwD;IAAAC,QAAA,eACtEP,IAAA,CAACJ,OAAO;MACPU,SAAS,EAAC,8CAA8C;MACxDE,SAAS,EAAC,aAAa;MACvBC,YAAY,EAAG,KAAO;MACtBC,MAAM,EAAG,EAAI;MAAAH,QAAA,eAEbL,KAAA;QAAKI,SAAS,EAAC,sCAAsC;QAAAC,QAAA,gBACpDP,IAAA;UAAKM,SAAS,EAAC,4CAA4C;UAAAC,QAAA,EACxDZ,EAAE,CAAE,SAAU;QAAC,CACb,CAAC,eAINK,IAAA,CAACF,YAAY;UAACa,aAAa,EAAG,GAAK;UAACP,MAAM,EAAGA;QAAQ,CAAE,CAAC;MAAA,CACpD;IAAC,CACE;EAAC,CACN,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-switcher/preview-block-popover.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\n\nexport default function PreviewBlockPopover( { blocks } ) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\n\tif ( isMobile ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover-preview-container\">\n\t\t\t<Popover\n\t\t\t\tclassName=\"block-editor-block-switcher__popover-preview\"\n\t\t\t\tplacement=\"right-start\"\n\t\t\t\tfocusOnMount={ false }\n\t\t\t\toffset={ 16 }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ /* 600px is the value of $break-small in base-styles/_breakpoints.scss.\n\t\t\t\t\t\tWe set the viewport width to 601px to make sure that the media-text \n\t\t\t\t\t\tblock which uses this breakpoint has the correct padding. */ }\n\t\t\t\t\t<BlockPreview viewportWidth={ 601 } blocks={ blocks } />\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AA2BI,SACC,KADD;AAxBJ,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAKjC,OAAO,kBAAkB;AAEV,SAAR,oBAAsC,EAAE,OAAO,GAAI;AACzD,QAAM,WAAW,iBAAkB,UAAU,GAAI;AAEjD,MAAK,UAAW;AACf,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,SAAI,WAAU,0DACd;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAU;AAAA,MACV,cAAe;AAAA,MACf,QAAS;AAAA,MAET,+BAAC,SAAI,WAAU,wCACd;AAAA,4BAAC,SAAI,WAAU,8CACZ,aAAI,SAAU,GACjB;AAAA,QAIA,oBAAC,gBAAa,eAAgB,KAAM,QAAkB;AAAA,SACvD;AAAA;AAAA,EACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/block-switcher/use-transformed-patterns.js

@@ -1,100 +1,65 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-import { cloneBlock } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { getMatchingBlockByName, getRetainedBlockAttributes } from './utils';
-
-/**
- * Mutate the matched block's attributes by getting
- * which block type's attributes to retain and prioritize
- * them in the merging of the attributes.
- *
- * @param {WPBlock} match         The matched block.
- * @param {WPBlock} selectedBlock The selected block.
- * @return {void}
- */
-export const transformMatchingBlock = (match, selectedBlock) => {
-  // Get the block attributes to retain through the transformation.
-  const retainedBlockAttributes = getRetainedBlockAttributes(selectedBlock.name, selectedBlock.attributes);
+import { useMemo } from "@wordpress/element";
+import { cloneBlock } from "@wordpress/blocks";
+import { getMatchingBlockByName, getRetainedBlockAttributes } from "./utils";
+const transformMatchingBlock = (match, selectedBlock) => {
+  const retainedBlockAttributes = getRetainedBlockAttributes(
+    selectedBlock.name,
+    selectedBlock.attributes
+  );
   match.attributes = {
     ...match.attributes,
     ...retainedBlockAttributes
   };
 };
-
-/**
- * By providing the selected blocks and pattern's blocks
- * find the matching blocks, transform them and return them.
- * If not all selected blocks are matched, return nothing.
- *
- * @param {WPBlock[]} selectedBlocks The selected blocks.
- * @param {WPBlock[]} patternBlocks  The pattern's blocks.
- * @return {WPBlock[]|void} The transformed pattern's blocks or undefined if not all selected blocks have been matched.
- */
-export const getPatternTransformedBlocks = (selectedBlocks, patternBlocks) => {
-  // Clone Pattern's blocks to produce new clientIds and be able to mutate the matches.
-  const _patternBlocks = patternBlocks.map(block => cloneBlock(block));
-  /**
-   * Keep track of the consumed pattern blocks.
-   * This is needed because we loop the selected blocks
-   * and for example we may have selected two paragraphs and
-   * the pattern's blocks could have more `paragraphs`.
-   */
-  const consumedBlocks = new Set();
+const getPatternTransformedBlocks = (selectedBlocks, patternBlocks) => {
+  const _patternBlocks = patternBlocks.map(
+    (block) => cloneBlock(block)
+  );
+  const consumedBlocks = /* @__PURE__ */ new Set();
   for (const selectedBlock of selectedBlocks) {
     let isMatch = false;
     for (const patternBlock of _patternBlocks) {
-      const match = getMatchingBlockByName(patternBlock, selectedBlock.name, consumedBlocks);
+      const match = getMatchingBlockByName(
+        patternBlock,
+        selectedBlock.name,
+        consumedBlocks
+      );
       if (!match) {
         continue;
       }
       isMatch = true;
       consumedBlocks.add(match.clientId);
-      // We update (mutate) the matching pattern block.
       transformMatchingBlock(match, selectedBlock);
-      // No need to loop through other pattern's blocks.
       break;
     }
-    // Bail early if a selected block has not been matched.
     if (!isMatch) {
       return;
     }
   }
   return _patternBlocks;
 };
-
-/**
- * @typedef {WPBlockPattern & {transformedBlocks: WPBlock[]}} TransformedBlockPattern
- */
-
-/**
- * Custom hook that accepts patterns from state and the selected
- * blocks and tries to match these with the pattern's blocks.
- * If all selected blocks are matched with a Pattern's block,
- * we transform them by retaining block's attributes with `role:content`.
- * The transformed pattern's blocks are set to a new pattern
- * property `transformedBlocks`.
- *
- * @param {WPBlockPattern[]} patterns       Patterns from state.
- * @param {WPBlock[]}        selectedBlocks The currently selected blocks.
- * @return {TransformedBlockPattern[]} Returns the eligible matched patterns with all the selected blocks.
- */
 const useTransformedPatterns = (patterns, selectedBlocks) => {
-  return useMemo(() => patterns.reduce((accumulator, _pattern) => {
-    const transformedBlocks = getPatternTransformedBlocks(selectedBlocks, _pattern.blocks);
-    if (transformedBlocks) {
-      accumulator.push({
-        ..._pattern,
-        transformedBlocks
-      });
-    }
-    return accumulator;
-  }, []), [patterns, selectedBlocks]);
+  return useMemo(
+    () => patterns.reduce((accumulator, _pattern) => {
+      const transformedBlocks = getPatternTransformedBlocks(
+        selectedBlocks,
+        _pattern.blocks
+      );
+      if (transformedBlocks) {
+        accumulator.push({
+          ..._pattern,
+          transformedBlocks
+        });
+      }
+      return accumulator;
+    }, []),
+    [patterns, selectedBlocks]
+  );
+};
+var use_transformed_patterns_default = useTransformedPatterns;
+export {
+  use_transformed_patterns_default as default,
+  getPatternTransformedBlocks,
+  transformMatchingBlock
 };
-export default useTransformedPatterns;
-//# sourceMappingURL=use-transformed-patterns.js.map
+//# sourceMappingURL=use-transformed-patterns.js.map

package/build-module/components/block-switcher/use-transformed-patterns.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","cloneBlock","getMatchingBlockByName","getRetainedBlockAttributes","transformMatchingBlock","match","selectedBlock","retainedBlockAttributes","name","attributes","getPatternTransformedBlocks","selectedBlocks","patternBlocks","_patternBlocks","map","block","consumedBlocks","Set","isMatch","patternBlock","add","clientId","useTransformedPatterns","patterns","reduce","accumulator","_pattern","transformedBlocks","blocks","push"],"sources":["@wordpress/block-editor/src/components/block-switcher/use-transformed-patterns.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { getMatchingBlockByName, getRetainedBlockAttributes } from './utils';\n\n/**\n * Mutate the matched block's attributes by getting\n * which block type's attributes to retain and prioritize\n * them in the merging of the attributes.\n *\n * @param {WPBlock} match         The matched block.\n * @param {WPBlock} selectedBlock The selected block.\n * @return {void}\n */\nexport const transformMatchingBlock = ( match, selectedBlock ) => {\n\t// Get the block attributes to retain through the transformation.\n\tconst retainedBlockAttributes = getRetainedBlockAttributes(\n\t\tselectedBlock.name,\n\t\tselectedBlock.attributes\n\t);\n\tmatch.attributes = {\n\t\t...match.attributes,\n\t\t...retainedBlockAttributes,\n\t};\n};\n\n/**\n * By providing the selected blocks and pattern's blocks\n * find the matching blocks, transform them and return them.\n * If not all selected blocks are matched, return nothing.\n *\n * @param {WPBlock[]} selectedBlocks The selected blocks.\n * @param {WPBlock[]} patternBlocks  The pattern's blocks.\n * @return {WPBlock[]|void} The transformed pattern's blocks or undefined if not all selected blocks have been matched.\n */\nexport const getPatternTransformedBlocks = (\n\tselectedBlocks,\n\tpatternBlocks\n) => {\n\t// Clone Pattern's blocks to produce new clientIds and be able to mutate the matches.\n\tconst _patternBlocks = patternBlocks.map( ( block ) =>\n\t\tcloneBlock( block )\n\t);\n\t/**\n\t * Keep track of the consumed pattern blocks.\n\t * This is needed because we loop the selected blocks\n\t * and for example we may have selected two paragraphs and\n\t * the pattern's blocks could have more `paragraphs`.\n\t */\n\tconst consumedBlocks = new Set();\n\tfor ( const selectedBlock of selectedBlocks ) {\n\t\tlet isMatch = false;\n\t\tfor ( const patternBlock of _patternBlocks ) {\n\t\t\tconst match = getMatchingBlockByName(\n\t\t\t\tpatternBlock,\n\t\t\t\tselectedBlock.name,\n\t\t\t\tconsumedBlocks\n\t\t\t);\n\t\t\tif ( ! match ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tisMatch = true;\n\t\t\tconsumedBlocks.add( match.clientId );\n\t\t\t// We update (mutate) the matching pattern block.\n\t\t\ttransformMatchingBlock( match, selectedBlock );\n\t\t\t// No need to loop through other pattern's blocks.\n\t\t\tbreak;\n\t\t}\n\t\t// Bail early if a selected block has not been matched.\n\t\tif ( ! isMatch ) {\n\t\t\treturn;\n\t\t}\n\t}\n\treturn _patternBlocks;\n};\n\n/**\n * @typedef {WPBlockPattern & {transformedBlocks: WPBlock[]}} TransformedBlockPattern\n */\n\n/**\n * Custom hook that accepts patterns from state and the selected\n * blocks and tries to match these with the pattern's blocks.\n * If all selected blocks are matched with a Pattern's block,\n * we transform them by retaining block's attributes with `role:content`.\n * The transformed pattern's blocks are set to a new pattern\n * property `transformedBlocks`.\n *\n * @param {WPBlockPattern[]} patterns       Patterns from state.\n * @param {WPBlock[]}        selectedBlocks The currently selected blocks.\n * @return {TransformedBlockPattern[]} Returns the eligible matched patterns with all the selected blocks.\n */\nconst useTransformedPatterns = ( patterns, selectedBlocks ) => {\n\treturn useMemo(\n\t\t() =>\n\t\t\tpatterns.reduce( ( accumulator, _pattern ) => {\n\t\t\t\tconst transformedBlocks = getPatternTransformedBlocks(\n\t\t\t\t\tselectedBlocks,\n\t\t\t\t\t_pattern.blocks\n\t\t\t\t);\n\t\t\t\tif ( transformedBlocks ) {\n\t\t\t\t\taccumulator.push( {\n\t\t\t\t\t\t..._pattern,\n\t\t\t\t\t\ttransformedBlocks,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t}, [] ),\n\t\t[ patterns, selectedBlocks ]\n\t);\n};\n\nexport default useTransformedPatterns;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,UAAU,QAAQ,mBAAmB;;AAE9C;AACA;AACA;AACA,SAASC,sBAAsB,EAAEC,0BAA0B,QAAQ,SAAS;;AAE5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAEC,KAAK,EAAEC,aAAa,KAAM;EACjE;EACA,MAAMC,uBAAuB,GAAGJ,0BAA0B,CACzDG,aAAa,CAACE,IAAI,EAClBF,aAAa,CAACG,UACf,CAAC;EACDJ,KAAK,CAACI,UAAU,GAAG;IAClB,GAAGJ,KAAK,CAACI,UAAU;IACnB,GAAGF;EACJ,CAAC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,2BAA2B,GAAGA,CAC1CC,cAAc,EACdC,aAAa,KACT;EACJ;EACA,MAAMC,cAAc,GAAGD,aAAa,CAACE,GAAG,CAAIC,KAAK,IAChDd,UAAU,CAAEc,KAAM,CACnB,CAAC;EACD;AACD;AACA;AACA;AACA;AACA;EACC,MAAMC,cAAc,GAAG,IAAIC,GAAG,CAAC,CAAC;EAChC,KAAM,MAAMX,aAAa,IAAIK,cAAc,EAAG;IAC7C,IAAIO,OAAO,GAAG,KAAK;IACnB,KAAM,MAAMC,YAAY,IAAIN,cAAc,EAAG;MAC5C,MAAMR,KAAK,GAAGH,sBAAsB,CACnCiB,YAAY,EACZb,aAAa,CAACE,IAAI,EAClBQ,cACD,CAAC;MACD,IAAK,CAAEX,KAAK,EAAG;QACd;MACD;MACAa,OAAO,GAAG,IAAI;MACdF,cAAc,CAACI,GAAG,CAAEf,KAAK,CAACgB,QAAS,CAAC;MACpC;MACAjB,sBAAsB,CAAEC,KAAK,EAAEC,aAAc,CAAC;MAC9C;MACA;IACD;IACA;IACA,IAAK,CAAEY,OAAO,EAAG;MAChB;IACD;EACD;EACA,OAAOL,cAAc;AACtB,CAAC;;AAED;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMS,sBAAsB,GAAGA,CAAEC,QAAQ,EAAEZ,cAAc,KAAM;EAC9D,OAAOX,OAAO,CACb,MACCuB,QAAQ,CAACC,MAAM,CAAE,CAAEC,WAAW,EAAEC,QAAQ,KAAM;IAC7C,MAAMC,iBAAiB,GAAGjB,2BAA2B,CACpDC,cAAc,EACde,QAAQ,CAACE,MACV,CAAC;IACD,IAAKD,iBAAiB,EAAG;MACxBF,WAAW,CAACI,IAAI,CAAE;QACjB,GAAGH,QAAQ;QACXC;MACD,CAAE,CAAC;IACJ;IACA,OAAOF,WAAW;EACnB,CAAC,EAAE,EAAG,CAAC,EACR,CAAEF,QAAQ,EAAEZ,cAAc,CAC3B,CAAC;AACF,CAAC;AAED,eAAeW,sBAAsB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-switcher/use-transformed-patterns.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { getMatchingBlockByName, getRetainedBlockAttributes } from './utils';\n\n/**\n * Mutate the matched block's attributes by getting\n * which block type's attributes to retain and prioritize\n * them in the merging of the attributes.\n *\n * @param {WPBlock} match         The matched block.\n * @param {WPBlock} selectedBlock The selected block.\n * @return {void}\n */\nexport const transformMatchingBlock = ( match, selectedBlock ) => {\n\t// Get the block attributes to retain through the transformation.\n\tconst retainedBlockAttributes = getRetainedBlockAttributes(\n\t\tselectedBlock.name,\n\t\tselectedBlock.attributes\n\t);\n\tmatch.attributes = {\n\t\t...match.attributes,\n\t\t...retainedBlockAttributes,\n\t};\n};\n\n/**\n * By providing the selected blocks and pattern's blocks\n * find the matching blocks, transform them and return them.\n * If not all selected blocks are matched, return nothing.\n *\n * @param {WPBlock[]} selectedBlocks The selected blocks.\n * @param {WPBlock[]} patternBlocks  The pattern's blocks.\n * @return {WPBlock[]|void} The transformed pattern's blocks or undefined if not all selected blocks have been matched.\n */\nexport const getPatternTransformedBlocks = (\n\tselectedBlocks,\n\tpatternBlocks\n) => {\n\t// Clone Pattern's blocks to produce new clientIds and be able to mutate the matches.\n\tconst _patternBlocks = patternBlocks.map( ( block ) =>\n\t\tcloneBlock( block )\n\t);\n\t/**\n\t * Keep track of the consumed pattern blocks.\n\t * This is needed because we loop the selected blocks\n\t * and for example we may have selected two paragraphs and\n\t * the pattern's blocks could have more `paragraphs`.\n\t */\n\tconst consumedBlocks = new Set();\n\tfor ( const selectedBlock of selectedBlocks ) {\n\t\tlet isMatch = false;\n\t\tfor ( const patternBlock of _patternBlocks ) {\n\t\t\tconst match = getMatchingBlockByName(\n\t\t\t\tpatternBlock,\n\t\t\t\tselectedBlock.name,\n\t\t\t\tconsumedBlocks\n\t\t\t);\n\t\t\tif ( ! match ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tisMatch = true;\n\t\t\tconsumedBlocks.add( match.clientId );\n\t\t\t// We update (mutate) the matching pattern block.\n\t\t\ttransformMatchingBlock( match, selectedBlock );\n\t\t\t// No need to loop through other pattern's blocks.\n\t\t\tbreak;\n\t\t}\n\t\t// Bail early if a selected block has not been matched.\n\t\tif ( ! isMatch ) {\n\t\t\treturn;\n\t\t}\n\t}\n\treturn _patternBlocks;\n};\n\n/**\n * @typedef {WPBlockPattern & {transformedBlocks: WPBlock[]}} TransformedBlockPattern\n */\n\n/**\n * Custom hook that accepts patterns from state and the selected\n * blocks and tries to match these with the pattern's blocks.\n * If all selected blocks are matched with a Pattern's block,\n * we transform them by retaining block's attributes with `role:content`.\n * The transformed pattern's blocks are set to a new pattern\n * property `transformedBlocks`.\n *\n * @param {WPBlockPattern[]} patterns       Patterns from state.\n * @param {WPBlock[]}        selectedBlocks The currently selected blocks.\n * @return {TransformedBlockPattern[]} Returns the eligible matched patterns with all the selected blocks.\n */\nconst useTransformedPatterns = ( patterns, selectedBlocks ) => {\n\treturn useMemo(\n\t\t() =>\n\t\t\tpatterns.reduce( ( accumulator, _pattern ) => {\n\t\t\t\tconst transformedBlocks = getPatternTransformedBlocks(\n\t\t\t\t\tselectedBlocks,\n\t\t\t\t\t_pattern.blocks\n\t\t\t\t);\n\t\t\t\tif ( transformedBlocks ) {\n\t\t\t\t\taccumulator.push( {\n\t\t\t\t\t\t..._pattern,\n\t\t\t\t\t\ttransformedBlocks,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t}, [] ),\n\t\t[ patterns, selectedBlocks ]\n\t);\n};\n\nexport default useTransformedPatterns;\n"],
+  "mappings": "AAGA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAK3B,SAAS,wBAAwB,kCAAkC;AAW5D,MAAM,yBAAyB,CAAE,OAAO,kBAAmB;AAEjE,QAAM,0BAA0B;AAAA,IAC/B,cAAc;AAAA,IACd,cAAc;AAAA,EACf;AACA,QAAM,aAAa;AAAA,IAClB,GAAG,MAAM;AAAA,IACT,GAAG;AAAA,EACJ;AACD;AAWO,MAAM,8BAA8B,CAC1C,gBACA,kBACI;AAEJ,QAAM,iBAAiB,cAAc;AAAA,IAAK,CAAE,UAC3C,WAAY,KAAM;AAAA,EACnB;AAOA,QAAM,iBAAiB,oBAAI,IAAI;AAC/B,aAAY,iBAAiB,gBAAiB;AAC7C,QAAI,UAAU;AACd,eAAY,gBAAgB,gBAAiB;AAC5C,YAAM,QAAQ;AAAA,QACb;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MACD;AACA,UAAK,CAAE,OAAQ;AACd;AAAA,MACD;AACA,gBAAU;AACV,qBAAe,IAAK,MAAM,QAAS;AAEnC,6BAAwB,OAAO,aAAc;AAE7C;AAAA,IACD;AAEA,QAAK,CAAE,SAAU;AAChB;AAAA,IACD;AAAA,EACD;AACA,SAAO;AACR;AAkBA,MAAM,yBAAyB,CAAE,UAAU,mBAAoB;AAC9D,SAAO;AAAA,IACN,MACC,SAAS,OAAQ,CAAE,aAAa,aAAc;AAC7C,YAAM,oBAAoB;AAAA,QACzB;AAAA,QACA,SAAS;AAAA,MACV;AACA,UAAK,mBAAoB;AACxB,oBAAY,KAAM;AAAA,UACjB,GAAG;AAAA,UACH;AAAA,QACD,CAAE;AAAA,MACH;AACA,aAAO;AAAA,IACR,GAAG,CAAC,CAAE;AAAA,IACP,CAAE,UAAU,cAAe;AAAA,EAC5B;AACD;AAEA,IAAO,mCAAQ;",
+  "names": []
+}

package/build-module/components/block-switcher/utils.js

@@ -1,54 +1,25 @@
-/**
- * WordPress dependencies
- */
-import { getBlockAttributesNamesByRole } from '@wordpress/blocks';
-
-/**
- * Try to find a matching block by a block's name in a provided
- * block. We recurse through InnerBlocks and return the reference
- * of the matched block (it could be an InnerBlock).
- * If no match is found return nothing.
- *
- * @param {WPBlock} block             The block to try to find a match.
- * @param {string}  selectedBlockName The block's name to use for matching condition.
- * @param {Set}     consumedBlocks    A set holding the previously matched/consumed blocks.
- *
- * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).
- */
-export const getMatchingBlockByName = (block, selectedBlockName, consumedBlocks = new Set()) => {
-  const {
-    clientId,
-    name,
-    innerBlocks = []
-  } = block;
-  // Check if block has been consumed already.
+import { getBlockAttributesNamesByRole } from "@wordpress/blocks";
+const getMatchingBlockByName = (block, selectedBlockName, consumedBlocks = /* @__PURE__ */ new Set()) => {
+  const { clientId, name, innerBlocks = [] } = block;
   if (consumedBlocks.has(clientId)) {
     return;
   }
   if (name === selectedBlockName) {
     return block;
   }
-  // Try to find a matching block from InnerBlocks recursively.
   for (const innerBlock of innerBlocks) {
-    const match = getMatchingBlockByName(innerBlock, selectedBlockName, consumedBlocks);
+    const match = getMatchingBlockByName(
+      innerBlock,
+      selectedBlockName,
+      consumedBlocks
+    );
     if (match) {
       return match;
     }
   }
 };
-
-/**
- * Find and return the block attributes to retain through
- * the transformation, based on Block Type's `role:content`
- * attributes. If no `role:content` attributes exist,
- * return selected block's attributes.
- *
- * @param {string} name       Block type's namespaced name.
- * @param {Object} attributes Selected block's attributes.
- * @return {Object} The block's attributes to retain.
- */
-export const getRetainedBlockAttributes = (name, attributes) => {
-  const contentAttributes = getBlockAttributesNamesByRole(name, 'content');
+const getRetainedBlockAttributes = (name, attributes) => {
+  const contentAttributes = getBlockAttributesNamesByRole(name, "content");
   if (!contentAttributes?.length) {
     return attributes;
   }
@@ -59,4 +30,8 @@ export const getRetainedBlockAttributes = (name, attributes) => {
     return _accumulator;
   }, {});
 };
-//# sourceMappingURL=utils.js.map
+export {
+  getMatchingBlockByName,
+  getRetainedBlockAttributes
+};
+//# sourceMappingURL=utils.js.map

package/build-module/components/block-switcher/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getBlockAttributesNamesByRole","getMatchingBlockByName","block","selectedBlockName","consumedBlocks","Set","clientId","name","innerBlocks","has","innerBlock","match","getRetainedBlockAttributes","attributes","contentAttributes","length","reduce","_accumulator","attribute"],"sources":["@wordpress/block-editor/src/components/block-switcher/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockAttributesNamesByRole } from '@wordpress/blocks';\n\n/**\n * Try to find a matching block by a block's name in a provided\n * block. We recurse through InnerBlocks and return the reference\n * of the matched block (it could be an InnerBlock).\n * If no match is found return nothing.\n *\n * @param {WPBlock} block             The block to try to find a match.\n * @param {string}  selectedBlockName The block's name to use for matching condition.\n * @param {Set}     consumedBlocks    A set holding the previously matched/consumed blocks.\n *\n * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).\n */\nexport const getMatchingBlockByName = (\n\tblock,\n\tselectedBlockName,\n\tconsumedBlocks = new Set()\n) => {\n\tconst { clientId, name, innerBlocks = [] } = block;\n\t// Check if block has been consumed already.\n\tif ( consumedBlocks.has( clientId ) ) {\n\t\treturn;\n\t}\n\tif ( name === selectedBlockName ) {\n\t\treturn block;\n\t}\n\t// Try to find a matching block from InnerBlocks recursively.\n\tfor ( const innerBlock of innerBlocks ) {\n\t\tconst match = getMatchingBlockByName(\n\t\t\tinnerBlock,\n\t\t\tselectedBlockName,\n\t\t\tconsumedBlocks\n\t\t);\n\t\tif ( match ) {\n\t\t\treturn match;\n\t\t}\n\t}\n};\n\n/**\n * Find and return the block attributes to retain through\n * the transformation, based on Block Type's `role:content`\n * attributes. If no `role:content` attributes exist,\n * return selected block's attributes.\n *\n * @param {string} name       Block type's namespaced name.\n * @param {Object} attributes Selected block's attributes.\n * @return {Object} The block's attributes to retain.\n */\nexport const getRetainedBlockAttributes = ( name, attributes ) => {\n\tconst contentAttributes = getBlockAttributesNamesByRole( name, 'content' );\n\tif ( ! contentAttributes?.length ) {\n\t\treturn attributes;\n\t}\n\n\treturn contentAttributes.reduce( ( _accumulator, attribute ) => {\n\t\tif ( attributes[ attribute ] ) {\n\t\t\t_accumulator[ attribute ] = attributes[ attribute ];\n\t\t}\n\t\treturn _accumulator;\n\t}, {} );\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,6BAA6B,QAAQ,mBAAmB;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CACrCC,KAAK,EACLC,iBAAiB,EACjBC,cAAc,GAAG,IAAIC,GAAG,CAAC,CAAC,KACtB;EACJ,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,WAAW,GAAG;EAAG,CAAC,GAAGN,KAAK;EAClD;EACA,IAAKE,cAAc,CAACK,GAAG,CAAEH,QAAS,CAAC,EAAG;IACrC;EACD;EACA,IAAKC,IAAI,KAAKJ,iBAAiB,EAAG;IACjC,OAAOD,KAAK;EACb;EACA;EACA,KAAM,MAAMQ,UAAU,IAAIF,WAAW,EAAG;IACvC,MAAMG,KAAK,GAAGV,sBAAsB,CACnCS,UAAU,EACVP,iBAAiB,EACjBC,cACD,CAAC;IACD,IAAKO,KAAK,EAAG;MACZ,OAAOA,KAAK;IACb;EACD;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAGA,CAAEL,IAAI,EAAEM,UAAU,KAAM;EACjE,MAAMC,iBAAiB,GAAGd,6BAA6B,CAAEO,IAAI,EAAE,SAAU,CAAC;EAC1E,IAAK,CAAEO,iBAAiB,EAAEC,MAAM,EAAG;IAClC,OAAOF,UAAU;EAClB;EAEA,OAAOC,iBAAiB,CAACE,MAAM,CAAE,CAAEC,YAAY,EAAEC,SAAS,KAAM;IAC/D,IAAKL,UAAU,CAAEK,SAAS,CAAE,EAAG;MAC9BD,YAAY,CAAEC,SAAS,CAAE,GAAGL,UAAU,CAAEK,SAAS,CAAE;IACpD;IACA,OAAOD,YAAY;EACpB,CAAC,EAAE,CAAC,CAAE,CAAC;AACR,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-switcher/utils.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockAttributesNamesByRole } from '@wordpress/blocks';\n\n/**\n * Try to find a matching block by a block's name in a provided\n * block. We recurse through InnerBlocks and return the reference\n * of the matched block (it could be an InnerBlock).\n * If no match is found return nothing.\n *\n * @param {WPBlock} block             The block to try to find a match.\n * @param {string}  selectedBlockName The block's name to use for matching condition.\n * @param {Set}     consumedBlocks    A set holding the previously matched/consumed blocks.\n *\n * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).\n */\nexport const getMatchingBlockByName = (\n\tblock,\n\tselectedBlockName,\n\tconsumedBlocks = new Set()\n) => {\n\tconst { clientId, name, innerBlocks = [] } = block;\n\t// Check if block has been consumed already.\n\tif ( consumedBlocks.has( clientId ) ) {\n\t\treturn;\n\t}\n\tif ( name === selectedBlockName ) {\n\t\treturn block;\n\t}\n\t// Try to find a matching block from InnerBlocks recursively.\n\tfor ( const innerBlock of innerBlocks ) {\n\t\tconst match = getMatchingBlockByName(\n\t\t\tinnerBlock,\n\t\t\tselectedBlockName,\n\t\t\tconsumedBlocks\n\t\t);\n\t\tif ( match ) {\n\t\t\treturn match;\n\t\t}\n\t}\n};\n\n/**\n * Find and return the block attributes to retain through\n * the transformation, based on Block Type's `role:content`\n * attributes. If no `role:content` attributes exist,\n * return selected block's attributes.\n *\n * @param {string} name       Block type's namespaced name.\n * @param {Object} attributes Selected block's attributes.\n * @return {Object} The block's attributes to retain.\n */\nexport const getRetainedBlockAttributes = ( name, attributes ) => {\n\tconst contentAttributes = getBlockAttributesNamesByRole( name, 'content' );\n\tif ( ! contentAttributes?.length ) {\n\t\treturn attributes;\n\t}\n\n\treturn contentAttributes.reduce( ( _accumulator, attribute ) => {\n\t\tif ( attributes[ attribute ] ) {\n\t\t\t_accumulator[ attribute ] = attributes[ attribute ];\n\t\t}\n\t\treturn _accumulator;\n\t}, {} );\n};\n"],
+  "mappings": "AAGA,SAAS,qCAAqC;AAcvC,MAAM,yBAAyB,CACrC,OACA,mBACA,iBAAiB,oBAAI,IAAI,MACrB;AACJ,QAAM,EAAE,UAAU,MAAM,cAAc,CAAC,EAAE,IAAI;AAE7C,MAAK,eAAe,IAAK,QAAS,GAAI;AACrC;AAAA,EACD;AACA,MAAK,SAAS,mBAAoB;AACjC,WAAO;AAAA,EACR;AAEA,aAAY,cAAc,aAAc;AACvC,UAAM,QAAQ;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACD;AACA,QAAK,OAAQ;AACZ,aAAO;AAAA,IACR;AAAA,EACD;AACD;AAYO,MAAM,6BAA6B,CAAE,MAAM,eAAgB;AACjE,QAAM,oBAAoB,8BAA+B,MAAM,SAAU;AACzE,MAAK,CAAE,mBAAmB,QAAS;AAClC,WAAO;AAAA,EACR;AAEA,SAAO,kBAAkB,OAAQ,CAAE,cAAc,cAAe;AAC/D,QAAK,WAAY,SAAU,GAAI;AAC9B,mBAAc,SAAU,IAAI,WAAY,SAAU;AAAA,IACnD;AACA,WAAO;AAAA,EACR,GAAG,CAAC,CAAE;AACP;",
+  "names": []
+}