@wordpress/block-editor 12.10.2 → 12.11.0

package/build/components/inspector-controls-tabs/styles-tab.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -25,31 +25,31 @@ const StylesTab = ({
   clientId,
   hasBlockStyles
 }) => {
-  return (0, _element.createElement)(_element.Fragment, null, hasBlockStyles && (0, _element.createElement)("div", null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, hasBlockStyles && (0, _react.createElement)("div", null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Styles')
-  }, (0, _element.createElement)(_blockStyles.default, {
+  }, (0, _react.createElement)(_blockStyles.default, {
     clientId: clientId
-  }), (0, _blocks.hasBlockSupport)(blockName, 'defaultStylePicker', true) && (0, _element.createElement)(_defaultStylePicker.default, {
+  }), (0, _blocks.hasBlockSupport)(blockName, 'defaultStylePicker', true) && (0, _react.createElement)(_defaultStylePicker.default, {
     blockName: blockName
-  }))), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }))), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "color",
     label: (0, _i18n.__)('Color'),
     className: "color-block-support-panel__inner-wrapper"
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "background",
     label: (0, _i18n.__)('Background')
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "filter"
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "typography",
     label: (0, _i18n.__)('Typography')
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "dimensions",
     label: (0, _i18n.__)('Dimensions')
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "border",
     label: (0, _i18n.__)('Border')
-  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "styles"
   }));
 };

package/build/components/inspector-controls-tabs/styles-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_components","_i18n","_blockStyles","_interopRequireDefault","_defaultStylePicker","_inspectorControls","StylesTab","blockName","clientId","hasBlockStyles","_element","createElement","Fragment","PanelBody","title","__","default","hasBlockSupport","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ __( 'Border' ) } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAMO,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGH,cAAc,IACf,IAAAC,QAAA,CAAAC,aAAA,eACC,IAAAD,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAL,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,OAAW;IAACR,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACnC,IAAAS,uBAAe,EAChBV,SAAS,EACT,oBAAoB,EACpB,IACD,CAAC,IAAI,IAAAG,QAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAY,OAAkB;IAACT,SAAS,EAAGA;EAAW,CAAE,CACxC,CACP,CACL,EACD,IAAAG,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,OAAO;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;IACvBM,SAAS,EAAC;EAA0C,CACpD,CAAC,EACF,IAAAX,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC,IAAAT,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,QAAS;EAAG,CAAE,CAAC,EAClE,IAAAL,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CACvC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_blocks","require","_components","_i18n","_blockStyles","_interopRequireDefault","_defaultStylePicker","_inspectorControls","StylesTab","blockName","clientId","hasBlockStyles","_react","createElement","Fragment","PanelBody","title","__","default","hasBlockSupport","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ __( 'Border' ) } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAMO,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGH,cAAc,IACf,IAAAC,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAL,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,OAAW;IAACR,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACnC,IAAAS,uBAAe,EAChBV,SAAS,EACT,oBAAoB,EACpB,IACD,CAAC,IAAI,IAAAG,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAY,OAAkB;IAACT,SAAS,EAAGA;EAAW,CAAE,CACxC,CACP,CACL,EACD,IAAAG,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,OAAO;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;IACvBM,SAAS,EAAC;EAA0C,CACpD,CAAC,EACF,IAAAX,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC,IAAAT,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,QAAS;EAAG,CAAE,CAAC,EAClE,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CACvC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/build/components/inspector-popover-header/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InspectorPopoverHeader;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
@@ -18,31 +18,31 @@ function InspectorPopoverHeader({
   actions = [],
   onClose
 }) {
-  return (0, _element.createElement)(_components.__experimentalVStack, {
+  return (0, _react.createElement)(_components.__experimentalVStack, {
     className: "block-editor-inspector-popover-header",
     spacing: 4
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "center"
-  }, (0, _element.createElement)(_components.__experimentalHeading, {
+  }, (0, _react.createElement)(_components.__experimentalHeading, {
     className: "block-editor-inspector-popover-header__heading",
     level: 2,
     size: 13
-  }, title), (0, _element.createElement)(_components.__experimentalSpacer, null), actions.map(({
+  }, title), (0, _react.createElement)(_components.__experimentalSpacer, null), actions.map(({
     label,
     icon,
     onClick
-  }) => (0, _element.createElement)(_components.Button, {
+  }) => (0, _react.createElement)(_components.Button, {
     key: label,
     className: "block-editor-inspector-popover-header__action",
     label: label,
     icon: icon,
     variant: !icon && 'tertiary',
     onClick: onClick
-  }, !icon && label)), onClose && (0, _element.createElement)(_components.Button, {
+  }, !icon && label)), onClose && (0, _react.createElement)(_components.Button, {
     className: "block-editor-inspector-popover-header__action",
     label: (0, _i18n.__)('Close'),
     icon: _icons.closeSmall,
     onClick: onClose
-  })), help && (0, _element.createElement)(_components.__experimentalText, null, help));
+  })), help && (0, _react.createElement)(_components.__experimentalText, null, help));
 }
 //# sourceMappingURL=index.js.map

