@wordpress/block-editor 12.26.0 → 13.0.0

package/build/components/inserter-button/index.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
@@ -14,6 +13,7 @@ var _i18n = require("@wordpress/i18n");
 var _blockIcon = require("../block-icon");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _sparkles = _interopRequireDefault(require("./sparkles"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -58,34 +58,39 @@ class MenuItem extends _element.Component {
     // translators: Block name. %s: The localized block name
     (0, _i18n.__)('%s block');
     const accessibilityLabel = (0, _i18n.sprintf)(accessibilityLabelFormat, item.title);
-    return (0, _react.createElement)(_reactNative.TouchableHighlight, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {
       style: [_style.default.touchableArea, item.isDisabled ? _style.default.disabled : null],
       underlayColor: "transparent",
       activeOpacity: 0.5,
       accessibilityRole: "button",
       accessibilityLabel: accessibilityLabel,
       onPress: this.onPress,
-      disabled: item.isDisabled
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: [_style.default.modalItem, {
-        width: maxWidth
-      }]
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: [modalIconWrapperStyle, itemWidth && {
-        width: itemWidth
-      }, isClipboardBlock && clipboardBlockStyles]
-    }, blockIsNew && (0, _react.createElement)(_components.Icon, {
-      icon: _sparkles.default,
-      style: _style.default.newIndicator
-    }), (0, _react.createElement)(_reactNative.View, {
-      style: modalIconStyle
-    }, (0, _react.createElement)(_blockIcon.BlockIcon, {
-      icon: item.icon,
-      size: modalIconStyle.width
-    }))), (0, _react.createElement)(_reactNative.Text, {
-      numberOfLines: 3,
-      style: modalItemLabelStyle
-    }, blockTitle)));
+      disabled: item.isDisabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [_style.default.modalItem, {
+          width: maxWidth
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [modalIconWrapperStyle, itemWidth && {
+            width: itemWidth
+          }, isClipboardBlock && clipboardBlockStyles],
+          children: [blockIsNew && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+            icon: _sparkles.default,
+            style: _style.default.newIndicator
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: modalIconStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.BlockIcon, {
+              icon: item.icon,
+              size: modalIconStyle.width
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          numberOfLines: 3,
+          style: modalItemLabelStyle,
+          children: blockTitle
+        })]
+      })
+    });
   }
 }
 const InserterButton = (0, _compose.withPreferredColorScheme)(MenuItem);

package/build/components/inserter-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_components","_compose","_i18n","_blockIcon","_style","_interopRequireDefault","_sparkles","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","_react","createElement","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_element","_components","_compose","_i18n","_blockIcon","_style","_interopRequireDefault","_sparkles","_jsxRuntime","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","jsx","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","children","jsxs","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter-button/sparkles.js

@@ -4,19 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-const sparkles = (0, _react.createElement)(_components.SVG, {
+const sparkles = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
   viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, (0, _react.createElement)(_components.Path, {
-  d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
-  fill: "#F0C930"
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
+    d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
+    fill: "#F0C930"
+  })
+});
 var _default = exports.default = sparkles;
 //# sourceMappingURL=sparkles.js.map

