@wordpress/block-editor 12.2.0 → 12.3.1

package/build-module/store/selectors.js

@@ -18,6 +18,7 @@ import deprecated from '@wordpress/deprecated';
 
 import { mapRichTextSettings } from './utils';
 import { orderBy } from '../utils/sorting';
+import { getBlockEditingMode } from './private-selectors';
 /**
  * A block selection object.
  *
@@ -69,7 +70,7 @@ export function getBlockName(state, clientId) {
   const block = state.blocks.byClientId.get(clientId);
   const socialLinkName = 'core/social-link';
 
-  if (Platform.OS !== 'web' && (block === null || block === void 0 ? void 0 : block.name) === socialLinkName) {
+  if (Platform.OS !== 'web' && block?.name === socialLinkName) {
     const attributes = state.blocks.attributes.get(clientId);
     const {
       service
@@ -161,38 +162,49 @@ export const __unstableGetBlockWithoutInnerBlocks = createSelector((state, clien
  */
 
 export function getBlocks(state, rootClientId) {
-  var _state$blocks$tree$ge;
-
   const treeKey = !rootClientId || !areInnerBlocksControlled(state, rootClientId) ? rootClientId || '' : 'controlled||' + rootClientId;
-  return ((_state$blocks$tree$ge = state.blocks.tree.get(treeKey)) === null || _state$blocks$tree$ge === void 0 ? void 0 : _state$blocks$tree$ge.innerBlocks) || EMPTY_ARRAY;
+  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.
  *
+ * @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(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+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]);
 /**
@@ -272,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]);
@@ -455,8 +468,7 @@ export function getBlockRootClientId(state, clientId) {
  * @return {Array} ClientIDs of the parent blocks.
  */
 
