@wordpress/block-editor 12.1.0 → 12.3.0

package/build-module/components/block-switcher/block-variation-transformations.js

@@ -0,0 +1,99 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { MenuItem } from '@wordpress/components';
+import { getBlockMenuDefaultClassName, cloneBlock, store as blocksStore } from '@wordpress/blocks';
+import { useSelect } from '@wordpress/data';
+import { useState, useMemo } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+
+import { store as blockEditorStore } from '../../store';
+import BlockIcon from '../block-icon';
+import PreviewBlockPopover from './preview-block-popover';
+const EMPTY_OBJECT = {};
+export function useBlockVariationTransforms({
+  clientIds,
+  blocks
+}) {
+  const {
+    activeBlockVariation,
+    blockVariationTransformations
+  } = useSelect(select => {
+    const {
+      getBlockRootClientId,
+      getBlockAttributes,
+      canRemoveBlocks
+    } = select(blockEditorStore);
+    const {
+      getActiveBlockVariation,
+      getBlockVariations
+    } = select(blocksStore);
+    const rootClientId = getBlockRootClientId(Array.isArray(clientIds) ? clientIds[0] : clientIds);
+    const canRemove = canRemoveBlocks(clientIds, rootClientId); // Only handle single selected blocks for now.
+
+    if (blocks.length !== 1 || !canRemove) {
+      return EMPTY_OBJECT;
+    }
+
+    const [firstBlock] = blocks;
+    return {
+      blockVariationTransformations: getBlockVariations(firstBlock.name, 'transform'),
+      activeBlockVariation: getActiveBlockVariation(firstBlock.name, getBlockAttributes(firstBlock.clientId))
+    };
+  }, [clientIds, blocks]);
+  const transformations = useMemo(() => {
+    return blockVariationTransformations?.filter(({
+      name
+    }) => name !== activeBlockVariation?.name);
+  }, [blockVariationTransformations, activeBlockVariation]);
+  return transformations;
+}
+
+const BlockVariationTransformations = ({
+  transformations,
+  onSelect,
+  blocks
+}) => {
+  const [hoveredTransformItemName, setHoveredTransformItemName] = useState();
+  return createElement(Fragment, null, hoveredTransformItemName && createElement(PreviewBlockPopover, {
+    blocks: cloneBlock(blocks[0], transformations.find(({
+      name
+    }) => name === hoveredTransformItemName).attributes)
+  }), transformations?.map(item => createElement(BlockVariationTranformationItem, {
+    key: item.name,
+    item: item,
+    onSelect: onSelect,
+    setHoveredTransformItemName: setHoveredTransformItemName
+  })));
+};
+
+function BlockVariationTranformationItem({
+  item,
+  onSelect,
+  setHoveredTransformItemName
+}) {
+  const {
+    name,
+    icon,
+    title
+  } = item;
+  return createElement(MenuItem, {
+    className: getBlockMenuDefaultClassName(name),
+    onClick: event => {
+      event.preventDefault();
+      onSelect(name);
+    },
+    onMouseLeave: () => setHoveredTransformItemName(null),
+    onMouseEnter: () => setHoveredTransformItemName(name)
+  }, createElement(BlockIcon, {
+    icon: icon,
+    showColors: true
+  }), title);
+}
+
+export default BlockVariationTransformations;
+//# sourceMappingURL=block-variation-transformations.js.map

package/build-module/components/block-switcher/block-variation-transformations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/block-variation-transformations.js"],"names":["MenuItem","getBlockMenuDefaultClassName","cloneBlock","store","blocksStore","useSelect","useState","useMemo","blockEditorStore","BlockIcon","PreviewBlockPopover","EMPTY_OBJECT","useBlockVariationTransforms","clientIds","blocks","activeBlockVariation","blockVariationTransformations","select","getBlockRootClientId","getBlockAttributes","canRemoveBlocks","getActiveBlockVariation","getBlockVariations","rootClientId","Array","isArray","canRemove","length","firstBlock","name","clientId","transformations","filter","BlockVariationTransformations","onSelect","hoveredTransformItemName","setHoveredTransformItemName","find","attributes","map","item","BlockVariationTranformationItem","icon","title","event","preventDefault"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport {\n\tgetBlockMenuDefaultClassName,\n\tcloneBlock,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport PreviewBlockPopover from './preview-block-popover';\n\nconst EMPTY_OBJECT = {};\n\nexport function useBlockVariationTransforms( { clientIds, blocks } ) {\n\tconst { activeBlockVariation, blockVariationTransformations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tcanRemoveBlocks,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getActiveBlockVariation, getBlockVariations } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId(\n\t\t\t\tArray.isArray( clientIds ) ? clientIds[ 0 ] : clientIds\n\t\t\t);\n\t\t\tconst canRemove = canRemoveBlocks( clientIds, rootClientId );\n\t\t\t// Only handle single selected blocks for now.\n\t\t\tif ( blocks.length !== 1 || ! canRemove ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\t\t\tconst [ firstBlock ] = blocks;\n\t\t\treturn {\n\t\t\t\tblockVariationTransformations: getBlockVariations(\n\t\t\t\t\tfirstBlock.name,\n\t\t\t\t\t'transform'\n\t\t\t\t),\n\t\t\t\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tfirstBlock.name,\n\t\t\t\t\tgetBlockAttributes( firstBlock.clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, blocks ]\n\t);\n\tconst transformations = useMemo( () => {\n\t\treturn blockVariationTransformations?.filter(\n\t\t\t( { name } ) => name !== activeBlockVariation?.name\n\t\t);\n\t}, [ blockVariationTransformations, activeBlockVariation ] );\n\treturn transformations;\n}\n\nconst BlockVariationTransformations = ( {\n\ttransformations,\n\tonSelect,\n\tblocks,\n} ) => {\n\tconst [ hoveredTransformItemName, setHoveredTransformItemName ] =\n\t\tuseState();\n\treturn (\n\t\t<>\n\t\t\t{ hoveredTransformItemName && (\n\t\t\t\t<PreviewBlockPopover\n\t\t\t\t\tblocks={ cloneBlock(\n\t\t\t\t\t\tblocks[ 0 ],\n\t\t\t\t\t\ttransformations.find(\n\t\t\t\t\t\t\t( { name } ) => name === hoveredTransformItemName\n\t\t\t\t\t\t).attributes\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ transformations?.map( ( item ) => (\n\t\t\t\t<BlockVariationTranformationItem\n\t\t\t\t\tkey={ item.name }\n\t\t\t\t\titem={ item }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</>\n\t);\n};\n\nfunction BlockVariationTranformationItem( {\n\titem,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\tconst { name, icon, title } = item;\n\treturn (\n\t\t<MenuItem\n\t\t\tclassName={ getBlockMenuDefaultClassName( name ) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonSelect( name );\n\t\t\t} }\n\t\t\tonMouseLeave={ () => setHoveredTransformItemName( null ) }\n\t\t\tonMouseEnter={ () => setHoveredTransformItemName( name ) }\n\t\t>\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t{ title }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockVariationTransformations;\n"]}