package/build/components/inserter-button/sparkles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","sparkles","_react","createElement","SVG","viewBox","fill","xmlns","Path","d","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,QAAQ,GACb,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtE,IAAAL,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAS,IAAI;EACJC,CAAC,EAAC,k8BAAk8B;EACp8BH,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaX,QAAQ","ignoreList":[]}
+{"version":3,"names":["_components","require","_jsxRuntime","sparkles","jsx","SVG","viewBox","fill","xmlns","children","Path","d","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAAkD,IAAAC,WAAA,GAAAD,OAAA;AAHlD;AACA;AACA;;AAGA,MAAME,QAAQ,gBACb,IAAAD,WAAA,CAAAE,GAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,eACtE,IAAAP,WAAA,CAAAE,GAAA,EAACJ,WAAA,CAAAU,IAAI;IACJC,CAAC,EAAC,k8BAAk8B;IACp8BJ,IAAI,EAAC;EAAS,CACd;AAAC,CACE,CACL;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaX,QAAQ","ignoreList":[]}

package/build/components/inserter-draggable-blocks/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -13,6 +12,7 @@ var _draggableChip = _interopRequireDefault(require("../block-draggable/draggabl
 var _utils = require("../inserter/block-patterns-tab/utils");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -42,7 +42,7 @@ const InserterDraggableBlocks = ({
     startDragging,
     stopDragging
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  return (0, _react.createElement)(_components.Draggable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Draggable, {
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
@@ -55,20 +55,21 @@ const InserterDraggableBlocks = ({
     onDragEnd: () => {
       stopDragging();
     },
-    __experimentalDragComponent: (0, _react.createElement)(_draggableChip.default, {
+    __experimentalDragComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draggableChip.default, {
       count: blocks.length,
       icon: icon || !pattern && blockTypeIcon,
       isPattern: !!pattern
-    })
-  }, ({
-    onDraggableStart,
-    onDraggableEnd
-  }) => {
-    return children({
-      draggable: isEnabled,
-      onDragStart: isEnabled ? onDraggableStart : undefined,
-      onDragEnd: isEnabled ? onDraggableEnd : undefined
-    });
+    }),
+    children: ({
+      onDraggableStart,
+      onDraggableEnd
+    }) => {
+      return children({
+        draggable: isEnabled,
+        onDragStart: isEnabled ? onDraggableStart : undefined,
+        onDragEnd: isEnabled ? onDraggableEnd : undefined
+      });
+    }
   });
 };
 var _default = exports.default = InserterDraggableBlocks;

package/build/components/inserter-draggable-blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","_utils","_store","_lockUnlock","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","startDragging","stopDragging","unlock","useDispatch","blockEditorStore","_react","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","parsedBlocks","INSERTER_PATTERN_TYPES","user","syncStatus","createBlock","ref","id","dataTransfer","setData","serialize","onDragEnd","__experimentalDragComponent","default","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport {\n\tcreateBlock,\n\tserialize,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst parsedBlocks =\n\t\t\t\t\tpattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t\t\t\t: blocks;\n\t\t\t\tevent.dataTransfer.setData(\n\t\t\t\t\t'text/html',\n\t\t\t\t\tserialize( parsedBlocks )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAjBA;AACA;AACA;;AASA;AACA;AACA;;AAMA,MAAMQ,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEa,aAAa;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAM,EAC7C,IAAAC,iBAAW,EAAEC,YAAiB,CAC/B,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC9B,WAAA,CAAA+B,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CjB,YAAY,EAAGA,YAAc;IAC7BkB,WAAW,EAAKC,KAAK,IAAM;MAC1BV,aAAa,CAAC,CAAC;MACf,MAAMW,YAAY,GACjBrB,OAAO,EAAEE,IAAI,KAAKoB,6BAAsB,CAACC,IAAI,IAC7CvB,OAAO,EAAEwB,UAAU,KAAK,UAAU,GAC/B,CAAE,IAAAC,mBAAW,EAAE,YAAY,EAAE;QAAEC,GAAG,EAAE1B,OAAO,CAAC2B;MAAG,CAAE,CAAC,CAAE,GACpD9B,MAAM;MACVuB,KAAK,CAACQ,YAAY,CAACC,OAAO,CACzB,WAAW,EACX,IAAAC,iBAAS,EAAET,YAAa,CACzB,CAAC;IACF,CAAG;IACHU,SAAS,EAAGA,CAAA,KAAM;MACjBpB,YAAY,CAAC,CAAC;IACf,CAAG;IACHqB,2BAA2B,EAC1B,IAAAjB,MAAA,CAAAC,aAAA,EAAC1B,cAAA,CAAA2C,OAAkB;MAClBC,KAAK,EAAGrC,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CgC,SAAS,EAAG,CAAC,CAAEnC;IAAS,CACxB;EACD,GAEC,CAAE;IAAEoC,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOtC,QAAQ,CAAE;MAChBuC,SAAS,EAAE1C,SAAS;MACpBuB,WAAW,EAAEvB,SAAS,GAAGwC,gBAAgB,GAAGG,SAAS;MACrDR,SAAS,EAAEnC,SAAS,GAAGyC,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEatC,uBAAuB","ignoreList":[]}
+{"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","_utils","_store","_lockUnlock","_jsxRuntime","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","startDragging","stopDragging","unlock","useDispatch","blockEditorStore","jsx","Draggable","__experimentalTransferDataType","onDragStart","event","parsedBlocks","INSERTER_PATTERN_TYPES","user","syncStatus","createBlock","ref","id","dataTransfer","setData","serialize","onDragEnd","__experimentalDragComponent","default","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport {\n\tcreateBlock,\n\tserialize,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst parsedBlocks =\n\t\t\t\t\tpattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t\t\t\t: blocks;\n\t\t\t\tevent.dataTransfer.setData(\n\t\t\t\t\t'text/html',\n\t\t\t\t\tserialize( parsedBlocks )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAA2C,IAAAQ,WAAA,GAAAR,OAAA;AAjB3C;AACA;AACA;;AASA;AACA;AACA;;AAMA,MAAMS,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEa,aAAa;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAM,EAC7C,IAAAC,iBAAW,EAAEC,YAAiB,CAC/B,CAAC;EAED,oBACC,IAAApB,WAAA,CAAAqB,GAAA,EAAC9B,WAAA,CAAA+B,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1ChB,YAAY,EAAGA,YAAc;IAC7BiB,WAAW,EAAKC,KAAK,IAAM;MAC1BT,aAAa,CAAC,CAAC;MACf,MAAMU,YAAY,GACjBpB,OAAO,EAAEE,IAAI,KAAKmB,6BAAsB,CAACC,IAAI,IAC7CtB,OAAO,EAAEuB,UAAU,KAAK,UAAU,GAC/B,CAAE,IAAAC,mBAAW,EAAE,YAAY,EAAE;QAAEC,GAAG,EAAEzB,OAAO,CAAC0B;MAAG,CAAE,CAAC,CAAE,GACpD7B,MAAM;MACVsB,KAAK,CAACQ,YAAY,CAACC,OAAO,CACzB,WAAW,EACX,IAAAC,iBAAS,EAAET,YAAa,CACzB,CAAC;IACF,CAAG;IACHU,SAAS,EAAGA,CAAA,KAAM;MACjBnB,YAAY,CAAC,CAAC;IACf,CAAG;IACHoB,2BAA2B,eAC1B,IAAArC,WAAA,CAAAqB,GAAA,EAAC1B,cAAA,CAAA2C,OAAkB;MAClBC,KAAK,EAAGpC,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/C+B,SAAS,EAAG,CAAC,CAAElC;IAAS,CACxB,CACD;IAAAD,QAAA,EAECA,CAAE;MAAEoC,gBAAgB;MAAEC;IAAe,CAAC,KAAM;MAC7C,OAAOrC,QAAQ,CAAE;QAChBsC,SAAS,EAAEzC,SAAS;QACpBsB,WAAW,EAAEtB,SAAS,GAAGuC,gBAAgB,GAAGG,SAAS;QACrDR,SAAS,EAAElC,SAAS,GAAGwC,cAAc,GAAGE;MACzC,CAAE,CAAC;IACJ;EAAC,CACS,CAAC;AAEd,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEarC,uBAAuB","ignoreList":[]}

package/build/components/inserter-list-item/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
@@ -14,6 +13,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _inserterListbox = require("../inserter-listbox");
 var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-draggable-blocks"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -42,70 +42,76 @@ function InserterListItem({
   } : {};
   const blocks = (0, _element.useMemo)(() => [(0, _blocks.createBlock)(item.name, item.initialAttributes, (0, _blocks.createBlocksFromInnerBlocksTemplate)(item.innerBlocks))], [item.name, item.initialAttributes, item.innerBlocks]);
   const isSynced = (0, _blocks.isReusableBlock)(item) && item.syncStatus !== 'unsynced' || (0, _blocks.isTemplatePart)(item);
-  return (0, _react.createElement)(_inserterDraggableBlocks.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterDraggableBlocks.default, {
     isEnabled: isDraggable && !item.isDisabled,
     blocks: blocks,
-    icon: item.icon
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('block-editor-block-types-list__list-item', {
-      'is-synced': isSynced
-    }),
-    draggable: draggable,
-    onDragStart: event => {
-      isDragging.current = true;
-      if (onDragStart) {
-        onHover(null);
-        onDragStart(event);
-      }
-    },
-    onDragEnd: event => {
-      isDragging.current = false;
-      if (onDragEnd) {
-        onDragEnd(event);
-      }
-    }
-  }, (0, _react.createElement)(_inserterListbox.InserterListboxItem, {
-    isFirst: isFirst,
-    className: (0, _clsx.default)('block-editor-block-types-list__item', className),
-    disabled: item.isDisabled,
-    onClick: event => {
-      event.preventDefault();
-      onSelect(item, (0, _keycodes.isAppleOS)() ? event.metaKey : event.ctrlKey);
-      onHover(null);
-    },
-    onKeyDown: event => {
-      const {
-        keyCode
-      } = event;
-      if (keyCode === _keycodes.ENTER) {
-        event.preventDefault();
-        onSelect(item, (0, _keycodes.isAppleOS)() ? event.metaKey : event.ctrlKey);
-        onHover(null);
-      }
-    },
-    onMouseEnter: () => {
-      if (isDragging.current) {
-        return;
-      }
-      onHover(item);
-    },
-    onMouseLeave: () => onHover(null),
-    ...props
-  }, (0, _react.createElement)("span", {
-    className: "block-editor-block-types-list__item-icon",
-    style: itemIconStyle
-  }, (0, _react.createElement)(_blockIcon.default, {
     icon: item.icon,
-    showColors: true
-  })), (0, _react.createElement)("span", {
-    className: "block-editor-block-types-list__item-title"
-  }, (0, _react.createElement)(_components.__experimentalTruncate, {
-    numberOfLines: 3
-  }, item.title)))));
+    children: ({
+      draggable,
+      onDragStart,
+      onDragEnd
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)('block-editor-block-types-list__list-item', {
+        'is-synced': isSynced
+      }),
+      draggable: draggable,
+      onDragStart: event => {
+        isDragging.current = true;
+        if (onDragStart) {
+          onHover(null);
+          onDragStart(event);
+        }
+      },
+      onDragEnd: event => {
+        isDragging.current = false;
+        if (onDragEnd) {
+          onDragEnd(event);
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_inserterListbox.InserterListboxItem, {
+        isFirst: isFirst,
+        className: (0, _clsx.default)('block-editor-block-types-list__item', className),
+        disabled: item.isDisabled,
+        onClick: event => {
+          event.preventDefault();
+          onSelect(item, (0, _keycodes.isAppleOS)() ? event.metaKey : event.ctrlKey);
+          onHover(null);
+        },
+        onKeyDown: event => {
+          const {
+            keyCode
+          } = event;
+          if (keyCode === _keycodes.ENTER) {
+            event.preventDefault();
+            onSelect(item, (0, _keycodes.isAppleOS)() ? event.metaKey : event.ctrlKey);
+            onHover(null);
+          }
+        },
+        onMouseEnter: () => {
+          if (isDragging.current) {
+            return;
+          }
+          onHover(item);
+        },
+        onMouseLeave: () => onHover(null),
+        ...props,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "block-editor-block-types-list__item-icon",
+          style: itemIconStyle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
+            icon: item.icon,
+            showColors: true
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "block-editor-block-types-list__item-title",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
+            numberOfLines: 3,
+            children: item.title
+          })
+        })]
+      })
+    })
+  });
 }
 var _default = exports.default = (0, _element.memo)(InserterListItem);
 //# sourceMappingURL=index.js.map

