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

package/build/components/block-pattern-setup/use-patterns-setup.js

@@ -1,32 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_patterns_setup_exports = {};
+__export(use_patterns_setup_exports, {
+  default: () => use_patterns_setup_default
 });
-exports.default = void 0;
-var _data = require("@wordpress/data");
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_patterns_setup_exports);
+var import_data = require("@wordpress/data");
+var import_store = require("../../store");
 function usePatternsSetup(clientId, blockName, filterPatternsFn) {
-  return (0, _data.useSelect)(select => {
-    const {
-      getBlockRootClientId,
-      getPatternsByBlockTypes,
-      __experimentalGetAllowedPatterns
-    } = select(_store.store);
-    const rootClientId = getBlockRootClientId(clientId);
-    if (filterPatternsFn) {
-      return __experimentalGetAllowedPatterns(rootClientId).filter(filterPatternsFn);
-    }
-    return getPatternsByBlockTypes(blockName, rootClientId);
-  }, [clientId, blockName, filterPatternsFn]);
+  return (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlockRootClientId,
+        getPatternsByBlockTypes,
+        __experimentalGetAllowedPatterns
+      } = select(import_store.store);
+      const rootClientId = getBlockRootClientId(clientId);
+      if (filterPatternsFn) {
+        return __experimentalGetAllowedPatterns(rootClientId).filter(
+          filterPatternsFn
+        );
+      }
+      return getPatternsByBlockTypes(blockName, rootClientId);
+    },
+    [clientId, blockName, filterPatternsFn]
+  );
 }
-var _default = exports.default = usePatternsSetup;
-//# sourceMappingURL=use-patterns-setup.js.map
+var use_patterns_setup_default = usePatternsSetup;
+//# sourceMappingURL=use-patterns-setup.js.map

package/build/components/block-pattern-setup/use-patterns-setup.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_store","usePatternsSetup","clientId","blockName","filterPatternsFn","useSelect","select","getBlockRootClientId","getPatternsByBlockTypes","__experimentalGetAllowedPatterns","blockEditorStore","rootClientId","filter","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/use-patterns-setup.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction usePatternsSetup( clientId, blockName, filterPatternsFn ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetPatternsByBlockTypes,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tif ( filterPatternsFn ) {\n\t\t\t\treturn __experimentalGetAllowedPatterns( rootClientId ).filter(\n\t\t\t\t\tfilterPatternsFn\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn getPatternsByBlockTypes( blockName, rootClientId );\n\t\t},\n\t\t[ clientId, blockName, filterPatternsFn ]\n\t);\n}\n\nexport default usePatternsSetup;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASE,gBAAgBA,CAAEC,QAAQ,EAAEC,SAAS,EAAEC,gBAAgB,EAAG;EAClE,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MACLC,oBAAoB;MACpBC,uBAAuB;MACvBC;IACD,CAAC,GAAGH,MAAM,CAAEI,YAAiB,CAAC;IAC9B,MAAMC,YAAY,GAAGJ,oBAAoB,CAAEL,QAAS,CAAC;IACrD,IAAKE,gBAAgB,EAAG;MACvB,OAAOK,gCAAgC,CAAEE,YAAa,CAAC,CAACC,MAAM,CAC7DR,gBACD,CAAC;IACF;IACA,OAAOI,uBAAuB,CAAEL,SAAS,EAAEQ,YAAa,CAAC;EAC1D,CAAC,EACD,CAAET,QAAQ,EAAEC,SAAS,EAAEC,gBAAgB,CACxC,CAAC;AACF;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-pattern-setup/use-patterns-setup.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction usePatternsSetup( clientId, blockName, filterPatternsFn ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetPatternsByBlockTypes,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tif ( filterPatternsFn ) {\n\t\t\t\treturn __experimentalGetAllowedPatterns( rootClientId ).filter(\n\t\t\t\t\tfilterPatternsFn\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn getPatternsByBlockTypes( blockName, rootClientId );\n\t\t},\n\t\t[ clientId, blockName, filterPatternsFn ]\n\t);\n}\n\nexport default usePatternsSetup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAK1B,mBAA0C;AAE1C,SAAS,iBAAkB,UAAU,WAAW,kBAAmB;AAClE,aAAO;AAAA,IACN,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,aAAAA,KAAiB;AAC7B,YAAM,eAAe,qBAAsB,QAAS;AACpD,UAAK,kBAAmB;AACvB,eAAO,iCAAkC,YAAa,EAAE;AAAA,UACvD;AAAA,QACD;AAAA,MACD;AACA,aAAO,wBAAyB,WAAW,YAAa;AAAA,IACzD;AAAA,IACA,CAAE,UAAU,WAAW,gBAAiB;AAAA,EACzC;AACD;AAEA,IAAO,6BAAQ;",
+  "names": ["blockEditorStore"]
+}

