@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,7 @@ import { MenuGroup } from '@wordpress/components';
  * Internal dependencies
  */
 import BlockStylesMenuItems from '../block-styles/menu-items';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function BlockStylesMenu({
   hoveredBlock,
   onSwitch
@@ -16,12 +16,13 @@ export default function BlockStylesMenu({
   const {
     clientId
   } = hoveredBlock;
-  return createElement(MenuGroup, {
+  return /*#__PURE__*/_jsx(MenuGroup, {
     label: __('Styles'),
-    className: "block-editor-block-switcher__styles__menugroup"
-  }, createElement(BlockStylesMenuItems, {
-    clientId: clientId,
-    onSwitch: onSwitch
-  }));
+    className: "block-editor-block-switcher__styles__menugroup",
+    children: /*#__PURE__*/_jsx(BlockStylesMenuItems, {
+      clientId: clientId,
+      onSwitch: onSwitch
+    })
+  });
 }
 //# sourceMappingURL=block-styles-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","MenuGroup","BlockStylesMenuItems","BlockStylesMenu","hoveredBlock","onSwitch","clientId","createElement","label","className"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,uBAAuB;;AAEjD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,4BAA4B;AAE7D,eAAe,SAASC,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,OACCG,aAAA,CAACN,SAAS;IACTO,KAAK,EAAGR,EAAE,CAAE,QAAS,CAAG;IACxBS,SAAS,EAAC;EAAgD,GAE1DF,aAAA,CAACL,oBAAoB;IAACI,QAAQ,EAAGA,QAAU;IAACD,QAAQ,EAAGA;EAAU,CAAE,CACzD,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["__","MenuGroup","BlockStylesMenuItems","jsx","_jsx","BlockStylesMenu","hoveredBlock","onSwitch","clientId","label","className","children"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,uBAAuB;;AAEjD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,eAAe,SAASC,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,oBACCF,IAAA,CAACH,SAAS;IACTQ,KAAK,EAAGT,EAAE,CAAE,QAAS,CAAG;IACxBU,SAAS,EAAC,gDAAgD;IAAAC,QAAA,eAE1DP,IAAA,CAACF,oBAAoB;MAACM,QAAQ,EAAGA,QAAU;MAACD,QAAQ,EAAGA;IAAU,CAAE;EAAC,CAC1D,CAAC;AAEd","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -24,6 +23,9 @@ import BlockVariationTransformations from './block-variation-transformations';
  * @param {Object[]} possibleBlockTransformations The available block transformations.
  * @return {Record<string, Object[]>} The grouped block transformations.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function useGroupedTransforms(possibleBlockTransformations) {
   const priorityContentTranformationBlocks = {
     'core/paragraph': 1,
@@ -86,40 +88,42 @@ 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 && createElement(RestTransformationItems, {
+  const restTransformItems = !!restTransformations.length && /*#__PURE__*/_jsx(RestTransformationItems, {
     restTransformations: restTransformations,
     onSelect: onSelect,
     setHoveredTransformItemName: setHoveredTransformItemName
   });
-  return createElement(Fragment, null, createElement(MenuGroup, {
-    label: __('Transform to'),
-    className: className
-  }, hoveredTransformItemName && createElement(PreviewBlockPopover, {
-    blocks: switchToBlockType(blocks, hoveredTransformItemName)
-  }), !!possibleBlockVariationTransformations?.length && createElement(BlockVariationTransformations, {
-    transformations: possibleBlockVariationTransformations,
-    blocks: blocks,
-    onSelect: onSelectVariation
-  }), priorityTextTransformations.map(item => createElement(BlockTranformationItem, {
-    key: item.name,
-    item: item,
-    onSelect: onSelect,
-    setHoveredTransformItemName: setHoveredTransformItemName
-  })), !hasBothContentTransformations && restTransformItems), !!hasBothContentTransformations && createElement(MenuGroup, {
-    className: className
-  }, restTransformItems));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(MenuGroup, {
+      label: __('Transform to'),
+      className: className,
+      children: [hoveredTransformItemName && /*#__PURE__*/_jsx(PreviewBlockPopover, {
+        blocks: switchToBlockType(blocks, hoveredTransformItemName)
+      }), !!possibleBlockVariationTransformations?.length && /*#__PURE__*/_jsx(BlockVariationTransformations, {
+        transformations: possibleBlockVariationTransformations,
+        blocks: blocks,
+        onSelect: onSelectVariation
+      }), priorityTextTransformations.map(item => /*#__PURE__*/_jsx(BlockTranformationItem, {
+        item: item,
+        onSelect: onSelect,
+        setHoveredTransformItemName: setHoveredTransformItemName
+      }, item.name)), !hasBothContentTransformations && restTransformItems]
+    }), !!hasBothContentTransformations && /*#__PURE__*/_jsx(MenuGroup, {
+      className: className,
+      children: restTransformItems
+    })]
+  });
 };
 function RestTransformationItems({
   restTransformations,
   onSelect,
   setHoveredTransformItemName
 }) {
-  return restTransformations.map(item => createElement(BlockTranformationItem, {
-    key: item.name,
+  return restTransformations.map(item => /*#__PURE__*/_jsx(BlockTranformationItem, {
     item: item,
     onSelect: onSelect,
     setHoveredTransformItemName: setHoveredTransformItemName
-  }));
+  }, item.name));
 }
 function BlockTranformationItem({
   item,
@@ -132,7 +136,7 @@ function BlockTranformationItem({
     title,
     isDisabled
   } = item;
-  return createElement(MenuItem, {
+  return /*#__PURE__*/_jsxs(MenuItem, {
     className: getBlockMenuDefaultClassName(name),
     onClick: event => {
       event.preventDefault();
@@ -140,11 +144,12 @@ function BlockTranformationItem({
     },
     disabled: isDisabled,
     onMouseLeave: () => setHoveredTransformItemName(null),
-    onMouseEnter: () => setHoveredTransformItemName(name)
-  }, createElement(BlockIcon, {
-    icon: icon,
-    showColors: true
-  }), title);
+    onMouseEnter: () => setHoveredTransformItemName(name),
+    children: [/*#__PURE__*/_jsx(BlockIcon, {
+      icon: icon,
+      showColors: true
+    }), title]
+  });
 }
 export default BlockTransformationsMenu;
 //# sourceMappingURL=block-transformations-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","MenuGroup","MenuItem","getBlockMenuDefaultClassName","switchToBlockType","useState","useMemo","BlockIcon","PreviewBlockPopover","BlockVariationTransformations","useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","priorityTextTranformsNames","Object","keys","groupedPossibleTransforms","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","length","singleQuote","pop","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","hasBothContentTransformations","restTransformItems","createElement","RestTransformationItems","Fragment","label","map","BlockTranformationItem","key","icon","title","isDisabled","onClick","event","preventDefault","disabled","onMouseLeave","onMouseEnter","showColors"],"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\tconst groupedPossibleTransforms = 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\t/**\n\t\t * If there is only one priority text transformation and it's a Quote,\n\t\t * is should move to the rest transformations. This is because Quote can\n\t\t * be a container for any block type, so in multi-block selection it will\n\t\t * always be suggested, even for non-text blocks.\n\t\t */\n\t\tif (\n\t\t\tgroupedPossibleTransforms.priorityTextTransformations.length ===\n\t\t\t\t1 &&\n\t\t\tgroupedPossibleTransforms.priorityTextTransformations[ 0 ].name ===\n\t\t\t\t'core/quote'\n\t\t) {\n\t\t\tconst singleQuote =\n\t\t\t\tgroupedPossibleTransforms.priorityTextTransformations.pop();\n\t\t\tgroupedPossibleTransforms.restTransformations.push( singleQuote );\n\t\t}\n\t\treturn groupedPossibleTransforms;\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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","ignoreList":[]}
+{"version":3,"names":["__","MenuGroup","MenuItem","getBlockMenuDefaultClassName","switchToBlockType","useState","useMemo","BlockIcon","PreviewBlockPopover","BlockVariationTransformations","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGroupedTransforms","possibleBlockTransformations","priorityContentTranformationBlocks","transformations","priorityTextTranformsNames","Object","keys","groupedPossibleTransforms","reduce","accumulator","item","name","includes","priorityTextTransformations","push","restTransformations","length","singleQuote","pop","sort","currentName","nextName","BlockTransformationsMenu","className","possibleBlockVariationTransformations","onSelect","onSelectVariation","blocks","hoveredTransformItemName","setHoveredTransformItemName","hasBothContentTransformations","restTransformItems","RestTransformationItems","children","label","map","BlockTranformationItem","icon","title","isDisabled","onClick","event","preventDefault","disabled","onMouseLeave","onMouseEnter","showColors"],"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\tconst groupedPossibleTransforms = 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\t/**\n\t\t * If there is only one priority text transformation and it's a Quote,\n\t\t * is should move to the rest transformations. This is because Quote can\n\t\t * be a container for any block type, so in multi-block selection it will\n\t\t * always be suggested, even for non-text blocks.\n\t\t */\n\t\tif (\n\t\t\tgroupedPossibleTransforms.priorityTextTransformations.length ===\n\t\t\t\t1 &&\n\t\t\tgroupedPossibleTransforms.priorityTextTransformations[ 0 ].name ===\n\t\t\t\t'core/quote'\n\t\t) {\n\t\t\tconst singleQuote =\n\t\t\t\tgroupedPossibleTransforms.priorityTextTransformations.pop();\n\t\t\tgroupedPossibleTransforms.restTransformations.push( singleQuote );\n\t\t}\n\t\treturn groupedPossibleTransforms;\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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,7 @@ import { store as noticesStore } from '@wordpress/notices';
  * Internal dependencies
  */
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BlockTransformationsMenu = ({
   anchorNodeRef,
   blockTitle,
@@ -55,7 +55,7 @@ const BlockTransformationsMenu = ({
     __('%1$s transformed to %2$s'), blockTitle, selectedItem.label);
     createSuccessNotice(successNotice);
   }
-  return createElement(Picker, {
+  return /*#__PURE__*/_jsx(Picker, {
     testID: "block-transformations-menu",
     ref: pickerRef,
     options: pickerOptions(),

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

@@ -1 +1 @@
-{"version":3,"names":["findNodeHandle","Platform","__","sprintf","switchToBlockType","Picker","useDispatch","store","noticesStore","blockEditorStore","BlockTransformationsMenu","anchorNodeRef","blockTitle","pickerRef","possibleTransformations","selectedBlock","selectedBlockClientId","replaceBlocks","createSuccessNotice","pickerOptions","_selectedBlock$name","selectedBlockName","name","blocksThatSplitWhenTransformed","map","item","label","length","includes","id","title","value","getAnchor","undefined","onPickerSelect","selectedItem","find","successNotice","createElement","testID","ref","options","onChange","hideCancelButton","OS","leftAlign"],"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\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":";AAAA;AACA;AACA;AACA,SAASA,cAAc,EAAEC,QAAQ,QAAQ,cAAc;;AAEvD;AACA;AACA;AACA,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,wBAAwB,GAAGA,CAAE;EAClCC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,uBAAuB;EACvBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAc,CAAC,GAAGX,WAAW,CAAEG,gBAAiB,CAAC;EACzD,MAAM;IAAES;EAAoB,CAAC,GAAGZ,WAAW,CAAEE,YAAa,CAAC;EAE3D,MAAMW,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,mBAAA;IAC3B,MAAMC,iBAAiB,IAAAD,mBAAA,GAAGL,aAAa,EAAEO,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,OAAOT,uBAAuB,CAACU,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,KACjBrB,aAAa,GAAGX,cAAc,CAAEW,aAAc,CAAC,GAAGsB,SAAS;EAE5D,SAASC,cAAcA,CAAEH,KAAK,EAAG;IAChCd,aAAa,CACZD,qBAAqB,EACrBZ,iBAAiB,CAAEW,aAAa,EAAEgB,KAAM,CACzC,CAAC;IAED,MAAMI,YAAY,GAAGhB,aAAa,CAAC,CAAC,CAACiB,IAAI,CACtCX,IAAI,IAAMA,IAAI,CAACM,KAAK,KAAKA,KAC5B,CAAC;IACD,MAAMM,aAAa,GAAGlC,OAAO,EAC5B;IACAD,EAAE,CAAE,0BAA2B,CAAC,EAChCU,UAAU,EACVuB,YAAY,CAACT,KACd,CAAC;IACDR,mBAAmB,CAAEmB,aAAc,CAAC;EACrC;EAEA,OACCC,aAAA,CAACjC,MAAM;IACNkC,MAAM,EAAC,4BAA4B;IACnCC,GAAG,EAAG3B,SAAW;IACjB4B,OAAO,EAAGtB,aAAa,CAAC,CAAG;IAC3BuB,QAAQ,EAAGR,cAAgB;IAC3BS,gBAAgB,EAAG1C,QAAQ,CAAC2C,EAAE,KAAK,KAAO;IAC1CC,SAAS;IACTb,SAAS,EAAGA;IACZ;IAAA;IACAF,KAAK,EAAG3B,OAAO,CAAED,EAAE,CAAE,iBAAkB,CAAC,EAAEU,UAAW;EAAG,CACxD,CAAC;AAEJ,CAAC;AAED,eAAeF,wBAAwB","ignoreList":[]}
+{"version":3,"names":["findNodeHandle","Platform","__","sprintf","switchToBlockType","Picker","useDispatch","store","noticesStore","blockEditorStore","jsx","_jsx","BlockTransformationsMenu","anchorNodeRef","blockTitle","pickerRef","possibleTransformations","selectedBlock","selectedBlockClientId","replaceBlocks","createSuccessNotice","pickerOptions","_selectedBlock$name","selectedBlockName","name","blocksThatSplitWhenTransformed","map","item","label","length","includes","id","title","value","getAnchor","undefined","onPickerSelect","selectedItem","find","successNotice","testID","ref","options","onChange","hideCancelButton","OS","leftAlign"],"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\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":"AAAA;AACA;AACA;AACA,SAASA,cAAc,EAAEC,QAAQ,QAAQ,cAAc;;AAEvD;AACA;AACA;AACA,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,wBAAwB,GAAGA,CAAE;EAClCC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,uBAAuB;EACvBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAc,CAAC,GAAGb,WAAW,CAAEG,gBAAiB,CAAC;EACzD,MAAM;IAAEW;EAAoB,CAAC,GAAGd,WAAW,CAAEE,YAAa,CAAC;EAE3D,MAAMa,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,mBAAA;IAC3B,MAAMC,iBAAiB,IAAAD,mBAAA,GAAGL,aAAa,EAAEO,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,OAAOT,uBAAuB,CAACU,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,KACjBrB,aAAa,GAAGb,cAAc,CAAEa,aAAc,CAAC,GAAGsB,SAAS;EAE5D,SAASC,cAAcA,CAAEH,KAAK,EAAG;IAChCd,aAAa,CACZD,qBAAqB,EACrBd,iBAAiB,CAAEa,aAAa,EAAEgB,KAAM,CACzC,CAAC;IAED,MAAMI,YAAY,GAAGhB,aAAa,CAAC,CAAC,CAACiB,IAAI,CACtCX,IAAI,IAAMA,IAAI,CAACM,KAAK,KAAKA,KAC5B,CAAC;IACD,MAAMM,aAAa,GAAGpC,OAAO,EAC5B;IACAD,EAAE,CAAE,0BAA2B,CAAC,EAChCY,UAAU,EACVuB,YAAY,CAACT,KACd,CAAC;IACDR,mBAAmB,CAAEmB,aAAc,CAAC;EACrC;EAEA,oBACC5B,IAAA,CAACN,MAAM;IACNmC,MAAM,EAAC,4BAA4B;IACnCC,GAAG,EAAG1B,SAAW;IACjB2B,OAAO,EAAGrB,aAAa,CAAC,CAAG;IAC3BsB,QAAQ,EAAGP,cAAgB;IAC3BQ,gBAAgB,EAAG3C,QAAQ,CAAC4C,EAAE,KAAK,KAAO;IAC1CC,SAAS;IACTZ,SAAS,EAAGA;IACZ;IAAA;IACAF,KAAK,EAAG7B,OAAO,CAAED,EAAE,CAAE,iBAAkB,CAAC,EAAEY,UAAW;EAAG,CACxD,CAAC;AAEJ,CAAC;AAED,eAAeF,wBAAwB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,9 @@ import { useState, useMemo } from '@wordpress/element';
 import { store as blockEditorStore } from '../../store';
 import BlockIcon from '../block-icon';
 import PreviewBlockPopover from './preview-block-popover';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const EMPTY_OBJECT = {};
 export function useBlockVariationTransforms({
   clientIds,
@@ -56,16 +58,17 @@ const BlockVariationTransformations = ({
   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
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [hoveredTransformItemName && /*#__PURE__*/_jsx(PreviewBlockPopover, {
+      blocks: cloneBlock(blocks[0], transformations.find(({
+        name
+      }) => name === hoveredTransformItemName).attributes)
+    }), transformations?.map(item => /*#__PURE__*/_jsx(BlockVariationTranformationItem, {
+      item: item,
+      onSelect: onSelect,
+      setHoveredTransformItemName: setHoveredTransformItemName
+    }, item.name))]
+  });
 };
 function BlockVariationTranformationItem({
   item,
@@ -77,18 +80,19 @@ function BlockVariationTranformationItem({
     icon,
     title
   } = item;
-  return createElement(MenuItem, {
+  return /*#__PURE__*/_jsxs(MenuItem, {
     className: getBlockMenuDefaultClassName(name),
     onClick: event => {
       event.preventDefault();
       onSelect(name);
     },
     onMouseLeave: () => setHoveredTransformItemName(null),
-    onMouseEnter: () => setHoveredTransformItemName(name)
-  }, createElement(BlockIcon, {
-    icon: icon,
-    showColors: true
-  }), title);
+    onMouseEnter: () => setHoveredTransformItemName(name),
+    children: [/*#__PURE__*/_jsx(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

@@ -1 +1 @@
-{"version":3,"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","createElement","Fragment","find","attributes","map","item","BlockVariationTranformationItem","key","icon","title","className","onClick","event","preventDefault","onMouseLeave","onMouseEnter","showColors"],"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":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SACCC,4BAA4B,EAC5BC,UAAU,EACVC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA,SAASJ,KAAK,IAAIK,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,mBAAmB,MAAM,yBAAyB;AAEzD,MAAMC,YAAY,GAAG,CAAC,CAAC;AAEvB,OAAO,SAASC,2BAA2BA,CAAE;EAAEC,SAAS;EAAEC;AAAO,CAAC,EAAG;EACpE,MAAM;IAAEC,oBAAoB;IAAEC;EAA8B,CAAC,GAAGX,SAAS,CACtEY,MAAM,IAAM;IACb,MAAM;MACLC,oBAAoB;MACpBC,kBAAkB;MAClBC;IACD,CAAC,GAAGH,MAAM,CAAET,gBAAiB,CAAC;IAC9B,MAAM;MAAEa,uBAAuB;MAAEC;IAAmB,CAAC,GACpDL,MAAM,CAAEb,WAAY,CAAC;IACtB,MAAMmB,YAAY,GAAGL,oBAAoB,CACxCM,KAAK,CAACC,OAAO,CAAEZ,SAAU,CAAC,GAAGA,SAAS,CAAE,CAAC,CAAE,GAAGA,SAC/C,CAAC;IACD,MAAMa,SAAS,GAAGN,eAAe,CAAEP,SAAS,EAAEU,YAAa,CAAC;IAC5D;IACA,IAAKT,MAAM,CAACa,MAAM,KAAK,CAAC,IAAI,CAAED,SAAS,EAAG;MACzC,OAAOf,YAAY;IACpB;IACA,MAAM,CAAEiB,UAAU,CAAE,GAAGd,MAAM;IAC7B,OAAO;MACNE,6BAA6B,EAAEM,kBAAkB,CAChDM,UAAU,CAACC,IAAI,EACf,WACD,CAAC;MACDd,oBAAoB,EAAEM,uBAAuB,CAC5CO,UAAU,CAACC,IAAI,EACfV,kBAAkB,CAAES,UAAU,CAACE,QAAS,CACzC;IACD,CAAC;EACF,CAAC,EACD,CAAEjB,SAAS,EAAEC,MAAM,CACpB,CAAC;EACD,MAAMiB,eAAe,GAAGxB,OAAO,CAAE,MAAM;IACtC,OAAOS,6BAA6B,EAAEgB,MAAM,CAC3C,CAAE;MAAEH;IAAK,CAAC,KAAMA,IAAI,KAAKd,oBAAoB,EAAEc,IAChD,CAAC;EACF,CAAC,EAAE,CAAEb,6BAA6B,EAAED,oBAAoB,CAAG,CAAC;EAC5D,OAAOgB,eAAe;AACvB;AAEA,MAAME,6BAA6B,GAAGA,CAAE;EACvCF,eAAe;EACfG,QAAQ;EACRpB;AACD,CAAC,KAAM;EACN,MAAM,CAAEqB,wBAAwB,EAAEC,2BAA2B,CAAE,GAC9D9B,QAAQ,CAAC,CAAC;EACX,OACC+B,aAAA,CAAAC,QAAA,QACGH,wBAAwB,IACzBE,aAAA,CAAC3B,mBAAmB;IACnBI,MAAM,EAAGZ,UAAU,CAClBY,MAAM,CAAE,CAAC,CAAE,EACXiB,eAAe,CAACQ,IAAI,CACnB,CAAE;MAAEV;IAAK,CAAC,KAAMA,IAAI,KAAKM,wBAC1B,CAAC,CAACK,UACH;EAAG,CACH,CACD,EACCT,eAAe,EAAEU,GAAG,CAAIC,IAAI,IAC7BL,aAAA,CAACM,+BAA+B;IAC/BC,GAAG,EAAGF,IAAI,CAACb,IAAM;IACjBa,IAAI,EAAGA,IAAM;IACbR,QAAQ,EAAGA,QAAU;IACrBE,2BAA2B,EAAGA;EAA6B,CAC3D,CACA,CACD,CAAC;AAEL,CAAC;AAED,SAASO,+BAA+BA,CAAE;EACzCD,IAAI;EACJR,QAAQ;EACRE;AACD,CAAC,EAAG;EACH,MAAM;IAAEP,IAAI;IAAEgB,IAAI;IAAEC;EAAM,CAAC,GAAGJ,IAAI;EAClC,OACCL,aAAA,CAACrC,QAAQ;IACR+C,SAAS,EAAG9C,4BAA4B,CAAE4B,IAAK,CAAG;IAClDmB,OAAO,EAAKC,KAAK,IAAM;MACtBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBhB,QAAQ,CAAEL,IAAK,CAAC;IACjB,CAAG;IACHsB,YAAY,EAAGA,CAAA,KAAMf,2BAA2B,CAAE,IAAK,CAAG;IAC1DgB,YAAY,EAAGA,CAAA,KAAMhB,2BAA2B,CAAEP,IAAK;EAAG,GAE1DQ,aAAA,CAAC5B,SAAS;IAACoC,IAAI,EAAGA,IAAM;IAACQ,UAAU;EAAA,CAAE,CAAC,EACpCP,KACO,CAAC;AAEb;AAEA,eAAeb,6BAA6B","ignoreList":[]}
+{"version":3,"names":["MenuItem","getBlockMenuDefaultClassName","cloneBlock","store","blocksStore","useSelect","useState","useMemo","blockEditorStore","BlockIcon","PreviewBlockPopover","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","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","children","find","attributes","map","item","BlockVariationTranformationItem","icon","title","className","onClick","event","preventDefault","onMouseLeave","onMouseEnter","showColors"],"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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -18,6 +17,9 @@ 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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function BlockSwitcherDropdownMenuContents({
   onClose,
   clientIds,
@@ -88,36 +90,38 @@ function BlockSwitcherDropdownMenuContents({
   const hasBlockOrBlockVariationTransforms = hasPossibleBlockTransformations || hasPossibleBlockVariationTransformations;
   const hasContents = hasBlockStyles || hasBlockOrBlockVariationTransforms || hasPatternTransformation;
   if (!hasContents) {
-    return createElement("p", {
-      className: "block-editor-block-switcher__no-transforms"
-    }, __('No transforms.'));
+    return /*#__PURE__*/_jsx("p", {
+      className: "block-editor-block-switcher__no-transforms",
+      children: __('No transforms.')
+    });
   }
-  return 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
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "block-editor-block-switcher__container",
+    children: [hasPatternTransformation && /*#__PURE__*/_jsx(PatternTransformationsMenu, {
+      blocks: blocks,
+      patterns: patterns,
+      onSelect: transformedBlocks => {
+        onPatternTransform(transformedBlocks);
+        onClose();
+      }
+    }), hasBlockOrBlockVariationTransforms && /*#__PURE__*/_jsx(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 && /*#__PURE__*/_jsx(BlockStylesMenu, {
+      hoveredBlock: blocks[0],
+      onSwitch: onClose
+    })]
+  });
 }
 export const BlockSwitcher = ({
   clientIds,
@@ -186,49 +190,62 @@ export const BlockSwitcher = ({
   const blockSwitcherLabel = isSingleBlock ? blockTitle : __('Multiple blocks selected');
   const hideDropdown = disabled || !hasBlockStyles && !canRemove;
   if (hideDropdown) {
-    return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-      disabled: true,
-      className: "block-editor-block-switcher__no-switcher-icon",
-      title: blockSwitcherLabel,
-      icon: createElement(Fragment, null, createElement(BlockIcon, {
-        icon: icon,
-        showColors: true
-      }), (isReusable || isTemplate) && createElement("span", {
-        className: "block-editor-block-switcher__toggle-text"
-      }, blockTitle))
-    }));
+    return /*#__PURE__*/_jsx(ToolbarGroup, {
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        disabled: true,
+        className: "block-editor-block-switcher__no-switcher-icon",
+        title: blockSwitcherLabel,
+        icon: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(BlockIcon, {
+            icon: icon,
+            showColors: true
+          }), (isReusable || isTemplate) && /*#__PURE__*/_jsx("span", {
+            className: "block-editor-block-switcher__toggle-text",
+            children: blockTitle
+          })]
+        })
+      })
+    });
   }
   const blockSwitcherDescription = isSingleBlock ? __('Change block type or style') : sprintf( /* translators: %d: number of blocks. */
   _n('Change type of %d block', 'Change type of %d blocks', clientIds.length), clientIds.length);
-  return createElement(ToolbarGroup, null, createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {
-    className: "block-editor-block-switcher",
-    label: blockSwitcherLabel,
-    popoverProps: {
-      placement: 'bottom-start',
-      className: 'block-editor-block-switcher__popover'
-    },
-    icon: createElement(Fragment, null, createElement(BlockIcon, {
-      icon: icon,
-      className: "block-editor-block-switcher__toggle",
-      showColors: true
-    }), (isReusable || isTemplate) && createElement("span", {
-      className: "block-editor-block-switcher__toggle-text"
-    }, blockTitle)),
-    toggleProps: {
-      describedBy: blockSwitcherDescription,
-      ...toggleProps
-    },
-    menuProps: {
-      orientation: 'both'
-    }
-  }, ({
-    onClose
-  }) => createElement(BlockSwitcherDropdownMenuContents, {
-    onClose: onClose,
-    clientIds: clientIds,
-    hasBlockStyles: hasBlockStyles,
-    canRemove: canRemove
-  }))));
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    children: /*#__PURE__*/_jsx(ToolbarItem, {
+      children: toggleProps => /*#__PURE__*/_jsx(DropdownMenu, {
+        className: "block-editor-block-switcher",
+        label: blockSwitcherLabel,
+        popoverProps: {
+          placement: 'bottom-start',
+          className: 'block-editor-block-switcher__popover'
+        },
+        icon: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(BlockIcon, {
+            icon: icon,
+            className: "block-editor-block-switcher__toggle",
+            showColors: true
+          }), (isReusable || isTemplate) && /*#__PURE__*/_jsx("span", {
+            className: "block-editor-block-switcher__toggle-text",
+            children: blockTitle
+          })]
+        }),
+        toggleProps: {
+          describedBy: blockSwitcherDescription,
+          ...toggleProps
+        },
+        menuProps: {
+          orientation: 'both'
+        },
+        children: ({
+          onClose
+        }) => /*#__PURE__*/_jsx(BlockSwitcherDropdownMenuContents, {
+          onClose: onClose,
+          clientIds: clientIds,
+          hasBlockStyles: hasBlockStyles,
+          canRemove: canRemove
+        })
+      })
+    })
+  });
 };
 export default BlockSwitcher;
 //# sourceMappingURL=index.js.map