@wordpress/block-editor 12.7.0 → 12.8.1

package/build-module/store/selectors.js

@@ -2,23 +2,24 @@
  * External dependencies
  */
 import createSelector from 'rememo';
+
 /**
  * WordPress dependencies
  */
-
-import { getBlockType, getBlockTypes, getBlockVariations, hasBlockSupport, getPossibleBlockTransformations, parse, switchToBlockType } from '@wordpress/blocks';
+import { getBlockType, getBlockTypes, getBlockVariations, hasBlockSupport, getPossibleBlockTransformations, parse, switchToBlockType, store as blocksStore } from '@wordpress/blocks';
 import { Platform } from '@wordpress/element';
 import { applyFilters } from '@wordpress/hooks';
 import { symbol } from '@wordpress/icons';
 import { create, remove, toHTMLString } from '@wordpress/rich-text';
 import deprecated from '@wordpress/deprecated';
+import { createRegistrySelector } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { mapRichTextSettings } from './utils';
 import { orderBy } from '../utils/sorting';
-import { getBlockEditingMode } from './private-selectors';
+
 /**
  * A block selection object.
  *
@@ -29,11 +30,12 @@ import { getBlockEditingMode } from './private-selectors';
  * @property {number} offset       An attribute value offset, based on the rich
  *                                 text value. See `wp.richText.create`.
  */
-// Module constants.
 
+// Module constants.
 const MILLISECONDS_PER_HOUR = 3600 * 1000;
 const MILLISECONDS_PER_DAY = 24 * 3600 * 1000;
 const MILLISECONDS_PER_WEEK = 7 * 24 * 3600 * 1000;
+
 /**
  * Shared reference to an empty array for cases where it is important to avoid
  * returning a new array reference on every invocation, as in a connected or
@@ -43,8 +45,8 @@ const MILLISECONDS_PER_WEEK = 7 * 24 * 3600 * 1000;
  *
  * @type {Array}
  */
-
 const EMPTY_ARRAY = [];
+
 /**
  * Shared reference to an empty Set for cases where it is important to avoid
  * returning a new Set reference on every invocation, as in a connected or
@@ -54,8 +56,8 @@ const EMPTY_ARRAY = [];
  *
  * @type {Set}
  */
-
 const EMPTY_SET = new Set();
+
 /**
  * Returns a block's name given its client ID, or null if no block exists with
  * the client ID.
@@ -65,11 +67,9 @@ const EMPTY_SET = new Set();
  *
  * @return {string} Block name.
  */
