@wordpress/block-editor 15.9.1-next.6deb34194.0 → 15.9.1-next.738bb1424.0

package/build/components/inserter/category-tabs/index.cjs

@@ -0,0 +1,112 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/inserter/category-tabs/index.js
+var category_tabs_exports = {};
+__export(category_tabs_exports, {
+  default: () => category_tabs_default
+});
+module.exports = __toCommonJS(category_tabs_exports);
+var import_compose = require("@wordpress/compose");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_lock_unlock = require("../../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+function CategoryTabs({
+  categories,
+  selectedCategory,
+  onSelectCategory,
+  children
+}) {
+  const ANIMATION_DURATION = 0.25;
+  const disableMotion = (0, import_compose.useReducedMotion)();
+  const defaultTransition = {
+    type: "tween",
+    duration: disableMotion ? 0 : ANIMATION_DURATION,
+    ease: [0.6, 0, 0.4, 1]
+  };
+  const previousSelectedCategory = (0, import_compose.usePrevious)(selectedCategory);
+  const selectedTabId = selectedCategory ? selectedCategory.name : null;
+  const [activeTabId, setActiveId] = (0, import_element.useState)();
+  const firstTabId = categories?.[0]?.name;
+  if (selectedTabId === null && !activeTabId && firstTabId) {
+    setActiveId(firstTabId);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Tabs,
+    {
+      selectOnMove: false,
+      selectedTabId,
+      orientation: "vertical",
+      onSelect: (categoryId) => {
+        onSelectCategory(
+          categories.find(
+            (category) => category.name === categoryId
+          )
+        );
+      },
+      activeTabId,
+      onActiveTabIdChange: setActiveId,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabList, { className: "block-editor-inserter__category-tablist", children: categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Tabs.Tab,
+          {
+            tabId: category.name,
+            "aria-current": category === selectedCategory ? "true" : void 0,
+            children: category.label
+          },
+          category.name
+        )) }),
+        categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Tabs.TabPanel,
+          {
+            tabId: category.name,
+            focusable: false,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__unstableMotion.div,
+              {
+                className: "block-editor-inserter__category-panel",
+                initial: !previousSelectedCategory ? "closed" : "open",
+                animate: "open",
+                variants: {
+                  open: {
+                    transform: "translateX( 0 )",
+                    transitionEnd: {
+                      zIndex: "1"
+                    }
+                  },
+                  closed: {
+                    transform: "translateX( -100% )",
+                    zIndex: "-1"
+                  }
+                },
+                transition: defaultTransition,
+                children
+              }
+            )
+          },
+          category.name
+        ))
+      ]
+    }
+  );
+}
+var category_tabs_default = CategoryTabs;
+//# sourceMappingURL=index.cjs.map

package/build/components/inserter/hooks/use-block-types-state.cjs

