@wordpress/block-editor 7.0.1 → 8.0.0

package/build/store/selectors.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBlockName = getBlockName;
 exports.isBlockValid = isBlockValid;
 exports.getBlockAttributes = getBlockAttributes;
+exports.getBlock = getBlock;
+exports.getBlocks = getBlocks;
 exports.getBlockCount = getBlockCount;
 exports.getSelectionStart = getSelectionStart;
 exports.getSelectionEnd = getSelectionEnd;
@@ -52,6 +54,10 @@ exports.isValidTemplate = isValidTemplate;
 exports.getTemplate = getTemplate;
 exports.getTemplateLock = getTemplateLock;
 exports.canInsertBlocks = canInsertBlocks;
+exports.canRemoveBlock = canRemoveBlock;
+exports.canRemoveBlocks = canRemoveBlocks;
+exports.canMoveBlock = canMoveBlock;
+exports.canMoveBlocks = canMoveBlocks;
 exports.getBlockListSettings = getBlockListSettings;
 exports.getSettings = getSettings;
 exports.isLastBlockChangePersistent = isLastBlockChangePersistent;
@@ -63,7 +69,7 @@ exports.didAutomaticChange = didAutomaticChange;
 exports.isBlockHighlighted = isBlockHighlighted;
 exports.areInnerBlocksControlled = areInnerBlocksControlled;
 exports.wasBlockJustInserted = wasBlockJustInserted;
-exports.__experimentalGetActiveBlockIdByBlockNames = exports.__experimentalGetReusableBlockTitle = exports.__experimentalGetParsedReusableBlock = exports.__experimentalGetBlockListSettingsForBlocks = exports.__experimentalGetPatternTransformItems = exports.__experimentalGetPatternsByBlockTypes = exports.__experimentalGetAllowedPatterns = exports.__experimentalGetParsedPattern = exports.__experimentalGetAllowedBlocks = exports.hasInserterItems = exports.getBlockTransformItems = exports.getInserterItems = exports.canInsertBlockType = exports.isAncestorMultiSelected = exports.getMultiSelectedBlocks = exports.getSelectedBlockClientIds = exports.getBlockParentsByBlockName = exports.getBlockParents = exports.getBlocksByClientId = exports.getGlobalBlockCount = exports.getClientIdsWithDescendants = exports.getClientIdsOfDescendants = exports.__unstableGetClientIdsTree = exports.__unstableGetClientIdWithClientIdsTree = exports.__unstableGetBlockTree = exports.__unstableGetBlockWithBlockTree = exports.getBlocks = exports.__unstableGetBlockWithoutInnerBlocks = exports.getBlock = void 0;
+exports.__experimentalGetActiveBlockIdByBlockNames = exports.__experimentalGetReusableBlockTitle = exports.__experimentalGetBlockListSettingsForBlocks = exports.__experimentalGetPatternTransformItems = exports.__experimentalGetPatternsByBlockTypes = exports.__experimentalGetAllowedPatterns = exports.__experimentalGetParsedPattern = exports.__experimentalGetDirectInsertBlock = exports.__experimentalGetAllowedBlocks = exports.hasInserterItems = exports.getBlockTransformItems = exports.getInserterItems = exports.canInsertBlockType = exports.isAncestorMultiSelected = exports.getMultiSelectedBlocks = exports.getSelectedBlockClientIds = exports.getBlockParentsByBlockName = exports.getBlockParents = exports.getBlocksByClientId = exports.getGlobalBlockCount = exports.getClientIdsWithDescendants = exports.getClientIdsOfDescendants = exports.__unstableGetClientIdsTree = exports.__unstableGetClientIdWithClientIdsTree = exports.__unstableGetBlockWithoutInnerBlocks = void 0;
 
 var _lodash = require("lodash");
 
