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

package/build-module/components/inserter/hooks/use-insertion-point.js

@@ -1,17 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useRegistry, useSelect } from '@wordpress/data';
-import { isUnmodifiedDefaultBlock } from '@wordpress/blocks';
-import { _n, sprintf } from '@wordpress/i18n';
-import { speak } from '@wordpress/a11y';
-import { useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../../store';
-import { unlock } from '../../../lock-unlock';
+import { useDispatch, useRegistry, useSelect } from "@wordpress/data";
+import { isUnmodifiedDefaultBlock } from "@wordpress/blocks";
+import { _n, sprintf } from "@wordpress/i18n";
+import { speak } from "@wordpress/a11y";
+import { useCallback } from "@wordpress/element";
+import { store as blockEditorStore } from "../../../store";
+import { unlock } from "../../../lock-unlock";
 function getIndex({
   destinationRootClientId,
   destinationIndex,
@@ -21,36 +14,19 @@ function getIndex({
   if (rootClientId === destinationRootClientId) {
     return destinationIndex;
   }
-  const parents = ['', ...registry.select(blockEditorStore).getBlockParents(destinationRootClientId), destinationRootClientId];
+  const parents = [
+    "",
+    ...registry.select(blockEditorStore).getBlockParents(destinationRootClientId),
+    destinationRootClientId
+  ];
   const parentIndex = parents.indexOf(rootClientId);
   if (parentIndex !== -1) {
     return registry.select(blockEditorStore).getBlockIndex(parents[parentIndex + 1]) + 1;
   }
   return registry.select(blockEditorStore).getBlockOrder(rootClientId).length;
 }
-
-/**
- * @typedef WPInserterConfig
- *
- * @property {string=}   rootClientId   If set, insertion will be into the
- *                                      block with this ID.
- * @property {number=}   insertionIndex If set, insertion will be into this
- *                                      explicit position.
- * @property {string=}   clientId       If set, insertion will be after the
- *                                      block with this ID.
- * @property {boolean=}  isAppender     Whether the inserter is an appender
- *                                      or not.
- * @property {Function=} onSelect       Called after insertion.
- */
-
-/**
- * Returns the insertion point state given the inserter config.
- *
- * @param {WPInserterConfig} config Inserter Config.
- * @return {Array} Insertion Point State (rootClientID, onInsertBlocks and onToggle).
- */
 function useInsertionPoint({
-  rootClientId = '',
+  rootClientId = "",
   insertionIndex,
   clientId,
   isAppender,
@@ -64,42 +40,43 @@ function useInsertionPoint({
     getClosestAllowedInsertionPoint,
     isBlockInsertionPointVisible
   } = unlock(useSelect(blockEditorStore));
-  const {
-    destinationRootClientId,
-    destinationIndex
-  } = useSelect(select => {
-    const {
-      getSelectedBlockClientId,
-      getBlockRootClientId,
-      getBlockIndex,
-      getBlockOrder,
-      getInsertionPoint
-    } = unlock(select(blockEditorStore));
-    const selectedBlockClientId = getSelectedBlockClientId();
-    let _destinationRootClientId = rootClientId;
-    let _destinationIndex;
-    const insertionPoint = getInsertionPoint();
-    if (insertionIndex !== undefined) {
-      // Insert into a specific index.
-      _destinationIndex = insertionIndex;
-    } else if (insertionPoint && insertionPoint.hasOwnProperty('index')) {
-      _destinationRootClientId = insertionPoint?.rootClientId ? insertionPoint.rootClientId : rootClientId;
-      _destinationIndex = insertionPoint.index;
-    } else if (clientId) {
-      // Insert after a specific client ID.
-      _destinationIndex = getBlockIndex(clientId);
-    } else if (!isAppender && selectedBlockClientId) {
-      _destinationRootClientId = getBlockRootClientId(selectedBlockClientId);
-      _destinationIndex = getBlockIndex(selectedBlockClientId) + 1;
-    } else {
-      // Insert at the end of the list.
-      _destinationIndex = getBlockOrder(_destinationRootClientId).length;
-    }
-    return {
-      destinationRootClientId: _destinationRootClientId,
-      destinationIndex: _destinationIndex
-    };
-  }, [rootClientId, insertionIndex, clientId, isAppender]);
+  const { destinationRootClientId, destinationIndex } = useSelect(
+    (select) => {
+      const {
+        getSelectedBlockClientId,
+        getBlockRootClientId,
+        getBlockIndex,
+        getBlockOrder,
+        getInsertionPoint
+      } = unlock(select(blockEditorStore));
+      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,
@@ -107,50 +84,93 @@ function useInsertionPoint({
     hideInsertionPoint,
     setLastFocus
   } = unlock(useDispatch(blockEditorStore));
-  const onInsertBlocks = useCallback((blocks, meta, shouldForceFocusBlock = false, _rootClientId) => {
-    // When we are trying to move focus or select a new block on insert, we also
-    // need to clear the last focus to avoid the focus being set to the wrong block
-    // when tabbing back into the canvas if the block was added from outside the
-    // editor canvas.
-    if (shouldForceFocusBlock || shouldFocusBlock || selectBlockOnInsert) {
-      setLastFocus(null);
-    }
-    const selectedBlock = getSelectedBlock();
-    if (!isAppender && selectedBlock && isUnmodifiedDefaultBlock(selectedBlock, 'content')) {
-      replaceBlocks(selectedBlock.clientId, blocks, null, shouldFocusBlock || shouldForceFocusBlock ? 0 : null, meta);
-    } else {
-      insertBlocks(blocks, isAppender || _rootClientId === undefined ? destinationIndex : getIndex({
-        destinationRootClientId,
-        destinationIndex,
-        rootClientId: _rootClientId,
-        registry
-      }), isAppender || _rootClientId === undefined ? destinationRootClientId : _rootClientId, selectBlockOnInsert, shouldFocusBlock || shouldForceFocusBlock ? 0 : null, meta);
-    }
-    const blockLength = Array.isArray(blocks) ? blocks.length : 1;
-    const message = sprintf(
-    // translators: %d: the name of the block that has been added
-    _n('%d block added.', '%d blocks added.', blockLength), blockLength);
-    speak(message);
-    if (onSelect) {
-      onSelect(blocks);
-    }
-  }, [isAppender, getSelectedBlock, replaceBlocks, insertBlocks, destinationRootClientId, destinationIndex, onSelect, shouldFocusBlock, selectBlockOnInsert]);
-  const onToggleInsertionPoint = useCallback(item => {
-    if (item && !isBlockInsertionPointVisible()) {
-      const allowedDestinationRootClientId = getClosestAllowedInsertionPoint(item.name, destinationRootClientId);
-      if (allowedDestinationRootClientId !== null) {
-        showInsertionPoint(allowedDestinationRootClientId, getIndex({
-          destinationRootClientId,
-          destinationIndex,
-          rootClientId: allowedDestinationRootClientId,
-          registry
-        }));
+  const onInsertBlocks = useCallback(
+    (blocks, meta, shouldForceFocusBlock = false, _rootClientId) => {
+      if (shouldForceFocusBlock || shouldFocusBlock || selectBlockOnInsert) {
+        setLastFocus(null);
+      }
+      const selectedBlock = getSelectedBlock();
+      if (!isAppender && selectedBlock && 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 = sprintf(
+        // translators: %d: the name of the block that has been added
+        _n("%d block added.", "%d blocks added.", blockLength),
+        blockLength
+      );
+      speak(message);
+      if (onSelect) {
+        onSelect(blocks);
+      }
+    },
+    [
+      isAppender,
+      getSelectedBlock,
+      replaceBlocks,
+      insertBlocks,
+      destinationRootClientId,
+      destinationIndex,
+      onSelect,
+      shouldFocusBlock,
+      selectBlockOnInsert
+    ]
+  );
+  const onToggleInsertionPoint = useCallback(
+    (item) => {
+      if (item && !isBlockInsertionPointVisible()) {
+        const allowedDestinationRootClientId = getClosestAllowedInsertionPoint(
+          item.name,
+          destinationRootClientId
+        );
+        if (allowedDestinationRootClientId !== null) {
+          showInsertionPoint(
+            allowedDestinationRootClientId,
+            getIndex({
+              destinationRootClientId,
+              destinationIndex,
+              rootClientId: allowedDestinationRootClientId,
+              registry
+            })
+          );
+        }
+      } else {
+        hideInsertionPoint();
       }
-    } else {
-      hideInsertionPoint();
-    }
-  }, [getClosestAllowedInsertionPoint, isBlockInsertionPointVisible, showInsertionPoint, hideInsertionPoint, destinationRootClientId, destinationIndex]);
+    },
+    [
+      getClosestAllowedInsertionPoint,
+      isBlockInsertionPointVisible,
+      showInsertionPoint,
+      hideInsertionPoint,
+      destinationRootClientId,
+      destinationIndex
+    ]
+  );
   return [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint];
 }
-export default useInsertionPoint;
-//# sourceMappingURL=use-insertion-point.js.map
+var use_insertion_point_default = useInsertionPoint;
+export {
+  use_insertion_point_default as default
+};
+//# sourceMappingURL=use-insertion-point.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useDispatch","useRegistry","useSelect","isUnmodifiedDefaultBlock","_n","sprintf","speak","useCallback","store","blockEditorStore","unlock","getIndex","destinationRootClientId","destinationIndex","rootClientId","registry","parents","select","getBlockParents","parentIndex","indexOf","getBlockIndex","getBlockOrder","length","useInsertionPoint","insertionIndex","clientId","isAppender","onSelect","shouldFocusBlock","selectBlockOnInsert","getSelectedBlock","getClosestAllowedInsertionPoint","isBlockInsertionPointVisible","getSelectedBlockClientId","getBlockRootClientId","getInsertionPoint","selectedBlockClientId","_destinationRootClientId","_destinationIndex","insertionPoint","undefined","hasOwnProperty","index","replaceBlocks","insertBlocks","showInsertionPoint","hideInsertionPoint","setLastFocus","onInsertBlocks","blocks","meta","shouldForceFocusBlock","_rootClientId","selectedBlock","blockLength","Array","isArray","message","onToggleInsertionPoint","item","allowedDestinationRootClientId","name"],"sources":["@wordpress/block-editor/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]\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]\n\t);\n\n\treturn [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ];\n}\n\nexport default useInsertionPoint;\n"],"mappings":"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","ignoreList":[]}
+{
+  "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]\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]\n\t);\n\n\treturn [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ];\n}\n\nexport default useInsertionPoint;\n"],
+  "mappings": "AAGA,SAAS,aAAa,aAAa,iBAAiB;AACpD,SAAS,gCAAgC;AACzC,SAAS,IAAI,eAAe;AAC5B,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAK5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAEvB,SAAS,SAAU;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,MAAK,iBAAiB,yBAA0B;AAC/C,WAAO;AAAA,EACR;AACA,QAAM,UAAU;AAAA,IACf;AAAA,IACA,GAAG,SACD,OAAQ,gBAAiB,EACzB,gBAAiB,uBAAwB;AAAA,IAC3C;AAAA,EACD;AACA,QAAM,cAAc,QAAQ,QAAS,YAAa;AAClD,MAAK,gBAAgB,IAAK;AACzB,WACC,SACE,OAAQ,gBAAiB,EACzB,cAAe,QAAS,cAAc,CAAE,CAAE,IAAI;AAAA,EAElD;AACA,SAAO,SAAS,OAAQ,gBAAiB,EAAE,cAAe,YAAa,EACrE;AACH;AAsBA,SAAS,kBAAmB;AAAA,EAC3B,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,sBAAsB;AACvB,GAAI;AACH,QAAM,WAAW,YAAY;AAC7B,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,OAAQ,UAAW,gBAAiB,CAAE;AAC1C,QAAM,EAAE,yBAAyB,iBAAiB,IAAI;AAAA,IACrD,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AACvC,YAAM,wBAAwB,yBAAyB;AACvD,UAAI,2BAA2B;AAC/B,UAAI;AACJ,YAAM,iBAAiB,kBAAkB;AAEzC,UAAK,mBAAmB,QAAY;AAEnC,4BAAoB;AAAA,MACrB,WACC,kBACA,eAAe,eAAgB,OAAQ,GACtC;AACD,mCAA2B,gBAAgB,eACxC,eAAe,eACf;AACH,4BAAoB,eAAe;AAAA,MACpC,WAAY,UAAW;AAEtB,4BAAoB,cAAe,QAAS;AAAA,MAC7C,WAAY,CAAE,cAAc,uBAAwB;AACnD,mCAA2B;AAAA,UAC1B;AAAA,QACD;AACA,4BAAoB,cAAe,qBAAsB,IAAI;AAAA,MAC9D,OAAO;AAEN,4BAAoB;AAAA,UACnB;AAAA,QACD,EAAE;AAAA,MACH;AAEA,aAAO;AAAA,QACN,yBAAyB;AAAA,QACzB,kBAAkB;AAAA,MACnB;AAAA,IACD;AAAA,IACA,CAAE,cAAc,gBAAgB,UAAU,UAAW;AAAA,EACtD;AAEA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,OAAQ,YAAa,gBAAiB,CAAE;AAE5C,QAAM,iBAAiB;AAAA,IACtB,CAAE,QAAQ,MAAM,wBAAwB,OAAO,kBAAmB;AAKjE,UACC,yBACA,oBACA,qBACC;AACD,qBAAc,IAAK;AAAA,MACpB;AAEA,YAAM,gBAAgB,iBAAiB;AAEvC,UACC,CAAE,cACF,iBACA,yBAA0B,eAAe,SAAU,GAClD;AACD;AAAA,UACC,cAAc;AAAA,UACd;AAAA,UACA;AAAA,UACA,oBAAoB,wBAAwB,IAAI;AAAA,UAChD;AAAA,QACD;AAAA,MACD,OAAO;AACN;AAAA,UACC;AAAA,UACA,cAAc,kBAAkB,SAC7B,mBACA,SAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,cAAc;AAAA,YACd;AAAA,UACA,CAAE;AAAA,UACL,cAAc,kBAAkB,SAC7B,0BACA;AAAA,UACH;AAAA,UACA,oBAAoB,wBAAwB,IAAI;AAAA,UAChD;AAAA,QACD;AAAA,MACD;AACA,YAAM,cAAc,MAAM,QAAS,MAAO,IAAI,OAAO,SAAS;AAC9D,YAAM,UAAU;AAAA;AAAA,QAEf,GAAI,mBAAmB,oBAAoB,WAAY;AAAA,QACvD;AAAA,MACD;AACA,YAAO,OAAQ;AAEf,UAAK,UAAW;AACf,iBAAU,MAAO;AAAA,MAClB;AAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AAEA,QAAM,yBAAyB;AAAA,IAC9B,CAAE,SAAU;AACX,UAAK,QAAQ,CAAE,6BAA6B,GAAI;AAC/C,cAAM,iCACL;AAAA,UACC,KAAK;AAAA,UACL;AAAA,QACD;AACD,YAAK,mCAAmC,MAAO;AAC9C;AAAA,YACC;AAAA,YACA,SAAU;AAAA,cACT;AAAA,cACA;AAAA,cACA,cAAc;AAAA,cACd;AAAA,YACD,CAAE;AAAA,UACH;AAAA,QACD;AAAA,MACD,OAAO;AACN,2BAAmB;AAAA,MACpB;AAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AAEA,SAAO,CAAE,yBAAyB,gBAAgB,sBAAuB;AAC1E;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/build-module/components/inserter/hooks/use-patterns-paging.js

@@ -1,22 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState, useEffect } from '@wordpress/element';
-import { usePrevious } from '@wordpress/compose';
-import { getScrollContainer } from '@wordpress/dom';
+import { useMemo, useState, useEffect } from "@wordpress/element";
+import { usePrevious } from "@wordpress/compose";
+import { getScrollContainer } from "@wordpress/dom";
 const PAGE_SIZE = 20;
-
-/**
- * Supplies values needed to page the patterns list client side.
- *
- * @param {Array}  currentCategoryPatterns An array of the current patterns to display.
- * @param {string} currentCategory         The currently selected category.
- * @param {Object} scrollContainerRef      Ref of container to to find scroll container for when moving between pages.
- * @param {string} currentFilter           The currently search filter.
- *
- * @return {Object} Returns the relevant paging values. (totalItems, categoryPatternsList, numPages, changePage, currentPage)
- */
-export default function usePatternsPaging(currentCategoryPatterns, currentCategory, scrollContainerRef, currentFilter = '') {
+function usePatternsPaging(currentCategoryPatterns, currentCategory, scrollContainerRef, currentFilter = "") {
   const [currentPage, setCurrentPage] = useState(1);
   const previousCategory = usePrevious(currentCategory);
   const previousFilter = usePrevious(currentFilter);
@@ -26,18 +12,28 @@ export default function usePatternsPaging(currentCategoryPatterns, currentCatego
   const totalItems = currentCategoryPatterns.length;
   const pageIndex = currentPage - 1;
   const categoryPatterns = useMemo(() => {
-    return currentCategoryPatterns.slice(pageIndex * PAGE_SIZE, pageIndex * PAGE_SIZE + PAGE_SIZE);
+    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 = getScrollContainer(scrollContainerRef?.current);
+  const changePage = (page) => {
+    const scrollContainer = getScrollContainer(
+      scrollContainerRef?.current
+    );
     scrollContainer?.scrollTo(0, 0);
     setCurrentPage(page);
   };
-  useEffect(function scrollToTopOnCategoryChange() {
-    const scrollContainer = getScrollContainer(scrollContainerRef?.current);
-    scrollContainer?.scrollTo(0, 0);
-  }, [currentCategory, scrollContainerRef]);
+  useEffect(
+    function scrollToTopOnCategoryChange() {
+      const scrollContainer = getScrollContainer(
+        scrollContainerRef?.current
+      );
+      scrollContainer?.scrollTo(0, 0);
+    },
+    [currentCategory, scrollContainerRef]
+  );
   return {
     totalItems,
     categoryPatterns,
@@ -46,4 +42,7 @@ export default function usePatternsPaging(currentCategoryPatterns, currentCatego
     currentPage
   };
 }
-//# sourceMappingURL=use-patterns-paging.js.map
+export {
+  usePatternsPaging as default
+};
+//# sourceMappingURL=use-patterns-paging.js.map

package/build-module/components/inserter/hooks/use-patterns-paging.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","useState","useEffect","usePrevious","getScrollContainer","PAGE_SIZE","usePatternsPaging","currentCategoryPatterns","currentCategory","scrollContainerRef","currentFilter","currentPage","setCurrentPage","previousCategory","previousFilter","totalItems","length","pageIndex","categoryPatterns","slice","numPages","Math","ceil","changePage","page","scrollContainer","current","scrollTo","scrollToTopOnCategoryChange"],"sources":["@wordpress/block-editor/src/components/inserter/hooks/use-patterns-paging.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useEffect } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Supplies values needed to page the patterns list client side.\n *\n * @param {Array}  currentCategoryPatterns An array of the current patterns to display.\n * @param {string} currentCategory         The currently selected category.\n * @param {Object} scrollContainerRef      Ref of container to to find scroll container for when moving between pages.\n * @param {string} currentFilter           The currently search filter.\n *\n * @return {Object} Returns the relevant paging values. (totalItems, categoryPatternsList, numPages, changePage, currentPage)\n */\nexport default function usePatternsPaging(\n\tcurrentCategoryPatterns,\n\tcurrentCategory,\n\tscrollContainerRef,\n\tcurrentFilter = ''\n) {\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst previousCategory = usePrevious( currentCategory );\n\tconst previousFilter = usePrevious( currentFilter );\n\tif (\n\t\t( previousCategory !== currentCategory ||\n\t\t\tpreviousFilter !== currentFilter ) &&\n\t\tcurrentPage !== 1\n\t) {\n\t\tsetCurrentPage( 1 );\n\t}\n\tconst totalItems = currentCategoryPatterns.length;\n\tconst pageIndex = currentPage - 1;\n\tconst categoryPatterns = useMemo( () => {\n\t\treturn currentCategoryPatterns.slice(\n\t\t\tpageIndex * PAGE_SIZE,\n\t\t\tpageIndex * PAGE_SIZE + PAGE_SIZE\n\t\t);\n\t}, [ pageIndex, currentCategoryPatterns ] );\n\tconst numPages = Math.ceil( currentCategoryPatterns.length / PAGE_SIZE );\n\tconst changePage = ( page ) => {\n\t\tconst scrollContainer = getScrollContainer(\n\t\t\tscrollContainerRef?.current\n\t\t);\n\t\tscrollContainer?.scrollTo( 0, 0 );\n\n\t\tsetCurrentPage( page );\n\t};\n\n\tuseEffect(\n\t\tfunction scrollToTopOnCategoryChange() {\n\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\tscrollContainerRef?.current\n\t\t\t);\n\t\t\tscrollContainer?.scrollTo( 0, 0 );\n\t\t},\n\t\t[ currentCategory, scrollContainerRef ]\n\t);\n\n\treturn {\n\t\ttotalItems,\n\t\tcategoryPatterns,\n\t\tnumPages,\n\t\tchangePage,\n\t\tcurrentPage,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACjE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,MAAMC,SAAS,GAAG,EAAE;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,iBAAiBA,CACxCC,uBAAuB,EACvBC,eAAe,EACfC,kBAAkB,EAClBC,aAAa,GAAG,EAAE,EACjB;EACD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGX,QAAQ,CAAE,CAAE,CAAC;EACrD,MAAMY,gBAAgB,GAAGV,WAAW,CAAEK,eAAgB,CAAC;EACvD,MAAMM,cAAc,GAAGX,WAAW,CAAEO,aAAc,CAAC;EACnD,IACC,CAAEG,gBAAgB,KAAKL,eAAe,IACrCM,cAAc,KAAKJ,aAAa,KACjCC,WAAW,KAAK,CAAC,EAChB;IACDC,cAAc,CAAE,CAAE,CAAC;EACpB;EACA,MAAMG,UAAU,GAAGR,uBAAuB,CAACS,MAAM;EACjD,MAAMC,SAAS,GAAGN,WAAW,GAAG,CAAC;EACjC,MAAMO,gBAAgB,GAAGlB,OAAO,CAAE,MAAM;IACvC,OAAOO,uBAAuB,CAACY,KAAK,CACnCF,SAAS,GAAGZ,SAAS,EACrBY,SAAS,GAAGZ,SAAS,GAAGA,SACzB,CAAC;EACF,CAAC,EAAE,CAAEY,SAAS,EAAEV,uBAAuB,CAAG,CAAC;EAC3C,MAAMa,QAAQ,GAAGC,IAAI,CAACC,IAAI,CAAEf,uBAAuB,CAACS,MAAM,GAAGX,SAAU,CAAC;EACxE,MAAMkB,UAAU,GAAKC,IAAI,IAAM;IAC9B,MAAMC,eAAe,GAAGrB,kBAAkB,CACzCK,kBAAkB,EAAEiB,OACrB,CAAC;IACDD,eAAe,EAAEE,QAAQ,CAAE,CAAC,EAAE,CAAE,CAAC;IAEjCf,cAAc,CAAEY,IAAK,CAAC;EACvB,CAAC;EAEDtB,SAAS,CACR,SAAS0B,2BAA2BA,CAAA,EAAG;IACtC,MAAMH,eAAe,GAAGrB,kBAAkB,CACzCK,kBAAkB,EAAEiB,OACrB,CAAC;IACDD,eAAe,EAAEE,QAAQ,CAAE,CAAC,EAAE,CAAE,CAAC;EAClC,CAAC,EACD,CAAEnB,eAAe,EAAEC,kBAAkB,CACtC,CAAC;EAED,OAAO;IACNM,UAAU;IACVG,gBAAgB;IAChBE,QAAQ;IACRG,UAAU;IACVZ;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/hooks/use-patterns-paging.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useEffect } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { getScrollContainer } from '@wordpress/dom';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Supplies values needed to page the patterns list client side.\n *\n * @param {Array}  currentCategoryPatterns An array of the current patterns to display.\n * @param {string} currentCategory         The currently selected category.\n * @param {Object} scrollContainerRef      Ref of container to to find scroll container for when moving between pages.\n * @param {string} currentFilter           The currently search filter.\n *\n * @return {Object} Returns the relevant paging values. (totalItems, categoryPatternsList, numPages, changePage, currentPage)\n */\nexport default function usePatternsPaging(\n\tcurrentCategoryPatterns,\n\tcurrentCategory,\n\tscrollContainerRef,\n\tcurrentFilter = ''\n) {\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst previousCategory = usePrevious( currentCategory );\n\tconst previousFilter = usePrevious( currentFilter );\n\tif (\n\t\t( previousCategory !== currentCategory ||\n\t\t\tpreviousFilter !== currentFilter ) &&\n\t\tcurrentPage !== 1\n\t) {\n\t\tsetCurrentPage( 1 );\n\t}\n\tconst totalItems = currentCategoryPatterns.length;\n\tconst pageIndex = currentPage - 1;\n\tconst categoryPatterns = useMemo( () => {\n\t\treturn currentCategoryPatterns.slice(\n\t\t\tpageIndex * PAGE_SIZE,\n\t\t\tpageIndex * PAGE_SIZE + PAGE_SIZE\n\t\t);\n\t}, [ pageIndex, currentCategoryPatterns ] );\n\tconst numPages = Math.ceil( currentCategoryPatterns.length / PAGE_SIZE );\n\tconst changePage = ( page ) => {\n\t\tconst scrollContainer = getScrollContainer(\n\t\t\tscrollContainerRef?.current\n\t\t);\n\t\tscrollContainer?.scrollTo( 0, 0 );\n\n\t\tsetCurrentPage( page );\n\t};\n\n\tuseEffect(\n\t\tfunction scrollToTopOnCategoryChange() {\n\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\tscrollContainerRef?.current\n\t\t\t);\n\t\t\tscrollContainer?.scrollTo( 0, 0 );\n\t\t},\n\t\t[ currentCategory, scrollContainerRef ]\n\t);\n\n\treturn {\n\t\ttotalItems,\n\t\tcategoryPatterns,\n\t\tnumPages,\n\t\tchangePage,\n\t\tcurrentPage,\n\t};\n}\n"],
+  "mappings": "AAGA,SAAS,SAAS,UAAU,iBAAiB;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAEnC,MAAM,YAAY;AAYH,SAAR,kBACN,yBACA,iBACA,oBACA,gBAAgB,IACf;AACD,QAAM,CAAE,aAAa,cAAe,IAAI,SAAU,CAAE;AACpD,QAAM,mBAAmB,YAAa,eAAgB;AACtD,QAAM,iBAAiB,YAAa,aAAc;AAClD,OACG,qBAAqB,mBACtB,mBAAmB,kBACpB,gBAAgB,GACf;AACD,mBAAgB,CAAE;AAAA,EACnB;AACA,QAAM,aAAa,wBAAwB;AAC3C,QAAM,YAAY,cAAc;AAChC,QAAM,mBAAmB,QAAS,MAAM;AACvC,WAAO,wBAAwB;AAAA,MAC9B,YAAY;AAAA,MACZ,YAAY,YAAY;AAAA,IACzB;AAAA,EACD,GAAG,CAAE,WAAW,uBAAwB,CAAE;AAC1C,QAAM,WAAW,KAAK,KAAM,wBAAwB,SAAS,SAAU;AACvE,QAAM,aAAa,CAAE,SAAU;AAC9B,UAAM,kBAAkB;AAAA,MACvB,oBAAoB;AAAA,IACrB;AACA,qBAAiB,SAAU,GAAG,CAAE;AAEhC,mBAAgB,IAAK;AAAA,EACtB;AAEA;AAAA,IACC,SAAS,8BAA8B;AACtC,YAAM,kBAAkB;AAAA,QACvB,oBAAoB;AAAA,MACrB;AACA,uBAAiB,SAAU,GAAG,CAAE;AAAA,IACjC;AAAA,IACA,CAAE,iBAAiB,kBAAmB;AAAA,EACvC;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/components/inserter/hooks/use-patterns-state.js

@@ -1,90 +1,103 @@
-/**
- * WordPress dependencies
- */
-import { useCallback, useMemo } from '@wordpress/element';
-import { cloneBlock, createBlock } from '@wordpress/blocks';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { __, sprintf } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../../store';
-import { unlock } from '../../../lock-unlock';
-import { INSERTER_PATTERN_TYPES } from '../block-patterns-tab/utils';
-import { isFiltered } from '../../../store/utils';
-
-/**
- * Retrieves the block patterns inserter state.
- *
- * @param {Function} onInsert         function called when inserter a list of blocks.
- * @param {string=}  rootClientId     Insertion's root client ID.
- * @param {string}   selectedCategory The selected pattern category.
- * @param {boolean}  isQuick          For the quick inserter render only allowed patterns.
- *
- * @return {Array} Returns the patterns state. (patterns, categories, onSelect handler)
- */
+import { useCallback, useMemo } from "@wordpress/element";
+import { cloneBlock, createBlock } from "@wordpress/blocks";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { __, sprintf } from "@wordpress/i18n";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as blockEditorStore } from "../../../store";
+import { unlock } from "../../../lock-unlock";
+import { INSERTER_PATTERN_TYPES } from "../block-patterns-tab/utils";
+import { isFiltered } from "../../../store/utils";
 const usePatternsState = (onInsert, rootClientId, selectedCategory, isQuick) => {
-  const options = useMemo(() => ({
-    [isFiltered]: !!isQuick
-  }), [isQuick]);
-  const {
-    patternCategories,
-    patterns,
-    userPatternCategories
-  } = useSelect(select => {
-    const {
-      getSettings,
-      __experimentalGetAllowedPatterns
-    } = unlock(select(blockEditorStore));
-    const {
-      __experimentalUserPatternCategories,
-      __experimentalBlockPatternCategories
-    } = getSettings();
-    return {
-      patterns: __experimentalGetAllowedPatterns(rootClientId, options),
-      userPatternCategories: __experimentalUserPatternCategories,
-      patternCategories: __experimentalBlockPatternCategories
-    };
-  }, [rootClientId, options]);
-  const {
-    getClosestAllowedInsertionPointForPattern
-  } = unlock(useSelect(blockEditorStore));
+  const options = useMemo(
+    () => ({ [isFiltered]: !!isQuick }),
+    [isQuick]
+  );
+  const { patternCategories, patterns, userPatternCategories } = useSelect(
+    (select) => {
+      const { getSettings, __experimentalGetAllowedPatterns } = unlock(
+        select(blockEditorStore)
+      );
+      const {
+        __experimentalUserPatternCategories,
+        __experimentalBlockPatternCategories
+      } = getSettings();
+      return {
+        patterns: __experimentalGetAllowedPatterns(
+          rootClientId,
+          options
+        ),
+        userPatternCategories: __experimentalUserPatternCategories,
+        patternCategories: __experimentalBlockPatternCategories
+      };
+    },
+    [rootClientId, options]
+  );
+  const { getClosestAllowedInsertionPointForPattern } = unlock(
+    useSelect(blockEditorStore)
+  );
   const allCategories = useMemo(() => {
     const categories = [...patternCategories];
-    userPatternCategories?.forEach(userCategory => {
-      if (!categories.find(existingCategory => existingCategory.name === userCategory.name)) {
+    userPatternCategories?.forEach((userCategory) => {
+      if (!categories.find(
+        (existingCategory) => existingCategory.name === userCategory.name
+      )) {
         categories.push(userCategory);
       }
     });
     return categories;
   }, [patternCategories, userPatternCategories]);
-  const {
-    createSuccessNotice
-  } = useDispatch(noticesStore);
-  const onClickPattern = useCallback((pattern, blocks) => {
-    const destinationRootClientId = isQuick ? rootClientId : getClosestAllowedInsertionPointForPattern(pattern, rootClientId);
-    if (destinationRootClientId === null) {
-      return;
-    }
-    const patternBlocks = pattern.type === INSERTER_PATTERN_TYPES.user && pattern.syncStatus !== 'unsynced' ? [createBlock('core/block', {
-      ref: pattern.id
-    })] : blocks;
-    onInsert((patternBlocks !== null && patternBlocks !== void 0 ? patternBlocks : []).map(block => {
-      const clonedBlock = cloneBlock(block);
-      if (clonedBlock.attributes.metadata?.categories?.includes(selectedCategory)) {
-        clonedBlock.attributes.metadata.categories = [selectedCategory];
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const onClickPattern = useCallback(
+    (pattern, blocks) => {
+      const destinationRootClientId = isQuick ? rootClientId : getClosestAllowedInsertionPointForPattern(
+        pattern,
+        rootClientId
+      );
+      if (destinationRootClientId === null) {
+        return;
       }
-      return clonedBlock;
-    }), pattern.name, false, destinationRootClientId);
-    createSuccessNotice(sprintf(/* translators: %s: block pattern title. */
-    __('Block pattern "%s" inserted.'), pattern.title), {
-      type: 'snackbar',
-      id: 'inserter-notice'
-    });
-  }, [createSuccessNotice, onInsert, selectedCategory, rootClientId, getClosestAllowedInsertionPointForPattern, isQuick]);
+      const patternBlocks = pattern.type === INSERTER_PATTERN_TYPES.user && pattern.syncStatus !== "unsynced" ? [createBlock("core/block", { ref: pattern.id })] : blocks;
+      onInsert(
+        (patternBlocks ?? []).map((block) => {
+          const clonedBlock = cloneBlock(block);
+          if (clonedBlock.attributes.metadata?.categories?.includes(
+            selectedCategory
+          )) {
+            clonedBlock.attributes.metadata.categories = [
+              selectedCategory
+            ];
+          }
+          return clonedBlock;
+        }),
+        pattern.name,
+        false,
+        destinationRootClientId
+      );
+      createSuccessNotice(
+        sprintf(
+          /* translators: %s: block pattern title. */
+          __('Block pattern "%s" inserted.'),
+          pattern.title
+        ),
+        {
+          type: "snackbar",
+          id: "inserter-notice"
+        }
+      );
+    },
+    [
+      createSuccessNotice,
+      onInsert,
+      selectedCategory,
+      rootClientId,
+      getClosestAllowedInsertionPointForPattern,
+      isQuick
+    ]
+  );
   return [patterns, allCategories, onClickPattern];
 };
-export default usePatternsState;
-//# sourceMappingURL=use-patterns-state.js.map
+var use_patterns_state_default = usePatternsState;
+export {
+  use_patterns_state_default as default
+};
+//# sourceMappingURL=use-patterns-state.js.map