@wordpress/block-editor 12.17.0 → 12.18.0

package/build-module/store/selectors.js

@@ -17,8 +17,10 @@ import { createRegistrySelector } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import { getUserPatterns, checkAllowListRecursive, checkAllowList } from './utils';
+import { checkAllowListRecursive, checkAllowList, getAllPatternsDependants } from './utils';
 import { orderBy } from '../utils/sorting';
+import { STORE_NAME } from './constants';
+import { unlock } from '../lock-unlock';
 
 /**
  * A block selection object.
@@ -263,14 +265,14 @@ export const getGlobalBlockCount = createSelector((state, blockName) => {
 }, state => [state.blocks.order, state.blocks.byClientId]);
 
 /**
- * Returns all global blocks that match a blockName. Results include nested blocks.
+ * Returns all blocks that match a blockName. Results include nested blocks.
  *
  * @param {Object}  state     Global application state.
  * @param {?string} blockName Optional block name, if not specified, returns an empty array.
  *
  * @return {Array} Array of clientIds of blocks with name equal to blockName.
  */
-export const __experimentalGetGlobalBlocksByName = createSelector((state, blockName) => {
+export const getBlocksByName = createSelector((state, blockName) => {
   if (!blockName) {
     return EMPTY_ARRAY;
   }
@@ -283,6 +285,24 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
   return foundBlocks.length > 0 ? foundBlocks : EMPTY_ARRAY;
 }, state => [state.blocks.order, state.blocks.byClientId]);
 
+/**
+ * Returns all global blocks that match a blockName. Results include nested blocks.
+ *
+ * @deprecated
+ *
+ * @param {Object}  state     Global application state.
+ * @param {?string} blockName Optional block name, if not specified, returns an empty array.
+ *
+ * @return {Array} Array of clientIds of blocks with name equal to blockName.
+ */
+export function __experimentalGetGlobalBlocksByName(state, blockName) {
+  deprecated("wp.data.select( 'core/block-editor' ).__experimentalGetGlobalBlocksByName", {
+    since: '6.5',
+    alternative: `wp.data.select( 'core/block-editor' ).getBlocksByName`
+  });
+  return getBlocksByName(state, blockName);
+}
+
 /**
  * Given an array of block client IDs, returns the corresponding array of block
  * objects.
@@ -1750,7 +1770,7 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
   });
   const sortedBlockTypes = [...coreItems, ...nonCoreItems];
   return [...sortedBlockTypes, ...syncedPatternInserterItems];
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.blocks.order, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.blocks.order, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
 
 /**
  * Determines the items that appear in the available block transforms list.
@@ -1792,7 +1812,7 @@ export const getBlockTransformItems = createSelector((state, blocks, rootClientI
     return accumulator;
   }, []);
   return orderBy(possibleTransforms, block => itemsByName[block.name].frecency, 'desc');
-}, (state, blocks, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
+}, (state, blocks, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
 
 /**
  * Determines whether there are items to show in the inserter.
@@ -1809,7 +1829,7 @@ export const hasInserterItems = createSelector((state, rootClientId = null) => {
   }
   const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
   return hasReusableBlock;
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
 
 /**
  * Returns the list of allowed inserter blocks for inner blocks children.
@@ -1825,8 +1845,11 @@ export const getAllowedBlocks = createSelector((state, rootClientId = null) => {
   }
   const blockTypes = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
   const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
-  return [...blockTypes, ...(hasReusableBlock ? ['core/block'] : [])];
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
+  if (hasReusableBlock) {
+    blockTypes.push('core/block');
+  }
+  return blockTypes;
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
 export const __experimentalGetAllowedBlocks = createSelector((state, rootClientId = null) => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', {
     alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks',
@@ -1871,13 +1894,12 @@ export const __experimentalGetDirectInsertBlock = createSelector((state, rootCli
   });
   return getDirectInsertBlock(state, rootClientId);
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
-export const __experimentalUserPatternCategories = createSelector(state => {
-  return state?.settings?.__experimentalUserPatternCategories;
-}, state => [state.settings.__experimentalUserPatternCategories]);
-export const __experimentalGetParsedPattern = createSelector((state, patternName) => {
-  const patterns = state.settings.__experimentalBlockPatterns;
-  const userPatterns = getUserPatterns(state);
-  const pattern = [...patterns, ...userPatterns].find(({
+export const __experimentalGetParsedPattern = createRegistrySelector(select => createSelector((state, patternName) => {
+  const {
+    getAllPatterns
+  } = unlock(select(STORE_NAME));
+  const patterns = getAllPatterns();
+  const pattern = patterns.find(({
     name
   }) => name === patternName);
   if (!pattern) {
@@ -1889,23 +1911,10 @@ export const __experimentalGetParsedPattern = createSelector((state, patternName
       __unstableSkipMigrationLogs: true
     })
   };
-}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state?.settings?.__experimentalUserPatternCategories]);
-const getAllAllowedPatterns = createSelector(state => {
-  const patterns = state.settings.__experimentalBlockPatterns;
-  const userPatterns = getUserPatterns(state);
-  const {
-    allowedBlockTypes
-  } = getSettings(state);
-  const parsedPatterns = [...userPatterns, ...patterns].filter(({
-    inserter = true
-  }) => !!inserter).map(({
-    name
-  }) => __experimentalGetParsedPattern(state, name));
-  const allowedPatterns = parsedPatterns.filter(({
-    blocks
-  }) => checkAllowListRecursive(blocks, allowedBlockTypes));
-  return allowedPatterns;
-}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state.settings.allowedBlockTypes, state?.settings?.__experimentalUserPatternCategories]);
+}, getAllPatternsDependants));
+const getAllowedPatternsDependants = (state, rootClientId) => {
+  return [...getAllPatternsDependants(state), state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId)];
+};
 
 /**
  * Returns the list of allowed patterns for inner blocks children.
@@ -1915,15 +1924,32 @@ const getAllAllowedPatterns = createSelector(state => {
  *
  * @return {Array?} The list of allowed patterns.
  */
-export const __experimentalGetAllowedPatterns = createSelector((state, rootClientId = null) => {
-  const availableParsedPatterns = getAllAllowedPatterns(state);
-  const patternsAllowed = availableParsedPatterns.filter(({
-    blocks
-  }) => blocks.every(({
-    name
-  }) => canInsertBlockType(state, name, rootClientId)));
-  return patternsAllowed;
-}, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId)]);
+export const __experimentalGetAllowedPatterns = createRegistrySelector(select => {
+  return createSelector((state, rootClientId = null) => {
+    const {
+      getAllPatterns,
+      __experimentalGetParsedPattern: getParsedPattern
+    } = unlock(select(STORE_NAME));
+    const patterns = getAllPatterns();
+    const {
+      allowedBlockTypes
+    } = getSettings(state);
+    const parsedPatterns = patterns.filter(({
+      inserter = true
+    }) => !!inserter).map(({
+      name
+    }) => getParsedPattern(name));
+    const availableParsedPatterns = parsedPatterns.filter(({
+      blocks
+    }) => checkAllowListRecursive(blocks, allowedBlockTypes));
+    const patternsAllowed = availableParsedPatterns.filter(({
+      blocks
+    }) => blocks.every(({
+      name
+    }) => canInsertBlockType(state, name, rootClientId)));
+    return patternsAllowed;
+  }, getAllowedPatternsDependants);
+});
 
 /**
  * Returns the list of patterns based on their declared `blockTypes`
@@ -1938,24 +1964,24 @@ export const __experimentalGetAllowedPatterns = createSelector((state, rootClien
  *
  * @return {Array} The list of matched block patterns based on declared `blockTypes` and block name.
  */