-export const getBlockParents = createSelector(function (state, clientId) {
-  let ascending = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export const getBlockParents = createSelector((state, clientId, ascending = false) => {
   const parents = [];
   let current = clientId;
 
@@ -486,28 +498,10 @@ export const getBlockParents = createSelector(function (state, clientId) {
  * @return {Array} ClientIDs of the parent blocks.
  */
 
-export const getBlockParentsByBlockName = createSelector(function (state, clientId, blockName) {
-  let ascending = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+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(_ref => {
-    let {
-      name
-    } = _ref;
-
-    if (Array.isArray(blockName)) {
-      return blockName.includes(name);
-    }
-
-    return name === blockName;
-  }).map(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return 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.
@@ -570,9 +564,7 @@ export function getLowestCommonAncestorWithSelectedBlock(state, clientId) {
  * @return {?string} Return the client ID of the block, or null if none exists.
  */
 
-export function getAdjacentBlockClientId(state, startClientId) {
-  let modifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-
+export function getAdjacentBlockClientId(state, startClientId, modifier = 1) {
   // Default to selected block.
   if (startClientId === undefined) {
     startClientId = getSelectedBlockClientId(state);
@@ -1082,8 +1074,7 @@ export function isBlockSelected(state, clientId) {
  * @return {boolean} Whether the block has an inner block selected
  */
 
-export function hasSelectedInnerBlock(state, clientId) {
-  let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export function hasSelectedInnerBlock(state, clientId, deep = false) {
   return getBlockOrder(state, clientId).some(innerClientId => isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep));
 }
 /**
@@ -1096,8 +1087,7 @@ export function hasSelectedInnerBlock(state, clientId) {
  * @return {boolean} Whether the block has an inner block dragged
  */
 
-export function hasDraggedInnerBlock(state, clientId) {
-  let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export function hasDraggedInnerBlock(state, clientId, deep = false) {
   return getBlockOrder(state, clientId).some(innerClientId => isBlockBeingDragged(state, innerClientId) || deep && hasDraggedInnerBlock(state, innerClientId, deep));
 }
 /**
@@ -1342,7 +1332,7 @@ export function getTemplate(state) {
  */
 
 export function getTemplateLock(state, rootClientId) {
-  var _getBlockListSettings, _getBlockListSettings2;
+  var _getBlockListSettings;
 
   if (!rootClientId) {
     var _state$settings$templ;
@@ -1350,12 +1340,10 @@ export function getTemplateLock(state, rootClientId) {
     return (_state$settings$templ = state.settings.templateLock) !== null && _state$settings$templ !== void 0 ? _state$settings$templ : false;
   }
 
-  return (_getBlockListSettings = (_getBlockListSettings2 = getBlockListSettings(state, rootClientId)) === null || _getBlockListSettings2 === void 0 ? void 0 : _getBlockListSettings2.templateLock) !== null && _getBlockListSettings !== void 0 ? _getBlockListSettings : false;
+  return (_getBlockListSettings = getBlockListSettings(state, rootClientId)?.templateLock) !== null && _getBlockListSettings !== void 0 ? _getBlockListSettings : false;
 }
 
-const checkAllowList = function (list, item) {
-  let defaultResult = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
+const checkAllowList = (list, item, defaultResult = null) => {
   if (typeof list === 'boolean') {
     return list;
   }
@@ -1388,8 +1376,7 @@ const checkAllowList = function (list, item) {
  */
 
 
-const canInsertBlockTypeUnmemoized = function (state, blockName) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) => {
   let blockType;
 
   if (blockName && 'object' === typeof blockName) {
@@ -1418,6 +1405,10 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) {
     return false;
   }
 
+  if (getBlockEditingMode(state, rootClientId !== null && rootClientId !== void 0 ? rootClientId : '') === 'disabled') {
+    return false;
+  }
+
   const parentBlockListSettings = getBlockListSettings(state, rootClientId); // The parent block doesn't have settings indicating it doesn't support
   // inner blocks, return false.
 
@@ -1425,7 +1416,7 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) {
     return false;
   }
 
-  const parentAllowedBlocks = parentBlockListSettings === null || parentBlockListSettings === void 0 ? void 0 : parentBlockListSettings.allowedBlocks;
+  const parentAllowedBlocks = parentBlockListSettings?.allowedBlocks;
   const hasParentAllowedBlock = checkAllowList(parentAllowedBlocks, blockName);
   const blockAllowedParentBlocks = blockType.parent;
   const parentName = getBlockName(state, rootClientId);
@@ -1476,7 +1467,7 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) {
  */
 
 
-export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.settings.allowedBlockTypes, state.settings.templateLock]);
+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.
@@ -1488,8 +1479,7 @@ export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (
  * @return {boolean} Whether the given blocks are allowed to be inserted.
  */
 
-export function canInsertBlocks(state, clientIds) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export function canInsertBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(id => canInsertBlockType(state, getBlockName(state, id), rootClientId));
 }
 /**
@@ -1502,25 +1492,22 @@ export function canInsertBlocks(state, clientIds) {
  * @return {boolean} Whether the given block is allowed to be removed.
  */
 
-export function canRemoveBlock(state, clientId) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  const attributes = getBlockAttributes(state, clientId); // attributes can be null if the block is already deleted.
+export function canRemoveBlock(state, clientId, rootClientId = null) {
+  const attributes = getBlockAttributes(state, clientId);
 
   if (attributes === null) {
     return true;
   }
 
-  const {
-    lock
-  } = attributes;
-  const parentIsLocked = !!getTemplateLock(state, rootClientId); // If we don't have a lock on the blockType level, we defer to the parent templateLock.
-
-  if (lock === undefined || (lock === null || lock === void 0 ? void 0 : lock.remove) === undefined) {
-    return !parentIsLocked;
-  } // When remove is true, it means we cannot remove it.
+  if (attributes.lock?.remove !== undefined) {
+    return !attributes.lock.remove;
+  }
 
+  if (getTemplateLock(state, rootClientId)) {
+    return false;
+  }
 
-  return !(lock !== null && lock !== void 0 && lock.remove);
+  return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
 /**
  * Determines if the given blocks are allowed to be removed.
@@ -1532,8 +1519,7 @@ export function canRemoveBlock(state, clientId) {
  * @return {boolean} Whether the given blocks are allowed to be removed.
  */
 
-export function canRemoveBlocks(state, clientIds) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export function canRemoveBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(clientId => canRemoveBlock(state, clientId, rootClientId));
 }
 /**
@@ -1546,25 +1532,22 @@ export function canRemoveBlocks(state, clientIds) {
  * @return {boolean | undefined} Whether the given block is allowed to be moved.
  */
 
-export function canMoveBlock(state, clientId) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export function canMoveBlock(state, clientId, rootClientId = null) {
   const attributes = getBlockAttributes(state, clientId);
 
   if (attributes === null) {
-    return;
+    return true;
   }
 
-  const {
-    lock
-  } = attributes;
-  const parentIsLocked = getTemplateLock(state, rootClientId) === 'all'; // If we don't have a lock on the blockType level, we defer to the parent templateLock.
-
-  if (lock === undefined || (lock === null || lock === void 0 ? void 0 : lock.move) === undefined) {
-    return !parentIsLocked;
-  } // When move is true, it means we cannot move it.
+  if (attributes.lock?.move !== undefined) {
+    return !attributes.lock.move;
+  }
 
+  if (getTemplateLock(state, rootClientId) === 'all') {
+    return false;
+  }
 
-  return !(lock !== null && lock !== void 0 && lock.move);
+  return getBlockEditingMode(state, rootClientId) !== 'disabled';
 }
 /**
  * Determines if the given blocks are allowed to be moved.
@@ -1576,8 +1559,7 @@ export function canMoveBlock(state, clientId) {
  * @return {boolean} Whether the given blocks are allowed to be moved.
  */
 
-export function canMoveBlocks(state, clientIds) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export function canMoveBlocks(state, clientIds, rootClientId = null) {
   return clientIds.every(clientId => canMoveBlock(state, clientId, rootClientId));
 }
 /**
@@ -1600,7 +1582,7 @@ export function canEditBlock(state, clientId) {
     lock
   } = attributes; // When the edit is true, we cannot edit the block.
 
-  return !(lock !== null && lock !== void 0 && lock.edit);
+  return !lock?.edit;
 }
 /**
  * Determines if the given block type can be locked/unlocked by a user.
@@ -1612,14 +1594,12 @@ export function canEditBlock(state, clientId) {
  */
 
 export function canLockBlockType(state, nameOrType) {
-  var _state$settings;
-
   if (!hasBlockSupport(nameOrType, 'lock', true)) {
     return false;
   } // Use block editor settings as the default value.
 
 
-  return !!((_state$settings = state.settings) !== null && _state$settings !== void 0 && _state$settings.canLockBlocks);
+  return !!state.settings?.canLockBlocks;
 }
 /**
  * Returns information about how recently and frequently a block has been inserted.
@@ -1633,9 +1613,9 @@ export function canLockBlockType(state, nameOrType) {
  */
 
 function getInsertUsage(state, id) {
-  var _state$preferences$in, _state$preferences$in2;
+  var _state$preferences$in;
 
-  return (_state$preferences$in = (_state$preferences$in2 = state.preferences.insertUsage) === null || _state$preferences$in2 === void 0 ? void 0 : _state$preferences$in2[id]) !== null && _state$preferences$in !== void 0 ? _state$preferences$in : null;
+  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
@@ -1734,47 +1714,41 @@ const calculateFrecency = (time, count) => {
  */
 
 
-const buildBlockTypeItem = (state, _ref3) => {
-  let {
-    buildScope = 'inserter'
-  } = _ref3;
-  return blockType => {
-    const id = blockType.name;
-    let isDisabled = false;
+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(_ref4 => {
-        let {
-          name
-        } = _ref4;
-        return name === blockType.name;
-      });
-    }
+  if (!hasBlockSupport(blockType.name, 'multiple', true)) {
+    isDisabled = getBlocksByClientId(state, getClientIdsWithDescendants(state)).some(({
+      name
+    }) => name === blockType.name);
+  }
 
-    const {
-      time,
-      count = 0
-    } = getInsertUsage(state, id) || {};
-    const blockItemBase = {
-      id,
-      name: blockType.name,
-      title: blockType.title,
-      icon: blockType.icon,
-      isDisabled,
-      frecency: calculateFrecency(time, count)
-    };
-    if (buildScope === 'transform') return blockItemBase;
-    const inserterVariations = getBlockVariations(blockType.name, 'inserter');
-    return { ...blockItemBase,
-      initialAttributes: {},
-      description: blockType.description,
-      category: blockType.category,
-      keywords: blockType.keywords,
-      variations: inserterVariations,
-      example: blockType.example,
-      utility: 1 // Deprecated.
+  const {
+    time,
+    count = 0
+  } = getInsertUsage(state, id) || {};
+  const blockItemBase = {
+    id,
+    name: blockType.name,
+    title: blockType.title,
+    icon: blockType.icon,
+    isDisabled,
+    frecency: calculateFrecency(time, count)
+  };
+  if (buildScope === 'transform') return blockItemBase;
+  const inserterVariations = getBlockVariations(blockType.name, 'inserter');
+  return { ...blockItemBase,
+    initialAttributes: {},
+    description: blockType.description,
+    category: blockType.category,
+    keywords: blockType.keywords,
+    variations: inserterVariations,
+    example: blockType.example,
+    utility: 1 // Deprecated.
 
-    };
   };
 };
 /**
@@ -1791,6 +1765,7 @@ const buildBlockTypeItem = (state, _ref3) => {
  *
  * @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.
  *
@@ -1808,8 +1783,7 @@ const buildBlockTypeItem = (state, _ref3) => {
  */
 
 
-export const getInserterItems = createSelector(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+export const getInserterItems = createSelector((state, rootClientId = null, syncStatus) => {
   const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
   });
@@ -1873,23 +1847,21 @@ export const getInserterItems = createSelector(function (state) {
       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 = []
     } = item; // Exclude any block type item that is to be replaced by a default variation.
 
-    if (!variations.some(_ref5 => {
-      let {
-        isDefault
-      } = _ref5;
-      return isDefault;
-    })) {
+    if (!variations.some(({
+      isDefault
+    }) => isDefault)) {
       accumulator.push(item);
     }
 
@@ -1952,19 +1924,15 @@ export const getInserterItems = createSelector(function (state) {
  * @property {number}          frecency     Heuristic that combines frequency and recency.
  */
 
-export const getBlockTransformItems = createSelector(function (state, blocks) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export const getBlockTransformItems = createSelector((state, blocks, rootClientId = null) => {
   const normalizedBlocks = Array.isArray(blocks) ? blocks : [blocks];
   const buildBlockTypeTransformItem = buildBlockTypeItem(state, {
     buildScope: 'transform'
   });
   const blockTypeTransformItems = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)).map(buildBlockTypeTransformItem);
-  const itemsByName = Object.fromEntries(Object.entries(blockTypeTransformItems).map(_ref6 => {
-    let [, value] = _ref6;
-    return [value.name, value];
-  }));
+  const itemsByName = Object.fromEntries(Object.entries(blockTypeTransformItems).map(([, value]) => [value.name, value]));
   const possibleTransforms = getPossibleBlockTransformations(normalizedBlocks).reduce((accumulator, block) => {
-    if (itemsByName[block === null || block === void 0 ? void 0 : block.name]) {
+    if (itemsByName[block?.name]) {
       accumulator.push(itemsByName[block.name]);
     }
 
@@ -1981,8 +1949,7 @@ export const getBlockTransformItems = createSelector(function (state, blocks) {
  * @return {boolean} Items that appear in inserter.
  */
 
-export const hasInserterItems = createSelector(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+export const hasInserterItems = createSelector((state, rootClientId = null) => {
   const hasBlockType = getBlockTypes().some(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
 
   if (hasBlockType) {
@@ -2001,17 +1968,14 @@ export const hasInserterItems = createSelector(function (state) {
  * @return {Array?} The list of allowed block types.
  */
 
-export const getAllowedBlocks = createSelector(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
+export const getAllowedBlocks = createSelector((state, rootClientId = null) => {
   if (!rootClientId) {
     return;
   }
 
   return getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
-export const __experimentalGetAllowedBlocks = createSelector(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+export const __experimentalGetAllowedBlocks = createSelector((state, rootClientId = null) => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', {
     alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks',
     since: '6.2',
@@ -2033,17 +1997,13 @@ export const __experimentalGetAllowedBlocks = createSelector(function (state) {
  * @property {?Array<string>} attributesToCopy Attributes to be copied from adjecent blocks when inserted.
  */
 
-export const __experimentalGetDirectInsertBlock = createSelector(function (state) {
-  var _state$blockListSetti, _state$blockListSetti2;
-
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
+export const __experimentalGetDirectInsertBlock = createSelector((state, rootClientId = null) => {
   if (!rootClientId) {
     return;
   }
 
-  const defaultBlock = (_state$blockListSetti = state.blockListSettings[rootClientId]) === null || _state$blockListSetti === void 0 ? void 0 : _state$blockListSetti.__experimentalDefaultBlock;
-  const directInsert = (_state$blockListSetti2 = state.blockListSettings[rootClientId]) === null || _state$blockListSetti2 === void 0 ? void 0 : _state$blockListSetti2.__experimentalDirectInsert;
+  const defaultBlock = state.blockListSettings[rootClientId]?.__experimentalDefaultBlock;
+  const directInsert = state.blockListSettings[rootClientId]?.__experimentalDirectInsert;
 
   if (!defaultBlock || !directInsert) {
     return;
@@ -2064,8 +2024,6 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   const blocksQueue = [...blocks];
 
   while (blocksQueue.length > 0) {
-    var _block$innerBlocks;
-
     const block = blocksQueue.shift();
     const isAllowed = checkAllowList(allowedBlockTypes, block.name || block.blockName, true);
 
@@ -2073,7 +2031,7 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
       return false;
     }
 
-    (_block$innerBlocks = block.innerBlocks) === null || _block$innerBlocks === void 0 ? void 0 : _block$innerBlocks.forEach(innerBlock => {
+    block.innerBlocks?.forEach(innerBlock => {
       blocksQueue.push(innerBlock);
     });
   }
@@ -2083,12 +2041,9 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
 
 export const __experimentalGetParsedPattern = createSelector((state, patternName) => {
   const patterns = state.settings.__experimentalBlockPatterns;
-  const pattern = patterns.find(_ref7 => {
-    let {
-      name
-    } = _ref7;
-    return name === patternName;
-  });
+  const pattern = patterns.find(({
+    name
+  }) => name === patternName);
 
   if (!pattern) {
     return null;
@@ -2105,23 +2060,14 @@ const getAllAllowedPatterns = createSelector(state => {
   const {
     allowedBlockTypes
   } = getSettings(state);
-  const parsedPatterns = patterns.filter(_ref8 => {
-    let {
-      inserter = true
-    } = _ref8;
-    return !!inserter;
-  }).map(_ref9 => {
-    let {
-      name
-    } = _ref9;
-    return __experimentalGetParsedPattern(state, name);
-  });
-  const allowedPatterns = parsedPatterns.filter(_ref10 => {
-    let {
-      blocks
-    } = _ref10;
-    return checkAllowListRecursive(blocks, allowedBlockTypes);
-  });
+  const parsedPatterns = patterns.filter(({
+    inserter = true
+  }) => !!inserter).map(({
+    name
+  }) => __experimentalGetParsedPattern(state, name));
+  const allowedPatterns = parsedPatterns.filter(({
+    blocks
+  }) => checkAllowListRecursive(blocks, allowedBlockTypes));
   return allowedPatterns;
 }, state => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes]);
 /**
@@ -2133,20 +2079,13 @@ const getAllAllowedPatterns = createSelector(state => {
  * @return {Array?} The list of allowed patterns.
  */
 
-export const __experimentalGetAllowedPatterns = createSelector(function (state) {
-  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+export const __experimentalGetAllowedPatterns = createSelector((state, rootClientId = null) => {
   const availableParsedPatterns = getAllAllowedPatterns(state);
-  const patternsAllowed = availableParsedPatterns.filter(_ref11 => {
-    let {
-      blocks
-    } = _ref11;
-    return blocks.every(_ref12 => {
-      let {
-        name
-      } = _ref12;
-      return canInsertBlockType(state, name, rootClientId);
-    });
-  });
+  const patternsAllowed = availableParsedPatterns.filter(({
+    blocks
+  }) => blocks.every(({
+    name
+  }) => canInsertBlockType(state, name, rootClientId)));
   return patternsAllowed;
 }, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId)]);
 /**
@@ -2163,18 +2102,13 @@ export const __experimentalGetAllowedPatterns = createSelector(function (state)
  * @return {Array} The list of matched block patterns based on declared `blockTypes` and block name.
  */
 
-export const getPatternsByBlockTypes = createSelector(function (state, blockNames) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+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 => {
-    var _pattern$blockTypes, _pattern$blockTypes$s;
-
-    return pattern === null || pattern === void 0 ? void 0 : (_pattern$blockTypes = pattern.blockTypes) === null || _pattern$blockTypes === void 0 ? void 0 : (_pattern$blockTypes$s = _pattern$blockTypes.some) === null || _pattern$blockTypes$s === void 0 ? void 0 : _pattern$blockTypes$s.call(_pattern$blockTypes, blockName => normalizedBlockNames.includes(blockName));
-  });
+  const filteredPatterns = patterns.filter(pattern => pattern?.blockTypes?.some?.(blockName => normalizedBlockNames.includes(blockName)));
 
   if (filteredPatterns.length === 0) {
     return EMPTY_ARRAY;
@@ -2182,8 +2116,7 @@ export const getPatternsByBlockTypes = createSelector(function (state, blockName
 
   return filteredPatterns;
 }, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
-export const __experimentalGetPatternsByBlockTypes = createSelector(function (state, blockNames) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export const __experimentalGetPatternsByBlockTypes = createSelector((state, blockNames, rootClientId = null) => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetPatternsByBlockTypes', {
     alternative: 'wp.data.select( "core/block-editor" ).getPatternsByBlockTypes',
     since: '6.2',
@@ -2209,8 +2142,7 @@ export const __experimentalGetPatternsByBlockTypes = createSelector(function (st
  * @return {WPBlockPattern[]} Items that are eligible for a pattern transformation.
  */
 
-export const __experimentalGetPatternTransformItems = createSelector(function (state, blocks) {
-  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+export const __experimentalGetPatternTransformItems = createSelector((state, blocks, rootClientId = null) => {
   if (!blocks) return EMPTY_ARRAY;
   /**
    * For now we only handle blocks without InnerBlocks and take into account
@@ -2220,23 +2152,17 @@ export const __experimentalGetPatternTransformItems = createSelector(function (s
    * to check for this case too.
    */
 
-  if (blocks.some(_ref13 => {
-    let {
-      clientId,
-      innerBlocks
-    } = _ref13;
-    return innerBlocks.length || areInnerBlocksControlled(state, clientId);
-  })) {
+  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.
 
 
-  const selectedBlockNames = Array.from(new Set(blocks.map(_ref14 => {
-    let {
-      name
-    } = _ref14;
-    return name;
-  })));
+  const selectedBlockNames = Array.from(new Set(blocks.map(({
+    name
+  }) => name)));
   /**
    * Here we will return first set of possible eligible block patterns,
    * by checking the `blockTypes` property. We still have to recurse through
@@ -2316,8 +2242,7 @@ export function isLastBlockChangePersistent(state) {
  *                  a block list setting object.
  */
 
-export const __experimentalGetBlockListSettingsForBlocks = createSelector(function (state) {
-  let clientIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+export const __experimentalGetBlockListSettingsForBlocks = createSelector((state, clientIds = []) => {
   return clientIds.reduce((blockListSettingsForBlocks, clientId) => {
     if (!state.blockListSettings[clientId]) {
       return blockListSettingsForBlocks;
@@ -2338,15 +2263,13 @@ export const __experimentalGetBlockListSettingsForBlocks = createSelector(functi
  */
 
 export const __experimentalGetReusableBlockTitle = createSelector((state, ref) => {
-  var _reusableBlock$title;
-
   const reusableBlock = getReusableBlocks(state).find(block => block.id === ref);
 
   if (!reusableBlock) {
     return null;
   }
 
-  return (_reusableBlock$title = reusableBlock.title) === null || _reusableBlock$title === void 0 ? void 0 : _reusableBlock$title.raw;
+  return reusableBlock.title?.raw;
 }, state => [getReusableBlocks(state)]);
 /**
  * Returns true if the most recent block change is be considered ignored, or
@@ -2388,9 +2311,9 @@ export function __experimentalGetLastBlockAttributeChanges(state) {
  */
 
 function getReusableBlocks(state) {
-  var _state$settings$__exp, _state$settings2;
+  var _state$settings$__exp;
 
-  return (_state$settings$__exp = state === null || state === void 0 ? void 0 : (_state$settings2 = state.settings) === null || _state$settings2 === void 0 ? void 0 : _state$settings2.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
+  return (_state$settings$__exp = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
 }
 /**
  * Returns whether the navigation mode is enabled.
@@ -2505,12 +2428,10 @@ export const __experimentalGetActiveBlockIdByBlockNames = createSelector((state,
  */
 
 export function wasBlockJustInserted(state, clientId, source) {
-  var _lastBlockInserted$cl;
-
   const {
     lastBlockInserted
   } = state;
-  return ((_lastBlockInserted$cl = lastBlockInserted.clientIds) === null || _lastBlockInserted$cl === void 0 ? void 0 : _lastBlockInserted$cl.includes(clientId)) && lastBlockInserted.source === source;
+  return lastBlockInserted.clientIds?.includes(clientId) && lastBlockInserted.source === source;
 }
 /**
  * Tells if the block is visible on the canvas or not.
@@ -2521,9 +2442,9 @@ export function wasBlockJustInserted(state, clientId, source) {
  */
 
 export function isBlockVisible(state, clientId) {
-  var _state$blockVisibilit, _state$blockVisibilit2;
+  var _state$blockVisibilit;
 
-  return (_state$blockVisibilit = (_state$blockVisibilit2 = state.blockVisibility) === null || _state$blockVisibilit2 === void 0 ? void 0 : _state$blockVisibilit2[clientId]) !== null && _state$blockVisibilit !== void 0 ? _state$blockVisibilit : true;
+  return (_state$blockVisibilit = state.blockVisibility?.[clientId]) !== null && _state$blockVisibilit !== void 0 ? _state$blockVisibilit : true;
 }
 /**
  * Returns the list of all hidden blocks.
@@ -2573,7 +2494,15 @@ export function __unstableGetTemporarilyEditingAsBlocks(state) {
   return state.temporarilyEditingAsBlocks;
 }
 export function __unstableHasActiveBlockOverlayActive(state, clientId) {
-  // If the block editing is locked, the block overlay is always active.
+  // 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.
+
+
   if (!canEditBlock(state, clientId)) {
     return true;
   }