@@ -0,0 +1,101 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/inserter/hooks/use-block-types-state.js
+var use_block_types_state_exports = {};
+__export(use_block_types_state_exports, {
+  default: () => use_block_types_state_default
+});
+module.exports = __toCommonJS(use_block_types_state_exports);
+var import_blocks = require("@wordpress/blocks");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_notices = require("@wordpress/notices");
+var import_i18n = require("@wordpress/i18n");
+var import_store = require("../../../store/index.cjs");
+var import_utils = require("../../../store/utils.cjs");
+var import_lock_unlock = require("../../../lock-unlock.cjs");
+var useBlockTypesState = (rootClientId, onInsert, isQuick) => {
+  const options = (0, import_element.useMemo)(
+    () => ({ [import_utils.isFiltered]: !!isQuick }),
+    [isQuick]
+  );
+  const [items] = (0, import_data.useSelect)(
+    (select) => [
+      select(import_store.store).getInserterItems(
+        rootClientId,
+        options
+      )
+    ],
+    [rootClientId, options]
+  );
+  const { getClosestAllowedInsertionPoint } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useSelect)(import_store.store)
+  );
+  const { createErrorNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const [categories, collections] = (0, import_data.useSelect)((select) => {
+    const { getCategories, getCollections } = select(import_blocks.store);
+    return [getCategories(), getCollections()];
+  }, []);
+  const onSelectItem = (0, import_element.useCallback)(
+    ({ name, initialAttributes, innerBlocks, syncStatus, content }, shouldFocusBlock) => {
+      const destinationClientId = getClosestAllowedInsertionPoint(
+        name,
+        rootClientId
+      );
+      if (destinationClientId === null) {
+        const title = (0, import_blocks.getBlockType)(name)?.title ?? name;
+        createErrorNotice(
+          (0, import_i18n.sprintf)(
+            /* translators: %s: block pattern title. */
+            (0, import_i18n.__)(`Block "%s" can't be inserted.`),
+            title
+          ),
+          {
+            type: "snackbar",
+            id: "inserter-notice"
+          }
+        );
+        return;
+      }
+      const insertedBlock = syncStatus === "unsynced" ? (0, import_blocks.parse)(content, {
+        __unstableSkipMigrationLogs: true
+      }) : (0, import_blocks.createBlock)(
+        name,
+        initialAttributes,
+        (0, import_blocks.createBlocksFromInnerBlocksTemplate)(innerBlocks)
+      );
+      onInsert(
+        insertedBlock,
+        void 0,
+        shouldFocusBlock,
+        destinationClientId
+      );
+    },
+    [
+      getClosestAllowedInsertionPoint,
+      rootClientId,
+      onInsert,
+      createErrorNotice
+    ]
+  );
+  return [items, categories, collections, onSelectItem];
+};
+var use_block_types_state_default = useBlockTypesState;
+//# sourceMappingURL=use-block-types-state.cjs.map

package/build/components/inserter/hooks/use-insertion-point.cjs

