@wordpress/block-editor 10.4.0 → 11.0.0

package/build-module/store/selectors.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { map, reduce, find, filter, orderBy } from 'lodash';
+import { map, find } from 'lodash';
 import createSelector from 'rememo';
 /**
  * WordPress dependencies
@@ -19,6 +19,7 @@ import deprecated from '@wordpress/deprecated';
  */
 
 import { mapRichTextSettings } from './utils';
+import { orderBy } from '../utils/sorting';
 /**
  * A block selection object.
  *
@@ -56,14 +57,14 @@ const EMPTY_ARRAY = [];
  */
 
 export function getBlockName(state, clientId) {
-  const block = state.blocks.byClientId[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) {
-    const attributes = state.blocks.attributes[clientId];
+    const attributes = state.blocks.attributes.get(clientId);
     const {
       service
-    } = attributes;
+    } = attributes !== null && attributes !== void 0 ? attributes : {};
     return service ? `${socialLinkName}-${service}` : socialLinkName;
   }
 
@@ -79,7 +80,7 @@ export function getBlockName(state, clientId) {
  */
 
 export function isBlockValid(state, clientId) {
-  const block = state.blocks.byClientId[clientId];
+  const block = state.blocks.byClientId.get(clientId);
   return !!block && block.isValid;
 }
 /**
@@ -93,13 +94,13 @@ export function isBlockValid(state, clientId) {
  */
 
 export function getBlockAttributes(state, clientId) {
-  const block = state.blocks.byClientId[clientId];
+  const block = state.blocks.byClientId.get(clientId);
 
   if (!block) {
     return null;
   }
 
-  return state.blocks.attributes[clientId];
+  return state.blocks.attributes.get(clientId);
 }
 /**
  * Returns a block given its client ID. This is a parsed copy of the block,
@@ -124,25 +125,21 @@ export function getBlockAttributes(state, clientId) {
  */
 
 export function getBlock(state, clientId) {
-  const block = state.blocks.byClientId[clientId];
-
-  if (!block) {
+  if (!state.blocks.byClientId.has(clientId)) {
     return null;
   }
 
-  return state.blocks.tree[clientId];
+  return state.blocks.tree.get(clientId);
 }
 export const __unstableGetBlockWithoutInnerBlocks = createSelector((state, clientId) => {
-  const block = state.blocks.byClientId[clientId];
-
-  if (!block) {
+  if (!state.blocks.byClientId.has(clientId)) {
     return null;
   }
 
-  return { ...block,
+  return { ...state.blocks.byClientId.get(clientId),
     attributes: getBlockAttributes(state, clientId)
   };
-}, (state, clientId) => [state.blocks.byClientId[clientId], state.blocks.attributes[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
@@ -155,10 +152,10 @@ export const __unstableGetBlockWithoutInnerBlocks = createSelector((state, clien
  */
 
 export function getBlocks(state, rootClientId) {
-  var _state$blocks$tree$tr;
+  var _state$blocks$tree$ge;
 
   const treeKey = !rootClientId || !areInnerBlocksControlled(state, rootClientId) ? rootClientId || '' : 'controlled||' + rootClientId;
-  return ((_state$blocks$tree$tr = state.blocks.tree[treeKey]) === null || _state$blocks$tree$tr === void 0 ? void 0 : _state$blocks$tree$tr.innerBlocks) || EMPTY_ARRAY;
+  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;
 }
 /**
  * Returns a stripped down block object containing only its client ID,
@@ -247,8 +244,8 @@ export const getGlobalBlockCount = createSelector((state, blockName) => {
     return clientIds.length;
   }
 
-  return reduce(clientIds, (accumulator, clientId) => {
-    const block = state.blocks.byClientId[clientId];
+  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]);
@@ -268,7 +265,7 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
 
   const clientIds = getClientIdsWithDescendants(state);
   const foundBlocks = clientIds.filter(clientId => {
-    const block = state.blocks.byClientId[clientId];
+    const block = state.blocks.byClientId.get(clientId);
     return block.name === blockName;
   });
   return foundBlocks.length > 0 ? foundBlocks : EMPTY_ARRAY;
@@ -283,7 +280,7 @@ export const __experimentalGetGlobalBlocksByName = createSelector((state, blockN
  * @return {WPBlock[]} Block objects.
  */
 
-export const getBlocksByClientId = createSelector((state, clientIds) => map(Array.isArray(clientIds) ? clientIds : [clientIds], clientId => getBlock(state, clientId)), (state, clientIds) => map(Array.isArray(clientIds) ? clientIds : [clientIds], clientId => state.blocks.tree[clientId]));
+export const getBlocksByClientId = createSelector((state, clientIds) => map(Array.isArray(clientIds) ? clientIds : [clientIds], clientId => getBlock(state, clientId)), (state, clientIds) => map(Array.isArray(clientIds) ? clientIds : [clientIds], clientId => state.blocks.tree.get(clientId)));
 /**
  * Returns the number of blocks currently present in the post.
  *
@@ -426,7 +423,7 @@ export function getSelectedBlock(state) {
  */
 
 export function getBlockRootClientId(state, clientId) {
-  return state.blocks.parents[clientId] !== undefined ? state.blocks.parents[clientId] : null;
+  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.
@@ -443,8 +440,8 @@ export const getBlockParents = createSelector(function (state, clientId) {
   const parents = [];
   let current = clientId;
 
-  while (!!state.blocks.parents[current]) {
-    current = state.blocks.parents[current];
+  while (!!state.blocks.parents.get(current)) {
+    current = state.blocks.parents.get(current);
     parents.push(current);
   }
 
@@ -468,10 +465,10 @@ export const getBlockParents = createSelector(function (state, clientId) {
 export const getBlockParentsByBlockName = createSelector(function (state, clientId, blockName) {
   let ascending = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const parents = getBlockParents(state, clientId, ascending);
-  return map(filter(map(parents, id => ({
+  return map(map(parents, id => ({
     id,
     name: getBlockName(state, id)
-  })), _ref => {
+  })).filter(_ref => {
     let {
       name
     } = _ref;
@@ -503,7 +500,7 @@ export function getBlockHierarchyRootClientId(state, clientId) {
 
   do {
     parent = current;
-    current = state.blocks.parents[current];
+    current = state.blocks.parents.get(current);
   } while (current);
 
   return parent;
@@ -582,7 +579,7 @@ export function getAdjacentBlockClientId(state, startClientId) {
   const {
     order
   } = state.blocks;
-  const orderSet = order[rootClientId];
+  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.
 
@@ -1013,7 +1010,7 @@ export const __unstableGetSelectedBlocksWithPartialSelection = state => {
  */
 
 export function getBlockOrder(state, rootClientId) {
-  return state.blocks.order[rootClientId || ''] || EMPTY_ARRAY;
+  return state.blocks.order.get(rootClientId || '') || EMPTY_ARRAY;
 }
 /**
  * Returns the index at which the block corresponding to the specified client
@@ -1152,6 +1149,17 @@ export function getBlockMode(state, clientId) {
 export function isTyping(state) {
   return state.isTyping;
 }
+/**
+ * Returns true if the the block interface should be hidden, or false otherwise.
+ *
+ * @param {Object} state Global application state.
+ *
+ * @return {boolean} Whether the block toolbar is hidden.
+ */
+
+export function __experimentalIsBlockInterfaceHidden(state) {
+  return state.isBlockInterfaceHidden;
+}
 /**
  * Returns true if the user is dragging blocks, or false otherwise.
  *
@@ -1303,21 +1311,19 @@ export function getTemplate(state) {
  * @param {Object}  state        Editor state.
  * @param {?string} rootClientId Optional block root client ID.
  *
- * @return {?string} Block Template Lock
+ * @return {string|false} Block Template Lock
  */
 
 export function getTemplateLock(state, rootClientId) {
-  if (!rootClientId) {
-    return state.settings.templateLock;
-  }
+  var _getBlockListSettings, _getBlockListSettings2;
 
-  const blockListSettings = getBlockListSettings(state, rootClientId);
+  if (!rootClientId) {
+    var _state$settings$templ;
 
-  if (!blockListSettings) {
-    return undefined;
+    return (_state$settings$templ = state.settings.templateLock) !== null && _state$settings$templ !== void 0 ? _state$settings$templ : false;
   }
 
-  return blockListSettings.templateLock;
+  return (_getBlockListSettings = (_getBlockListSettings2 = getBlockListSettings(state, rootClientId)) === null || _getBlockListSettings2 === void 0 ? void 0 : _getBlockListSettings2.templateLock) !== null && _getBlockListSettings !== void 0 ? _getBlockListSettings : false;
 }
 
 const checkAllowList = function (list, item) {
@@ -1443,7 +1449,7 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) {
  */
 
 
-export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId[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]);
 /**
  * Determines if the given blocks are allowed to be inserted into the block
  * list.
@@ -1952,7 +1958,7 @@ export const getBlockTransformItems = createSelector(function (state, blocks) {
     return accumulator;
   }, []);
   return orderBy(possibleTransforms, block => itemsByName[block.name].frecency, 'desc');
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
+}, (state, blocks, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
 /**
  * Determines whether there are items to show in the inserter.
  *
@@ -1989,7 +1995,7 @@ export const __experimentalGetAllowedBlocks = createSelector(function (state) {
     return;
   }
 
-  return filter(getBlockTypes(), blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
+  return getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
 /**
  * Returns the block to be directly inserted by the block appender.
@@ -2026,7 +2032,7 @@ export const __experimentalGetDirectInsertBlock = createSelector(function (state
   }
 
   return defaultBlock;
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree[rootClientId]]);
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
 
 const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   if (typeof allowedBlockTypes === 'boolean') {
@@ -2108,7 +2114,7 @@ const getAllAllowedPatterns = createSelector(state => {
 export const __experimentalGetAllowedPatterns = createSelector(function (state) {
   let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const availableParsedPatterns = getAllAllowedPatterns(state);
-  const patternsAllowed = filter(availableParsedPatterns, _ref11 => {
+  const patternsAllowed = availableParsedPatterns.filter(_ref11 => {
     let {
       blocks
     } = _ref11;
@@ -2120,7 +2126,7 @@ export const __experimentalGetAllowedPatterns = createSelector(function (state)
     });
   });
   return patternsAllowed;
-}, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId[rootClientId]]);
+}, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, 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.
@@ -2147,7 +2153,7 @@ export const __experimentalGetPatternsByBlockTypes = createSelector(function (st
 
     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));
   });
-}, (state, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
+}, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]);
 /**
  * Determines the items that appear in the available pattern transforms list.
  *
@@ -2202,7 +2208,7 @@ export const __experimentalGetPatternTransformItems = createSelector(function (s
    */
 
   return __experimentalGetPatternsByBlockTypes(state, selectedBlockNames, rootClientId);
-}, (state, rootClientId) => [...__experimentalGetPatternsByBlockTypes.getDependants(state, rootClientId)]);
+}, (state, blocks, rootClientId) => [...__experimentalGetPatternsByBlockTypes.getDependants(state, rootClientId)]);
 /**
  * Returns the Block List settings of a block, if any exist.
  *
@@ -2443,6 +2449,18 @@ export function wasBlockJustInserted(state, clientId, source) {
   } = state;
   return lastBlockInserted.clientId === clientId && lastBlockInserted.source === source;
 }
+/**
+ * Gets the client id of the last inserted block.
+ *
+ * @param {Object} state Global application state.
+ * @return {string|undefined} Client Id of the last inserted block.
+ */
+
+export function getLastInsertedBlockClientId(state) {
+  var _state$lastBlockInser;
+
+  return state === null || state === void 0 ? void 0 : (_state$lastBlockInser = state.lastBlockInserted) === null || _state$lastBlockInser === void 0 ? void 0 : _state$lastBlockInser.clientId;
+}
 /**
  * Tells if the block is visible on the canvas or not.
  *
@@ -2476,8 +2494,8 @@ export const __unstableGetContentLockingParent = createSelector((state, clientId
   let current = clientId;
   let result;
 
-  while (!!state.blocks.parents[current]) {
-    current = state.blocks.parents[current];
+  while (state.blocks.parents.has(current)) {
+    current = state.blocks.parents.get(current);
 
     if (getTemplateLock(state, current) === 'contentOnly') {
       result = current;