package/build/components/inserter-list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_blocks","_components","_keycodes","_blockIcon","_inserterListbox","_inserterDraggableBlocks","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","useRef","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","useMemo","createBlock","name","initialAttributes","createBlocksFromInnerBlocksTemplate","innerBlocks","isSynced","isReusableBlock","syncStatus","isTemplatePart","_react","createElement","default","isEnabled","isDisabled","draggable","onDragStart","onDragEnd","clsx","event","current","InserterListboxItem","disabled","onClick","preventDefault","isAppleOS","metaKey","ctrlKey","onKeyDown","keyCode","ENTER","onMouseEnter","onMouseLeave","style","showColors","__experimentalTruncate","numberOfLines","title","_default","exports","memo"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDragging = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo(\n\t\t() => [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t],\n\t\t[ item.name, item.initialAttributes, item.innerBlocks ]\n\t);\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.isDisabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDragging.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAR,sBAAA,CAAAC,OAAA;AAvBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAKA,SAASQ,gBAAgBA,CAAE;EAC1BC,SAAS;EACTC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,eAAM,EAAE,KAAM,CAAC;EAClC,MAAMC,aAAa,GAAGP,IAAI,CAACQ,IAAI,GAC5B;IACAC,eAAe,EAAET,IAAI,CAACQ,IAAI,CAACE,UAAU;IACrCC,KAAK,EAAEX,IAAI,CAACQ,IAAI,CAACI;EACjB,CAAC,GACD,CAAC,CAAC;EACL,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CACL,IAAAC,mBAAW,EACVf,IAAI,CAACgB,IAAI,EACThB,IAAI,CAACiB,iBAAiB,EACtB,IAAAC,2CAAmC,EAAElB,IAAI,CAACmB,WAAY,CACvD,CAAC,CACD,EACD,CAAEnB,IAAI,CAACgB,IAAI,EAAEhB,IAAI,CAACiB,iBAAiB,EAAEjB,IAAI,CAACmB,WAAW,CACtD,CAAC;EAED,MAAMC,QAAQ,GACX,IAAAC,uBAAe,EAAErB,IAAK,CAAC,IAAIA,IAAI,CAACsB,UAAU,KAAK,UAAU,IAC3D,IAAAC,sBAAc,EAAEvB,IAAK,CAAC;EAEvB,OACC,IAAAwB,MAAA,CAAAC,aAAA,EAAC7B,wBAAA,CAAA8B,OAAuB;IACvBC,SAAS,EAAGxB,WAAW,IAAI,CAAEH,IAAI,CAAC4B,UAAY;IAC9Cf,MAAM,EAAGA,MAAQ;IACjBL,IAAI,EAAGR,IAAI,CAACQ;EAAM,GAEhB,CAAE;IAAEqB,SAAS;IAAEC,WAAW;IAAEC;EAAU,CAAC,KACxC,IAAAP,MAAA,CAAAC,aAAA;IACC3B,SAAS,EAAG,IAAAkC,aAAI,EACf,0CAA0C,EAC1C;MACC,WAAW,EAAEZ;IACd,CACD,CAAG;IACHS,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAKG,KAAK,IAAM;MAC1B5B,UAAU,CAAC6B,OAAO,GAAG,IAAI;MACzB,IAAKJ,WAAW,EAAG;QAClB5B,OAAO,CAAE,IAAK,CAAC;QACf4B,WAAW,CAAEG,KAAM,CAAC;MACrB;IACD,CAAG;IACHF,SAAS,EAAKE,KAAK,IAAM;MACxB5B,UAAU,CAAC6B,OAAO,GAAG,KAAK;MAC1B,IAAKH,SAAS,EAAG;QAChBA,SAAS,CAAEE,KAAM,CAAC;MACnB;IACD;EAAG,GAEH,IAAAT,MAAA,CAAAC,aAAA,EAAC9B,gBAAA,CAAAwC,mBAAmB;IACnBpC,OAAO,EAAGA,OAAS;IACnBD,SAAS,EAAG,IAAAkC,aAAI,EACf,qCAAqC,EACrClC,SACD,CAAG;IACHsC,QAAQ,EAAGpC,IAAI,CAAC4B,UAAY;IAC5BS,OAAO,EAAKJ,KAAK,IAAM;MACtBA,KAAK,CAACK,cAAc,CAAC,CAAC;MACtBrC,QAAQ,CACPD,IAAI,EACJ,IAAAuC,mBAAS,EAAC,CAAC,GAAGN,KAAK,CAACO,OAAO,GAAGP,KAAK,CAACQ,OACrC,CAAC;MACDvC,OAAO,CAAE,IAAK,CAAC;IAChB,CAAG;IACHwC,SAAS,EAAKT,KAAK,IAAM;MACxB,MAAM;QAAEU;MAAQ,CAAC,GAAGV,KAAK;MACzB,IAAKU,OAAO,KAAKC,eAAK,EAAG;QACxBX,KAAK,CAACK,cAAc,CAAC,CAAC;QACtBrC,QAAQ,CACPD,IAAI,EACJ,IAAAuC,mBAAS,EAAC,CAAC,GAAGN,KAAK,CAACO,OAAO,GAAGP,KAAK,CAACQ,OACrC,CAAC;QACDvC,OAAO,CAAE,IAAK,CAAC;MAChB;IACD,CAAG;IACH2C,YAAY,EAAGA,CAAA,KAAM;MACpB,IAAKxC,UAAU,CAAC6B,OAAO,EAAG;QACzB;MACD;MACAhC,OAAO,CAAEF,IAAK,CAAC;IAChB,CAAG;IACH8C,YAAY,EAAGA,CAAA,KAAM5C,OAAO,CAAE,IAAK,CAAG;IAAA,GACjCE;EAAK,GAEV,IAAAoB,MAAA,CAAAC,aAAA;IACC3B,SAAS,EAAC,0CAA0C;IACpDiD,KAAK,EAAGxC;EAAe,GAEvB,IAAAiB,MAAA,CAAAC,aAAA,EAAC/B,UAAA,CAAAgC,OAAS;IAAClB,IAAI,EAAGR,IAAI,CAACQ,IAAM;IAACwC,UAAU;EAAA,CAAE,CACrC,CAAC,EACP,IAAAxB,MAAA,CAAAC,aAAA;IAAM3B,SAAS,EAAC;EAA2C,GAC1D,IAAA0B,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAyD,sBAAQ;IAACC,aAAa,EAAG;EAAG,GAC1BlD,IAAI,CAACmD,KACE,CACL,CACc,CACjB,CAEkB,CAAC;AAE5B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEc,IAAA4B,aAAI,EAAEzD,gBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_blocks","_components","_keycodes","_blockIcon","_inserterListbox","_inserterDraggableBlocks","_jsxRuntime","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","useRef","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","useMemo","createBlock","name","initialAttributes","createBlocksFromInnerBlocksTemplate","innerBlocks","isSynced","isReusableBlock","syncStatus","isTemplatePart","jsx","default","isEnabled","isDisabled","children","draggable","onDragStart","onDragEnd","clsx","event","current","jsxs","InserterListboxItem","disabled","onClick","preventDefault","isAppleOS","metaKey","ctrlKey","onKeyDown","keyCode","ENTER","onMouseEnter","onMouseLeave","style","showColors","__experimentalTruncate","numberOfLines","title","_default","exports","memo"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDragging = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo(\n\t\t() => [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t],\n\t\t[ item.name, item.initialAttributes, item.innerBlocks ]\n\t);\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.isDisabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDragging.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter-listbox/group.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _a11y = require("@wordpress/a11y");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,7 +19,7 @@ function InserterListboxGroup(props, ref) {
       (0, _a11y.speak)((0, _i18n.__)('Use left and right arrow keys to move through blocks'));
     }
   }, [shouldSpeak]);
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     role: "listbox",
     "aria-orientation": "horizontal",

