@wordpress/block-editor 12.26.0 → 13.0.1

package/build/components/block-edit-visually-button/index.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockEditVisuallyButton;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -29,10 +29,13 @@ function BlockEditVisuallyButton({
   if (!canEditVisually) {
     return null;
   }
-  return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: () => {
-      toggleBlockMode(clientId);
-    }
-  }, (0, _i18n.__)('Edit visually')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      onClick: () => {
+        toggleBlockMode(clientId);
+      },
+      children: (0, _i18n.__)('Edit visually')
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-edit-visually-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_store","BlockEditVisuallyButton","clientIds","clientId","length","undefined","canEditVisually","useSelect","select","blockEditorStore","getBlockMode","toggleBlockMode","useDispatch","_react","createElement","ToolbarGroup","ToolbarButton","onClick","__"],"sources":["@wordpress/block-editor/src/components/block-edit-visually-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASI,uBAAuBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAChE;EACA,MAAMC,QAAQ,GAAGD,SAAS,CAACE,MAAM,KAAK,CAAC,GAAGF,SAAS,CAAE,CAAC,CAAE,GAAGG,SAAS;EACpE,MAAMC,eAAe,GAAG,IAAAC,eAAS,EAC9BC,MAAM,IACP,CAAC,CAAEL,QAAQ,IACXK,MAAM,CAAEC,YAAiB,CAAC,CAACC,YAAY,CAAEP,QAAS,CAAC,KAAK,MAAM,EAC/D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEQ;EAAgB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAE3D,IAAK,CAAEH,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAoB,aAAa;IACbC,OAAO,EAAGA,CAAA,KAAM;MACfN,eAAe,CAAER,QAAS,CAAC;IAC5B;EAAG,GAED,IAAAe,QAAE,EAAE,eAAgB,CACR,CACF,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_store","_jsxRuntime","BlockEditVisuallyButton","clientIds","clientId","length","undefined","canEditVisually","useSelect","select","blockEditorStore","getBlockMode","toggleBlockMode","useDispatch","jsx","ToolbarGroup","children","ToolbarButton","onClick","__"],"sources":["@wordpress/block-editor/src/components/block-edit-visually-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockEditVisuallyButton( { clientIds } ) {\n\t// Edit visually only works for single block selection.\n\tconst clientId = clientIds.length === 1 ? clientIds[ 0 ] : undefined;\n\tconst canEditVisually = useSelect(\n\t\t( select ) =>\n\t\t\t!! clientId &&\n\t\t\tselect( blockEditorStore ).getBlockMode( clientId ) === 'html',\n\t\t[ clientId ]\n\t);\n\tconst { toggleBlockMode } = useDispatch( blockEditorStore );\n\n\tif ( ! canEditVisually ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tonClick={ () => {\n\t\t\t\t\ttoggleBlockMode( clientId );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Edit visually' ) }\n\t\t\t</ToolbarButton>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAVxD;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,uBAAuBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAChE;EACA,MAAMC,QAAQ,GAAGD,SAAS,CAACE,MAAM,KAAK,CAAC,GAAGF,SAAS,CAAE,CAAC,CAAE,GAAGG,SAAS;EACpE,MAAMC,eAAe,GAAG,IAAAC,eAAS,EAC9BC,MAAM,IACP,CAAC,CAAEL,QAAQ,IACXK,MAAM,CAAEC,YAAiB,CAAC,CAACC,YAAY,CAAEP,QAAS,CAAC,KAAK,MAAM,EAC/D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEQ;EAAgB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAE3D,IAAK,CAAEH,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAa,GAAA,EAAClB,WAAA,CAAAmB,YAAY;IAAAC,QAAA,eACZ,IAAAf,WAAA,CAAAa,GAAA,EAAClB,WAAA,CAAAqB,aAAa;MACbC,OAAO,EAAGA,CAAA,KAAM;QACfN,eAAe,CAAER,QAAS,CAAC;MAC5B,CAAG;MAAAY,QAAA,EAED,IAAAG,QAAE,EAAE,eAAgB;IAAC,CACT;EAAC,CACH,CAAC;AAEjB","ignoreList":[]}

package/build/components/block-full-height-alignment-control/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -18,7 +18,7 @@ function BlockFullHeightAlignmentControl({
   onToggle,
   isDisabled
 }) {
-  return (0, _react.createElement)(_components.ToolbarButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
     isActive: isActive,
     icon: _icons.fullscreen,
     label: label,

package/build/components/block-full-height-alignment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_icons","BlockFullHeightAlignmentControl","isActive","label","__","onToggle","isDisabled","_react","createElement","ToolbarButton","icon","fullscreen","onClick","disabled","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-full-height-alignment-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { fullscreen } from '@wordpress/icons';\n\nfunction BlockFullHeightAlignmentControl( {\n\tisActive,\n\tlabel = __( 'Toggle full height' ),\n\tonToggle,\n\tisDisabled,\n} ) {\n\treturn (\n\t\t<ToolbarButton\n\t\t\tisActive={ isActive }\n\t\t\ticon={ fullscreen }\n\t\t\tlabel={ label }\n\t\t\tonClick={ () => onToggle( ! isActive ) }\n\t\t\tdisabled={ isDisabled }\n\t\t/>\n\t);\n}\n\nexport default BlockFullHeightAlignmentControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,+BAA+BA,CAAE;EACzCC,QAAQ;EACRC,KAAK,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAClCC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,aAAa;IACbP,QAAQ,EAAGA,QAAU;IACrBQ,IAAI,EAAGC,iBAAY;IACnBR,KAAK,EAAGA,KAAO;IACfS,OAAO,EAAGA,CAAA,KAAMP,QAAQ,CAAE,CAAEH,QAAS,CAAG;IACxCW,QAAQ,EAAGP;EAAY,CACvB,CAAC;AAEJ;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcf,+BAA+B","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_icons","_jsxRuntime","BlockFullHeightAlignmentControl","isActive","label","__","onToggle","isDisabled","jsx","ToolbarButton","icon","fullscreen","onClick","disabled","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-full-height-alignment-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { fullscreen } from '@wordpress/icons';\n\nfunction BlockFullHeightAlignmentControl( {\n\tisActive,\n\tlabel = __( 'Toggle full height' ),\n\tonToggle,\n\tisDisabled,\n} ) {\n\treturn (\n\t\t<ToolbarButton\n\t\t\tisActive={ isActive }\n\t\t\ticon={ fullscreen }\n\t\t\tlabel={ label }\n\t\t\tonClick={ () => onToggle( ! isActive ) }\n\t\t\tdisabled={ isDisabled }\n\t\t/>\n\t);\n}\n\nexport default BlockFullHeightAlignmentControl;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAL9C;AACA;AACA;;AAKA,SAASI,+BAA+BA,CAAE;EACzCC,QAAQ;EACRC,KAAK,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAClCC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACT,WAAA,CAAAU,aAAa;IACbN,QAAQ,EAAGA,QAAU;IACrBO,IAAI,EAAGC,iBAAY;IACnBP,KAAK,EAAGA,KAAO;IACfQ,OAAO,EAAGA,CAAA,KAAMN,QAAQ,CAAE,CAAEH,QAAS,CAAG;IACxCU,QAAQ,EAAGN;EAAY,CACvB,CAAC;AAEJ;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,+BAA+B","ignoreList":[]}

package/build/components/block-heading-level-dropdown/heading-level-icon.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HeadingLevelIcon;
-var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,9 +19,7 @@ var _components = require("@wordpress/components");
  * @typedef WPHeadingLevelIconProps
  *
  * @property {number} level The heading level to show an icon for.
- */
-
-const LEVEL_TO_PATH = {
+ */const LEVEL_TO_PATH = {
   0: _icons.paragraph,
   1: _icons.headingLevel1,
   2: _icons.headingLevel2,
@@ -42,7 +40,7 @@ function HeadingLevelIcon({
   level
 }) {
   if (LEVEL_TO_PATH[level]) {
-    return (0, _react.createElement)(_components.Icon, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
       icon: LEVEL_TO_PATH[level]
     });
   }

package/build/components/block-heading-level-dropdown/heading-level-icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_components","LEVEL_TO_PATH","paragraph","headingLevel1","headingLevel2","headingLevel3","headingLevel4","headingLevel5","headingLevel6","HeadingLevelIcon","level","_react","createElement","Icon","icon"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/heading-level-icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\theadingLevel1,\n\theadingLevel2,\n\theadingLevel3,\n\theadingLevel4,\n\theadingLevel5,\n\theadingLevel6,\n\tparagraph,\n} from '@wordpress/icons';\nimport { Icon } from '@wordpress/components';\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelIcon props.\n *\n * @typedef WPHeadingLevelIconProps\n *\n * @property {number} level The heading level to show an icon for.\n */\n\nconst LEVEL_TO_PATH = {\n\t0: paragraph,\n\t1: headingLevel1,\n\t2: headingLevel2,\n\t3: headingLevel3,\n\t4: headingLevel4,\n\t5: headingLevel5,\n\t6: headingLevel6,\n};\n\n/**\n * Heading level icon.\n *\n * @param {WPHeadingLevelIconProps} props Component props.\n *\n * @return {?ComponentType} The icon.\n */\nexport default function HeadingLevelIcon( { level } ) {\n\tif ( LEVEL_TO_PATH[ level ] ) {\n\t\treturn <Icon icon={ LEVEL_TO_PATH[ level ] } />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,WAAA,GAAAD,OAAA;AAZA;AACA;AACA;;AAYA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAME,aAAa,GAAG;EACrB,CAAC,EAAEC,gBAAS;EACZ,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,gBAAgBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,IAAKT,aAAa,CAAES,KAAK,CAAE,EAAG;IAC7B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,IAAI;MAACC,IAAI,EAAGb,aAAa,CAAES,KAAK;IAAI,CAAE,CAAC;EAChD;EAEA,OAAO,IAAI;AACZ","ignoreList":[]}
+{"version":3,"names":["_icons","require","_components","_jsxRuntime","LEVEL_TO_PATH","paragraph","headingLevel1","headingLevel2","headingLevel3","headingLevel4","headingLevel5","headingLevel6","HeadingLevelIcon","level","jsx","Icon","icon"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/heading-level-icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\theadingLevel1,\n\theadingLevel2,\n\theadingLevel3,\n\theadingLevel4,\n\theadingLevel5,\n\theadingLevel6,\n\tparagraph,\n} from '@wordpress/icons';\nimport { Icon } from '@wordpress/components';\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelIcon props.\n *\n * @typedef WPHeadingLevelIconProps\n *\n * @property {number} level The heading level to show an icon for.\n */\n\nconst LEVEL_TO_PATH = {\n\t0: paragraph,\n\t1: headingLevel1,\n\t2: headingLevel2,\n\t3: headingLevel3,\n\t4: headingLevel4,\n\t5: headingLevel5,\n\t6: headingLevel6,\n};\n\n/**\n * Heading level icon.\n *\n * @param {WPHeadingLevelIconProps} props Component props.\n *\n * @return {?ComponentType} The icon.\n */\nexport default function HeadingLevelIcon( { level } ) {\n\tif ( LEVEL_TO_PATH[ level ] ) {\n\t\treturn <Icon icon={ LEVEL_TO_PATH[ level ] } />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,WAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAZ7C;AACA;AACA;;AAYA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,MAAMG,aAAa,GAAG;EACrB,CAAC,EAAEC,gBAAS;EACZ,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC,oBAAa;EAChB,CAAC,EAAEC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,gBAAgBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,IAAKT,aAAa,CAAES,KAAK,CAAE,EAAG;IAC7B,oBAAO,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAa,IAAI;MAACC,IAAI,EAAGZ,aAAa,CAAES,KAAK;IAAI,CAAE,CAAC;EAChD;EAEA,OAAO,IAAI;AACZ","ignoreList":[]}

package/build/components/block-heading-level-dropdown/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HeadingLevelDropdown;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _headingLevelIcon = _interopRequireDefault(require("./heading-level-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -47,16 +47,16 @@ function HeadingLevelDropdown({
   value,
   onChange
 }) {
-  return (0, _react.createElement)(_components.ToolbarDropdownMenu, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarDropdownMenu, {
     popoverProps: POPOVER_PROPS,
-    icon: (0, _react.createElement)(_headingLevelIcon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_headingLevelIcon.default, {
       level: value
     }),
     label: (0, _i18n.__)('Change level'),
     controls: options.map(targetLevel => {
       const isActive = targetLevel === value;
       return {
-        icon: (0, _react.createElement)(_headingLevelIcon.default, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_headingLevelIcon.default, {
           level: targetLevel
         }),
         title: targetLevel === 0 ? (0, _i18n.__)('Paragraph') : (0, _i18n.sprintf)(

package/build/components/block-heading-level-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_headingLevelIcon","_interopRequireDefault","HEADING_LEVELS","POPOVER_PROPS","className","HeadingLevelDropdown","options","value","onChange","_react","createElement","ToolbarDropdownMenu","popoverProps","icon","default","level","label","__","controls","map","targetLevel","isActive","title","sprintf","onClick","role"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelIcon from './heading-level-icon';\n\nconst HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-library-heading-level-dropdown',\n};\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelDropdown props.\n *\n * @typedef WPHeadingLevelDropdownProps\n *\n * @property {number}     value    The chosen heading level.\n * @property {number[]}   options  An array of supported heading levels.\n * @property {()=>number} onChange Function called with\n *                                 the selected value changes.\n */\n\n/**\n * Dropdown for selecting a heading level (1 through 6) or paragraph (0).\n *\n * @param {WPHeadingLevelDropdownProps} props Component props.\n *\n * @return {ComponentType} The toolbar.\n */\nexport default function HeadingLevelDropdown( {\n\toptions = HEADING_LEVELS,\n\tvalue,\n\tonChange,\n} ) {\n\treturn (\n\t\t<ToolbarDropdownMenu\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ticon={ <HeadingLevelIcon level={ value } /> }\n\t\t\tlabel={ __( 'Change level' ) }\n\t\t\tcontrols={ options.map( ( targetLevel ) => {\n\t\t\t\tconst isActive = targetLevel === value;\n\t\t\t\treturn {\n\t\t\t\t\ticon: <HeadingLevelIcon level={ targetLevel } />,\n\t\t\t\t\ttitle:\n\t\t\t\t\t\ttargetLevel === 0\n\t\t\t\t\t\t\t? __( 'Paragraph' )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\t\t\t\t\ttargetLevel\n\t\t\t\t\t\t\t  ),\n\t\t\t\t\tisActive,\n\t\t\t\t\tonClick() {\n\t\t\t\t\t\tonChange( targetLevel );\n\t\t\t\t\t},\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t};\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,cAAc,GAAG,CAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;AAE3C,MAAMC,aAAa,GAAG;EACrBC,SAAS,EAAE;AACZ,CAAC;;AAED;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAE;EAC7CC,OAAO,GAAGJ,cAAc;EACxBK,KAAK;EACLC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,mBAAmB;IACnBC,YAAY,EAAGT,aAAe;IAC9BU,IAAI,EAAG,IAAAJ,MAAA,CAAAC,aAAA,EAACV,iBAAA,CAAAc,OAAgB;MAACC,KAAK,EAAGR;IAAO,CAAE,CAAG;IAC7CS,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,QAAQ,EAAGZ,OAAO,CAACa,GAAG,CAAIC,WAAW,IAAM;MAC1C,MAAMC,QAAQ,GAAGD,WAAW,KAAKb,KAAK;MACtC,OAAO;QACNM,IAAI,EAAE,IAAAJ,MAAA,CAAAC,aAAA,EAACV,iBAAA,CAAAc,OAAgB;UAACC,KAAK,EAAGK;QAAa,CAAE,CAAC;QAChDE,KAAK,EACJF,WAAW,KAAK,CAAC,GACd,IAAAH,QAAE,EAAE,WAAY,CAAC,GACjB,IAAAM,aAAO;QACP;QACA,IAAAN,QAAE,EAAE,YAAa,CAAC,EAClBG,WACA,CAAC;QACLC,QAAQ;QACRG,OAAOA,CAAA,EAAG;UACThB,QAAQ,CAAEY,WAAY,CAAC;QACxB,CAAC;QACDK,IAAI,EAAE;MACP,CAAC;IACF,CAAE;EAAG,CACL,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_headingLevelIcon","_interopRequireDefault","_jsxRuntime","HEADING_LEVELS","POPOVER_PROPS","className","HeadingLevelDropdown","options","value","onChange","jsx","ToolbarDropdownMenu","popoverProps","icon","default","level","label","__","controls","map","targetLevel","isActive","title","sprintf","onClick","role"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelIcon from './heading-level-icon';\n\nconst HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-library-heading-level-dropdown',\n};\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelDropdown props.\n *\n * @typedef WPHeadingLevelDropdownProps\n *\n * @property {number}     value    The chosen heading level.\n * @property {number[]}   options  An array of supported heading levels.\n * @property {()=>number} onChange Function called with\n *                                 the selected value changes.\n */\n\n/**\n * Dropdown for selecting a heading level (1 through 6) or paragraph (0).\n *\n * @param {WPHeadingLevelDropdownProps} props Component props.\n *\n * @return {ComponentType} The toolbar.\n */\nexport default function HeadingLevelDropdown( {\n\toptions = HEADING_LEVELS,\n\tvalue,\n\tonChange,\n} ) {\n\treturn (\n\t\t<ToolbarDropdownMenu\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ticon={ <HeadingLevelIcon level={ value } /> }\n\t\t\tlabel={ __( 'Change level' ) }\n\t\t\tcontrols={ options.map( ( targetLevel ) => {\n\t\t\t\tconst isActive = targetLevel === value;\n\t\t\t\treturn {\n\t\t\t\t\ticon: <HeadingLevelIcon level={ targetLevel } />,\n\t\t\t\t\ttitle:\n\t\t\t\t\t\ttargetLevel === 0\n\t\t\t\t\t\t\t? __( 'Paragraph' )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\t\t\t\t\ttargetLevel\n\t\t\t\t\t\t\t  ),\n\t\t\t\t\tisActive,\n\t\t\t\t\tonClick() {\n\t\t\t\t\t\tonChange( targetLevel );\n\t\t\t\t\t},\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t};\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AATpD;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,cAAc,GAAG,CAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;AAE3C,MAAMC,aAAa,GAAG;EACrBC,SAAS,EAAE;AACZ,CAAC;;AAED;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAE;EAC7CC,OAAO,GAAGJ,cAAc;EACxBK,KAAK;EACLC;AACD,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACb,WAAA,CAAAc,mBAAmB;IACnBC,YAAY,EAAGR,aAAe;IAC9BS,IAAI,eAAG,IAAAX,WAAA,CAAAQ,GAAA,EAACV,iBAAA,CAAAc,OAAgB;MAACC,KAAK,EAAGP;IAAO,CAAE,CAAG;IAC7CQ,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,QAAQ,EAAGX,OAAO,CAACY,GAAG,CAAIC,WAAW,IAAM;MAC1C,MAAMC,QAAQ,GAAGD,WAAW,KAAKZ,KAAK;MACtC,OAAO;QACNK,IAAI,eAAE,IAAAX,WAAA,CAAAQ,GAAA,EAACV,iBAAA,CAAAc,OAAgB;UAACC,KAAK,EAAGK;QAAa,CAAE,CAAC;QAChDE,KAAK,EACJF,WAAW,KAAK,CAAC,GACd,IAAAH,QAAE,EAAE,WAAY,CAAC,GACjB,IAAAM,aAAO;QACP;QACA,IAAAN,QAAE,EAAE,YAAa,CAAC,EAClBG,WACA,CAAC;QACLC,QAAQ;QACRG,OAAOA,CAAA,EAAG;UACTf,QAAQ,CAAEW,WAAY,CAAC;QACxB,CAAC;QACDK,IAAI,EAAE;MACP,CAAC;IACF,CAAE;EAAG,CACL,CAAC;AAEJ","ignoreList":[]}

package/build/components/block-heading-level-dropdown/index.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HeadingLevelDropdown;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _headingLevelIcon = _interopRequireDefault(require("./heading-level-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -47,7 +47,7 @@ function HeadingLevelDropdown({
   const createLevelControl = (targetLevel, currentLevel, onChangeCallback) => {
     const isActive = targetLevel === currentLevel;
     return {
-      icon: (0, _react.createElement)(_headingLevelIcon.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_headingLevelIcon.default, {
         level: targetLevel,
         isPressed: isActive
       }),
@@ -57,8 +57,8 @@ function HeadingLevelDropdown({
       onClick: () => onChangeCallback(targetLevel)
     };
   };
-  return (0, _react.createElement)(_components.DropdownMenu, {
-    icon: (0, _react.createElement)(_headingLevelIcon.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_headingLevelIcon.default, {
       level: value
     }),
     controls: options.map(index => createLevelControl(index, value, onChange)),

package/build/components/block-heading-level-dropdown/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_headingLevelIcon","_interopRequireDefault","HEADING_LEVELS","HeadingLevelDropdown","options","value","onChange","createLevelControl","targetLevel","currentLevel","onChangeCallback","isActive","icon","_react","createElement","default","level","isPressed","title","sprintf","__","onClick","DropdownMenu","controls","map","index","label"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { DropdownMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelIcon from './heading-level-icon';\n\nconst HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelDropdown props.\n *\n * @typedef WPHeadingLevelDropdownProps\n *\n * @property {number}     value    The chosen heading level.\n * @property {number[]}   options  An array of supported heading levels.\n * @property {()=>number} onChange Function called with\n *                                 the selected value changes.\n */\n\n/**\n * Dropdown for selecting a heading level (1 through 6).\n *\n * @param {WPHeadingLevelDropdownProps} props Component props.\n *\n * @return {ComponentType} The toolbar.\n */\nexport default function HeadingLevelDropdown( {\n\toptions = HEADING_LEVELS,\n\tvalue,\n\tonChange,\n} ) {\n\tconst createLevelControl = (\n\t\ttargetLevel,\n\t\tcurrentLevel,\n\t\tonChangeCallback\n\t) => {\n\t\tconst isActive = targetLevel === currentLevel;\n\t\treturn {\n\t\t\ticon: (\n\t\t\t\t<HeadingLevelIcon\n\t\t\t\t\tlevel={ targetLevel }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t/>\n\t\t\t),\n\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\ttitle: sprintf( __( 'Heading %d' ), targetLevel ),\n\t\t\tisActive,\n\t\t\tonClick: () => onChangeCallback( targetLevel ),\n\t\t};\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ <HeadingLevelIcon level={ value } /> }\n\t\t\tcontrols={ options.map( ( index ) =>\n\t\t\t\tcreateLevelControl( index, value, onChange )\n\t\t\t) }\n\t\t\tlabel={ __( 'Change level' ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,cAAc,GAAG,CAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;;AAE3C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAE;EAC7CC,OAAO,GAAGF,cAAc;EACxBG,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,kBAAkB,GAAGA,CAC1BC,WAAW,EACXC,YAAY,EACZC,gBAAgB,KACZ;IACJ,MAAMC,QAAQ,GAAGH,WAAW,KAAKC,YAAY;IAC7C,OAAO;MACNG,IAAI,EACH,IAAAC,MAAA,CAAAC,aAAA,EAACd,iBAAA,CAAAe,OAAgB;QAChBC,KAAK,EAAGR,WAAa;QACrBS,SAAS,EAAGN;MAAU,CACtB,CACD;MACD;MACAO,KAAK,EAAE,IAAAC,aAAO,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC,EAAEZ,WAAY,CAAC;MACjDG,QAAQ;MACRU,OAAO,EAAEA,CAAA,KAAMX,gBAAgB,CAAEF,WAAY;IAC9C,CAAC;EACF,CAAC;EAED,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAuB,YAAY;IACZV,IAAI,EAAG,IAAAC,MAAA,CAAAC,aAAA,EAACd,iBAAA,CAAAe,OAAgB;MAACC,KAAK,EAAGX;IAAO,CAAE,CAAG;IAC7CkB,QAAQ,EAAGnB,OAAO,CAACoB,GAAG,CAAIC,KAAK,IAC9BlB,kBAAkB,CAAEkB,KAAK,EAAEpB,KAAK,EAAEC,QAAS,CAC5C,CAAG;IACHoB,KAAK,EAAG,IAAAN,QAAE,EAAE,cAAe;EAAG,CAC9B,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_headingLevelIcon","_interopRequireDefault","_jsxRuntime","HEADING_LEVELS","HeadingLevelDropdown","options","value","onChange","createLevelControl","targetLevel","currentLevel","onChangeCallback","isActive","icon","jsx","default","level","isPressed","title","sprintf","__","onClick","DropdownMenu","controls","map","index","label"],"sources":["@wordpress/block-editor/src/components/block-heading-level-dropdown/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { DropdownMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport HeadingLevelIcon from './heading-level-icon';\n\nconst HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * HeadingLevelDropdown props.\n *\n * @typedef WPHeadingLevelDropdownProps\n *\n * @property {number}     value    The chosen heading level.\n * @property {number[]}   options  An array of supported heading levels.\n * @property {()=>number} onChange Function called with\n *                                 the selected value changes.\n */\n\n/**\n * Dropdown for selecting a heading level (1 through 6).\n *\n * @param {WPHeadingLevelDropdownProps} props Component props.\n *\n * @return {ComponentType} The toolbar.\n */\nexport default function HeadingLevelDropdown( {\n\toptions = HEADING_LEVELS,\n\tvalue,\n\tonChange,\n} ) {\n\tconst createLevelControl = (\n\t\ttargetLevel,\n\t\tcurrentLevel,\n\t\tonChangeCallback\n\t) => {\n\t\tconst isActive = targetLevel === currentLevel;\n\t\treturn {\n\t\t\ticon: (\n\t\t\t\t<HeadingLevelIcon\n\t\t\t\t\tlevel={ targetLevel }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t/>\n\t\t\t),\n\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\ttitle: sprintf( __( 'Heading %d' ), targetLevel ),\n\t\t\tisActive,\n\t\t\tonClick: () => onChangeCallback( targetLevel ),\n\t\t};\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ <HeadingLevelIcon level={ value } /> }\n\t\t\tcontrols={ options.map( ( index ) =>\n\t\t\t\tcreateLevelControl( index, value, onChange )\n\t\t\t) }\n\t\t\tlabel={ __( 'Change level' ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AATpD;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,cAAc,GAAG,CAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;;AAE3C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAE;EAC7CC,OAAO,GAAGF,cAAc;EACxBG,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,kBAAkB,GAAGA,CAC1BC,WAAW,EACXC,YAAY,EACZC,gBAAgB,KACZ;IACJ,MAAMC,QAAQ,GAAGH,WAAW,KAAKC,YAAY;IAC7C,OAAO;MACNG,IAAI,eACH,IAAAX,WAAA,CAAAY,GAAA,EAACd,iBAAA,CAAAe,OAAgB;QAChBC,KAAK,EAAGP,WAAa;QACrBQ,SAAS,EAAGL;MAAU,CACtB,CACD;MACD;MACAM,KAAK,EAAE,IAAAC,aAAO,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC,EAAEX,WAAY,CAAC;MACjDG,QAAQ;MACRS,OAAO,EAAEA,CAAA,KAAMV,gBAAgB,CAAEF,WAAY;IAC9C,CAAC;EACF,CAAC;EAED,oBACC,IAAAP,WAAA,CAAAY,GAAA,EAACf,WAAA,CAAAuB,YAAY;IACZT,IAAI,eAAG,IAAAX,WAAA,CAAAY,GAAA,EAACd,iBAAA,CAAAe,OAAgB;MAACC,KAAK,EAAGV;IAAO,CAAE,CAAG;IAC7CiB,QAAQ,EAAGlB,OAAO,CAACmB,GAAG,CAAIC,KAAK,IAC9BjB,kBAAkB,CAAEiB,KAAK,EAAEnB,KAAK,EAAEC,QAAS,CAC5C,CAAG;IACHmB,KAAK,EAAG,IAAAN,QAAE,EAAE,cAAe;EAAG,CAC9B,CAAC;AAEJ","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -29,7 +29,7 @@ function BlockIcon({
       src: _icons.blockDefault
     };
   }
-  const renderedIcon = (0, _react.createElement)(_components.Icon, {
+  const renderedIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: icon && icon.src ? icon.src : icon,
     context: context
   });
@@ -37,12 +37,13 @@ function BlockIcon({
     backgroundColor: icon && icon.background,
     color: icon && icon.foreground
   } : {};
-  return (0, _react.createElement)("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     style: style,
     className: (0, _clsx.default)('block-editor-block-icon', className, {
       'has-colors': showColors
-    })
-  }, renderedIcon);
+    }),
+    children: renderedIcon
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_icons","_element","BlockIcon","icon","showColors","className","context","src","blockDefault","renderedIcon","_react","createElement","Icon","style","backgroundColor","background","color","foreground","clsx","_default","exports","default","memo"],"sources":["@wordpress/block-editor/src/components/block-icon/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { memo } from '@wordpress/element';\n\nfunction BlockIcon( { icon, showColors = false, className, context } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = (\n\t\t<Icon icon={ icon && icon.src ? icon.src : icon } context={ context } />\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<span\n\t\t\tstyle={ style }\n\t\t\tclassName={ clsx( 'block-editor-block-icon', className, {\n\t\t\t\t'has-colors': showColors,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ renderedIcon }\n\t\t</span>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-icon/README.md\n */\nexport default memo( BlockIcon );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASI,SAASA,CAAE;EAAEC,IAAI;EAAEC,UAAU,GAAG,KAAK;EAAEC,SAAS;EAAEC;AAAQ,CAAC,EAAG;EACtE,IAAKH,IAAI,EAAEI,GAAG,KAAK,eAAe,EAAG;IACpCJ,IAAI,GAAG;MACNI,GAAG,EAAEC;IACN,CAAC;EACF;EAEA,MAAMC,YAAY,GACjB,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,IAAI;IAACT,IAAI,EAAGA,IAAI,IAAIA,IAAI,CAACI,GAAG,GAAGJ,IAAI,CAACI,GAAG,GAAGJ,IAAM;IAACG,OAAO,EAAGA;EAAS,CAAE,CACvE;EACD,MAAMO,KAAK,GAAGT,UAAU,GACrB;IACAU,eAAe,EAAEX,IAAI,IAAIA,IAAI,CAACY,UAAU;IACxCC,KAAK,EAAEb,IAAI,IAAIA,IAAI,CAACc;EACpB,CAAC,GACD,CAAC,CAAC;EAEL,OACC,IAAAP,MAAA,CAAAC,aAAA;IACCE,KAAK,EAAGA,KAAO;IACfR,SAAS,EAAG,IAAAa,aAAI,EAAE,yBAAyB,EAAEb,SAAS,EAAE;MACvD,YAAY,EAAED;IACf,CAAE;EAAG,GAEHK,YACG,CAAC;AAET;;AAEA;AACA;AACA;AAFA,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGe,IAAAC,aAAI,EAAEpB,SAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_icons","_element","_jsxRuntime","BlockIcon","icon","showColors","className","context","src","blockDefault","renderedIcon","jsx","Icon","style","backgroundColor","background","color","foreground","clsx","children","_default","exports","default","memo"],"sources":["@wordpress/block-editor/src/components/block-icon/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { memo } from '@wordpress/element';\n\nfunction BlockIcon( { icon, showColors = false, className, context } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = (\n\t\t<Icon icon={ icon && icon.src ? icon.src : icon } context={ context } />\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<span\n\t\t\tstyle={ style }\n\t\t\tclassName={ clsx( 'block-editor-block-icon', className, {\n\t\t\t\t'has-colors': showColors,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ renderedIcon }\n\t\t</span>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-icon/README.md\n */\nexport default memo( BlockIcon );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAV1C;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASK,SAASA,CAAE;EAAEC,IAAI;EAAEC,UAAU,GAAG,KAAK;EAAEC,SAAS;EAAEC;AAAQ,CAAC,EAAG;EACtE,IAAKH,IAAI,EAAEI,GAAG,KAAK,eAAe,EAAG;IACpCJ,IAAI,GAAG;MACNI,GAAG,EAAEC;IACN,CAAC;EACF;EAEA,MAAMC,YAAY,gBACjB,IAAAR,WAAA,CAAAS,GAAA,EAACZ,WAAA,CAAAa,IAAI;IAACR,IAAI,EAAGA,IAAI,IAAIA,IAAI,CAACI,GAAG,GAAGJ,IAAI,CAACI,GAAG,GAAGJ,IAAM;IAACG,OAAO,EAAGA;EAAS,CAAE,CACvE;EACD,MAAMM,KAAK,GAAGR,UAAU,GACrB;IACAS,eAAe,EAAEV,IAAI,IAAIA,IAAI,CAACW,UAAU;IACxCC,KAAK,EAAEZ,IAAI,IAAIA,IAAI,CAACa;EACpB,CAAC,GACD,CAAC,CAAC;EAEL,oBACC,IAAAf,WAAA,CAAAS,GAAA;IACCE,KAAK,EAAGA,KAAO;IACfP,SAAS,EAAG,IAAAY,aAAI,EAAE,yBAAyB,EAAEZ,SAAS,EAAE;MACvD,YAAY,EAAED;IACf,CAAE,CAAG;IAAAc,QAAA,EAEHT;EAAY,CACT,CAAC;AAET;;AAEA;AACA;AACA;AAFA,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGe,IAAAC,aAAI,EAAEpB,SAAU,CAAC","ignoreList":[]}

package/build/components/block-icon/index.native.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockIcon = BlockIcon;
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -37,7 +37,7 @@ function BlockIcon({
   }
   const defaultFill = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark)?.fill;
   const iconForeground = showColors ? icon?.foreground : undefined;
-  const renderedIcon = (0, _react.createElement)(_components.Icon, {
+  const renderedIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: icon && icon.src ? icon.src : icon,
     fill: fill || iconForeground || defaultFill,
     ...(size && {
@@ -47,9 +47,10 @@ function BlockIcon({
   const style = showColors ? {
     backgroundColor: icon && icon.background
   } : {};
-  return (0, _react.createElement)(_reactNative.View, {
-    style: style
-  }, renderedIcon);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    children: renderedIcon
+  });
 }
 var _default = exports.default = BlockIcon;
 //# sourceMappingURL=index.native.js.map

package/build/components/block-icon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_icons","_compose","_style","_interopRequireDefault","BlockIcon","icon","fill","size","showColors","src","blockDefault","defaultFill","usePreferredColorSchemeStyle","styles","iconPlaceholder","iconPlaceholderDark","iconForeground","foreground","undefined","renderedIcon","_react","createElement","Icon","style","backgroundColor","background","View","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-icon/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function BlockIcon( { icon, fill, size, showColors = false } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst defaultFill = usePreferredColorSchemeStyle(\n\t\tstyles.iconPlaceholder,\n\t\tstyles.iconPlaceholderDark\n\t)?.fill;\n\tconst iconForeground = showColors ? icon?.foreground : undefined;\n\n\tconst renderedIcon = (\n\t\t<Icon\n\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\tfill={ fill || iconForeground || defaultFill }\n\t\t\t{ ...( size && { size } ) }\n\t\t/>\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t  }\n\t\t: {};\n\n\treturn <View style={ style }>{ renderedIcon }</View>;\n}\n\nexport default BlockIcon;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGO,SAASM,SAASA,CAAE;EAAEC,IAAI;EAAEC,IAAI;EAAEC,IAAI;EAAEC,UAAU,GAAG;AAAM,CAAC,EAAG;EACrE,IAAKH,IAAI,EAAEI,GAAG,KAAK,eAAe,EAAG;IACpCJ,IAAI,GAAG;MACNI,GAAG,EAAEC;IACN,CAAC;EACF;EAEA,MAAMC,WAAW,GAAG,IAAAC,qCAA4B,EAC/CC,cAAM,CAACC,eAAe,EACtBD,cAAM,CAACE,mBACR,CAAC,EAAET,IAAI;EACP,MAAMU,cAAc,GAAGR,UAAU,GAAGH,IAAI,EAAEY,UAAU,GAAGC,SAAS;EAEhE,MAAMC,YAAY,GACjB,IAAAC,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,IAAI;IACJjB,IAAI,EAAGA,IAAI,IAAIA,IAAI,CAACI,GAAG,GAAGJ,IAAI,CAACI,GAAG,GAAGJ,IAAM;IAC3CC,IAAI,EAAGA,IAAI,IAAIU,cAAc,IAAIL,WAAa;IAAA,IACvCJ,IAAI,IAAI;MAAEA;IAAK,CAAC;EAAA,CACvB,CACD;EACD,MAAMgB,KAAK,GAAGf,UAAU,GACrB;IACAgB,eAAe,EAAEnB,IAAI,IAAIA,IAAI,CAACoB;EAC9B,CAAC,GACD,CAAC,CAAC;EAEL,OAAO,IAAAL,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAA6B,IAAI;IAACH,KAAK,EAAGA;EAAO,GAAGJ,YAAoB,CAAC;AACrD;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,SAAS","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_components","_icons","_compose","_style","_interopRequireDefault","_jsxRuntime","BlockIcon","icon","fill","size","showColors","src","blockDefault","defaultFill","usePreferredColorSchemeStyle","styles","iconPlaceholder","iconPlaceholderDark","iconForeground","foreground","undefined","renderedIcon","jsx","Icon","style","backgroundColor","background","View","children","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-icon/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function BlockIcon( { icon, fill, size, showColors = false } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst defaultFill = usePreferredColorSchemeStyle(\n\t\tstyles.iconPlaceholder,\n\t\tstyles.iconPlaceholderDark\n\t)?.fill;\n\tconst iconForeground = showColors ? icon?.foreground : undefined;\n\n\tconst renderedIcon = (\n\t\t<Icon\n\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\tfill={ fill || iconForeground || defaultFill }\n\t\t\t{ ...( size && { size } ) }\n\t\t/>\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t  }\n\t\t: {};\n\n\treturn <View style={ style }>{ renderedIcon }</View>;\n}\n\nexport default BlockIcon;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AAflC;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGO,SAASO,SAASA,CAAE;EAAEC,IAAI;EAAEC,IAAI;EAAEC,IAAI;EAAEC,UAAU,GAAG;AAAM,CAAC,EAAG;EACrE,IAAKH,IAAI,EAAEI,GAAG,KAAK,eAAe,EAAG;IACpCJ,IAAI,GAAG;MACNI,GAAG,EAAEC;IACN,CAAC;EACF;EAEA,MAAMC,WAAW,GAAG,IAAAC,qCAA4B,EAC/CC,cAAM,CAACC,eAAe,EACtBD,cAAM,CAACE,mBACR,CAAC,EAAET,IAAI;EACP,MAAMU,cAAc,GAAGR,UAAU,GAAGH,IAAI,EAAEY,UAAU,GAAGC,SAAS;EAEhE,MAAMC,YAAY,gBACjB,IAAAhB,WAAA,CAAAiB,GAAA,EAACtB,WAAA,CAAAuB,IAAI;IACJhB,IAAI,EAAGA,IAAI,IAAIA,IAAI,CAACI,GAAG,GAAGJ,IAAI,CAACI,GAAG,GAAGJ,IAAM;IAC3CC,IAAI,EAAGA,IAAI,IAAIU,cAAc,IAAIL,WAAa;IAAA,IACvCJ,IAAI,IAAI;MAAEA;IAAK,CAAC;EAAA,CACvB,CACD;EACD,MAAMe,KAAK,GAAGd,UAAU,GACrB;IACAe,eAAe,EAAElB,IAAI,IAAIA,IAAI,CAACmB;EAC9B,CAAC,GACD,CAAC,CAAC;EAEL,oBAAO,IAAArB,WAAA,CAAAiB,GAAA,EAACxB,YAAA,CAAA6B,IAAI;IAACH,KAAK,EAAGA,KAAO;IAAAI,QAAA,EAAGP;EAAY,CAAQ,CAAC;AACrD;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,SAAS","ignoreList":[]}

package/build/components/block-info-slot-fill/index.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 _lockUnlock = require("../../lock-unlock");
 var _context = require("../block-edit/context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,11 +28,11 @@ const BlockInfo = props => {
   if (!context[_context.mayDisplayControlsKey]) {
     return null;
   }
-  return (0, _react.createElement)(Fill, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {
     ...props
   });
 };
-BlockInfo.Slot = props => (0, _react.createElement)(Slot, {
+BlockInfo.Slot = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
   ...props
 });
 var _default = exports.default = BlockInfo;

package/build/components/block-info-slot-fill/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_lockUnlock","_context","createPrivateSlotFill","unlock","componentsPrivateApis","Fill","Slot","BlockInfo","props","context","useBlockEditContext","mayDisplayControlsKey","_react","createElement","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-info-slot-fill/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';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst { Fill, Slot } = createPrivateSlotFill( 'BlockInformation' );\n\nconst BlockInfo = ( props ) => {\n\tconst context = useBlockEditContext();\n\tif ( ! context[ mayDisplayControlsKey ] ) {\n\t\treturn null;\n\t}\n\treturn <Fill { ...props } />;\n};\nBlockInfo.Slot = ( props ) => <Slot { ...props } />;\n\nexport default BlockInfo;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEG;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjE,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGJ,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMK,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,IAAK,CAAED,OAAO,CAAEE,8BAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EACA,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACR,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,IAAM,IAAAI,MAAA,CAAAC,aAAA,EAACP,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErCT,SAAS","ignoreList":[]}
+{"version":3,"names":["_components","require","_lockUnlock","_context","_jsxRuntime","createPrivateSlotFill","unlock","componentsPrivateApis","Fill","Slot","BlockInfo","props","context","useBlockEditContext","mayDisplayControlsKey","jsx","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-info-slot-fill/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';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst { Fill, Slot } = createPrivateSlotFill( 'BlockInformation' );\n\nconst BlockInfo = ( props ) => {\n\tconst context = useBlockEditContext();\n\tif ( ! context[ mayDisplayControlsKey ] ) {\n\t\treturn null;\n\t}\n\treturn <Fill { ...props } />;\n};\nBlockInfo.Slot = ( props ) => <Slot { ...props } />;\n\nexport default BlockInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAG+B,IAAAG,WAAA,GAAAH,OAAA;AAZ/B;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEI;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjE,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGJ,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMK,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,IAAK,CAAED,OAAO,CAAEE,8BAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EACA,oBAAO,IAAAV,WAAA,CAAAW,GAAA,EAACP,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,iBAAM,IAAAP,WAAA,CAAAW,GAAA,EAACN,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErCR,SAAS","ignoreList":[]}