@@ -0,0 +1,201 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/inserter/hooks/use-insertion-point.js
+var use_insertion_point_exports = {};
+__export(use_insertion_point_exports, {
+  default: () => use_insertion_point_default
+});
+module.exports = __toCommonJS(use_insertion_point_exports);
+var import_data = require("@wordpress/data");
+var import_blocks = require("@wordpress/blocks");
+var import_i18n = require("@wordpress/i18n");
+var import_a11y = require("@wordpress/a11y");
+var import_element = require("@wordpress/element");
+var import_store = require("../../../store/index.cjs");
+var import_lock_unlock = require("../../../lock-unlock.cjs");
+function getIndex({
+  destinationRootClientId,
+  destinationIndex,
+  rootClientId,
+  registry
+}) {
+  if (rootClientId === destinationRootClientId) {
+    return destinationIndex;
+  }
+  const parents = [
+    "",
+    ...registry.select(import_store.store).getBlockParents(destinationRootClientId),
+    destinationRootClientId
+  ];
+  const parentIndex = parents.indexOf(rootClientId);
+  if (parentIndex !== -1) {
+    return registry.select(import_store.store).getBlockIndex(parents[parentIndex + 1]) + 1;
+  }
+  return registry.select(import_store.store).getBlockOrder(rootClientId).length;
+}
+function useInsertionPoint({
+  rootClientId = "",
+  insertionIndex,
+  clientId,
+  isAppender,
+  onSelect,
+  shouldFocusBlock = true,
+  selectBlockOnInsert = true
+}) {
+  const registry = (0, import_data.useRegistry)();
+  const {
+    getSelectedBlock,
+    getClosestAllowedInsertionPoint,
+    isBlockInsertionPointVisible
+  } = (0, import_lock_unlock.unlock)((0, import_data.useSelect)(import_store.store));
+  const { destinationRootClientId, destinationIndex } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getSelectedBlockClientId,
+        getBlockRootClientId,
+        getBlockIndex,
+        getBlockOrder,
+        getInsertionPoint
+      } = (0, import_lock_unlock.unlock)(select(import_store.store));
+      const selectedBlockClientId = getSelectedBlockClientId();
+      let _destinationRootClientId = rootClientId;
+      let _destinationIndex;
+      const insertionPoint = getInsertionPoint();
+      if (insertionIndex !== void 0) {
+        _destinationIndex = insertionIndex;
+      } else if (insertionPoint && insertionPoint.hasOwnProperty("index")) {
+        _destinationRootClientId = insertionPoint?.rootClientId ? insertionPoint.rootClientId : rootClientId;
+        _destinationIndex = insertionPoint.index;
+      } else if (clientId) {
+        _destinationIndex = getBlockIndex(clientId);
+      } else if (!isAppender && selectedBlockClientId) {
+        _destinationRootClientId = getBlockRootClientId(
+          selectedBlockClientId
+        );
+        _destinationIndex = getBlockIndex(selectedBlockClientId) + 1;
+      } else {
+        _destinationIndex = getBlockOrder(
+          _destinationRootClientId
+        ).length;
+      }
+      return {
+        destinationRootClientId: _destinationRootClientId,
+        destinationIndex: _destinationIndex
+      };
+    },
+    [rootClientId, insertionIndex, clientId, isAppender]
+  );
+  const {
+    replaceBlocks,
+    insertBlocks,
+    showInsertionPoint,
+    hideInsertionPoint,
+    setLastFocus
+  } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
+  const onInsertBlocks = (0, import_element.useCallback)(
+    (blocks, meta, shouldForceFocusBlock = false, _rootClientId) => {
+      if (shouldForceFocusBlock || shouldFocusBlock || selectBlockOnInsert) {
+        setLastFocus(null);
+      }
+      const selectedBlock = getSelectedBlock();
+      if (!isAppender && selectedBlock && (0, import_blocks.isUnmodifiedDefaultBlock)(selectedBlock, "content")) {
+        replaceBlocks(
+          selectedBlock.clientId,
+          blocks,
+          null,
+          shouldFocusBlock || shouldForceFocusBlock ? 0 : null,
+          meta
+        );
+      } else {
+        insertBlocks(
+          blocks,
+          isAppender || _rootClientId === void 0 ? destinationIndex : getIndex({
+            destinationRootClientId,
+            destinationIndex,
+            rootClientId: _rootClientId,
+            registry
+          }),
+          isAppender || _rootClientId === void 0 ? destinationRootClientId : _rootClientId,
+          selectBlockOnInsert,
+          shouldFocusBlock || shouldForceFocusBlock ? 0 : null,
+          meta
+        );
+      }
+      const blockLength = Array.isArray(blocks) ? blocks.length : 1;
+      const message = (0, import_i18n.sprintf)(
+        // translators: %d: the name of the block that has been added
+        (0, import_i18n._n)("%d block added.", "%d blocks added.", blockLength),
+        blockLength
+      );
+      (0, import_a11y.speak)(message);
+      if (onSelect) {
+        onSelect(blocks);
+      }
+    },
+    [
+      isAppender,
+      getSelectedBlock,
+      replaceBlocks,
+      insertBlocks,
+      destinationRootClientId,
+      destinationIndex,
+      onSelect,
+      shouldFocusBlock,
+      selectBlockOnInsert,
+      setLastFocus,
+      registry
+    ]
+  );
+  const onToggleInsertionPoint = (0, import_element.useCallback)(
+    (item) => {
+      if (item && !isBlockInsertionPointVisible()) {
+        const allowedDestinationRootClientId = getClosestAllowedInsertionPoint(
+          item.name,
+          destinationRootClientId
+        );
+        if (allowedDestinationRootClientId !== null) {
+          showInsertionPoint(
+            allowedDestinationRootClientId,
+            getIndex({
+              destinationRootClientId,
+              destinationIndex,
+              rootClientId: allowedDestinationRootClientId,
+              registry
+            })
+          );
+        }
+      } else {
+        hideInsertionPoint();
+      }
+    },
+    [
+      getClosestAllowedInsertionPoint,
+      isBlockInsertionPointVisible,
+      showInsertionPoint,
+      hideInsertionPoint,
+      destinationRootClientId,
+      destinationIndex,
+      registry
+    ]
+  );
+  return [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint];
+}
+var use_insertion_point_default = useInsertionPoint;
+//# sourceMappingURL=use-insertion-point.cjs.map