package/build/components/inserter-listbox/group.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_a11y","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","useState","useEffect","speak","__","_react","createElement","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEzD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKH,WAAW,EAAG;MAClB,IAAAI,WAAK,EACJ,IAAAC,QAAE,EAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEL,WAAW,CAAG,CAAC;EAEpB,OACC,IAAAM,MAAA,CAAAC,aAAA;IACCR,GAAG,EAAGA,GAAK;IACXS,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfR,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHS,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BX,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAEtB,oBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_a11y","_jsxRuntime","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","useState","useEffect","speak","__","jsx","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AALxC;AACA;AACA;;AAKA,SAASI,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEzD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKH,WAAW,EAAG;MAClB,IAAAI,WAAK,EACJ,IAAAC,QAAE,EAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEL,WAAW,CAAG,CAAC;EAEpB,oBACC,IAAAJ,WAAA,CAAAU,GAAA;IACCP,GAAG,EAAGA,GAAK;IACXQ,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfP,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHQ,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BV,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAErB,oBAAqB,CAAC","ignoreList":[]}

package/build/components/inserter-listbox/index.js

@@ -23,9 +23,9 @@ Object.defineProperty(exports, "InserterListboxRow", {
   }
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 var _group = _interopRequireDefault(require("./group"));
 var _row = _interopRequireDefault(require("./row"));
 var _item = _interopRequireDefault(require("./item"));
@@ -48,10 +48,11 @@ function InserterListbox({
     focusShift: true,
     focusWrap: 'horizontal'
   });
-  return (0, _react.createElement)(Composite, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Composite, {
     store: store,
-    render: (0, _react.createElement)(_react.Fragment, null)
-  }, children);
+    render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}),
+    children: children
+  });
 }
 var _default = exports.default = InserterListbox;
 //# sourceMappingURL=index.js.map