-export const getPatternsByBlockTypes = createSelector((state, blockNames, rootClientId = null) => {
+export const getPatternsByBlockTypes = createRegistrySelector(select => createSelector((state, blockNames, rootClientId = null) => {
   if (!blockNames) return EMPTY_ARRAY;
-  const patterns = __experimentalGetAllowedPatterns(state, rootClientId);
+  const patterns = select(STORE_NAME).__experimentalGetAllowedPatterns(rootClientId);
   const normalizedBlockNames = Array.isArray(blockNames) ? blockNames : [blockNames];
   const filteredPatterns = patterns.filter(pattern => pattern?.blockTypes?.some?.(blockName => normalizedBlockNames.includes(blockName)));
   if (filteredPatterns.length === 0) {
     return EMPTY_ARRAY;
   }
   return filteredPatterns;
-}, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
-export const __experimentalGetPatternsByBlockTypes = createSelector((state, blockNames, rootClientId = null) => {
+}, (state, blockNames, rootClientId) => getAllowedPatternsDependants(state, rootClientId)));
+export const __experimentalGetPatternsByBlockTypes = createRegistrySelector(select => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetPatternsByBlockTypes', {
     alternative: 'wp.data.select( "core/block-editor" ).getPatternsByBlockTypes',
     since: '6.2',
     version: '6.4'
   });
-  return getPatternsByBlockTypes(state, blockNames, rootClientId);
-}, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
+  return select(STORE_NAME).getPatternsByBlockTypes;
+});
 
 /**
  * Determines the items that appear in the available pattern transforms list.
@@ -1974,7 +2000,7 @@ export const __experimentalGetPatternsByBlockTypes = createSelector((state, bloc
  *
  * @return {WPBlockPattern[]} Items that are eligible for a pattern transformation.
  */
