@wordpress/block-editor 7.0.4 → 8.0.3

package/build-module/store/selectors.js

@@ -176,7 +176,10 @@ export const __unstableGetClientIdWithClientIdsTree = createSelector((state, cli
  * @return {Object[]} Client IDs of the post blocks.
  */
 
-export const __unstableGetClientIdsTree = createSelector((state, rootClientId = '') => map(getBlockOrder(state, rootClientId), clientId => __unstableGetClientIdWithClientIdsTree(state, clientId)), state => [state.blocks.order]);
+export const __unstableGetClientIdsTree = createSelector(function (state) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return map(getBlockOrder(state, rootClientId), clientId => __unstableGetClientIdWithClientIdsTree(state, clientId));
+}, state => [state.blocks.order]);
 /**
  * Returns an array containing the clientIds of all descendants
  * of the blocks given.
@@ -391,7 +394,8 @@ export function getBlockRootClientId(state, clientId) {
  * @return {Array} ClientIDs of the parent blocks.
  */
 
-export const getBlockParents = createSelector((state, clientId, ascending = false) => {
+export const getBlockParents = createSelector(function (state, clientId) {
+  let ascending = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const parents = [];
   let current = clientId;
 
@@ -417,22 +421,28 @@ export const getBlockParents = createSelector((state, clientId, ascending = fals
  * @return {Array} ClientIDs of the parent blocks.
  */
 
-export const getBlockParentsByBlockName = createSelector((state, clientId, blockName, ascending = false) => {
+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 => ({
     id,
     name: getBlockName(state, id)
-  })), ({
-    name
-  }) => {
+  })), _ref => {
+    let {
+      name
+    } = _ref;
+
     if (Array.isArray(blockName)) {
       return blockName.includes(name);
     }
 
     return name === blockName;
-  }), ({
-    id
-  }) => id);
+  }), _ref2 => {
+    let {
+      id
+    } = _ref2;
+    return 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.
@@ -495,7 +505,9 @@ 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) {
+export function getAdjacentBlockClientId(state, startClientId) {
+  let modifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+
   // Default to selected block.
   if (startClientId === undefined) {
     startClientId = getSelectedBlockClientId(state);
@@ -851,7 +863,8 @@ export function isBlockSelected(state, clientId) {
  * @return {boolean} Whether the block as an inner block selected
  */
 
-export function hasSelectedInnerBlock(state, clientId, deep = false) {
+export function hasSelectedInnerBlock(state, clientId) {
+  let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return some(getBlockOrder(state, clientId), innerClientId => isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep));
 }
 /**
@@ -1105,7 +1118,9 @@ export function getTemplateLock(state, rootClientId) {
   return blockListSettings.templateLock;
 }
 
-const checkAllowList = (list, item, defaultResult = null) => {
+const checkAllowList = function (list, item) {
+  let defaultResult = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
   if (isBoolean(list)) {
     return list;
   }
@@ -1138,7 +1153,8 @@ const checkAllowList = (list, item, defaultResult = null) => {
  */
 
 
-const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) => {
+const canInsertBlockTypeUnmemoized = function (state, blockName) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   let blockType;
 
   if (blockName && 'object' === typeof blockName) {
@@ -1213,7 +1229,8 @@ export const canInsertBlockType = createSelector(canInsertBlockTypeUnmemoized, (
  * @return {boolean} Whether the given blocks are allowed to be inserted.
  */
 
-export function canInsertBlocks(state, clientIds, rootClientId = null) {
+export function canInsertBlocks(state, clientIds) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return clientIds.every(id => canInsertBlockType(state, getBlockName(state, id), rootClientId));
 }
 /**
@@ -1226,7 +1243,8 @@ 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) {
+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.
 
   if (attributes === null) {
@@ -1255,7 +1273,8 @@ 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) {
+export function canRemoveBlocks(state, clientIds) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return clientIds.every(clientId => canRemoveBlock(state, clientId, rootClientId));
 }
 /**
@@ -1268,7 +1287,8 @@ export function canRemoveBlocks(state, clientIds, rootClientId = null) {
  * @return {boolean} Whether the given block is allowed to be moved.
  */
 
-export function canMoveBlock(state, clientId, rootClientId = null) {
+export function canMoveBlock(state, clientId) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const attributes = getBlockAttributes(state, clientId);
 
   if (attributes === null) {
@@ -1297,7 +1317,8 @@ 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) {
+export function canMoveBlocks(state, clientIds) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return clientIds.every(clientId => canMoveBlock(state, clientId, rootClientId));
 }
 /**
@@ -1413,41 +1434,44 @@ const calculateFrecency = (time, count) => {
  */
 
 
-const buildBlockTypeItem = (state, {
-  buildScope = 'inserter'
-}) => blockType => {
-  const id = blockType.name;
-  let isDisabled = false;
+const buildBlockTypeItem = (state, _ref3) => {
+  let {
+    buildScope = 'inserter'
+  } = _ref3;
+  return blockType => {
+    const id = blockType.name;
+    let isDisabled = false;
 
-  if (!hasBlockSupport(blockType.name, 'multiple', true)) {
-    isDisabled = some(getBlocksByClientId(state, getClientIdsWithDescendants(state)), {
-      name: blockType.name
-    });
-  }
+    if (!hasBlockSupport(blockType.name, 'multiple', true)) {
+      isDisabled = some(getBlocksByClientId(state, getClientIdsWithDescendants(state)), {
+        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
 
+    };
   };
 };
 /**
@@ -1481,22 +1505,53 @@ const buildBlockTypeItem = (state, {
  */
 
 
-export const getInserterItems = createSelector((state, rootClientId = null) => {
+export const getInserterItems = createSelector(function (state) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
   });
+  /*
+   * Matches block comment delimiters amid serialized content.
+   *
+   * @see `tokenizer` in `@wordpress/block-serialization-default-parser`
+   * package
+   *
+   * blockParserTokenizer differs from the original tokenizer in the
+   * following ways:
+   *
+   * - removed global flag (/g)
+   * - prepended ^\s*
+   *
+   */
 
-  const buildReusableBlockInserterItem = reusableBlock => {
-    const id = `core/block/${reusableBlock.id}`;
-
-    const referencedBlocks = __experimentalGetParsedReusableBlock(state, reusableBlock.id);
-
-    let referencedBlockType;
+  const blockParserTokenizer = /^\s*<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/;
 
-    if (referencedBlocks.length === 1) {
-      referencedBlockType = getBlockType(referencedBlocks[0].name);
+  const buildReusableBlockInserterItem = reusableBlock => {
+    let icon = symbol;
+    /*
+     * Instead of always displaying a generic "symbol" icon for every
+     * reusable block, try to use an icon that represents the first
+     * outermost block contained in the reusable block. This requires
+     * scanning the serialized form of the reusable block to find its
+     * first block delimiter, then looking up the corresponding block
+     * type, if available.
+     */
+
+    if (Platform.OS === 'web') {
+      const content = typeof reusableBlock.content.raw === 'string' ? reusableBlock.content.raw : reusableBlock.content;
+      const rawBlockMatch = content.match(blockParserTokenizer);
+
+      if (rawBlockMatch) {
+        const [,, namespace = 'core/', blockName] = rawBlockMatch;
+        const referencedBlockType = getBlockType(namespace + blockName);
+
+        if (referencedBlockType) {
+          icon = referencedBlockType.icon;
+        }
+      }
     }
 
+    const id = `core/block/${reusableBlock.id}`;
     const {
       time,
       count = 0
@@ -1509,7 +1564,7 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
         ref: reusableBlock.id
       },
       title: reusableBlock.title.raw,
-      icon: referencedBlockType && Platform.OS === 'web' ? referencedBlockType.icon : symbol,
+      icon,
       category: 'reusable',
       keywords: [],
       isDisabled: false,
@@ -1523,11 +1578,17 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
   const reusableBlockInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).map(buildReusableBlockInserterItem) : []; // Exclude any block type item that is to be replaced by a default
   // variation.
 
-  const visibleBlockTypeInserterItems = blockTypeInserterItems.filter(({
-    variations = []
-  }) => !variations.some(({
-    isDefault
-  }) => isDefault));
+  const visibleBlockTypeInserterItems = blockTypeInserterItems.filter(_ref4 => {
+    let {
+      variations = []
+    } = _ref4;
+    return !variations.some(_ref5 => {
+      let {
+        isDefault
+      } = _ref5;
+      return isDefault;
+    });
+  });
   const blockVariations = []; // Show all available blocks with variations
 
   for (const item of blockTypeInserterItems) {
@@ -1593,14 +1654,18 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
  * @property {number}  frecency     Heuristic that combines frequency and recency.
  */
 
-export const getBlockTransformItems = createSelector((state, blocks, rootClientId = null) => {
+export const getBlockTransformItems = createSelector(function (state, blocks) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const buildBlockTypeTransformItem = buildBlockTypeItem(state, {
     buildScope: 'transform'
   });
   const blockTypeTransformItems = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)).map(buildBlockTypeTransformItem);
-  const itemsByName = mapKeys(blockTypeTransformItems, ({
-    name
-  }) => name);
+  const itemsByName = mapKeys(blockTypeTransformItems, _ref6 => {
+    let {
+      name
+    } = _ref6;
+    return name;
+  });
   const possibleTransforms = getPossibleBlockTransformations(blocks).reduce((accumulator, block) => {
     if (itemsByName[block === null || block === void 0 ? void 0 : block.name]) {
       accumulator.push(itemsByName[block.name]);
@@ -1620,7 +1685,8 @@ export const getBlockTransformItems = createSelector((state, blocks, rootClientI
  * @return {boolean} Items that appear in inserter.
  */
 
-export const hasInserterItems = createSelector((state, rootClientId = null) => {
+export const hasInserterItems = createSelector(function (state) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   const hasBlockType = some(getBlockTypes(), blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
 
   if (hasBlockType) {
@@ -1639,7 +1705,9 @@ export const hasInserterItems = createSelector((state, rootClientId = null) => {
  * @return {Array?} The list of allowed block types.
  */
 
-export const __experimentalGetAllowedBlocks = createSelector((state, rootClientId = null) => {
+export const __experimentalGetAllowedBlocks = createSelector(function (state) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
   if (!rootClientId) {
     return;
   }
@@ -1655,9 +1723,11 @@ export const __experimentalGetAllowedBlocks = createSelector((state, rootClientI
  * @return {?Array} The block type to be directly inserted.
  */
 
-export const __experimentalGetDirectInsertBlock = createSelector((state, rootClientId = null) => {
+export const __experimentalGetDirectInsertBlock = createSelector(function (state) {
   var _state$blockListSetti, _state$blockListSetti2;
 
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
   if (!rootClientId) {
     return;
   }
@@ -1703,9 +1773,12 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
 
 export const __experimentalGetParsedPattern = createSelector((state, patternName) => {
   const patterns = state.settings.__experimentalBlockPatterns;
-  const pattern = patterns.find(({
-    name
-  }) => name === patternName);
+  const pattern = patterns.find(_ref7 => {
+    let {
+      name
+    } = _ref7;
+    return name === patternName;
+  });
 
   if (!pattern) {
     return null;
@@ -1720,12 +1793,23 @@ const getAllAllowedPatterns = createSelector(state => {
   const {
     allowedBlockTypes
   } = getSettings(state);
-  const parsedPatterns = patterns.map(({
-    name
-  }) => __experimentalGetParsedPattern(state, name));
-  const allowedPatterns = parsedPatterns.filter(({
-    blocks
-  }) => checkAllowListRecursive(blocks, allowedBlockTypes));
+  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);
+  });
   return allowedPatterns;
 }, state => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes]);
 /**
@@ -1737,13 +1821,20 @@ const getAllAllowedPatterns = createSelector(state => {
  * @return {Array?} The list of allowed patterns.
  */
 
-export const __experimentalGetAllowedPatterns = createSelector((state, rootClientId = null) => {
+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, ({
-    blocks
-  }) => blocks.every(({
-    name
-  }) => canInsertBlockType(state, name, rootClientId)));
+  const patternsAllowed = filter(availableParsedPatterns, _ref11 => {
+    let {
+      blocks
+    } = _ref11;
+    return blocks.every(_ref12 => {
+      let {
+        name
+      } = _ref12;
+      return canInsertBlockType(state, name, rootClientId);
+    });
+  });
   return patternsAllowed;
 }, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId[rootClientId]]);
 /**
@@ -1760,7 +1851,8 @@ export const __experimentalGetAllowedPatterns = createSelector((state, rootClien
  * @return {Array} The list of matched block patterns based on declared `blockTypes` and block name.
  */
 
-export const __experimentalGetPatternsByBlockTypes = createSelector((state, blockNames, rootClientId = null) => {
+export const __experimentalGetPatternsByBlockTypes = createSelector(function (state, blockNames) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   if (!blockNames) return EMPTY_ARRAY;
 
   const patterns = __experimentalGetAllowedPatterns(state, rootClientId);
@@ -1790,7 +1882,8 @@ export const __experimentalGetPatternsByBlockTypes = createSelector((state, bloc
  * @return {WPBlockPattern[]} Items that are eligible for a pattern transformation.
  */
 
-export const __experimentalGetPatternTransformItems = createSelector((state, blocks, rootClientId = null) => {
+export const __experimentalGetPatternTransformItems = createSelector(function (state, blocks) {
+  let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   if (!blocks) return EMPTY_ARRAY;
   /**
    * For now we only handle blocks without InnerBlocks and take into account
@@ -1800,17 +1893,23 @@ export const __experimentalGetPatternTransformItems = createSelector((state, blo
    * to check for this case too.
    */
 
-  if (blocks.some(({
-    clientId,
-    innerBlocks
-  }) => innerBlocks.length || areInnerBlocksControlled(state, clientId))) {
+  if (blocks.some(_ref13 => {
+    let {
+      clientId,
+      innerBlocks
+    } = _ref13;
+    return 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(({
-    name
-  }) => name)));
+  const selectedBlockNames = Array.from(new Set(blocks.map(_ref14 => {
+    let {
+      name
+    } = _ref14;
+    return name;
+  })));
   /**
    * Here we will return first set of possible eligible block patterns,
    * by checking the `blockTypes` property. We still have to recurse through
@@ -1866,7 +1965,8 @@ export function isLastBlockChangePersistent(state) {
  *                  a block list setting object.
  */
 
-export const __experimentalGetBlockListSettingsForBlocks = createSelector((state, clientIds = []) => {
+export const __experimentalGetBlockListSettingsForBlocks = createSelector(function (state) {
+  let clientIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return clientIds.reduce((blockListSettingsForBlocks, clientId) => {
     if (!state.blockListSettings[clientId]) {
       return blockListSettingsForBlocks;
@@ -1877,26 +1977,6 @@ export const __experimentalGetBlockListSettingsForBlocks = createSelector((state
     };
   }, {});
 }, state => [state.blockListSettings]);
-/**
- * Returns the parsed block saved as shared block with the given ID.
- *
- * @param {Object}        state Global application state.
- * @param {number|string} ref   The shared block's ID.
- *
- * @return {Object} The parsed block.
- */
-
-export const __experimentalGetParsedReusableBlock = createSelector((state, ref) => {
-  const reusableBlock = find(getReusableBlocks(state), block => block.id === ref);
-
-  if (!reusableBlock) {
-    return null;
-  } // Only reusableBlock.content.raw should be used here, `reusableBlock.content` is a
-  // workaround until #22127 is fixed.
-
-
-  return parse(typeof reusableBlock.content.raw === 'string' ? reusableBlock.content.raw : reusableBlock.content);
-}, state => [getReusableBlocks(state)]);
 /**
  * Returns the title of a given reusable block
  *