@wordpress/block-editor 12.26.0 → 13.0.0

package/build-module/components/inserter/tips.js

@@ -1,23 +1,25 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement, useState } from '@wordpress/element';
 import { Tip } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 const globalTips = [createInterpolateElement(__('While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), createInterpolateElement(__('Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), createInterpolateElement(__('Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), __('Drag files into the editor to automatically insert media blocks.'), __("Change a block's type by pressing the block icon on the toolbar.")];
 function Tips() {
   const [randomIndex] = useState(
   // Disable Reason: I'm not generating an HTML id.
   // eslint-disable-next-line no-restricted-syntax
   Math.floor(Math.random() * globalTips.length));
-  return createElement(Tip, null, globalTips[randomIndex]);
+  return /*#__PURE__*/_jsx(Tip, {
+    children: globalTips[randomIndex]
+  });
 }
 export default Tips;
 //# sourceMappingURL=tips.js.map

package/build-module/components/inserter/tips.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","createInterpolateElement","useState","Tip","globalTips","kbd","createElement","Tips","randomIndex","Math","floor","random","length"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,oBAAoB;AACvE,SAASC,GAAG,QAAQ,uBAAuB;AAE3C,MAAMC,UAAU,GAAG,CAClBH,wBAAwB,CACvBD,EAAE,CACD,yEACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDL,wBAAwB,CACvBD,EAAE,CACD,wEACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDL,wBAAwB,CACvBD,EAAE,CACD,6EACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDN,EAAE,CAAE,kEAAmE,CAAC,EACxEA,EAAE,CAAE,kEAAmE,CAAC,CACxE;AAED,SAASO,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAGN,QAAQ;EAC/B;EACA;EACAO,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGP,UAAU,CAACQ,MAAO,CAC/C,CAAC;EAED,OAAON,aAAA,CAACH,GAAG,QAAGC,UAAU,CAAEI,WAAW,CAAS,CAAC;AAChD;AAEA,eAAeD,IAAI","ignoreList":[]}
+{"version":3,"names":["__","createInterpolateElement","useState","Tip","jsx","_jsx","globalTips","kbd","Tips","randomIndex","Math","floor","random","length","children"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,oBAAoB;AACvE,SAASC,GAAG,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,UAAU,GAAG,CAClBL,wBAAwB,CACvBD,EAAE,CACD,yEACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDJ,wBAAwB,CACvBD,EAAE,CACD,wEACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDJ,wBAAwB,CACvBD,EAAE,CACD,6EACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDL,EAAE,CAAE,kEAAmE,CAAC,EACxEA,EAAE,CAAE,kEAAmE,CAAC,CACxE;AAED,SAASQ,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAGP,QAAQ;EAC/B;EACA;EACAQ,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGN,UAAU,CAACO,MAAO,CAC/C,CAAC;EAED,oBAAOR,IAAA,CAACF,GAAG;IAAAW,QAAA,EAAGR,UAAU,CAAEG,WAAW;EAAE,CAAO,CAAC;AAChD;AAEA,eAAeD,IAAI","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,8 @@ import { __, sprintf } from '@wordpress/i18n';
 import { BlockIcon } from '../block-icon';
 import styles from './style.scss';
 import sparkles from './sparkles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 class MenuItem extends Component {
   constructor() {
     super(...arguments);
@@ -50,34 +51,39 @@ class MenuItem extends Component {
     // translators: Block name. %s: The localized block name
     __('%s block');
     const accessibilityLabel = sprintf(accessibilityLabelFormat, item.title);
-    return createElement(TouchableHighlight, {
+    return /*#__PURE__*/_jsx(TouchableHighlight, {
       style: [styles.touchableArea, item.isDisabled ? styles.disabled : null],
       underlayColor: "transparent",
       activeOpacity: 0.5,
       accessibilityRole: "button",
       accessibilityLabel: accessibilityLabel,
       onPress: this.onPress,
-      disabled: item.isDisabled
-    }, createElement(View, {
-      style: [styles.modalItem, {
-        width: maxWidth
-      }]
-    }, createElement(View, {
-      style: [modalIconWrapperStyle, itemWidth && {
-        width: itemWidth
-      }, isClipboardBlock && clipboardBlockStyles]
-    }, blockIsNew && createElement(Icon, {
-      icon: sparkles,
-      style: styles.newIndicator
-    }), createElement(View, {
-      style: modalIconStyle
-    }, createElement(BlockIcon, {
-      icon: item.icon,
-      size: modalIconStyle.width
-    }))), createElement(Text, {
-      numberOfLines: 3,
-      style: modalItemLabelStyle
-    }, blockTitle)));
+      disabled: item.isDisabled,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalItem, {
+          width: maxWidth
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [modalIconWrapperStyle, itemWidth && {
+            width: itemWidth
+          }, isClipboardBlock && clipboardBlockStyles],
+          children: [blockIsNew && /*#__PURE__*/_jsx(Icon, {
+            icon: sparkles,
+            style: styles.newIndicator
+          }), /*#__PURE__*/_jsx(View, {
+            style: modalIconStyle,
+            children: /*#__PURE__*/_jsx(BlockIcon, {
+              icon: item.icon,
+              size: modalIconStyle.width
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          numberOfLines: 3,
+          style: modalItemLabelStyle,
+          children: blockTitle
+        })]
+      })
+    });
   }
 }
 const InserterButton = withPreferredColorScheme(MenuItem);

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

@@ -1 +1 @@
-{"version":3,"names":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","BlockIcon","styles","sparkles","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","createElement","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","modalItem","width","icon","newIndicator","size","numberOfLines","InserterButton","Styles"],"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":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","BlockIcon","styles","sparkles","jsx","_jsx","jsxs","_jsxs","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","children","modalItem","width","icon","newIndicator","size","numberOfLines","InserterButton","Styles"],"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-module/components/inserter-button/sparkles.js

@@ -1,15 +1,16 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/components';
-const sparkles = createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+const sparkles = /*#__PURE__*/_jsx(SVG, {
   viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, createElement(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__*/_jsx(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"
+  })
+});
 export default sparkles;
 //# sourceMappingURL=sparkles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SVG","Path","sparkles","createElement","viewBox","fill","xmlns","d"],"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":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,MAAMC,QAAQ,GACbC,aAAA,CAACH,GAAG;EAACI,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtEH,aAAA,CAACF,IAAI;EACJM,CAAC,EAAC,k8BAAk8B;EACp8BF,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAED,eAAeH,QAAQ","ignoreList":[]}
+{"version":3,"names":["SVG","Path","jsx","_jsx","sparkles","viewBox","fill","xmlns","children","d"],"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":"AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,QAAQ,gBACbD,IAAA,CAACH,GAAG;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,eACtEL,IAAA,CAACF,IAAI;IACJQ,CAAC,EAAC,k8BAAk8B;IACp8BH,IAAI,EAAC;EAAS,CACd;AAAC,CACE,CACL;AAED,eAAeF,QAAQ","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,7 @@ import BlockDraggableChip from '../block-draggable/draggable-chip';
 import { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';
 import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const InserterDraggableBlocks = ({
   isEnabled,
   blocks,
@@ -34,7 +34,7 @@ const InserterDraggableBlocks = ({
     startDragging,
     stopDragging
   } = unlock(useDispatch(blockEditorStore));
-  return createElement(Draggable, {
+  return /*#__PURE__*/_jsx(Draggable, {
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
@@ -47,20 +47,21 @@ const InserterDraggableBlocks = ({
     onDragEnd: () => {
       stopDragging();
     },
-    __experimentalDragComponent: createElement(BlockDraggableChip, {
+    __experimentalDragComponent: /*#__PURE__*/_jsx(BlockDraggableChip, {
       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
+      });
+    }
   });
 };
 export default InserterDraggableBlocks;

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

@@ -1 +1 @@
-{"version":3,"names":["Draggable","createBlock","serialize","store","blocksStore","useDispatch","useSelect","BlockDraggableChip","INSERTER_PATTERN_TYPES","blockEditorStore","unlock","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","startDragging","stopDragging","createElement","__experimentalTransferDataType","onDragStart","event","parsedBlocks","user","syncStatus","ref","id","dataTransfer","setData","onDragEnd","__experimentalDragComponent","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SACCC,WAAW,EACXC,SAAS,EACTC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,SAASC,sBAAsB,QAAQ,sCAAsC;AAC7E,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAMC,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,GAAGb,SAAS,CAC5Bc,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEhB,WAAY,CAAC;IAC9C,OACCS,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEW,aAAa;IAAEC;EAAa,CAAC,GAAGf,MAAM,CAC7CL,WAAW,CAAEI,gBAAiB,CAC/B,CAAC;EAED,OACCiB,aAAA,CAAC1B,SAAS;IACT2B,8BAA8B,EAAC,WAAW;IAC1CV,YAAY,EAAGA,YAAc;IAC7BW,WAAW,EAAKC,KAAK,IAAM;MAC1BL,aAAa,CAAC,CAAC;MACf,MAAMM,YAAY,GACjBd,OAAO,EAAEE,IAAI,KAAKV,sBAAsB,CAACuB,IAAI,IAC7Cf,OAAO,EAAEgB,UAAU,KAAK,UAAU,GAC/B,CAAE/B,WAAW,CAAE,YAAY,EAAE;QAAEgC,GAAG,EAAEjB,OAAO,CAACkB;MAAG,CAAE,CAAC,CAAE,GACpDrB,MAAM;MACVgB,KAAK,CAACM,YAAY,CAACC,OAAO,CACzB,WAAW,EACXlC,SAAS,CAAE4B,YAAa,CACzB,CAAC;IACF,CAAG;IACHO,SAAS,EAAGA,CAAA,KAAM;MACjBZ,YAAY,CAAC,CAAC;IACf,CAAG;IACHa,2BAA2B,EAC1BZ,aAAA,CAACnB,kBAAkB;MAClBgC,KAAK,EAAG1B,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CqB,SAAS,EAAG,CAAC,CAAExB;IAAS,CACxB;EACD,GAEC,CAAE;IAAEyB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAO3B,QAAQ,CAAE;MAChB4B,SAAS,EAAE/B,SAAS;MACpBgB,WAAW,EAAEhB,SAAS,GAAG6B,gBAAgB,GAAGG,SAAS;MACrDP,SAAS,EAAEzB,SAAS,GAAG8B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAED,eAAejC,uBAAuB","ignoreList":[]}
+{"version":3,"names":["Draggable","createBlock","serialize","store","blocksStore","useDispatch","useSelect","BlockDraggableChip","INSERTER_PATTERN_TYPES","blockEditorStore","unlock","jsx","_jsx","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","startDragging","stopDragging","__experimentalTransferDataType","onDragStart","event","parsedBlocks","user","syncStatus","ref","id","dataTransfer","setData","onDragEnd","__experimentalDragComponent","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined"],"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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SACCC,WAAW,EACXC,SAAS,EACTC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,SAASC,sBAAsB,QAAQ,sCAAsC;AAC7E,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,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,GAAGf,SAAS,CAC5BgB,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAElB,WAAY,CAAC;IAC9C,OACCW,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEW,aAAa;IAAEC;EAAa,CAAC,GAAGjB,MAAM,CAC7CL,WAAW,CAAEI,gBAAiB,CAC/B,CAAC;EAED,oBACCG,IAAA,CAACZ,SAAS;IACT4B,8BAA8B,EAAC,WAAW;IAC1CT,YAAY,EAAGA,YAAc;IAC7BU,WAAW,EAAKC,KAAK,IAAM;MAC1BJ,aAAa,CAAC,CAAC;MACf,MAAMK,YAAY,GACjBb,OAAO,EAAEE,IAAI,KAAKZ,sBAAsB,CAACwB,IAAI,IAC7Cd,OAAO,EAAEe,UAAU,KAAK,UAAU,GAC/B,CAAEhC,WAAW,CAAE,YAAY,EAAE;QAAEiC,GAAG,EAAEhB,OAAO,CAACiB;MAAG,CAAE,CAAC,CAAE,GACpDpB,MAAM;MACVe,KAAK,CAACM,YAAY,CAACC,OAAO,CACzB,WAAW,EACXnC,SAAS,CAAE6B,YAAa,CACzB,CAAC;IACF,CAAG;IACHO,SAAS,EAAGA,CAAA,KAAM;MACjBX,YAAY,CAAC,CAAC;IACf,CAAG;IACHY,2BAA2B,eAC1B3B,IAAA,CAACL,kBAAkB;MAClBiC,KAAK,EAAGzB,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CoB,SAAS,EAAG,CAAC,CAAEvB;IAAS,CACxB,CACD;IAAAD,QAAA,EAECA,CAAE;MAAEyB,gBAAgB;MAAEC;IAAe,CAAC,KAAM;MAC7C,OAAO1B,QAAQ,CAAE;QAChB2B,SAAS,EAAE9B,SAAS;QACpBe,WAAW,EAAEf,SAAS,GAAG4B,gBAAgB,GAAGG,SAAS;QACrDP,SAAS,EAAExB,SAAS,GAAG6B,cAAc,GAAGE;MACzC,CAAE,CAAC;IACJ;EAAC,CACS,CAAC;AAEd,CAAC;AAED,eAAehC,uBAAuB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,8 @@ import { ENTER, isAppleOS } from '@wordpress/keycodes';
 import BlockIcon from '../block-icon';
 import { InserterListboxItem } from '../inserter-listbox';
 import InserterDraggableBlocks from '../inserter-draggable-blocks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function InserterListItem({
   className,
   isFirst,
@@ -34,70 +35,76 @@ function InserterListItem({
   } : {};
   const blocks = useMemo(() => [createBlock(item.name, item.initialAttributes, createBlocksFromInnerBlocksTemplate(item.innerBlocks))], [item.name, item.initialAttributes, item.innerBlocks]);
   const isSynced = isReusableBlock(item) && item.syncStatus !== 'unsynced' || isTemplatePart(item);
-  return createElement(InserterDraggableBlocks, {
+  return /*#__PURE__*/_jsx(InserterDraggableBlocks, {
     isEnabled: isDraggable && !item.isDisabled,
     blocks: blocks,
-    icon: item.icon
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => createElement("div", {
-    className: clsx('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);
-      }
-    }
-  }, createElement(InserterListboxItem, {
-    isFirst: isFirst,
-    className: clsx('block-editor-block-types-list__item', className),
-    disabled: item.isDisabled,
-    onClick: event => {
-      event.preventDefault();
-      onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
-      onHover(null);
-    },
-    onKeyDown: event => {
-      const {
-        keyCode
-      } = event;
-      if (keyCode === ENTER) {
-        event.preventDefault();
-        onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
-        onHover(null);
-      }
-    },
-    onMouseEnter: () => {
-      if (isDragging.current) {
-        return;
-      }
-      onHover(item);
-    },
-    onMouseLeave: () => onHover(null),
-    ...props
-  }, createElement("span", {
-    className: "block-editor-block-types-list__item-icon",
-    style: itemIconStyle
-  }, createElement(BlockIcon, {
     icon: item.icon,
-    showColors: true
-  })), createElement("span", {
-    className: "block-editor-block-types-list__item-title"
-  }, createElement(Truncate, {
-    numberOfLines: 3
-  }, item.title)))));
+    children: ({
+      draggable,
+      onDragStart,
+      onDragEnd
+    }) => /*#__PURE__*/_jsx("div", {
+      className: clsx('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__*/_jsxs(InserterListboxItem, {
+        isFirst: isFirst,
+        className: clsx('block-editor-block-types-list__item', className),
+        disabled: item.isDisabled,
+        onClick: event => {
+          event.preventDefault();
+          onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
+          onHover(null);
+        },
+        onKeyDown: event => {
+          const {
+            keyCode
+          } = event;
+          if (keyCode === ENTER) {
+            event.preventDefault();
+            onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
+            onHover(null);
+          }
+        },
+        onMouseEnter: () => {
+          if (isDragging.current) {
+            return;
+          }
+          onHover(item);
+        },
+        onMouseLeave: () => onHover(null),
+        ...props,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "block-editor-block-types-list__item-icon",
+          style: itemIconStyle,
+          children: /*#__PURE__*/_jsx(BlockIcon, {
+            icon: item.icon,
+            showColors: true
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          className: "block-editor-block-types-list__item-title",
+          children: /*#__PURE__*/_jsx(Truncate, {
+            numberOfLines: 3,
+            children: item.title
+          })
+        })]
+      })
+    })
+  });
 }
 export default memo(InserterListItem);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","useMemo","useRef","memo","createBlock","createBlocksFromInnerBlocksTemplate","isReusableBlock","isTemplatePart","__experimentalTruncate","Truncate","ENTER","isAppleOS","BlockIcon","InserterListboxItem","InserterDraggableBlocks","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","name","initialAttributes","innerBlocks","isSynced","syncStatus","createElement","isEnabled","isDisabled","draggable","onDragStart","onDragEnd","event","current","disabled","onClick","preventDefault","metaKey","ctrlKey","onKeyDown","keyCode","onMouseEnter","onMouseLeave","style","showColors","numberOfLines","title"],"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":[]}
+{"version":3,"names":["clsx","useMemo","useRef","memo","createBlock","createBlocksFromInnerBlocksTemplate","isReusableBlock","isTemplatePart","__experimentalTruncate","Truncate","ENTER","isAppleOS","BlockIcon","InserterListboxItem","InserterDraggableBlocks","jsx","_jsx","jsxs","_jsxs","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","name","initialAttributes","innerBlocks","isSynced","syncStatus","isEnabled","isDisabled","children","draggable","onDragStart","onDragEnd","event","current","disabled","onClick","preventDefault","metaKey","ctrlKey","onKeyDown","keyCode","onMouseEnter","onMouseLeave","style","showColors","numberOfLines","title"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,OAAO,EAAEC,MAAM,EAAEC,IAAI,QAAQ,oBAAoB;AAC1D,SACCC,WAAW,EACXC,mCAAmC,EACnCC,eAAe,EACfC,cAAc,QACR,mBAAmB;AAC1B,SAASC,sBAAsB,IAAIC,QAAQ,QAAQ,uBAAuB;AAC1E,SAASC,KAAK,EAAEC,SAAS,QAAQ,qBAAqB;;AAEtD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,SAASC,mBAAmB,QAAQ,qBAAqB;AACzD,OAAOC,uBAAuB,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,SAASC,gBAAgBA,CAAE;EAC1BC,SAAS;EACTC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGzB,MAAM,CAAE,KAAM,CAAC;EAClC,MAAM0B,aAAa,GAAGN,IAAI,CAACO,IAAI,GAC5B;IACAC,eAAe,EAAER,IAAI,CAACO,IAAI,CAACE,UAAU;IACrCC,KAAK,EAAEV,IAAI,CAACO,IAAI,CAACI;EACjB,CAAC,GACD,CAAC,CAAC;EACL,MAAMC,MAAM,GAAGjC,OAAO,CACrB,MAAM,CACLG,WAAW,CACVkB,IAAI,CAACa,IAAI,EACTb,IAAI,CAACc,iBAAiB,EACtB/B,mCAAmC,CAAEiB,IAAI,CAACe,WAAY,CACvD,CAAC,CACD,EACD,CAAEf,IAAI,CAACa,IAAI,EAAEb,IAAI,CAACc,iBAAiB,EAAEd,IAAI,CAACe,WAAW,CACtD,CAAC;EAED,MAAMC,QAAQ,GACXhC,eAAe,CAAEgB,IAAK,CAAC,IAAIA,IAAI,CAACiB,UAAU,KAAK,UAAU,IAC3DhC,cAAc,CAAEe,IAAK,CAAC;EAEvB,oBACCN,IAAA,CAACF,uBAAuB;IACvB0B,SAAS,EAAGf,WAAW,IAAI,CAAEH,IAAI,CAACmB,UAAY;IAC9CP,MAAM,EAAGA,MAAQ;IACjBL,IAAI,EAAGP,IAAI,CAACO,IAAM;IAAAa,QAAA,EAEhBA,CAAE;MAAEC,SAAS;MAAEC,WAAW;MAAEC;IAAU,CAAC,kBACxC7B,IAAA;MACCI,SAAS,EAAGpB,IAAI,CACf,0CAA0C,EAC1C;QACC,WAAW,EAAEsC;MACd,CACD,CAAG;MACHK,SAAS,EAAGA,SAAW;MACvBC,WAAW,EAAKE,KAAK,IAAM;QAC1BnB,UAAU,CAACoB,OAAO,GAAG,IAAI;QACzB,IAAKH,WAAW,EAAG;UAClBpB,OAAO,CAAE,IAAK,CAAC;UACfoB,WAAW,CAAEE,KAAM,CAAC;QACrB;MACD,CAAG;MACHD,SAAS,EAAKC,KAAK,IAAM;QACxBnB,UAAU,CAACoB,OAAO,GAAG,KAAK;QAC1B,IAAKF,SAAS,EAAG;UAChBA,SAAS,CAAEC,KAAM,CAAC;QACnB;MACD,CAAG;MAAAJ,QAAA,eAEHxB,KAAA,CAACL,mBAAmB;QACnBQ,OAAO,EAAGA,OAAS;QACnBD,SAAS,EAAGpB,IAAI,CACf,qCAAqC,EACrCoB,SACD,CAAG;QACH4B,QAAQ,EAAG1B,IAAI,CAACmB,UAAY;QAC5BQ,OAAO,EAAKH,KAAK,IAAM;UACtBA,KAAK,CAACI,cAAc,CAAC,CAAC;UACtB3B,QAAQ,CACPD,IAAI,EACJX,SAAS,CAAC,CAAC,GAAGmC,KAAK,CAACK,OAAO,GAAGL,KAAK,CAACM,OACrC,CAAC;UACD5B,OAAO,CAAE,IAAK,CAAC;QAChB,CAAG;QACH6B,SAAS,EAAKP,KAAK,IAAM;UACxB,MAAM;YAAEQ;UAAQ,CAAC,GAAGR,KAAK;UACzB,IAAKQ,OAAO,KAAK5C,KAAK,EAAG;YACxBoC,KAAK,CAACI,cAAc,CAAC,CAAC;YACtB3B,QAAQ,CACPD,IAAI,EACJX,SAAS,CAAC,CAAC,GAAGmC,KAAK,CAACK,OAAO,GAAGL,KAAK,CAACM,OACrC,CAAC;YACD5B,OAAO,CAAE,IAAK,CAAC;UAChB;QACD,CAAG;QACH+B,YAAY,EAAGA,CAAA,KAAM;UACpB,IAAK5B,UAAU,CAACoB,OAAO,EAAG;YACzB;UACD;UACAvB,OAAO,CAAEF,IAAK,CAAC;QAChB,CAAG;QACHkC,YAAY,EAAGA,CAAA,KAAMhC,OAAO,CAAE,IAAK,CAAG;QAAA,GACjCE,KAAK;QAAAgB,QAAA,gBAEV1B,IAAA;UACCI,SAAS,EAAC,0CAA0C;UACpDqC,KAAK,EAAG7B,aAAe;UAAAc,QAAA,eAEvB1B,IAAA,CAACJ,SAAS;YAACiB,IAAI,EAAGP,IAAI,CAACO,IAAM;YAAC6B,UAAU;UAAA,CAAE;QAAC,CACtC,CAAC,eACP1C,IAAA;UAAMI,SAAS,EAAC,2CAA2C;UAAAsB,QAAA,eAC1D1B,IAAA,CAACP,QAAQ;YAACkD,aAAa,EAAG,CAAG;YAAAjB,QAAA,EAC1BpB,IAAI,CAACsC;UAAK,CACH;QAAC,CACN,CAAC;MAAA,CACa;IAAC,CAClB;EACL,CACuB,CAAC;AAE5B;AAEA,eAAezD,IAAI,CAAEgB,gBAAiB,CAAC","ignoreList":[]}

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

@@ -1,10 +1,10 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { forwardRef, useEffect, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { speak } from '@wordpress/a11y';
+import { jsx as _jsx } from "react/jsx-runtime";
 function InserterListboxGroup(props, ref) {
   const [shouldSpeak, setShouldSpeak] = useState(false);
   useEffect(() => {
@@ -12,7 +12,7 @@ function InserterListboxGroup(props, ref) {
       speak(__('Use left and right arrow keys to move through blocks'));
     }
   }, [shouldSpeak]);
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     role: "listbox",
     "aria-orientation": "horizontal",

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useEffect","useState","__","speak","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","createElement","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget"],"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":";AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AACpE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,iBAAiB;AAEvC,SAASC,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGP,QAAQ,CAAE,KAAM,CAAC;EAEzDD,SAAS,CAAE,MAAM;IAChB,IAAKO,WAAW,EAAG;MAClBJ,KAAK,CACJD,EAAE,CAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEK,WAAW,CAAG,CAAC;EAEpB,OACCE,aAAA;IACCH,GAAG,EAAGA,GAAK;IACXI,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfH,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHI,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BN,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeN,UAAU,CAAEK,oBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","useState","__","speak","jsx","_jsx","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget"],"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":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AACpE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,SAASC,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGT,QAAQ,CAAE,KAAM,CAAC;EAEzDD,SAAS,CAAE,MAAM;IAChB,IAAKS,WAAW,EAAG;MAClBN,KAAK,CACJD,EAAE,CAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEO,WAAW,CAAG,CAAC;EAEpB,oBACCJ,IAAA;IACCG,GAAG,EAAGA,GAAK;IACXG,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfF,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHG,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BL,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeR,UAAU,CAAEO,oBAAqB,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,8 @@ import { privateApis as componentsPrivateApis } from '@wordpress/components';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export { default as InserterListboxGroup } from './group';
 export { default as InserterListboxRow } from './row';
 export { default as InserterListboxItem } from './item';
@@ -22,10 +23,11 @@ function InserterListbox({
     focusShift: true,
     focusWrap: 'horizontal'
   });
-  return createElement(Composite, {
+  return /*#__PURE__*/_jsx(Composite, {
     store: store,
-    render: createElement(Fragment, null)
-  }, children);
+    render: /*#__PURE__*/_jsx(_Fragment, {}),
+    children: children
+  });
 }
 export default InserterListbox;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["privateApis","componentsPrivateApis","unlock","default","InserterListboxGroup","InserterListboxRow","InserterListboxItem","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","InserterListbox","children","store","focusShift","focusWrap","createElement","render","Fragment"],"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":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,SAAS;AACzD,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,OAAO;AACrD,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,QAAQ;AAEvD,MAAM;EAAEC,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvER,MAAM,CAAED,qBAAsB,CAAC;AAEhC,SAASU,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,KAAK,GAAGH,iBAAiB,CAAE;IAChCI,UAAU,EAAE,IAAI;IAChBC,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,OACCC,aAAA,CAACR,SAAS;IAACK,KAAK,EAAGA,KAAO;IAACI,MAAM,EAAGD,aAAA,CAAAE,QAAA,MAAI;EAAG,GACxCN,QACQ,CAAC;AAEd;AAEA,eAAeD,eAAe","ignoreList":[]}
+{"version":3,"names":["privateApis","componentsPrivateApis","unlock","Fragment","_Fragment","jsx","_jsx","default","InserterListboxGroup","InserterListboxRow","InserterListboxItem","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","InserterListbox","children","store","focusShift","focusWrap","render"],"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":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,SAAS;AACzD,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,OAAO;AACrD,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,QAAQ;AAEvD,MAAM;EAAEC,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvEZ,MAAM,CAAED,qBAAsB,CAAC;AAEhC,SAASc,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,KAAK,GAAGH,iBAAiB,CAAE;IAChCI,UAAU,EAAE,IAAI;IAChBC,SAAS,EAAE;EACZ,CAAE,CAAC;EAEH,oBACCb,IAAA,CAACM,SAAS;IAACK,KAAK,EAAGA,KAAO;IAACG,MAAM,eAAGd,IAAA,CAAAF,SAAA,IAAI,CAAG;IAAAY,QAAA,EACxCA;EAAQ,CACA,CAAC;AAEd;AAEA,eAAeD,eAAe","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   CompositeItemV2: CompositeItem
 } = unlock(componentsPrivateApis);
@@ -18,7 +18,7 @@ function InserterListboxItem({
   children,
   ...props
 }, ref) {
-  return createElement(CompositeItem, {
+  return /*#__PURE__*/_jsx(CompositeItem, {
     ref: ref,
     role: "option"
     // Use the CompositeItem `accessibleWhenDisabled` prop
@@ -33,16 +33,18 @@ function InserterListboxItem({
         tabIndex: isFirst ? 0 : htmlProps.tabIndex
       };
       if (Component) {
-        return createElement(Component, {
-          ...propsWithTabIndex
-        }, children);
+        return /*#__PURE__*/_jsx(Component, {
+          ...propsWithTabIndex,
+          children: children
+        });
       }
       if (typeof children === 'function') {
         return children(propsWithTabIndex);
       }
-      return createElement(Button, {
-        ...propsWithTabIndex
-      }, children);
+      return /*#__PURE__*/_jsx(Button, {
+        ...propsWithTabIndex,
+        children: children
+      });
     }
   });
 }