@wordpress/block-editor 12.26.0 → 13.0.0

package/build/components/rich-text/with-deprecations.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withDeprecations = withDeprecations;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
 var _richText = require("@wordpress/rich-text");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _multiline = _interopRequireDefault(require("./multiline"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -36,7 +36,7 @@ function withDeprecations(Component) {
       onChange = newValue => props.onChange(_blocks.children.fromDOM((0, _richText.__unstableCreateElement)(document, newValue).childNodes));
     }
     const NewComponent = props.multiline ? _multiline.default : Component;
-    return (0, _react.createElement)(NewComponent, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NewComponent, {
       ...props,
       value: value,
       onChange: onChange,

package/build/components/rich-text/with-deprecations.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blocks","_richText","_deprecated","_interopRequireDefault","_multiline","withDeprecations","Component","forwardRef","props","ref","value","onChange","Array","isArray","deprecated","since","version","alternative","link","childrenSource","toHTML","newValue","fromDOM","__unstableCreateElement","document","childNodes","NewComponent","multiline","RichTextMultiline","_react","createElement"],"sources":["@wordpress/block-editor/src/components/rich-text/with-deprecations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport { __unstableCreateElement } from '@wordpress/rich-text';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichTextMultiline from './multiline';\n\nexport function withDeprecations( Component ) {\n\treturn forwardRef( ( props, ref ) => {\n\t\tlet value = props.value;\n\t\tlet onChange = props.onChange;\n\n\t\t// Handle deprecated format.\n\t\tif ( Array.isArray( value ) ) {\n\t\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.3',\n\t\t\t\talternative: 'value prop as string',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t\t} );\n\n\t\t\tvalue = childrenSource.toHTML( props.value );\n\t\t\tonChange = ( newValue ) =>\n\t\t\t\tprops.onChange(\n\t\t\t\t\tchildrenSource.fromDOM(\n\t\t\t\t\t\t__unstableCreateElement( document, newValue ).childNodes\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t}\n\n\t\tconst NewComponent = props.multiline ? RichTextMultiline : Component;\n\n\t\treturn (\n\t\t\t<NewComponent\n\t\t\t\t{ ...props }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,SAASM,gBAAgBA,CAAEC,SAAS,EAAG;EAC7C,OAAO,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;IACpC,IAAIC,KAAK,GAAGF,KAAK,CAACE,KAAK;IACvB,IAAIC,QAAQ,GAAGH,KAAK,CAACG,QAAQ;;IAE7B;IACA,IAAKC,KAAK,CAACC,OAAO,CAAEH,KAAM,CAAC,EAAG;MAC7B,IAAAI,mBAAU,EAAE,qDAAqD,EAAE;QAClEC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE,KAAK;QACdC,WAAW,EAAE,sBAAsB;QACnCC,IAAI,EAAE;MACP,CAAE,CAAC;MAEHR,KAAK,GAAGS,gBAAc,CAACC,MAAM,CAAEZ,KAAK,CAACE,KAAM,CAAC;MAC5CC,QAAQ,GAAKU,QAAQ,IACpBb,KAAK,CAACG,QAAQ,CACbQ,gBAAc,CAACG,OAAO,CACrB,IAAAC,iCAAuB,EAAEC,QAAQ,EAAEH,QAAS,CAAC,CAACI,UAC/C,CACD,CAAC;IACH;IAEA,MAAMC,YAAY,GAAGlB,KAAK,CAACmB,SAAS,GAAGC,kBAAiB,GAAGtB,SAAS;IAEpE,OACC,IAAAuB,MAAA,CAAAC,aAAA,EAACJ,YAAY;MAAA,GACPlB,KAAK;MACVE,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA,QAAU;MACrBF,GAAG,EAAGA;IAAK,CACX,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_element","require","_blocks","_richText","_deprecated","_interopRequireDefault","_multiline","_jsxRuntime","withDeprecations","Component","forwardRef","props","ref","value","onChange","Array","isArray","deprecated","since","version","alternative","link","childrenSource","toHTML","newValue","fromDOM","__unstableCreateElement","document","childNodes","NewComponent","multiline","RichTextMultiline","jsx"],"sources":["@wordpress/block-editor/src/components/rich-text/with-deprecations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport { __unstableCreateElement } from '@wordpress/rich-text';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichTextMultiline from './multiline';\n\nexport function withDeprecations( Component ) {\n\treturn forwardRef( ( props, ref ) => {\n\t\tlet value = props.value;\n\t\tlet onChange = props.onChange;\n\n\t\t// Handle deprecated format.\n\t\tif ( Array.isArray( value ) ) {\n\t\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.3',\n\t\t\t\talternative: 'value prop as string',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t\t} );\n\n\t\t\tvalue = childrenSource.toHTML( props.value );\n\t\t\tonChange = ( newValue ) =>\n\t\t\t\tprops.onChange(\n\t\t\t\t\tchildrenSource.fromDOM(\n\t\t\t\t\t\t__unstableCreateElement( document, newValue ).childNodes\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t}\n\n\t\tconst NewComponent = props.multiline ? RichTextMultiline : Component;\n\n\t\treturn (\n\t\t\t<NewComponent\n\t\t\t\t{ ...props }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAX5C;AACA;AACA;;AAMA;AACA;AACA;;AAGO,SAASO,gBAAgBA,CAAEC,SAAS,EAAG;EAC7C,OAAO,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;IACpC,IAAIC,KAAK,GAAGF,KAAK,CAACE,KAAK;IACvB,IAAIC,QAAQ,GAAGH,KAAK,CAACG,QAAQ;;IAE7B;IACA,IAAKC,KAAK,CAACC,OAAO,CAAEH,KAAM,CAAC,EAAG;MAC7B,IAAAI,mBAAU,EAAE,qDAAqD,EAAE;QAClEC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE,KAAK;QACdC,WAAW,EAAE,sBAAsB;QACnCC,IAAI,EAAE;MACP,CAAE,CAAC;MAEHR,KAAK,GAAGS,gBAAc,CAACC,MAAM,CAAEZ,KAAK,CAACE,KAAM,CAAC;MAC5CC,QAAQ,GAAKU,QAAQ,IACpBb,KAAK,CAACG,QAAQ,CACbQ,gBAAc,CAACG,OAAO,CACrB,IAAAC,iCAAuB,EAAEC,QAAQ,EAAEH,QAAS,CAAC,CAACI,UAC/C,CACD,CAAC;IACH;IAEA,MAAMC,YAAY,GAAGlB,KAAK,CAACmB,SAAS,GAAGC,kBAAiB,GAAGtB,SAAS;IAEpE,oBACC,IAAAF,WAAA,CAAAyB,GAAA,EAACH,YAAY;MAAA,GACPlB,KAAK;MACVE,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA,QAAU;MACrBF,GAAG,EAAGA;IAAK,CACX,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}

package/build/components/segmented-text-control/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SegmentedTextControl;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -34,29 +34,30 @@ var _components = require("@wordpress/components");
  * @param {string}   props.className Additional class name to apply.
  *
  * @return {Element} Element to render.
- */
-function SegmentedTextControl({
+ */function SegmentedTextControl({
   label,
   value,
   options,
   onChange,
   className
 }) {
-  return (0, _react.createElement)("fieldset", {
-    className: (0, _clsx.default)('block-editor-segmented-text-control', className)
-  }, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
-    as: "legend"
-  }, label), (0, _react.createElement)("div", {
-    className: "block-editor-segmented-text-control__buttons"
-  }, options.map(option => {
-    return (0, _react.createElement)(_components.Button, {
-      size: "compact",
-      key: option.value,
-      icon: option.icon,
-      label: option.label,
-      isPressed: option.value === value,
-      onClick: () => onChange(option.value)
-    });
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: (0, _clsx.default)('block-editor-segmented-text-control', className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
+      as: "legend",
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-segmented-text-control__buttons",
+      children: options.map(option => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          size: "compact",
+          icon: option.icon,
+          label: option.label,
+          isPressed: option.value === value,
+          onClick: () => onChange(option.value)
+        }, option.value);
+      })
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/segmented-text-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","SegmentedTextControl","label","value","options","onChange","className","_react","createElement","clsx","BaseControl","VisualLabel","as","map","option","Button","size","key","icon","isPressed","onClick"],"sources":["@wordpress/block-editor/src/components/segmented-text-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\n\n/**\n * @typedef {Object} Option\n * @property {string} label The label of the option.\n * @property {string} value The value of the option.\n * @property {string} icon  The icon of the option.\n */\n\n/**\n * Control to facilitate selecting a text style from a set of options.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.label     A label for the option.\n * @param {string}   props.value     Currently selected value.\n * @param {Function} props.onChange  Callback to handle onChange.\n * @param {Option[]} props.options   Array of options to display.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Element to render.\n */\nexport default function SegmentedTextControl( {\n\tlabel,\n\tvalue,\n\toptions,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-segmented-text-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ label }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-segmented-text-control__buttons\">\n\t\t\t\t{ options.map( ( option ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\t\tisPressed={ option.value === value }\n\t\t\t\t\t\t\tonClick={ () => onChange( option.value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASE,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA;IACCF,SAAS,EAAG,IAAAG,aAAI,EACf,qCAAqC,EACrCH,SACD;EAAG,GAEH,IAAAC,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAU,WAAW,CAACC,WAAW;IAACC,EAAE,EAAC;EAAQ,GACjCV,KACsB,CAAC,EAC1B,IAAAK,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAA8C,GAC1DF,OAAO,CAACS,GAAG,CAAIC,MAAM,IAAM;IAC5B,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAe,MAAM;MACNC,IAAI,EAAC,SAAS;MACdC,GAAG,EAAGH,MAAM,CAACX,KAAO;MACpBe,IAAI,EAAGJ,MAAM,CAACI,IAAM;MACpBhB,KAAK,EAAGY,MAAM,CAACZ,KAAO;MACtBiB,SAAS,EAAGL,MAAM,CAACX,KAAK,KAAKA,KAAO;MACpCiB,OAAO,EAAGA,CAAA,KAAMf,QAAQ,CAAES,MAAM,CAACX,KAAM;IAAG,CAC1C,CAAC;EAEJ,CAAE,CACE,CACI,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_jsxRuntime","SegmentedTextControl","label","value","options","onChange","className","jsxs","clsx","children","jsx","BaseControl","VisualLabel","as","map","option","Button","size","icon","isPressed","onClick"],"sources":["@wordpress/block-editor/src/components/segmented-text-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\n\n/**\n * @typedef {Object} Option\n * @property {string} label The label of the option.\n * @property {string} value The value of the option.\n * @property {string} icon  The icon of the option.\n */\n\n/**\n * Control to facilitate selecting a text style from a set of options.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.label     A label for the option.\n * @param {string}   props.value     Currently selected value.\n * @param {Function} props.onChange  Callback to handle onChange.\n * @param {Option[]} props.options   Array of options to display.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Element to render.\n */\nexport default function SegmentedTextControl( {\n\tlabel,\n\tvalue,\n\toptions,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-segmented-text-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ label }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-segmented-text-control__buttons\">\n\t\t\t\t{ options.map( ( option ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\t\tisPressed={ option.value === value }\n\t\t\t\t\t\t\tonClick={ () => onChange( option.value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA4D,IAAAE,WAAA,GAAAF,OAAA;AAR5D;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,SAASG,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,IAAA;IACCD,SAAS,EAAG,IAAAE,aAAI,EACf,qCAAqC,EACrCF,SACD,CAAG;IAAAG,QAAA,gBAEH,IAAAT,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAY,WAAW,CAACC,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAJ,QAAA,EACjCP;IAAK,CACiB,CAAC,eAC1B,IAAAF,WAAA,CAAAU,GAAA;MAAKJ,SAAS,EAAC,8CAA8C;MAAAG,QAAA,EAC1DL,OAAO,CAACU,GAAG,CAAIC,MAAM,IAAM;QAC5B,oBACC,IAAAf,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAiB,MAAM;UACNC,IAAI,EAAC,SAAS;UAEdC,IAAI,EAAGH,MAAM,CAACG,IAAM;UACpBhB,KAAK,EAAGa,MAAM,CAACb,KAAO;UACtBiB,SAAS,EAAGJ,MAAM,CAACZ,KAAK,KAAKA,KAAO;UACpCiB,OAAO,EAAGA,CAAA,KAAMf,QAAQ,CAAEU,MAAM,CAACZ,KAAM;QAAG,GAJpCY,MAAM,CAACZ,KAKb,CAAC;MAEJ,CAAE;IAAC,CACC,CAAC;EAAA,CACG,CAAC;AAEb","ignoreList":[]}

package/build/components/skip-to-selected-block/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SkipToSelectedBlock;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _store = require("../../store");
 var _useBlockRefs = require("../block-list/use-block-props/use-block-refs");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,17 +20,17 @@ var _useBlockRefs = require("../block-list/use-block-props/use-block-refs");
 
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md
- */
-function SkipToSelectedBlock() {
+ */function SkipToSelectedBlock() {
   const selectedBlockClientId = (0, _data.useSelect)(select => select(_store.store).getBlockSelectionStart(), []);
   const ref = (0, _useBlockRefs.__unstableUseBlockRef)(selectedBlockClientId);
   const onClick = () => {
     ref.current.focus();
   };
-  return selectedBlockClientId ? (0, _react.createElement)(_components.Button, {
+  return selectedBlockClientId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     variant: "secondary",
     className: "block-editor-skip-to-selected-block",
-    onClick: onClick
-  }, (0, _i18n.__)('Skip to the selected block')) : null;
+    onClick: onClick,
+    children: (0, _i18n.__)('Skip to the selected block')
+  }) : null;
 }
 //# sourceMappingURL=index.js.map

package/build/components/skip-to-selected-block/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_components","_store","_useBlockRefs","SkipToSelectedBlock","selectedBlockClientId","useSelect","select","blockEditorStore","getBlockSelectionStart","ref","useBlockRef","onClick","current","focus","_react","createElement","Button","variant","className","__"],"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default function SkipToSelectedBlock() {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockSelectionStart(),\n\t\t[]\n\t);\n\tconst ref = useBlockRef( selectedBlockClientId );\n\tconst onClick = () => {\n\t\tref.current.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA;AACA;AACA;AACe,SAASK,mBAAmBA,CAAA,EAAG;EAC7C,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EACpCC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAMC,GAAG,GAAG,IAAAC,mCAAW,EAAEN,qBAAsB,CAAC;EAChD,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACrBF,GAAG,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAOT,qBAAqB,GAC3B,IAAAU,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CP,OAAO,EAAGA;EAAS,GAEjB,IAAAQ,QAAE,EAAE,4BAA6B,CAC5B,CAAC,GACN,IAAI;AACT","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_components","_store","_useBlockRefs","_jsxRuntime","SkipToSelectedBlock","selectedBlockClientId","useSelect","select","blockEditorStore","getBlockSelectionStart","ref","useBlockRef","onClick","current","focus","jsx","Button","variant","className","children","__"],"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default function SkipToSelectedBlock() {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockSelectionStart(),\n\t\t[]\n\t);\n\tconst ref = useBlockRef( selectedBlockClientId );\n\tconst onClick = () => {\n\t\tref.current.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAoG,IAAAK,WAAA,GAAAL,OAAA;AAXpG;AACA;AACA;;AAKA;AACA;AACA;;AAIA;AACA;AACA,GACe,SAASM,mBAAmBA,CAAA,EAAG;EAC7C,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EACpCC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAMC,GAAG,GAAG,IAAAC,mCAAW,EAAEN,qBAAsB,CAAC;EAChD,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACrBF,GAAG,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAOT,qBAAqB,gBAC3B,IAAAF,WAAA,CAAAY,GAAA,EAACf,WAAA,CAAAgB,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CN,OAAO,EAAGA,OAAS;IAAAO,QAAA,EAEjB,IAAAC,QAAE,EAAE,4BAA6B;EAAC,CAC7B,CAAC,GACN,IAAI;AACT","ignoreList":[]}

package/build/components/spacing-sizes-control/hooks/use-spacing-sizes.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useSpacingSizes;
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _useSettings = require("../../use-settings");
+var _utils = require("../utils");
 /**
  * WordPress dependencies
  */
@@ -14,23 +16,36 @@ var _useSettings = require("../../use-settings");
  * Internal dependencies
  */
 
+const EMPTY_ARRAY = [];
+const compare = new Intl.Collator('und', {
+  numeric: true
+}).compare;
 function useSpacingSizes() {
-  const spacingSizes = [{
-    name: 0,
-    slug: '0',
-    size: 0
-  }];
-  const [settingsSizes] = (0, _useSettings.useSettings)('spacing.spacingSizes');
-  if (settingsSizes) {
-    spacingSizes.push(...settingsSizes);
-  }
-  if (spacingSizes.length > 8) {
-    spacingSizes.unshift({
+  const [customSpacingSizes, themeSpacingSizes, defaultSpacingSizes, defaultSpacingSizesEnabled] = (0, _useSettings.useSettings)('spacing.spacingSizes.custom', 'spacing.spacingSizes.theme', 'spacing.spacingSizes.default', 'spacing.defaultSpacingSizes');
+  const customSizes = customSpacingSizes !== null && customSpacingSizes !== void 0 ? customSpacingSizes : EMPTY_ARRAY;
+  const themeSizes = themeSpacingSizes !== null && themeSpacingSizes !== void 0 ? themeSpacingSizes : EMPTY_ARRAY;
+  const defaultSizes = defaultSpacingSizes && defaultSpacingSizesEnabled !== false ? defaultSpacingSizes : EMPTY_ARRAY;
+  return (0, _element.useMemo)(() => {
+    const sizes = [{
+      name: (0, _i18n.__)('None'),
+      slug: '0',
+      size: 0
+    }, ...customSizes, ...themeSizes, ...defaultSizes].sort((a, b) => compare(a.slug, b.slug));
+    return sizes.length > _utils.RANGE_CONTROL_MAX_SIZE ? [{
       name: (0, _i18n.__)('Default'),
       slug: 'default',
       size: undefined
-    });
-  }
-  return spacingSizes;
+    }, ...sizes] :
+    // See https://github.com/WordPress/gutenberg/pull/44247 for reasoning
+    // to use the index as the name in the range control.
+    sizes.map(({
+      slug,
+      size
+    }, i) => ({
+      name: i,
+      slug,
+      size
+    }));
+  }, [customSizes, themeSizes, defaultSizes]);
 }
 //# sourceMappingURL=use-spacing-sizes.js.map

package/build/components/spacing-sizes-control/hooks/use-spacing-sizes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_useSettings","useSpacingSizes","spacingSizes","name","slug","size","settingsSizes","useSettings","push","length","unshift","__","undefined"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/hooks/use-spacing-sizes.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\n\nexport default function useSpacingSizes() {\n\tconst spacingSizes = [ { name: 0, slug: '0', size: 0 } ];\n\n\tconst [ settingsSizes ] = useSettings( 'spacing.spacingSizes' );\n\tif ( settingsSizes ) {\n\t\tspacingSizes.push( ...settingsSizes );\n\t}\n\n\tif ( spacingSizes.length > 8 ) {\n\t\tspacingSizes.unshift( {\n\t\t\tname: __( 'Default' ),\n\t\t\tslug: 'default',\n\t\t\tsize: undefined,\n\t\t} );\n\t}\n\n\treturn spacingSizes;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,eAAeA,CAAA,EAAG;EACzC,MAAMC,YAAY,GAAG,CAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAE,CAAC,CAAE;EAExD,MAAM,CAAEC,aAAa,CAAE,GAAG,IAAAC,wBAAW,EAAE,sBAAuB,CAAC;EAC/D,IAAKD,aAAa,EAAG;IACpBJ,YAAY,CAACM,IAAI,CAAE,GAAGF,aAAc,CAAC;EACtC;EAEA,IAAKJ,YAAY,CAACO,MAAM,GAAG,CAAC,EAAG;IAC9BP,YAAY,CAACQ,OAAO,CAAE;MACrBP,IAAI,EAAE,IAAAQ,QAAE,EAAE,SAAU,CAAC;MACrBP,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEO;IACP,CAAE,CAAC;EACJ;EAEA,OAAOV,YAAY;AACpB","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_useSettings","_utils","EMPTY_ARRAY","compare","Intl","Collator","numeric","useSpacingSizes","customSpacingSizes","themeSpacingSizes","defaultSpacingSizes","defaultSpacingSizesEnabled","useSettings","customSizes","themeSizes","defaultSizes","useMemo","sizes","name","__","slug","size","sort","a","b","length","RANGE_CONTROL_MAX_SIZE","undefined","map","i"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/hooks/use-spacing-sizes.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\nimport { RANGE_CONTROL_MAX_SIZE } from '../utils';\n\nconst EMPTY_ARRAY = [];\n\nconst compare = new Intl.Collator( 'und', { numeric: true } ).compare;\n\nexport default function useSpacingSizes() {\n\tconst [\n\t\tcustomSpacingSizes,\n\t\tthemeSpacingSizes,\n\t\tdefaultSpacingSizes,\n\t\tdefaultSpacingSizesEnabled,\n\t] = useSettings(\n\t\t'spacing.spacingSizes.custom',\n\t\t'spacing.spacingSizes.theme',\n\t\t'spacing.spacingSizes.default',\n\t\t'spacing.defaultSpacingSizes'\n\t);\n\n\tconst customSizes = customSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst themeSizes = themeSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst defaultSizes =\n\t\tdefaultSpacingSizes && defaultSpacingSizesEnabled !== false\n\t\t\t? defaultSpacingSizes\n\t\t\t: EMPTY_ARRAY;\n\n\treturn useMemo( () => {\n\t\tconst sizes = [\n\t\t\t{ name: __( 'None' ), slug: '0', size: 0 },\n\t\t\t...customSizes,\n\t\t\t...themeSizes,\n\t\t\t...defaultSizes,\n\t\t].sort( ( a, b ) => compare( a.slug, b.slug ) );\n\n\t\treturn sizes.length > RANGE_CONTROL_MAX_SIZE\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: __( 'Default' ),\n\t\t\t\t\t\tslug: 'default',\n\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t},\n\t\t\t\t\t...sizes,\n\t\t\t  ]\n\t\t\t: // See https://github.com/WordPress/gutenberg/pull/44247 for reasoning\n\t\t\t  // to use the index as the name in the range control.\n\t\t\t  sizes.map( ( { slug, size }, i ) => ( { name: i, slug, size } ) );\n\t}, [ customSizes, themeSizes, defaultSizes ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMI,WAAW,GAAG,EAAE;AAEtB,MAAMC,OAAO,GAAG,IAAIC,IAAI,CAACC,QAAQ,CAAE,KAAK,EAAE;EAAEC,OAAO,EAAE;AAAK,CAAE,CAAC,CAACH,OAAO;AAEtD,SAASI,eAAeA,CAAA,EAAG;EACzC,MAAM,CACLC,kBAAkB,EAClBC,iBAAiB,EACjBC,mBAAmB,EACnBC,0BAA0B,CAC1B,GAAG,IAAAC,wBAAW,EACd,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EAC9B,6BACD,CAAC;EAED,MAAMC,WAAW,GAAGL,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIN,WAAW;EAErD,MAAMY,UAAU,GAAGL,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAIP,WAAW;EAEnD,MAAMa,YAAY,GACjBL,mBAAmB,IAAIC,0BAA0B,KAAK,KAAK,GACxDD,mBAAmB,GACnBR,WAAW;EAEf,OAAO,IAAAc,gBAAO,EAAE,MAAM;IACrB,MAAMC,KAAK,GAAG,CACb;MAAEC,IAAI,EAAE,IAAAC,QAAE,EAAE,MAAO,CAAC;MAAEC,IAAI,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAE,CAAC,EAC1C,GAAGR,WAAW,EACd,GAAGC,UAAU,EACb,GAAGC,YAAY,CACf,CAACO,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAMrB,OAAO,CAAEoB,CAAC,CAACH,IAAI,EAAEI,CAAC,CAACJ,IAAK,CAAE,CAAC;IAE/C,OAAOH,KAAK,CAACQ,MAAM,GAAGC,6BAAsB,GACzC,CACA;MACCR,IAAI,EAAE,IAAAC,QAAE,EAAE,SAAU,CAAC;MACrBC,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEM;IACP,CAAC,EACD,GAAGV,KAAK,CACP;IACD;IACA;IACAA,KAAK,CAACW,GAAG,CAAE,CAAE;MAAER,IAAI;MAAEC;IAAK,CAAC,EAAEQ,CAAC,MAAQ;MAAEX,IAAI,EAAEW,CAAC;MAAET,IAAI;MAAEC;IAAK,CAAC,CAAG,CAAC;EACrE,CAAC,EAAE,CAAER,WAAW,EAAEC,UAAU,EAAEC,YAAY,CAAG,CAAC;AAC/C","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SpacingSizesControl;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -15,6 +14,7 @@ var _single = _interopRequireDefault(require("./input-controls/single"));
 var _sidesDropdown = _interopRequireDefault(require("./sides-dropdown"));
 var _useSpacingSizes = _interopRequireDefault(require("./hooks/use-spacing-sizes"));
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -61,16 +61,16 @@ function SpacingSizesControl({
   };
   const renderControls = () => {
     if (view === _utils.VIEWS.axial) {
-      return (0, _react.createElement)(_axial.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_axial.default, {
         ...inputControlProps
       });
     }
     if (view === _utils.VIEWS.custom) {
-      return (0, _react.createElement)(_separated.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_separated.default, {
         ...inputControlProps
       });
     }
-    return (0, _react.createElement)(_single.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_single.default, {
       side: view,
       ...inputControlProps,
       showSideInLabel: showSideInLabel
@@ -83,20 +83,24 @@ function SpacingSizesControl({
   const dropdownLabelText = (0, _i18n.sprintf)(
   // translators: %s: The current spacing property e.g. "Padding", "Margin".
   (0, _i18n._x)('%s options', 'Button label to reveal side configuration options'), labelProp);
-  return (0, _react.createElement)("fieldset", {
-    className: "spacing-sizes-control"
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    className: "spacing-sizes-control__header"
-  }, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
-    as: "legend",
-    className: "spacing-sizes-control__label"
-  }, label), !hasOneSide && !hasOnlyAxialSides && (0, _react.createElement)(_sidesDropdown.default, {
-    label: dropdownLabelText,
-    onChange: setView,
-    sides: sides,
-    value: view
-  })), (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 0.5
-  }, renderControls()));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: "spacing-sizes-control",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      className: "spacing-sizes-control__header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
+        as: "legend",
+        className: "spacing-sizes-control__label",
+        children: label
+      }), !hasOneSide && !hasOnlyAxialSides && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidesDropdown.default, {
+        label: dropdownLabelText,
+        onChange: setView,
+        sides: sides,
+        value: view
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+      spacing: 0.5,
+      children: renderControls()
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","_axial","_interopRequireDefault","_separated","_single","_sidesDropdown","_useSpacingSizes","_utils","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","useSpacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","useState","getInitialView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","VIEWS","axial","_react","createElement","default","custom","side","sideLabel","LABELS","sprintf","__","trim","dropdownLabelText","_x","className","__experimentalHStack","BaseControl","VisualLabel","as","value","__experimentalVStack","spacing"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport SidesDropdown from './sides-dropdown';\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 2. Type of spacing being modified (Padding, margin, etc). 1: The side of the block being modified (top, bottom, left etc.).\n\t\t__( '%1$s %2$s' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\tconst dropdownLabelText = sprintf(\n\t\t// translators: %s: The current spacing property e.g. \"Padding\", \"Margin\".\n\t\t_x( '%s options', 'Button label to reveal side configuration options' ),\n\t\tlabelProp\n\t);\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<SidesDropdown\n\t\t\t\t\t\tlabel={ dropdownLabelText }\n\t\t\t\t\t\tonChange={ setView }\n\t\t\t\t\t\tsides={ sides }\n\t\t\t\t\t\tvalue={ view }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_i18n","_axial","_interopRequireDefault","_separated","_single","_sidesDropdown","_useSpacingSizes","_utils","_jsxRuntime","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","useSpacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","useState","getInitialView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","VIEWS","axial","jsx","default","custom","side","sideLabel","LABELS","sprintf","__","trim","dropdownLabelText","_x","jsxs","className","children","__experimentalHStack","BaseControl","VisualLabel","as","value","__experimentalVStack","spacing"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport SidesDropdown from './sides-dropdown';\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 2. Type of spacing being modified (Padding, margin, etc). 1: The side of the block being modified (top, bottom, left etc.).\n\t\t__( '%1$s %2$s' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\tconst dropdownLabelText = sprintf(\n\t\t// translators: %s: The current spacing property e.g. \"Padding\", \"Margin\".\n\t\t_x( '%s options', 'Button label to reveal side configuration options' ),\n\t\tlabelProp\n\t);\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<SidesDropdown\n\t\t\t\t\t\tlabel={ dropdownLabelText }\n\t\t\t\t\t\tonChange={ setView }\n\t\t\t\t\t\tsides={ sides }\n\t\t\t\t\t\tvalue={ view }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/spacing-sizes-control/input-controls/axial.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AxialInputControls;
-var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -48,22 +48,23 @@ function AxialInputControls({
 
   // Filter sides if custom configuration provided, maintaining default order.
   const filteredSides = sides?.length ? groupedSides.filter(side => (0, _utils.hasAxisSupport)(sides, side)) : groupedSides;
-  return (0, _react.createElement)(_react.Fragment, null, filteredSides.map(side => {
-    const axisValue = side === 'vertical' ? values.top : values.left;
-    return (0, _react.createElement)(_spacingInputControl.default, {
-      key: `spacing-sizes-control-${side}`,
-      icon: _utils.ICONS[side],
-      label: _utils.LABELS[side],
-      minimumCustomValue: minimumCustomValue,
-      onChange: createHandleOnChange(side),
-      onMouseOut: onMouseOut,
-      onMouseOver: onMouseOver,
-      side: side,
-      spacingSizes: spacingSizes,
-      type: type,
-      value: axisValue,
-      withInputField: false
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: filteredSides.map(side => {
+      const axisValue = side === 'vertical' ? values.top : values.left;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacingInputControl.default, {
+        icon: _utils.ICONS[side],
+        label: _utils.LABELS[side],
+        minimumCustomValue: minimumCustomValue,
+        onChange: createHandleOnChange(side),
+        onMouseOut: onMouseOut,
+        onMouseOver: onMouseOver,
+        side: side,
+        spacingSizes: spacingSizes,
+        type: type,
+        value: axisValue,
+        withInputField: false
+      }, `spacing-sizes-control-${side}`);
+    })
+  });
 }
 //# sourceMappingURL=axial.js.map

package/build/components/spacing-sizes-control/input-controls/axial.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","top","bottom","left","right","filteredSides","length","filter","hasAxisSupport","_react","createElement","Fragment","map","axisValue","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASA,MAAME,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAElC,SAASC,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,IAAI,IAAQC,IAAI,IAAM;IACpD,IAAK,CAAET,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMU,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAED,IAAKN,IAAI,KAAK,UAAU,EAAG;MAC1BE,UAAU,CAACO,GAAG,GAAGR,IAAI;MACrBC,UAAU,CAACQ,MAAM,GAAGT,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACS,IAAI,GAAGV,IAAI;MACtBC,UAAU,CAACU,KAAK,GAAGX,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAGlB,KAAK,EAAEmB,MAAM,GAChCzB,YAAY,CAAC0B,MAAM,CAAIf,IAAI,IAAM,IAAAgB,qBAAc,EAAErB,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,OACC,IAAA4B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGN,aAAa,CAACO,GAAG,CAAIpB,IAAI,IAAM;IAChC,MAAMqB,SAAS,GACdrB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACW,GAAG,GAAGX,MAAM,CAACa,IAAI;IAC/C,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACjC,oBAAA,CAAAqC,OAAmB;MACnBf,GAAG,EAAI,yBAAyBP,IAAM,EAAG;MACzCuB,IAAI,EAAGC,YAAK,CAAExB,IAAI,CAAI;MACtByB,KAAK,EAAGC,aAAM,CAAE1B,IAAI,CAAI;MACxBT,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGO,oBAAoB,CAAEC,IAAK,CAAG;MACzCP,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BM,IAAI,EAAGA,IAAM;MACbJ,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb8B,KAAK,EAAGN,SAAW;MACnBO,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","_jsxRuntime","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","top","bottom","left","right","filteredSides","length","filter","hasAxisSupport","jsx","Fragment","children","map","axisValue","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKkB,IAAAE,WAAA,GAAAF,OAAA;AATlB;AACA;AACA;;AASA,MAAMG,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAElC,SAASC,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,IAAI,IAAQC,IAAI,IAAM;IACpD,IAAK,CAAET,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMU,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAED,IAAKN,IAAI,KAAK,UAAU,EAAG;MAC1BE,UAAU,CAACO,GAAG,GAAGR,IAAI;MACrBC,UAAU,CAACQ,MAAM,GAAGT,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACS,IAAI,GAAGV,IAAI;MACtBC,UAAU,CAACU,KAAK,GAAGX,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAGlB,KAAK,EAAEmB,MAAM,GAChCzB,YAAY,CAAC0B,MAAM,CAAIf,IAAI,IAAM,IAAAgB,qBAAc,EAAErB,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,oBACC,IAAAD,WAAA,CAAA6B,GAAA,EAAA7B,WAAA,CAAA8B,QAAA;IAAAC,QAAA,EACGN,aAAa,CAACO,GAAG,CAAIpB,IAAI,IAAM;MAChC,MAAMqB,SAAS,GACdrB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACW,GAAG,GAAGX,MAAM,CAACa,IAAI;MAC/C,oBACC,IAAAvB,WAAA,CAAA6B,GAAA,EAACjC,oBAAA,CAAAsC,OAAmB;QAEnBC,IAAI,EAAGC,YAAK,CAAExB,IAAI,CAAI;QACtByB,KAAK,EAAGC,aAAM,CAAE1B,IAAI,CAAI;QACxBT,kBAAkB,EAAGA,kBAAoB;QACzCC,QAAQ,EAAGO,oBAAoB,CAAEC,IAAK,CAAG;QACzCP,UAAU,EAAGA,UAAY;QACzBC,WAAW,EAAGA,WAAa;QAC3BM,IAAI,EAAGA,IAAM;QACbJ,YAAY,EAAGA,YAAc;QAC7BC,IAAI,EAAGA,IAAM;QACb8B,KAAK,EAAGN,SAAW;QACnBO,cAAc,EAAG;MAAO,GAXjB,yBAAyB5B,IAAM,EAYtC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

package/build/components/spacing-sizes-control/input-controls/separated.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SeparatedInputControls;
-var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -35,21 +35,22 @@ function SeparatedInputControls({
     nextValues[side] = next;
     onChange(nextValues);
   };
-  return (0, _react.createElement)(_react.Fragment, null, filteredSides.map(side => {
-    return (0, _react.createElement)(_spacingInputControl.default, {
-      key: `spacing-sizes-control-${side}`,
-      icon: _utils.ICONS[side],
-      label: _utils.LABELS[side],
-      minimumCustomValue: minimumCustomValue,
-      onChange: createHandleOnChange(side),
-      onMouseOut: onMouseOut,
-      onMouseOver: onMouseOver,
-      side: side,
-      spacingSizes: spacingSizes,
-      type: type,
-      value: values[side],
-      withInputField: false
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: filteredSides.map(side => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacingInputControl.default, {
+        icon: _utils.ICONS[side],
+        label: _utils.LABELS[side],
+        minimumCustomValue: minimumCustomValue,
+        onChange: createHandleOnChange(side),
+        onMouseOut: onMouseOut,
+        onMouseOver: onMouseOver,
+        side: side,
+        spacingSizes: spacingSizes,
+        type: type,
+        value: values[side],
+        withInputField: false
+      }, `spacing-sizes-control-${side}`);
+    })
+  });
 }
 //# sourceMappingURL=separated.js.map

package/build/components/spacing-sizes-control/input-controls/separated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_react","createElement","Fragment","map","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASe,SAASE,sBAAsBA,CAAE;EAC/CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAM,GAChCC,gBAAS,CAACC,MAAM,CAAIC,IAAI,IAAMR,KAAK,CAACS,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDF,gBAAS;EAEZ,MAAMI,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEX,MAAO,CAAC,CAACY,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCf,MAAM,CAAEc,GAAG,CAAE,EACbhB,YACD,CAAC;QACD,OAAOe,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBd,QAAQ,CAAEe,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGjB,aAAa,CAACkB,GAAG,CAAId,IAAI,IAAM;IAChC,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAC7B,oBAAA,CAAAgC,OAAmB;MACnBN,GAAG,EAAI,yBAAyBT,IAAM,EAAG;MACzCgB,IAAI,EAAGC,YAAK,CAAEjB,IAAI,CAAI;MACtBkB,KAAK,EAAGC,aAAM,CAAEnB,IAAI,CAAI;MACxBZ,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGa,oBAAoB,CAAEF,IAAK,CAAG;MACzCV,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BS,IAAI,EAAGA,IAAM;MACbP,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb0B,KAAK,EAAGzB,MAAM,CAAEK,IAAI,CAAI;MACxBqB,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","_jsxRuntime","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","jsx","Fragment","children","map","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKkB,IAAAE,WAAA,GAAAF,OAAA;AATlB;AACA;AACA;;AASe,SAASG,sBAAsBA,CAAE;EAC/CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAM,GAChCC,gBAAS,CAACC,MAAM,CAAIC,IAAI,IAAMR,KAAK,CAACS,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDF,gBAAS;EAEZ,MAAMI,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEX,MAAO,CAAC,CAACY,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCf,MAAM,CAAEc,GAAG,CAAE,EACbhB,YACD,CAAC;QACD,OAAOe,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBd,QAAQ,CAAEe,UAAW,CAAC;EACvB,CAAC;EAED,oBACC,IAAAlB,WAAA,CAAAyB,GAAA,EAAAzB,WAAA,CAAA0B,QAAA;IAAAC,QAAA,EACGjB,aAAa,CAACkB,GAAG,CAAId,IAAI,IAAM;MAChC,oBACC,IAAAd,WAAA,CAAAyB,GAAA,EAAC7B,oBAAA,CAAAiC,OAAmB;QAEnBC,IAAI,EAAGC,YAAK,CAAEjB,IAAI,CAAI;QACtBkB,KAAK,EAAGC,aAAM,CAAEnB,IAAI,CAAI;QACxBZ,kBAAkB,EAAGA,kBAAoB;QACzCC,QAAQ,EAAGa,oBAAoB,CAAEF,IAAK,CAAG;QACzCV,UAAU,EAAGA,UAAY;QACzBC,WAAW,EAAGA,WAAa;QAC3BS,IAAI,EAAGA,IAAM;QACbP,YAAY,EAAGA,YAAc;QAC7BC,IAAI,EAAGA,IAAM;QACb0B,KAAK,EAAGzB,MAAM,CAAEK,IAAI,CAAI;QACxBqB,cAAc,EAAG;MAAO,GAXjB,yBAAyBrB,IAAM,EAYtC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

package/build/components/spacing-sizes-control/input-controls/single.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SingleInputControl;
-var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -34,7 +34,7 @@ function SingleInputControl({
     nextValues[currentSide] = next;
     onChange(nextValues);
   };
-  return (0, _react.createElement)(_spacingInputControl.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacingInputControl.default, {
     label: _utils.LABELS[side],
     minimumCustomValue: minimumCustomValue,
     onChange: createHandleOnChange(side),

package/build/components/spacing-sizes-control/input-controls/single.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_react","createElement","default","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/single.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,WAAW,IAAQC,IAAI,IAAM;IAC3D;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEF,WAAW,CAAE,GAAGC,IAAI;IAEhCV,QAAQ,CAAEW,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACzB,oBAAA,CAAA0B,OAAmB;IACnBC,KAAK,EAAGC,aAAM,CAAElB,IAAI,CAAI;IACxBL,kBAAkB,EAAGA,kBAAoB;IACzCC,QAAQ,EAAGQ,oBAAoB,CAAEJ,IAAK,CAAG;IACzCH,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IACnCC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BC,IAAI,EAAGA,IAAM;IACbiB,KAAK,EAAGhB,MAAM,CAAEH,IAAI,CAAI;IACxBoB,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","_jsxRuntime","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","jsx","default","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/single.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAiE,IAAAE,WAAA,GAAAF,OAAA;AAJjE;AACA;AACA;;AAIe,SAASG,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,WAAW,IAAQC,IAAI,IAAM;IAC3D;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEF,WAAW,CAAE,GAAGC,IAAI;IAEhCV,QAAQ,CAAEW,UAAW,CAAC;EACvB,CAAC;EAED,oBACC,IAAAd,WAAA,CAAAqB,GAAA,EAACzB,oBAAA,CAAA0B,OAAmB;IACnBC,KAAK,EAAGC,aAAM,CAAEjB,IAAI,CAAI;IACxBL,kBAAkB,EAAGA,kBAAoB;IACzCC,QAAQ,EAAGQ,oBAAoB,CAAEJ,IAAK,CAAG;IACzCH,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IACnCC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BC,IAAI,EAAGA,IAAM;IACbgB,KAAK,EAAGf,MAAM,CAAEH,IAAI,CAAI;IACxBmB,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ","ignoreList":[]}