@wordpress/block-editor 12.5.0 → 12.7.0

package/build-module/store/selectors.js

@@ -1783,46 +1783,8 @@ const buildBlockTypeItem = (state, {
 
 
 export const getInserterItems = createSelector((state, rootClientId = null) => {
-  /*
-   * 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 blockParserTokenizer = /^\s*<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/;
-
   const buildReusableBlockInserterItem = reusableBlock => {
-    let icon = 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 (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 = getBlockType(namespace + blockName);
-
-        if (referencedBlockType) {
-          icon = referencedBlockType.icon;
-        }
-      }
-    }
-
+    const icon = symbol;
     const id = `core/block/${reusableBlock.id}`;
     const {
       time,
@@ -1838,20 +1800,17 @@ export const getInserterItems = createSelector((state, rootClientId = null) => {
       title: reusableBlock.title.raw,
       icon,
       category: 'reusable',
-      keywords: [],
+      keywords: ['reusable'],
       isDisabled: false,
       utility: 1,
       // Deprecated.
       frecency,
-      content: reusableBlock.content.raw
+      content: reusableBlock.content.raw,
+      syncStatus: reusableBlock.wp_pattern_sync_status
     };
   };
 
-  const syncedPatternInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).filter(reusableBlock => // Reusable blocks that are fully synced should have no sync status set
-  // for backwards compat between patterns and old reusable blocks, but
-  // some in release 16.1 may have had sync status inadvertantly set to
-  // 'fully' if created in the site editor.
-  reusableBlock.wp_pattern_sync_status === 'fully' || reusableBlock.wp_pattern_sync_status === '' || !reusableBlock.wp_pattern_sync_status).map(buildReusableBlockInserterItem) : [];
+  const syncedPatternInserterItems = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).map(buildReusableBlockInserterItem) : [];
   const buildBlockTypeInserterItem = buildBlockTypeItem(state, {
     buildScope: 'inserter'
   });
@@ -1975,8 +1934,10 @@ export const getAllowedBlocks = createSelector((state, rootClientId = null) => {
     return;
   }
 
-  return getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
-}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getBlockTypes()]);
+  const blockTypes = getBlockTypes().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId));
+  const hasReusableBlock = canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
+  return [...blockTypes, ...(hasReusableBlock ? ['core/block'] : [])];
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), getBlockTypes()]);
 export const __experimentalGetAllowedBlocks = createSelector((state, rootClientId = null) => {
   deprecated('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', {
     alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks',
@@ -1999,13 +1960,13 @@ export const __experimentalGetAllowedBlocks = createSelector((state, rootClientI
  * @property {?Array<string>} attributesToCopy Attributes to be copied from adjecent blocks when inserted.
  */
 
-export const __experimentalGetDirectInsertBlock = createSelector((state, rootClientId = null) => {
+export const getDirectInsertBlock = createSelector((state, rootClientId = null) => {
   if (!rootClientId) {
     return;
   }
 
-  const defaultBlock = state.blockListSettings[rootClientId]?.__experimentalDefaultBlock;
-  const directInsert = state.blockListSettings[rootClientId]?.__experimentalDirectInsert;
+  const defaultBlock = state.blockListSettings[rootClientId]?.defaultBlock;
+  const directInsert = state.blockListSettings[rootClientId]?.directInsert;
 
   if (!defaultBlock || !directInsert) {
     return;
@@ -2017,6 +1978,14 @@ export const __experimentalGetDirectInsertBlock = createSelector((state, rootCli
 
   return defaultBlock;
 }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
+export const __experimentalGetDirectInsertBlock = createSelector((state, rootClientId = null) => {
+  deprecated('wp.data.select( "core/block-editor" ).__experimentalGetDirectInsertBlock', {
+    alternative: 'wp.data.select( "core/block-editor" ).getDirectInsertBlock',
+    since: '6.3',
+    version: '6.4'
+  });
+  return getDirectInsertBlock(state, rootClientId);
+}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]);
 
 const checkAllowListRecursive = (blocks, allowedBlockTypes) => {
   if (typeof allowedBlockTypes === 'boolean') {
@@ -2213,30 +2182,6 @@ export function getBlockListSettings(state, clientId) {
 export function getSettings(state) {
   return state.settings;
 }
-/**
- * Returns the behaviors registered with the editor.
- *
- * Behaviors are named, reusable pieces of functionality that can be
- * attached to blocks. They are registered with the editor using the
- * `theme.json` file.
- *
- * @example
- *
- * ```js
- * const behaviors = select( blockEditorStore ).getBehaviors();
- * if ( behaviors?.lightbox ) {
- * 	 // Do something with the lightbox.
- * }
- *```
- *
- * @param {Object} state Editor state.
- *
- * @return {Object} The editor behaviors object.
- */
-
-export function getBehaviors(state) {
-  return state.settings.behaviors;
-}
 /**
  * Returns true if the most recent block change is be considered persistent, or
  * false otherwise. A persistent change is one committed by BlockEditorProvider