@wordpress/block-editor 7.0.2 → 8.0.1

package/build/store/selectors.js

@@ -54,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;
@@ -65,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.__unstableGetBlockWithoutInnerBlocks = 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");
 
@@ -683,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.
@@ -695,6 +701,7 @@ function getNextBlockClientId(state, startClientId) {
 
 
 function getSelectedBlocksInitialCaretPosition(state) {
+  /* eslint-enable jsdoc/valid-types */
   return state.initialPosition;
 }
 /**
@@ -1360,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.
  *
@@ -1499,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,
@@ -1548,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
@@ -1572,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,
@@ -1713,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;
@@ -1762,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(({
@@ -1931,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
  *
@@ -1964,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;