-export const __experimentalGetPatternTransformItems = createSelector((state, blocks, rootClientId = null) => {
+export const __experimentalGetPatternTransformItems = createRegistrySelector(select => createSelector((state, blocks, rootClientId = null) => {
   if (!blocks) return EMPTY_ARRAY;
   /**
    * For now we only handle blocks without InnerBlocks and take into account
@@ -2000,8 +2026,8 @@ export const __experimentalGetPatternTransformItems = createSelector((state, blo
    * block pattern's blocks and try to find matches from the selected blocks.
    * Now this happens in the consumer to avoid heavy operations in the selector.
    */
-  return getPatternsByBlockTypes(state, selectedBlockNames, rootClientId);
-}, (state, blocks, rootClientId) => [...getPatternsByBlockTypes.getDependants(state, rootClientId)]);
+  return select(STORE_NAME).getPatternsByBlockTypes(selectedBlockNames, rootClientId);
+}, (state, blocks, rootClientId) => getAllowedPatternsDependants(state, rootClientId)));
 
 /**
  * Returns the Block List settings of a block, if any exist.
@@ -2116,7 +2142,7 @@ export function __experimentalGetLastBlockAttributeChanges(state) {
  */
 function getReusableBlocks(state) {
   var _state$settings$__exp;
-  return (_state$settings$__exp = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
+  return (_state$settings$__exp = state.settings.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
 }
 
 /**
@@ -2267,7 +2293,7 @@ export const __unstableGetContentLockingParent = createSelector((state, clientId
   let result;
   while (state.blocks.parents.has(current)) {
     current = state.blocks.parents.get(current);
-    if (current && getBlockName(state, current) === 'core/block' && window.__experimentalPatternPartialSyncing || current && getTemplateLock(state, current) === 'contentOnly') {
+    if (current && getBlockName(state, current) === 'core/block' || current && getTemplateLock(state, current) === 'contentOnly') {
       result = current;
     }
   }
@@ -2284,6 +2310,17 @@ export const __unstableGetContentLockingParent = createSelector((state, clientId
 export function __unstableGetTemporarilyEditingAsBlocks(state) {
   return state.temporarilyEditingAsBlocks;
 }
+
+/**
+ * DO-NOT-USE in production.
+ * This selector is created for internal/experimental only usage and may be
+ * removed anytime without any warning, causing breakage on any plugin or theme invoking it.
+ *
+ * @param {Object} state Global application state.
+ */
+export function __unstableGetTemporarilyEditingFocusModeToRevert(state) {
+  return state.temporarilyEditingFocusModeRevert;
+}
 export function __unstableHasActiveBlockOverlayActive(state, clientId) {
   // Prevent overlay on blocks with a non-default editing mode. If the mdoe is
   // 'disabled' then the overlay is redundant since the block can't be