package/build/components/block-patterns-list/index.js

@@ -1,48 +1,53 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_patterns_list_exports = {};
+__export(block_patterns_list_exports, {
+  default: () => block_patterns_list_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _blocks = require("@wordpress/blocks");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _blockPreview = _interopRequireDefault(require("../block-preview"));
-var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-draggable-blocks"));
-var _blockPatternsPaging = _interopRequireDefault(require("../block-patterns-paging"));
-var _utils = require("../inserter/block-patterns-tab/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const WithToolTip = ({
-  showTooltip,
-  title,
-  children
-}) => {
+module.exports = __toCommonJS(block_patterns_list_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_blocks = require("@wordpress/blocks");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_block_preview = __toESM(require("../block-preview"));
+var import_inserter_draggable_blocks = __toESM(require("../inserter-draggable-blocks"));
+var import_block_patterns_paging = __toESM(require("../block-patterns-paging"));
+var import_utils = require("../inserter/block-patterns-tab/utils");
+const WithToolTip = ({ showTooltip, title, children }) => {
   if (showTooltip) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-      text: title,
-      children: children
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: title, children });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
 };
 function BlockPattern({
   id,
@@ -54,112 +59,128 @@ function BlockPattern({
   category,
   isSelected
 }) {
-  const [isDragging, setIsDragging] = (0, _element.useState)(false);
-  const {
-    blocks,
-    viewportWidth
-  } = pattern;
-  const instanceId = (0, _compose.useInstanceId)(BlockPattern);
+  const [isDragging, setIsDragging] = (0, import_element.useState)(false);
+  const { blocks, viewportWidth } = pattern;
+  const instanceId = (0, import_compose.useInstanceId)(BlockPattern);
   const descriptionId = `block-editor-block-patterns-list__item-description-${instanceId}`;
-  const isUserPattern = pattern.type === _utils.INSERTER_PATTERN_TYPES.user;
-
-  // When we have a selected category and the pattern is draggable, we need to update the
-  // pattern's categories in metadata to only contain the selected category, and pass this to
-  // InserterDraggableBlocks component. We do that because we use this information for pattern
-  // shuffling and it makes more sense to show only the ones from the initially selected category during insertion.
-  const patternBlocks = (0, _element.useMemo)(() => {
+  const isUserPattern = pattern.type === import_utils.INSERTER_PATTERN_TYPES.user;
+  const patternBlocks = (0, import_element.useMemo)(() => {
     if (!category || !isDraggable) {
       return blocks;
     }
-    return (blocks !== null && blocks !== void 0 ? blocks : []).map(block => {
-      const clonedBlock = (0, _blocks.cloneBlock)(block);
-      if (clonedBlock.attributes.metadata?.categories?.includes(category)) {
+    return (blocks ?? []).map((block) => {
+      const clonedBlock = (0, import_blocks.cloneBlock)(block);
+      if (clonedBlock.attributes.metadata?.categories?.includes(
+        category
+      )) {
         clonedBlock.attributes.metadata.categories = [category];
       }
       return clonedBlock;
     });
   }, [blocks, isDraggable, category]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterDraggableBlocks.default, {
-    isEnabled: isDraggable,
-    blocks: patternBlocks,
-    pattern: pattern,
-    children: ({
-      draggable,
-      onDragStart,
-      onDragEnd
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-block-patterns-list__list-item",
-      draggable: draggable,
-      onDragStart: event => {
-        setIsDragging(true);
-        if (onDragStart) {
-          onHover?.(null);
-          onDragStart(event);
-        }
-      },
-      onDragEnd: event => {
-        setIsDragging(false);
-        if (onDragEnd) {
-          onDragEnd(event);
-        }
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WithToolTip, {
-        showTooltip: showTitlesAsTooltip && !isUserPattern,
-        title: pattern.title,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Item, {
-          render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            role: "option",
-            "aria-label": pattern.title,
-            "aria-describedby": pattern.description ? descriptionId : undefined,
-            className: (0, _clsx.default)('block-editor-block-patterns-list__item', {
-              'block-editor-block-patterns-list__list-item-synced': pattern.type === _utils.INSERTER_PATTERN_TYPES.user && !pattern.syncStatus,
-              'is-selected': isSelected
-            })
-          }),
-          id: id,
-          onClick: () => {
-            onClick(pattern, blocks);
-            onHover?.(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_inserter_draggable_blocks.default,
+    {
+      isEnabled: isDraggable,
+      blocks: patternBlocks,
+      pattern,
+      children: ({ draggable, onDragStart, onDragEnd }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "block-editor-block-patterns-list__list-item",
+          draggable,
+          onDragStart: (event) => {
+            setIsDragging(true);
+            if (onDragStart) {
+              onHover?.(null);
+              onDragStart(event);
+            }
           },
-          onMouseEnter: () => {
-            if (isDragging) {
-              return;
+          onDragEnd: (event) => {
+            setIsDragging(false);
+            if (onDragEnd) {
+              onDragEnd(event);
             }
-            onHover?.(pattern);
           },
-          onMouseLeave: () => onHover?.(null),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default.Async, {
-            placeholder: /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPatternPlaceholder, {}),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
-              blocks: blocks,
-              viewportWidth: viewportWidth
-            })
-          }), (!showTitlesAsTooltip || isUserPattern) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-            className: "block-editor-patterns__pattern-details",
-            spacing: 2,
-            children: [isUserPattern && !pattern.syncStatus && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "block-editor-patterns__pattern-icon-wrapper",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-                className: "block-editor-patterns__pattern-icon",
-                icon: _icons.symbol
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "block-editor-block-patterns-list__item-title",
-              children: pattern.title
-            })]
-          }), !!pattern.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-            id: descriptionId,
-            children: pattern.description
-          })]
-        })
-      })
-    })
-  });
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            WithToolTip,
+            {
+              showTooltip: showTitlesAsTooltip && !isUserPattern,
+              title: pattern.title,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_components.Composite.Item,
+                {
+                  render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      role: "option",
+                      "aria-label": pattern.title,
+                      "aria-describedby": pattern.description ? descriptionId : void 0,
+                      className: (0, import_clsx.default)(
+                        "block-editor-block-patterns-list__item",
+                        {
+                          "block-editor-block-patterns-list__list-item-synced": pattern.type === import_utils.INSERTER_PATTERN_TYPES.user && !pattern.syncStatus,
+                          "is-selected": isSelected
+                        }
+                      )
+                    }
+                  ),
+                  id,
+                  onClick: () => {
+                    onClick(pattern, blocks);
+                    onHover?.(null);
+                  },
+                  onMouseEnter: () => {
+                    if (isDragging) {
+                      return;
+                    }
+                    onHover?.(pattern);
+                  },
+                  onMouseLeave: () => onHover?.(null),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_block_preview.default.Async,
+                      {
+                        placeholder: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockPatternPlaceholder, {}),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          import_block_preview.default,
+                          {
+                            blocks,
+                            viewportWidth
+                          }
+                        )
+                      }
+                    ),
+                    (!showTitlesAsTooltip || isUserPattern) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      import_components.__experimentalHStack,
+                      {
+                        className: "block-editor-patterns__pattern-details",
+                        spacing: 2,
+                        children: [
+                          isUserPattern && !pattern.syncStatus && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-patterns__pattern-icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            import_icons.Icon,
+                            {
+                              className: "block-editor-patterns__pattern-icon",
+                              icon: import_icons.symbol
+                            }
+                          ) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-patterns-list__item-title", children: pattern.title })
+                        ]
+                      }
+                    ),
+                    !!pattern.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { id: descriptionId, children: pattern.description })
+                  ]
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
 }
 function BlockPatternPlaceholder() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "block-editor-block-patterns-list__item is-placeholder"
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-patterns-list__item is-placeholder" });
 }
 function BlockPatternsList({
   isDraggable,
@@ -167,18 +188,14 @@ function BlockPatternsList({
   onHover,
   onClickPattern,
   orientation,
-  label = (0, _i18n.__)('Block patterns'),
+  label = (0, import_i18n.__)("Block patterns"),
   category,
   showTitlesAsTooltip,
   pagingProps
 }, ref) {
-  const [activeCompositeId, setActiveCompositeId] = (0, _element.useState)(undefined);
-  const [activePattern, setActivePattern] = (0, _element.useState)(null); // State to track active pattern
-
-  (0, _element.useEffect)(() => {
-    // Reset the active composite item whenever the available patterns change,
-    // to make sure that Composite widget can receive focus correctly when its
-    // composite items change. The first composite item will receive focus.
+  const [activeCompositeId, setActiveCompositeId] = (0, import_element.useState)(void 0);
+  const [activePattern, setActivePattern] = (0, import_element.useState)(null);
+  (0, import_element.useEffect)(() => {
     const firstCompositeItemId = blockPatterns[0]?.name;
     setActiveCompositeId(firstCompositeItemId);
   }, [blockPatterns]);
@@ -186,27 +203,35 @@ function BlockPatternsList({
     setActivePattern(pattern.name);
     onClickPattern(pattern, blocks);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite, {
-    orientation: orientation,
-    activeId: activeCompositeId,
-    setActiveId: setActiveCompositeId,
-    role: "listbox",
-    className: "block-editor-block-patterns-list",
-    "aria-label": label,
-    ref: ref,
-    children: [blockPatterns.map(pattern => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPattern, {
-      id: pattern.name,
-      pattern: pattern,
-      onClick: handleClickPattern,
-      onHover: onHover,
-      isDraggable: isDraggable,
-      showTitlesAsTooltip: showTitlesAsTooltip,
-      category: category,
-      isSelected: !!activePattern && activePattern === pattern.name
-    }, pattern.name)), pagingProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPatternsPaging.default, {
-      ...pagingProps
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Composite,
+    {
+      orientation,
+      activeId: activeCompositeId,
+      setActiveId: setActiveCompositeId,
+      role: "listbox",
+      className: "block-editor-block-patterns-list",
+      "aria-label": label,
+      ref,
+      children: [
+        blockPatterns.map((pattern) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          BlockPattern,
+          {
+            id: pattern.name,
+            pattern,
+            onClick: handleClickPattern,
+            onHover,
+            isDraggable,
+            showTitlesAsTooltip,
+            category,
+            isSelected: !!activePattern && activePattern === pattern.name
+          },
+          pattern.name
+        )),
+        pagingProps && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_patterns_paging.default, { ...pagingProps })
+      ]
+    }
+  );
 }
-var _default = exports.default = (0, _element.forwardRef)(BlockPatternsList);
-//# sourceMappingURL=index.js.map
+var block_patterns_list_default = (0, import_element.forwardRef)(BlockPatternsList);
+//# sourceMappingURL=index.js.map

package/build/components/block-patterns-list/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_element","_components","_compose","_i18n","_icons","_blockPreview","_inserterDraggableBlocks","_blockPatternsPaging","_utils","_jsxRuntime","WithToolTip","showTooltip","title","children","jsx","Tooltip","text","Fragment","BlockPattern","id","isDraggable","pattern","onClick","onHover","showTitlesAsTooltip","category","isSelected","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","isUserPattern","type","INSERTER_PATTERN_TYPES","user","patternBlocks","useMemo","map","block","clonedBlock","cloneBlock","attributes","metadata","categories","includes","default","isEnabled","draggable","onDragStart","onDragEnd","className","event","jsxs","Composite","Item","render","role","description","undefined","clsx","syncStatus","onMouseEnter","onMouseLeave","Async","placeholder","BlockPatternPlaceholder","__experimentalHStack","spacing","Icon","icon","symbol","VisuallyHidden","BlockPatternsList","blockPatterns","onClickPattern","orientation","label","__","pagingProps","ref","activeCompositeId","setActiveCompositeId","activePattern","setActivePattern","useEffect","firstCompositeItemId","name","handleClickPattern","activeId","setActiveId","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tComposite,\n\tVisuallyHidden,\n\tTooltip,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitlesAsTooltip,\n\tcategory,\n\tisSelected,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\tconst isUserPattern = pattern.type === INSERTER_PATTERN_TYPES.user;\n\n\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category || ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip && ! isUserPattern }\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview.Async\n\t\t\t\t\t\t\t\tplaceholder={ <BlockPatternPlaceholder /> }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t\t\t\t{ ( ! showTitlesAsTooltip || isUserPattern ) && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isUserPattern && ! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Composite.Item>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState( undefined );\n\tconst [ activePattern, setActivePattern ] = useState( null ); // State to track active pattern\n\n\tuseEffect( () => {\n\t\t// Reset the active composite item whenever the available patterns change,\n\t\t// to make sure that Composite widget can receive focus correctly when its\n\t\t// composite items change. The first composite item will receive focus.\n\t\tconst firstCompositeItemId = blockPatterns[ 0 ]?.name;\n\t\tsetActiveCompositeId( firstCompositeItemId );\n\t}, [ blockPatterns ] );\n\n\tconst handleClickPattern = ( pattern, blocks ) => {\n\t\tsetActivePattern( pattern.name );\n\t\tonClickPattern( pattern, blocks );\n\t};\n\n\treturn (\n\t\t<Composite\n\t\t\torientation={ orientation }\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tid={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonClick={ handleClickPattern }\n\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tisSelected={\n\t\t\t\t\t\t!! activePattern && activePattern === pattern.name\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-patterns-list/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tComposite,\n\tVisuallyHidden,\n\tTooltip,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitlesAsTooltip,\n\tcategory,\n\tisSelected,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\tconst isUserPattern = pattern.type === INSERTER_PATTERN_TYPES.user;\n\n\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category || ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip && ! isUserPattern }\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview.Async\n\t\t\t\t\t\t\t\tplaceholder={ <BlockPatternPlaceholder /> }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t\t\t\t{ ( ! showTitlesAsTooltip || isUserPattern ) && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isUserPattern && ! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Composite.Item>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState( undefined );\n\tconst [ activePattern, setActivePattern ] = useState( null ); // State to track active pattern\n\n\tuseEffect( () => {\n\t\t// Reset the active composite item whenever the available patterns change,\n\t\t// to make sure that Composite widget can receive focus correctly when its\n\t\t// composite items change. The first composite item will receive focus.\n\t\tconst firstCompositeItemId = blockPatterns[ 0 ]?.name;\n\t\tsetActiveCompositeId( firstCompositeItemId );\n\t}, [ blockPatterns ] );\n\n\tconst handleClickPattern = ( pattern, blocks ) => {\n\t\tsetActivePattern( pattern.name );\n\t\tonClickPattern( pattern, blocks );\n\t};\n\n\treturn (\n\t\t<Composite\n\t\t\torientation={ orientation }\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tid={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonClick={ handleClickPattern }\n\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tisSelected={\n\t\t\t\t\t\t!! activePattern && activePattern === pattern.name\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],
+  "mappings": "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",
+  "names": ["InserterDraggableBlocks", "clsx", "BlockPreview", "HStack", "BlockPatternsPaging"]
+}