@wordpress/block-editor 12.21.0 → 12.23.0

package/build-module/store/selectors.js

@@ -17,7 +17,7 @@ import { createRegistrySelector } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import { checkAllowListRecursive, checkAllowList, getAllPatternsDependants } from './utils';
+import { checkAllowListRecursive, checkAllowList, getAllPatternsDependants, getInsertBlockTypeDependants } from './utils';
 import { orderBy } from '../utils/sorting';
 import { STORE_NAME } from './constants';
 import { unlock } from '../lock-unlock';
@@ -1064,7 +1064,17 @@ export function isBlockSelected(state, clientId) {
  * @return {boolean} Whether the block has an inner block selected
  */
 export function hasSelectedInnerBlock(state, clientId, deep = false) {
-  return getBlockOrder(state, clientId).some(innerClientId => isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep));
+  const selectedBlockClientIds = getSelectedBlockClientIds(state);
+  if (!selectedBlockClientIds.length) {
+    return false;
+  }
+  if (deep) {
+    return selectedBlockClientIds.some(id =>
+    // Pass true because we don't care about order and it's more
+    // performant.
+    getBlockParents(state, id, true).includes(clientId));
+  }
+  return selectedBlockClientIds.some(id => getBlockRootClientId(state, id) === clientId);
 }
 
 /**
@@ -1427,7 +1437,7 @@ const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) =>
  *
  * @return {boolean} Whether the given block type is allowed to be inserted.
  */
-export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.settings.allowedBlockTypes, state.settings.templateLock, state.blockEditingModes]);
+export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => getInsertBlockTypeDependants(state, rootClientId));
 
 /**
  * Determines if the given blocks are allowed to be inserted into the block
@@ -1721,7 +1731,7 @@ const buildBlockTypeItem = (state, {
  *                                        this item.
  * @property {number}   frecency          Heuristic that combines frequency and recency.
  */
-export const getInserterItems = createSelector((state, rootClientId = null) => {
+export const getInserterItems = createRegistrySelector(select => createSelector((state, rootClientId = null) => {
   const buildReusableBlockInserterItem = reusableBlock => {
     const icon = !reusableBlock.wp_pattern_sync_status ? {
       src: symbol,
@@ -1751,7 +1761,7 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
       syncStatus: reusableBlock.wp_pattern_sync_status
     };
   };
-  const syncedPatternInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).map(buildReusableBlockInserterItem) : [];
+  const syncedPatternInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? unlock(select(STORE_NAME)).getReusableBlocks().map(buildReusableBlockInserterItem) : [];
   const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
   });
@@ -1796,7 +1806,7 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
   });
   const sortedBlockTypes = [...coreItems, ...nonCoreItems];
   return [...sortedBlockTypes, ...syncedPatternInserterItems];
-}, (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()]);
+}, (state, rootClientId) => [getBlockTypes(), unlock(select(STORE_NAME)).getReusableBlocks(), state.blocks.order, state.preferences.insertUsage, ...getInsertBlockTypeDependants(state, rootClientId)]));
 
 /**
  * Determines the items that appear in the available block transforms list.
@@ -1838,7 +1848,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.get(rootClientId), state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
+}, (state, blocks, rootClientId) => [getBlockTypes(), state.preferences.insertUsage, ...getInsertBlockTypeDependants(state, rootClientId)]);
 
 /**
  * Determines whether there are items to show in the inserter.
@@ -1848,14 +1858,14 @@ export const getBlockTransformItems = createSelector((state, blocks, rootClientI
  *
  * @return {boolean} Items that appear in inserter.
  */
