@wordpress/block-editor 14.4.0 → 14.6.0

package/build-module/store/selectors.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
@@ -8,6 +9,7 @@ import { symbol } from '@wordpress/icons';
 import { create, remove, toHTMLString } from '@wordpress/rich-text';
 import deprecated from '@wordpress/deprecated';
 import { createSelector, createRegistrySelector } from '@wordpress/data';
+import { store as preferencesStore } from '@wordpress/preferences';
 
 /**
  * Internal dependencies
@@ -16,7 +18,7 @@ import { isFiltered, checkAllowListRecursive, checkAllowList, getAllPatternsDepe
 import { orderBy } from '../utils/sorting';
 import { STORE_NAME } from './constants';
 import { unlock } from '../lock-unlock';
-import { getContentLockingParent, getTemporarilyEditingAsBlocks, getTemporarilyEditingFocusModeToRevert, getSectionRootClientId, isSectionBlock, getParentSectionBlock } from './private-selectors';
+import { getContentLockingParent, getTemporarilyEditingAsBlocks, getTemporarilyEditingFocusModeToRevert, getSectionRootClientId, isSectionBlock, getParentSectionBlock, isZoomOut } from './private-selectors';
 
 /**
  * A block selection object.
@@ -456,6 +458,39 @@ export 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.
  */
 export function getSelectedBlock(state) {
@@ -1350,10 +1385,11 @@ export 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) {
@@ -1373,10 +1409,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.
@@ -1997,6 +2037,20 @@ export const __experimentalGetParsedPattern = createRegistrySelector(select => (
   return pattern ? getParsedPattern(pattern) : null;
 });
 const getAllowedPatternsDependants = select => (state, rootClientId) => [...getAllPatternsDependants(select)(state), ...getInsertBlockTypeDependants(state, rootClientId)];
+const patternsWithParsedBlocks = new WeakMap();
+function enhancePatternWithParsedBlocks(pattern) {
+  let enhancedPattern = patternsWithParsedBlocks.get(pattern);
+  if (!enhancedPattern) {
+    enhancedPattern = {
+      ...pattern,
+      get blocks() {
+        return getParsedPattern(pattern).blocks;
+      }
+    };
+    patternsWithParsedBlocks.set(pattern, enhancedPattern);
+  }
+  return enhancedPattern;
+}
 
 /**
  * Returns the list of allowed patterns for inner blocks children.
@@ -2017,14 +2071,7 @@ export const __experimentalGetAllowedPatterns = createRegistrySelector(select =>
     } = getSettings(state);
     const parsedPatterns = patterns.filter(({
       inserter = true
-    }) => !!inserter).map(pattern => {
-      return {
-        ...pattern,
-        get blocks() {
-          return getParsedPattern(pattern).blocks;
-        }
-      };
-    });
+    }) => !!inserter).map(enhancePatternWithParsedBlocks);
     const availableParsedPatterns = parsedPatterns.filter(pattern => checkAllowListRecursive(getGrammar(pattern), allowedBlockTypes));
     const patternsAllowed = availableParsedPatterns.filter(pattern => getGrammar(pattern).every(({
       blockName: name
@@ -2231,7 +2278,7 @@ export function __experimentalGetLastBlockAttributeChanges(state) {
  * @return {boolean} Is navigation mode enabled.
  */
 export function isNavigationMode(state) {
-  return state.editorMode === 'navigation';
+  return __unstableGetEditorMode(state) === 'navigation';
 }
 
 /**
@@ -2241,9 +2288,9 @@ export function isNavigationMode(state) {
  *
  * @return {string} the editor mode.
  */
-export function __unstableGetEditorMode(state) {
-  return state.editorMode;
-}
+export const __unstableGetEditorMode = createRegistrySelector(select => () => {
+  return select(preferencesStore).get('core', 'editorTool');
+});
 
 /**
  * Returns whether block moving mode is enabled.
@@ -2385,10 +2432,9 @@ export 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 (isZoomOut(state)) {
     const sectionRootClientId = getSectionRootClientId(state);
     if (sectionRootClientId) {
       const sectionClientIds = getBlockOrder(state, sectionRootClientId);
@@ -2469,8 +2515,7 @@ export const getBlockEditingMode = createRegistrySelector(select => (state, clie
   // 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 (isZoomOut(state)) {
     const sectionRootClientId = getSectionRootClientId(state);
     if (clientId === '' /* ROOT_CONTAINER_CLIENT_ID */) {
       return sectionRootClientId ? 'disabled' : 'contentOnly';
@@ -2486,6 +2531,7 @@ export const getBlockEditingMode = createRegistrySelector(select => (state, clie
     }
     return 'disabled';
   }
+  const editorMode = __unstableGetEditorMode(state);
   if (editorMode === 'navigation') {
     const sectionRootClientId = getSectionRootClientId(state);