package/build/components/inserter/hooks/use-insertion-point.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/hooks/use-insertion-point.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useRegistry, useSelect } from '@wordpress/data';\nimport { isUnmodifiedDefaultBlock } from '@wordpress/blocks';\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction getIndex( {\n\tdestinationRootClientId,\n\tdestinationIndex,\n\trootClientId,\n\tregistry,\n} ) {\n\tif ( rootClientId === destinationRootClientId ) {\n\t\treturn destinationIndex;\n\t}\n\tconst parents = [\n\t\t'',\n\t\t...registry\n\t\t\t.select( blockEditorStore )\n\t\t\t.getBlockParents( destinationRootClientId ),\n\t\tdestinationRootClientId,\n\t];\n\tconst parentIndex = parents.indexOf( rootClientId );\n\tif ( parentIndex !== -1 ) {\n\t\treturn (\n\t\t\tregistry\n\t\t\t\t.select( blockEditorStore )\n\t\t\t\t.getBlockIndex( parents[ parentIndex + 1 ] ) + 1\n\t\t);\n\t}\n\treturn registry.select( blockEditorStore ).getBlockOrder( rootClientId )\n\t\t.length;\n}\n\n/**\n * @typedef WPInserterConfig\n *\n * @property {string=}   rootClientId   If set, insertion will be into the\n *                                      block with this ID.\n * @property {number=}   insertionIndex If set, insertion will be into this\n *                                      explicit position.\n * @property {string=}   clientId       If set, insertion will be after the\n *                                      block with this ID.\n * @property {boolean=}  isAppender     Whether the inserter is an appender\n *                                      or not.\n * @property {Function=} onSelect       Called after insertion.\n */\n\n/**\n * Returns the insertion point state given the inserter config.\n *\n * @param {WPInserterConfig} config Inserter Config.\n * @return {Array} Insertion Point State (rootClientID, onInsertBlocks and onToggle).\n */\nfunction useInsertionPoint( {\n\trootClientId = '',\n\tinsertionIndex,\n\tclientId,\n\tisAppender,\n\tonSelect,\n\tshouldFocusBlock = true,\n\tselectBlockOnInsert = true,\n} ) {\n\tconst registry = useRegistry();\n\tconst {\n\t\tgetSelectedBlock,\n\t\tgetClosestAllowedInsertionPoint,\n\t\tisBlockInsertionPointVisible,\n\t} = unlock( useSelect( blockEditorStore ) );\n\tconst { destinationRootClientId, destinationIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetInsertionPoint,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\t\tlet _destinationRootClientId = rootClientId;\n\t\t\tlet _destinationIndex;\n\t\t\tconst insertionPoint = getInsertionPoint();\n\n\t\t\tif ( insertionIndex !== undefined ) {\n\t\t\t\t// Insert into a specific index.\n\t\t\t\t_destinationIndex = insertionIndex;\n\t\t\t} else if (\n\t\t\t\tinsertionPoint &&\n\t\t\t\tinsertionPoint.hasOwnProperty( 'index' )\n\t\t\t) {\n\t\t\t\t_destinationRootClientId = insertionPoint?.rootClientId\n\t\t\t\t\t? insertionPoint.rootClientId\n\t\t\t\t\t: rootClientId;\n\t\t\t\t_destinationIndex = insertionPoint.index;\n\t\t\t} else if ( clientId ) {\n\t\t\t\t// Insert after a specific client ID.\n\t\t\t\t_destinationIndex = getBlockIndex( clientId );\n\t\t\t} else if ( ! isAppender && selectedBlockClientId ) {\n\t\t\t\t_destinationRootClientId = getBlockRootClientId(\n\t\t\t\t\tselectedBlockClientId\n\t\t\t\t);\n\t\t\t\t_destinationIndex = getBlockIndex( selectedBlockClientId ) + 1;\n\t\t\t} else {\n\t\t\t\t// Insert at the end of the list.\n\t\t\t\t_destinationIndex = getBlockOrder(\n\t\t\t\t\t_destinationRootClientId\n\t\t\t\t).length;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tdestinationRootClientId: _destinationRootClientId,\n\t\t\t\tdestinationIndex: _destinationIndex,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId, insertionIndex, clientId, isAppender ]\n\t);\n\n\tconst {\n\t\treplaceBlocks,\n\t\tinsertBlocks,\n\t\tshowInsertionPoint,\n\t\thideInsertionPoint,\n\t\tsetLastFocus,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\tconst onInsertBlocks = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock = false, _rootClientId ) => {\n\t\t\t// When we are trying to move focus or select a new block on insert, we also\n\t\t\t// need to clear the last focus to avoid the focus being set to the wrong block\n\t\t\t// when tabbing back into the canvas if the block was added from outside the\n\t\t\t// editor canvas.\n\t\t\tif (\n\t\t\t\tshouldForceFocusBlock ||\n\t\t\t\tshouldFocusBlock ||\n\t\t\t\tselectBlockOnInsert\n\t\t\t) {\n\t\t\t\tsetLastFocus( null );\n\t\t\t}\n\n\t\t\tconst selectedBlock = getSelectedBlock();\n\n\t\t\tif (\n\t\t\t\t! isAppender &&\n\t\t\t\tselectedBlock &&\n\t\t\t\tisUnmodifiedDefaultBlock( selectedBlock, 'content' )\n\t\t\t) {\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tselectedBlock.clientId,\n\t\t\t\t\tblocks,\n\t\t\t\t\tnull,\n\t\t\t\t\tshouldFocusBlock || shouldForceFocusBlock ? 0 : null,\n\t\t\t\t\tmeta\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tinsertBlocks(\n\t\t\t\t\tblocks,\n\t\t\t\t\tisAppender || _rootClientId === undefined\n\t\t\t\t\t\t? destinationIndex\n\t\t\t\t\t\t: getIndex( {\n\t\t\t\t\t\t\t\tdestinationRootClientId,\n\t\t\t\t\t\t\t\tdestinationIndex,\n\t\t\t\t\t\t\t\trootClientId: _rootClientId,\n\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t  } ),\n\t\t\t\t\tisAppender || _rootClientId === undefined\n\t\t\t\t\t\t? destinationRootClientId\n\t\t\t\t\t\t: _rootClientId,\n\t\t\t\t\tselectBlockOnInsert,\n\t\t\t\t\tshouldFocusBlock || shouldForceFocusBlock ? 0 : null,\n\t\t\t\t\tmeta\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst blockLength = Array.isArray( blocks ) ? blocks.length : 1;\n\t\t\tconst message = sprintf(\n\t\t\t\t// translators: %d: the name of the block that has been added\n\t\t\t\t_n( '%d block added.', '%d blocks added.', blockLength ),\n\t\t\t\tblockLength\n\t\t\t);\n\t\t\tspeak( message );\n\n\t\t\tif ( onSelect ) {\n\t\t\t\tonSelect( blocks );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tisAppender,\n\t\t\tgetSelectedBlock,\n\t\t\treplaceBlocks,\n\t\t\tinsertBlocks,\n\t\t\tdestinationRootClientId,\n\t\t\tdestinationIndex,\n\t\t\tonSelect,\n\t\t\tshouldFocusBlock,\n\t\t\tselectBlockOnInsert,\n\t\t\tsetLastFocus,\n\t\t\tregistry,\n\t\t]\n\t);\n\n\tconst onToggleInsertionPoint = useCallback(\n\t\t( item ) => {\n\t\t\tif ( item && ! isBlockInsertionPointVisible() ) {\n\t\t\t\tconst allowedDestinationRootClientId =\n\t\t\t\t\tgetClosestAllowedInsertionPoint(\n\t\t\t\t\t\titem.name,\n\t\t\t\t\t\tdestinationRootClientId\n\t\t\t\t\t);\n\t\t\t\tif ( allowedDestinationRootClientId !== null ) {\n\t\t\t\t\tshowInsertionPoint(\n\t\t\t\t\t\tallowedDestinationRootClientId,\n\t\t\t\t\t\tgetIndex( {\n\t\t\t\t\t\t\tdestinationRootClientId,\n\t\t\t\t\t\t\tdestinationIndex,\n\t\t\t\t\t\t\trootClientId: allowedDestinationRootClientId,\n\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thideInsertionPoint();\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tgetClosestAllowedInsertionPoint,\n\t\t\tisBlockInsertionPointVisible,\n\t\t\tshowInsertionPoint,\n\t\t\thideInsertionPoint,\n\t\t\tdestinationRootClientId,\n\t\t\tdestinationIndex,\n\t\t\tregistry,\n\t\t]\n\t);\n\n\treturn [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ];\n}\n\nexport default useInsertionPoint;\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore"]
+}

package/build/components/inserter/hooks/use-patterns-paging.cjs

@@ -0,0 +1,70 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/inserter/hooks/use-patterns-paging.js
+var use_patterns_paging_exports = {};
+__export(use_patterns_paging_exports, {
+  default: () => usePatternsPaging
+});
+module.exports = __toCommonJS(use_patterns_paging_exports);
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_dom = require("@wordpress/dom");
+var PAGE_SIZE = 20;
+function usePatternsPaging(currentCategoryPatterns, currentCategory, scrollContainerRef, currentFilter = "") {
+  const [currentPage, setCurrentPage] = (0, import_element.useState)(1);
+  const previousCategory = (0, import_compose.usePrevious)(currentCategory);
+  const previousFilter = (0, import_compose.usePrevious)(currentFilter);
+  if ((previousCategory !== currentCategory || previousFilter !== currentFilter) && currentPage !== 1) {
+    setCurrentPage(1);
+  }
+  const totalItems = currentCategoryPatterns.length;
+  const pageIndex = currentPage - 1;
+  const categoryPatterns = (0, import_element.useMemo)(() => {
+    return currentCategoryPatterns.slice(
+      pageIndex * PAGE_SIZE,
+      pageIndex * PAGE_SIZE + PAGE_SIZE
+    );
+  }, [pageIndex, currentCategoryPatterns]);
+  const numPages = Math.ceil(currentCategoryPatterns.length / PAGE_SIZE);
+  const changePage = (page) => {
+    const scrollContainer = (0, import_dom.getScrollContainer)(
+      scrollContainerRef?.current
+    );
+    scrollContainer?.scrollTo(0, 0);
+    setCurrentPage(page);
+  };
+  (0, import_element.useEffect)(
+    function scrollToTopOnCategoryChange() {
+      const scrollContainer = (0, import_dom.getScrollContainer)(
+        scrollContainerRef?.current
+      );
+      scrollContainer?.scrollTo(0, 0);
+    },
+    [currentCategory, scrollContainerRef]
+  );
+  return {
+    totalItems,
+    categoryPatterns,
+    numPages,
+    changePage,
+    currentPage
+  };
+}
+//# sourceMappingURL=use-patterns-paging.cjs.map

package/build/components/inserter/hooks/use-patterns-state.cjs

@@ -0,0 +1,125 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/inserter/hooks/use-patterns-state.js
+var use_patterns_state_exports = {};
+__export(use_patterns_state_exports, {
+  default: () => use_patterns_state_default
+});
+module.exports = __toCommonJS(use_patterns_state_exports);
+var import_element = require("@wordpress/element");
+var import_blocks = require("@wordpress/blocks");
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_notices = require("@wordpress/notices");
+var import_store = require("../../../store/index.cjs");
+var import_lock_unlock = require("../../../lock-unlock.cjs");
+var import_utils = require("../block-patterns-tab/utils.cjs");
+var import_utils2 = require("../../../store/utils.cjs");
+var usePatternsState = (onInsert, rootClientId, selectedCategory, isQuick) => {
+  const options = (0, import_element.useMemo)(
+    () => ({ [import_utils2.isFiltered]: !!isQuick }),
+    [isQuick]
+  );
+  const { patternCategories, patterns, userPatternCategories } = (0, import_data.useSelect)(
+    (select) => {
+      const { getSettings, __experimentalGetAllowedPatterns } = (0, import_lock_unlock.unlock)(
+        select(import_store.store)
+      );
+      const {
+        __experimentalUserPatternCategories,
+        __experimentalBlockPatternCategories
+      } = getSettings();
+      return {
+        patterns: __experimentalGetAllowedPatterns(
+          rootClientId,
+          options
+        ),
+        userPatternCategories: __experimentalUserPatternCategories,
+        patternCategories: __experimentalBlockPatternCategories
+      };
+    },
+    [rootClientId, options]
+  );
+  const { getClosestAllowedInsertionPointForPattern } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useSelect)(import_store.store)
+  );
+  const allCategories = (0, import_element.useMemo)(() => {
+    const categories = [...patternCategories];
+    userPatternCategories?.forEach((userCategory) => {
+      if (!categories.find(
+        (existingCategory) => existingCategory.name === userCategory.name
+      )) {
+        categories.push(userCategory);
+      }
+    });
+    return categories;
+  }, [patternCategories, userPatternCategories]);
+  const { createSuccessNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const onClickPattern = (0, import_element.useCallback)(
+    (pattern, blocks) => {
+      const destinationRootClientId = isQuick ? rootClientId : getClosestAllowedInsertionPointForPattern(
+        pattern,
+        rootClientId
+      );
+      if (destinationRootClientId === null) {
+        return;
+      }
+      const patternBlocks = pattern.type === import_utils.INSERTER_PATTERN_TYPES.user && pattern.syncStatus !== "unsynced" ? [(0, import_blocks.createBlock)("core/block", { ref: pattern.id })] : blocks;
+      onInsert(
+        (patternBlocks ?? []).map((block) => {
+          const clonedBlock = (0, import_blocks.cloneBlock)(block);
+          if (clonedBlock.attributes.metadata?.categories?.includes(
+            selectedCategory
+          )) {
+            clonedBlock.attributes.metadata.categories = [
+              selectedCategory
+            ];
+          }
+          return clonedBlock;
+        }),
+        pattern.name,
+        false,
+        destinationRootClientId
+      );
+      createSuccessNotice(
+        (0, import_i18n.sprintf)(
+          /* translators: %s: block pattern title. */
+          (0, import_i18n.__)('Block pattern "%s" inserted.'),
+          pattern.title
+        ),
+        {
+          type: "snackbar",
+          id: "inserter-notice"
+        }
+      );
+    },
+    [
+      createSuccessNotice,
+      onInsert,
+      selectedCategory,
+      rootClientId,
+      getClosestAllowedInsertionPointForPattern,
+      isQuick
+    ]
+  );
+  return [patterns, allCategories, onClickPattern];
+};
+var use_patterns_state_default = usePatternsState;
+//# sourceMappingURL=use-patterns-state.cjs.map