@@ -189,24 +195,15 @@ function getBlockAttributes(state, clientId) {
  */
 
 
-const getBlock = (0, _rememo.default)((state, clientId) => {
+function getBlock(state, clientId) {
   const block = state.blocks.byClientId[clientId];
 
   if (!block) {
     return null;
   }
 
-  return { ...block,
-    attributes: getBlockAttributes(state, clientId),
-    innerBlocks: areInnerBlocksControlled(state, clientId) ? EMPTY_ARRAY : getBlocks(state, clientId)
-  };
-}, (state, clientId) => [// Normally, we'd have both `getBlockAttributes` dependencies and
-// `getBlocks` (children) dependencies here but for performance reasons
-// we use a denormalized cache key computed in the reducer that takes both
-// the attributes and inner blocks into account. The value of the cache key
-// is being changed whenever one of these dependencies is out of date.
-state.blocks.cache[clientId]]);
-exports.getBlock = getBlock;
+  return state.blocks.tree[clientId];
+}
 
 const __unstableGetBlockWithoutInnerBlocks = (0, _rememo.default)((state, clientId) => {
   const block = state.blocks.byClientId[clientId];
@@ -224,12 +221,6 @@ const __unstableGetBlockWithoutInnerBlocks = (0, _rememo.default)((state, client
  * the order they appear in the post. Note that this will exclude child blocks
  * of nested inner block controllers.
  *
- * Note: It's important to memoize this selector to avoid return a new instance
- * on each call. We use the block cache state for each top-level block of the
- * given clientID. This way, the selector only refreshes on changes to blocks
- * associated with the given entity, and does not refresh when changes are made
- * to blocks which are part of different inner block controllers.
- *
  * @param {Object}  state        Editor state.
  * @param {?string} rootClientId Optional root client ID of block list.
  *
@@ -238,49 +229,13 @@ const __unstableGetBlockWithoutInnerBlocks = (0, _rememo.default)((state, client
 
 
 exports.__unstableGetBlockWithoutInnerBlocks = __unstableGetBlockWithoutInnerBlocks;
-const getBlocks = (0, _rememo.default)((state, rootClientId) => {
-  return (0, _lodash.map)(getBlockOrder(state, rootClientId), clientId => getBlock(state, clientId));
-}, (state, rootClientId) => (0, _lodash.map)(state.blocks.order[rootClientId || ''], id => state.blocks.cache[id]));
-/**
- * Similar to getBlock, except it will include the entire nested block tree as
- * inner blocks. The normal getBlock selector will exclude sections of the block
- * tree which belong to different entities.
- *
- * @param {Object} state    Editor state.
- * @param {string} clientId Client ID of the block to get.
- *
- * @return {Object} The block with all
- */
-
-exports.getBlocks = getBlocks;
-
-const __unstableGetBlockWithBlockTree = (0, _rememo.default)((state, clientId) => {
-  const block = state.blocks.byClientId[clientId];
-
-  if (!block) {
-    return null;
-  }
-
-  return { ...block,
-    attributes: getBlockAttributes(state, clientId),
-    innerBlocks: __unstableGetBlockTree(state, clientId)
-  };
-}, state => [state.blocks.byClientId, state.blocks.order, state.blocks.attributes]);
-/**
- * Similar to getBlocks, except this selector returns the entire block tree
- * represented in the block-editor store from the given root regardless of any
- * inner block controllers.
- *
- * @param {Object}  state        Editor state.
- * @param {?string} rootClientId Optional root client ID of block list.
- *
- * @return {Object[]} Post blocks.
- */
-
 
-exports.__unstableGetBlockWithBlockTree = __unstableGetBlockWithBlockTree;
+function getBlocks(state, rootClientId) {
+  var _state$blocks$tree$tr;
 
-const __unstableGetBlockTree = (0, _rememo.default)((state, rootClientId = '') => (0, _lodash.map)(getBlockOrder(state, rootClientId), clientId => __unstableGetBlockWithBlockTree(state, clientId)), state => [state.blocks.byClientId, state.blocks.order, state.blocks.attributes]);
+  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;
+}
 /**
  * Returns a stripped down block object containing only its client ID,
  * and its inner blocks' client IDs.
@@ -292,8 +247,6 @@ const __unstableGetBlockTree = (0, _rememo.default)((state, rootClientId = '') =
  */
 
 
-exports.__unstableGetBlockTree = __unstableGetBlockTree;
-
 const __unstableGetClientIdWithClientIdsTree = (0, _rememo.default)((state, clientId) => ({
   clientId,
   innerBlocks: __unstableGetClientIdsTree(state, clientId)
@@ -379,7 +332,7 @@ const getGlobalBlockCount = (0, _rememo.default)((state, blockName) => {
  */
 
 exports.getGlobalBlockCount = getGlobalBlockCount;
-const getBlocksByClientId = (0, _rememo.default)((state, clientIds) => (0, _lodash.map)((0, _lodash.castArray)(clientIds), clientId => getBlock(state, clientId)), state => [state.blocks.byClientId, state.blocks.order, state.blocks.attributes]);
+const getBlocksByClientId = (0, _rememo.default)((state, clientIds) => (0, _lodash.map)((0, _lodash.castArray)(clientIds), clientId => getBlock(state, clientId)), (state, clientIds) => (0, _lodash.map)((0, _lodash.castArray)(clientIds), clientId => state.blocks.tree[clientId]));
 /**
  * Returns the number of blocks currently present in the post.
  *
@@ -734,6 +687,8 @@ function getPreviousBlockClientId(state, startClientId) {
 function getNextBlockClientId(state, startClientId) {
   return getAdjacentBlockClientId(state, startClientId, 1);
 }
+/* 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.
@@ -746,6 +701,7 @@ function getNextBlockClientId(state, startClientId) {
 
 
 function getSelectedBlocksInitialCaretPosition(state) {
+  /* eslint-enable jsdoc/valid-types */
   return state.initialPosition;
 }
 /**
@@ -1411,6 +1367,94 @@ exports.canInsertBlockType = canInsertBlockType;
 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.
+ *
+ * @param {Object}  state        Editor state.
+ * @param {string}  clientId     The block client Id.
+ * @param {?string} rootClientId Optional root client ID of block list.
+ *
+ * @return {boolean} Whether the given block is allowed to be removed.
+ */
+
+
+function canRemoveBlock(state, clientId, rootClientId = null) {
+  const attributes = getBlockAttributes(state, clientId); // attributes can be null if the block is already deleted.
+
+  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 differ 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.
+
+
+  return !(lock !== null && lock !== void 0 && lock.remove);
+}
+/**
+ * Determines if the given blocks are allowed to be removed.
+ *
+ * @param {Object}  state        Editor state.
+ * @param {string}  clientIds    The block client IDs to be removed.
+ * @param {?string} rootClientId Optional root client ID of block list.
+ *
+ * @return {boolean} Whether the given blocks are allowed to be removed.
+ */
+
+
+function canRemoveBlocks(state, clientIds, rootClientId = null) {
+  return clientIds.every(clientId => canRemoveBlock(state, clientId, rootClientId));
+}
+/**
+ * Determines if the given block is allowed to be moved.
+ *
+ * @param {Object}  state        Editor state.
+ * @param {string}  clientId     The block client Id.
+ * @param {?string} rootClientId Optional root client ID of block list.
+ *
+ * @return {boolean} Whether the given block is allowed to be moved.
+ */
+
+
+function canMoveBlock(state, clientId, rootClientId = null) {
+  const attributes = getBlockAttributes(state, clientId);
+
+  if (attributes === null) {
+    return;
+  }
+
+  const {
+    lock
+  } = attributes;
+  const parentIsLocked = getTemplateLock(state, rootClientId) === 'all'; // If we don't have a lock on the blockType level, we differ 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.
+
+
+  return !(lock !== null && lock !== void 0 && lock.move);
+}
+/**
+ * Determines if the given blocks are allowed to be moved.
+ *
+ * @param {Object}  state        Editor state.
+ * @param {string}  clientIds    The block client IDs to be moved.
+ * @param {?string} rootClientId Optional root client ID of block list.
+ *
+ * @return {boolean} Whether the given blocks are allowed to be moved.
+ */
+
+
+function canMoveBlocks(state, clientIds, rootClientId = null) {
+  return clientIds.every(clientId => canMoveBlock(state, clientId, rootClientId));
+}
 /**
  * Returns information about how recently and frequently a block has been inserted.
  *
@@ -1550,9 +1594,7 @@ const buildBlockTypeItem = (state, {
     frecency: calculateFrecency(time, count)
   };
   if (buildScope === 'transform') return blockItemBase;
-  const inserterVariations = blockType.variations.filter(({
-    scope
-  }) => !scope || scope.includes('inserter'));
+  const inserterVariations = (0, _blocks.getBlockVariations)(blockType.name, 'inserter');
   return { ...blockItemBase,
     initialAttributes: {},
     description: blockType.description,
@@ -1599,18 +1641,48 @@ const getInserterItems = (0, _rememo.default)((state, rootClientId = 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 = (0, _blocks.getBlockType)(referencedBlocks[0].name);
+  const buildReusableBlockInserterItem = reusableBlock => {
+    let icon = _icons.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 (_element.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 = (0, _blocks.getBlockType)(namespace + blockName);
+
+        if (referencedBlockType) {
+          icon = referencedBlockType.icon;
+        }
+      }
     }
 
+    const id = `core/block/${reusableBlock.id}`;
     const {
       time,
       count = 0
@@ -1623,7 +1695,7 @@ const getInserterItems = (0, _rememo.default)((state, rootClientId = null) => {
         ref: reusableBlock.id
       },
       title: reusableBlock.title.raw,
-      icon: referencedBlockType ? referencedBlockType.icon : _icons.symbol,
+      icon,
       category: 'reusable',
       keywords: [],
       isDisabled: false,
@@ -1653,27 +1725,32 @@ const getInserterItems = (0, _rememo.default)((state, rootClientId = null) => {
       const variationMapper = getItemFromVariation(state, item);
       blockVariations.push(...variations.map(variationMapper));
     }
-  } // Prioritize core blocks's display in inserter.
-
-
-  const prioritizeCoreBlocks = (a, b) => {
-    const coreBlockNamePrefix = 'core/';
-    const firstIsCoreBlock = a.name.startsWith(coreBlockNamePrefix);
-    const secondIsCoreBlock = b.name.startsWith(coreBlockNamePrefix);
-
-    if (firstIsCoreBlock && secondIsCoreBlock) {
-      return 0;
-    }
-
-    return firstIsCoreBlock && !secondIsCoreBlock ? -1 : 1;
-  }; // 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 sortedBlockTypes = [...visibleBlockTypeInserterItems, ...blockVariations].sort(prioritizeCoreBlocks);
+  const groupByType = (blocks, block) => {
+    const {
+      core,
+      noncore
+    } = blocks;
+    const type = block.name.startsWith('core/') ? core : noncore;
+    type.push(block);
+    return blocks;
+  };
+
+  const items = visibleBlockTypeInserterItems.reduce(groupByType, {
+    core: [],
+    noncore: []
+  });
+  const variations = blockVariations.reduce(groupByType, {
+    core: [],
+    noncore: []
+  });
+  const sortedBlockTypes = [...items.core, ...variations.core, ...items.noncore, ...variations.noncore];
   return [...sortedBlockTypes, ...reusableBlockInserterItems];
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.blocks.order, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), (0, _blocks.getBlockTypes)()]);
 /**
@@ -1759,9 +1836,41 @@ const __experimentalGetAllowedBlocks = (0, _rememo.default)((state, rootClientId
 
   return (0, _lodash.filter)((0, _blocks.getBlockTypes)(), blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, (0, _blocks.getBlockTypes)()]);
+/**
+ * Returns the block to be directly inserted by the block appender.
+ *
+ * @param {Object}  state        Editor state.
+ * @param {?string} rootClientId Optional root client ID of block list.
+ *
+ * @return {?Array} The block type to be directly inserted.
+ */
+
 
 exports.__experimentalGetAllowedBlocks = __experimentalGetAllowedBlocks;
 
+const __experimentalGetDirectInsertBlock = (0, _rememo.default)((state, rootClientId = null) => {
+  var _state$blockListSetti, _state$blockListSetti2;
+
+  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;
+
+  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[rootClientId]]);
+
+exports.__experimentalGetDirectInsertBlock = __experimentalGetDirectInsertBlock;
+
 const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   if ((0, _lodash.isBoolean)(allowedBlockTypes)) {
     return allowedBlockTypes;
@@ -1808,7 +1917,9 @@ const getAllAllowedPatterns = (0, _rememo.default)(state => {
   const {
     allowedBlockTypes
   } = getSettings(state);
-  const parsedPatterns = patterns.map(({
+  const parsedPatterns = patterns.filter(({
+    inserter = true
+  }) => !!inserter).map(({
     name
   }) => __experimentalGetParsedPattern(state, name));
   const allowedPatterns = parsedPatterns.filter(({
@@ -1977,29 +2088,6 @@ const __experimentalGetBlockListSettingsForBlocks = (0, _rememo.default)((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.
- */
-
-
-exports.__experimentalGetBlockListSettingsForBlocks = __experimentalGetBlockListSettingsForBlocks;
-
-const __experimentalGetParsedReusableBlock = (0, _rememo.default)((state, ref) => {
-  const reusableBlock = (0, _lodash.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 (0, _blocks.parse)(typeof reusableBlock.content.raw === 'string' ? reusableBlock.content.raw : reusableBlock.content);
-}, state => [getReusableBlocks(state)]);
 /**
  * Returns the title of a given reusable block
  *
@@ -2010,7 +2098,7 @@ const __experimentalGetParsedReusableBlock = (0, _rememo.default)((state, ref) =
  */
 
 
-exports.__experimentalGetParsedReusableBlock = __experimentalGetParsedReusableBlock;
+exports.__experimentalGetBlockListSettingsForBlocks = __experimentalGetBlockListSettingsForBlocks;
 
 const __experimentalGetReusableBlockTitle = (0, _rememo.default)((state, ref) => {
   var _reusableBlock$title;