package/build-module/components/block-switcher/index.js

@@ -16,17 +16,18 @@ import { store as blockEditorStore } from '../../store';
 import useBlockDisplayInformation from '../use-block-display-information';
 import BlockIcon from '../block-icon';
 import BlockTransformationsMenu from './block-transformations-menu';
+import { useBlockVariationTransforms } from './block-variation-transformations';
 import BlockStylesMenu from './block-styles-menu';
 import PatternTransformationsMenu from './pattern-transformations-menu';
 import useBlockDisplayTitle from '../block-title/use-block-display-title';
-export const BlockSwitcherDropdownMenu = _ref => {
-  let {
-    clientIds,
-    blocks
-  } = _ref;
+export const BlockSwitcherDropdownMenu = ({
+  clientIds,
+  blocks
+}) => {
   const {
     replaceBlocks,
-    multiSelect
+    multiSelect,
+    updateBlockAttributes
   } = useDispatch(blockEditorStore);
   const blockInformation = useBlockDisplayInformation(blocks[0].clientId);
   const {
@@ -39,15 +40,13 @@ export const BlockSwitcherDropdownMenu = _ref => {
     const {
       getBlockRootClientId,
       getBlockTransformItems,
-      __experimentalGetPatternTransformItems
+      __experimentalGetPatternTransformItems,
+      canRemoveBlocks
     } = select(blockEditorStore);
     const {
       getBlockStyles,
       getBlockType
     } = select(blocksStore);
-    const {
-      canRemoveBlocks
-    } = select(blockEditorStore);
     const rootClientId = getBlockRootClientId(Array.isArray(clientIds) ? clientIds[0] : clientIds);
     const [{
       name: firstBlockName
@@ -60,29 +59,28 @@ export const BlockSwitcherDropdownMenu = _ref => {
     let _icon;
 
     if (_isSingleBlockSelected) {
-      _icon = blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon; // Take into account active block variations.
+      _icon = blockInformation?.icon; // Take into account active block variations.
     } else {
-      var _getBlockType;
-
-      const isSelectionOfSameType = new Set(blocks.map(_ref2 => {
-        let {
-          name
-        } = _ref2;
-        return name;
-      })).size === 1; // When selection consists of blocks of multiple types, display an
+      const isSelectionOfSameType = new Set(blocks.map(({
+        name
+      }) => name)).size === 1; // When selection consists of blocks of multiple types, display an
       // appropriate icon to communicate the non-uniformity.
 
-      _icon = isSelectionOfSameType ? (_getBlockType = getBlockType(firstBlockName)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.icon : copy;
+      _icon = isSelectionOfSameType ? getBlockType(firstBlockName)?.icon : copy;
     }
 
     return {
       possibleBlockTransformations: getBlockTransformItems(blocks, rootClientId),
       canRemove: canRemoveBlocks(clientIds, rootClientId),
-      hasBlockStyles: !!(styles !== null && styles !== void 0 && styles.length),
+      hasBlockStyles: !!styles?.length,
       icon: _icon,
       patterns: __experimentalGetPatternTransformItems(blocks, rootClientId)
     };
-  }, [clientIds, blocks, blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon]);
+  }, [clientIds, blocks, blockInformation?.icon]);
+  const blockVariationTransformations = useBlockVariationTransforms({
+    clientIds,
+    blocks
+  });
   const blockTitle = useBlockDisplayTitle({
     clientId: Array.isArray(clientIds) ? clientIds[0] : clientIds,
     maximumLength: 35
@@ -101,6 +99,13 @@ export const BlockSwitcherDropdownMenu = _ref => {
     const newBlocks = switchToBlockType(blocks, name);
     replaceBlocks(clientIds, newBlocks);
     selectForMultipleBlocks(newBlocks);
+  }
+
+  function onBlockVariationTransform(name) {
+    updateBlockAttributes(blocks[0].clientId, { ...blockVariationTransformations.find(({
+        name: variationName
+      }) => variationName === name).attributes
+    });
   } // Pattern transformation through the `Patterns` API.
 
 
@@ -116,9 +121,10 @@ export const BlockSwitcherDropdownMenu = _ref => {
 
 
   const hasPossibleBlockTransformations = !!possibleBlockTransformations.length && canRemove && !isTemplate;
-  const hasPatternTransformation = !!(patterns !== null && patterns !== void 0 && patterns.length) && canRemove;
+  const hasPossibleBlockVariationTransformations = !!blockVariationTransformations?.length;
+  const hasPatternTransformation = !!patterns?.length && canRemove;
 
-  if (!hasBlockStyles && !hasPossibleBlockTransformations) {
+  if (!hasBlockStyles && !hasPossibleBlockTransformations && !hasPossibleBlockVariationTransformations) {
     return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
       disabled: true,
       className: "block-editor-block-switcher__no-switcher-icon",
@@ -138,7 +144,8 @@ export const BlockSwitcherDropdownMenu = _ref => {
   __('%s: Change block type or style'), blockTitle) : sprintf(
   /* translators: %d: number of blocks. */
   _n('Change type of %d block', 'Change type of %d blocks', blocks.length), blocks.length);
-  const showDropDown = hasBlockStyles || hasPossibleBlockTransformations || hasPatternTransformation;
+  const hasBlockOrBlockVariationTransforms = hasPossibleBlockTransformations || hasPossibleBlockVariationTransformations;
+  const showDropDown = hasBlockStyles || hasBlockOrBlockVariationTransforms || hasPatternTransformation;
   return createElement(ToolbarGroup, null, createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {
     className: "block-editor-block-switcher",
     label: blockSwitcherLabel,
@@ -161,37 +168,38 @@ export const BlockSwitcherDropdownMenu = _ref => {
     menuProps: {
       orientation: 'both'
     }
-  }, _ref3 => {
-    let {
-      onClose
-    } = _ref3;
-    return showDropDown && createElement("div", {
-      className: "block-editor-block-switcher__container"
-    }, hasPatternTransformation && createElement(PatternTransformationsMenu, {
-      blocks: blocks,
-      patterns: patterns,
-      onSelect: transformedBlocks => {
-        onPatternTransform(transformedBlocks);
-        onClose();
-      }
-    }), hasPossibleBlockTransformations && createElement(BlockTransformationsMenu, {
-      className: "block-editor-block-switcher__transforms__menugroup",
-      possibleBlockTransformations: possibleBlockTransformations,
-      blocks: blocks,
-      onSelect: name => {
-        onBlockTransform(name);
-        onClose();
-      }
-    }), hasBlockStyles && createElement(BlockStylesMenu, {
-      hoveredBlock: blocks[0],
-      onSwitch: onClose
-    }));
-  })));
+  }, ({
+    onClose
+  }) => showDropDown && createElement("div", {
+    className: "block-editor-block-switcher__container"
+  }, hasPatternTransformation && createElement(PatternTransformationsMenu, {
+    blocks: blocks,
+    patterns: patterns,
+    onSelect: transformedBlocks => {
+      onPatternTransform(transformedBlocks);
+      onClose();
+    }
+  }), hasBlockOrBlockVariationTransforms && createElement(BlockTransformationsMenu, {
+    className: "block-editor-block-switcher__transforms__menugroup",
+    possibleBlockTransformations: possibleBlockTransformations,
+    possibleBlockVariationTransformations: blockVariationTransformations,
+    blocks: blocks,
+    onSelect: name => {
+      onBlockTransform(name);
+      onClose();
+    },
+    onSelectVariation: name => {
+      onBlockVariationTransform(name);
+      onClose();
+    }
+  }), hasBlockStyles && createElement(BlockStylesMenu, {
+    hoveredBlock: blocks[0],
+    onSwitch: onClose
+  })))));
 };
-export const BlockSwitcher = _ref4 => {
-  let {
-    clientIds
-  } = _ref4;
+export const BlockSwitcher = ({
+  clientIds
+}) => {
   const blocks = useSelect(select => select(blockEditorStore).getBlocksByClientId(clientIds), [clientIds]);
 
   if (!blocks.length || blocks.some(block => !block)) {

package/build-module/components/block-switcher/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/index.js"],"names":["__","_n","sprintf","DropdownMenu","ToolbarButton","ToolbarGroup","ToolbarItem","switchToBlockType","store","blocksStore","isReusableBlock","isTemplatePart","useSelect","useDispatch","copy","blockEditorStore","useBlockDisplayInformation","BlockIcon","BlockTransformationsMenu","BlockStylesMenu","PatternTransformationsMenu","useBlockDisplayTitle","BlockSwitcherDropdownMenu","clientIds","blocks","replaceBlocks","multiSelect","blockInformation","clientId","possibleBlockTransformations","canRemove","hasBlockStyles","icon","patterns","select","getBlockRootClientId","getBlockTransformItems","__experimentalGetPatternTransformItems","getBlockStyles","getBlockType","canRemoveBlocks","rootClientId","Array","isArray","name","firstBlockName","_isSingleBlockSelected","length","styles","_icon","isSelectionOfSameType","Set","map","size","blockTitle","maximumLength","isReusable","isTemplate","selectForMultipleBlocks","insertedBlocks","onBlockTransform","newBlocks","onPatternTransform","transformedBlocks","hasPossibleBlockTransformations","hasPatternTransformation","blockSwitcherLabel","blockSwitcherDescription","showDropDown","toggleProps","position","variant","className","describedBy","orientation","onClose","BlockSwitcher","getBlocksByClientId","some","block"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarButton,\n\tToolbarGroup,\n\tToolbarItem,\n} from '@wordpress/components';\nimport {\n\tswitchToBlockType,\n\tstore as blocksStore,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport BlockTransformationsMenu from './block-transformations-menu';\nimport BlockStylesMenu from './block-styles-menu';\nimport PatternTransformationsMenu from './pattern-transformations-menu';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport const BlockSwitcherDropdownMenu = ( { clientIds, blocks } ) => {\n\tconst { replaceBlocks, multiSelect } = useDispatch( blockEditorStore );\n\tconst blockInformation = useBlockDisplayInformation( blocks[ 0 ].clientId );\n\tconst {\n\t\tpossibleBlockTransformations,\n\t\tcanRemove,\n\t\thasBlockStyles,\n\t\ticon,\n\t\tpatterns,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockTransformItems,\n\t\t\t\t__experimentalGetPatternTransformItems,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockStyles, getBlockType } = select( blocksStore );\n\t\t\tconst { canRemoveBlocks } = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId(\n\t\t\t\tArray.isArray( clientIds ) ? clientIds[ 0 ] : clientIds\n\t\t\t);\n\t\t\tconst [ { name: firstBlockName } ] = blocks;\n\t\t\tconst _isSingleBlockSelected = blocks.length === 1;\n\t\t\tconst styles =\n\t\t\t\t_isSingleBlockSelected && getBlockStyles( firstBlockName );\n\t\t\tlet _icon;\n\t\t\tif ( _isSingleBlockSelected ) {\n\t\t\t\t_icon = blockInformation?.icon; // Take into account active block variations.\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blocks.map( ( { name } ) => name ) ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType\n\t\t\t\t\t? getBlockType( firstBlockName )?.icon\n\t\t\t\t\t: copy;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tpossibleBlockTransformations: getBlockTransformItems(\n\t\t\t\t\tblocks,\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanRemove: canRemoveBlocks( clientIds, rootClientId ),\n\t\t\t\thasBlockStyles: !! styles?.length,\n\t\t\t\ticon: _icon,\n\t\t\t\tpatterns: __experimentalGetPatternTransformItems(\n\t\t\t\t\tblocks,\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, blocks, blockInformation?.icon ]\n\t);\n\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId: Array.isArray( clientIds ) ? clientIds[ 0 ] : clientIds,\n\t\tmaximumLength: 35,\n\t} );\n\tconst isReusable = blocks.length === 1 && isReusableBlock( blocks[ 0 ] );\n\tconst isTemplate = blocks.length === 1 && isTemplatePart( blocks[ 0 ] );\n\n\tfunction selectForMultipleBlocks( insertedBlocks ) {\n\t\tif ( insertedBlocks.length > 1 ) {\n\t\t\tmultiSelect(\n\t\t\t\tinsertedBlocks[ 0 ].clientId,\n\t\t\t\tinsertedBlocks[ insertedBlocks.length - 1 ].clientId\n\t\t\t);\n\t\t}\n\t}\n\n\t// Simple block tranformation based on the `Block Transforms` API.\n\tfunction onBlockTransform( name ) {\n\t\tconst newBlocks = switchToBlockType( blocks, name );\n\t\treplaceBlocks( clientIds, newBlocks );\n\t\tselectForMultipleBlocks( newBlocks );\n\t}\n\n\t// Pattern transformation through the `Patterns` API.\n\tfunction onPatternTransform( transformedBlocks ) {\n\t\treplaceBlocks( clientIds, transformedBlocks );\n\t\tselectForMultipleBlocks( transformedBlocks );\n\t}\n\n\t/**\n\t * The `isTemplate` check is a stopgap solution here.\n\t * Ideally, the Transforms API should handle this\n\t * by allowing to exclude blocks from wildcard transformations.\n\t */\n\tconst hasPossibleBlockTransformations =\n\t\t!! possibleBlockTransformations.length && canRemove && ! isTemplate;\n\tconst hasPatternTransformation = !! patterns?.length && canRemove;\n\tif ( ! hasBlockStyles && ! hasPossibleBlockTransformations ) {\n\t\treturn (\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled\n\t\t\t\t\tclassName=\"block-editor-block-switcher__no-switcher-icon\"\n\t\t\t\t\ttitle={ blockTitle }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t\t\t\t{ ( isReusable || isTemplate ) && (\n\t\t\t\t\t\t\t\t<span className=\"block-editor-block-switcher__toggle-text\">\n\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t);\n\t}\n\n\tconst blockSwitcherLabel = blockTitle;\n\n\tconst blockSwitcherDescription =\n\t\t1 === blocks.length\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %s: block title. */\n\t\t\t\t\t__( '%s: Change block type or style' ),\n\t\t\t\t\tblockTitle\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Change type of %d block',\n\t\t\t\t\t\t'Change type of %d blocks',\n\t\t\t\t\t\tblocks.length\n\t\t\t\t\t),\n\t\t\t\t\tblocks.length\n\t\t\t  );\n\n\tconst showDropDown =\n\t\thasBlockStyles ||\n\t\thasPossibleBlockTransformations ||\n\t\thasPatternTransformation;\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\tclassName=\"block-editor-block-switcher\"\n\t\t\t\t\t\tlabel={ blockSwitcherLabel }\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\t\tvariant: 'toolbar',\n\t\t\t\t\t\t\tclassName: 'block-editor-block-switcher__popover',\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-switcher__toggle\"\n\t\t\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ( isReusable || isTemplate ) && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-block-switcher__toggle-text\">\n\t\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tdescribedBy: blockSwitcherDescription,\n\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmenuProps={ { orientation: 'both' } }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) =>\n\t\t\t\t\t\t\tshowDropDown && (\n\t\t\t\t\t\t\t\t<div className=\"block-editor-block-switcher__container\">\n\t\t\t\t\t\t\t\t\t{ hasPatternTransformation && (\n\t\t\t\t\t\t\t\t\t\t<PatternTransformationsMenu\n\t\t\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ (\n\t\t\t\t\t\t\t\t\t\t\t\ttransformedBlocks\n\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonPatternTransform(\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransformedBlocks\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ hasPossibleBlockTransformations && (\n\t\t\t\t\t\t\t\t\t\t<BlockTransformationsMenu\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-switcher__transforms__menugroup\"\n\t\t\t\t\t\t\t\t\t\t\tpossibleBlockTransformations={\n\t\t\t\t\t\t\t\t\t\t\t\tpossibleBlockTransformations\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( name ) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonBlockTransform( name );\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ hasBlockStyles && (\n\t\t\t\t\t\t\t\t\t\t<BlockStylesMenu\n\t\t\t\t\t\t\t\t\t\t\thoveredBlock={ blocks[ 0 ] }\n\t\t\t\t\t\t\t\t\t\t\tonSwitch={ onClose }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport const BlockSwitcher = ( { clientIds } ) => {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\tif ( ! blocks.length || blocks.some( ( block ) => ! block ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockSwitcherDropdownMenu clientIds={ clientIds } blocks={ blocks } />\n\t);\n};\n\nexport default BlockSwitcher;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/index.js"],"names":["__","_n","sprintf","DropdownMenu","ToolbarButton","ToolbarGroup","ToolbarItem","switchToBlockType","store","blocksStore","isReusableBlock","isTemplatePart","useSelect","useDispatch","copy","blockEditorStore","useBlockDisplayInformation","BlockIcon","BlockTransformationsMenu","useBlockVariationTransforms","BlockStylesMenu","PatternTransformationsMenu","useBlockDisplayTitle","BlockSwitcherDropdownMenu","clientIds","blocks","replaceBlocks","multiSelect","updateBlockAttributes","blockInformation","clientId","possibleBlockTransformations","canRemove","hasBlockStyles","icon","patterns","select","getBlockRootClientId","getBlockTransformItems","__experimentalGetPatternTransformItems","canRemoveBlocks","getBlockStyles","getBlockType","rootClientId","Array","isArray","name","firstBlockName","_isSingleBlockSelected","length","styles","_icon","isSelectionOfSameType","Set","map","size","blockVariationTransformations","blockTitle","maximumLength","isReusable","isTemplate","selectForMultipleBlocks","insertedBlocks","onBlockTransform","newBlocks","onBlockVariationTransform","find","variationName","attributes","onPatternTransform","transformedBlocks","hasPossibleBlockTransformations","hasPossibleBlockVariationTransformations","hasPatternTransformation","blockSwitcherLabel","blockSwitcherDescription","hasBlockOrBlockVariationTransforms","showDropDown","toggleProps","position","variant","className","describedBy","orientation","onClose","BlockSwitcher","getBlocksByClientId","some","block"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarButton,\n\tToolbarGroup,\n\tToolbarItem,\n} from '@wordpress/components';\nimport {\n\tswitchToBlockType,\n\tstore as blocksStore,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport BlockTransformationsMenu from './block-transformations-menu';\nimport { useBlockVariationTransforms } from './block-variation-transformations';\nimport BlockStylesMenu from './block-styles-menu';\nimport PatternTransformationsMenu from './pattern-transformations-menu';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport const BlockSwitcherDropdownMenu = ( { clientIds, blocks } ) => {\n\tconst { replaceBlocks, multiSelect, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\tconst blockInformation = useBlockDisplayInformation( blocks[ 0 ].clientId );\n\tconst {\n\t\tpossibleBlockTransformations,\n\t\tcanRemove,\n\t\thasBlockStyles,\n\t\ticon,\n\t\tpatterns,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockTransformItems,\n\t\t\t\t__experimentalGetPatternTransformItems,\n\t\t\t\tcanRemoveBlocks,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockStyles, getBlockType } = select( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId(\n\t\t\t\tArray.isArray( clientIds ) ? clientIds[ 0 ] : clientIds\n\t\t\t);\n\t\t\tconst [ { name: firstBlockName } ] = blocks;\n\t\t\tconst _isSingleBlockSelected = blocks.length === 1;\n\t\t\tconst styles =\n\t\t\t\t_isSingleBlockSelected && getBlockStyles( firstBlockName );\n\t\t\tlet _icon;\n\t\t\tif ( _isSingleBlockSelected ) {\n\t\t\t\t_icon = blockInformation?.icon; // Take into account active block variations.\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blocks.map( ( { name } ) => name ) ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType\n\t\t\t\t\t? getBlockType( firstBlockName )?.icon\n\t\t\t\t\t: copy;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tpossibleBlockTransformations: getBlockTransformItems(\n\t\t\t\t\tblocks,\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanRemove: canRemoveBlocks( clientIds, rootClientId ),\n\t\t\t\thasBlockStyles: !! styles?.length,\n\t\t\t\ticon: _icon,\n\t\t\t\tpatterns: __experimentalGetPatternTransformItems(\n\t\t\t\t\tblocks,\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, blocks, blockInformation?.icon ]\n\t);\n\n\tconst blockVariationTransformations = useBlockVariationTransforms( {\n\t\tclientIds,\n\t\tblocks,\n\t} );\n\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId: Array.isArray( clientIds ) ? clientIds[ 0 ] : clientIds,\n\t\tmaximumLength: 35,\n\t} );\n\tconst isReusable = blocks.length === 1 && isReusableBlock( blocks[ 0 ] );\n\tconst isTemplate = blocks.length === 1 && isTemplatePart( blocks[ 0 ] );\n\n\tfunction selectForMultipleBlocks( insertedBlocks ) {\n\t\tif ( insertedBlocks.length > 1 ) {\n\t\t\tmultiSelect(\n\t\t\t\tinsertedBlocks[ 0 ].clientId,\n\t\t\t\tinsertedBlocks[ insertedBlocks.length - 1 ].clientId\n\t\t\t);\n\t\t}\n\t}\n\n\t// Simple block tranformation based on the `Block Transforms` API.\n\tfunction onBlockTransform( name ) {\n\t\tconst newBlocks = switchToBlockType( blocks, name );\n\t\treplaceBlocks( clientIds, newBlocks );\n\t\tselectForMultipleBlocks( newBlocks );\n\t}\n\n\tfunction onBlockVariationTransform( name ) {\n\t\tupdateBlockAttributes( blocks[ 0 ].clientId, {\n\t\t\t...blockVariationTransformations.find(\n\t\t\t\t( { name: variationName } ) => variationName === name\n\t\t\t).attributes,\n\t\t} );\n\t}\n\n\t// Pattern transformation through the `Patterns` API.\n\tfunction onPatternTransform( transformedBlocks ) {\n\t\treplaceBlocks( clientIds, transformedBlocks );\n\t\tselectForMultipleBlocks( transformedBlocks );\n\t}\n\n\t/**\n\t * The `isTemplate` check is a stopgap solution here.\n\t * Ideally, the Transforms API should handle this\n\t * by allowing to exclude blocks from wildcard transformations.\n\t */\n\tconst hasPossibleBlockTransformations =\n\t\t!! possibleBlockTransformations.length && canRemove && ! isTemplate;\n\tconst hasPossibleBlockVariationTransformations =\n\t\t!! blockVariationTransformations?.length;\n\tconst hasPatternTransformation = !! patterns?.length && canRemove;\n\tif (\n\t\t! hasBlockStyles &&\n\t\t! hasPossibleBlockTransformations &&\n\t\t! hasPossibleBlockVariationTransformations\n\t) {\n\t\treturn (\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled\n\t\t\t\t\tclassName=\"block-editor-block-switcher__no-switcher-icon\"\n\t\t\t\t\ttitle={ blockTitle }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t\t\t\t{ ( isReusable || isTemplate ) && (\n\t\t\t\t\t\t\t\t<span className=\"block-editor-block-switcher__toggle-text\">\n\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t);\n\t}\n\n\tconst blockSwitcherLabel = blockTitle;\n\n\tconst blockSwitcherDescription =\n\t\t1 === blocks.length\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %s: block title. */\n\t\t\t\t\t__( '%s: Change block type or style' ),\n\t\t\t\t\tblockTitle\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Change type of %d block',\n\t\t\t\t\t\t'Change type of %d blocks',\n\t\t\t\t\t\tblocks.length\n\t\t\t\t\t),\n\t\t\t\t\tblocks.length\n\t\t\t  );\n\n\tconst hasBlockOrBlockVariationTransforms =\n\t\thasPossibleBlockTransformations ||\n\t\thasPossibleBlockVariationTransformations;\n\tconst showDropDown =\n\t\thasBlockStyles ||\n\t\thasBlockOrBlockVariationTransforms ||\n\t\thasPatternTransformation;\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\tclassName=\"block-editor-block-switcher\"\n\t\t\t\t\t\tlabel={ blockSwitcherLabel }\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\t\tvariant: 'toolbar',\n\t\t\t\t\t\t\tclassName: 'block-editor-block-switcher__popover',\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-switcher__toggle\"\n\t\t\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ( isReusable || isTemplate ) && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-block-switcher__toggle-text\">\n\t\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tdescribedBy: blockSwitcherDescription,\n\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmenuProps={ { orientation: 'both' } }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) =>\n\t\t\t\t\t\t\tshowDropDown && (\n\t\t\t\t\t\t\t\t<div className=\"block-editor-block-switcher__container\">\n\t\t\t\t\t\t\t\t\t{ hasPatternTransformation && (\n\t\t\t\t\t\t\t\t\t\t<PatternTransformationsMenu\n\t\t\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ (\n\t\t\t\t\t\t\t\t\t\t\t\ttransformedBlocks\n\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonPatternTransform(\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransformedBlocks\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ hasBlockOrBlockVariationTransforms && (\n\t\t\t\t\t\t\t\t\t\t<BlockTransformationsMenu\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-switcher__transforms__menugroup\"\n\t\t\t\t\t\t\t\t\t\t\tpossibleBlockTransformations={\n\t\t\t\t\t\t\t\t\t\t\t\tpossibleBlockTransformations\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tpossibleBlockVariationTransformations={\n\t\t\t\t\t\t\t\t\t\t\t\tblockVariationTransformations\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( name ) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonBlockTransform( name );\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonSelectVariation={ ( name ) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonBlockVariationTransform(\n\t\t\t\t\t\t\t\t\t\t\t\t\tname\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ hasBlockStyles && (\n\t\t\t\t\t\t\t\t\t\t<BlockStylesMenu\n\t\t\t\t\t\t\t\t\t\t\thoveredBlock={ blocks[ 0 ] }\n\t\t\t\t\t\t\t\t\t\t\tonSwitch={ onClose }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport const BlockSwitcher = ( { clientIds } ) => {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\tif ( ! blocks.length || blocks.some( ( block ) => ! block ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockSwitcherDropdownMenu clientIds={ clientIds } blocks={ blocks } />\n\t);\n};\n\nexport default BlockSwitcher;\n"]}

package/build-module/components/block-switcher/pattern-transformations-menu.js

@@ -16,12 +16,11 @@ import { MenuGroup, MenuItem, Popover, VisuallyHidden, __unstableComposite as Co
 import BlockPreview from '../block-preview';
 import useTransformedPatterns from './use-transformed-patterns';
 
-function PatternTransformationsMenu(_ref) {
-  let {
-    blocks,
-    patterns: statePatterns,
-    onSelect
-  } = _ref;
+function PatternTransformationsMenu({
+  blocks,
+  patterns: statePatterns,
+  onSelect
+}) {
   const [showTransforms, setShowTransforms] = useState(false);
   const patterns = useTransformedPatterns(statePatterns, blocks);
   if (!patterns.length) return null;
@@ -39,11 +38,10 @@ function PatternTransformationsMenu(_ref) {
   }, __('Patterns')));
 }
 
-function PreviewPatternsPopover(_ref2) {
-  let {
-    patterns,
-    onSelect
-  } = _ref2;
+function PreviewPatternsPopover({
+  patterns,
+  onSelect
+}) {
   return createElement("div", {
     className: "block-editor-block-switcher__popover__preview__parent"
   }, createElement("div", {
@@ -61,11 +59,10 @@ function PreviewPatternsPopover(_ref2) {
   })))));
 }
 
-function BlockPatternsList(_ref3) {
-  let {
-    patterns,
-    onSelect
-  } = _ref3;
+function BlockPatternsList({
+  patterns,
+  onSelect
+}) {
   const composite = useCompositeState();
   return createElement(Composite, _extends({}, composite, {
     role: "listbox",
@@ -79,23 +76,22 @@ function BlockPatternsList(_ref3) {
   })));
 }
 
-function BlockPattern(_ref4) {
-  let {
-    pattern,
-    onSelect,
-    composite
-  } = _ref4;
+function BlockPattern({
+  pattern,
+  onSelect,
+  composite
+}) {
   // TODO check pattern/preview width...
   const baseClassName = 'block-editor-block-switcher__preview-patterns-container';
   const descriptionId = useInstanceId(BlockPattern, `${baseClassName}-list__item-description`);
   return createElement("div", {
-    className: `${baseClassName}-list__list-item`,
-    "aria-label": pattern.title,
-    "aria-describedby": pattern.description ? descriptionId : undefined
+    className: `${baseClassName}-list__list-item`
   }, createElement(CompositeItem, _extends({
     role: "option",
     as: "div"
   }, composite, {
+    "aria-label": pattern.title,
+    "aria-describedby": pattern.description ? descriptionId : undefined,
     className: `${baseClassName}-list__item`,
     onClick: () => onSelect(pattern.transformedBlocks)
   }), createElement(BlockPreview, {

package/build-module/components/block-switcher/pattern-transformations-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"names":["__","useState","useInstanceId","chevronRight","MenuGroup","MenuItem","Popover","VisuallyHidden","__unstableComposite","Composite","__unstableUseCompositeState","useCompositeState","__unstableCompositeItem","CompositeItem","BlockPreview","useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","length","event","preventDefault","PreviewPatternsPopover","BlockPatternsList","composite","map","pattern","name","BlockPattern","baseClassName","descriptionId","title","description","undefined","transformedBlocks","viewportWidth"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div\n\t\t\tclassName={ `${ baseClassName }-list__list-item` }\n\t\t\taria-label={ pattern.title }\n\t\t\taria-describedby={ pattern.description ? descriptionId : undefined }\n\t\t>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"names":["__","useState","useInstanceId","chevronRight","MenuGroup","MenuItem","Popover","VisuallyHidden","__unstableComposite","Composite","__unstableUseCompositeState","useCompositeState","__unstableCompositeItem","CompositeItem","BlockPreview","useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","length","event","preventDefault","PreviewPatternsPopover","BlockPatternsList","composite","map","pattern","name","BlockPattern","baseClassName","descriptionId","title","description","undefined","transformedBlocks","viewportWidth"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\taria-label={ pattern.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t}\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"]}

package/build-module/components/block-switcher/preview-block-popover.js

@@ -10,10 +10,9 @@ import { Popover } from '@wordpress/components';
  */
 
 import BlockPreview from '../block-preview';
-export default function PreviewBlockPopover(_ref) {
-  let {
-    blocks
-  } = _ref;
+export default function PreviewBlockPopover({
+  blocks
+}) {
   return createElement("div", {
     className: "block-editor-block-switcher__popover__preview__parent"
   }, createElement("div", {

package/build-module/components/block-switcher/preview-block-popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/preview-block-popover.js"],"names":["__","Popover","BlockPreview","PreviewBlockPopover","blocks"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,OAAT,QAAwB,uBAAxB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,eAAe,SAASC,mBAAT,OAA2C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD;AACC,IAAA,SAAS,EAAC,+CADX;AAEC,IAAA,SAAS,EAAC,cAFX;AAGC,IAAA,YAAY,EAAG;AAHhB,KAKC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,EAAE,CAAE,SAAF,CADL,CADD,EAIC,cAAC,YAAD;AAAc,IAAA,aAAa,EAAG,GAA9B;AAAoC,IAAA,MAAM,EAAGI;AAA7C,IAJD,CALD,CADD,CADD,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\n\nexport default function PreviewBlockPopover( { blocks } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPreview viewportWidth={ 500 } blocks={ blocks } />\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/preview-block-popover.js"],"names":["__","Popover","BlockPreview","PreviewBlockPopover","blocks"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,OAAT,QAAwB,uBAAxB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,eAAe,SAASC,mBAAT,CAA8B;AAAEC,EAAAA;AAAF,CAA9B,EAA2C;AACzD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD;AACC,IAAA,SAAS,EAAC,+CADX;AAEC,IAAA,SAAS,EAAC,cAFX;AAGC,IAAA,YAAY,EAAG;AAHhB,KAKC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,EAAE,CAAE,SAAF,CADL,CADD,EAIC,cAAC,YAAD;AAAc,IAAA,aAAa,EAAG,GAA9B;AAAoC,IAAA,MAAM,EAAGI;AAA7C,IAJD,CALD,CADD,CADD,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\n\nexport default function PreviewBlockPopover( { blocks } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPreview viewportWidth={ 500 } blocks={ blocks } />\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/components/block-switcher/utils.js

@@ -15,8 +15,7 @@ import { __experimentalGetBlockAttributesNamesByRole as getBlockAttributesNamesB
  * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).
  */
 
-export const getMatchingBlockByName = function (block, selectedBlockName) {
-  let consumedBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
+export const getMatchingBlockByName = (block, selectedBlockName, consumedBlocks = new Set()) => {
   const {
     clientId,
     name,
@@ -44,7 +43,7 @@ export const getMatchingBlockByName = function (block, selectedBlockName) {
 
 export const getRetainedBlockAttributes = (name, attributes) => {
   const contentAttributes = getBlockAttributesNamesByRole(name, 'content');
-  if (!(contentAttributes !== null && contentAttributes !== void 0 && contentAttributes.length)) return attributes;
+  if (!contentAttributes?.length) return attributes;
   return contentAttributes.reduce((_accumulator, attribute) => {
     if (attributes[attribute]) _accumulator[attribute] = attributes[attribute];
     return _accumulator;

package/build-module/components/block-switcher/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/utils.js"],"names":["__experimentalGetBlockAttributesNamesByRole","getBlockAttributesNamesByRole","getMatchingBlockByName","block","selectedBlockName","consumedBlocks","Set","clientId","name","innerBlocks","has","innerBlock","match","getRetainedBlockAttributes","attributes","contentAttributes","length","reduce","_accumulator","attribute"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,2CAA2C,IAAIC,6BAAxD,QAA6F,mBAA7F;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,sBAAsB,GAAG,UACrCC,KADqC,EAErCC,iBAFqC,EAIjC;AAAA,MADJC,cACI,uEADa,IAAIC,GAAJ,EACb;AACJ,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA,WAAW,GAAG;AAAhC,MAAuCN,KAA7C,CADI,CAEJ;;AACA,MAAKE,cAAc,CAACK,GAAf,CAAoBH,QAApB,CAAL,EAAsC;AACtC,MAAKC,IAAI,KAAKJ,iBAAd,EAAkC,OAAOD,KAAP,CAJ9B,CAKJ;;AACA,OAAM,MAAMQ,UAAZ,IAA0BF,WAA1B,EAAwC;AACvC,UAAMG,KAAK,GAAGV,sBAAsB,CACnCS,UADmC,EAEnCP,iBAFmC,EAGnCC,cAHmC,CAApC;AAKA,QAAKO,KAAL,EAAa,OAAOA,KAAP;AACb;AACD,CAlBM;AAoBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,0BAA0B,GAAG,CAAEL,IAAF,EAAQM,UAAR,KAAwB;AACjE,QAAMC,iBAAiB,GAAGd,6BAA6B,CAAEO,IAAF,EAAQ,SAAR,CAAvD;AACA,MAAK,EAAEO,iBAAF,aAAEA,iBAAF,eAAEA,iBAAiB,CAAEC,MAArB,CAAL,EAAmC,OAAOF,UAAP;AAEnC,SAAOC,iBAAiB,CAACE,MAAlB,CAA0B,CAAEC,YAAF,EAAgBC,SAAhB,KAA+B;AAC/D,QAAKL,UAAU,CAAEK,SAAF,CAAf,EACCD,YAAY,CAAEC,SAAF,CAAZ,GAA4BL,UAAU,CAAEK,SAAF,CAAtC;AACD,WAAOD,YAAP;AACA,GAJM,EAIJ,EAJI,CAAP;AAKA,CATM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalGetBlockAttributesNamesByRole as getBlockAttributesNamesByRole } from '@wordpress/blocks';\n\n/**\n * Try to find a matching block by a block's name in a provided\n * block. We recurse through InnerBlocks and return the reference\n * of the matched block (it could be an InnerBlock).\n * If no match is found return nothing.\n *\n * @param {WPBlock} block             The block to try to find a match.\n * @param {string}  selectedBlockName The block's name to use for matching condition.\n * @param {Set}     consumedBlocks    A set holding the previously matched/consumed blocks.\n *\n * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).\n */\nexport const getMatchingBlockByName = (\n\tblock,\n\tselectedBlockName,\n\tconsumedBlocks = new Set()\n) => {\n\tconst { clientId, name, innerBlocks = [] } = block;\n\t// Check if block has been consumed already.\n\tif ( consumedBlocks.has( clientId ) ) return;\n\tif ( name === selectedBlockName ) return block;\n\t// Try to find a matching block from InnerBlocks recursively.\n\tfor ( const innerBlock of innerBlocks ) {\n\t\tconst match = getMatchingBlockByName(\n\t\t\tinnerBlock,\n\t\t\tselectedBlockName,\n\t\t\tconsumedBlocks\n\t\t);\n\t\tif ( match ) return match;\n\t}\n};\n\n/**\n * Find and return the block attributes to retain through\n * the transformation, based on Block Type's `role:content`\n * attributes. If no `role:content` attributes exist,\n * return selected block's attributes.\n *\n * @param {string} name       Block type's namespaced name.\n * @param {Object} attributes Selected block's attributes.\n * @return {Object} The block's attributes to retain.\n */\nexport const getRetainedBlockAttributes = ( name, attributes ) => {\n\tconst contentAttributes = getBlockAttributesNamesByRole( name, 'content' );\n\tif ( ! contentAttributes?.length ) return attributes;\n\n\treturn contentAttributes.reduce( ( _accumulator, attribute ) => {\n\t\tif ( attributes[ attribute ] )\n\t\t\t_accumulator[ attribute ] = attributes[ attribute ];\n\t\treturn _accumulator;\n\t}, {} );\n};\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-switcher/utils.js"],"names":["__experimentalGetBlockAttributesNamesByRole","getBlockAttributesNamesByRole","getMatchingBlockByName","block","selectedBlockName","consumedBlocks","Set","clientId","name","innerBlocks","has","innerBlock","match","getRetainedBlockAttributes","attributes","contentAttributes","length","reduce","_accumulator","attribute"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,2CAA2C,IAAIC,6BAAxD,QAA6F,mBAA7F;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,sBAAsB,GAAG,CACrCC,KADqC,EAErCC,iBAFqC,EAGrCC,cAAc,GAAG,IAAIC,GAAJ,EAHoB,KAIjC;AACJ,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA,WAAW,GAAG;AAAhC,MAAuCN,KAA7C,CADI,CAEJ;;AACA,MAAKE,cAAc,CAACK,GAAf,CAAoBH,QAApB,CAAL,EAAsC;AACtC,MAAKC,IAAI,KAAKJ,iBAAd,EAAkC,OAAOD,KAAP,CAJ9B,CAKJ;;AACA,OAAM,MAAMQ,UAAZ,IAA0BF,WAA1B,EAAwC;AACvC,UAAMG,KAAK,GAAGV,sBAAsB,CACnCS,UADmC,EAEnCP,iBAFmC,EAGnCC,cAHmC,CAApC;AAKA,QAAKO,KAAL,EAAa,OAAOA,KAAP;AACb;AACD,CAlBM;AAoBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,0BAA0B,GAAG,CAAEL,IAAF,EAAQM,UAAR,KAAwB;AACjE,QAAMC,iBAAiB,GAAGd,6BAA6B,CAAEO,IAAF,EAAQ,SAAR,CAAvD;AACA,MAAK,CAAEO,iBAAiB,EAAEC,MAA1B,EAAmC,OAAOF,UAAP;AAEnC,SAAOC,iBAAiB,CAACE,MAAlB,CAA0B,CAAEC,YAAF,EAAgBC,SAAhB,KAA+B;AAC/D,QAAKL,UAAU,CAAEK,SAAF,CAAf,EACCD,YAAY,CAAEC,SAAF,CAAZ,GAA4BL,UAAU,CAAEK,SAAF,CAAtC;AACD,WAAOD,YAAP;AACA,GAJM,EAIJ,EAJI,CAAP;AAKA,CATM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalGetBlockAttributesNamesByRole as getBlockAttributesNamesByRole } from '@wordpress/blocks';\n\n/**\n * Try to find a matching block by a block's name in a provided\n * block. We recurse through InnerBlocks and return the reference\n * of the matched block (it could be an InnerBlock).\n * If no match is found return nothing.\n *\n * @param {WPBlock} block             The block to try to find a match.\n * @param {string}  selectedBlockName The block's name to use for matching condition.\n * @param {Set}     consumedBlocks    A set holding the previously matched/consumed blocks.\n *\n * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`).\n */\nexport const getMatchingBlockByName = (\n\tblock,\n\tselectedBlockName,\n\tconsumedBlocks = new Set()\n) => {\n\tconst { clientId, name, innerBlocks = [] } = block;\n\t// Check if block has been consumed already.\n\tif ( consumedBlocks.has( clientId ) ) return;\n\tif ( name === selectedBlockName ) return block;\n\t// Try to find a matching block from InnerBlocks recursively.\n\tfor ( const innerBlock of innerBlocks ) {\n\t\tconst match = getMatchingBlockByName(\n\t\t\tinnerBlock,\n\t\t\tselectedBlockName,\n\t\t\tconsumedBlocks\n\t\t);\n\t\tif ( match ) return match;\n\t}\n};\n\n/**\n * Find and return the block attributes to retain through\n * the transformation, based on Block Type's `role:content`\n * attributes. If no `role:content` attributes exist,\n * return selected block's attributes.\n *\n * @param {string} name       Block type's namespaced name.\n * @param {Object} attributes Selected block's attributes.\n * @return {Object} The block's attributes to retain.\n */\nexport const getRetainedBlockAttributes = ( name, attributes ) => {\n\tconst contentAttributes = getBlockAttributesNamesByRole( name, 'content' );\n\tif ( ! contentAttributes?.length ) return attributes;\n\n\treturn contentAttributes.reduce( ( _accumulator, attribute ) => {\n\t\tif ( attributes[ attribute ] )\n\t\t\t_accumulator[ attribute ] = attributes[ attribute ];\n\t\treturn _accumulator;\n\t}, {} );\n};\n"]}

package/build-module/components/block-title/index.js

@@ -20,12 +20,11 @@ import useBlockDisplayTitle from './use-block-display-title';
  * @return {JSX.Element} Block title.
  */
 
-export default function BlockTitle(_ref) {
-  let {
-    clientId,
-    maximumLength,
-    context
-  } = _ref;
+export default function BlockTitle({
+  clientId,
+  maximumLength,
+  context
+}) {
   return useBlockDisplayTitle({
     clientId,
     maximumLength,

package/build-module/components/block-title/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-title/index.js"],"names":["useBlockDisplayTitle","BlockTitle","clientId","maximumLength","context"],"mappings":"AAAA;AACA;AACA;AAEA,OAAOA,oBAAP,MAAiC,2BAAjC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,UAAT,OAA4D;AAAA,MAAvC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,aAAZ;AAA2BC,IAAAA;AAA3B,GAAuC;AAC1E,SAAOJ,oBAAoB,CAAE;AAAEE,IAAAA,QAAF;AAAYC,IAAAA,aAAZ;AAA2BC,IAAAA;AAA3B,GAAF,CAA3B;AACA","sourcesContent":["/**\n * Internal dependencies\n */\n\nimport useBlockDisplayTitle from './use-block-display-title';\n\n/**\n * Renders the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```jsx\n * <BlockTitle clientId=\"afd1cb17-2c08-4e7a-91be-007ba7ddc3a1\" maximumLength={ 17 }/>\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n *\n * @return {JSX.Element} Block title.\n */\nexport default function BlockTitle( { clientId, maximumLength, context } ) {\n\treturn useBlockDisplayTitle( { clientId, maximumLength, context } );\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-title/index.js"],"names":["useBlockDisplayTitle","BlockTitle","clientId","maximumLength","context"],"mappings":"AAAA;AACA;AACA;AAEA,OAAOA,oBAAP,MAAiC,2BAAjC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,UAAT,CAAqB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,aAAZ;AAA2BC,EAAAA;AAA3B,CAArB,EAA4D;AAC1E,SAAOJ,oBAAoB,CAAE;AAAEE,IAAAA,QAAF;AAAYC,IAAAA,aAAZ;AAA2BC,IAAAA;AAA3B,GAAF,CAA3B;AACA","sourcesContent":["/**\n * Internal dependencies\n */\n\nimport useBlockDisplayTitle from './use-block-display-title';\n\n/**\n * Renders the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```jsx\n * <BlockTitle clientId=\"afd1cb17-2c08-4e7a-91be-007ba7ddc3a1\" maximumLength={ 17 }/>\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n *\n * @return {JSX.Element} Block title.\n */\nexport default function BlockTitle( { clientId, maximumLength, context } ) {\n\treturn useBlockDisplayTitle( { clientId, maximumLength, context } );\n}\n"]}

package/build-module/components/block-title/use-block-display-title.js

@@ -26,12 +26,11 @@ import { store as blockEditorStore } from '../../store';
  * @return {?string} Block title.
  */
 
-export default function useBlockDisplayTitle(_ref) {
-  let {
-    clientId,
-    maximumLength,
-    context
-  } = _ref;
+export default function useBlockDisplayTitle({
+  clientId,
+  maximumLength,
+  context
+}) {
   const {
     attributes,
     name,