-
 export function getBlockName(state, clientId) {
   const block = state.blocks.byClientId.get(clientId);
   const socialLinkName = 'core/social-link';
-
   if (Platform.OS !== 'web' && block?.name === socialLinkName) {
     const attributes = state.blocks.attributes.get(clientId);
     const {
@@ -77,9 +77,9 @@ export function getBlockName(state, clientId) {
     } = attributes !== null && attributes !== void 0 ? attributes : {};
     return service ? `${socialLinkName}-${service}` : socialLinkName;
   }
-
   return block ? block.name : null;
 }
+
 /**
  * Returns whether a block is valid or not.
  *
@@ -88,11 +88,11 @@ export function getBlockName(state, clientId) {
  *
  * @return {boolean} Is Valid.
  */
-
 export function isBlockValid(state, clientId) {
   const block = state.blocks.byClientId.get(clientId);
   return !!block && block.isValid;
 }
+
 /**
  * Returns a block's attributes given its client ID, or null if no block exists with
  * the client ID.
@@ -102,16 +102,14 @@ export function isBlockValid(state, clientId) {
  *
  * @return {Object?} Block attributes.
  */
-
 export function getBlockAttributes(state, clientId) {
   const block = state.blocks.byClientId.get(clientId);
-
   if (!block) {
     return null;
   }
-
   return state.blocks.attributes.get(clientId);
 }
+
 /**
  * Returns a block given its client ID. This is a parsed copy of the block,
  * containing its `blockName`, `clientId`, and current `attributes` state. This
@@ -133,23 +131,22 @@ export function getBlockAttributes(state, clientId) {
  *
  * @return {Object} Parsed block object.
  */
-
 export function getBlock(state, clientId) {
   if (!state.blocks.byClientId.has(clientId)) {
     return null;
   }
-
   return state.blocks.tree.get(clientId);
 }
 export const __unstableGetBlockWithoutInnerBlocks = createSelector((state, clientId) => {
   if (!state.blocks.byClientId.has(clientId)) {
     return null;
   }
-
-  return { ...state.blocks.byClientId.get(clientId),
+  return {
+    ...state.blocks.byClientId.get(clientId),
     attributes: getBlockAttributes(state, clientId)
   };
 }, (state, clientId) => [state.blocks.byClientId.get(clientId), state.blocks.attributes.get(clientId)]);
+
 /**
  * Returns all block objects for the current post being edited as an array in
  * the order they appear in the post. Note that this will exclude child blocks
@@ -160,11 +157,11 @@ export const __unstableGetBlockWithoutInnerBlocks = createSelector((state, clien
  *
  * @return {Object[]} Post blocks.
  */
-
 export function getBlocks(state, rootClientId) {
   const treeKey = !rootClientId || !areInnerBlocksControlled(state, rootClientId) ? rootClientId || '' : 'controlled||' + rootClientId;
   return state.blocks.tree.get(treeKey)?.innerBlocks || EMPTY_ARRAY;
 }
+
 /**
  * Returns a stripped down block object containing only its client ID,
  * and its inner blocks' client IDs.
@@ -176,7 +173,6 @@ export function getBlocks(state, rootClientId) {
  *
  * @return {Object} Client IDs of the post blocks.
  */
-
 export const __unstableGetClientIdWithClientIdsTree = createSelector((state, clientId) => {
   deprecated("wp.data.select( 'core/block-editor' ).__unstableGetClientIdWithClientIdsTree", {
     since: '6.3',
@@ -187,6 +183,7 @@ export const __unstableGetClientIdWithClientIdsTree = createSelector((state, cli
     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
@@ -199,7 +196,6 @@ export const __unstableGetClientIdWithClientIdsTree = createSelector((state, cli
  *
  * @return {Object[]} Client IDs of the post blocks.
  */
-
 export const __unstableGetClientIdsTree = createSelector((state, rootClientId = '') => {
   deprecated("wp.data.select( 'core/block-editor' ).__unstableGetClientIdsTree", {
     since: '6.3',
@@ -207,6 +203,7 @@ export const __unstableGetClientIdsTree = createSelector((state, rootClientId =
   });
   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
@@ -217,18 +214,16 @@ export const __unstableGetClientIdsTree = createSelector((state, rootClientId =
  *
  * @return {Array} ids of descendants.
  */
-
 export const getClientIdsOfDescendants = createSelector((state, clientIds) => {
   const collectedIds = [];
-
   for (const givenId of clientIds) {
     for (const descendantId of getBlockOrder(state, givenId)) {
       collectedIds.push(descendantId, ...getClientIdsOfDescendants(state, [descendantId]));
     }
   }
-
   return collectedIds;
 }, state => [state.blocks.order]);
+
 /**
  * Returns an array containing the clientIds of the top-level blocks and
  * their descendants of any depth (for nested blocks). Ids are returned
@@ -238,16 +233,14 @@ export const getClientIdsOfDescendants = createSelector((state, clientIds) => {
  *
  * @return {Array} ids of top-level and descendant blocks.
  */
-
 export const getClientIdsWithDescendants = createSelector(state => {
   const collectedIds = [];
-
   for (const topLevelId of getBlockOrder(state)) {
     collectedIds.push(topLevelId, ...getClientIdsOfDescendants(state, [topLevelId]));
   }
-
   return collectedIds;
 }, state => [state.blocks.order]);
+
 /**
  * Returns the total number of blocks, or the total number of blocks with a specific name in a post.
  * The number returned includes nested blocks.
@@ -257,19 +250,17 @@ export const getClientIdsWithDescendants = createSelector(state => {
  *
  * @return {number} Number of blocks in the post, or number of blocks with name equal to blockName.
  */
-
 export const getGlobalBlockCount = createSelector((state, blockName) => {
   const clientIds = getClientIdsWithDescendants(state);
-
   if (!blockName) {
     return clientIds.length;
   }
-
   return clientIds.reduce((accumulator, clientId) => {
     const block = state.blocks.byClientId.get(clientId);
     return block.name === blockName ? accumulator + 1 : accumulator;
   }, 0);
 }, state => [state.blocks.order, state.blocks.byClientId]);
+
 /**
  * Returns all global blocks that match a blockName. Results include nested blocks.
  *
@@ -278,12 +269,10 @@ export const getGlobalBlockCount = createSelector((state, blockName) => {
  *
  * @return {Array} Array of clientIds of blocks with name equal to blockName.
  */
-
 export const __experimentalGetGlobalBlocksByName = createSelector((state, blockName) => {
   if (!blockName) {
     return EMPTY_ARRAY;
   }
-
   const blockNames = Array.isArray(blockName) ? blockName : [blockName];
   const clientIds = getClientIdsWithDescendants(state);
   const foundBlocks = clientIds.filter(clientId => {
@@ -292,6 +281,7 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
   });
   return foundBlocks.length > 0 ? foundBlocks : EMPTY_ARRAY;
 }, state => [state.blocks.order, state.blocks.byClientId]);
+
 /**
  * Given an array of block client IDs, returns the corresponding array of block
  * objects.
@@ -301,8 +291,8 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
  *
  * @return {WPBlock[]} Block objects.
  */
-
 export const getBlocksByClientId = createSelector((state, clientIds) => (Array.isArray(clientIds) ? clientIds : [clientIds]).map(clientId => getBlock(state, clientId)), (state, clientIds) => (Array.isArray(clientIds) ? clientIds : [clientIds]).map(clientId => state.blocks.tree.get(clientId)));
+
 /**
  * Given an array of block client IDs, returns the corresponding array of block
  * names.
@@ -312,8 +302,8 @@ export const getBlocksByClientId = createSelector((state, clientIds) => (Array.i
  *
  * @return {string[]} Block names.
  */
-
 export const getBlockNamesByClientId = createSelector((state, clientIds) => getBlocksByClientId(state, clientIds).filter(Boolean).map(block => block.name), (state, clientIds) => getBlocksByClientId(state, clientIds));
+
 /**
  * Returns the number of blocks currently present in the post.
  *
@@ -322,10 +312,10 @@ export const getBlockNamesByClientId = createSelector((state, clientIds) => getB
  *
  * @return {number} Number of blocks in the post.
  */
-
 export function getBlockCount(state, rootClientId) {
   return getBlockOrder(state, rootClientId).length;
 }
+
 /**
  * Returns the current selection start block client ID, attribute key and text
  * offset.
@@ -334,10 +324,10 @@ export function getBlockCount(state, rootClientId) {
  *
  * @return {WPBlockSelection} Selection start information.
  */
-
 export function getSelectionStart(state) {
   return state.selection.selectionStart;
 }
+
 /**
  * Returns the current selection end block client ID, attribute key and text
  * offset.
@@ -346,10 +336,10 @@ export function getSelectionStart(state) {
  *
  * @return {WPBlockSelection} Selection end information.
  */
-
 export function getSelectionEnd(state) {
   return state.selection.selectionEnd;
 }
+
 /**
  * Returns the current block selection start. This value may be null, and it
  * may represent either a singular block selection or multi-selection start.
@@ -359,10 +349,10 @@ export function getSelectionEnd(state) {
  *
  * @return {?string} Client ID of block selection start.
  */
-
 export function getBlockSelectionStart(state) {
   return state.selection.selectionStart.clientId;
 }
+
 /**
  * Returns the current block selection end. This value may be null, and it
  * may represent either a singular block selection or multi-selection end.
@@ -372,10 +362,10 @@ export function getBlockSelectionStart(state) {
  *
  * @return {?string} Client ID of block selection end.
  */
-
 export function getBlockSelectionEnd(state) {
   return state.selection.selectionEnd.clientId;
 }
+
 /**
  * Returns the number of blocks currently selected in the post.
  *
@@ -383,16 +373,14 @@ export function getBlockSelectionEnd(state) {
  *
  * @return {number} Number of blocks selected in the post.
  */
-
 export function getSelectedBlockCount(state) {
   const multiSelectedBlockCount = getMultiSelectedBlockClientIds(state).length;
-
   if (multiSelectedBlockCount) {
     return multiSelectedBlockCount;
   }
-
   return state.selection.selectionStart.clientId ? 1 : 0;
 }
+
 /**
  * Returns true if there is a single selected block, or false otherwise.
  *
@@ -400,7 +388,6 @@ export function getSelectedBlockCount(state) {
  *
  * @return {boolean} Whether a single block is selected.
  */
-
 export function hasSelectedBlock(state) {
   const {
     selectionStart,
@@ -408,6 +395,7 @@ export function hasSelectedBlock(state) {
   } = state.selection;
   return !!selectionStart.clientId && selectionStart.clientId === selectionEnd.clientId;
 }
+
 /**
  * Returns the currently selected block client ID, or null if there is no
  * selected block.
@@ -416,7 +404,6 @@ export function hasSelectedBlock(state) {
  *
  * @return {?string} Selected block client ID.
  */
-
 export function getSelectedBlockClientId(state) {
   const {
     selectionStart,
@@ -425,13 +412,12 @@ export function getSelectedBlockClientId(state) {
   const {
     clientId
   } = selectionStart;
-
   if (!clientId || clientId !== selectionEnd.clientId) {
     return null;
   }
-
   return clientId;
 }
+
 /**
  * Returns the currently selected block, or null if there is no selected block.
  *
@@ -439,11 +425,11 @@ export function getSelectedBlockClientId(state) {
  *
  * @return {?Object} Selected block.
  */
-
 export function getSelectedBlock(state) {
   const clientId = getSelectedBlockClientId(state);
   return clientId ? getBlock(state, clientId) : null;
 }
+
 /**
  * Given a block client ID, returns the root block from which the block is
  * nested, an empty string for top-level blocks, or null if the block does not
@@ -454,10 +440,10 @@ export function getSelectedBlock(state) {
  *
  * @return {?string} Root client ID, if exists
  */
-
 export function getBlockRootClientId(state, clientId) {
   return state.blocks.parents.has(clientId) ? state.blocks.parents.get(clientId) : null;
 }
+
 /**
  * Given a block client ID, returns the list of all its parents from top to bottom.
  *
@@ -467,22 +453,19 @@ export function getBlockRootClientId(state, clientId) {
  *
  * @return {Array} ClientIDs of the parent blocks.
  */
-
 export const getBlockParents = createSelector((state, clientId, ascending = false) => {
   const parents = [];
   let current = clientId;
-
   while (!!state.blocks.parents.get(current)) {
     current = state.blocks.parents.get(current);
     parents.push(current);
   }
-
   if (!parents.length) {
     return EMPTY_ARRAY;
   }
-
   return ascending ? parents : parents.reverse();
 }, state => [state.blocks.parents]);
+
 /**
  * Given a block client ID and a block name, returns the list of all its parents
  * from top to bottom, filtered by the given name(s). For example, if passed
@@ -497,7 +480,6 @@ export const getBlockParents = createSelector((state, clientId, ascending = fals
  *
  * @return {Array} ClientIDs of the parent blocks.
  */
-
 export const getBlockParentsByBlockName = createSelector((state, clientId, blockName, ascending = false) => {
   const parents = getBlockParents(state, clientId, ascending);
   const hasName = Array.isArray(blockName) ? name => blockName.includes(name) : name => blockName === name;
@@ -511,18 +493,16 @@ export const getBlockParentsByBlockName = createSelector((state, clientId, block
  *
  * @return {string} Root client ID
  */
-
 export function getBlockHierarchyRootClientId(state, clientId) {
   let current = clientId;
   let parent;
-
   do {
     parent = current;
     current = state.blocks.parents.get(current);
   } while (current);
-
   return parent;
 }
+
 /**
  * Given a block client ID, returns the lowest common ancestor with selected client ID.
  *
@@ -531,14 +511,12 @@ export function getBlockHierarchyRootClientId(state, clientId) {
  *
  * @return {string} Common ancestor client ID or undefined
  */
-
 export function getLowestCommonAncestorWithSelectedBlock(state, clientId) {
   const selectedId = getSelectedBlockClientId(state);
   const clientParents = [...getBlockParents(state, clientId), clientId];
   const selectedParents = [...getBlockParents(state, selectedId), selectedId];
   let lowestCommonAncestor;
   const maxDepth = Math.min(clientParents.length, selectedParents.length);
-
   for (let index = 0; index < maxDepth; index++) {
     if (clientParents[index] === selectedParents[index]) {
       lowestCommonAncestor = clientParents[index];
@@ -546,9 +524,9 @@ export function getLowestCommonAncestorWithSelectedBlock(state, clientId) {
       break;
     }
   }
-
   return lowestCommonAncestor;
 }
+
 /**
  * Returns the client ID of the block adjacent one at the given reference
  * startClientId and modifier directionality. Defaults start startClientId to
@@ -563,54 +541,53 @@ export function getLowestCommonAncestorWithSelectedBlock(state, clientId) {
  *
  * @return {?string} Return the client ID of the block, or null if none exists.
  */
-
 export function getAdjacentBlockClientId(state, startClientId, modifier = 1) {
   // Default to selected block.
   if (startClientId === undefined) {
     startClientId = getSelectedBlockClientId(state);
-  } // Try multi-selection starting at extent based on modifier.
-
+  }
 
+  // Try multi-selection starting at extent based on modifier.
   if (startClientId === undefined) {
     if (modifier < 0) {
       startClientId = getFirstMultiSelectedBlockClientId(state);
     } else {
       startClientId = getLastMultiSelectedBlockClientId(state);
     }
-  } // Validate working start client ID.
-
+  }
 
+  // Validate working start client ID.
   if (!startClientId) {
     return null;
-  } // Retrieve start block root client ID, being careful to allow the falsey
-  // empty string top-level root by explicitly testing against null.
-
+  }
 
+  // Retrieve start block root client ID, being careful to allow the falsey
+  // empty string top-level root by explicitly testing against null.
   const rootClientId = getBlockRootClientId(state, startClientId);
-
   if (rootClientId === null) {
     return null;
   }
-
   const {
     order
   } = state.blocks;
   const orderSet = order.get(rootClientId);
   const index = orderSet.indexOf(startClientId);
-  const nextIndex = index + 1 * modifier; // Block was first in set and we're attempting to get previous.
+  const nextIndex = index + 1 * modifier;
 
+  // Block was first in set and we're attempting to get previous.
   if (nextIndex < 0) {
     return null;
-  } // Block was last in set and we're attempting to get next.
-
+  }
 
+  // Block was last in set and we're attempting to get next.
   if (nextIndex === orderSet.length) {
     return null;
-  } // Assume incremented index is within the set.
-
+  }
 
+  // Assume incremented index is within the set.
   return orderSet[nextIndex];
 }
+
 /**
  * Returns the previous block's client ID from the given reference start ID.
  * Defaults start to the selected block. Returns null if there is no previous
@@ -622,10 +599,10 @@ export function getAdjacentBlockClientId(state, startClientId, modifier = 1) {
  *
  * @return {?string} Adjacent block's client ID, or null if none exists.
  */
-
 export function getPreviousBlockClientId(state, startClientId) {
   return getAdjacentBlockClientId(state, startClientId, -1);
 }
+
 /**
  * Returns the next block's client ID from the given reference start ID.
  * Defaults start to the selected block. Returns null if there is no next
@@ -637,12 +614,11 @@ export function getPreviousBlockClientId(state, startClientId) {
  *
  * @return {?string} Adjacent block's client ID, or null if none exists.
  */
-
 export function getNextBlockClientId(state, startClientId) {
   return getAdjacentBlockClientId(state, startClientId, 1);
 }
-/* eslint-disable jsdoc/valid-types */
 
+/* eslint-disable jsdoc/valid-types */
 /**
  * Returns the initial caret position for the selected block.
  * This position is to used to position the caret properly when the selected block changes.
@@ -652,11 +628,11 @@ export function getNextBlockClientId(state, startClientId) {
  *
  * @return {0|-1|null} Initial position.
  */
-
 export function getSelectedBlocksInitialCaretPosition(state) {
   /* eslint-enable jsdoc/valid-types */
   return state.initialPosition;
 }
+
 /**
  * Returns the current selection set of block client IDs (multiselection or single selection).
  *
@@ -664,40 +640,34 @@ export function getSelectedBlocksInitialCaretPosition(state) {
  *
  * @return {Array} Multi-selected block client IDs.
  */
-
 export const getSelectedBlockClientIds = createSelector(state => {
   const {
     selectionStart,
     selectionEnd
   } = state.selection;
-
   if (!selectionStart.clientId || !selectionEnd.clientId) {
     return EMPTY_ARRAY;
   }
-
   if (selectionStart.clientId === selectionEnd.clientId) {
     return [selectionStart.clientId];
-  } // Retrieve root client ID to aid in retrieving relevant nested block
+  }
+
+  // Retrieve root client ID to aid in retrieving relevant nested block
   // order, being careful to allow the falsey empty string top-level root
   // by explicitly testing against null.
-
-
   const rootClientId = getBlockRootClientId(state, selectionStart.clientId);
-
   if (rootClientId === null) {
     return EMPTY_ARRAY;
   }
-
   const blockOrder = getBlockOrder(state, rootClientId);
   const startIndex = blockOrder.indexOf(selectionStart.clientId);
   const endIndex = blockOrder.indexOf(selectionEnd.clientId);
-
   if (startIndex > endIndex) {
     return blockOrder.slice(endIndex, startIndex + 1);
   }
-
   return blockOrder.slice(startIndex, endIndex + 1);
 }, state => [state.blocks.order, state.selection.selectionStart.clientId, state.selection.selectionEnd.clientId]);
+
 /**
  * Returns the current multi-selection set of block client IDs, or an empty
  * array if there is no multi-selection.
@@ -706,19 +676,17 @@ export const getSelectedBlockClientIds = createSelector(state => {
  *
  * @return {Array} Multi-selected block client IDs.
  */
-
 export function getMultiSelectedBlockClientIds(state) {
   const {
     selectionStart,
     selectionEnd
   } = state.selection;
-
   if (selectionStart.clientId === selectionEnd.clientId) {
     return EMPTY_ARRAY;
   }
-
   return getSelectedBlockClientIds(state);
 }
+
 /**
  * Returns the current multi-selection set of blocks, or an empty array if
  * there is no multi-selection.
@@ -727,16 +695,14 @@ export function getMultiSelectedBlockClientIds(state) {
  *
  * @return {Array} Multi-selected block objects.
  */
-
 export const getMultiSelectedBlocks = createSelector(state => {
   const multiSelectedBlockClientIds = getMultiSelectedBlockClientIds(state);
-
   if (!multiSelectedBlockClientIds.length) {
     return EMPTY_ARRAY;
   }
-
   return multiSelectedBlockClientIds.map(clientId => getBlock(state, clientId));
 }, state => [...getSelectedBlockClientIds.getDependants(state), state.blocks.byClientId, state.blocks.order, state.blocks.attributes]);
+
 /**
  * Returns the client ID of the first block in the multi-selection set, or null
  * if there is no multi-selection.
@@ -745,10 +711,10 @@ export const getMultiSelectedBlocks = createSelector(state => {
  *
  * @return {?string} First block client ID in the multi-selection set.
  */
-
 export function getFirstMultiSelectedBlockClientId(state) {
   return getMultiSelectedBlockClientIds(state)[0] || null;
 }
+
 /**
  * Returns the client ID of the last block in the multi-selection set, or null
  * if there is no multi-selection.
@@ -757,11 +723,11 @@ export function getFirstMultiSelectedBlockClientId(state) {
  *
  * @return {?string} Last block client ID in the multi-selection set.
  */
-
 export function getLastMultiSelectedBlockClientId(state) {
   const selectedClientIds = getMultiSelectedBlockClientIds(state);
   return selectedClientIds[selectedClientIds.length - 1] || null;
 }
+
 /**
  * Returns true if a multi-selection exists, and the block corresponding to the
  * specified client ID is the first block of the multi-selection set, or false
@@ -772,10 +738,10 @@ export function getLastMultiSelectedBlockClientId(state) {
  *
  * @return {boolean} Whether block is first in multi-selection.
  */
-
 export function isFirstMultiSelectedBlock(state, clientId) {
   return getFirstMultiSelectedBlockClientId(state) === clientId;
 }
+
 /**
  * Returns true if the client ID occurs within the block multi-selection, or
  * false otherwise.
@@ -785,10 +751,10 @@ export function isFirstMultiSelectedBlock(state, clientId) {
  *
  * @return {boolean} Whether block is in multi-selection set.
  */
-
 export function isBlockMultiSelected(state, clientId) {
   return getMultiSelectedBlockClientIds(state).indexOf(clientId) !== -1;
 }
+
 /**
  * Returns true if an ancestor of the block is multi-selected, or false
  * otherwise.
@@ -799,18 +765,16 @@ export function isBlockMultiSelected(state, clientId) {
  * @return {boolean} Whether an ancestor of the block is in multi-selection
  *                   set.
  */
-
 export const isAncestorMultiSelected = createSelector((state, clientId) => {
   let ancestorClientId = clientId;
   let isMultiSelected = false;
-
   while (ancestorClientId && !isMultiSelected) {
     ancestorClientId = getBlockRootClientId(state, ancestorClientId);
     isMultiSelected = isBlockMultiSelected(state, ancestorClientId);
   }
-
   return isMultiSelected;
 }, state => [state.blocks.order, state.selection.selectionStart.clientId, state.selection.selectionEnd.clientId]);
+
 /**
  * Returns the client ID of the block which begins the multi-selection set, or
  * null if there is no multi-selection.
@@ -823,19 +787,17 @@ export const isAncestorMultiSelected = createSelector((state, clientId) => {
  *
  * @return {?string} Client ID of block beginning multi-selection.
  */
-
 export function getMultiSelectedBlocksStartClientId(state) {
   const {
     selectionStart,
     selectionEnd
   } = state.selection;
-
   if (selectionStart.clientId === selectionEnd.clientId) {
     return null;
   }
-
   return selectionStart.clientId || null;
 }
+
 /**
  * Returns the client ID of the block which ends the multi-selection set, or
  * null if there is no multi-selection.
@@ -848,19 +810,17 @@ export function getMultiSelectedBlocksStartClientId(state) {
  *
  * @return {?string} Client ID of block ending multi-selection.
  */
-
 export function getMultiSelectedBlocksEndClientId(state) {
   const {
     selectionStart,
     selectionEnd
   } = state.selection;
-
   if (selectionStart.clientId === selectionEnd.clientId) {
     return null;
   }
-
   return selectionEnd.clientId || null;
 }
+
 /**
  * Returns true if the selection is not partial.
  *
@@ -868,12 +828,12 @@ export function getMultiSelectedBlocksEndClientId(state) {
  *
  * @return {boolean} Whether the selection is mergeable.
  */
-
 export function __unstableIsFullySelected(state) {
   const selectionAnchor = getSelectionStart(state);
   const selectionFocus = getSelectionEnd(state);
   return !selectionAnchor.attributeKey && !selectionFocus.attributeKey && typeof selectionAnchor.offset === 'undefined' && typeof selectionFocus.offset === 'undefined';
 }
+
 /**
  * Returns true if the selection is collapsed.
  *
@@ -881,7 +841,6 @@ export function __unstableIsFullySelected(state) {
  *
  * @return {boolean} Whether the selection is collapsed.
  */
-
 export function __unstableIsSelectionCollapsed(state) {
   const selectionAnchor = getSelectionStart(state);
   const selectionFocus = getSelectionEnd(state);
@@ -894,6 +853,7 @@ export function __unstableSelectionHasUnmergeableBlock(state) {
     return !blockType.merge;
   });
 }
+
 /**
  * Check whether the selection is mergeable.
  *
@@ -902,28 +862,29 @@ export function __unstableSelectionHasUnmergeableBlock(state) {
  *
  * @return {boolean} Whether the selection is mergeable.
  */
-
 export function __unstableIsSelectionMergeable(state, isForward) {
   const selectionAnchor = getSelectionStart(state);
-  const selectionFocus = getSelectionEnd(state); // It's not mergeable if the start and end are within the same block.
+  const selectionFocus = getSelectionEnd(state);
 
-  if (selectionAnchor.clientId === selectionFocus.clientId) return false; // It's not mergeable if there's no rich text selection.
+  // It's not mergeable if the start and end are within the same block.
+  if (selectionAnchor.clientId === selectionFocus.clientId) return false;
 
+  // It's not mergeable if there's no rich text selection.
   if (!selectionAnchor.attributeKey || !selectionFocus.attributeKey || typeof selectionAnchor.offset === 'undefined' || typeof selectionFocus.offset === 'undefined') return false;
   const anchorRootClientId = getBlockRootClientId(state, selectionAnchor.clientId);
-  const focusRootClientId = getBlockRootClientId(state, selectionFocus.clientId); // It's not mergeable if the selection doesn't start and end in the same
-  // block list. Maybe in the future it should be allowed.
+  const focusRootClientId = getBlockRootClientId(state, selectionFocus.clientId);
 
+  // It's not mergeable if the selection doesn't start and end in the same
+  // block list. Maybe in the future it should be allowed.
   if (anchorRootClientId !== focusRootClientId) {
     return false;
   }
-
   const blockOrder = getBlockOrder(state, anchorRootClientId);
   const anchorIndex = blockOrder.indexOf(selectionAnchor.clientId);
-  const focusIndex = blockOrder.indexOf(selectionFocus.clientId); // Reassign selection start and end based on order.
+  const focusIndex = blockOrder.indexOf(selectionFocus.clientId);
 
+  // Reassign selection start and end based on order.
   let selectionStart, selectionEnd;
-
   if (anchorIndex > focusIndex) {
     selectionStart = selectionFocus;
     selectionEnd = selectionAnchor;
@@ -931,20 +892,22 @@ export function __unstableIsSelectionMergeable(state, isForward) {
     selectionStart = selectionAnchor;
     selectionEnd = selectionFocus;
   }
-
   const targetBlockClientId = isForward ? selectionEnd.clientId : selectionStart.clientId;
   const blockToMergeClientId = isForward ? selectionStart.clientId : selectionEnd.clientId;
   const targetBlockName = getBlockName(state, targetBlockClientId);
   const targetBlockType = getBlockType(targetBlockName);
   if (!targetBlockType.merge) return false;
-  const blockToMerge = getBlock(state, blockToMergeClientId); // It's mergeable if the blocks are of the same type.
+  const blockToMerge = getBlock(state, blockToMergeClientId);
 
-  if (blockToMerge.name === targetBlockName) return true; // If the blocks are of a different type, try to transform the block being
-  // merged into the same type of block.
+  // It's mergeable if the blocks are of the same type.
+  if (blockToMerge.name === targetBlockName) return true;
 
+  // If the blocks are of a different type, try to transform the block being
+  // merged into the same type of block.
   const blocksToMerge = switchToBlockType(blockToMerge, targetBlockName);
   return blocksToMerge && blocksToMerge.length;
 }
+
 /**
  * Get partial selected blocks with their content updated
  * based on the selection.
@@ -953,32 +916,30 @@ export function __unstableIsSelectionMergeable(state, isForward) {
  *
  * @return {Object[]} Updated partial selected blocks.
  */
-
 export const __unstableGetSelectedBlocksWithPartialSelection = state => {
   const selectionAnchor = getSelectionStart(state);
   const selectionFocus = getSelectionEnd(state);
-
   if (selectionAnchor.clientId === selectionFocus.clientId) {
     return EMPTY_ARRAY;
-  } // Can't split if the selection is not set.
-
+  }
 
+  // Can't split if the selection is not set.
   if (!selectionAnchor.attributeKey || !selectionFocus.attributeKey || typeof selectionAnchor.offset === 'undefined' || typeof selectionFocus.offset === 'undefined') {
     return EMPTY_ARRAY;
   }
-
   const anchorRootClientId = getBlockRootClientId(state, selectionAnchor.clientId);
-  const focusRootClientId = getBlockRootClientId(state, selectionFocus.clientId); // It's not splittable if the selection doesn't start and end in the same
-  // block list. Maybe in the future it should be allowed.
+  const focusRootClientId = getBlockRootClientId(state, selectionFocus.clientId);
 
+  // It's not splittable if the selection doesn't start and end in the same
+  // block list. Maybe in the future it should be allowed.
   if (anchorRootClientId !== focusRootClientId) {
     return EMPTY_ARRAY;
   }
-
   const blockOrder = getBlockOrder(state, anchorRootClientId);
   const anchorIndex = blockOrder.indexOf(selectionAnchor.clientId);
-  const focusIndex = blockOrder.indexOf(selectionFocus.clientId); // Reassign selection start and end based on order.
+  const focusIndex = blockOrder.indexOf(selectionFocus.clientId);
 
+  // Reassign selection start and end based on order.
   const [selectionStart, selectionEnd] = anchorIndex > focusIndex ? [selectionFocus, selectionAnchor] : [selectionAnchor, selectionFocus];
   const blockA = getBlock(state, selectionStart.clientId);
   const blockAType = getBlockType(blockA.name);
@@ -998,15 +959,19 @@ export const __unstableGetSelectedBlocksWithPartialSelection = state => {
   });
   valueA = remove(valueA, 0, selectionStart.offset);
   valueB = remove(valueB, selectionEnd.offset, valueB.text.length);
-  return [{ ...blockA,
-    attributes: { ...blockA.attributes,
+  return [{
+    ...blockA,
+    attributes: {
+      ...blockA.attributes,
       [selectionStart.attributeKey]: toHTMLString({
         value: valueA,
         ...mapRichTextSettings(attributeDefinitionA)
       })
     }
-  }, { ...blockB,
-    attributes: { ...blockB.attributes,
+  }, {
+    ...blockB,
+    attributes: {
+      ...blockB.attributes,
       [selectionEnd.attributeKey]: toHTMLString({
         value: valueB,
         ...mapRichTextSettings(attributeDefinitionB)
@@ -1014,6 +979,7 @@ export const __unstableGetSelectedBlocksWithPartialSelection = state => {
     }
   }];
 };
+
 /**
  * Returns an array containing all block client IDs in the editor in the order
  * they appear. Optionally accepts a root client ID of the block list for which
@@ -1024,10 +990,10 @@ export const __unstableGetSelectedBlocksWithPartialSelection = state => {
  *
  * @return {Array} Ordered client IDs of editor blocks.
  */
-
 export function getBlockOrder(state, rootClientId) {
   return state.blocks.order.get(rootClientId || '') || EMPTY_ARRAY;
 }
+
 /**
  * Returns the index at which the block corresponding to the specified client
  * ID occurs within the block order, or `-1` if the block does not exist.
@@ -1037,11 +1003,11 @@ export function getBlockOrder(state, rootClientId) {
  *
  * @return {number} Index at which block exists in order.
  */
-
 export function getBlockIndex(state, clientId) {
   const rootClientId = getBlockRootClientId(state, clientId);
   return getBlockOrder(state, rootClientId).indexOf(clientId);
 }
+
 /**
  * Returns true if the block corresponding to the specified client ID is
  * currently selected and no multi-selection exists, or false otherwise.
@@ -1051,19 +1017,17 @@ export function getBlockIndex(state, clientId) {
  *
  * @return {boolean} Whether block is selected and multi-selection exists.
  */
-
 export function isBlockSelected(state, clientId) {
   const {
     selectionStart,
     selectionEnd
   } = state.selection;
-
   if (selectionStart.clientId !== selectionEnd.clientId) {
     return false;
   }
-
   return selectionStart.clientId === clientId;
 }
+
 /**
  * Returns true if one of the block's inner blocks is selected.
  *
@@ -1073,10 +1037,10 @@ 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));
 }
+
 /**
  * Returns true if one of the block's inner blocks is dragged.
  *
@@ -1086,10 +1050,10 @@ export function hasSelectedInnerBlock(state, clientId, deep = false) {
  *
  * @return {boolean} Whether the block has an inner block dragged
  */
-
 export function hasDraggedInnerBlock(state, clientId, deep = false) {
   return getBlockOrder(state, clientId).some(innerClientId => isBlockBeingDragged(state, innerClientId) || deep && hasDraggedInnerBlock(state, innerClientId, deep));
 }
+
 /**
  * Returns true if the block corresponding to the specified client ID is
  * currently selected but isn't the last of the selected blocks. Here "last"
@@ -1102,16 +1066,15 @@ export function hasDraggedInnerBlock(state, clientId, deep = false) {
  * @return {boolean} Whether block is selected and not the last in the
  *                   selection.
  */
-
 export function isBlockWithinSelection(state, clientId) {
   if (!clientId) {
     return false;
   }
-
   const clientIds = getMultiSelectedBlockClientIds(state);
   const index = clientIds.indexOf(clientId);
   return index > -1 && index < clientIds.length - 1;
 }
+
 /**
  * Returns true if a multi-selection has been made, or false otherwise.
  *
@@ -1119,7 +1082,6 @@ export function isBlockWithinSelection(state, clientId) {
  *
  * @return {boolean} Whether multi-selection has been made.
  */
-
 export function hasMultiSelection(state) {
   const {
     selectionStart,
@@ -1127,6 +1089,7 @@ export function hasMultiSelection(state) {
   } = state.selection;
   return selectionStart.clientId !== selectionEnd.clientId;
 }
+
 /**
  * Whether in the process of multi-selecting or not. This flag is only true
  * while the multi-selection is being selected (by mouse move), and is false
@@ -1138,10 +1101,10 @@ export function hasMultiSelection(state) {
  *
  * @return {boolean} True if multi-selecting, false if not.
  */
-
 export function isMultiSelecting(state) {
   return state.isMultiSelecting;
 }
+
 /**
  * Selector that returns if multi-selection is enabled or not.
  *
@@ -1149,10 +1112,10 @@ export function isMultiSelecting(state) {
  *
  * @return {boolean} True if it should be possible to multi-select blocks, false if multi-selection is disabled.
  */
-
 export function isSelectionEnabled(state) {
   return state.isSelectionEnabled;
 }
+
 /**
  * Returns the block's editing mode, defaulting to "visual" if not explicitly
  * assigned.
@@ -1162,10 +1125,10 @@ export function isSelectionEnabled(state) {
  *
  * @return {Object} Block editing mode.
  */
-
 export function getBlockMode(state, clientId) {
   return state.blocksMode[clientId] || 'visual';
 }
+
 /**
  * Returns true if the user is typing, or false otherwise.
  *
@@ -1173,10 +1136,10 @@ export function getBlockMode(state, clientId) {
  *
  * @return {boolean} Whether user is typing.
  */
-
 export function isTyping(state) {
   return state.isTyping;
 }
+
 /**
  * Returns true if the user is dragging blocks, or false otherwise.
  *
@@ -1184,10 +1147,10 @@ export function isTyping(state) {
  *
  * @return {boolean} Whether user is dragging blocks.
  */
-
 export function isDraggingBlocks(state) {
   return !!state.draggedBlocks.length;
 }
+
 /**
  * Returns the client ids of any blocks being directly dragged.
  *
@@ -1197,10 +1160,10 @@ export function isDraggingBlocks(state) {
  *
  * @return {string[]} Array of dragged block client ids.
  */
-
 export function getDraggedBlockClientIds(state) {
   return state.draggedBlocks;
 }
+
 /**
  * Returns whether the block is being dragged.
  *
@@ -1213,10 +1176,10 @@ export function getDraggedBlockClientIds(state) {
  *
  * @return {boolean} Whether the block is being dragged.
  */
-
 export function isBlockBeingDragged(state, clientId) {
   return state.draggedBlocks.includes(clientId);
 }
+
 /**
  * Returns whether a parent/ancestor of the block is being dragged.
  *
@@ -1225,17 +1188,16 @@ export function isBlockBeingDragged(state, clientId) {
  *
  * @return {boolean} Whether the block's ancestor is being dragged.
  */
-
 export function isAncestorBeingDragged(state, clientId) {
   // Return early if no blocks are being dragged rather than
   // the more expensive check for parents.
   if (!isDraggingBlocks(state)) {
     return false;
   }
-
   const parents = getBlockParents(state, clientId);
   return parents.some(parentClientId => isBlockBeingDragged(state, parentClientId));
 }
+
 /**
  * Returns true if the caret is within formatted text, or false otherwise.
  *
@@ -1243,7 +1205,6 @@ export function isAncestorBeingDragged(state, clientId) {
  *
  * @return {boolean} Whether the caret is within formatted text.
  */
-
 export function isCaretWithinFormattedText() {
   deprecated('wp.data.select( "core/block-editor" ).isCaretWithinFormattedText', {
     since: '6.1',
@@ -1251,6 +1212,7 @@ export function isCaretWithinFormattedText() {
   });
   return false;
 }
+
 /**
  * Returns the insertion point, the index at which the new inserted block would
  * be placed. Defaults to the last index.
@@ -1259,7 +1221,6 @@ export function isCaretWithinFormattedText() {
  *
  * @return {Object} Insertion point object with `rootClientId`, `index`.
  */
-
 export const getBlockInsertionPoint = createSelector(state => {
   let rootClientId, index;
   const {
@@ -1268,27 +1229,24 @@ export const getBlockInsertionPoint = createSelector(state => {
       selectionEnd
     }
   } = state;
-
   if (insertionPoint !== null) {
     return insertionPoint;
   }
-
   const {
     clientId
   } = selectionEnd;
-
   if (clientId) {
     rootClientId = getBlockRootClientId(state, clientId) || undefined;
     index = getBlockIndex(state, selectionEnd.clientId) + 1;
   } else {
     index = getBlockOrder(state).length;
   }
-
   return {
     rootClientId,
     index
   };
 }, state => [state.insertionPoint, state.selection.selectionEnd.clientId, state.blocks.parents, state.blocks.order]);
+
 /**
  * Returns true if we should show the block insertion point.
  *
@@ -1296,20 +1254,20 @@ export const getBlockInsertionPoint = createSelector(state => {
  *
  * @return {?boolean} Whether the insertion point is visible or not.
  */
-
 export function isBlockInsertionPointVisible(state) {
   return state.insertionPoint !== null;
 }
+
 /**
  * Returns whether the blocks matches the template or not.
  *
  * @param {boolean} state
  * @return {?boolean} Whether the template is valid or not.
  */
-
 export function isValidTemplate(state) {
   return state.template.isValid;
 }
+
 /**
  * Returns the defined block template
  *
@@ -1317,10 +1275,10 @@ export function isValidTemplate(state) {
  *
  * @return {?Array} Block Template.
  */
-
 export function getTemplate(state) {
   return state.settings.template;
 }
+
 /**
  * Returns the defined block template lock. Optionally accepts a root block
  * client ID as context, otherwise defaulting to the global context.
@@ -1330,24 +1288,18 @@ export function getTemplate(state) {
  *
  * @return {string|false} Block Template Lock
  */
-
 export function getTemplateLock(state, rootClientId) {
   var _getBlockListSettings;
-
   if (!rootClientId) {
     var _state$settings$templ;
-
     return (_state$settings$templ = state.settings.templateLock) !== null && _state$settings$templ !== void 0 ? _state$settings$templ : false;
   }
-
   return (_getBlockListSettings = getBlockListSettings(state, rootClientId)?.templateLock) !== null && _getBlockListSettings !== void 0 ? _getBlockListSettings : false;
 }
-
 const checkAllowList = (list, item, defaultResult = null) => {
   if (typeof list === 'boolean') {
     return list;
   }
-
   if (Array.isArray(list)) {
     // TODO: when there is a canonical way to detect that we are editing a post
     // the following check should be changed to something like:
@@ -1355,12 +1307,11 @@ const checkAllowList = (list, item, defaultResult = null) => {
     if (list.includes('core/post-content') && item === null) {
       return true;
     }
-
     return list.includes(item);
   }
-
   return defaultResult;
 };
+
 /**
  * Determines if the given block type is allowed to be inserted into the block list.
  * This function is not exported and not memoized because using a memoized selector
@@ -1374,48 +1325,38 @@ const checkAllowList = (list, item, defaultResult = null) => {
  *
  * @return {boolean} Whether the given block type is allowed to be inserted.
  */
-
-
 const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) => {
   let blockType;
-
   if (blockName && 'object' === typeof blockName) {
     blockType = blockName;
     blockName = blockType.name;
   } else {
     blockType = getBlockType(blockName);
   }
-
   if (!blockType) {
     return false;
   }
-
   const {
     allowedBlockTypes
   } = getSettings(state);
   const isBlockAllowedInEditor = checkAllowList(allowedBlockTypes, blockName, true);
-
   if (!isBlockAllowedInEditor) {
     return false;
   }
-
   const isLocked = !!getTemplateLock(state, rootClientId);
-
   if (isLocked) {
     return false;
   }
-
   if (getBlockEditingMode(state, rootClientId !== null && rootClientId !== void 0 ? rootClientId : '') === 'disabled') {
     return false;
   }
+  const parentBlockListSettings = getBlockListSettings(state, rootClientId);
 
-  const parentBlockListSettings = getBlockListSettings(state, rootClientId); // The parent block doesn't have settings indicating it doesn't support
+  // The parent block doesn't have settings indicating it doesn't support
   // inner blocks, return false.
-
   if (rootClientId && parentBlockListSettings === undefined) {
     return false;
   }
-
   const parentAllowedBlocks = parentBlockListSettings?.allowedBlocks;
   const hasParentAllowedBlock = checkAllowList(parentAllowedBlocks, blockName);
   const blockAllowedParentBlocks = blockType.parent;
@@ -1423,17 +1364,15 @@ const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) =>
   const hasBlockAllowedParent = checkAllowList(blockAllowedParentBlocks, parentName);
   let hasBlockAllowedAncestor = true;
   const blockAllowedAncestorBlocks = blockType.ancestor;
-
   if (blockAllowedAncestorBlocks) {
     const ancestors = [rootClientId, ...getBlockParents(state, rootClientId)];
     hasBlockAllowedAncestor = ancestors.some(ancestorClientId => checkAllowList(blockAllowedAncestorBlocks, getBlockName(state, ancestorClientId)));
   }
-
   const canInsert = hasBlockAllowedAncestor && (hasParentAllowedBlock === null && hasBlockAllowedParent === null || hasParentAllowedBlock === true || hasBlockAllowedParent === true);
-
   if (!canInsert) {
     return canInsert;
   }
+
   /**
    * This filter is an ad-hoc solution to prevent adding template parts inside post content.
    * Conceptually, having a filter inside a selector is bad pattern so this code will be
@@ -1446,8 +1385,6 @@ const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) =>
    * Filters are global: Once they're defined, they will affect all editor instances and all registries.
    * An ideal API would only affect specific editor instances.
    */
-
-
   return applyFilters('blockEditor.__unstableCanInsertBlockType', canInsert, blockType, rootClientId, {
     // Pass bound selectors of the current registry. If we're in a nested
     // context, the data will differ from the one selected from the root
@@ -1456,6 +1393,7 @@ const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) =>
     getBlockParentsByBlockName: getBlockParentsByBlockName.bind(null, state)
   });
 };
+
 /**
  * Determines if the given block type is allowed to be inserted into the block list.
  *
@@ -1465,9 +1403,8 @@ 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]);
+
 /**
  * Determines if the given blocks are allowed to be inserted into the block
  * list.
@@ -1478,10 +1415,10 @@ export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (
  *
  * @return {boolean} Whether the given blocks are allowed to be inserted.
  */
-
 export function canInsertBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(id => canInsertBlockType(state, getBlockName(state, id), rootClientId));
 }
+
 /**
  * Determines if the given block is allowed to be deleted.
  *
@@ -1491,24 +1428,20 @@ export function canInsertBlocks(state, clientIds, rootClientId = null) {
  *
  * @return {boolean} Whether the given block is allowed to be removed.
  */
-
 export function canRemoveBlock(state, clientId, rootClientId = null) {
   const attributes = getBlockAttributes(state, clientId);
-
   if (attributes === null) {
     return true;
   }
-
   if (attributes.lock?.remove !== undefined) {
     return !attributes.lock.remove;
   }
-
   if (getTemplateLock(state, rootClientId)) {
     return false;
   }
-
   return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
+
 /**
  * Determines if the given blocks are allowed to be removed.
  *
@@ -1518,10 +1451,10 @@ export function canRemoveBlock(state, clientId, rootClientId = null) {
  *
  * @return {boolean} Whether the given blocks are allowed to be removed.
  */
-
 export function canRemoveBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(clientId => canRemoveBlock(state, clientId, rootClientId));
 }
+
 /**
  * Determines if the given block is allowed to be moved.
  *
@@ -1531,24 +1464,20 @@ export function canRemoveBlocks(state, clientIds, rootClientId = null) {
  *
  * @return {boolean | undefined} Whether the given block is allowed to be moved.
  */
-
 export function canMoveBlock(state, clientId, rootClientId = null) {
   const attributes = getBlockAttributes(state, clientId);
-
   if (attributes === null) {
     return true;
   }
-
   if (attributes.lock?.move !== undefined) {
     return !attributes.lock.move;
   }
-
   if (getTemplateLock(state, rootClientId) === 'all') {
     return false;
   }
-
   return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
+
 /**
  * Determines if the given blocks are allowed to be moved.
  *
@@ -1558,10 +1487,10 @@ export function canMoveBlock(state, clientId, rootClientId = null) {
  *
  * @return {boolean} Whether the given blocks are allowed to be moved.
  */
-
 export function canMoveBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(clientId => canMoveBlock(state, clientId, rootClientId));
 }
+
 /**
  * Determines if the given block is allowed to be edited.
  *
@@ -1570,20 +1499,19 @@ export function canMoveBlocks(state, clientIds, rootClientId = null) {
  *
  * @return {boolean} Whether the given block is allowed to be edited.
  */
-
 export function canEditBlock(state, clientId) {
   const attributes = getBlockAttributes(state, clientId);
-
   if (attributes === null) {
     return true;
   }
-
   const {
     lock
-  } = attributes; // When the edit is true, we cannot edit the block.
+  } = attributes;
 
+  // When the edit is true, we cannot edit the block.
   return !lock?.edit;
 }
+
 /**
  * Determines if the given block type can be locked/unlocked by a user.
  *
@@ -1592,15 +1520,15 @@ export function canEditBlock(state, clientId) {
  *
  * @return {boolean} Whether a given block type can be locked/unlocked.
  */
-
 export function canLockBlockType(state, nameOrType) {
   if (!hasBlockSupport(nameOrType, 'lock', true)) {
     return false;
-  } // Use block editor settings as the default value.
-
+  }
 
+  // Use block editor settings as the default value.
   return !!state.settings?.canLockBlocks;
 }
+
 /**
  * Returns information about how recently and frequently a block has been inserted.
  *
@@ -1611,12 +1539,11 @@ export function canLockBlockType(state, nameOrType) {
  *                                            insert occurred as a UNIX epoch, and `count` which is
  *                                            the number of inserts that have occurred.
  */
-
 function getInsertUsage(state, id) {
   var _state$preferences$in;
-
   return (_state$preferences$in = state.preferences.insertUsage?.[id]) !== null && _state$preferences$in !== void 0 ? _state$preferences$in : null;
 }
+
 /**
  * Returns whether we can show a block type in the inserter
  *
@@ -1626,15 +1553,13 @@ function getInsertUsage(state, id) {
  *
  * @return {boolean} Whether the given block type is allowed to be shown in the inserter.
  */
-
-
 const canIncludeBlockTypeInInserter = (state, blockType, rootClientId) => {
   if (!hasBlockSupport(blockType, 'inserter', true)) {
     return false;
   }
-
   return canInsertBlockTypeUnmemoized(state, blockType.name, rootClientId);
 };
+
 /**
  * Return a function to be used to tranform a block variation to an inserter item
  *
@@ -1642,15 +1567,14 @@ const canIncludeBlockTypeInInserter = (state, blockType, rootClientId) => {
  * @param {Object} item  Denormalized inserter item
  * @return {Function} Function to transform a block variation to inserter item
  */
-
-
 const getItemFromVariation = (state, item) => variation => {
   const variationId = `${item.id}/${variation.name}`;
   const {
     time,
     count = 0
   } = getInsertUsage(state, variationId) || {};
-  return { ...item,
+  return {
+    ...item,
     id: variationId,
     icon: variation.icon || item.icon,
     title: variation.title || item.title,
@@ -1658,7 +1582,8 @@ const getItemFromVariation = (state, item) => variation => {
     category: variation.category || item.category,
     // If `example` is explicitly undefined for the variation, the preview will not be shown.
     example: variation.hasOwnProperty('example') ? variation.example : item.example,
-    initialAttributes: { ...item.initialAttributes,
+    initialAttributes: {
+      ...item.initialAttributes,
       ...variation.attributes
     },
     innerBlocks: variation.innerBlocks,
@@ -1666,6 +1591,7 @@ const getItemFromVariation = (state, item) => variation => {
     frecency: calculateFrecency(time, count)
   };
 };
+
 /**
  * Returns the calculated frecency.
  *
@@ -1677,31 +1603,25 @@ const getItemFromVariation = (state, item) => variation => {
  *
  * @return {number} The calculated frecency.
  */
-
-
 const calculateFrecency = (time, count) => {
   if (!time) {
     return count;
-  } // The selector is cached, which means Date.now() is the last time that the
+  }
+  // The selector is cached, which means Date.now() is the last time that the
   // relevant state changed. This suits our needs.
-
-
   const duration = Date.now() - time;
-
   switch (true) {
     case duration < MILLISECONDS_PER_HOUR:
       return count * 4;
-
     case duration < MILLISECONDS_PER_DAY:
       return count * 2;
-
     case duration < MILLISECONDS_PER_WEEK:
       return count / 2;
-
     default:
       return count / 4;
   }
 };
+
 /**
  * Returns a function that accepts a block type and builds an item to be shown
  * in a specific context. It's used for building items for Inserter and available
@@ -1712,20 +1632,16 @@ const calculateFrecency = (time, count) => {
  * @param {string} options.buildScope The scope for which the item is going to be used.
  * @return {Function} Function returns an item to be shown in a specific context (Inserter|Transforms list).
  */
-
-
 const buildBlockTypeItem = (state, {
   buildScope = 'inserter'
 }) => blockType => {
   const id = blockType.name;
   let isDisabled = false;
-
   if (!hasBlockSupport(blockType.name, 'multiple', true)) {
     isDisabled = getBlocksByClientId(state, getClientIdsWithDescendants(state)).some(({
       name
     }) => name === blockType.name);
   }
-
   const {
     time,
     count = 0
@@ -1740,7 +1656,8 @@ const buildBlockTypeItem = (state, {
   };
   if (buildScope === 'transform') return blockItemBase;
   const inserterVariations = getBlockVariations(blockType.name, 'inserter');
-  return { ...blockItemBase,
+  return {
+    ...blockItemBase,
     initialAttributes: {},
     description: blockType.description,
     category: blockType.category,
@@ -1748,9 +1665,9 @@ const buildBlockTypeItem = (state, {
     variations: inserterVariations,
     example: blockType.example,
     utility: 1 // Deprecated.
-
   };
 };
+
 /**
  * Determines the items that appear in the inserter. Includes both static
  * items (e.g. a regular block type) and dynamic items (e.g. a reusable block).
@@ -1780,11 +1697,12 @@ const buildBlockTypeItem = (state, {
  *                                        this item.
  * @property {number}   frecency          Heuristic that combines frequency and recency.
  */
-
-
 export const getInserterItems = createSelector((state, rootClientId = null) => {
   const buildReusableBlockInserterItem = reusableBlock => {
-    const icon = symbol;
+    const icon = !reusableBlock.wp_pattern_sync_status ? {
+      src: symbol,
+      foreground: 'var(--wp-block-synced-color)'
+    } : symbol;
     const id = `core/block/${reusableBlock.id}`;
     const {
       time,
@@ -1797,7 +1715,7 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
       initialAttributes: {
         ref: reusableBlock.id
       },
-      title: reusableBlock.title.raw,
+      title: reusableBlock.title?.raw,
       icon,
       category: 'reusable',
       keywords: ['reusable'],
@@ -1809,7 +1727,6 @@ 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 buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
@@ -1818,26 +1735,25 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
   const items = blockTypeInserterItems.reduce((accumulator, item) => {
     const {
       variations = []
-    } = item; // Exclude any block type item that is to be replaced by a default variation.
-
+    } = item;
+    // Exclude any block type item that is to be replaced by a default variation.
     if (!variations.some(({
       isDefault
     }) => isDefault)) {
       accumulator.push(item);
     }
-
     if (variations.length) {
       const variationMapper = getItemFromVariation(state, item);
       accumulator.push(...variations.map(variationMapper));
     }
-
     return accumulator;
-  }, []); // Ensure core blocks are prioritized in the returned results,
+  }, []);
+
+  // Ensure core blocks are prioritized in the returned results,
   // because third party blocks can be registered earlier than
   // the core blocks (usually by using the `init` action),
   // thus affecting the display order.
   // We don't sort reusable blocks as they are handled differently.
-
   const groupByType = (blocks, block) => {
     const {
       core,
@@ -1847,7 +1763,6 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
     type.push(block);
     return blocks;
   };
-
   const {
     core: coreItems,
     noncore: nonCoreItems
@@ -1858,6 +1773,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()]);
+
 /**
  * Determines the items that appear in the available block transforms list.
  *
@@ -1884,7 +1800,6 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
  *                                          this item.
  * @property {number}          frecency     Heuristic that combines frequency and recency.
  */
-
 export const getBlockTransformItems = createSelector((state, blocks, rootClientId = null) => {
   const normalizedBlocks = Array.isArray(blocks) ? blocks : [blocks];
   const buildBlockTypeTransformItem = buildBlockTypeItem(state, {
@@ -1896,11 +1811,11 @@ export const getBlockTransformItems = createSelector((state, blocks, rootClientI
     if (itemsByName[block?.name]) {
       accumulator.push(itemsByName[block.name]);
     }
-
     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()]);
+
 /**
  * Determines whether there are items to show in the inserter.
  *
@@ -1909,17 +1824,15 @@ export const getBlockTransformItems = createSelector((state, blocks, rootClientI
  *
  * @return {boolean} Items that appear in inserter.
  */
-
 export const hasInserterItems = createSelector((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;
   return hasReusableBlock;
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
+
 /**
  * Returns the list of allowed inserter blocks for inner blocks children.
  *
@@ -1928,12 +1841,10 @@ export const hasInserterItems = createSelector((state, rootClientId = null) => {
  *
  * @return {Array?} The list of allowed block types.
  */
-
 export const getAllowedBlocks = 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;
   return [...blockTypes, ...(hasReusableBlock ? ['core/block'] : [])];
@@ -1946,6 +1857,7 @@ export const __experimentalGetAllowedBlocks = createSelector((state, rootClientI
   });
   return getAllowedBlocks(state, rootClientId);
 }, (state, rootClientId) => [...getAllowedBlocks.getDependants(state, rootClientId)]);
+
 /**
  * Returns the block to be directly inserted by the block appender.
  *
@@ -1959,23 +1871,18 @@ export const __experimentalGetAllowedBlocks = createSelector((state, rootClientI
  * @property {?Object}        attributes       Attributes to pass to the newly created block.
  * @property {?Array<string>} attributesToCopy Attributes to be copied from adjecent blocks when inserted.
  */
-
 export const getDirectInsertBlock = createSelector((state, rootClientId = null) => {
   if (!rootClientId) {
     return;
   }
-
   const defaultBlock = state.blockListSettings[rootClientId]?.defaultBlock;
   const directInsert = state.blockListSettings[rootClientId]?.directInsert;
-
   if (!defaultBlock || !directInsert) {
     return;
   }
-
   if (typeof directInsert === 'function') {
     return directInsert(getBlock(state, rootClientId)) ? defaultBlock : null;
   }
-
   return defaultBlock;
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
 export const __experimentalGetDirectInsertBlock = createSelector((state, rootClientId = null) => {
@@ -1986,33 +1893,25 @@ export const __experimentalGetDirectInsertBlock = createSelector((state, rootCli
   });
   return getDirectInsertBlock(state, rootClientId);
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
-
 const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   if (typeof allowedBlockTypes === 'boolean') {
     return allowedBlockTypes;
   }
-
   const blocksQueue = [...blocks];
-
   while (blocksQueue.length > 0) {
     const block = blocksQueue.shift();
     const isAllowed = checkAllowList(allowedBlockTypes, block.name || block.blockName, true);
-
     if (!isAllowed) {
       return false;
     }
-
     block.innerBlocks?.forEach(innerBlock => {
       blocksQueue.push(innerBlock);
     });
   }
-
   return true;
 };
-
 function getUnsyncedPatterns(state) {
   var _state$settings$__exp;
-
   const reusableBlocks = (_state$settings$__exp = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
   return reusableBlocks.filter(reusableBlock => reusableBlock.wp_pattern_sync_status === 'unsynced').map(reusableBlock => {
     return {
@@ -2023,19 +1922,17 @@ function getUnsyncedPatterns(state) {
     };
   });
 }
-
 export const __experimentalGetParsedPattern = createSelector((state, patternName) => {
   const patterns = state.settings.__experimentalBlockPatterns;
   const unsyncedPatterns = getUnsyncedPatterns(state);
   const pattern = [...patterns, ...unsyncedPatterns].find(({
     name
   }) => name === patternName);
-
   if (!pattern) {
     return null;
   }
-
-  return { ...pattern,
+  return {
+    ...pattern,
     blocks: parse(pattern.content, {
       __unstableSkipMigrationLogs: true
     })
@@ -2057,6 +1954,7 @@ const getAllAllowedPatterns = createSelector(state => {
   }) => checkAllowListRecursive(blocks, allowedBlockTypes));
   return allowedPatterns;
 }, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state.settings.allowedBlockTypes]);
+
 /**
  * Returns the list of allowed patterns for inner blocks children.
  *
@@ -2065,7 +1963,6 @@ 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(({
@@ -2075,6 +1972,7 @@ export const __experimentalGetAllowedPatterns = createSelector((state, rootClien
   }) => 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)]);
+
 /**
  * Returns the list of patterns based on their declared `blockTypes`
  * and a block's name.
@@ -2088,19 +1986,14 @@ 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) => {
   if (!blockNames) return EMPTY_ARRAY;
-
   const patterns = __experimentalGetAllowedPatterns(state, 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) => {
@@ -2111,6 +2004,7 @@ export const __experimentalGetPatternsByBlockTypes = createSelector((state, bloc
   });
   return getPatternsByBlockTypes(state, blockNames, rootClientId);
 }, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
+
 /**
  * Determines the items that appear in the available pattern transforms list.
  *
@@ -2128,7 +2022,6 @@ export const __experimentalGetPatternsByBlockTypes = createSelector((state, bloc
  *
  * @return {WPBlockPattern[]} Items that are eligible for a pattern transformation.
  */
-
 export const __experimentalGetPatternTransformItems = createSelector((state, blocks, rootClientId = null) => {
   if (!blocks) return EMPTY_ARRAY;
   /**
@@ -2138,15 +2031,14 @@ export const __experimentalGetPatternTransformItems = createSelector((state, blo
    * return the inner blocks of an inner block controller, so we still need
    * to check for this case too.
    */
-
   if (blocks.some(({
     clientId,
     innerBlocks
   }) => innerBlocks.length || areInnerBlocksControlled(state, clientId))) {
     return EMPTY_ARRAY;
-  } // Create a Set of the selected block names that is used in patterns filtering.
-
+  }
 
+  // Create a Set of the selected block names that is used in patterns filtering.
   const selectedBlockNames = Array.from(new Set(blocks.map(({
     name
   }) => name)));
@@ -2156,9 +2048,9 @@ 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)]);
+
 /**
  * Returns the Block List settings of a block, if any exist.
  *
@@ -2167,10 +2059,10 @@ export const __experimentalGetPatternTransformItems = createSelector((state, blo
  *
  * @return {?Object} Block settings of the block if set.
  */
-
 export function getBlockListSettings(state, clientId) {
   return state.blockListSettings[clientId];
 }
+
 /**
  * Returns the editor settings.
  *
@@ -2178,10 +2070,10 @@ export function getBlockListSettings(state, clientId) {
  *
  * @return {Object} The editor settings object.
  */
-
 export function getSettings(state) {
   return state.settings;
 }
+
 /**
  * Returns true if the most recent block change is be considered persistent, or
  * false otherwise. A persistent change is one committed by BlockEditorProvider
@@ -2191,10 +2083,10 @@ export function getSettings(state) {
  *
  * @return {boolean} Whether the most recent block change was persistent.
  */
-
 export function isLastBlockChangePersistent(state) {
   return state.blocks.isPersistentChange;
 }
+
 /**
  * Returns the block list settings for an array of blocks, if any exist.
  *
@@ -2204,18 +2096,18 @@ export function isLastBlockChangePersistent(state) {
  * @return {Object} An object where the keys are client ids and the values are
  *                  a block list setting object.
  */
-
 export const __experimentalGetBlockListSettingsForBlocks = createSelector((state, clientIds = []) => {
   return clientIds.reduce((blockListSettingsForBlocks, clientId) => {
     if (!state.blockListSettings[clientId]) {
       return blockListSettingsForBlocks;
     }
-
-    return { ...blockListSettingsForBlocks,
+    return {
+      ...blockListSettingsForBlocks,
       [clientId]: state.blockListSettings[clientId]
     };
   }, {});
 }, state => [state.blockListSettings]);
+
 /**
  * Returns the title of a given reusable block
  *
@@ -2224,16 +2116,14 @@ 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);
-
   if (!reusableBlock) {
     return null;
   }
-
   return reusableBlock.title?.raw;
 }, state => [getReusableBlocks(state)]);
+
 /**
  * Returns true if the most recent block change is be considered ignored, or
  * false otherwise. An ignored change is one not to be committed by
@@ -2243,7 +2133,6 @@ export const __experimentalGetReusableBlockTitle = createSelector((state, ref) =
  *
  * @return {boolean} Whether the most recent block change was ignored.
  */
-
 export function __unstableIsLastBlockChangeIgnored(state) {
   // TODO: Removal Plan: Changes incurred by RECEIVE_BLOCKS should not be
   // ignored if in-fact they result in a change in blocks state. The current
@@ -2252,6 +2141,7 @@ export function __unstableIsLastBlockChangeIgnored(state) {
   // their own separate block editor / state (#7119).
   return state.blocks.isIgnoredChange;
 }
+
 /**
  * Returns the block attributes changed as a result of the last dispatched
  * action.
@@ -2261,10 +2151,10 @@ export function __unstableIsLastBlockChangeIgnored(state) {
  * @return {Object<string,Object>} Subsets of block attributes changed, keyed
  *                                 by block client ID.
  */
-
 export function __experimentalGetLastBlockAttributeChanges(state) {
   return state.lastBlockAttributesChange;
 }
+
 /**
  * Returns the available reusable blocks
  *
@@ -2272,12 +2162,11 @@ export function __experimentalGetLastBlockAttributeChanges(state) {
  *
  * @return {Array} Reusable blocks
  */
-
 function getReusableBlocks(state) {
   var _state$settings$__exp2;
-
   return (_state$settings$__exp2 = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp2 !== void 0 ? _state$settings$__exp2 : EMPTY_ARRAY;
 }
+
 /**
  * Returns whether the navigation mode is enabled.
  *
@@ -2285,11 +2174,10 @@ function getReusableBlocks(state) {
  *
  * @return {boolean} Is navigation mode enabled.
  */
-
-
 export function isNavigationMode(state) {
   return state.editorMode === 'navigation';
 }
+
 /**
  * Returns the current editor mode.
  *
@@ -2297,10 +2185,10 @@ export function isNavigationMode(state) {
  *
  * @return {string} the editor mode.
  */
-
 export function __unstableGetEditorMode(state) {
   return state.editorMode;
 }
+
 /**
  * Returns whether block moving mode is enabled.
  *
@@ -2308,10 +2196,10 @@ export function __unstableGetEditorMode(state) {
  *
  * @return {string} Client Id of moving block.
  */
-
 export function hasBlockMovingClientId(state) {
   return state.hasBlockMovingClientId;
 }
+
 /**
  * Returns true if the last change was an automatic change, false otherwise.
  *
@@ -2319,10 +2207,10 @@ export function hasBlockMovingClientId(state) {
  *
  * @return {boolean} Whether the last change was automatic.
  */
-
 export function didAutomaticChange(state) {
   return !!state.automaticChangeStatus;
 }
+
 /**
  * Returns true if the current highlighted block matches the block clientId.
  *
@@ -2331,10 +2219,10 @@ export function didAutomaticChange(state) {
  *
  * @return {boolean} Whether the block is currently highlighted.
  */
-
 export function isBlockHighlighted(state, clientId) {
   return state.highlightedBlock === clientId;
 }
+
 /**
  * Checks if a given block has controlled inner blocks.
  *
@@ -2343,10 +2231,10 @@ export function isBlockHighlighted(state, clientId) {
  *
  * @return {boolean} True if the block has controlled inner blocks.
  */
-
 export function areInnerBlocksControlled(state, clientId) {
   return !!state.blocks.controlledInnerBlocks[clientId];
 }
+
 /**
  * Returns the clientId for the first 'active' block of a given array of block names.
  * A block is 'active' if it (or a child) is the selected block.
@@ -2357,30 +2245,25 @@ export function areInnerBlocksControlled(state, clientId) {
  *
  * @return {string} The matching block's clientId.
  */
-
 export const __experimentalGetActiveBlockIdByBlockNames = createSelector((state, validBlockNames) => {
   if (!validBlockNames.length) {
     return null;
-  } // Check if selected block is a valid entity area.
-
-
+  }
+  // Check if selected block is a valid entity area.
   const selectedBlockClientId = getSelectedBlockClientId(state);
-
   if (validBlockNames.includes(getBlockName(state, selectedBlockClientId))) {
     return selectedBlockClientId;
-  } // Check if first selected block is a child of a valid entity area.
-
-
+  }
+  // Check if first selected block is a child of a valid entity area.
   const multiSelectedBlockClientIds = getMultiSelectedBlockClientIds(state);
   const entityAreaParents = getBlockParentsByBlockName(state, selectedBlockClientId || multiSelectedBlockClientIds[0], validBlockNames);
-
   if (entityAreaParents) {
     // Last parent closest/most interior.
     return entityAreaParents[entityAreaParents.length - 1];
   }
-
   return null;
 }, (state, validBlockNames) => [state.selection.selectionStart.clientId, state.selection.selectionEnd.clientId, validBlockNames]);
+
 /**
  * Tells if the block with the passed clientId was just inserted.
  *
@@ -2389,13 +2272,13 @@ export const __experimentalGetActiveBlockIdByBlockNames = createSelector((state,
  * @param {?string} source   Optional insertion source of the block.
  * @return {boolean} True if the block matches the last block inserted from the specified source.
  */
-
 export function wasBlockJustInserted(state, clientId, source) {
   const {
     lastBlockInserted
   } = state;
   return lastBlockInserted.clientIds?.includes(clientId) && lastBlockInserted.source === source;
 }
+
 /**
  * Tells if the block is visible on the canvas or not.
  *
@@ -2403,48 +2286,42 @@ export function wasBlockJustInserted(state, clientId, source) {
  * @param {Object} clientId Client Id of the block.
  * @return {boolean} True if the block is visible.
  */
-
 export function isBlockVisible(state, clientId) {
   var _state$blockVisibilit;
-
   return (_state$blockVisibilit = state.blockVisibility?.[clientId]) !== null && _state$blockVisibilit !== void 0 ? _state$blockVisibilit : true;
 }
+
 /**
  * Returns the list of all hidden blocks.
  *
  * @param {Object} state Global application state.
  * @return {[string]} List of hidden blocks.
  */
-
 export const __unstableGetVisibleBlocks = createSelector(state => {
   const visibleBlocks = new Set(Object.keys(state.blockVisibility).filter(key => state.blockVisibility[key]));
-
   if (visibleBlocks.size === 0) {
     return EMPTY_SET;
   }
-
   return visibleBlocks;
 }, state => [state.blockVisibility]);
+
 /**
  * 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.
  */
-
 export const __unstableGetContentLockingParent = createSelector((state, clientId) => {
   let current = clientId;
   let result;
-
   while (state.blocks.parents.has(current)) {
     current = state.blocks.parents.get(current);
-
     if (current && getTemplateLock(state, current) === 'contentOnly') {
       result = current;
     }
   }
-
   return result;
 }, state => [state.blocks.parents, state.blockListSettings]);
+
 /**
  * DO-NOT-USE in production.
  * This selector is created for internal/experimental only usage and may be
@@ -2452,7 +2329,6 @@ export const __unstableGetContentLockingParent = createSelector((state, clientId
  *
  * @param {Object} state Global application state.
  */
-
 export function __unstableGetTemporarilyEditingAsBlocks(state) {
   return state.temporarilyEditingAsBlocks;
 }
@@ -2463,40 +2339,86 @@ export function __unstableHasActiveBlockOverlayActive(state, clientId) {
   // 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.
-
+  }
 
+  // If the block editing is locked, the block overlay is always active.
   if (!canEditBlock(state, clientId)) {
     return true;
   }
+  const editorMode = __unstableGetEditorMode(state);
 
-  const editorMode = __unstableGetEditorMode(state); // In zoom-out mode, the block overlay is always active for top level blocks.
-
-
+  // In zoom-out mode, the block overlay is always active for top level blocks.
   if (editorMode === 'zoom-out' && clientId && !getBlockRootClientId(state, clientId)) {
     return true;
-  } // In navigation mode, the block overlay is active when the block is not
+  }
+
+  // In navigation mode, the block overlay is active when the block is not
   // selected (and doesn't contain a selected child). The same behavior is
   // also enabled in all modes for blocks that have controlled children
   // (reusable block, template part, navigation), unless explicitly disabled
   // with `supports.__experimentalDisableBlockOverlay`.
-
-
   const blockSupportDisable = hasBlockSupport(getBlockName(state, clientId), '__experimentalDisableBlockOverlay', false);
   const shouldEnableIfUnselected = editorMode === 'navigation' || (blockSupportDisable ? false : areInnerBlocksControlled(state, clientId));
   return shouldEnableIfUnselected && !isBlockSelected(state, clientId) && !hasSelectedInnerBlock(state, clientId, true);
 }
 export function __unstableIsWithinBlockOverlay(state, clientId) {
   let parent = state.blocks.parents.get(clientId);
-
   while (!!parent) {
     if (__unstableHasActiveBlockOverlayActive(state, parent)) {
       return true;
     }
-
     parent = state.blocks.parents.get(parent);
   }
-
   return false;
 }
+
+/**
+ * @typedef {import('../components/block-editing-mode').BlockEditingMode} BlockEditingMode
+ */
+
+/**
+ * Returns the block editing mode for a given block.
+ *
+ * The mode can be one of three options:
+ *
+ * - `'disabled'`: Prevents editing the block entirely, i.e. it cannot be
+ *   selected.
+ * - `'contentOnly'`: Hides all non-content UI, e.g. auxiliary controls in the
+ *   toolbar, the block movers, block settings.
+ * - `'default'`: Allows editing the block as normal.
+ *
+ * Blocks can set a mode using the `useBlockEditingMode` hook.
+ *
+ * The mode is inherited by all of the block's inner blocks, unless they have
+ * their own mode.
+ *
+ * A template lock can also set a mode. If the template lock is `'contentOnly'`,
+ * the block's mode is overridden to `'contentOnly'` if the block has a content
+ * role attribute, or `'disabled'` otherwise.
+ *
+ * @see useBlockEditingMode
+ *
+ * @param {Object} state    Global application state.
+ * @param {string} clientId The block client ID, or `''` for the root container.
+ *
+ * @return {BlockEditingMode} The block editing mode. One of `'disabled'`,
+ *                            `'contentOnly'`, or `'default'`.
+ */
+export const getBlockEditingMode = createRegistrySelector(select => (state, clientId = '') => {
+  if (state.blockEditingModes.has(clientId)) {
+    return state.blockEditingModes.get(clientId);
+  }
+  if (!clientId) {
+    return 'default';
+  }
+  const rootClientId = getBlockRootClientId(state, clientId);
+  const templateLock = getTemplateLock(state, rootClientId);
+  if (templateLock === 'contentOnly') {
+    const name = getBlockName(state, clientId);
+    const isContent = select(blocksStore).__experimentalHasContentRoleAttribute(name);
+    return isContent ? 'contentOnly' : 'disabled';
+  }
+  const parentMode = getBlockEditingMode(state, rootClientId);
+  return parentMode === 'contentOnly' ? 'default' : parentMode;
+});
 //# sourceMappingURL=selectors.js.map