@wordpress/block-editor 12.26.0 → 13.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","children","childrenSource","__unstableCreateElement","deprecated","RichTextMultiline","withDeprecations","Component","props","ref","value","onChange","Array","isArray","since","version","alternative","link","toHTML","newValue","fromDOM","document","childNodes","NewComponent","multiline","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":";AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,QAAQ,IAAIC,cAAc,QAAQ,mBAAmB;AAC9D,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,aAAa;AAE3C,OAAO,SAASC,gBAAgBA,CAAEC,SAAS,EAAG;EAC7C,OAAOP,UAAU,CAAE,CAAEQ,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;MAC7BN,UAAU,CAAE,qDAAqD,EAAE;QAClEU,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE,KAAK;QACdC,WAAW,EAAE,sBAAsB;QACnCC,IAAI,EAAE;MACP,CAAE,CAAC;MAEHP,KAAK,GAAGR,cAAc,CAACgB,MAAM,CAAEV,KAAK,CAACE,KAAM,CAAC;MAC5CC,QAAQ,GAAKQ,QAAQ,IACpBX,KAAK,CAACG,QAAQ,CACbT,cAAc,CAACkB,OAAO,CACrBjB,uBAAuB,CAAEkB,QAAQ,EAAEF,QAAS,CAAC,CAACG,UAC/C,CACD,CAAC;IACH;IAEA,MAAMC,YAAY,GAAGf,KAAK,CAACgB,SAAS,GAAGnB,iBAAiB,GAAGE,SAAS;IAEpE,OACCkB,aAAA,CAACF,YAAY;MAAA,GACPf,KAAK;MACVE,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA,QAAU;MACrBF,GAAG,EAAGA;IAAK,CACX,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["forwardRef","children","childrenSource","__unstableCreateElement","deprecated","RichTextMultiline","jsx","_jsx","withDeprecations","Component","props","ref","value","onChange","Array","isArray","since","version","alternative","link","toHTML","newValue","fromDOM","document","childNodes","NewComponent","multiline"],"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":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,QAAQ,IAAIC,cAAc,QAAQ,mBAAmB;AAC9D,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,OAAO,SAASC,gBAAgBA,CAAEC,SAAS,EAAG;EAC7C,OAAOT,UAAU,CAAE,CAAEU,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;MAC7BR,UAAU,CAAE,qDAAqD,EAAE;QAClEY,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE,KAAK;QACdC,WAAW,EAAE,sBAAsB;QACnCC,IAAI,EAAE;MACP,CAAE,CAAC;MAEHP,KAAK,GAAGV,cAAc,CAACkB,MAAM,CAAEV,KAAK,CAACE,KAAM,CAAC;MAC5CC,QAAQ,GAAKQ,QAAQ,IACpBX,KAAK,CAACG,QAAQ,CACbX,cAAc,CAACoB,OAAO,CACrBnB,uBAAuB,CAAEoB,QAAQ,EAAEF,QAAS,CAAC,CAACG,UAC/C,CACD,CAAC;IACH;IAEA,MAAMC,YAAY,GAAGf,KAAK,CAACgB,SAAS,GAAGrB,iBAAiB,GAAGI,SAAS;IAEpE,oBACCF,IAAA,CAACkB,YAAY;MAAA,GACPf,KAAK;MACVE,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA,QAAU;MACrBF,GAAG,EAAGA;IAAK,CACX,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -28,6 +27,8 @@ import { BaseControl, Button } from '@wordpress/components';
  *
  * @return {Element} Element to render.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function SegmentedTextControl({
   label,
   value,
@@ -35,21 +36,23 @@ export default function SegmentedTextControl({
   onChange,
   className
 }) {
-  return createElement("fieldset", {
-    className: clsx('block-editor-segmented-text-control', className)
-  }, createElement(BaseControl.VisualLabel, {
-    as: "legend"
-  }, label), createElement("div", {
-    className: "block-editor-segmented-text-control__buttons"
-  }, options.map(option => {
-    return createElement(Button, {
-      size: "compact",
-      key: option.value,
-      icon: option.icon,
-      label: option.label,
-      isPressed: option.value === value,
-      onClick: () => onChange(option.value)
-    });
-  })));
+  return /*#__PURE__*/_jsxs("fieldset", {
+    className: clsx('block-editor-segmented-text-control', className),
+    children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+      as: "legend",
+      children: label
+    }), /*#__PURE__*/_jsx("div", {
+      className: "block-editor-segmented-text-control__buttons",
+      children: options.map(option => {
+        return /*#__PURE__*/_jsx(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-module/components/segmented-text-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","BaseControl","Button","SegmentedTextControl","label","value","options","onChange","className","createElement","VisualLabel","as","map","option","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":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ,uBAAuB;;AAE3D;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,OACCC,aAAA;IACCD,SAAS,EAAGR,IAAI,CACf,qCAAqC,EACrCQ,SACD;EAAG,GAEHC,aAAA,CAACR,WAAW,CAACS,WAAW;IAACC,EAAE,EAAC;EAAQ,GACjCP,KACsB,CAAC,EAC1BK,aAAA;IAAKD,SAAS,EAAC;EAA8C,GAC1DF,OAAO,CAACM,GAAG,CAAIC,MAAM,IAAM;IAC5B,OACCJ,aAAA,CAACP,MAAM;MACNY,IAAI,EAAC,SAAS;MACdC,GAAG,EAAGF,MAAM,CAACR,KAAO;MACpBW,IAAI,EAAGH,MAAM,CAACG,IAAM;MACpBZ,KAAK,EAAGS,MAAM,CAACT,KAAO;MACtBa,SAAS,EAAGJ,MAAM,CAACR,KAAK,KAAKA,KAAO;MACpCa,OAAO,EAAGA,CAAA,KAAMX,QAAQ,CAAEM,MAAM,CAACR,KAAM;IAAG,CAC1C,CAAC;EAEJ,CAAE,CACE,CACI,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["clsx","BaseControl","Button","jsx","_jsx","jsxs","_jsxs","SegmentedTextControl","label","value","options","onChange","className","children","VisualLabel","as","map","option","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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ,uBAAuB;;AAE3D;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,oBACCN,KAAA;IACCM,SAAS,EAAGZ,IAAI,CACf,qCAAqC,EACrCY,SACD,CAAG;IAAAC,QAAA,gBAEHT,IAAA,CAACH,WAAW,CAACa,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAF,QAAA,EACjCL;IAAK,CACiB,CAAC,eAC1BJ,IAAA;MAAKQ,SAAS,EAAC,8CAA8C;MAAAC,QAAA,EAC1DH,OAAO,CAACM,GAAG,CAAIC,MAAM,IAAM;QAC5B,oBACCb,IAAA,CAACF,MAAM;UACNgB,IAAI,EAAC,SAAS;UAEdC,IAAI,EAAGF,MAAM,CAACE,IAAM;UACpBX,KAAK,EAAGS,MAAM,CAACT,KAAO;UACtBY,SAAS,EAAGH,MAAM,CAACR,KAAK,KAAKA,KAAO;UACpCY,OAAO,EAAGA,CAAA,KAAMV,QAAQ,CAAEM,MAAM,CAACR,KAAM;QAAG,GAJpCQ,MAAM,CAACR,KAKb,CAAC;MAEJ,CAAE;IAAC,CACC,CAAC;EAAA,CACG,CAAC;AAEb","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,16 +14,18 @@ import { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-pr
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function SkipToSelectedBlock() {
   const selectedBlockClientId = useSelect(select => select(blockEditorStore).getBlockSelectionStart(), []);
   const ref = useBlockRef(selectedBlockClientId);
   const onClick = () => {
     ref.current.focus();
   };
-  return selectedBlockClientId ? createElement(Button, {
+  return selectedBlockClientId ? /*#__PURE__*/_jsx(Button, {
     variant: "secondary",
     className: "block-editor-skip-to-selected-block",
-    onClick: onClick
-  }, __('Skip to the selected block')) : null;
+    onClick: onClick,
+    children: __('Skip to the selected block')
+  }) : null;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","__","Button","store","blockEditorStore","__unstableUseBlockRef","useBlockRef","SkipToSelectedBlock","selectedBlockClientId","select","getBlockSelectionStart","ref","onClick","current","focus","createElement","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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,qBAAqB,IAAIC,WAAW,QAAQ,8CAA8C;;AAEnG;AACA;AACA;AACA,eAAe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,MAAMC,qBAAqB,GAAGR,SAAS,CACpCS,MAAM,IAAMA,MAAM,CAAEL,gBAAiB,CAAC,CAACM,sBAAsB,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAMC,GAAG,GAAGL,WAAW,CAAEE,qBAAsB,CAAC;EAChD,MAAMI,OAAO,GAAGA,CAAA,KAAM;IACrBD,GAAG,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAON,qBAAqB,GAC3BO,aAAA,CAACb,MAAM;IACNc,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CL,OAAO,EAAGA;EAAS,GAEjBX,EAAE,CAAE,4BAA6B,CAC5B,CAAC,GACN,IAAI;AACT","ignoreList":[]}
+{"version":3,"names":["useSelect","__","Button","store","blockEditorStore","__unstableUseBlockRef","useBlockRef","jsx","_jsx","SkipToSelectedBlock","selectedBlockClientId","select","getBlockSelectionStart","ref","onClick","current","focus","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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,qBAAqB,IAAIC,WAAW,QAAQ,8CAA8C;;AAEnG;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,eAAe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,MAAMC,qBAAqB,GAAGV,SAAS,CACpCW,MAAM,IAAMA,MAAM,CAAEP,gBAAiB,CAAC,CAACQ,sBAAsB,CAAC,CAAC,EACjE,EACD,CAAC;EACD,MAAMC,GAAG,GAAGP,WAAW,CAAEI,qBAAsB,CAAC;EAChD,MAAMI,OAAO,GAAGA,CAAA,KAAM;IACrBD,GAAG,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAON,qBAAqB,gBAC3BF,IAAA,CAACN,MAAM;IACNe,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CJ,OAAO,EAAGA,OAAS;IAAAK,QAAA,EAEjBlB,EAAE,CAAE,4BAA6B;EAAC,CAC7B,CAAC,GACN,IAAI;AACT","ignoreList":[]}

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

@@ -1,29 +1,44 @@
 /**
  * WordPress dependencies
  */
+import { useMemo } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
 import { useSettings } from '../../use-settings';
+import { RANGE_CONTROL_MAX_SIZE } from '../utils';
+const EMPTY_ARRAY = [];
+const compare = new Intl.Collator('und', {
+  numeric: true
+}).compare;
 export default function useSpacingSizes() {
-  const spacingSizes = [{
-    name: 0,
-    slug: '0',
-    size: 0
-  }];
-  const [settingsSizes] = useSettings('spacing.spacingSizes');
-  if (settingsSizes) {
-    spacingSizes.push(...settingsSizes);
-  }
-  if (spacingSizes.length > 8) {
-    spacingSizes.unshift({
+  const [customSpacingSizes, themeSpacingSizes, defaultSpacingSizes, defaultSpacingSizesEnabled] = 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 useMemo(() => {
+    const sizes = [{
+      name: __('None'),
+      slug: '0',
+      size: 0
+    }, ...customSizes, ...themeSizes, ...defaultSizes].sort((a, b) => compare(a.slug, b.slug));
+    return sizes.length > RANGE_CONTROL_MAX_SIZE ? [{
       name: __('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-module/components/spacing-sizes-control/hooks/use-spacing-sizes.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useSettings","useSpacingSizes","spacingSizes","name","slug","size","settingsSizes","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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,eAAe,SAASC,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,GAAGN,WAAW,CAAE,sBAAuB,CAAC;EAC/D,IAAKM,aAAa,EAAG;IACpBJ,YAAY,CAACK,IAAI,CAAE,GAAGD,aAAc,CAAC;EACtC;EAEA,IAAKJ,YAAY,CAACM,MAAM,GAAG,CAAC,EAAG;IAC9BN,YAAY,CAACO,OAAO,CAAE;MACrBN,IAAI,EAAEJ,EAAE,CAAE,SAAU,CAAC;MACrBK,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEK;IACP,CAAE,CAAC;EACJ;EAEA,OAAOR,YAAY;AACpB","ignoreList":[]}
+{"version":3,"names":["useMemo","__","useSettings","RANGE_CONTROL_MAX_SIZE","EMPTY_ARRAY","compare","Intl","Collator","numeric","useSpacingSizes","customSpacingSizes","themeSpacingSizes","defaultSpacingSizes","defaultSpacingSizesEnabled","customSizes","themeSizes","defaultSizes","sizes","name","slug","size","sort","a","b","length","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":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,sBAAsB,QAAQ,UAAU;AAEjD,MAAMC,WAAW,GAAG,EAAE;AAEtB,MAAMC,OAAO,GAAG,IAAIC,IAAI,CAACC,QAAQ,CAAE,KAAK,EAAE;EAAEC,OAAO,EAAE;AAAK,CAAE,CAAC,CAACH,OAAO;AAErE,eAAe,SAASI,eAAeA,CAAA,EAAG;EACzC,MAAM,CACLC,kBAAkB,EAClBC,iBAAiB,EACjBC,mBAAmB,EACnBC,0BAA0B,CAC1B,GAAGX,WAAW,CACd,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EAC9B,6BACD,CAAC;EAED,MAAMY,WAAW,GAAGJ,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIN,WAAW;EAErD,MAAMW,UAAU,GAAGJ,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAIP,WAAW;EAEnD,MAAMY,YAAY,GACjBJ,mBAAmB,IAAIC,0BAA0B,KAAK,KAAK,GACxDD,mBAAmB,GACnBR,WAAW;EAEf,OAAOJ,OAAO,CAAE,MAAM;IACrB,MAAMiB,KAAK,GAAG,CACb;MAAEC,IAAI,EAAEjB,EAAE,CAAE,MAAO,CAAC;MAAEkB,IAAI,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAE,CAAC,EAC1C,GAAGN,WAAW,EACd,GAAGC,UAAU,EACb,GAAGC,YAAY,CACf,CAACK,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAMlB,OAAO,CAAEiB,CAAC,CAACH,IAAI,EAAEI,CAAC,CAACJ,IAAK,CAAE,CAAC;IAE/C,OAAOF,KAAK,CAACO,MAAM,GAAGrB,sBAAsB,GACzC,CACA;MACCe,IAAI,EAAEjB,EAAE,CAAE,SAAU,CAAC;MACrBkB,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEK;IACP,CAAC,EACD,GAAGR,KAAK,CACP;IACD;IACA;IACAA,KAAK,CAACS,GAAG,CAAE,CAAE;MAAEP,IAAI;MAAEC;IAAK,CAAC,EAAEO,CAAC,MAAQ;MAAET,IAAI,EAAES,CAAC;MAAER,IAAI;MAAEC;IAAK,CAAC,CAAG,CAAC;EACrE,CAAC,EAAE,CAAEN,WAAW,EAAEC,UAAU,EAAEC,YAAY,CAAG,CAAC;AAC/C","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,6 +14,8 @@ import SingleInputControl from './input-controls/single';
 import SidesDropdown from './sides-dropdown';
 import useSpacingSizes from './hooks/use-spacing-sizes';
 import { ALL_SIDES, DEFAULT_VALUES, LABELS, VIEWS, getInitialView } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function SpacingSizesControl({
   inputProps,
   label: labelProp,
@@ -53,16 +54,16 @@ export default function SpacingSizesControl({
   };
   const renderControls = () => {
     if (view === VIEWS.axial) {
-      return createElement(AxialInputControls, {
+      return /*#__PURE__*/_jsx(AxialInputControls, {
         ...inputControlProps
       });
     }
     if (view === VIEWS.custom) {
-      return createElement(SeparatedInputControls, {
+      return /*#__PURE__*/_jsx(SeparatedInputControls, {
         ...inputControlProps
       });
     }
-    return createElement(SingleInputControl, {
+    return /*#__PURE__*/_jsx(SingleInputControl, {
       side: view,
       ...inputControlProps,
       showSideInLabel: showSideInLabel
@@ -75,20 +76,24 @@ export default function SpacingSizesControl({
   const dropdownLabelText = sprintf(
   // translators: %s: The current spacing property e.g. "Padding", "Margin".
   _x('%s options', 'Button label to reveal side configuration options'), labelProp);
-  return createElement("fieldset", {
-    className: "spacing-sizes-control"
-  }, createElement(HStack, {
-    className: "spacing-sizes-control__header"
-  }, createElement(BaseControl.VisualLabel, {
-    as: "legend",
-    className: "spacing-sizes-control__label"
-  }, label), !hasOneSide && !hasOnlyAxialSides && createElement(SidesDropdown, {
-    label: dropdownLabelText,
-    onChange: setView,
-    sides: sides,
-    value: view
-  })), createElement(VStack, {
-    spacing: 0.5
-  }, renderControls()));
+  return /*#__PURE__*/_jsxs("fieldset", {
+    className: "spacing-sizes-control",
+    children: [/*#__PURE__*/_jsxs(HStack, {
+      className: "spacing-sizes-control__header",
+      children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+        as: "legend",
+        className: "spacing-sizes-control__label",
+        children: label
+      }), !hasOneSide && !hasOnlyAxialSides && /*#__PURE__*/_jsx(SidesDropdown, {
+        label: dropdownLabelText,
+        onChange: setView,
+        sides: sides,
+        value: view
+      })]
+    }), /*#__PURE__*/_jsx(VStack, {
+      spacing: 0.5,
+      children: renderControls()
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useState","__","_x","sprintf","AxialInputControls","SeparatedInputControls","SingleInputControl","SidesDropdown","useSpacingSizes","ALL_SIDES","DEFAULT_VALUES","LABELS","VIEWS","getInitialView","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","useSelect","values","spacingSizes","inputValues","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","axial","createElement","custom","side","sideLabel","trim","dropdownLabelText","className","VisualLabel","as","value","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":["BaseControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useState","__","_x","sprintf","AxialInputControls","SeparatedInputControls","SingleInputControl","SidesDropdown","useSpacingSizes","ALL_SIDES","DEFAULT_VALUES","LABELS","VIEWS","getInitialView","jsx","_jsx","jsxs","_jsxs","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","useSelect","values","spacingSizes","inputValues","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","axial","custom","side","sideLabel","trim","dropdownLabelText","className","children","VisualLabel","as","value","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-module/components/spacing-sizes-control/input-controls/axial.js

@@ -1,9 +1,10 @@
-import { createElement, Fragment } from "react";
 /**
  * Internal dependencies
  */
 import SpacingInputControl from './spacing-input-control';
 import { LABELS, ICONS, getPresetValueFromCustomValue, hasAxisSupport } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const groupedSides = ['vertical', 'horizontal'];
 export default function AxialInputControls({
   minimumCustomValue,
@@ -40,22 +41,23 @@ export default function AxialInputControls({
 
   // Filter sides if custom configuration provided, maintaining default order.
   const filteredSides = sides?.length ? groupedSides.filter(side => hasAxisSupport(sides, side)) : groupedSides;
-  return createElement(Fragment, null, filteredSides.map(side => {
-    const axisValue = side === 'vertical' ? values.top : values.left;
-    return createElement(SpacingInputControl, {
-      key: `spacing-sizes-control-${side}`,
-      icon: ICONS[side],
-      label: LABELS[side],
-      minimumCustomValue: minimumCustomValue,
-      onChange: createHandleOnChange(side),
-      onMouseOut: onMouseOut,
-      onMouseOver: onMouseOver,
-      side: side,
-      spacingSizes: spacingSizes,
-      type: type,
-      value: axisValue,
-      withInputField: false
-    });
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: filteredSides.map(side => {
+      const axisValue = side === 'vertical' ? values.top : values.left;
+      return /*#__PURE__*/_jsx(SpacingInputControl, {
+        icon: ICONS[side],
+        label: 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-module/components/spacing-sizes-control/input-controls/axial.js.map

@@ -1 +1 @@
-{"version":3,"names":["SpacingInputControl","LABELS","ICONS","getPresetValueFromCustomValue","hasAxisSupport","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","top","bottom","left","right","filteredSides","length","filter","createElement","Fragment","map","axisValue","icon","label","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":";AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SACCC,MAAM,EACNC,KAAK,EACLC,6BAA6B,EAC7BC,cAAc,QACR,UAAU;AAEjB,MAAMC,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAEjD,eAAe,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,GAAGpB,6BAA6B,CACzCW,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,CAACM,GAAG,GAAGP,IAAI;MACrBC,UAAU,CAACO,MAAM,GAAGR,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACQ,IAAI,GAAGT,IAAI;MACtBC,UAAU,CAACS,KAAK,GAAGV,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMU,aAAa,GAAGjB,KAAK,EAAEkB,MAAM,GAChCxB,YAAY,CAACyB,MAAM,CAAId,IAAI,IAAMZ,cAAc,CAAEO,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,OACC0B,aAAA,CAAAC,QAAA,QACGJ,aAAa,CAACK,GAAG,CAAIjB,IAAI,IAAM;IAChC,MAAMkB,SAAS,GACdlB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACU,GAAG,GAAGV,MAAM,CAACY,IAAI;IAC/C,OACCK,aAAA,CAAC/B,mBAAmB;MACnBuB,GAAG,EAAI,yBAAyBP,IAAM,EAAG;MACzCmB,IAAI,EAAGjC,KAAK,CAAEc,IAAI,CAAI;MACtBoB,KAAK,EAAGnC,MAAM,CAAEe,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;MACbwB,KAAK,EAAGH,SAAW;MACnBI,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["SpacingInputControl","LABELS","ICONS","getPresetValueFromCustomValue","hasAxisSupport","jsx","_jsx","Fragment","_Fragment","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","top","bottom","left","right","filteredSides","length","filter","children","map","axisValue","icon","label","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":"AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SACCC,MAAM,EACNC,KAAK,EACLC,6BAA6B,EAC7BC,cAAc,QACR,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAElB,MAAMC,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAEjD,eAAe,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,GAAGxB,6BAA6B,CACzCe,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,CAACM,GAAG,GAAGP,IAAI;MACrBC,UAAU,CAACO,MAAM,GAAGR,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACQ,IAAI,GAAGT,IAAI;MACtBC,UAAU,CAACS,KAAK,GAAGV,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMU,aAAa,GAAGjB,KAAK,EAAEkB,MAAM,GAChCxB,YAAY,CAACyB,MAAM,CAAId,IAAI,IAAMhB,cAAc,CAAEW,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,oBACCH,IAAA,CAAAE,SAAA;IAAA2B,QAAA,EACGH,aAAa,CAACI,GAAG,CAAIhB,IAAI,IAAM;MAChC,MAAMiB,SAAS,GACdjB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACU,GAAG,GAAGV,MAAM,CAACY,IAAI;MAC/C,oBACCxB,IAAA,CAACN,mBAAmB;QAEnBsC,IAAI,EAAGpC,KAAK,CAAEkB,IAAI,CAAI;QACtBmB,KAAK,EAAGtC,MAAM,CAAEmB,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;QACbuB,KAAK,EAAGH,SAAW;QACnBI,cAAc,EAAG;MAAO,GAXjB,yBAAyBrB,IAAM,EAYtC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

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

@@ -1,9 +1,10 @@
-import { createElement, Fragment } from "react";
 /**
  * Internal dependencies
  */
 import SpacingInputControl from './spacing-input-control';
 import { ALL_SIDES, LABELS, ICONS, getPresetValueFromCustomValue } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function SeparatedInputControls({
   minimumCustomValue,
   onChange,
@@ -27,21 +28,22 @@ export default function SeparatedInputControls({
     nextValues[side] = next;
     onChange(nextValues);
   };
-  return createElement(Fragment, null, filteredSides.map(side => {
-    return createElement(SpacingInputControl, {
-      key: `spacing-sizes-control-${side}`,
-      icon: ICONS[side],
-      label: LABELS[side],
-      minimumCustomValue: minimumCustomValue,
-      onChange: createHandleOnChange(side),
-      onMouseOut: onMouseOut,
-      onMouseOver: onMouseOver,
-      side: side,
-      spacingSizes: spacingSizes,
-      type: type,
-      value: values[side],
-      withInputField: false
-    });
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: filteredSides.map(side => {
+      return /*#__PURE__*/_jsx(SpacingInputControl, {
+        icon: ICONS[side],
+        label: 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-module/components/spacing-sizes-control/input-controls/separated.js.map

@@ -1 +1 @@
-{"version":3,"names":["SpacingInputControl","ALL_SIDES","LABELS","ICONS","getPresetValueFromCustomValue","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","createElement","Fragment","map","icon","label","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":";AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SACCC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,6BAA6B,QACvB,UAAU;AAEjB,eAAe,SAASC,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,GAChCd,SAAS,CAACe,MAAM,CAAIC,IAAI,IAAMP,KAAK,CAACQ,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDhB,SAAS;EAEZ,MAAMkB,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEV,MAAO,CAAC,CAACW,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAGtB,6BAA6B,CACzCS,MAAM,CAAEa,GAAG,CAAE,EACbf,YACD,CAAC;QACD,OAAOc,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBb,QAAQ,CAAEc,UAAW,CAAC;EACvB,CAAC;EAED,OACCM,aAAA,CAAAC,QAAA,QACGd,aAAa,CAACe,GAAG,CAAIZ,IAAI,IAAM;IAChC,OACCU,aAAA,CAAC3B,mBAAmB;MACnB0B,GAAG,EAAI,yBAAyBT,IAAM,EAAG;MACzCa,IAAI,EAAG3B,KAAK,CAAEc,IAAI,CAAI;MACtBc,KAAK,EAAG7B,MAAM,CAAEe,IAAI,CAAI;MACxBX,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGY,oBAAoB,CAAEF,IAAK,CAAG;MACzCT,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BQ,IAAI,EAAGA,IAAM;MACbN,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACboB,KAAK,EAAGnB,MAAM,CAAEI,IAAI,CAAI;MACxBgB,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["SpacingInputControl","ALL_SIDES","LABELS","ICONS","getPresetValueFromCustomValue","jsx","_jsx","Fragment","_Fragment","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","children","map","icon","label","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":"AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SACCC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,6BAA6B,QACvB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAElB,eAAe,SAASC,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,GAChClB,SAAS,CAACmB,MAAM,CAAIC,IAAI,IAAMP,KAAK,CAACQ,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDpB,SAAS;EAEZ,MAAMsB,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEV,MAAO,CAAC,CAACW,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG1B,6BAA6B,CACzCa,MAAM,CAAEa,GAAG,CAAE,EACbf,YACD,CAAC;QACD,OAAOc,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBb,QAAQ,CAAEc,UAAW,CAAC;EACvB,CAAC;EAED,oBACCnB,IAAA,CAAAE,SAAA;IAAAuB,QAAA,EACGb,aAAa,CAACc,GAAG,CAAIX,IAAI,IAAM;MAChC,oBACCf,IAAA,CAACN,mBAAmB;QAEnBiC,IAAI,EAAG9B,KAAK,CAAEkB,IAAI,CAAI;QACtBa,KAAK,EAAGhC,MAAM,CAAEmB,IAAI,CAAI;QACxBX,kBAAkB,EAAGA,kBAAoB;QACzCC,QAAQ,EAAGY,oBAAoB,CAAEF,IAAK,CAAG;QACzCT,UAAU,EAAGA,UAAY;QACzBC,WAAW,EAAGA,WAAa;QAC3BQ,IAAI,EAAGA,IAAM;QACbN,YAAY,EAAGA,YAAc;QAC7BC,IAAI,EAAGA,IAAM;QACbmB,KAAK,EAAGlB,MAAM,CAAEI,IAAI,CAAI;QACxBe,cAAc,EAAG;MAAO,GAXjB,yBAAyBf,IAAM,EAYtC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
 import SpacingInputControl from './spacing-input-control';
 import { LABELS, getPresetValueFromCustomValue } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function SingleInputControl({
   minimumCustomValue,
   onChange,
@@ -26,7 +26,7 @@ export default function SingleInputControl({
     nextValues[currentSide] = next;
     onChange(nextValues);
   };
-  return createElement(SpacingInputControl, {
+  return /*#__PURE__*/_jsx(SpacingInputControl, {
     label: LABELS[side],
     minimumCustomValue: minimumCustomValue,
     onChange: createHandleOnChange(side),

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

@@ -1 +1 @@
-{"version":3,"names":["SpacingInputControl","LABELS","getPresetValueFromCustomValue","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","createElement","label","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":";AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SAASC,MAAM,EAAEC,6BAA6B,QAAQ,UAAU;AAEhE,eAAe,SAASC,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,GAAGnB,6BAA6B,CACzCU,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,OACCM,aAAA,CAACtB,mBAAmB;IACnBuB,KAAK,EAAGtB,MAAM,CAAEQ,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;IACba,KAAK,EAAGZ,MAAM,CAAEH,IAAI,CAAI;IACxBgB,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["SpacingInputControl","LABELS","getPresetValueFromCustomValue","jsx","_jsx","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","label","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":"AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,yBAAyB;AACzD,SAASC,MAAM,EAAEC,6BAA6B,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjE,eAAe,SAASC,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,GAAGrB,6BAA6B,CACzCY,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,oBACCd,IAAA,CAACJ,mBAAmB;IACnBwB,KAAK,EAAGvB,MAAM,CAAEU,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;IACbY,KAAK,EAAGX,MAAM,CAAEH,IAAI,CAAI;IACxBe,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ","ignoreList":[]}