-export const hasInserterItems = createSelector((state, rootClientId = null) => {
+export const hasInserterItems = createRegistrySelector(select => (state, rootClientId = null) => {
   const hasBlockType = getBlockTypes().some(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
   if (hasBlockType) {
     return true;
   }
-  const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
+  const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && unlock(select(STORE_NAME)).getReusableBlocks().length > 0;
   return hasReusableBlock;
-}, (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.
@@ -1865,17 +1875,17 @@ export const hasInserterItems = createSelector((state, rootClientId = null) => {
  *
  * @return {Array?} The list of allowed block types.
  */
-export const getAllowedBlocks = createSelector((state, rootClientId = null) => {
+export const getAllowedBlocks = createRegistrySelector(select => createSelector((state, rootClientId = null) => {
   if (!rootClientId) {
     return;
   }
   const blockTypes = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
-  const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
+  const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && unlock(select(STORE_NAME)).getReusableBlocks().length > 0;
   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()]);
+}, (state, rootClientId) => [getBlockTypes(), unlock(select(STORE_NAME)).getReusableBlocks(), ...getInsertBlockTypeDependants(state, rootClientId)]));
 export const __experimentalGetAllowedBlocks = createSelector((state, rootClientId = null) => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', {
     alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks',
@@ -1883,7 +1893,7 @@ export const __experimentalGetAllowedBlocks = createSelector((state, rootClientI
     version: '6.4'
   });
   return getAllowedBlocks(state, rootClientId);
-}, (state, rootClientId) => [...getAllowedBlocks.getDependants(state, rootClientId)]);
+}, (state, rootClientId) => getAllowedBlocks.getDependants(state, rootClientId));
 
 /**
  * Returns the block to be directly inserted by the block appender.
@@ -1939,7 +1949,9 @@ export const __experimentalGetParsedPattern = createRegistrySelector(select => c
       ...blocks[0].attributes,
       metadata: {
         ...(blocks[0].attributes.metadata || {}),
-        categories: pattern.categories
+        categories: pattern.categories,
+        patternName: pattern.name,
+        name: blocks[0].attributes.metadata?.name || pattern.title
       }
     };
   }
@@ -1948,9 +1960,7 @@ export const __experimentalGetParsedPattern = createRegistrySelector(select => c
     blocks
   };
 }, getAllPatternsDependants(select)));
-const getAllowedPatternsDependants = select => (state, rootClientId) => {
-  return [...getAllPatternsDependants(select)(state), state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId)];
-};
+const getAllowedPatternsDependants = select => (state, rootClientId) => [...getAllPatternsDependants(select)(state), ...getInsertBlockTypeDependants(state, rootClientId)];
 
 /**
  * Returns the list of allowed patterns for inner blocks children.
@@ -2130,13 +2140,17 @@ export const __experimentalGetBlockListSettingsForBlocks = createSelector((state
  *
  * @return {string} The reusable block saved title.
  */
-export const __experimentalGetReusableBlockTitle = createSelector((state, ref) => {
-  const reusableBlock = getReusableBlocks(state).find(block => block.id === ref);
+export const __experimentalGetReusableBlockTitle = createRegistrySelector(select => createSelector((state, ref) => {
+  deprecated("wp.data.select( 'core/block-editor' ).__experimentalGetReusableBlockTitle", {
+    since: '6.6',
+    version: '6.8'
+  });
+  const reusableBlock = unlock(select(STORE_NAME)).getReusableBlocks().find(block => block.id === ref);
   if (!reusableBlock) {
     return null;
   }
   return reusableBlock.title?.raw;
-}, state => [getReusableBlocks(state)]);
+}, () => [unlock(select(STORE_NAME)).getReusableBlocks()]));
 
 /**
  * Returns true if the most recent block change is be considered ignored, or
@@ -2169,18 +2183,6 @@ export function __experimentalGetLastBlockAttributeChanges(state) {
   return state.lastBlockAttributesChange;
 }
 
-/**
- * Returns the available reusable blocks
- *
- * @param {Object} state Global application state.
- *
- * @return {Array} Reusable blocks
- */
-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;
-}
-
 /**
  * Returns whether the navigation mode is enabled.
  *