@wordpress/block-editor 12.25.0 → 13.0.0

package/build-module/components/border-radius-control/all-input-control.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,7 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { getAllValue, getAllUnit, hasMixedValues, hasDefinedValues } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function AllInputControl({
   onChange,
   selectedUnits,
@@ -43,7 +43,7 @@ export default function AllInputControl({
       bottomRight: unit
     });
   };
-  return createElement(UnitControl, {
+  return /*#__PURE__*/_jsx(UnitControl, {
     ...props,
     "aria-label": __('Border radius'),
     disableUnits: isMixed,
@@ -52,7 +52,7 @@ export default function AllInputControl({
     onChange: handleOnChange,
     onUnitChange: handleOnUnitChange,
     placeholder: allPlaceholder,
-    size: '__unstable-large'
+    size: "__unstable-large"
   });
 }
 //# sourceMappingURL=all-input-control.js.map

package/build-module/components/border-radius-control/all-input-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalUnitControl","UnitControl","__","getAllValue","getAllUnit","hasMixedValues","hasDefinedValues","AllInputControl","onChange","selectedUnits","setSelectedUnits","values","props","allValue","undefined","hasValues","isMixed","allPlaceholder","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","handleOnUnitChange","unit","topLeft","topRight","bottomLeft","bottomRight","createElement","disableUnits","isOnly","value","onUnitChange","placeholder","size"],"sources":["@wordpress/block-editor/src/components/border-radius-control/all-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUnitControl as UnitControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasMixedValues,\n\thasDefinedValues,\n} from './utils';\n\nexport default function AllInputControl( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues,\n\t...props\n} ) {\n\tlet allValue = getAllValue( values );\n\n\tif ( allValue === undefined ) {\n\t\t// If we don't have any value set the unit to any current selection\n\t\t// or the most common unit from the individual radii values.\n\t\tallValue = getAllUnit( selectedUnits );\n\t}\n\n\tconst hasValues = hasDefinedValues( values );\n\tconst isMixed = hasValues && hasMixedValues( values );\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\t// Filter out CSS-unit-only values to prevent invalid styles.\n\tconst handleOnChange = ( next ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tonChange( nextValue );\n\t};\n\n\t// Store current unit selection for use as fallback for individual\n\t// radii controls.\n\tconst handleOnUnitChange = ( unit ) => {\n\t\tsetSelectedUnits( {\n\t\t\ttopLeft: unit,\n\t\t\ttopRight: unit,\n\t\t\tbottomLeft: unit,\n\t\t\tbottomRight: unit,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\taria-label={ __( 'Border radius' ) }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t\tsize={ '__unstable-large' }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,yBAAyB,IAAIC,WAAW,QAAQ,uBAAuB;AAChF,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SACCC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,gBAAgB,QACV,SAAS;AAEhB,eAAe,SAASC,eAAeA,CAAE;EACxCC,QAAQ;EACRC,aAAa;EACbC,gBAAgB;EAChBC,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACH,IAAIC,QAAQ,GAAGV,WAAW,CAAEQ,MAAO,CAAC;EAEpC,IAAKE,QAAQ,KAAKC,SAAS,EAAG;IAC7B;IACA;IACAD,QAAQ,GAAGT,UAAU,CAAEK,aAAc,CAAC;EACvC;EAEA,MAAMM,SAAS,GAAGT,gBAAgB,CAAEK,MAAO,CAAC;EAC5C,MAAMK,OAAO,GAAGD,SAAS,IAAIV,cAAc,CAAEM,MAAO,CAAC;EACrD,MAAMM,cAAc,GAAGD,OAAO,GAAGd,EAAE,CAAE,OAAQ,CAAC,GAAG,IAAI;;EAErD;EACA,MAAMgB,cAAc,GAAKC,IAAI,IAAM;IAClC,MAAMC,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IAC/C,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGL,SAAS;IAC9CN,QAAQ,CAAEe,SAAU,CAAC;EACtB,CAAC;;EAED;EACA;EACA,MAAMC,kBAAkB,GAAKC,IAAI,IAAM;IACtCf,gBAAgB,CAAE;MACjBgB,OAAO,EAAED,IAAI;MACbE,QAAQ,EAAEF,IAAI;MACdG,UAAU,EAAEH,IAAI;MAChBI,WAAW,EAAEJ;IACd,CAAE,CAAC;EACJ,CAAC;EAED,OACCK,aAAA,CAAC7B,WAAW;IAAA,GACNW,KAAK;IACV,cAAaV,EAAE,CAAE,eAAgB,CAAG;IACpC6B,YAAY,EAAGf,OAAS;IACxBgB,MAAM;IACNC,KAAK,EAAGpB,QAAU;IAClBL,QAAQ,EAAGU,cAAgB;IAC3BgB,YAAY,EAAGV,kBAAoB;IACnCW,WAAW,EAAGlB,cAAgB;IAC9BmB,IAAI,EAAG;EAAoB,CAC3B,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__experimentalUnitControl","UnitControl","__","getAllValue","getAllUnit","hasMixedValues","hasDefinedValues","jsx","_jsx","AllInputControl","onChange","selectedUnits","setSelectedUnits","values","props","allValue","undefined","hasValues","isMixed","allPlaceholder","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","handleOnUnitChange","unit","topLeft","topRight","bottomLeft","bottomRight","disableUnits","isOnly","value","onUnitChange","placeholder","size"],"sources":["@wordpress/block-editor/src/components/border-radius-control/all-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUnitControl as UnitControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasMixedValues,\n\thasDefinedValues,\n} from './utils';\n\nexport default function AllInputControl( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues,\n\t...props\n} ) {\n\tlet allValue = getAllValue( values );\n\n\tif ( allValue === undefined ) {\n\t\t// If we don't have any value set the unit to any current selection\n\t\t// or the most common unit from the individual radii values.\n\t\tallValue = getAllUnit( selectedUnits );\n\t}\n\n\tconst hasValues = hasDefinedValues( values );\n\tconst isMixed = hasValues && hasMixedValues( values );\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\t// Filter out CSS-unit-only values to prevent invalid styles.\n\tconst handleOnChange = ( next ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tonChange( nextValue );\n\t};\n\n\t// Store current unit selection for use as fallback for individual\n\t// radii controls.\n\tconst handleOnUnitChange = ( unit ) => {\n\t\tsetSelectedUnits( {\n\t\t\ttopLeft: unit,\n\t\t\ttopRight: unit,\n\t\t\tbottomLeft: unit,\n\t\t\tbottomRight: unit,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\taria-label={ __( 'Border radius' ) }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t\tsize=\"__unstable-large\"\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,yBAAyB,IAAIC,WAAW,QAAQ,uBAAuB;AAChF,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SACCC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,gBAAgB,QACV,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjB,eAAe,SAASC,eAAeA,CAAE;EACxCC,QAAQ;EACRC,aAAa;EACbC,gBAAgB;EAChBC,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACH,IAAIC,QAAQ,GAAGZ,WAAW,CAAEU,MAAO,CAAC;EAEpC,IAAKE,QAAQ,KAAKC,SAAS,EAAG;IAC7B;IACA;IACAD,QAAQ,GAAGX,UAAU,CAAEO,aAAc,CAAC;EACvC;EAEA,MAAMM,SAAS,GAAGX,gBAAgB,CAAEO,MAAO,CAAC;EAC5C,MAAMK,OAAO,GAAGD,SAAS,IAAIZ,cAAc,CAAEQ,MAAO,CAAC;EACrD,MAAMM,cAAc,GAAGD,OAAO,GAAGhB,EAAE,CAAE,OAAQ,CAAC,GAAG,IAAI;;EAErD;EACA,MAAMkB,cAAc,GAAKC,IAAI,IAAM;IAClC,MAAMC,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IAC/C,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGL,SAAS;IAC9CN,QAAQ,CAAEe,SAAU,CAAC;EACtB,CAAC;;EAED;EACA;EACA,MAAMC,kBAAkB,GAAKC,IAAI,IAAM;IACtCf,gBAAgB,CAAE;MACjBgB,OAAO,EAAED,IAAI;MACbE,QAAQ,EAAEF,IAAI;MACdG,UAAU,EAAEH,IAAI;MAChBI,WAAW,EAAEJ;IACd,CAAE,CAAC;EACJ,CAAC;EAED,oBACCnB,IAAA,CAACP,WAAW;IAAA,GACNa,KAAK;IACV,cAAaZ,EAAE,CAAE,eAAgB,CAAG;IACpC8B,YAAY,EAAGd,OAAS;IACxBe,MAAM;IACNC,KAAK,EAAGnB,QAAU;IAClBL,QAAQ,EAAGU,cAAgB;IAC3Be,YAAY,EAAGT,kBAAoB;IACnCU,WAAW,EAAGjB,cAAgB;IAC9BkB,IAAI,EAAC;EAAkB,CACvB,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/border-radius-control/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,9 @@ import InputControls from './input-controls';
 import LinkedButton from './linked-button';
 import { useSettings } from '../use-settings';
 import { getAllValue, getAllUnit, hasDefinedValues, hasMixedValues } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_VALUES = {
   topLeft: undefined,
   topRight: undefined,
@@ -64,42 +66,47 @@ export default function BorderRadiusControl({
   const handleSliderChange = next => {
     onChange(next !== undefined ? `${next}${unit}` : undefined);
   };
-  return createElement("fieldset", {
-    className: "components-border-radius-control"
-  }, createElement(BaseControl.VisualLabel, {
-    as: "legend"
-  }, __('Radius')), createElement("div", {
-    className: "components-border-radius-control__wrapper"
-  }, isLinked ? createElement(Fragment, null, createElement(AllInputControl, {
-    className: "components-border-radius-control__unit-control",
-    values: values,
-    min: MIN_BORDER_RADIUS_VALUE,
-    onChange: onChange,
-    selectedUnits: selectedUnits,
-    setSelectedUnits: setSelectedUnits,
-    units: units
-  }), createElement(RangeControl, {
-    label: __('Border radius'),
-    hideLabelFromVision: true,
-    className: "components-border-radius-control__range-control",
-    value: allValue !== null && allValue !== void 0 ? allValue : '',
-    min: MIN_BORDER_RADIUS_VALUE,
-    max: MAX_BORDER_RADIUS_VALUES[unit],
-    initialPosition: 0,
-    withInputField: false,
-    onChange: handleSliderChange,
-    step: step,
-    __nextHasNoMarginBottom: true
-  })) : createElement(InputControls, {
-    min: MIN_BORDER_RADIUS_VALUE,
-    onChange: onChange,
-    selectedUnits: selectedUnits,
-    setSelectedUnits: setSelectedUnits,
-    values: values || DEFAULT_VALUES,
-    units: units
-  }), createElement(LinkedButton, {
-    onClick: toggleLinked,
-    isLinked: isLinked
-  })));
+  return /*#__PURE__*/_jsxs("fieldset", {
+    className: "components-border-radius-control",
+    children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+      as: "legend",
+      children: __('Radius')
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "components-border-radius-control__wrapper",
+      children: [isLinked ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(AllInputControl, {
+          className: "components-border-radius-control__unit-control",
+          values: values,
+          min: MIN_BORDER_RADIUS_VALUE,
+          onChange: onChange,
+          selectedUnits: selectedUnits,
+          setSelectedUnits: setSelectedUnits,
+          units: units
+        }), /*#__PURE__*/_jsx(RangeControl, {
+          label: __('Border radius'),
+          hideLabelFromVision: true,
+          className: "components-border-radius-control__range-control",
+          value: allValue !== null && allValue !== void 0 ? allValue : '',
+          min: MIN_BORDER_RADIUS_VALUE,
+          max: MAX_BORDER_RADIUS_VALUES[unit],
+          initialPosition: 0,
+          withInputField: false,
+          onChange: handleSliderChange,
+          step: step,
+          __nextHasNoMarginBottom: true
+        })]
+      }) : /*#__PURE__*/_jsx(InputControls, {
+        min: MIN_BORDER_RADIUS_VALUE,
+        onChange: onChange,
+        selectedUnits: selectedUnits,
+        setSelectedUnits: setSelectedUnits,
+        values: values || DEFAULT_VALUES,
+        units: units
+      }), /*#__PURE__*/_jsx(LinkedButton, {
+        onClick: toggleLinked,
+        isLinked: isLinked
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/border-radius-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseControl","RangeControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUseCustomUnits","useCustomUnits","useState","__","AllInputControl","InputControls","LinkedButton","useSettings","getAllValue","getAllUnit","hasDefinedValues","hasMixedValues","DEFAULT_VALUES","topLeft","undefined","topRight","bottomLeft","bottomRight","MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUES","px","em","rem","BorderRadiusControl","onChange","values","isLinked","setIsLinked","selectedUnits","setSelectedUnits","flat","availableUnits","units","unit","unitConfig","find","item","value","step","allValue","toggleLinked","handleSliderChange","next","createElement","className","VisualLabel","as","Fragment","min","label","hideLabelFromVision","max","initialPosition","withInputField","__nextHasNoMarginBottom","onClick"],"sources":["@wordpress/block-editor/src/components/border-radius-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AllInputControl from './all-input-control';\nimport InputControls from './input-controls';\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasDefinedValues,\n\thasMixedValues,\n} from './utils';\n\nconst DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\nconst MIN_BORDER_RADIUS_VALUE = 0;\nconst MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst unit = getAllUnit( selectedUnits );\n\tconst unitConfig = units && units.find( ( item ) => item.value === unit );\n\tconst step = unitConfig?.step || 1;\n\n\tconst [ allValue ] = parseQuantityAndUnitFromRawValue(\n\t\tgetAllValue( values )\n\t);\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( next !== undefined ? `${ next }${ unit }` : undefined );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Radius' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"components-border-radius-control__wrapper\">\n\t\t\t\t{ isLinked ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<AllInputControl\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\tvalues={ values }\n\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\t\tvalue={ allValue ?? '' }\n\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ unit ] }\n\t\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<InputControls\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\tvalues={ values || DEFAULT_VALUES }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BaseControl","RangeControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUseCustomUnits","useCustomUnits","useState","__","AllInputControl","InputControls","LinkedButton","useSettings","getAllValue","getAllUnit","hasDefinedValues","hasMixedValues","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_VALUES","topLeft","undefined","topRight","bottomLeft","bottomRight","MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUES","px","em","rem","BorderRadiusControl","onChange","values","isLinked","setIsLinked","selectedUnits","setSelectedUnits","flat","availableUnits","units","unit","unitConfig","find","item","value","step","allValue","toggleLinked","handleSliderChange","next","className","children","VisualLabel","as","min","label","hideLabelFromVision","max","initialPosition","withInputField","__nextHasNoMarginBottom","onClick"],"sources":["@wordpress/block-editor/src/components/border-radius-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AllInputControl from './all-input-control';\nimport InputControls from './input-controls';\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport {\n\tgetAllValue,\n\tgetAllUnit,\n\thasDefinedValues,\n\thasMixedValues,\n} from './utils';\n\nconst DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\nconst MIN_BORDER_RADIUS_VALUE = 0;\nconst MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst unit = getAllUnit( selectedUnits );\n\tconst unitConfig = units && units.find( ( item ) => item.value === unit );\n\tconst step = unitConfig?.step || 1;\n\n\tconst [ allValue ] = parseQuantityAndUnitFromRawValue(\n\t\tgetAllValue( values )\n\t);\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( next !== undefined ? `${ next }${ unit }` : undefined );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Radius' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"components-border-radius-control__wrapper\">\n\t\t\t\t{ isLinked ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<AllInputControl\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\tvalues={ values }\n\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\t\tvalue={ allValue ?? '' }\n\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ unit ] }\n\t\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<InputControls\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\tvalues={ values || DEFAULT_VALUES }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,EACXC,YAAY,EACZC,8CAA8C,IAAIC,gCAAgC,EAClFC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SACCC,WAAW,EACXC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,QACR,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjB,MAAMC,cAAc,GAAG;EACtBC,OAAO,EAAEC,SAAS;EAClBC,QAAQ,EAAED,SAAS;EACnBE,UAAU,EAAEF,SAAS;EACrBG,WAAW,EAAEH;AACd,CAAC;AACD,MAAMI,uBAAuB,GAAG,CAAC;AACjC,MAAMC,wBAAwB,GAAG;EAChCC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,mBAAmBA,CAAE;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAG;EACnE,MAAM,CAAEC,QAAQ,EAAEC,WAAW,CAAE,GAAG/B,QAAQ,CACzC,CAAEQ,gBAAgB,CAAEqB,MAAO,CAAC,IAAI,CAAEpB,cAAc,CAAEoB,MAAO,CAC1D,CAAC;;EAED;EACA;EACA;EACA,MAAM,CAAEG,aAAa,EAAEC,gBAAgB,CAAE,GAAGjC,QAAQ,CAAE;IACrDkC,IAAI,EACH,OAAOL,MAAM,KAAK,QAAQ,GACvBhC,gCAAgC,CAAEgC,MAAO,CAAC,CAAE,CAAC,CAAE,GAC/CX,SAAS;IACbD,OAAO,EAAEpB,gCAAgC,CAAEgC,MAAM,EAAEZ,OAAQ,CAAC,CAAE,CAAC,CAAE;IACjEE,QAAQ,EAAEtB,gCAAgC,CAAEgC,MAAM,EAAEV,QAAS,CAAC,CAAE,CAAC,CAAE;IACnEC,UAAU,EAAEvB,gCAAgC,CAAEgC,MAAM,EAAET,UAAW,CAAC,CAAE,CAAC,CAAE;IACvEC,WAAW,EAAExB,gCAAgC,CAC5CgC,MAAM,EAAER,WACT,CAAC,CAAE,CAAC;EACL,CAAE,CAAC;EAEH,MAAM,CAAEc,cAAc,CAAE,GAAG9B,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAM+B,KAAK,GAAGrC,cAAc,CAAE;IAC7BoC,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK;EACtD,CAAE,CAAC;EAEH,MAAME,IAAI,GAAG9B,UAAU,CAAEyB,aAAc,CAAC;EACxC,MAAMM,UAAU,GAAGF,KAAK,IAAIA,KAAK,CAACG,IAAI,CAAIC,IAAI,IAAMA,IAAI,CAACC,KAAK,KAAKJ,IAAK,CAAC;EACzE,MAAMK,IAAI,GAAGJ,UAAU,EAAEI,IAAI,IAAI,CAAC;EAElC,MAAM,CAAEC,QAAQ,CAAE,GAAG9C,gCAAgC,CACpDS,WAAW,CAAEuB,MAAO,CACrB,CAAC;EAED,MAAMe,YAAY,GAAGA,CAAA,KAAMb,WAAW,CAAE,CAAED,QAAS,CAAC;EAEpD,MAAMe,kBAAkB,GAAKC,IAAI,IAAM;IACtClB,QAAQ,CAAEkB,IAAI,KAAK5B,SAAS,GAAI,GAAG4B,IAAM,GAAGT,IAAM,EAAC,GAAGnB,SAAU,CAAC;EAClE,CAAC;EAED,oBACCH,KAAA;IAAUgC,SAAS,EAAC,kCAAkC;IAAAC,QAAA,gBACrDrC,IAAA,CAACjB,WAAW,CAACuD,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAF,QAAA,EACjC/C,EAAE,CAAE,QAAS;IAAC,CACQ,CAAC,eAC1Bc,KAAA;MAAKgC,SAAS,EAAC,2CAA2C;MAAAC,QAAA,GACvDlB,QAAQ,gBACTf,KAAA,CAAAF,SAAA;QAAAmC,QAAA,gBACCrC,IAAA,CAACT,eAAe;UACf6C,SAAS,EAAC,gDAAgD;UAC1DlB,MAAM,EAAGA,MAAQ;UACjBsB,GAAG,EAAG7B,uBAAyB;UAC/BM,QAAQ,EAAGA,QAAU;UACrBI,aAAa,EAAGA,aAAe;UAC/BC,gBAAgB,EAAGA,gBAAkB;UACrCG,KAAK,EAAGA;QAAO,CACf,CAAC,eACFzB,IAAA,CAAChB,YAAY;UACZyD,KAAK,EAAGnD,EAAE,CAAE,eAAgB,CAAG;UAC/BoD,mBAAmB;UACnBN,SAAS,EAAC,iDAAiD;UAC3DN,KAAK,EAAGE,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAI;UACxBQ,GAAG,EAAG7B,uBAAyB;UAC/BgC,GAAG,EAAG/B,wBAAwB,CAAEc,IAAI,CAAI;UACxCkB,eAAe,EAAG,CAAG;UACrBC,cAAc,EAAG,KAAO;UACxB5B,QAAQ,EAAGiB,kBAAoB;UAC/BH,IAAI,EAAGA,IAAM;UACbe,uBAAuB;QAAA,CACvB,CAAC;MAAA,CACD,CAAC,gBAEH9C,IAAA,CAACR,aAAa;QACbgD,GAAG,EAAG7B,uBAAyB;QAC/BM,QAAQ,EAAGA,QAAU;QACrBI,aAAa,EAAGA,aAAe;QAC/BC,gBAAgB,EAAGA,gBAAkB;QACrCJ,MAAM,EAAGA,MAAM,IAAIb,cAAgB;QACnCoB,KAAK,EAAGA;MAAO,CACf,CACD,eACDzB,IAAA,CAACP,YAAY;QAACsD,OAAO,EAAGd,YAAc;QAACd,QAAQ,EAAGA;MAAU,CAAE,CAAC;IAAA,CAC3D,CAAC;EAAA,CACG,CAAC;AAEb","ignoreList":[]}

package/build-module/components/border-radius-control/input-controls.js

@@ -1,9 +1,9 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue, __experimentalUnitControl as UnitControl, Tooltip } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 const CORNERS = {
   topLeft: __('Top left'),
   topRight: __('Top right'),
@@ -49,25 +49,27 @@ export default function BoxInputControls({
   // Controls are wrapped in tooltips as visible labels aren't desired here.
   // Tooltip rendering also requires the UnitControl to be wrapped. See:
   // https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
-  return createElement("div", {
-    className: "components-border-radius-control__input-controls-wrapper"
-  }, Object.entries(CORNERS).map(([corner, label]) => {
-    const [parsedQuantity, parsedUnit] = parseQuantityAndUnitFromRawValue(values[corner]);
-    const computedUnit = values[corner] ? parsedUnit : selectedUnits[corner] || selectedUnits.flat;
-    return createElement(Tooltip, {
-      text: label,
-      placement: "top",
-      key: corner
-    }, createElement("div", {
-      className: "components-border-radius-control__tooltip-wrapper"
-    }, createElement(UnitControl, {
-      ...props,
-      "aria-label": label,
-      value: [parsedQuantity, computedUnit].join(''),
-      onChange: createHandleOnChange(corner),
-      onUnitChange: createHandleOnUnitChange(corner),
-      size: '__unstable-large'
-    })));
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: "components-border-radius-control__input-controls-wrapper",
+    children: Object.entries(CORNERS).map(([corner, label]) => {
+      const [parsedQuantity, parsedUnit] = parseQuantityAndUnitFromRawValue(values[corner]);
+      const computedUnit = values[corner] ? parsedUnit : selectedUnits[corner] || selectedUnits.flat;
+      return /*#__PURE__*/_jsx(Tooltip, {
+        text: label,
+        placement: "top",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "components-border-radius-control__tooltip-wrapper",
+          children: /*#__PURE__*/_jsx(UnitControl, {
+            ...props,
+            "aria-label": label,
+            value: [parsedQuantity, computedUnit].join(''),
+            onChange: createHandleOnChange(corner),
+            onUnitChange: createHandleOnUnitChange(corner),
+            size: "__unstable-large"
+          })
+        })
+      }, corner);
+    })
+  });
 }
 //# sourceMappingURL=input-controls.js.map

package/build-module/components/border-radius-control/input-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUnitControl","UnitControl","Tooltip","__","CORNERS","topLeft","topRight","bottomLeft","bottomRight","BoxInputControls","onChange","selectedUnits","setSelectedUnits","values","valuesProp","props","createHandleOnChange","corner","next","isNumeric","isNaN","parseFloat","nextValue","undefined","createHandleOnUnitChange","side","newUnits","createElement","className","Object","entries","map","label","parsedQuantity","parsedUnit","computedUnit","flat","text","placement","key","value","join","onUnitChange","size"],"sources":["@wordpress/block-editor/src/components/border-radius-control/input-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\tTooltip,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst CORNERS = {\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport default function BoxInputControls( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\t...props\n} ) {\n\tconst createHandleOnChange = ( corner ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\n\t\tonChange( {\n\t\t\t...values,\n\t\t\t[ corner ]: nextValue,\n\t\t} );\n\t};\n\n\tconst createHandleOnUnitChange = ( side ) => ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tnewUnits[ side ] = next;\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t{ Object.entries( CORNERS ).map( ( [ corner, label ] ) => {\n\t\t\t\tconst [ parsedQuantity, parsedUnit ] =\n\t\t\t\t\tparseQuantityAndUnitFromRawValue( values[ corner ] );\n\n\t\t\t\tconst computedUnit = values[ corner ]\n\t\t\t\t\t? parsedUnit\n\t\t\t\t\t: selectedUnits[ corner ] || selectedUnits.flat;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip text={ label } placement=\"top\" key={ corner }>\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ createHandleOnChange( corner ) }\n\t\t\t\t\t\t\t\tonUnitChange={ createHandleOnUnitChange(\n\t\t\t\t\t\t\t\t\tcorner\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,8CAA8C,IAAIC,gCAAgC,EAClFC,yBAAyB,IAAIC,WAAW,EACxCC,OAAO,QACD,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,OAAO,GAAG;EACfC,OAAO,EAAEF,EAAE,CAAE,UAAW,CAAC;EACzBG,QAAQ,EAAEH,EAAE,CAAE,WAAY,CAAC;EAC3BI,UAAU,EAAEJ,EAAE,CAAE,aAAc,CAAC;EAC/BK,WAAW,EAAEL,EAAE,CAAE,cAAe;AACjC,CAAC;AAED,eAAe,SAASM,gBAAgBA,CAAE;EACzCC,QAAQ;EACRC,aAAa;EACbC,gBAAgB;EAChBC,MAAM,EAAEC,UAAU;EAClB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,MAAM,IAAQC,IAAI,IAAM;IACtD,IAAK,CAAER,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMS,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IAC/C,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGK,SAAS;IAE9Cb,QAAQ,CAAE;MACT,GAAGG,MAAM;MACT,CAAEI,MAAM,GAAIK;IACb,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,wBAAwB,GAAKC,IAAI,IAAQP,IAAI,IAAM;IACxD,MAAMQ,QAAQ,GAAG;MAAE,GAAGf;IAAc,CAAC;IACrCe,QAAQ,CAAED,IAAI,CAAE,GAAGP,IAAI;IACvBN,gBAAgB,CAAEc,QAAS,CAAC;EAC7B,CAAC;;EAED;EACA,MAAMb,MAAM,GACX,OAAOC,UAAU,KAAK,QAAQ,GAC3BA,UAAU,GACV;IACAT,OAAO,EAAES,UAAU;IACnBR,QAAQ,EAAEQ,UAAU;IACpBP,UAAU,EAAEO,UAAU;IACtBN,WAAW,EAAEM;EACb,CAAC;;EAEL;EACA;EACA;EACA,OACCa,aAAA;IAAKC,SAAS,EAAC;EAA0D,GACtEC,MAAM,CAACC,OAAO,CAAE1B,OAAQ,CAAC,CAAC2B,GAAG,CAAE,CAAE,CAAEd,MAAM,EAAEe,KAAK,CAAE,KAAM;IACzD,MAAM,CAAEC,cAAc,EAAEC,UAAU,CAAE,GACnCnC,gCAAgC,CAAEc,MAAM,CAAEI,MAAM,CAAG,CAAC;IAErD,MAAMkB,YAAY,GAAGtB,MAAM,CAAEI,MAAM,CAAE,GAClCiB,UAAU,GACVvB,aAAa,CAAEM,MAAM,CAAE,IAAIN,aAAa,CAACyB,IAAI;IAEhD,OACCT,aAAA,CAACzB,OAAO;MAACmC,IAAI,EAAGL,KAAO;MAACM,SAAS,EAAC,KAAK;MAACC,GAAG,EAAGtB;IAAQ,GACrDU,aAAA;MAAKC,SAAS,EAAC;IAAmD,GACjED,aAAA,CAAC1B,WAAW;MAAA,GACNc,KAAK;MACV,cAAaiB,KAAO;MACpBQ,KAAK,EAAG,CAAEP,cAAc,EAAEE,YAAY,CAAE,CAACM,IAAI,CAC5C,EACD,CAAG;MACH/B,QAAQ,EAAGM,oBAAoB,CAAEC,MAAO,CAAG;MAC3CyB,YAAY,EAAGlB,wBAAwB,CACtCP,MACD,CAAG;MACH0B,IAAI,EAAG;IAAoB,CAC3B,CACG,CACG,CAAC;EAEZ,CAAE,CACE,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUnitControl","UnitControl","Tooltip","__","jsx","_jsx","CORNERS","topLeft","topRight","bottomLeft","bottomRight","BoxInputControls","onChange","selectedUnits","setSelectedUnits","values","valuesProp","props","createHandleOnChange","corner","next","isNumeric","isNaN","parseFloat","nextValue","undefined","createHandleOnUnitChange","side","newUnits","className","children","Object","entries","map","label","parsedQuantity","parsedUnit","computedUnit","flat","text","placement","value","join","onUnitChange","size"],"sources":["@wordpress/block-editor/src/components/border-radius-control/input-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\tTooltip,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst CORNERS = {\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport default function BoxInputControls( {\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\t...props\n} ) {\n\tconst createHandleOnChange = ( corner ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\n\t\tonChange( {\n\t\t\t...values,\n\t\t\t[ corner ]: nextValue,\n\t\t} );\n\t};\n\n\tconst createHandleOnUnitChange = ( side ) => ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tnewUnits[ side ] = next;\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t{ Object.entries( CORNERS ).map( ( [ corner, label ] ) => {\n\t\t\t\tconst [ parsedQuantity, parsedUnit ] =\n\t\t\t\t\tparseQuantityAndUnitFromRawValue( values[ corner ] );\n\n\t\t\t\tconst computedUnit = values[ corner ]\n\t\t\t\t\t? parsedUnit\n\t\t\t\t\t: selectedUnits[ corner ] || selectedUnits.flat;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip text={ label } placement=\"top\" key={ corner }>\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ createHandleOnChange( corner ) }\n\t\t\t\t\t\t\t\tonUnitChange={ createHandleOnUnitChange(\n\t\t\t\t\t\t\t\t\tcorner\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,8CAA8C,IAAIC,gCAAgC,EAClFC,yBAAyB,IAAIC,WAAW,EACxCC,OAAO,QACD,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,MAAMC,OAAO,GAAG;EACfC,OAAO,EAAEJ,EAAE,CAAE,UAAW,CAAC;EACzBK,QAAQ,EAAEL,EAAE,CAAE,WAAY,CAAC;EAC3BM,UAAU,EAAEN,EAAE,CAAE,aAAc,CAAC;EAC/BO,WAAW,EAAEP,EAAE,CAAE,cAAe;AACjC,CAAC;AAED,eAAe,SAASQ,gBAAgBA,CAAE;EACzCC,QAAQ;EACRC,aAAa;EACbC,gBAAgB;EAChBC,MAAM,EAAEC,UAAU;EAClB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,MAAM,IAAQC,IAAI,IAAM;IACtD,IAAK,CAAER,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMS,SAAS,GAAG,CAAEC,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IAC/C,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGK,SAAS;IAE9Cb,QAAQ,CAAE;MACT,GAAGG,MAAM;MACT,CAAEI,MAAM,GAAIK;IACb,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,wBAAwB,GAAKC,IAAI,IAAQP,IAAI,IAAM;IACxD,MAAMQ,QAAQ,GAAG;MAAE,GAAGf;IAAc,CAAC;IACrCe,QAAQ,CAAED,IAAI,CAAE,GAAGP,IAAI;IACvBN,gBAAgB,CAAEc,QAAS,CAAC;EAC7B,CAAC;;EAED;EACA,MAAMb,MAAM,GACX,OAAOC,UAAU,KAAK,QAAQ,GAC3BA,UAAU,GACV;IACAT,OAAO,EAAES,UAAU;IACnBR,QAAQ,EAAEQ,UAAU;IACpBP,UAAU,EAAEO,UAAU;IACtBN,WAAW,EAAEM;EACb,CAAC;;EAEL;EACA;EACA;EACA,oBACCX,IAAA;IAAKwB,SAAS,EAAC,0DAA0D;IAAAC,QAAA,EACtEC,MAAM,CAACC,OAAO,CAAE1B,OAAQ,CAAC,CAAC2B,GAAG,CAAE,CAAE,CAAEd,MAAM,EAAEe,KAAK,CAAE,KAAM;MACzD,MAAM,CAAEC,cAAc,EAAEC,UAAU,CAAE,GACnCrC,gCAAgC,CAAEgB,MAAM,CAAEI,MAAM,CAAG,CAAC;MAErD,MAAMkB,YAAY,GAAGtB,MAAM,CAAEI,MAAM,CAAE,GAClCiB,UAAU,GACVvB,aAAa,CAAEM,MAAM,CAAE,IAAIN,aAAa,CAACyB,IAAI;MAEhD,oBACCjC,IAAA,CAACH,OAAO;QAACqC,IAAI,EAAGL,KAAO;QAACM,SAAS,EAAC,KAAK;QAAAV,QAAA,eACtCzB,IAAA;UAAKwB,SAAS,EAAC,mDAAmD;UAAAC,QAAA,eACjEzB,IAAA,CAACJ,WAAW;YAAA,GACNgB,KAAK;YACV,cAAaiB,KAAO;YACpBO,KAAK,EAAG,CAAEN,cAAc,EAAEE,YAAY,CAAE,CAACK,IAAI,CAC5C,EACD,CAAG;YACH9B,QAAQ,EAAGM,oBAAoB,CAAEC,MAAO,CAAG;YAC3CwB,YAAY,EAAGjB,wBAAwB,CACtCP,MACD,CAAG;YACHyB,IAAI,EAAC;UAAkB,CACvB;QAAC,CACE;MAAC,GAduCzB,MAerC,CAAC;IAEZ,CAAE;EAAC,CACC,CAAC;AAER","ignoreList":[]}

package/build-module/components/border-radius-control/linked-button.js

@@ -1,24 +1,25 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { Button, Tooltip } from '@wordpress/components';
 import { link, linkOff } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function LinkedButton({
   isLinked,
   ...props
 }) {
   const label = isLinked ? __('Unlink radii') : __('Link radii');
-  return createElement(Tooltip, {
-    text: label
-  }, createElement(Button, {
-    ...props,
-    className: "component-border-radius-control__linked-button",
-    size: "small",
-    icon: isLinked ? link : linkOff,
-    iconSize: 24,
-    "aria-label": label
-  }));
+  return /*#__PURE__*/_jsx(Tooltip, {
+    text: label,
+    children: /*#__PURE__*/_jsx(Button, {
+      ...props,
+      className: "component-border-radius-control__linked-button",
+      size: "small",
+      icon: isLinked ? link : linkOff,
+      iconSize: 24,
+      "aria-label": label
+    })
+  });
 }
 //# sourceMappingURL=linked-button.js.map

package/build-module/components/border-radius-control/linked-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Tooltip","link","linkOff","__","LinkedButton","isLinked","props","label","createElement","text","className","size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/border-radius-control/linked-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Tooltip } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Tooltip text={ label }>\n\t\t\t<Button\n\t\t\t\t{ ...props }\n\t\t\t\tclassName=\"component-border-radius-control__linked-button\"\n\t\t\t\tsize=\"small\"\n\t\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\t\ticonSize={ 24 }\n\t\t\t\taria-label={ label }\n\t\t\t/>\n\t\t</Tooltip>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,OAAO,QAAQ,uBAAuB;AACvD,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGF,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,OACCK,aAAA,CAACR,OAAO;IAACS,IAAI,EAAGF;EAAO,GACtBC,aAAA,CAACT,MAAM;IAAA,GACDO,KAAK;IACVI,SAAS,EAAC,gDAAgD;IAC1DC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGP,QAAQ,GAAGJ,IAAI,GAAGC,OAAS;IAClCW,QAAQ,EAAG,EAAI;IACf,cAAaN;EAAO,CACpB,CACO,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"names":["Button","Tooltip","link","linkOff","__","jsx","_jsx","LinkedButton","isLinked","props","label","text","children","className","size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/border-radius-control/linked-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Tooltip } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Tooltip text={ label }>\n\t\t\t<Button\n\t\t\t\t{ ...props }\n\t\t\t\tclassName=\"component-border-radius-control__linked-button\"\n\t\t\t\tsize=\"small\"\n\t\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\t\ticonSize={ 24 }\n\t\t\t\taria-label={ label }\n\t\t\t/>\n\t\t</Tooltip>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,OAAO,QAAQ,uBAAuB;AACvD,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGJ,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCE,IAAA,CAACL,OAAO;IAACU,IAAI,EAAGD,KAAO;IAAAE,QAAA,eACtBN,IAAA,CAACN,MAAM;MAAA,GACDS,KAAK;MACVI,SAAS,EAAC,gDAAgD;MAC1DC,IAAI,EAAC,OAAO;MACZC,IAAI,EAAGP,QAAQ,GAAGN,IAAI,GAAGC,OAAS;MAClCa,QAAQ,EAAG,EAAI;MACf,cAAaN;IAAO,CACpB;EAAC,CACM,CAAC;AAEZ","ignoreList":[]}

package/build-module/components/button-block-appender/index.js

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -17,13 +16,15 @@ import deprecated from '@wordpress/deprecated';
  * Internal dependencies
  */
 import Inserter from '../inserter';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ButtonBlockAppender({
   rootClientId,
   className,
   onFocus,
   tabIndex
 }, ref) {
-  return createElement(Inserter, {
+  return /*#__PURE__*/_jsx(Inserter, {
     position: "bottom center",
     rootClientId: rootClientId,
     __experimentalIsQuick: true,
@@ -43,25 +44,28 @@ function ButtonBlockAppender({
         label = _x('Add block', 'Generic label for block inserter button');
       }
       const isToggleButton = !hasSingleBlockType;
-      let inserterButton = createElement(Button, {
+      let inserterButton = /*#__PURE__*/_jsxs(Button, {
         ref: ref,
         onFocus: onFocus,
         tabIndex: tabIndex,
-        className: classnames(className, 'block-editor-button-block-appender'),
+        className: clsx(className, 'block-editor-button-block-appender'),
         onClick: onToggle,
         "aria-haspopup": isToggleButton ? 'true' : undefined,
         "aria-expanded": isToggleButton ? isOpen : undefined,
         disabled: disabled,
-        label: label
-      }, !hasSingleBlockType && createElement(VisuallyHidden, {
-        as: "span"
-      }, label), createElement(Icon, {
-        icon: plus
-      }));
+        label: label,
+        children: [!hasSingleBlockType && /*#__PURE__*/_jsx(VisuallyHidden, {
+          as: "span",
+          children: label
+        }), /*#__PURE__*/_jsx(Icon, {
+          icon: plus
+        })]
+      });
       if (isToggleButton || hasSingleBlockType) {
-        inserterButton = createElement(Tooltip, {
-          text: label
-        }, inserterButton);
+        inserterButton = /*#__PURE__*/_jsx(Tooltip, {
+          text: label,
+          children: inserterButton
+        });
       }
       return inserterButton;
     },

package/build-module/components/button-block-appender/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","Button","Tooltip","VisuallyHidden","forwardRef","_x","sprintf","Icon","plus","deprecated","Inserter","ButtonBlockAppender","rootClientId","className","onFocus","tabIndex","ref","createElement","position","__experimentalIsQuick","renderToggle","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","isToggleButton","inserterButton","onClick","undefined","as","icon","text","isAppender","ButtonBlockerAppender","props","alternative","since"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AACvE,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAElC,SAASC,mBAAmBA,CAC3B;EAAEC,YAAY;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAC9CC,GAAG,EACF;EACD,OACCC,aAAA,CAACP,QAAQ;IACRQ,QAAQ,EAAC,eAAe;IACxBN,YAAY,EAAGA,YAAc;IAC7BO,qBAAqB;IACrBC,YAAY,EAAGA,CAAE;MAChBC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC,UAAU;MACVC;IACD,CAAC,KAAM;MACN,IAAIC,KAAK;MACT,IAAKD,kBAAkB,EAAG;QACzBC,KAAK,GAAGpB,OAAO;QACd;QACAD,EAAE,CAAE,QAAQ,EAAE,qCAAsC,CAAC,EACrDmB,UACD,CAAC;MACF,CAAC,MAAM;QACNE,KAAK,GAAGrB,EAAE,CACT,WAAW,EACX,yCACD,CAAC;MACF;MACA,MAAMsB,cAAc,GAAG,CAAEF,kBAAkB;MAE3C,IAAIG,cAAc,GACjBX,aAAA,CAAChB,MAAM;QACNe,GAAG,EAAGA,GAAK;QACXF,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA,QAAU;QACrBF,SAAS,EAAGb,UAAU,CACrBa,SAAS,EACT,oCACD,CAAG;QACHgB,OAAO,EAAGR,QAAU;QACpB,iBAAgBM,cAAc,GAAG,MAAM,GAAGG,SAAW;QACrD,iBAAgBH,cAAc,GAAGJ,MAAM,GAAGO,SAAW;QACrDR,QAAQ,EAAGA,QAAU;QACrBI,KAAK,EAAGA;MAAO,GAEb,CAAED,kBAAkB,IACrBR,aAAA,CAACd,cAAc;QAAC4B,EAAE,EAAC;MAAM,GAAGL,KAAuB,CACnD,EACDT,aAAA,CAACV,IAAI;QAACyB,IAAI,EAAGxB;MAAM,CAAE,CACd,CACR;MAED,IAAKmB,cAAc,IAAIF,kBAAkB,EAAG;QAC3CG,cAAc,GACbX,aAAA,CAACf,OAAO;UAAC+B,IAAI,EAAGP;QAAO,GAAGE,cAAyB,CACnD;MACF;MACA,OAAOA,cAAc;IACtB,CAAG;IACHM,UAAU;EAAA,CACV,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAG/B,UAAU,CAAE,CAAEgC,KAAK,EAAEpB,GAAG,KAAM;EAClEP,UAAU,CAAG,sCAAqC,EAAE;IACnD4B,WAAW,EAAE,oCAAoC;IACjDC,KAAK,EAAE;EACR,CAAE,CAAC;EAEH,OAAO3B,mBAAmB,CAAEyB,KAAK,EAAEpB,GAAI,CAAC;AACzC,CAAE,CAAC;;AAEH;AACA;AACA;AACA,eAAeZ,UAAU,CAAEO,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["clsx","Button","Tooltip","VisuallyHidden","forwardRef","_x","sprintf","Icon","plus","deprecated","Inserter","jsx","_jsx","jsxs","_jsxs","ButtonBlockAppender","rootClientId","className","onFocus","tabIndex","ref","position","__experimentalIsQuick","renderToggle","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","isToggleButton","inserterButton","onClick","undefined","children","as","icon","text","isAppender","ButtonBlockerAppender","props","alternative","since"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AACvE,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,SAASC,mBAAmBA,CAC3B;EAAEC,YAAY;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAC9CC,GAAG,EACF;EACD,oBACCR,IAAA,CAACF,QAAQ;IACRW,QAAQ,EAAC,eAAe;IACxBL,YAAY,EAAGA,YAAc;IAC7BM,qBAAqB;IACrBC,YAAY,EAAGA,CAAE;MAChBC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC,UAAU;MACVC;IACD,CAAC,KAAM;MACN,IAAIC,KAAK;MACT,IAAKD,kBAAkB,EAAG;QACzBC,KAAK,GAAGvB,OAAO;QACd;QACAD,EAAE,CAAE,QAAQ,EAAE,qCAAsC,CAAC,EACrDsB,UACD,CAAC;MACF,CAAC,MAAM;QACNE,KAAK,GAAGxB,EAAE,CACT,WAAW,EACX,yCACD,CAAC;MACF;MACA,MAAMyB,cAAc,GAAG,CAAEF,kBAAkB;MAE3C,IAAIG,cAAc,gBACjBjB,KAAA,CAACb,MAAM;QACNmB,GAAG,EAAGA,GAAK;QACXF,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA,QAAU;QACrBF,SAAS,EAAGjB,IAAI,CACfiB,SAAS,EACT,oCACD,CAAG;QACHe,OAAO,EAAGR,QAAU;QACpB,iBAAgBM,cAAc,GAAG,MAAM,GAAGG,SAAW;QACrD,iBAAgBH,cAAc,GAAGJ,MAAM,GAAGO,SAAW;QACrDR,QAAQ,EAAGA,QAAU;QACrBI,KAAK,EAAGA,KAAO;QAAAK,QAAA,GAEb,CAAEN,kBAAkB,iBACrBhB,IAAA,CAACT,cAAc;UAACgC,EAAE,EAAC,MAAM;UAAAD,QAAA,EAAGL;QAAK,CAAkB,CACnD,eACDjB,IAAA,CAACL,IAAI;UAAC6B,IAAI,EAAG5B;QAAM,CAAE,CAAC;MAAA,CACf,CACR;MAED,IAAKsB,cAAc,IAAIF,kBAAkB,EAAG;QAC3CG,cAAc,gBACbnB,IAAA,CAACV,OAAO;UAACmC,IAAI,EAAGR,KAAO;UAAAK,QAAA,EAAGH;QAAc,CAAW,CACnD;MACF;MACA,OAAOA,cAAc;IACtB,CAAG;IACHO,UAAU;EAAA,CACV,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGnC,UAAU,CAAE,CAAEoC,KAAK,EAAEpB,GAAG,KAAM;EAClEX,UAAU,CAAG,sCAAqC,EAAE;IACnDgC,WAAW,EAAE,oCAAoC;IACjDC,KAAK,EAAE;EACR,CAAE,CAAC;EAEH,OAAO3B,mBAAmB,CAAEyB,KAAK,EAAEpB,GAAI,CAAC;AACzC,CAAE,CAAC;;AAEH;AACA;AACA;AACA,eAAehB,UAAU,CAAEW,mBAAoB,CAAC","ignoreList":[]}

package/build-module/components/button-block-appender/index.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,8 @@ import { useCallback } from '@wordpress/element';
  */
 import Inserter from '../inserter';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function ButtonBlockAppender({
   rootClientId,
   getStylesFromColorScheme,
@@ -38,29 +39,33 @@ function ButtonBlockAppender({
     ...getStylesFromColorScheme(styles.appenderLight, styles.appenderDark)
   };
   const addBlockButtonStyle = getStylesFromColorScheme(styles.addBlockButton, isFloating ? styles.floatingAddBlockButtonDark : styles.addBlockButtonDark);
-  return createElement(Fragment, null, createElement(Inserter, {
-    rootClientId: rootClientId,
-    renderToggle: ({
-      onToggle,
-      disabled,
-      isOpen
-    }) => createElement(Button, {
-      testID: "appender-button",
-      onClick: onAppenderPress(onToggle),
-      "aria-expanded": isOpen,
-      disabled: disabled,
-      fixedRatio: false
-    }, createElement(View, {
-      style: [appenderStyle, isFloating && styles.floatingAppender]
-    }, createElement(Icon, {
-      icon: plusCircleFilled,
-      style: addBlockButtonStyle,
-      color: addBlockButtonStyle.color,
-      size: addBlockButtonStyle.size
-    }))),
-    isAppender: true,
-    showSeparator: showSeparator
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Inserter, {
+      rootClientId: rootClientId,
+      renderToggle: ({
+        onToggle,
+        disabled,
+        isOpen
+      }) => /*#__PURE__*/_jsx(Button, {
+        testID: "appender-button",
+        onClick: onAppenderPress(onToggle),
+        "aria-expanded": isOpen,
+        disabled: disabled,
+        fixedRatio: false,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [appenderStyle, isFloating && styles.floatingAppender],
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: plusCircleFilled,
+            style: addBlockButtonStyle,
+            color: addBlockButtonStyle.color,
+            size: addBlockButtonStyle.size
+          })
+        })
+      }),
+      isAppender: true,
+      showSeparator: showSeparator
+    })
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"names":["View","withPreferredColorScheme","Button","Icon","plusCircleFilled","useCallback","Inserter","styles","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","onAppenderPress","onToggle","appenderStyle","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","createElement","Fragment","renderToggle","disabled","isOpen","testID","onClick","fixedRatio","style","floatingAppender","icon","color","size","isAppender"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst onAppenderPress = useCallback(\n\t\t( onToggle ) => () => {\n\t\t\tif ( onAddBlock ) {\n\t\t\t\tonAddBlock();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onToggle ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t},\n\t\t[ onAddBlock ]\n\t);\n\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttestID=\"appender-button\"\n\t\t\t\t\t\tonClick={ onAppenderPress( onToggle ) }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,kBAAkB;AACzD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,eAAe;AAElC,SAASC,mBAAmBA,CAAE;EAC7BC,YAAY;EACZC,wBAAwB;EACxBC,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGT,WAAW,CAChCU,QAAQ,IAAM,MAAM;IACrB,IAAKF,UAAU,EAAG;MACjBA,UAAU,CAAC,CAAC;MACZ;IACD;IAEA,IAAKE,QAAQ,EAAG;MACfA,QAAQ,CAAC,CAAC;IACX;EACD,CAAC,EACD,CAAEF,UAAU,CACb,CAAC;EAED,MAAMG,aAAa,GAAG;IACrB,GAAGT,MAAM,CAACU,QAAQ;IAClB,GAAGP,wBAAwB,CAC1BH,MAAM,CAACW,aAAa,EACpBX,MAAM,CAACY,YACR;EACD,CAAC;EACD,MAAMC,mBAAmB,GAAGV,wBAAwB,CACnDH,MAAM,CAACc,cAAc,EACrBT,UAAU,GACPL,MAAM,CAACe,0BAA0B,GACjCf,MAAM,CAACgB,kBACX,CAAC;EAED,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,QAAQ;IACRG,YAAY,EAAGA,YAAc;IAC7BiB,YAAY,EAAGA,CAAE;MAAEX,QAAQ;MAAEY,QAAQ;MAAEC;IAAO,CAAC,KAC9CJ,aAAA,CAACtB,MAAM;MACN2B,MAAM,EAAC,iBAAiB;MACxBC,OAAO,EAAGhB,eAAe,CAAEC,QAAS,CAAG;MACvC,iBAAgBa,MAAQ;MACxBD,QAAQ,EAAGA,QAAU;MACrBI,UAAU,EAAG;IAAO,GAEpBP,aAAA,CAACxB,IAAI;MACJgC,KAAK,EAAG,CACPhB,aAAa,EACbJ,UAAU,IAAIL,MAAM,CAAC0B,gBAAgB;IACnC,GAEHT,aAAA,CAACrB,IAAI;MACJ+B,IAAI,EAAG9B,gBAAkB;MACzB4B,KAAK,EAAGZ,mBAAqB;MAC7Be,KAAK,EAAGf,mBAAmB,CAACe,KAAO;MACnCC,IAAI,EAAGhB,mBAAmB,CAACgB;IAAM,CACjC,CACI,CACC,CACN;IACHC,UAAU;IACV1B,aAAa,EAAGA;EAAe,CAC/B,CACA,CAAC;AAEL;;AAEA;AACA;AACA;AACA,eAAeV,wBAAwB,CAAEO,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["View","withPreferredColorScheme","Button","Icon","plusCircleFilled","useCallback","Inserter","styles","jsx","_jsx","Fragment","_Fragment","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","onAppenderPress","onToggle","appenderStyle","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","children","renderToggle","disabled","isOpen","testID","onClick","fixedRatio","style","floatingAppender","icon","color","size","isAppender"],"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst onAppenderPress = useCallback(\n\t\t( onToggle ) => () => {\n\t\t\tif ( onAddBlock ) {\n\t\t\t\tonAddBlock();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onToggle ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t},\n\t\t[ onAddBlock ]\n\t);\n\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttestID=\"appender-button\"\n\t\t\t\t\t\tonClick={ onAppenderPress( onToggle ) }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,kBAAkB;AACzD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEnC,SAASC,mBAAmBA,CAAE;EAC7BC,YAAY;EACZC,wBAAwB;EACxBC,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGb,WAAW,CAChCc,QAAQ,IAAM,MAAM;IACrB,IAAKF,UAAU,EAAG;MACjBA,UAAU,CAAC,CAAC;MACZ;IACD;IAEA,IAAKE,QAAQ,EAAG;MACfA,QAAQ,CAAC,CAAC;IACX;EACD,CAAC,EACD,CAAEF,UAAU,CACb,CAAC;EAED,MAAMG,aAAa,GAAG;IACrB,GAAGb,MAAM,CAACc,QAAQ;IAClB,GAAGP,wBAAwB,CAC1BP,MAAM,CAACe,aAAa,EACpBf,MAAM,CAACgB,YACR;EACD,CAAC;EACD,MAAMC,mBAAmB,GAAGV,wBAAwB,CACnDP,MAAM,CAACkB,cAAc,EACrBT,UAAU,GACPT,MAAM,CAACmB,0BAA0B,GACjCnB,MAAM,CAACoB,kBACX,CAAC;EAED,oBACClB,IAAA,CAAAE,SAAA;IAAAiB,QAAA,eACCnB,IAAA,CAACH,QAAQ;MACRO,YAAY,EAAGA,YAAc;MAC7BgB,YAAY,EAAGA,CAAE;QAAEV,QAAQ;QAAEW,QAAQ;QAAEC;MAAO,CAAC,kBAC9CtB,IAAA,CAACP,MAAM;QACN8B,MAAM,EAAC,iBAAiB;QACxBC,OAAO,EAAGf,eAAe,CAAEC,QAAS,CAAG;QACvC,iBAAgBY,MAAQ;QACxBD,QAAQ,EAAGA,QAAU;QACrBI,UAAU,EAAG,KAAO;QAAAN,QAAA,eAEpBnB,IAAA,CAACT,IAAI;UACJmC,KAAK,EAAG,CACPf,aAAa,EACbJ,UAAU,IAAIT,MAAM,CAAC6B,gBAAgB,CACnC;UAAAR,QAAA,eAEHnB,IAAA,CAACN,IAAI;YACJkC,IAAI,EAAGjC,gBAAkB;YACzB+B,KAAK,EAAGX,mBAAqB;YAC7Bc,KAAK,EAAGd,mBAAmB,CAACc,KAAO;YACnCC,IAAI,EAAGf,mBAAmB,CAACe;UAAM,CACjC;QAAC,CACG;MAAC,CACA,CACN;MACHC,UAAU;MACVzB,aAAa,EAAGA;IAAe,CAC/B;EAAC,CACD,CAAC;AAEL;;AAEA;AACA;AACA;AACA,eAAed,wBAAwB,CAAEW,mBAAoB,CAAC","ignoreList":[]}

package/build-module/components/caption/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -10,6 +9,7 @@ import { View } from 'react-native';
 import { createBlock } from '@wordpress/blocks';
 import { RichText } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 const Caption = ({
   accessibilityLabelCreator,
   accessible,
@@ -24,31 +24,32 @@ const Caption = ({
   style,
   value,
   insertBlocksAfter = () => {}
-}) => createElement(View, {
+}) => /*#__PURE__*/_jsx(View, {
   accessibilityLabel: accessibilityLabelCreator ? accessibilityLabelCreator(value) : undefined,
   accessibilityRole: "button",
   accessible: accessible,
   style: {
     flex: 1,
     display: shouldDisplay ? 'flex' : 'none'
-  }
-}, createElement(RichText, {
-  __unstableMobileNoFocusOnMount: true,
-  fontSize: style && style.fontSize ? style.fontSize : 14,
-  inlineToolbar: inlineToolbar,
-  isSelected: isSelected,
-  onBlur: onBlur,
-  onChange: onChange,
-  placeholder: placeholder,
-  placeholderTextColor: placeholderTextColor,
-  style: style,
-  tagName: "p",
-  textAlign: "center",
-  underlineColorAndroid: "transparent",
-  unstableOnFocus: onFocus,
-  value: value,
-  __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock('core/paragraph')),
-  deleteEnter: true
-}));
+  },
+  children: /*#__PURE__*/_jsx(RichText, {
+    __unstableMobileNoFocusOnMount: true,
+    fontSize: style && style.fontSize ? style.fontSize : 14,
+    inlineToolbar: inlineToolbar,
+    isSelected: isSelected,
+    onBlur: onBlur,
+    onChange: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderTextColor,
+    style: style,
+    tagName: "p",
+    textAlign: "center",
+    underlineColorAndroid: "transparent",
+    unstableOnFocus: onFocus,
+    value: value,
+    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock('core/paragraph')),
+    deleteEnter: true
+  })
+});
 export default Caption;
 //# sourceMappingURL=index.native.js.map