package/build/components/inserter-listbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_lockUnlock","_group","_interopRequireDefault","_row","_item","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","InserterListbox","children","store","focusShift","focusWrap","_react","createElement","render","Fragment","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\tunlock( componentsPrivateApis );\n\nfunction InserterListbox( { children } ) {\n\tconst store = useCompositeStore( {\n\t\tfocusShift: true,\n\t\tfocusWrap: 'horizontal',\n\t} );\n\n\treturn (\n\t\t<Composite store={ store } render={ <></> }>\n\t\t\t{ children }\n\t\t</Composite>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,IAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,KAAA,GAAAF,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEM,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvE,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhC,SAASC,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,KAAK,GAAGL,iBAAiB,CAAE;IAChCM,UAAU,EAAE,IAAI;IAChBC,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,SAAS;IAACO,KAAK,EAAGA,KAAO;IAACK,MAAM,EAAG,IAAAF,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAG,QAAA,MAAI;EAAG,GACxCP,QACQ,CAAC;AAEd;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,eAAe","ignoreList":[]}
+{"version":3,"names":["_components","require","_lockUnlock","_jsxRuntime","_group","_interopRequireDefault","_row","_item","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","InserterListbox","children","store","focusShift","focusWrap","jsx","render","Fragment","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\tunlock( componentsPrivateApis );\n\nfunction InserterListbox( { children } ) {\n\tconst store = useCompositeStore( {\n\t\tfocusShift: true,\n\t\tfocusWrap: 'horizontal',\n\t} );\n\n\treturn (\n\t\t<Composite store={ store } render={ <></> }>\n\t\t\t{ children }\n\t\t</Composite>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAE3C,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,KAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEO,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvE,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhC,SAASC,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,KAAK,GAAGL,iBAAiB,CAAE;IAChCM,UAAU,EAAE,IAAI;IAChBC,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,oBACC,IAAAf,WAAA,CAAAgB,GAAA,EAACV,SAAS;IAACO,KAAK,EAAGA,KAAO;IAACI,MAAM,eAAG,IAAAjB,WAAA,CAAAgB,GAAA,EAAAhB,WAAA,CAAAkB,QAAA,IAAI,CAAG;IAAAN,QAAA,EACxCA;EAAQ,CACA,CAAC;AAEd;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcV,eAAe","ignoreList":[]}

package/build/components/inserter-listbox/item.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,7 +25,7 @@ function InserterListboxItem({
   children,
   ...props
 }, ref) {
-  return (0, _react.createElement)(CompositeItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeItem, {
     ref: ref,
     role: "option"
     // Use the CompositeItem `accessibleWhenDisabled` prop
@@ -40,16 +40,18 @@ function InserterListboxItem({
         tabIndex: isFirst ? 0 : htmlProps.tabIndex
       };
       if (Component) {
-        return (0, _react.createElement)(Component, {
-          ...propsWithTabIndex
-        }, children);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+          ...propsWithTabIndex,
+          children: children
+        });
       }
       if (typeof children === 'function') {
         return children(propsWithTabIndex);
       }
-      return (0, _react.createElement)(_components.Button, {
-        ...propsWithTabIndex
-      }, children);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        ...propsWithTabIndex,
+        children: children
+      });
     }
   });
 }