package/build/components/inspector-popover-header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","InspectorPopoverHeader","title","help","actions","onClose","_element","createElement","__experimentalVStack","className","spacing","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","map","label","icon","onClick","Button","key","variant","__","closeSmall","__experimentalText"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAYe,SAASG,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,oBAAM;IAACC,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG;EAAG,GACtE,IAAAJ,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAc,oBAAM;IAACC,SAAS,EAAC;EAAQ,GACzB,IAAAN,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,qBAAO;IACPJ,SAAS,EAAC,gDAAgD;IAC1DK,KAAK,EAAG,CAAG;IACXC,IAAI,EAAG;EAAI,GAETb,KACM,CAAC,EACV,IAAAI,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAmB,oBAAM,MAAE,CAAC,EACRZ,OAAO,CAACa,GAAG,CAAE,CAAE;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAQ,CAAC,KACxC,IAAAd,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNC,GAAG,EAAGJ,KAAO;IACbT,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbI,OAAO,EAAG,CAAEJ,IAAI,IAAI,UAAY;IAChCC,OAAO,EAAGA;EAAS,GAEjB,CAAED,IAAI,IAAID,KACL,CACP,CAAC,EACDb,OAAO,IACR,IAAAC,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNZ,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvBL,IAAI,EAAGM,iBAAY;IACnBL,OAAO,EAAGf;EAAS,CACnB,CAEK,CAAC,EACPF,IAAI,IAAI,IAAAG,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAA6B,kBAAI,QAAGvB,IAAY,CACvB,CAAC;AAEX"}
+{"version":3,"names":["_components","require","_icons","_i18n","InspectorPopoverHeader","title","help","actions","onClose","_react","createElement","__experimentalVStack","className","spacing","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","map","label","icon","onClick","Button","key","variant","__","closeSmall","__experimentalText"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAYe,SAASG,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,oBAAM;IAACC,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG;EAAG,GACtE,IAAAJ,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAc,oBAAM;IAACC,SAAS,EAAC;EAAQ,GACzB,IAAAN,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,qBAAO;IACPJ,SAAS,EAAC,gDAAgD;IAC1DK,KAAK,EAAG,CAAG;IACXC,IAAI,EAAG;EAAI,GAETb,KACM,CAAC,EACV,IAAAI,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAmB,oBAAM,MAAE,CAAC,EACRZ,OAAO,CAACa,GAAG,CAAE,CAAE;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAQ,CAAC,KACxC,IAAAd,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNC,GAAG,EAAGJ,KAAO;IACbT,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbI,OAAO,EAAG,CAAEJ,IAAI,IAAI,UAAY;IAChCC,OAAO,EAAGA;EAAS,GAEjB,CAAED,IAAI,IAAID,KACL,CACP,CAAC,EACDb,OAAO,IACR,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNZ,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvBL,IAAI,EAAGM,iBAAY;IACnBL,OAAO,EAAGf;EAAS,CACnB,CAEK,CAAC,EACPF,IAAI,IAAI,IAAAG,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAA6B,kBAAI,QAAGvB,IAAY,CACvB,CAAC;AAEX"}

package/build/components/justify-content-control/index.js

@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.JustifyToolbar = exports.JustifyContentControl = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _ui = _interopRequireDefault(require("./ui"));
 /**
  * Internal dependencies
  */
 
 const JustifyContentControl = props => {
-  return (0, _element.createElement)(_ui.default, {
+  return (0, _react.createElement)(_ui.default, {
     ...props,
     isToolbar: false
   });
 };
 exports.JustifyContentControl = JustifyContentControl;
 const JustifyToolbar = props => {
-  return (0, _element.createElement)(_ui.default, {
+  return (0, _react.createElement)(_ui.default, {
     ...props,
     isToolbar: true
   });

package/build/components/justify-content-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ui","_interopRequireDefault","require","JustifyContentControl","props","_element","createElement","default","isToolbar","exports","JustifyToolbar"],"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"],"mappings":";;;;;;;;AAGA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAN,qBAAA,GAAAA,qBAAA;AAEF,MAAMO,cAAc,GAAKN,KAAK,IAAM;EACnC,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_ui","_interopRequireDefault","require","JustifyContentControl","props","_react","createElement","default","isToolbar","exports","JustifyToolbar"],"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"],"mappings":";;;;;;;;AAGA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAN,qBAAA,GAAAA,qBAAA;AAEF,MAAMO,cAAc,GAAKN,KAAK,IAAM;EACnC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/build/components/justify-content-control/ui.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
@@ -73,7 +73,7 @@ function JustifyContentUI({
   const extraProps = isToolbar ? {
     isCollapsed
   } : {};
-  return (0, _element.createElement)(UIComponent, {
+  return (0, _react.createElement)(UIComponent, {
     icon: icon,
     popoverProps: popoverProps,
     label: (0, _i18n.__)('Change items justification'),

package/build/components/justify-content-control/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","icons","left","justifyLeft","center","justifyCenter","right","justifyRight","justifySpaceBetween","stretch","justifyStretch","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","__","isActive","onClick","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","_element","createElement","label","controls","filter","elem","includes","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_icons","_i18n","icons","left","justifyLeft","center","justifyCenter","right","justifyRight","justifySpaceBetween","stretch","justifyStretch","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","__","isActive","onClick","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","_react","createElement","label","controls","filter","elem","includes","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"],"mappings":"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"}

package/build/components/letter-spacing-control/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LetterSpacingControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _useSetting = _interopRequireDefault(require("../../components/use-setting"));
@@ -25,7 +25,7 @@ var _useSetting = _interopRequireDefault(require("../../components/use-setting")
  * @param {Function}                props.onChange             Handles change in letter-spacing selection.
  * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.
  *
- * @return {WPElement} Letter-spacing control.
+ * @return {Element} Letter-spacing control.
  */
 function LetterSpacingControl({
   value,
@@ -41,7 +41,7 @@ function LetterSpacingControl({
       rem: 0.2
     }
   });
-  return (0, _element.createElement)(_components.__experimentalUnitControl, {
+  return (0, _react.createElement)(_components.__experimentalUnitControl, {
     ...otherProps,
     label: (0, _i18n.__)('Letter spacing'),
     value: value,

package/build/components/letter-spacing-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_useSetting","_interopRequireDefault","LetterSpacingControl","value","onChange","__unstableInputWidth","otherProps","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","_element","createElement","__experimentalUnitControl","label","__"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../../components/use-setting';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected letter-spacing.\n * @param {Function}                props.onChange             Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {WPElement} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASI,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,mBAAU,EAAE,eAAgB,CAAC,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACtEC,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,yBAAW;IAAA,GACNX,UAAU;IACfY,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChChB,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CE,KAAK,EAAGA,KAAO;IACfH,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ"}
+{"version":3,"names":["_components","require","_i18n","_useSetting","_interopRequireDefault","LetterSpacingControl","value","onChange","__unstableInputWidth","otherProps","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","_react","createElement","__experimentalUnitControl","label","__"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../../components/use-setting';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected letter-spacing.\n * @param {Function}                props.onChange             Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASI,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,mBAAU,EAAE,eAAgB,CAAC,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACtEC,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,yBAAW;IAAA,GACNX,UAAU;IACfY,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChChB,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CE,KAAK,EAAGA,KAAO;IACfH,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ"}

package/build/components/line-height-control/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -95,10 +95,10 @@ const LineHeightControl = ({
     }
     onChange(`${nextValue}`);
   };
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-line-height-control",
     style: deprecatedStyles
-  }, (0, _element.createElement)(_components.__experimentalNumberControl, {
+  }, (0, _react.createElement)(_components.__experimentalNumberControl, {
     ...otherProps,
     __unstableInputWidth: __unstableInputWidth,
     __unstableStateReducer: stateReducer,

package/build/components/line-height-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_deprecated","_interopRequireDefault","require","_i18n","_components","_utils","LineHeightControl","value","lineHeight","onChange","__nextHasNoMarginBottom","__unstableInputWidth","otherProps","isDefined","isLineHeightDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","STEP","SPIN_FACTOR","BASE_DEFAULT_VALUE","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","RESET_VALUE","deprecated","since","version","hint","deprecatedStyles","undefined","marginBottom","handleOnChange","type","_element","createElement","className","style","__experimentalNumberControl","__unstableStateReducer","label","__","placeholder","step","spinFactor","min","spinControls","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\tvalue: lineHeight,\n\tonChange,\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMarginBottom = false,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) return nextValue;\n\n\t\t/**\n\t\t * The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t */\n\t\tconst spin = STEP * SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) return nextValue;\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tif ( ! __nextHasNoMarginBottom ) {\n\t\tdeprecated(\n\t\t\t'Bottom margin styles for wp.blockEditor.LineHeightControl',\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\tconst deprecatedStyles = __nextHasNoMarginBottom\n\t\t? undefined\n\t\t: { marginBottom: 24 };\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-line-height-control\"\n\t\t\tstyle={ deprecatedStyles }\n\t\t>\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":"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"}
+{"version":3,"names":["_deprecated","_interopRequireDefault","require","_i18n","_components","_utils","LineHeightControl","value","lineHeight","onChange","__nextHasNoMarginBottom","__unstableInputWidth","otherProps","isDefined","isLineHeightDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","STEP","SPIN_FACTOR","BASE_DEFAULT_VALUE","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","RESET_VALUE","deprecated","since","version","hint","deprecatedStyles","undefined","marginBottom","handleOnChange","type","_react","createElement","className","style","__experimentalNumberControl","__unstableStateReducer","label","__","placeholder","step","spinFactor","min","spinControls","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\tvalue: lineHeight,\n\tonChange,\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMarginBottom = false,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) return nextValue;\n\n\t\t/**\n\t\t * The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t */\n\t\tconst spin = STEP * SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) return nextValue;\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tif ( ! __nextHasNoMarginBottom ) {\n\t\tdeprecated(\n\t\t\t'Bottom margin styles for wp.blockEditor.LineHeightControl',\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\tconst deprecatedStyles = __nextHasNoMarginBottom\n\t\t? undefined\n\t\t: { marginBottom: 24 };\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-line-height-control\"\n\t\t\tstyle={ deprecatedStyles }\n\t\t>\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":"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"}

package/build/components/line-height-control/index.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LineHeightControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _utils = require("./utils");
@@ -22,7 +22,7 @@ function LineHeightControl({
 }) {
   const isDefined = (0, _utils.isLineHeightDefined)(lineHeight);
   const value = isDefined ? lineHeight : _utils.BASE_DEFAULT_VALUE;
-  return (0, _element.createElement)(_components.UnitControl, {
+  return (0, _react.createElement)(_components.UnitControl, {
     label: (0, _i18n.__)('Line Height')
     // Set minimun value of 1 since lower values break on Android
     ,

package/build/components/line-height-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_utils","LineHeightControl","value","lineHeight","onChange","isDefined","isLineHeightDefined","BASE_DEFAULT_VALUE","_element","createElement","UnitControl","label","__","min","max","step","STEP","units"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { UnitControl } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { BASE_DEFAULT_VALUE, STEP, isLineHeightDefined } from './utils';\n\nexport default function LineHeightControl( { value: lineHeight, onChange } ) {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\tconst value = isDefined ? lineHeight : BASE_DEFAULT_VALUE;\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Line Height' ) }\n\t\t\t// Set minimun value of 1 since lower values break on Android\n\t\t\tmin={ 1 }\n\t\t\tmax={ 5 }\n\t\t\tstep={ STEP }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\t// TODO: should be updated to avoid using `false`, in order to\n\t\t\t// align with the web version of `UnitControl`\n\t\t\tunits={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,iBAAiBA,CAAE;EAAEC,KAAK,EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EAC5E,MAAMC,SAAS,GAAG,IAAAC,0BAAmB,EAAEH,UAAW,CAAC;EACnD,MAAMD,KAAK,GAAGG,SAAS,GAAGF,UAAU,GAAGI,yBAAkB;EACzD,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,WAAW;IACXC,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc;IAC1B;IAAA;IACAC,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,CAAG;IACTC,IAAI,EAAGC,WAAM;IACbd,KAAK,EAAGA,KAAO;IACfE,QAAQ,EAAGA;IACX;IACA;IAAA;IACAa,KAAK,EAAG;EAAO,CACf,CAAC;AAEJ"}
+{"version":3,"names":["_i18n","require","_components","_utils","LineHeightControl","value","lineHeight","onChange","isDefined","isLineHeightDefined","BASE_DEFAULT_VALUE","_react","createElement","UnitControl","label","__","min","max","step","STEP","units"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { UnitControl } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { BASE_DEFAULT_VALUE, STEP, isLineHeightDefined } from './utils';\n\nexport default function LineHeightControl( { value: lineHeight, onChange } ) {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\tconst value = isDefined ? lineHeight : BASE_DEFAULT_VALUE;\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Line Height' ) }\n\t\t\t// Set minimun value of 1 since lower values break on Android\n\t\t\tmin={ 1 }\n\t\t\tmax={ 5 }\n\t\t\tstep={ STEP }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\t// TODO: should be updated to avoid using `false`, in order to\n\t\t\t// align with the web version of `UnitControl`\n\t\t\tunits={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,iBAAiBA,CAAE;EAAEC,KAAK,EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EAC5E,MAAMC,SAAS,GAAG,IAAAC,0BAAmB,EAAEH,UAAW,CAAC;EACnD,MAAMD,KAAK,GAAGG,SAAS,GAAGF,UAAU,GAAGI,yBAAkB;EACzD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,WAAW;IACXC,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc;IAC1B;IAAA;IACAC,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,CAAG;IACTC,IAAI,EAAGC,WAAM;IACbd,KAAK,EAAGA,KAAO;IACfE,QAAQ,EAAGA;IACX;IACA;IAAA;IACAa,KAAK,EAAG;EAAO,CACf,CAAC;AAEJ"}

package/build/components/link-control/index.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _dom = require("@wordpress/dom");
 var _keycodes = require("@wordpress/keycodes");
 var _isShallowEqual = require("@wordpress/is-shallow-equal");
@@ -300,19 +301,19 @@ function LinkControl({
   const isEditing = (isEditingLink || !value) && !isCreatingPage;
   const isDisabled = !valueHasChanges || currentInputIsEmpty;
   const showSettings = !!settings?.length && isEditingLink && hasLinkValue;
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     tabIndex: -1,
     ref: wrapperNode,
     className: "block-editor-link-control"
-  }, isCreatingPage && (0, _element.createElement)("div", {
+  }, isCreatingPage && (0, _react.createElement)("div", {
     className: "block-editor-link-control__loading"
-  }, (0, _element.createElement)(_components.Spinner, null), " ", (0, _i18n.__)('Creating'), "\u2026"), isEditing && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)(_components.Spinner, null), " ", (0, _i18n.__)('Creating'), "\u2026"), isEditing && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: (0, _classnames.default)({
       'block-editor-link-control__search-input-wrapper': true,
       'has-text-control': showTextControl,
       'has-actions': showActions
     })
-  }, showTextControl && (0, _element.createElement)(_components.TextControl, {
+  }, showTextControl && (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     ref: textInputRef,
     className: "block-editor-link-control__field block-editor-link-control__text-content",
@@ -321,7 +322,7 @@ function LinkControl({
     onChange: setInternalTextInputValue,
     onKeyDown: handleSubmitWithEnter,
     size: "__unstable-large"
-  }), (0, _element.createElement)(_searchInput.default, {
+  }), (0, _react.createElement)(_searchInput.default, {
     currentLink: value,
     className: "block-editor-link-control__field block-editor-link-control__search-input",
     placeholder: searchInputPlaceholder,
@@ -337,19 +338,19 @@ function LinkControl({
     withURLSuggestion: !noURLSuggestion,
     createSuggestionButtonText: createSuggestionButtonText,
     hideLabelFromVision: !showTextControl
-  }), !showActions && (0, _element.createElement)("div", {
+  }), !showActions && (0, _react.createElement)("div", {
     className: "block-editor-link-control__search-enter"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     onClick: isDisabled ? noop : handleSubmit,
     label: (0, _i18n.__)('Submit'),
     icon: _icons.keyboardReturn,
     className: "block-editor-link-control__search-submit",
     "aria-disabled": isDisabled
-  }))), errorMessage && (0, _element.createElement)(_components.Notice, {
+  }))), errorMessage && (0, _react.createElement)(_components.Notice, {
     className: "block-editor-link-control__search-error",
     status: "error",
     isDismissible: false
-  }, errorMessage)), value && !isEditingLink && !isCreatingPage && (0, _element.createElement)(_linkPreview.default, {
+  }, errorMessage)), value && !isEditingLink && !isCreatingPage && (0, _react.createElement)(_linkPreview.default, {
     key: value?.url // force remount when URL changes to avoid race conditions for rich previews
     ,
     value: value,
@@ -360,7 +361,7 @@ function LinkControl({
       // Expose the "Opens in new tab" settings in the preview
       // as it is the most common setting to change.
       if (settings?.find(setting => setting.id === 'opensInNewTab')) {
-        return (0, _element.createElement)(_settings.default, {
+        return (0, _react.createElement)(_settings.default, {
           value: internalControlValue,
           settings: settings?.filter(({
             id
@@ -373,23 +374,23 @@ function LinkControl({
       onRemove();
       setIsEditingLink(true);
     }
-  }), showSettings && (0, _element.createElement)("div", {
+  }), showSettings && (0, _react.createElement)("div", {
     className: "block-editor-link-control__tools"
-  }, !currentInputIsEmpty && (0, _element.createElement)(_settingsDrawer.default, {
+  }, !currentInputIsEmpty && (0, _react.createElement)(_settingsDrawer.default, {
     settingsOpen: isSettingsOpen,
     setSettingsOpen: setSettingsOpenWithPreference
-  }, (0, _element.createElement)(_settings.default, {
+  }, (0, _react.createElement)(_settings.default, {
     value: internalControlValue,
     settings: settings,
     onChange: createSetInternalSettingValueHandler(settingsKeys)
-  }))), showActions && (0, _element.createElement)("div", {
+  }))), showActions && (0, _react.createElement)("div", {
     className: "block-editor-link-control__search-actions"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "primary",
     onClick: isDisabled ? noop : handleSubmit,
     className: "block-editor-link-control__search-submit",
     "aria-disabled": isDisabled
-  }, (0, _i18n.__)('Save')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Save')), (0, _react.createElement)(_components.Button, {
     variant: "tertiary",
     onClick: handleCancel
   }, (0, _i18n.__)('Cancel'))), renderControlBottom && renderControlBottom());