@wordpress/block-editor 12.9.0 → 12.10.0

package/build/store/selectors.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.__experimentalGetGlobalBlocksByName = exports.__experimentalGetDirectInsertBlock = exports.__experimentalGetBlockListSettingsForBlocks = exports.__experimentalGetAllowedPatterns = exports.__experimentalGetAllowedBlocks = exports.__experimentalGetActiveBlockIdByBlockNames = void 0;
 exports.__experimentalGetLastBlockAttributeChanges = __experimentalGetLastBlockAttributeChanges;
-exports.__unstableGetContentLockingParent = exports.__unstableGetClientIdsTree = exports.__unstableGetClientIdWithClientIdsTree = exports.__unstableGetBlockWithoutInnerBlocks = exports.__experimentalGetReusableBlockTitle = exports.__experimentalGetPatternsByBlockTypes = exports.__experimentalGetPatternTransformItems = exports.__experimentalGetParsedPattern = void 0;
+exports.__unstableGetContentLockingParent = exports.__unstableGetClientIdsTree = exports.__unstableGetClientIdWithClientIdsTree = exports.__unstableGetBlockWithoutInnerBlocks = exports.__experimentalUserPatternCategories = exports.__experimentalGetReusableBlockTitle = exports.__experimentalGetPatternsByBlockTypes = exports.__experimentalGetPatternTransformItems = exports.__experimentalGetParsedPattern = void 0;
 exports.__unstableGetEditorMode = __unstableGetEditorMode;
 exports.__unstableGetSelectedBlocksWithPartialSelection = void 0;
 exports.__unstableGetTemporarilyEditingAsBlocks = __unstableGetTemporarilyEditingAsBlocks;
@@ -90,11 +90,13 @@ exports.isBlockWithinSelection = isBlockWithinSelection;
 exports.isCaretWithinFormattedText = isCaretWithinFormattedText;
 exports.isDraggingBlocks = isDraggingBlocks;
 exports.isFirstMultiSelectedBlock = isFirstMultiSelectedBlock;
+exports.isGroupable = void 0;
 exports.isLastBlockChangePersistent = isLastBlockChangePersistent;
 exports.isMultiSelecting = isMultiSelecting;
 exports.isNavigationMode = isNavigationMode;
 exports.isSelectionEnabled = isSelectionEnabled;
 exports.isTyping = isTyping;
+exports.isUngroupable = void 0;
 exports.isValidTemplate = isValidTemplate;
 exports.wasBlockJustInserted = wasBlockJustInserted;
 var _rememo = _interopRequireDefault(require("rememo"));