package/build/components/inserter-listbox/item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_lockUnlock","CompositeItemV2","CompositeItem","unlock","componentsPrivateApis","InserterListboxItem","isFirst","as","Component","children","props","ref","_react","createElement","role","accessibleWhenDisabled","render","htmlProps","propsWithTabIndex","tabIndex","Button","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `accessibleWhenDisabled` prop\n\t\t\t// over Button's `isFocusable`. The latter was shown to\n\t\t\t// cause an issue with tab order in the inserter list.\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...props }\n\t\t\trender={ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn <Button { ...propsWithTabIndex }>{ children }</Button>;\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEG,eAAe,EAAEC;AAAc,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAE1E,SAASC,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,aAAa;IACbS,GAAG,EAAGA,GAAK;IACXG,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,sBAAsB;IAAA,GACjBL,KAAK;IACVM,MAAM,EAAKC,SAAS,IAAM;MACzB,MAAMC,iBAAiB,GAAG;QACzB,GAAGD,SAAS;QACZE,QAAQ,EAAEb,OAAO,GAAG,CAAC,GAAGW,SAAS,CAACE;MACnC,CAAC;MACD,IAAKX,SAAS,EAAG;QAChB,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACL,SAAS;UAAA,GAAMU;QAAiB,GAC9BT,QACQ,CAAC;MAEd;MACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;QACrC,OAAOA,QAAQ,CAAES,iBAAkB,CAAC;MACrC;MACA,OAAO,IAAAN,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAuB,MAAM;QAAA,GAAMF;MAAiB,GAAKT,QAAkB,CAAC;IAC9D;EAAG,CACH,CAAC;AAEJ;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAEnB,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_lockUnlock","_jsxRuntime","CompositeItemV2","CompositeItem","unlock","componentsPrivateApis","InserterListboxItem","isFirst","as","Component","children","props","ref","jsx","role","accessibleWhenDisabled","render","htmlProps","propsWithTabIndex","tabIndex","Button","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `accessibleWhenDisabled` prop\n\t\t\t// over Button's `isFocusable`. The latter was shown to\n\t\t\t// cause an issue with tab order in the inserter list.\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...props }\n\t\t\trender={ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn <Button { ...propsWithTabIndex }>{ children }</Button>;\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAZ3C;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEI,eAAe,EAAEC;AAAc,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAE1E,SAASC,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,oBACC,IAAAX,WAAA,CAAAY,GAAA,EAACV,aAAa;IACbS,GAAG,EAAGA,GAAK;IACXE,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,sBAAsB;IAAA,GACjBJ,KAAK;IACVK,MAAM,EAAKC,SAAS,IAAM;MACzB,MAAMC,iBAAiB,GAAG;QACzB,GAAGD,SAAS;QACZE,QAAQ,EAAEZ,OAAO,GAAG,CAAC,GAAGU,SAAS,CAACE;MACnC,CAAC;MACD,IAAKV,SAAS,EAAG;QAChB,oBACC,IAAAR,WAAA,CAAAY,GAAA,EAACJ,SAAS;UAAA,GAAMS,iBAAiB;UAAAR,QAAA,EAC9BA;QAAQ,CACA,CAAC;MAEd;MACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;QACrC,OAAOA,QAAQ,CAAEQ,iBAAkB,CAAC;MACrC;MACA,oBAAO,IAAAjB,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAAuB,MAAM;QAAA,GAAMF,iBAAiB;QAAAR,QAAA,EAAKA;MAAQ,CAAU,CAAC;IAC9D;EAAG,CACH,CAAC;AAEJ;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAElB,mBAAoB,CAAC","ignoreList":[]}

package/build/components/inserter-listbox/row.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,7 +20,7 @@ const {
   CompositeGroupV2: CompositeGroup
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 function InserterListboxRow(props, ref) {
-  return (0, _react.createElement)(CompositeGroup, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeGroup, {
     role: "presentation",
     ref: ref,
     ...props