@wordpress/block-editor 12.10.6 → 12.11.1

package/build/components/block-switcher/block-styles-menu.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesMenu;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _menuItems = _interopRequireDefault(require("../block-styles/menu-items"));
@@ -24,10 +24,10 @@ function BlockStylesMenu({
   const {
     clientId
   } = hoveredBlock;
-  return (0, _element.createElement)(_components.MenuGroup, {
+  return (0, _react.createElement)(_components.MenuGroup, {
     label: (0, _i18n.__)('Styles'),
     className: "block-editor-block-switcher__styles__menugroup"
-  }, (0, _element.createElement)(_menuItems.default, {
+  }, (0, _react.createElement)(_menuItems.default, {
     clientId: clientId,
     onSwitch: onSwitch
   }));

package/build/components/block-switcher/block-styles-menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_menuItems","_interopRequireDefault","BlockStylesMenu","hoveredBlock","onSwitch","clientId","_element","createElement","MenuGroup","label","__","className","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,SAAS,EAAC;EAAgD,GAE1D,IAAAL,QAAA,CAAAC,aAAA,EAACP,UAAA,CAAAY,OAAoB;IAACP,QAAQ,EAAGA,QAAU;IAACD,QAAQ,EAAGA;EAAU,CAAE,CACzD,CAAC;AAEd"}
+{"version":3,"names":["_i18n","require","_components","_menuItems","_interopRequireDefault","BlockStylesMenu","hoveredBlock","onSwitch","clientId","_react","createElement","MenuGroup","label","__","className","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,SAAS,EAAC;EAAgD,GAE1D,IAAAL,MAAA,CAAAC,aAAA,EAACP,UAAA,CAAAY,OAAoB;IAACP,QAAQ,EAAGA,QAAU;IAACD,QAAQ,EAAGA;EAAU,CAAE,CACzD,CAAC;AAEd"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
+var _element = require("@wordpress/element");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _previewBlockPopover = _interopRequireDefault(require("./preview-block-popover"));
 var _blockVariationTransformations = _interopRequireDefault(require("./block-variation-transformations"));
@@ -81,26 +82,26 @@ const BlockTransformationsMenu = ({
   // We have to check if both content transformations(priority and rest) are set
   // in order to create a separate MenuGroup for them.
   const hasBothContentTransformations = priorityTextTransformations.length && restTransformations.length;
-  const restTransformItems = !!restTransformations.length && (0, _element.createElement)(RestTransformationItems, {
+  const restTransformItems = !!restTransformations.length && (0, _react.createElement)(RestTransformationItems, {
     restTransformations: restTransformations,
     onSelect: onSelect,
     setHoveredTransformItemName: setHoveredTransformItemName
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, {
     label: (0, _i18n.__)('Transform to'),
     className: className
-  }, hoveredTransformItemName && (0, _element.createElement)(_previewBlockPopover.default, {
+  }, hoveredTransformItemName && (0, _react.createElement)(_previewBlockPopover.default, {
     blocks: (0, _blocks.switchToBlockType)(blocks, hoveredTransformItemName)
-  }), !!possibleBlockVariationTransformations?.length && (0, _element.createElement)(_blockVariationTransformations.default, {
+  }), !!possibleBlockVariationTransformations?.length && (0, _react.createElement)(_blockVariationTransformations.default, {
     transformations: possibleBlockVariationTransformations,
     blocks: blocks,
     onSelect: onSelectVariation
-  }), priorityTextTransformations.map(item => (0, _element.createElement)(BlockTranformationItem, {
+  }), priorityTextTransformations.map(item => (0, _react.createElement)(BlockTranformationItem, {
     key: item.name,
     item: item,
     onSelect: onSelect,
     setHoveredTransformItemName: setHoveredTransformItemName
-  })), !hasBothContentTransformations && restTransformItems), !!hasBothContentTransformations && (0, _element.createElement)(_components.MenuGroup, {
+  })), !hasBothContentTransformations && restTransformItems), !!hasBothContentTransformations && (0, _react.createElement)(_components.MenuGroup, {
     className: className
   }, restTransformItems));
 };
@@ -109,7 +110,7 @@ function RestTransformationItems({
   onSelect,
   setHoveredTransformItemName
 }) {
-  return restTransformations.map(item => (0, _element.createElement)(BlockTranformationItem, {
+  return restTransformations.map(item => (0, _react.createElement)(BlockTranformationItem, {
     key: item.name,
     item: item,
     onSelect: onSelect,
@@ -127,7 +128,7 @@ function BlockTranformationItem({
     title,
     isDisabled
   } = item;
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     className: (0, _blocks.getBlockMenuDefaultClassName)(name),
     onClick: event => {
       event.preventDefault();
@@ -136,7 +137,7 @@ function BlockTranformationItem({
     disabled: isDisabled,
     onMouseLeave: () => setHoveredTransformItemName(null),
     onMouseEnter: () => setHoveredTransformItemName(name)
-  }, (0, _element.createElement)(_blockIcon.default, {
+  }, (0, _react.createElement)(_blockIcon.default, {
     icon: icon,
     showColors: true
   }), title);

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_blocks","_blockIcon","_interopRequireDefault","_previewBlockPopover","_blockVariationTransformations","useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","useMemo","priorityTextTranformsNames","Object","keys","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","useState","hasBothContentTransformations","length","restTransformItems","createElement","RestTransformationItems","Fragment","MenuGroup","label","__","default","switchToBlockType","map","BlockTranformationItem","key","icon","title","isDisabled","MenuItem","getBlockMenuDefaultClassName","onClick","event","preventDefault","disabled","onMouseLeave","onMouseEnter","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport {\n\tgetBlockMenuDefaultClassName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport PreviewBlockPopover from './preview-block-popover';\nimport BlockVariationTransformations from './block-variation-transformations';\n\n/**\n * Helper hook to group transformations to display them in a specific order in the UI.\n * For now we group only priority content driven transformations(ex. paragraph -> heading).\n *\n * Later on we could also group 'layout' transformations(ex. paragraph -> group) and\n * display them in different sections.\n *\n * @param {Object[]} possibleBlockTransformations The available block transformations.\n * @return {Record<string, Object[]>} The grouped block transformations.\n */\nfunction useGroupedTransforms( possibleBlockTransformations ) {\n\tconst priorityContentTranformationBlocks = {\n\t\t'core/paragraph': 1,\n\t\t'core/heading': 2,\n\t\t'core/list': 3,\n\t\t'core/quote': 4,\n\t};\n\tconst transformations = useMemo( () => {\n\t\tconst priorityTextTranformsNames = Object.keys(\n\t\t\tpriorityContentTranformationBlocks\n\t\t);\n\t\treturn possibleBlockTransformations.reduce(\n\t\t\t( accumulator, item ) => {\n\t\t\t\tconst { name } = item;\n\t\t\t\tif ( priorityTextTranformsNames.includes( name ) ) {\n\t\t\t\t\taccumulator.priorityTextTransformations.push( item );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.restTransformations.push( item );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ priorityTextTransformations: [], restTransformations: [] }\n\t\t);\n\t}, [ possibleBlockTransformations ] );\n\n\t// Order the priority text transformations.\n\ttransformations.priorityTextTransformations.sort(\n\t\t( { name: currentName }, { name: nextName } ) => {\n\t\t\treturn priorityContentTranformationBlocks[ currentName ] <\n\t\t\t\tpriorityContentTranformationBlocks[ nextName ]\n\t\t\t\t? -1\n\t\t\t\t: 1;\n\t\t}\n\t);\n\treturn transformations;\n}\n\nconst BlockTransformationsMenu = ( {\n\tclassName,\n\tpossibleBlockTransformations,\n\tpossibleBlockVariationTransformations,\n\tonSelect,\n\tonSelectVariation,\n\tblocks,\n} ) => {\n\tconst [ hoveredTransformItemName, setHoveredTransformItemName ] =\n\t\tuseState();\n\n\tconst { priorityTextTransformations, restTransformations } =\n\t\tuseGroupedTransforms( possibleBlockTransformations );\n\t// We have to check if both content transformations(priority and rest) are set\n\t// in order to create a separate MenuGroup for them.\n\tconst hasBothContentTransformations =\n\t\tpriorityTextTransformations.length && restTransformations.length;\n\tconst restTransformItems = !! restTransformations.length && (\n\t\t<RestTransformationItems\n\t\t\trestTransformations={ restTransformations }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<MenuGroup label={ __( 'Transform to' ) } className={ className }>\n\t\t\t\t{ hoveredTransformItemName && (\n\t\t\t\t\t<PreviewBlockPopover\n\t\t\t\t\t\tblocks={ switchToBlockType(\n\t\t\t\t\t\t\tblocks,\n\t\t\t\t\t\t\thoveredTransformItemName\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! possibleBlockVariationTransformations?.length && (\n\t\t\t\t\t<BlockVariationTransformations\n\t\t\t\t\t\ttransformations={\n\t\t\t\t\t\t\tpossibleBlockVariationTransformations\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ priorityTextTransformations.map( ( item ) => (\n\t\t\t\t\t<BlockTranformationItem\n\t\t\t\t\t\tkey={ item.name }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsetHoveredTransformItemName={\n\t\t\t\t\t\t\tsetHoveredTransformItemName\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t{ ! hasBothContentTransformations && restTransformItems }\n\t\t\t</MenuGroup>\n\t\t\t{ !! hasBothContentTransformations && (\n\t\t\t\t<MenuGroup className={ className }>\n\t\t\t\t\t{ restTransformItems }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nfunction RestTransformationItems( {\n\trestTransformations,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\treturn restTransformations.map( ( item ) => (\n\t\t<BlockTranformationItem\n\t\t\tkey={ item.name }\n\t\t\titem={ item }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t) );\n}\n\nfunction BlockTranformationItem( {\n\titem,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\tconst { name, icon, title, isDisabled } = 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\tdisabled={ isDisabled }\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 BlockTransformationsMenu;\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_components","_blocks","_element","_blockIcon","_interopRequireDefault","_previewBlockPopover","_blockVariationTransformations","useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","useMemo","priorityTextTranformsNames","Object","keys","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","useState","hasBothContentTransformations","length","restTransformItems","_react","createElement","RestTransformationItems","Fragment","MenuGroup","label","__","default","switchToBlockType","map","BlockTranformationItem","key","icon","title","isDisabled","MenuItem","getBlockMenuDefaultClassName","onClick","event","preventDefault","disabled","onMouseLeave","onMouseEnter","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport {\n\tgetBlockMenuDefaultClassName,\n\tswitchToBlockType,\n} from '@wordpress/blocks';\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport PreviewBlockPopover from './preview-block-popover';\nimport BlockVariationTransformations from './block-variation-transformations';\n\n/**\n * Helper hook to group transformations to display them in a specific order in the UI.\n * For now we group only priority content driven transformations(ex. paragraph -> heading).\n *\n * Later on we could also group 'layout' transformations(ex. paragraph -> group) and\n * display them in different sections.\n *\n * @param {Object[]} possibleBlockTransformations The available block transformations.\n * @return {Record<string, Object[]>} The grouped block transformations.\n */\nfunction useGroupedTransforms( possibleBlockTransformations ) {\n\tconst priorityContentTranformationBlocks = {\n\t\t'core/paragraph': 1,\n\t\t'core/heading': 2,\n\t\t'core/list': 3,\n\t\t'core/quote': 4,\n\t};\n\tconst transformations = useMemo( () => {\n\t\tconst priorityTextTranformsNames = Object.keys(\n\t\t\tpriorityContentTranformationBlocks\n\t\t);\n\t\treturn possibleBlockTransformations.reduce(\n\t\t\t( accumulator, item ) => {\n\t\t\t\tconst { name } = item;\n\t\t\t\tif ( priorityTextTranformsNames.includes( name ) ) {\n\t\t\t\t\taccumulator.priorityTextTransformations.push( item );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.restTransformations.push( item );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ priorityTextTransformations: [], restTransformations: [] }\n\t\t);\n\t}, [ possibleBlockTransformations ] );\n\n\t// Order the priority text transformations.\n\ttransformations.priorityTextTransformations.sort(\n\t\t( { name: currentName }, { name: nextName } ) => {\n\t\t\treturn priorityContentTranformationBlocks[ currentName ] <\n\t\t\t\tpriorityContentTranformationBlocks[ nextName ]\n\t\t\t\t? -1\n\t\t\t\t: 1;\n\t\t}\n\t);\n\treturn transformations;\n}\n\nconst BlockTransformationsMenu = ( {\n\tclassName,\n\tpossibleBlockTransformations,\n\tpossibleBlockVariationTransformations,\n\tonSelect,\n\tonSelectVariation,\n\tblocks,\n} ) => {\n\tconst [ hoveredTransformItemName, setHoveredTransformItemName ] =\n\t\tuseState();\n\n\tconst { priorityTextTransformations, restTransformations } =\n\t\tuseGroupedTransforms( possibleBlockTransformations );\n\t// We have to check if both content transformations(priority and rest) are set\n\t// in order to create a separate MenuGroup for them.\n\tconst hasBothContentTransformations =\n\t\tpriorityTextTransformations.length && restTransformations.length;\n\tconst restTransformItems = !! restTransformations.length && (\n\t\t<RestTransformationItems\n\t\t\trestTransformations={ restTransformations }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<MenuGroup label={ __( 'Transform to' ) } className={ className }>\n\t\t\t\t{ hoveredTransformItemName && (\n\t\t\t\t\t<PreviewBlockPopover\n\t\t\t\t\t\tblocks={ switchToBlockType(\n\t\t\t\t\t\t\tblocks,\n\t\t\t\t\t\t\thoveredTransformItemName\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! possibleBlockVariationTransformations?.length && (\n\t\t\t\t\t<BlockVariationTransformations\n\t\t\t\t\t\ttransformations={\n\t\t\t\t\t\t\tpossibleBlockVariationTransformations\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tonSelect={ onSelectVariation }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ priorityTextTransformations.map( ( item ) => (\n\t\t\t\t\t<BlockTranformationItem\n\t\t\t\t\t\tkey={ item.name }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsetHoveredTransformItemName={\n\t\t\t\t\t\t\tsetHoveredTransformItemName\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t{ ! hasBothContentTransformations && restTransformItems }\n\t\t\t</MenuGroup>\n\t\t\t{ !! hasBothContentTransformations && (\n\t\t\t\t<MenuGroup className={ className }>\n\t\t\t\t\t{ restTransformItems }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nfunction RestTransformationItems( {\n\trestTransformations,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\treturn restTransformations.map( ( item ) => (\n\t\t<BlockTranformationItem\n\t\t\tkey={ item.name }\n\t\t\titem={ item }\n\t\t\tonSelect={ onSelect }\n\t\t\tsetHoveredTransformItemName={ setHoveredTransformItemName }\n\t\t/>\n\t) );\n}\n\nfunction BlockTranformationItem( {\n\titem,\n\tonSelect,\n\tsetHoveredTransformItemName,\n} ) {\n\tconst { name, icon, title, isDisabled } = 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\tdisabled={ isDisabled }\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 BlockTransformationsMenu;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,8BAAA,GAAAF,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AASA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASQ,oBAAoBA,CAAEC,4BAA4B,EAAG;EAC7D,MAAMC,kCAAkC,GAAG;IAC1C,gBAAgB,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC;IACjB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE;EACf,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACtC,MAAMC,0BAA0B,GAAGC,MAAM,CAACC,IAAI,CAC7CL,kCACD,CAAC;IACD,OAAOD,4BAA4B,CAACO,MAAM,CACzC,CAAEC,WAAW,EAAEC,IAAI,KAAM;MACxB,MAAM;QAAEC;MAAK,CAAC,GAAGD,IAAI;MACrB,IAAKL,0BAA0B,CAACO,QAAQ,CAAED,IAAK,CAAC,EAAG;QAClDF,WAAW,CAACI,2BAA2B,CAACC,IAAI,CAAEJ,IAAK,CAAC;MACrD,CAAC,MAAM;QACND,WAAW,CAACM,mBAAmB,CAACD,IAAI,CAAEJ,IAAK,CAAC;MAC7C;MACA,OAAOD,WAAW;IACnB,CAAC,EACD;MAAEI,2BAA2B,EAAE,EAAE;MAAEE,mBAAmB,EAAE;IAAG,CAC5D,CAAC;EACF,CAAC,EAAE,CAAEd,4BAA4B,CAAG,CAAC;;EAErC;EACAE,eAAe,CAACU,2BAA2B,CAACG,IAAI,CAC/C,CAAE;IAAEL,IAAI,EAAEM;EAAY,CAAC,EAAE;IAAEN,IAAI,EAAEO;EAAS,CAAC,KAAM;IAChD,OAAOhB,kCAAkC,CAAEe,WAAW,CAAE,GACvDf,kCAAkC,CAAEgB,QAAQ,CAAE,GAC5C,CAAC,CAAC,GACF,CAAC;EACL,CACD,CAAC;EACD,OAAOf,eAAe;AACvB;AAEA,MAAMgB,wBAAwB,GAAGA,CAAE;EAClCC,SAAS;EACTnB,4BAA4B;EAC5BoB,qCAAqC;EACrCC,QAAQ;EACRC,iBAAiB;EACjBC;AACD,CAAC,KAAM;EACN,MAAM,CAAEC,wBAAwB,EAAEC,2BAA2B,CAAE,GAC9D,IAAAC,iBAAQ,EAAC,CAAC;EAEX,MAAM;IAAEd,2BAA2B;IAAEE;EAAoB,CAAC,GACzDf,oBAAoB,CAAEC,4BAA6B,CAAC;EACrD;EACA;EACA,MAAM2B,6BAA6B,GAClCf,2BAA2B,CAACgB,MAAM,IAAId,mBAAmB,CAACc,MAAM;EACjE,MAAMC,kBAAkB,GAAG,CAAC,CAAEf,mBAAmB,CAACc,MAAM,IACvD,IAAAE,MAAA,CAAAC,aAAA,EAACC,uBAAuB;IACvBlB,mBAAmB,EAAGA,mBAAqB;IAC3CO,QAAQ,EAAGA,QAAU;IACrBI,2BAA2B,EAAGA;EAA6B,CAC3D,CACD;EACD,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAG,QAAA,QACC,IAAAH,MAAA,CAAAC,aAAA,EAACvC,WAAA,CAAA0C,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAACjB,SAAS,EAAGA;EAAW,GAC9DK,wBAAwB,IACzB,IAAAM,MAAA,CAAAC,aAAA,EAAClC,oBAAA,CAAAwC,OAAmB;IACnBd,MAAM,EAAG,IAAAe,yBAAiB,EACzBf,MAAM,EACNC,wBACD;EAAG,CACH,CACD,EACC,CAAC,CAAEJ,qCAAqC,EAAEQ,MAAM,IACjD,IAAAE,MAAA,CAAAC,aAAA,EAACjC,8BAAA,CAAAuC,OAA6B;IAC7BnC,eAAe,EACdkB,qCACA;IACDG,MAAM,EAAGA,MAAQ;IACjBF,QAAQ,EAAGC;EAAmB,CAC9B,CACD,EACCV,2BAA2B,CAAC2B,GAAG,CAAI9B,IAAI,IACxC,IAAAqB,MAAA,CAAAC,aAAA,EAACS,sBAAsB;IACtBC,GAAG,EAAGhC,IAAI,CAACC,IAAM;IACjBD,IAAI,EAAGA,IAAM;IACbY,QAAQ,EAAGA,QAAU;IACrBI,2BAA2B,EAC1BA;EACA,CACD,CACA,CAAC,EACD,CAAEE,6BAA6B,IAAIE,kBAC3B,CAAC,EACV,CAAC,CAAEF,6BAA6B,IACjC,IAAAG,MAAA,CAAAC,aAAA,EAACvC,WAAA,CAAA0C,SAAS;IAACf,SAAS,EAAGA;EAAW,GAC/BU,kBACQ,CAEX,CAAC;AAEL,CAAC;AAED,SAASG,uBAAuBA,CAAE;EACjClB,mBAAmB;EACnBO,QAAQ;EACRI;AACD,CAAC,EAAG;EACH,OAAOX,mBAAmB,CAACyB,GAAG,CAAI9B,IAAI,IACrC,IAAAqB,MAAA,CAAAC,aAAA,EAACS,sBAAsB;IACtBC,GAAG,EAAGhC,IAAI,CAACC,IAAM;IACjBD,IAAI,EAAGA,IAAM;IACbY,QAAQ,EAAGA,QAAU;IACrBI,2BAA2B,EAAGA;EAA6B,CAC3D,CACA,CAAC;AACJ;AAEA,SAASe,sBAAsBA,CAAE;EAChC/B,IAAI;EACJY,QAAQ;EACRI;AACD,CAAC,EAAG;EACH,MAAM;IAAEf,IAAI;IAAEgC,IAAI;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGnC,IAAI;EAC9C,OACC,IAAAqB,MAAA,CAAAC,aAAA,EAACvC,WAAA,CAAAqD,QAAQ;IACR1B,SAAS,EAAG,IAAA2B,oCAA4B,EAAEpC,IAAK,CAAG;IAClDqC,OAAO,EAAKC,KAAK,IAAM;MACtBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB5B,QAAQ,CAAEX,IAAK,CAAC;IACjB,CAAG;IACHwC,QAAQ,EAAGN,UAAY;IACvBO,YAAY,EAAGA,CAAA,KAAM1B,2BAA2B,CAAE,IAAK,CAAG;IAC1D2B,YAAY,EAAGA,CAAA,KAAM3B,2BAA2B,CAAEf,IAAK;EAAG,GAE1D,IAAAoB,MAAA,CAAAC,aAAA,EAACpC,UAAA,CAAA0C,OAAS;IAACK,IAAI,EAAGA,IAAM;IAACW,UAAU;EAAA,CAAE,CAAC,EACpCV,KACO,CAAC;AAEb;AAAC,IAAAW,QAAA,GAEcpC,wBAAwB;AAAAqC,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}

package/build/components/block-switcher/block-transformations-menu.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _blocks = require("@wordpress/blocks");
@@ -62,7 +62,7 @@ const BlockTransformationsMenu = ({
     (0, _i18n.__)('%1$s transformed to %2$s'), blockTitle, selectedItem.label);
     createSuccessNotice(successNotice);
   }
-  return (0, _element.createElement)(_components.Picker, {
+  return (0, _react.createElement)(_components.Picker, {
     testID: "block-transformations-menu",
     ref: pickerRef,
     options: pickerOptions(),

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_blocks","_components","_data","_notices","_store","BlockTransformationsMenu","anchorNodeRef","blockTitle","pickerRef","possibleTransformations","selectedBlock","selectedBlockClientId","replaceBlocks","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","pickerOptions","_selectedBlock$name","selectedBlockName","name","blocksThatSplitWhenTransformed","map","item","label","length","includes","id","title","value","getAnchor","findNodeHandle","undefined","onPickerSelect","switchToBlockType","selectedItem","find","successNotice","sprintf","__","_element","createElement","Picker","testID","ref","options","onChange","hideCancelButton","Platform","OS","leftAlign","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { findNodeHandle, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { switchToBlockType } from '@wordpress/blocks';\nimport { Picker } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockTransformationsMenu = ( {\n\tanchorNodeRef,\n\tblockTitle,\n\tpickerRef,\n\tpossibleTransformations,\n\tselectedBlock,\n\tselectedBlockClientId,\n} ) => {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pickerOptions = () => {\n\t\tconst selectedBlockName = selectedBlock?.name ?? '';\n\t\tconst blocksThatSplitWhenTransformed = {\n\t\t\t'core/list': [ 'core/paragraph', 'core/heading' ],\n\t\t\t'core/quote': [ 'core/paragraph' ],\n\t\t\t'core/pullquote': [ 'core/paragraph' ],\n\t\t};\n\n\t\treturn possibleTransformations.map( ( item ) => {\n\t\t\tconst label =\n\t\t\t\tselectedBlockName.length &&\n\t\t\t\tblocksThatSplitWhenTransformed[ selectedBlockName ] &&\n\t\t\t\tblocksThatSplitWhenTransformed[ selectedBlockName ].includes(\n\t\t\t\t\titem.id\n\t\t\t\t)\n\t\t\t\t\t? `${ item.title } blocks`\n\t\t\t\t\t: item.title;\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tvalue: item.id,\n\t\t\t};\n\t\t} );\n\t};\n\n\tconst getAnchor = () =>\n\t\tanchorNodeRef ? findNodeHandle( anchorNodeRef ) : undefined;\n\n\tfunction onPickerSelect( value ) {\n\t\treplaceBlocks(\n\t\t\tselectedBlockClientId,\n\t\t\tswitchToBlockType( selectedBlock, value )\n\t\t);\n\n\t\tconst selectedItem = pickerOptions().find(\n\t\t\t( item ) => item.value === value\n\t\t);\n\t\tconst successNotice = sprintf(\n\t\t\t/* translators: 1: From block title, e.g. Paragraph. 2: To block title, e.g. Header. */\n\t\t\t__( '%1$s transformed to %2$s' ),\n\t\t\tblockTitle,\n\t\t\tselectedItem.label\n\t\t);\n\t\tcreateSuccessNotice( successNotice );\n\t}\n\n\treturn (\n\t\t<Picker\n\t\t\ttestID=\"block-transformations-menu\"\n\t\t\tref={ pickerRef }\n\t\t\toptions={ pickerOptions() }\n\t\t\tonChange={ onPickerSelect }\n\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\tleftAlign={ true }\n\t\t\tgetAnchor={ getAnchor }\n\t\t\t// translators: %s: block title e.g: \"Paragraph\".\n\t\t\ttitle={ sprintf( __( 'Transform %s to' ), blockTitle ) }\n\t\t/>\n\t);\n};\n\nexport default BlockTransformationsMenu;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMO,wBAAwB,GAAGA,CAAE;EAClCC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,uBAAuB;EACvBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,cAAa,CAAC;EAE3D,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,mBAAA;IAC3B,MAAMC,iBAAiB,IAAAD,mBAAA,GAAGR,aAAa,EAAEU,IAAI,cAAAF,mBAAA,cAAAA,mBAAA,GAAI,EAAE;IACnD,MAAMG,8BAA8B,GAAG;MACtC,WAAW,EAAE,CAAE,gBAAgB,EAAE,cAAc,CAAE;MACjD,YAAY,EAAE,CAAE,gBAAgB,CAAE;MAClC,gBAAgB,EAAE,CAAE,gBAAgB;IACrC,CAAC;IAED,OAAOZ,uBAAuB,CAACa,GAAG,CAAIC,IAAI,IAAM;MAC/C,MAAMC,KAAK,GACVL,iBAAiB,CAACM,MAAM,IACxBJ,8BAA8B,CAAEF,iBAAiB,CAAE,IACnDE,8BAA8B,CAAEF,iBAAiB,CAAE,CAACO,QAAQ,CAC3DH,IAAI,CAACI,EACN,CAAC,GACG,GAAGJ,IAAI,CAACK,KAAO,SAAQ,GACxBL,IAAI,CAACK,KAAK;MACd,OAAO;QACNJ,KAAK;QACLK,KAAK,EAAEN,IAAI,CAACI;MACb,CAAC;IACF,CAAE,CAAC;EACJ,CAAC;EAED,MAAMG,SAAS,GAAGA,CAAA,KACjBxB,aAAa,GAAG,IAAAyB,2BAAc,EAAEzB,aAAc,CAAC,GAAG0B,SAAS;EAE5D,SAASC,cAAcA,CAAEJ,KAAK,EAAG;IAChCjB,aAAa,CACZD,qBAAqB,EACrB,IAAAuB,yBAAiB,EAAExB,aAAa,EAAEmB,KAAM,CACzC,CAAC;IAED,MAAMM,YAAY,GAAGlB,aAAa,CAAC,CAAC,CAACmB,IAAI,CACtCb,IAAI,IAAMA,IAAI,CAACM,KAAK,KAAKA,KAC5B,CAAC;IACD,MAAMQ,aAAa,GAAG,IAAAC,aAAO,GAC5B;IACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChChC,UAAU,EACV4B,YAAY,CAACX,KACd,CAAC;IACDT,mBAAmB,CAAEsB,aAAc,CAAC;EACrC;EAEA,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACxC,WAAA,CAAAyC,MAAM;IACNC,MAAM,EAAC,4BAA4B;IACnCC,GAAG,EAAGpC,SAAW;IACjBqC,OAAO,EAAG5B,aAAa,CAAC,CAAG;IAC3B6B,QAAQ,EAAGb,cAAgB;IAC3Bc,gBAAgB,EAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAO;IAC1CC,SAAS,EAAG,IAAM;IAClBpB,SAAS,EAAGA;IACZ;IAAA;IACAF,KAAK,EAAG,IAAAU,aAAO,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC,EAAEhC,UAAW;EAAG,CACxD,CAAC;AAEJ,CAAC;AAAC,IAAA4C,QAAA,GAEa9C,wBAAwB;AAAA+C,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_blocks","_components","_data","_notices","_store","BlockTransformationsMenu","anchorNodeRef","blockTitle","pickerRef","possibleTransformations","selectedBlock","selectedBlockClientId","replaceBlocks","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","pickerOptions","_selectedBlock$name","selectedBlockName","name","blocksThatSplitWhenTransformed","map","item","label","length","includes","id","title","value","getAnchor","findNodeHandle","undefined","onPickerSelect","switchToBlockType","selectedItem","find","successNotice","sprintf","__","_react","createElement","Picker","testID","ref","options","onChange","hideCancelButton","Platform","OS","leftAlign","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-transformations-menu.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { findNodeHandle, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { switchToBlockType } from '@wordpress/blocks';\nimport { Picker } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockTransformationsMenu = ( {\n\tanchorNodeRef,\n\tblockTitle,\n\tpickerRef,\n\tpossibleTransformations,\n\tselectedBlock,\n\tselectedBlockClientId,\n} ) => {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pickerOptions = () => {\n\t\tconst selectedBlockName = selectedBlock?.name ?? '';\n\t\tconst blocksThatSplitWhenTransformed = {\n\t\t\t'core/list': [ 'core/paragraph', 'core/heading' ],\n\t\t\t'core/quote': [ 'core/paragraph' ],\n\t\t\t'core/pullquote': [ 'core/paragraph' ],\n\t\t};\n\n\t\treturn possibleTransformations.map( ( item ) => {\n\t\t\tconst label =\n\t\t\t\tselectedBlockName.length &&\n\t\t\t\tblocksThatSplitWhenTransformed[ selectedBlockName ] &&\n\t\t\t\tblocksThatSplitWhenTransformed[ selectedBlockName ].includes(\n\t\t\t\t\titem.id\n\t\t\t\t)\n\t\t\t\t\t? `${ item.title } blocks`\n\t\t\t\t\t: item.title;\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tvalue: item.id,\n\t\t\t};\n\t\t} );\n\t};\n\n\tconst getAnchor = () =>\n\t\tanchorNodeRef ? findNodeHandle( anchorNodeRef ) : undefined;\n\n\tfunction onPickerSelect( value ) {\n\t\treplaceBlocks(\n\t\t\tselectedBlockClientId,\n\t\t\tswitchToBlockType( selectedBlock, value )\n\t\t);\n\n\t\tconst selectedItem = pickerOptions().find(\n\t\t\t( item ) => item.value === value\n\t\t);\n\t\tconst successNotice = sprintf(\n\t\t\t/* translators: 1: From block title, e.g. Paragraph. 2: To block title, e.g. Header. */\n\t\t\t__( '%1$s transformed to %2$s' ),\n\t\t\tblockTitle,\n\t\t\tselectedItem.label\n\t\t);\n\t\tcreateSuccessNotice( successNotice );\n\t}\n\n\treturn (\n\t\t<Picker\n\t\t\ttestID=\"block-transformations-menu\"\n\t\t\tref={ pickerRef }\n\t\t\toptions={ pickerOptions() }\n\t\t\tonChange={ onPickerSelect }\n\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\tleftAlign={ true }\n\t\t\tgetAnchor={ getAnchor }\n\t\t\t// translators: %s: block title e.g: \"Paragraph\".\n\t\t\ttitle={ sprintf( __( 'Transform %s to' ), blockTitle ) }\n\t\t/>\n\t);\n};\n\nexport default BlockTransformationsMenu;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMO,wBAAwB,GAAGA,CAAE;EAClCC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,uBAAuB;EACvBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,cAAa,CAAC;EAE3D,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,mBAAA;IAC3B,MAAMC,iBAAiB,IAAAD,mBAAA,GAAGR,aAAa,EAAEU,IAAI,cAAAF,mBAAA,cAAAA,mBAAA,GAAI,EAAE;IACnD,MAAMG,8BAA8B,GAAG;MACtC,WAAW,EAAE,CAAE,gBAAgB,EAAE,cAAc,CAAE;MACjD,YAAY,EAAE,CAAE,gBAAgB,CAAE;MAClC,gBAAgB,EAAE,CAAE,gBAAgB;IACrC,CAAC;IAED,OAAOZ,uBAAuB,CAACa,GAAG,CAAIC,IAAI,IAAM;MAC/C,MAAMC,KAAK,GACVL,iBAAiB,CAACM,MAAM,IACxBJ,8BAA8B,CAAEF,iBAAiB,CAAE,IACnDE,8BAA8B,CAAEF,iBAAiB,CAAE,CAACO,QAAQ,CAC3DH,IAAI,CAACI,EACN,CAAC,GACG,GAAGJ,IAAI,CAACK,KAAO,SAAQ,GACxBL,IAAI,CAACK,KAAK;MACd,OAAO;QACNJ,KAAK;QACLK,KAAK,EAAEN,IAAI,CAACI;MACb,CAAC;IACF,CAAE,CAAC;EACJ,CAAC;EAED,MAAMG,SAAS,GAAGA,CAAA,KACjBxB,aAAa,GAAG,IAAAyB,2BAAc,EAAEzB,aAAc,CAAC,GAAG0B,SAAS;EAE5D,SAASC,cAAcA,CAAEJ,KAAK,EAAG;IAChCjB,aAAa,CACZD,qBAAqB,EACrB,IAAAuB,yBAAiB,EAAExB,aAAa,EAAEmB,KAAM,CACzC,CAAC;IAED,MAAMM,YAAY,GAAGlB,aAAa,CAAC,CAAC,CAACmB,IAAI,CACtCb,IAAI,IAAMA,IAAI,CAACM,KAAK,KAAKA,KAC5B,CAAC;IACD,MAAMQ,aAAa,GAAG,IAAAC,aAAO,GAC5B;IACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChChC,UAAU,EACV4B,YAAY,CAACX,KACd,CAAC;IACDT,mBAAmB,CAAEsB,aAAc,CAAC;EACrC;EAEA,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACxC,WAAA,CAAAyC,MAAM;IACNC,MAAM,EAAC,4BAA4B;IACnCC,GAAG,EAAGpC,SAAW;IACjBqC,OAAO,EAAG5B,aAAa,CAAC,CAAG;IAC3B6B,QAAQ,EAAGb,cAAgB;IAC3Bc,gBAAgB,EAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAO;IAC1CC,SAAS,EAAG,IAAM;IAClBpB,SAAS,EAAGA;IACZ;IAAA;IACAF,KAAK,EAAG,IAAAU,aAAO,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC,EAAEhC,UAAW;EAAG,CACxD,CAAC;AAEJ,CAAC;AAAC,IAAA4C,QAAA,GAEa9C,wBAAwB;AAAA+C,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.useBlockVariationTransforms = useBlockVariationTransforms;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _store = require("../../store");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _previewBlockPopover = _interopRequireDefault(require("./preview-block-popover"));
@@ -64,11 +65,11 @@ const BlockVariationTransformations = ({
   blocks
 }) => {
   const [hoveredTransformItemName, setHoveredTransformItemName] = (0, _element.useState)();
-  return (0, _element.createElement)(_element.Fragment, null, hoveredTransformItemName && (0, _element.createElement)(_previewBlockPopover.default, {
+  return (0, _react.createElement)(_react.Fragment, null, hoveredTransformItemName && (0, _react.createElement)(_previewBlockPopover.default, {
     blocks: (0, _blocks.cloneBlock)(blocks[0], transformations.find(({
       name
     }) => name === hoveredTransformItemName).attributes)
-  }), transformations?.map(item => (0, _element.createElement)(BlockVariationTranformationItem, {
+  }), transformations?.map(item => (0, _react.createElement)(BlockVariationTranformationItem, {
     key: item.name,
     item: item,
     onSelect: onSelect,
@@ -85,7 +86,7 @@ function BlockVariationTranformationItem({
     icon,
     title
   } = item;
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     className: (0, _blocks.getBlockMenuDefaultClassName)(name),
     onClick: event => {
       event.preventDefault();
@@ -93,7 +94,7 @@ function BlockVariationTranformationItem({
     },
     onMouseLeave: () => setHoveredTransformItemName(null),
     onMouseEnter: () => setHoveredTransformItemName(name)
-  }, (0, _element.createElement)(_blockIcon.default, {
+  }, (0, _react.createElement)(_blockIcon.default, {
     icon: icon,
     showColors: true
   }), title);

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_blocks","_data","_store","_blockIcon","_interopRequireDefault","_previewBlockPopover","EMPTY_OBJECT","useBlockVariationTransforms","clientIds","blocks","activeBlockVariation","blockVariationTransformations","useSelect","select","getBlockRootClientId","getBlockAttributes","canRemoveBlocks","blockEditorStore","getActiveBlockVariation","getBlockVariations","blocksStore","rootClientId","Array","isArray","canRemove","length","firstBlock","name","clientId","transformations","useMemo","filter","BlockVariationTransformations","onSelect","hoveredTransformItemName","setHoveredTransformItemName","useState","createElement","Fragment","default","cloneBlock","find","attributes","map","item","BlockVariationTranformationItem","key","icon","title","MenuItem","className","getBlockMenuDefaultClassName","onClick","event","preventDefault","onMouseLeave","onMouseEnter","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-variation-transformations.js"],"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"],"mappings":"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"}
+{"version":3,"names":["_components","require","_blocks","_data","_element","_store","_blockIcon","_interopRequireDefault","_previewBlockPopover","EMPTY_OBJECT","useBlockVariationTransforms","clientIds","blocks","activeBlockVariation","blockVariationTransformations","useSelect","select","getBlockRootClientId","getBlockAttributes","canRemoveBlocks","blockEditorStore","getActiveBlockVariation","getBlockVariations","blocksStore","rootClientId","Array","isArray","canRemove","length","firstBlock","name","clientId","transformations","useMemo","filter","BlockVariationTransformations","onSelect","hoveredTransformItemName","setHoveredTransformItemName","useState","_react","createElement","Fragment","default","cloneBlock","find","attributes","map","item","BlockVariationTranformationItem","key","icon","title","MenuItem","className","getBlockMenuDefaultClassName","onClick","event","preventDefault","onMouseLeave","onMouseEnter","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-variation-transformations.js"],"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"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BlockSwitcherDropdownMenu = exports.BlockSwitcher = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
@@ -87,8 +87,9 @@ const BlockSwitcherDropdownMenu = ({
     clientId: Array.isArray(clientIds) ? clientIds[0] : clientIds,
     maximumLength: 35
   });
-  const isReusable = blocks.length === 1 && (0, _blocks.isReusableBlock)(blocks[0]);
-  const isTemplate = blocks.length === 1 && (0, _blocks.isTemplatePart)(blocks[0]);
+  const isSingleBlock = blocks.length === 1;
+  const isReusable = isSingleBlock && (0, _blocks.isReusableBlock)(blocks[0]);
+  const isTemplate = isSingleBlock && (0, _blocks.isTemplatePart)(blocks[0]);
   function selectForMultipleBlocks(insertedBlocks) {
     if (insertedBlocks.length > 1) {
       multiSelect(insertedBlocks[0].clientId, insertedBlocks[insertedBlocks.length - 1].clientId);
@@ -124,36 +125,35 @@ const BlockSwitcherDropdownMenu = ({
   const hasPossibleBlockVariationTransformations = !!blockVariationTransformations?.length;
   const hasPatternTransformation = !!patterns?.length && canRemove;
   if (!hasBlockStyles && !hasPossibleBlockTransformations && !hasPossibleBlockVariationTransformations) {
-    return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+    return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
       disabled: true,
       className: "block-editor-block-switcher__no-switcher-icon",
       title: blockTitle,
-      icon: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockIcon.default, {
+      icon: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockIcon.default, {
         icon: icon,
         showColors: true
-      }), (isReusable || isTemplate) && (0, _element.createElement)("span", {
+      }), (isReusable || isTemplate) && (0, _react.createElement)("span", {
         className: "block-editor-block-switcher__toggle-text"
       }, blockTitle))
     }));
   }
-  const blockSwitcherLabel = blockTitle;
-  const blockSwitcherDescription = 1 === blocks.length ? (0, _i18n.sprintf)( /* translators: %s: block title. */
-  (0, _i18n.__)('%s: Change block type or style'), blockTitle) : (0, _i18n.sprintf)( /* translators: %d: number of blocks. */
+  const blockSwitcherLabel = isSingleBlock ? blockTitle : (0, _i18n.__)('Multiple blocks selected');
+  const blockSwitcherDescription = isSingleBlock ? (0, _i18n.__)('Change block type or style') : (0, _i18n.sprintf)( /* translators: %d: number of blocks. */
   (0, _i18n._n)('Change type of %d block', 'Change type of %d blocks', blocks.length), blocks.length);
   const hasBlockOrBlockVariationTransforms = hasPossibleBlockTransformations || hasPossibleBlockVariationTransformations;
   const showDropDown = hasBlockStyles || hasBlockOrBlockVariationTransforms || hasPatternTransformation;
-  return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarItem, null, toggleProps => (0, _element.createElement)(_components.DropdownMenu, {
+  return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarItem, null, toggleProps => (0, _react.createElement)(_components.DropdownMenu, {
     className: "block-editor-block-switcher",
     label: blockSwitcherLabel,
     popoverProps: {
       placement: 'bottom-start',
       className: 'block-editor-block-switcher__popover'
     },
-    icon: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockIcon.default, {
+    icon: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockIcon.default, {
       icon: icon,
       className: "block-editor-block-switcher__toggle",
       showColors: true
-    }), (isReusable || isTemplate) && (0, _element.createElement)("span", {
+    }), (isReusable || isTemplate) && (0, _react.createElement)("span", {
       className: "block-editor-block-switcher__toggle-text"
     }, blockTitle)),
     toggleProps: {
@@ -165,16 +165,16 @@ const BlockSwitcherDropdownMenu = ({
     }
   }, ({
     onClose
-  }) => showDropDown && (0, _element.createElement)("div", {
+  }) => showDropDown && (0, _react.createElement)("div", {
     className: "block-editor-block-switcher__container"
-  }, hasPatternTransformation && (0, _element.createElement)(_patternTransformationsMenu.default, {
+  }, hasPatternTransformation && (0, _react.createElement)(_patternTransformationsMenu.default, {
     blocks: blocks,
     patterns: patterns,
     onSelect: transformedBlocks => {
       onPatternTransform(transformedBlocks);
       onClose();
     }
-  }), hasBlockOrBlockVariationTransforms && (0, _element.createElement)(_blockTransformationsMenu.default, {
+  }), hasBlockOrBlockVariationTransforms && (0, _react.createElement)(_blockTransformationsMenu.default, {
     className: "block-editor-block-switcher__transforms__menugroup",
     possibleBlockTransformations: possibleBlockTransformations,
     possibleBlockVariationTransformations: blockVariationTransformations,
@@ -187,7 +187,7 @@ const BlockSwitcherDropdownMenu = ({
       onBlockVariationTransform(name);
       onClose();
     }
-  }), hasBlockStyles && (0, _element.createElement)(_blockStylesMenu.default, {
+  }), hasBlockStyles && (0, _react.createElement)(_blockStylesMenu.default, {
     hoveredBlock: blocks[0],
     onSwitch: onClose
   })))));
@@ -200,7 +200,7 @@ const BlockSwitcher = ({
   if (!blocks.length || blocks.some(block => !block)) {
     return null;
   }
-  return (0, _element.createElement)(BlockSwitcherDropdownMenu, {
+  return (0, _react.createElement)(BlockSwitcherDropdownMenu, {
     clientIds: clientIds,
     blocks: blocks
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blocks","_data","_icons","_store","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_blockTransformationsMenu","_blockVariationTransformations","_blockStylesMenu","_patternTransformationsMenu","_useBlockDisplayTitle","BlockSwitcherDropdownMenu","clientIds","blocks","replaceBlocks","multiSelect","updateBlockAttributes","useDispatch","blockEditorStore","blockInformation","useBlockDisplayInformation","clientId","possibleBlockTransformations","canRemove","hasBlockStyles","icon","patterns","useSelect","select","getBlockRootClientId","getBlockTransformItems","__experimentalGetPatternTransformItems","canRemoveBlocks","getBlockStyles","getBlockType","blocksStore","rootClientId","Array","isArray","name","firstBlockName","_isSingleBlockSelected","length","styles","_icon","isSelectionOfSameType","Set","map","size","copy","blockVariationTransformations","useBlockVariationTransforms","blockTitle","useBlockDisplayTitle","maximumLength","isReusable","isReusableBlock","isTemplate","isTemplatePart","selectForMultipleBlocks","insertedBlocks","onBlockTransform","newBlocks","switchToBlockType","onBlockVariationTransform","find","variationName","attributes","onPatternTransform","transformedBlocks","hasPossibleBlockTransformations","hasPossibleBlockVariationTransformations","hasPatternTransformation","_element","createElement","ToolbarGroup","ToolbarButton","disabled","className","title","Fragment","default","showColors","blockSwitcherLabel","blockSwitcherDescription","sprintf","__","_n","hasBlockOrBlockVariationTransforms","showDropDown","ToolbarItem","toggleProps","DropdownMenu","label","popoverProps","placement","describedBy","menuProps","orientation","onClose","onSelect","possibleBlockVariationTransformations","onSelectVariation","hoveredBlock","onSwitch","exports","BlockSwitcher","getBlocksByClientId","some","block","_default"],"sources":["@wordpress/block-editor/src/components/block-switcher/index.js"],"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\tplacement: 'bottom-start',\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"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_components","_blocks","_data","_icons","_store","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_blockTransformationsMenu","_blockVariationTransformations","_blockStylesMenu","_patternTransformationsMenu","_useBlockDisplayTitle","BlockSwitcherDropdownMenu","clientIds","blocks","replaceBlocks","multiSelect","updateBlockAttributes","useDispatch","blockEditorStore","blockInformation","useBlockDisplayInformation","clientId","possibleBlockTransformations","canRemove","hasBlockStyles","icon","patterns","useSelect","select","getBlockRootClientId","getBlockTransformItems","__experimentalGetPatternTransformItems","canRemoveBlocks","getBlockStyles","getBlockType","blocksStore","rootClientId","Array","isArray","name","firstBlockName","_isSingleBlockSelected","length","styles","_icon","isSelectionOfSameType","Set","map","size","copy","blockVariationTransformations","useBlockVariationTransforms","blockTitle","useBlockDisplayTitle","maximumLength","isSingleBlock","isReusable","isReusableBlock","isTemplate","isTemplatePart","selectForMultipleBlocks","insertedBlocks","onBlockTransform","newBlocks","switchToBlockType","onBlockVariationTransform","find","variationName","attributes","onPatternTransform","transformedBlocks","hasPossibleBlockTransformations","hasPossibleBlockVariationTransformations","hasPatternTransformation","_react","createElement","ToolbarGroup","ToolbarButton","disabled","className","title","Fragment","default","showColors","blockSwitcherLabel","__","blockSwitcherDescription","sprintf","_n","hasBlockOrBlockVariationTransforms","showDropDown","ToolbarItem","toggleProps","DropdownMenu","label","popoverProps","placement","describedBy","menuProps","orientation","onClose","onSelect","possibleBlockVariationTransformations","onSelectVariation","hoveredBlock","onSwitch","exports","BlockSwitcher","getBlocksByClientId","some","block","_default"],"sources":["@wordpress/block-editor/src/components/block-switcher/index.js"],"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\n\tconst isSingleBlock = blocks.length === 1;\n\tconst isReusable = isSingleBlock && isReusableBlock( blocks[ 0 ] );\n\tconst isTemplate = isSingleBlock && 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 = isSingleBlock\n\t\t? blockTitle\n\t\t: __( 'Multiple blocks selected' );\n\n\tconst blockSwitcherDescription = isSingleBlock\n\t\t? __( 'Change block type or style' )\n\t\t: sprintf(\n\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t_n(\n\t\t\t\t\t'Change type of %d block',\n\t\t\t\t\t'Change type of %d blocks',\n\t\t\t\t\tblocks.length\n\t\t\t\t),\n\t\t\t\tblocks.length\n\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\tplacement: 'bottom-start',\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"],"mappings":"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"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
@@ -28,12 +29,12 @@ function PatternTransformationsMenu({
   const [showTransforms, setShowTransforms] = (0, _element.useState)(false);
   const patterns = (0, _useTransformedPatterns.default)(statePatterns, blocks);
   if (!patterns.length) return null;
-  return (0, _element.createElement)(_components.MenuGroup, {
+  return (0, _react.createElement)(_components.MenuGroup, {
     className: "block-editor-block-switcher__pattern__transforms__menugroup"
-  }, showTransforms && (0, _element.createElement)(PreviewPatternsPopover, {
+  }, showTransforms && (0, _react.createElement)(PreviewPatternsPopover, {
     patterns: patterns,
     onSelect: onSelect
-  }), (0, _element.createElement)(_components.MenuItem, {
+  }), (0, _react.createElement)(_components.MenuItem, {
     onClick: event => {
       event.preventDefault();
       setShowTransforms(!showTransforms);
@@ -45,16 +46,18 @@ function PreviewPatternsPopover({
   patterns,
   onSelect
 }) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-block-switcher__popover__preview__parent"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-editor-block-switcher__popover__preview__container"
-  }, (0, _element.createElement)(_components.Popover, {
+  }, (0, _react.createElement)(_components.Popover, {
     className: "block-editor-block-switcher__preview__popover",
     position: "bottom right"
-  }, (0, _element.createElement)("div", {
-    className: "block-editor-block-switcher__preview is-pattern-list-preview"
-  }, (0, _element.createElement)(BlockPatternsList, {
+  }, (0, _react.createElement)("div", {
+    className: "block-editor-block-switcher__preview"
+  }, (0, _react.createElement)("div", {
+    className: "block-editor-block-switcher__preview-title"
+  }, (0, _i18n.__)('Preview')), (0, _react.createElement)(BlockPatternsList, {
     patterns: patterns,
     onSelect: onSelect
   })))));
@@ -64,12 +67,12 @@ function BlockPatternsList({
   onSelect
 }) {
   const composite = (0, _components.__unstableUseCompositeState)();
-  return (0, _element.createElement)(_components.__unstableComposite, {
+  return (0, _react.createElement)(_components.__unstableComposite, {
     ...composite,
     role: "listbox",
     className: "block-editor-block-switcher__preview-patterns-container",
     "aria-label": (0, _i18n.__)('Patterns list')
-  }, patterns.map(pattern => (0, _element.createElement)(BlockPattern, {
+  }, patterns.map(pattern => (0, _react.createElement)(BlockPattern, {
     key: pattern.name,
     pattern: pattern,
     onSelect: onSelect,
@@ -84,9 +87,9 @@ function BlockPattern({
   // TODO check pattern/preview width...
   const baseClassName = 'block-editor-block-switcher__preview-patterns-container';
   const descriptionId = (0, _compose.useInstanceId)(BlockPattern, `${baseClassName}-list__item-description`);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: `${baseClassName}-list__list-item`
-  }, (0, _element.createElement)(_components.__unstableCompositeItem, {
+  }, (0, _react.createElement)(_components.__unstableCompositeItem, {
     role: "option",
     as: "div",
     ...composite,
@@ -94,12 +97,12 @@ function BlockPattern({
     "aria-describedby": pattern.description ? descriptionId : undefined,
     className: `${baseClassName}-list__item`,
     onClick: () => onSelect(pattern.transformedBlocks)
-  }, (0, _element.createElement)(_blockPreview.default, {
+  }, (0, _react.createElement)(_blockPreview.default, {
     blocks: pattern.transformedBlocks,
     viewportWidth: pattern.viewportWidth || 500
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: `${baseClassName}-list__item-title`
-  }, pattern.title)), !!pattern.description && (0, _element.createElement)(_components.VisuallyHidden, {
+  }, pattern.title)), !!pattern.description && (0, _react.createElement)(_components.VisuallyHidden, {
     id: descriptionId
   }, pattern.description));
 }