@@ -310,17 +312,18 @@ const __unstableGetClientIdsTree = (0, _rememo.default)((state, rootClientId = '
  * given. Returned ids are ordered first by the order of the ids given, then
  * by the order that they appear in the editor.
  *
- * @param {Object} state     Global application state.
- * @param {Array}  clientIds Array of blocks to inspect.
+ * @param {Object}          state     Global application state.
+ * @param {string|string[]} clientIds Client ID(s) for which descendant blocks are to be returned.
  *
- * @return {Array} ids of descendants.
+ * @return {Array} Client IDs of descendants.
  */
 exports.__unstableGetClientIdsTree = __unstableGetClientIdsTree;
 const getClientIdsOfDescendants = (0, _rememo.default)((state, clientIds) => {
+  const givenIds = Array.isArray(clientIds) ? clientIds : [clientIds];
   const collectedIds = [];
-  for (const givenId of clientIds) {
+  for (const givenId of givenIds) {
     for (const descendantId of getBlockOrder(state, givenId)) {
-      collectedIds.push(descendantId, ...getClientIdsOfDescendants(state, [descendantId]));
+      collectedIds.push(descendantId, ...getClientIdsOfDescendants(state, descendantId));
     }
   }
   return collectedIds;
@@ -339,7 +342,7 @@ exports.getClientIdsOfDescendants = getClientIdsOfDescendants;
 const getClientIdsWithDescendants = (0, _rememo.default)(state => {
   const collectedIds = [];
   for (const topLevelId of getBlockOrder(state)) {
-    collectedIds.push(topLevelId, ...getClientIdsOfDescendants(state, [topLevelId]));
+    collectedIds.push(topLevelId, ...getClientIdsOfDescendants(state, topLevelId));
   }
   return collectedIds;
 }, state => [state.blocks.order]);
@@ -2033,22 +2036,31 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   }
   return true;
 };
-function getUnsyncedPatterns(state) {
-  var _state$settings$__exp;
-  const reusableBlocks = (_state$settings$__exp = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
-  return reusableBlocks.filter(reusableBlock => reusableBlock.wp_pattern_sync_status === 'unsynced').map(reusableBlock => {
+function getUserPatterns(state) {
+  var _state$settings$__exp, _state$settings$__exp2;
+  const userPatterns = (_state$settings$__exp = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp !== void 0 ? _state$settings$__exp : EMPTY_ARRAY;
+  const userPatternCategories = (_state$settings$__exp2 = state?.settings?.__experimentalUserPatternCategories) !== null && _state$settings$__exp2 !== void 0 ? _state$settings$__exp2 : [];
+  const categories = new Map();
+  userPatternCategories.forEach(userCategory => categories.set(userCategory.id, userCategory));
+  return userPatterns.map(userPattern => {
     return {
-      name: `core/block/${reusableBlock.id}`,
-      title: reusableBlock.title.raw,
-      categories: ['custom'],
-      content: reusableBlock.content.raw
+      name: `core/block/${userPattern.id}`,
+      id: userPattern.id,
+      title: userPattern.title.raw,
+      categories: userPattern.wp_pattern_category.map(catId => categories && categories.get(catId) ? categories.get(catId).slug : catId),
+      content: userPattern.content.raw,
+      syncStatus: userPattern.wp_pattern_sync_status
     };
   });
 }
+const __experimentalUserPatternCategories = (0, _rememo.default)(state => {
+  return state?.settings?.__experimentalUserPatternCategories;
+}, state => [state.settings.__experimentalUserPatternCategories]);
+exports.__experimentalUserPatternCategories = __experimentalUserPatternCategories;
 const __experimentalGetParsedPattern = (0, _rememo.default)((state, patternName) => {
   const patterns = state.settings.__experimentalBlockPatterns;
-  const unsyncedPatterns = getUnsyncedPatterns(state);
-  const pattern = [...patterns, ...unsyncedPatterns].find(({
+  const userPatterns = getUserPatterns(state);
+  const pattern = [...patterns, ...userPatterns].find(({
     name
   }) => name === patternName);
   if (!pattern) {
@@ -2060,15 +2072,15 @@ const __experimentalGetParsedPattern = (0, _rememo.default)((state, patternName)
       __unstableSkipMigrationLogs: true
     })
   };
-}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks]);
+}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state?.settings?.__experimentalUserPatternCategories]);
 exports.__experimentalGetParsedPattern = __experimentalGetParsedPattern;
 const getAllAllowedPatterns = (0, _rememo.default)(state => {
   const patterns = state.settings.__experimentalBlockPatterns;
-  const unsyncedPatterns = getUnsyncedPatterns(state);
+  const userPatterns = getUserPatterns(state);
   const {
     allowedBlockTypes
   } = getSettings(state);
-  const parsedPatterns = [...patterns, ...unsyncedPatterns].filter(({
+  const parsedPatterns = [...userPatterns, ...patterns].filter(({
     inserter = true
   }) => !!inserter).map(({
     name
@@ -2077,7 +2089,7 @@ const getAllAllowedPatterns = (0, _rememo.default)(state => {
     blocks
   }) => checkAllowListRecursive(blocks, allowedBlockTypes));
   return allowedPatterns;
-}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state.settings.allowedBlockTypes]);
+}, state => [state.settings.__experimentalBlockPatterns, state.settings.__experimentalReusableBlocks, state.settings.allowedBlockTypes, state?.settings?.__experimentalUserPatternCategories]);
 
 /**
  * Returns the list of allowed patterns for inner blocks children.
@@ -2293,8 +2305,8 @@ function __experimentalGetLastBlockAttributeChanges(state) {
  * @return {Array} Reusable blocks
  */
 function getReusableBlocks(state) {
-  var _state$settings$__exp2;
-  return (_state$settings$__exp2 = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp2 !== void 0 ? _state$settings$__exp2 : EMPTY_ARRAY;
+  var _state$settings$__exp3;
+  return (_state$settings$__exp3 = state?.settings?.__experimentalReusableBlocks) !== null && _state$settings$__exp3 !== void 0 ? _state$settings$__exp3 : EMPTY_ARRAY;
 }
 
 /**
@@ -2554,5 +2566,54 @@ const getBlockEditingMode = (0, _data.createRegistrySelector)(select => (state,
   const parentMode = getBlockEditingMode(state, rootClientId);
   return parentMode === 'contentOnly' ? 'default' : parentMode;
 });
+
+/**
+ * Indicates if a block is ungroupable.
+ * A block is ungroupable if it is a single grouping block with inner blocks.
+ * If a block has an `ungroup` transform, it is also ungroupable, without the
+ * requirement of being the default grouping block.
+ * Additionally a block can only be ungrouped if it has inner blocks and can
+ * be removed.
+ *
+ * @param {Object} state    Global application state.
+ * @param {string} clientId Client Id of the block. If not passed the selected block's client id will be used.
+ * @return {boolean} True if the block is ungroupable.
+ */
 exports.getBlockEditingMode = getBlockEditingMode;
+const isUngroupable = (0, _data.createRegistrySelector)(select => (state, clientId = '') => {
+  const _clientId = clientId || getSelectedBlockClientId(state);
+  if (!_clientId) {
+    return false;
+  }
+  const {
+    getGroupingBlockName
+  } = select(_blocks.store);
+  const block = getBlock(state, _clientId);
+  const groupingBlockName = getGroupingBlockName();
+  const _isUngroupable = block && (block.name === groupingBlockName || (0, _blocks.getBlockType)(block.name)?.transforms?.ungroup) && !!block.innerBlocks.length;
+  return _isUngroupable && canRemoveBlock(state, _clientId);
+});
+
+/**
+ * Indicates if the provided blocks(by client ids) are groupable.
+ * We need to have at least one block, have a grouping block name set and
+ * be able to remove these blocks.
+ *
+ * @param {Object}   state     Global application state.
+ * @param {string[]} clientIds Block client ids. If not passed the selected blocks client ids will be used.
+ * @return {boolean} True if the blocks are groupable.
+ */
+exports.isUngroupable = isUngroupable;
+const isGroupable = (0, _data.createRegistrySelector)(select => (state, clientIds = EMPTY_ARRAY) => {
+  const {
+    getGroupingBlockName
+  } = select(_blocks.store);
+  const groupingBlockName = getGroupingBlockName();
+  const _clientIds = clientIds?.length ? clientIds : getSelectedBlockClientIds(state);
+  const rootClientId = _clientIds?.length ? getBlockRootClientId(state, _clientIds[0]) : undefined;
+  const groupingBlockAvailable = canInsertBlockType(state, groupingBlockName, rootClientId);
+  const _isGroupable = groupingBlockAvailable && _clientIds.length;
+  return _isGroupable && canRemoveBlocks(state, _clientIds, rootClientId);
+});
+exports.isGroupable = isGroupable;
 //# sourceMappingURL=selectors.js.map