@wordpress/block-editor 12.3.0 → 12.3.1

package/build-module/store/selectors.js

@@ -169,28 +169,44 @@ export function getBlocks(state, rootClientId) {
  * Returns a stripped down block object containing only its client ID,
  * and its inner blocks' client IDs.
  *
+ * @deprecated
+ *
  * @param {Object} state    Editor state.
  * @param {string} clientId Client ID of the block to get.
  *
  * @return {Object} Client IDs of the post blocks.
  */
 
-export const __unstableGetClientIdWithClientIdsTree = createSelector((state, clientId) => ({
-  clientId,
-  innerBlocks: __unstableGetClientIdsTree(state, clientId)
-}), state => [state.blocks.order]);
+export const __unstableGetClientIdWithClientIdsTree = createSelector((state, clientId) => {
+  deprecated("wp.data.select( 'core/block-editor' ).__unstableGetClientIdWithClientIdsTree", {
+    since: '6.3',
+    version: '6.5'
+  });
+  return {
+    clientId,
+    innerBlocks: __unstableGetClientIdsTree(state, clientId)
+  };
+}, state => [state.blocks.order]);
 /**
  * Returns the block tree represented in the block-editor store from the
  * given root, consisting of stripped down block objects containing only
  * their client IDs, and their inner blocks' client IDs.
  *
+ * @deprecated
+ *
  * @param {Object}  state        Editor state.
  * @param {?string} rootClientId Optional root client ID of block list.
  *
  * @return {Object[]} Client IDs of the post blocks.
  */
 
-export const __unstableGetClientIdsTree = createSelector((state, rootClientId = '') => getBlockOrder(state, rootClientId).map(clientId => __unstableGetClientIdWithClientIdsTree(state, clientId)), state => [state.blocks.order]);
+export const __unstableGetClientIdsTree = createSelector((state, rootClientId = '') => {
+  deprecated("wp.data.select( 'core/block-editor' ).__unstableGetClientIdsTree", {
+    since: '6.3',
+    version: '6.5'
+  });
+  return getBlockOrder(state, rootClientId).map(clientId => __unstableGetClientIdWithClientIdsTree(state, clientId));
+}, state => [state.blocks.order]);
 /**
  * Returns an array containing the clientIds of all descendants of the blocks
  * given. Returned ids are ordered first by the order of the ids given, then
@@ -268,10 +284,11 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
     return EMPTY_ARRAY;
   }
 
+  const blockNames = Array.isArray(blockName) ? blockName : [blockName];
   const clientIds = getClientIdsWithDescendants(state);
   const foundBlocks = clientIds.filter(clientId => {
     const block = state.blocks.byClientId.get(clientId);
-    return block.name === blockName;
+    return blockNames.includes(block.name);
   });
   return foundBlocks.length > 0 ? foundBlocks : EMPTY_ARRAY;
 }, state => [state.blocks.order, state.blocks.byClientId]);
@@ -483,20 +500,8 @@ export const getBlockParents = createSelector((state, clientId, ascending = fals
 
 export const getBlockParentsByBlockName = createSelector((state, clientId, blockName, ascending = false) => {
   const parents = getBlockParents(state, clientId, ascending);
-  return parents.map(id => ({
-    id,
-    name: getBlockName(state, id)
-  })).filter(({
-    name
-  }) => {
-    if (Array.isArray(blockName)) {
-      return blockName.includes(name);
-    }
-
-    return name === blockName;
-  }).map(({
-    id
-  }) => id);
+  const hasName = Array.isArray(blockName) ? name => blockName.includes(name) : name => blockName === name;
+  return parents.filter(id => hasName(getBlockName(state, id)));
 }, state => [state.blocks.parents]);
 /**
  * Given a block client ID, returns the root of the hierarchy from which the block is nested, return the block itself for root level blocks.
@@ -1494,19 +1499,15 @@ export function canRemoveBlock(state, clientId, rootClientId = null) {
     return true;
   }
 
-  if (attributes.lock?.remove) {
-    return false;
+  if (attributes.lock?.remove !== undefined) {
+    return !attributes.lock.remove;
   }
 
   if (getTemplateLock(state, rootClientId)) {
     return false;
   }
 
-  if (getBlockEditingMode(state, rootClientId) === 'disabled') {
-    return false;
-  }
-
-  return true;
+  return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
 /**
  * Determines if the given blocks are allowed to be removed.
@@ -1535,22 +1536,18 @@ export function canMoveBlock(state, clientId, rootClientId = null) {
   const attributes = getBlockAttributes(state, clientId);
 
   if (attributes === null) {
-    return;
+    return true;
   }
 
-  if (attributes.lock?.move) {
-    return false;
+  if (attributes.lock?.move !== undefined) {
+    return !attributes.lock.move;
   }
 
   if (getTemplateLock(state, rootClientId) === 'all') {
     return false;
   }
 
-  if (getBlockEditingMode(state, rootClientId) === 'disabled') {
-    return false;
-  }
-
-  return true;
+  return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
 /**
  * Determines if the given blocks are allowed to be moved.
@@ -1768,6 +1765,7 @@ const buildBlockTypeItem = (state, {
  *
  * @param    {Object}   state             Editor state.
  * @param    {?string}  rootClientId      Optional root client ID of block list.
+ * @param    {?string}  syncStatus        Optional sync status to filter pattern blocks by.
  *
  * @return {WPEditorInserterItem[]} Items that appear in inserter.
  *
@@ -1785,7 +1783,7 @@ const buildBlockTypeItem = (state, {
  */
 
 
-export const getInserterItems = createSelector((state, rootClientId = null) => {
+export const getInserterItems = createSelector((state, rootClientId = null, syncStatus) => {
   const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
   });
@@ -1849,12 +1847,13 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
       isDisabled: false,
       utility: 1,
       // Deprecated.
-      frecency
+      frecency,
+      content: reusableBlock.content.raw
     };
   };
 
   const blockTypeInserterItems = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)).map(buildBlockTypeInserterItem);
-  const reusableBlockInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).map(buildReusableBlockInserterItem) : [];
+  const reusableBlockInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).filter(reusableBlock => syncStatus === reusableBlock.meta?.sync_status || !syncStatus && reusableBlock.meta?.sync_status === '').map(buildReusableBlockInserterItem) : [];
   const items = blockTypeInserterItems.reduce((accumulator, item) => {
     const {
       variations = []
@@ -2495,10 +2494,11 @@ export function __unstableGetTemporarilyEditingAsBlocks(state) {
   return state.temporarilyEditingAsBlocks;
 }
 export function __unstableHasActiveBlockOverlayActive(state, clientId) {
-  // Prevent overlay on disabled blocks. It's redundant since disabled blocks
-  // can't be selected, and prevents non-disabled nested blocks from being
-  // selected.
-  if (getBlockEditingMode(state, clientId) === 'disabled') {
+  // 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
+  // selected. If the mode is 'contentOnly' then the overlay is redundant
+  // since there will be no controls to interact with once selected.
+  if (getBlockEditingMode(state, clientId) !== 'default') {
     return false;
   } // If the block editing is locked, the block overlay is always active.