@wordpress/block-editor 14.5.0 → 14.7.0

package/build/store/selectors.js

@@ -564,6 +564,39 @@ function getSelectedBlockClientId(state) {
  *
  * @param {Object} state Global application state.
  *
+ * @example
+ *
+ *```js
+ * import { select } from '@wordpress/data'
+ * import { store as blockEditorStore } from '@wordpress/block-editor'
+ *
+ * // Set initial active block client ID
+ * let activeBlockClientId = null
+ *
+ * const getActiveBlockData = () => {
+ * 	const activeBlock = select(blockEditorStore).getSelectedBlock()
+ *
+ * 	if (activeBlock && activeBlock.clientId !== activeBlockClientId) {
+ * 		activeBlockClientId = activeBlock.clientId
+ *
+ * 		// Get active block name and attributes
+ * 		const activeBlockName = activeBlock.name
+ * 		const activeBlockAttributes = activeBlock.attributes
+ *
+ * 		// Log active block name and attributes
+ * 		console.log(activeBlockName, activeBlockAttributes)
+ * 		}
+ * 	}
+ *
+ * 	// Subscribe to changes in the editor
+ * 	// wp.data.subscribe(() => {
+ * 		// getActiveBlockData()
+ * 	// })
+ *
+ * 	// Update active block data on click
+ * 	// onclick="getActiveBlockData()"
+ *```
+ *
  * @return {?Object} Selected block.
  */
 function getSelectedBlock(state) {
@@ -1459,10 +1492,11 @@ function getTemplateLock(state, rootClientId) {
  * @param {string|Object} blockNameOrType The block type object, e.g., the response
  *                                        from the block directory; or a string name of
  *                                        an installed block type, e.g.' core/paragraph'.
+ * @param {Set}           checkedBlocks   Set of block names that have already been checked.
  *
  * @return {boolean} Whether the given block type is allowed to be inserted.
  */
-const isBlockVisibleInTheInserter = (state, blockNameOrType) => {
+const isBlockVisibleInTheInserter = (state, blockNameOrType, checkedBlocks = new Set()) => {
   let blockType;
   let blockName;
   if (blockNameOrType && 'object' === typeof blockNameOrType) {
@@ -1482,10 +1516,14 @@ const isBlockVisibleInTheInserter = (state, blockNameOrType) => {
   if (!isBlockAllowedInEditor) {
     return false;
   }
+  if (checkedBlocks.has(blockName)) {
+    return false;
+  }
+  checkedBlocks.add(blockName);
 
   // If parent blocks are not visible, child blocks should be hidden too.
-  if (!!blockType.parent?.length) {
-    return blockType.parent.some(name => isBlockVisibleInTheInserter(state, name) ||
+  if (Array.isArray(blockType.parent)) {
+    return blockType.parent.some(name => blockName !== name && isBlockVisibleInTheInserter(state, name, checkedBlocks) ||
     // Exception for blocks with post-content parent,
     // the root level is often consider as "core/post-content".
     // This exception should only apply to the post editor ideally though.
@@ -1595,7 +1633,7 @@ const canInsertBlockTypeUnmemoized = (state, blockName, rootClientId = null) =>
  *
  * @return {boolean} Whether the given block type is allowed to be inserted.
  */
-const canInsertBlockType = exports.canInsertBlockType = (0, _data.createSelector)(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => (0, _utils.getInsertBlockTypeDependants)(state, rootClientId));
+const canInsertBlockType = exports.canInsertBlockType = (0, _data.createRegistrySelector)(select => (0, _data.createSelector)(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => (0, _utils.getInsertBlockTypeDependants)(select)(state, rootClientId)));
 
 /**
  * Determines if the given blocks are allowed to be inserted into the block
@@ -1977,7 +2015,7 @@ const getInserterItems = exports.getInserterItems = (0, _data.createRegistrySele
   });
   const sortedBlockTypes = [...coreItems, ...nonCoreItems];
   return [...sortedBlockTypes, ...syncedPatternInserterItems];
-}, (state, rootClientId) => [(0, _blocks.getBlockTypes)(), (0, _lockUnlock.unlock)(select(_constants.STORE_NAME)).getReusableBlocks(), state.blocks.order, state.preferences.insertUsage, ...(0, _utils.getInsertBlockTypeDependants)(state, rootClientId)]));
+}, (state, rootClientId) => [(0, _blocks.getBlockTypes)(), (0, _lockUnlock.unlock)(select(_constants.STORE_NAME)).getReusableBlocks(), state.blocks.order, state.preferences.insertUsage, ...(0, _utils.getInsertBlockTypeDependants)(select)(state, rootClientId)]));
 
 /**
  * Determines the items that appear in the available block transforms list.
@@ -2005,7 +2043,7 @@ const getInserterItems = exports.getInserterItems = (0, _data.createRegistrySele
  *                                          this item.
  * @property {number}          frecency     Heuristic that combines frequency and recency.
  */
-const getBlockTransformItems = exports.getBlockTransformItems = (0, _data.createSelector)((state, blocks, rootClientId = null) => {
+const getBlockTransformItems = exports.getBlockTransformItems = (0, _data.createRegistrySelector)(select => (0, _data.createSelector)((state, blocks, rootClientId = null) => {
   const normalizedBlocks = Array.isArray(blocks) ? blocks : [blocks];
   const buildBlockTypeTransformItem = buildBlockTypeItem(state, {
     buildScope: 'transform'
@@ -2019,7 +2057,7 @@ const getBlockTransformItems = exports.getBlockTransformItems = (0, _data.create
     return accumulator;
   }, []);
   return (0, _sorting.orderBy)(possibleTransforms, block => itemsByName[block.name].frecency, 'desc');
-}, (state, blocks, rootClientId) => [(0, _blocks.getBlockTypes)(), state.preferences.insertUsage, ...(0, _utils.getInsertBlockTypeDependants)(state, rootClientId)]);
+}, (state, blocks, rootClientId) => [(0, _blocks.getBlockTypes)(), state.preferences.insertUsage, ...(0, _utils.getInsertBlockTypeDependants)(select)(state, rootClientId)]));
 
 /**
  * Determines whether there are items to show in the inserter.
@@ -2056,7 +2094,7 @@ const getAllowedBlocks = exports.getAllowedBlocks = (0, _data.createRegistrySele
     blockTypes.push('core/block');
   }
   return blockTypes;
-}, (state, rootClientId) => [(0, _blocks.getBlockTypes)(), (0, _lockUnlock.unlock)(select(_constants.STORE_NAME)).getReusableBlocks(), ...(0, _utils.getInsertBlockTypeDependants)(state, rootClientId)]));
+}, (state, rootClientId) => [(0, _blocks.getBlockTypes)(), (0, _lockUnlock.unlock)(select(_constants.STORE_NAME)).getReusableBlocks(), ...(0, _utils.getInsertBlockTypeDependants)(select)(state, rootClientId)]));
 const __experimentalGetAllowedBlocks = exports.__experimentalGetAllowedBlocks = (0, _data.createSelector)((state, rootClientId = null) => {
   (0, _deprecated.default)('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', {
     alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks',
@@ -2105,7 +2143,7 @@ const __experimentalGetParsedPattern = exports.__experimentalGetParsedPattern =
   const pattern = (0, _lockUnlock.unlock)(select(_constants.STORE_NAME)).getPatternBySlug(patternName);
   return pattern ? (0, _utils.getParsedPattern)(pattern) : null;
 });
-const getAllowedPatternsDependants = select => (state, rootClientId) => [...(0, _utils.getAllPatternsDependants)(select)(state), ...(0, _utils.getInsertBlockTypeDependants)(state, rootClientId)];
+const getAllowedPatternsDependants = select => (state, rootClientId) => [...(0, _utils.getAllPatternsDependants)(select)(state), ...(0, _utils.getInsertBlockTypeDependants)(select)(state, rootClientId)];
 const patternsWithParsedBlocks = new WeakMap();
 function enhancePatternWithParsedBlocks(pattern) {
   let enhancedPattern = patternsWithParsedBlocks.get(pattern);
@@ -2357,8 +2395,9 @@ function isNavigationMode(state) {
  *
  * @return {string} the editor mode.
  */
-const __unstableGetEditorMode = exports.__unstableGetEditorMode = (0, _data.createRegistrySelector)(select => () => {
-  return select(_preferences.store).get('core', 'editorTool');
+const __unstableGetEditorMode = exports.__unstableGetEditorMode = (0, _data.createRegistrySelector)(select => state => {
+  var _state$settings$edito;
+  return (_state$settings$edito = state.settings.editorTool) !== null && _state$settings$edito !== void 0 ? _state$settings$edito : select(_preferences.store).get('core', 'editorTool');
 });
 
 /**
@@ -2501,10 +2540,9 @@ function __unstableHasActiveBlockOverlayActive(state, clientId) {
   if (!canEditBlock(state, clientId)) {
     return true;
   }
-  const editorMode = __unstableGetEditorMode(state);
 
   // In zoom-out mode, the block overlay is always active for section level blocks.
-  if (editorMode === 'zoom-out') {
+  if ((0, _privateSelectors.isZoomOut)(state)) {
     const sectionRootClientId = (0, _privateSelectors.getSectionRootClientId)(state);
     if (sectionRootClientId) {
       const sectionClientIds = getBlockOrder(state, sectionRootClientId);
@@ -2585,8 +2623,7 @@ const getBlockEditingMode = exports.getBlockEditingMode = (0, _data.createRegist
   // In zoom-out mode, override the behavior set by
   // __unstableSetBlockEditingMode to only allow editing the top-level
   // sections.
-  const editorMode = __unstableGetEditorMode(state);
-  if (editorMode === 'zoom-out') {
+  if ((0, _privateSelectors.isZoomOut)(state)) {
     const sectionRootClientId = (0, _privateSelectors.getSectionRootClientId)(state);
     if (clientId === '' /* ROOT_CONTAINER_CLIENT_ID */) {
       return sectionRootClientId ? 'disabled' : 'contentOnly';
@@ -2602,6 +2639,7 @@ const getBlockEditingMode = exports.getBlockEditingMode = (0, _data.createRegist
     }
     return 'disabled';
   }
+  const editorMode = __unstableGetEditorMode(state);
   if (editorMode === 'navigation') {
     const sectionRootClientId = (0, _privateSelectors.getSectionRootClientId)(state);