@wordpress/block-editor 12.2.0 → 12.3.0

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

@@ -24,10 +24,9 @@ var _useBlockRefs = require("../block-list/use-block-props/use-block-refs");
 /**
  * Internal dependencies
  */
-const SkipToSelectedBlock = _ref => {
-  let {
-    selectedBlockClientId
-  } = _ref;
+const SkipToSelectedBlock = ({
+  selectedBlockClientId
+}) => {
   const ref = (0, _useBlockRefs.__unstableUseBlockRef)(selectedBlockClientId);
 
   const onClick = () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"names":["SkipToSelectedBlock","selectedBlockClientId","ref","onClick","current","focus","select","blockEditorStore","getBlockSelectionStart"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,mBAAmB,GAAG,QAAiC;AAAA,MAA/B;AAAEC,IAAAA;AAAF,GAA+B;AAC5D,QAAMC,GAAG,GAAG,yCAAaD,qBAAb,CAAZ;;AACA,QAAME,OAAO,GAAG,MAAM;AACrBD,IAAAA,GAAG,CAACE,OAAJ,CAAYC,KAAZ;AACA,GAFD;;AAIA,SAAOJ,qBAAqB,GAC3B,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,SAAS,EAAC,qCAFX;AAGC,IAAA,OAAO,EAAGE;AAHX,KAKG,cAAI,4BAAJ,CALH,CAD2B,GAQxB,IARJ;AASA,CAfD;AAiBA;AACA;AACA;;;eACe,sBAAcG,MAAF,IAAc;AACxC,SAAO;AACNL,IAAAA,qBAAqB,EACpBK,MAAM,CAAEC,YAAF,CAAN,CAA2BC,sBAA3B;AAFK,GAAP;AAIA,CALc,EAKVR,mBALU,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withSelect } 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\nconst SkipToSelectedBlock = ( { selectedBlockClientId } ) => {\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\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default withSelect( ( select ) => {\n\treturn {\n\t\tselectedBlockClientId:\n\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t};\n} )( SkipToSelectedBlock );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"names":["SkipToSelectedBlock","selectedBlockClientId","ref","onClick","current","focus","select","blockEditorStore","getBlockSelectionStart"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;AAIA,MAAMA,mBAAmB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAiC;AAC5D,QAAMC,GAAG,GAAG,yCAAaD,qBAAb,CAAZ;;AACA,QAAME,OAAO,GAAG,MAAM;AACrBD,IAAAA,GAAG,CAACE,OAAJ,CAAYC,KAAZ;AACA,GAFD;;AAIA,SAAOJ,qBAAqB,GAC3B,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,SAAS,EAAC,qCAFX;AAGC,IAAA,OAAO,EAAGE;AAHX,KAKG,cAAI,4BAAJ,CALH,CAD2B,GAQxB,IARJ;AASA,CAfD;AAiBA;AACA;AACA;;;eACe,sBAAcG,MAAF,IAAc;AACxC,SAAO;AACNL,IAAAA,qBAAqB,EACpBK,MAAM,CAAEC,YAAF,CAAN,CAA2BC,sBAA3B;AAFK,GAAP;AAIA,CALc,EAKVR,mBALU,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withSelect } 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\nconst SkipToSelectedBlock = ( { selectedBlockClientId } ) => {\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\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default withSelect( ( select ) => {\n\treturn {\n\t\tselectedBlockClientId:\n\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t};\n} )( SkipToSelectedBlock );\n"]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useSpacingSizes;
+
+var _i18n = require("@wordpress/i18n");
+
+var _useSetting = _interopRequireDefault(require("../../use-setting"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function useSpacingSizes() {
+  const spacingSizes = [{
+    name: 0,
+    slug: '0',
+    side: 0
+  }, ...((0, _useSetting.default)('spacing.spacingSizes') || [])];
+
+  if (spacingSizes.length > 8) {
+    spacingSizes.unshift({
+      name: (0, _i18n.__)('Default'),
+      slug: 'default',
+      size: undefined
+    });
+  }
+
+  return spacingSizes;
+}
+//# sourceMappingURL=use-spacing-sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/hooks/use-spacing-sizes.js"],"names":["useSpacingSizes","spacingSizes","name","slug","side","length","unshift","size","undefined"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,eAAT,GAA2B;AACzC,QAAMC,YAAY,GAAG,CACpB;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,IAAI,EAAE,GAAjB;AAAsBC,IAAAA,IAAI,EAAE;AAA5B,GADoB,EAEpB,IAAK,yBAAY,sBAAZ,KAAwC,EAA7C,CAFoB,CAArB;;AAKA,MAAKH,YAAY,CAACI,MAAb,GAAsB,CAA3B,EAA+B;AAC9BJ,IAAAA,YAAY,CAACK,OAAb,CAAsB;AACrBJ,MAAAA,IAAI,EAAE,cAAI,SAAJ,CADe;AAErBC,MAAAA,IAAI,EAAE,SAFe;AAGrBI,MAAAA,IAAI,EAAEC;AAHe,KAAtB;AAKA;;AAED,SAAOP,YAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../../use-setting';\n\nexport default function useSpacingSizes() {\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', side: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\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"]}

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

@@ -11,28 +11,22 @@ var _element = require("@wordpress/element");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
 
-var _components = require("@wordpress/components");
+var _axial = _interopRequireDefault(require("./input-controls/axial"));
 
-var _allInputControl = _interopRequireDefault(require("./all-input-control"));
+var _separated = _interopRequireDefault(require("./input-controls/separated"));
 
-var _inputControls = _interopRequireDefault(require("./input-controls"));
+var _single = _interopRequireDefault(require("./input-controls/single"));
 
-var _axialInputControls = _interopRequireDefault(require("./axial-input-controls"));
+var _sidesDropdown = _interopRequireDefault(require("./sides-dropdown"));
 
-var _linkedButton = _interopRequireDefault(require("./linked-button"));
+var _useSpacingSizes = _interopRequireDefault(require("./hooks/use-spacing-sizes"));
 
 var _utils = require("./utils");
 
-var _useSetting = _interopRequireDefault(require("../use-setting"));
-
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -40,41 +34,23 @@ var _useSetting = _interopRequireDefault(require("../use-setting"));
 /**
  * Internal dependencies
  */
-function SpacingSizesControl(_ref) {
-  let {
-    inputProps,
-    onChange,
-    label = (0, _i18n.__)('Spacing Control'),
-    values,
-    sides,
-    splitOnAxis = false,
-    useSelect,
-    minimumCustomValue = 0,
-    onMouseOver,
-    onMouseOut
-  } = _ref;
-  const spacingSizes = [{
-    name: 0,
-    slug: '0',
-    size: 0
-  }, ...((0, _useSetting.default)('spacing.spacingSizes') || [])];
-
-  if (spacingSizes.length > 8) {
-    spacingSizes.unshift({
-      name: (0, _i18n.__)('Default'),
-      slug: 'default',
-      size: undefined
-    });
-  }
-
+function SpacingSizesControl({
+  inputProps,
+  label: labelProp,
+  minimumCustomValue = 0,
+  onChange,
+  onMouseOut,
+  onMouseOver,
+  showSideInLabel = true,
+  sides = _utils.ALL_SIDES,
+  useSelect,
+  values
+}) {
+  const spacingSizes = (0, _useSpacingSizes.default)();
   const inputValues = values || _utils.DEFAULT_VALUES;
-  const hasInitialValue = (0, _utils.isValuesDefined)(values);
-  const hasOneSide = (sides === null || sides === void 0 ? void 0 : sides.length) === 1;
-  const [isLinked, setIsLinked] = (0, _element.useState)(!hasInitialValue || !(0, _utils.isValuesMixed)(inputValues, sides) || hasOneSide);
-
-  const toggleLinked = () => {
-    setIsLinked(!isLinked);
-  };
+  const hasOneSide = sides?.length === 1;
+  const hasOnlyAxialSides = sides?.includes('horizontal') && sides?.includes('vertical') && sides?.length === 2;
+  const [view, setView] = (0, _element.useState)((0, _utils.getInitialView)(inputValues, sides));
 
   const handleOnChange = nextValue => {
     const newValues = { ...values,
@@ -84,28 +60,50 @@ function SpacingSizesControl(_ref) {
   };
 
   const inputControlProps = { ...inputProps,
+    minimumCustomValue,
     onChange: handleOnChange,
-    isLinked,
+    onMouseOut,
+    onMouseOver,
     sides,
-    values: inputValues,
     spacingSizes,
+    type: labelProp,
     useSelect,
-    type: label,
-    minimumCustomValue,
-    onMouseOver,
-    onMouseOut
+    values: inputValues
   };
+
+  const renderControls = () => {
+    if (view === _utils.VIEWS.axial) {
+      return (0, _element.createElement)(_axial.default, inputControlProps);
+    }
+
+    if (view === _utils.VIEWS.custom) {
+      return (0, _element.createElement)(_separated.default, inputControlProps);
+    }
+
+    return (0, _element.createElement)(_single.default, (0, _extends2.default)({
+      side: view
+    }, inputControlProps, {
+      showSideInLabel: showSideInLabel
+    }));
+  };
+
+  const sideLabel = _utils.ALL_SIDES.includes(view) && showSideInLabel ? _utils.LABELS[view] : '';
+  const label = (0, _i18n.sprintf)( // translators: 2. Type of spacing being modified (Padding, margin, etc). 1: The side of the block being modified (top, bottom, left etc.).
+  (0, _i18n.__)('%1$s %2$s'), labelProp, sideLabel).trim();
+  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, _element.createElement)("fieldset", {
-    className: (0, _classnames.default)('component-spacing-sizes-control', {
-      'is-unlinked': !isLinked
-    })
+    className: "spacing-sizes-control"
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "spacing-sizes-control__header"
   }, (0, _element.createElement)(_components.BaseControl.VisualLabel, {
-    as: "legend"
-  }, label), !hasOneSide && (0, _element.createElement)(_linkedButton.default, {
-    onClick: toggleLinked,
-    isLinked: isLinked
-  }), isLinked && (0, _element.createElement)(_allInputControl.default, (0, _extends2.default)({
-    "aria-label": label
-  }, inputControlProps)), !isLinked && splitOnAxis && (0, _element.createElement)(_axialInputControls.default, inputControlProps), !isLinked && !splitOnAxis && (0, _element.createElement)(_inputControls.default, inputControlProps));
+    as: "legend",
+    className: "spacing-sizes-control__label"
+  }, label), !hasOneSide && !hasOnlyAxialSides && (0, _element.createElement)(_sidesDropdown.default, {
+    label: dropdownLabelText,
+    onChange: setView,
+    sides: sides,
+    value: view
+  })), renderControls());
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"names":["SpacingSizesControl","inputProps","onChange","label","values","sides","splitOnAxis","useSelect","minimumCustomValue","onMouseOver","onMouseOut","spacingSizes","name","slug","size","length","unshift","undefined","inputValues","DEFAULT_VALUES","hasInitialValue","hasOneSide","isLinked","setIsLinked","toggleLinked","handleOnChange","nextValue","newValues","inputControlProps","type"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AAMA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAQe,SAASA,mBAAT,OAWX;AAAA,MAXyC;AAC5CC,IAAAA,UAD4C;AAE5CC,IAAAA,QAF4C;AAG5CC,IAAAA,KAAK,GAAG,cAAI,iBAAJ,CAHoC;AAI5CC,IAAAA,MAJ4C;AAK5CC,IAAAA,KAL4C;AAM5CC,IAAAA,WAAW,GAAG,KAN8B;AAO5CC,IAAAA,SAP4C;AAQ5CC,IAAAA,kBAAkB,GAAG,CARuB;AAS5CC,IAAAA,WAT4C;AAU5CC,IAAAA;AAV4C,GAWzC;AACH,QAAMC,YAAY,GAAG,CACpB;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,IAAI,EAAE,GAAjB;AAAsBC,IAAAA,IAAI,EAAE;AAA5B,GADoB,EAEpB,IAAK,yBAAY,sBAAZ,KAAwC,EAA7C,CAFoB,CAArB;;AAKA,MAAKH,YAAY,CAACI,MAAb,GAAsB,CAA3B,EAA+B;AAC9BJ,IAAAA,YAAY,CAACK,OAAb,CAAsB;AACrBJ,MAAAA,IAAI,EAAE,cAAI,SAAJ,CADe;AAErBC,MAAAA,IAAI,EAAE,SAFe;AAGrBC,MAAAA,IAAI,EAAEG;AAHe,KAAtB;AAKA;;AAED,QAAMC,WAAW,GAAGd,MAAM,IAAIe,qBAA9B;AACA,QAAMC,eAAe,GAAG,4BAAiBhB,MAAjB,CAAxB;AACA,QAAMiB,UAAU,GAAG,CAAAhB,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEU,MAAP,MAAkB,CAArC;AAEA,QAAM,CAAEO,QAAF,EAAYC,WAAZ,IAA4B,uBACjC,CAAEH,eAAF,IAAqB,CAAE,0BAAeF,WAAf,EAA4Bb,KAA5B,CAAvB,IAA8DgB,UAD7B,CAAlC;;AAIA,QAAMG,YAAY,GAAG,MAAM;AAC1BD,IAAAA,WAAW,CAAE,CAAED,QAAJ,CAAX;AACA,GAFD;;AAIA,QAAMG,cAAc,GAAKC,SAAF,IAAiB;AACvC,UAAMC,SAAS,GAAG,EAAE,GAAGvB,MAAL;AAAa,SAAGsB;AAAhB,KAAlB;AACAxB,IAAAA,QAAQ,CAAEyB,SAAF,CAAR;AACA,GAHD;;AAKA,QAAMC,iBAAiB,GAAG,EACzB,GAAG3B,UADsB;AAEzBC,IAAAA,QAAQ,EAAEuB,cAFe;AAGzBH,IAAAA,QAHyB;AAIzBjB,IAAAA,KAJyB;AAKzBD,IAAAA,MAAM,EAAEc,WALiB;AAMzBP,IAAAA,YANyB;AAOzBJ,IAAAA,SAPyB;AAQzBsB,IAAAA,IAAI,EAAE1B,KARmB;AASzBK,IAAAA,kBATyB;AAUzBC,IAAAA,WAVyB;AAWzBC,IAAAA;AAXyB,GAA1B;AAcA,SACC;AACC,IAAA,SAAS,EAAG,yBAAY,iCAAZ,EAA+C;AAC1D,qBAAe,CAAEY;AADyC,KAA/C;AADb,KAKC,4BAAC,uBAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGnB,KADH,CALD,EAQG,CAAEkB,UAAF,IACD,4BAAC,qBAAD;AAAc,IAAA,OAAO,EAAGG,YAAxB;AAAuC,IAAA,QAAQ,EAAGF;AAAlD,IATF,EAWGA,QAAQ,IACT,4BAAC,wBAAD;AACC,kBAAanB;AADd,KAEMyB,iBAFN,EAZF,EAkBG,CAAEN,QAAF,IAAchB,WAAd,IACD,4BAAC,2BAAD,EAAyBsB,iBAAzB,CAnBF,EAqBG,CAAEN,QAAF,IAAc,CAAEhB,WAAhB,IACD,4BAAC,sBAAD,EAAoBsB,iBAApB,CAtBF,CADD;AA2BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { BaseControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport AllInputControl from './all-input-control';\nimport InputControls from './input-controls';\nimport AxialInputControls from './axial-input-controls';\nimport LinkedButton from './linked-button';\nimport { DEFAULT_VALUES, isValuesMixed, isValuesDefined } from './utils';\nimport useSetting from '../use-setting';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tonChange,\n\tlabel = __( 'Spacing Control' ),\n\tvalues,\n\tsides,\n\tsplitOnAxis = false,\n\tuseSelect,\n\tminimumCustomValue = 0,\n\tonMouseOver,\n\tonMouseOut,\n} ) {\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', size: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\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\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasInitialValue = isValuesDefined( values );\n\tconst hasOneSide = sides?.length === 1;\n\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasInitialValue || ! isValuesMixed( inputValues, sides ) || hasOneSide\n\t);\n\n\tconst toggleLinked = () => {\n\t\tsetIsLinked( ! isLinked );\n\t};\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\tonChange: handleOnChange,\n\t\tisLinked,\n\t\tsides,\n\t\tvalues: inputValues,\n\t\tspacingSizes,\n\t\tuseSelect,\n\t\ttype: label,\n\t\tminimumCustomValue,\n\t\tonMouseOver,\n\t\tonMouseOut,\n\t};\n\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames( 'component-spacing-sizes-control', {\n\t\t\t\t'is-unlinked': ! isLinked,\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{ ! hasOneSide && (\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t) }\n\t\t\t{ isLinked && (\n\t\t\t\t<AllInputControl\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\t{ ...inputControlProps }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! isLinked && splitOnAxis && (\n\t\t\t\t<AxialInputControls { ...inputControlProps } />\n\t\t\t) }\n\t\t\t{ ! isLinked && ! splitOnAxis && (\n\t\t\t\t<InputControls { ...inputControlProps } />\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"names":["SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","VIEWS","axial","custom","sideLabel","LABELS","trim","dropdownLabelText"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\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{ renderControls() }\n\t\t</fieldset>\n\t);\n}\n"]}

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

@@ -11,25 +11,23 @@ var _element = require("@wordpress/element");
 
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 
-var _utils = require("./utils");
+var _utils = require("../utils");
 
 /**
  * Internal dependencies
  */
 const groupedSides = ['vertical', 'horizontal'];
 
-function AxialInputControls(_ref) {
-  let {
-    onChange,
-    values,
-    sides,
-    spacingSizes,
-    type,
-    minimumCustomValue,
-    onMouseOver,
-    onMouseOut
-  } = _ref;
-
+function AxialInputControls({
+  minimumCustomValue,
+  onChange,
+  onMouseOut,
+  onMouseOver,
+  sides,
+  spacingSizes,
+  type,
+  values
+}) {
   const createHandleOnChange = side => next => {
     if (!onChange) {
       return;
@@ -52,22 +50,23 @@ function AxialInputControls(_ref) {
   }; // Filter sides if custom configuration provided, maintaining default order.
 
 
-  const filteredSides = sides !== null && sides !== void 0 && sides.length ? groupedSides.filter(side => sides.includes(side)) : groupedSides;
+  const filteredSides = sides?.length ? groupedSides.filter(side => (0, _utils.hasAxisSupport)(sides, side)) : groupedSides;
   return (0, _element.createElement)(_element.Fragment, null, filteredSides.map(side => {
     const axisValue = side === 'vertical' ? values.top : values.left;
     return (0, _element.createElement)(_spacingInputControl.default, {
-      value: axisValue,
-      onChange: createHandleOnChange(side),
-      label: _utils.LABELS[side],
       key: `spacing-sizes-control-${side}`,
-      withInputField: false,
+      icon: _utils.ICONS[side],
+      label: _utils.LABELS[side],
+      minimumCustomValue: minimumCustomValue,
+      onChange: createHandleOnChange(side),
+      onMouseOut: onMouseOut,
+      onMouseOver: onMouseOver,
       side: side,
       spacingSizes: spacingSizes,
       type: type,
-      minimumCustomValue: minimumCustomValue,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut
+      value: axisValue,
+      withInputField: false
     });
   }));
 }
-//# sourceMappingURL=axial-input-controls.js.map
+//# sourceMappingURL=axial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"names":["groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","top","bottom","left","right","filteredSides","length","filter","map","axisValue","ICONS","LABELS"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,YAAY,GAAG,CAAE,UAAF,EAAc,YAAd,CAArB;;AAEe,SAASC,kBAAT,CAA6B;AAC3CC,EAAAA,kBAD2C;AAE3CC,EAAAA,QAF2C;AAG3CC,EAAAA,UAH2C;AAI3CC,EAAAA,WAJ2C;AAK3CC,EAAAA,KAL2C;AAM3CC,EAAAA,YAN2C;AAO3CC,EAAAA,IAP2C;AAQ3CC,EAAAA;AAR2C,CAA7B,EASX;AACH,QAAMC,oBAAoB,GAAKC,IAAF,IAAcC,IAAF,IAAY;AACpD,QAAK,CAAET,QAAP,EAAkB;AACjB;AACA;;AACD,UAAMU,UAAU,GAAG,EAAE,GAAGJ;AAAL,KAAnB;;AAEA,QAAKE,IAAI,KAAK,UAAd,EAA2B;AAC1BE,MAAAA,UAAU,CAACC,GAAX,GAAiBF,IAAjB;AACAC,MAAAA,UAAU,CAACE,MAAX,GAAoBH,IAApB;AACA;;AAED,QAAKD,IAAI,KAAK,YAAd,EAA6B;AAC5BE,MAAAA,UAAU,CAACG,IAAX,GAAkBJ,IAAlB;AACAC,MAAAA,UAAU,CAACI,KAAX,GAAmBL,IAAnB;AACA;;AAEDT,IAAAA,QAAQ,CAAEU,UAAF,CAAR;AACA,GAjBD,CADG,CAoBH;;;AACA,QAAMK,aAAa,GAAGZ,KAAK,EAAEa,MAAP,GACnBnB,YAAY,CAACoB,MAAb,CAAuBT,IAAF,IAAY,2BAAgBL,KAAhB,EAAuBK,IAAvB,CAAjC,CADmB,GAEnBX,YAFH;AAIA,SACC,qDACGkB,aAAa,CAACG,GAAd,CAAqBV,IAAF,IAAY;AAChC,UAAMW,SAAS,GACdX,IAAI,KAAK,UAAT,GAAsBF,MAAM,CAACK,GAA7B,GAAmCL,MAAM,CAACO,IAD3C;AAEA,WACC,4BAAC,4BAAD;AACC,MAAA,GAAG,EAAI,yBAAyBL,IAAM,EADvC;AAEC,MAAA,IAAI,EAAGY,aAAOZ,IAAP,CAFR;AAGC,MAAA,KAAK,EAAGa,cAAQb,IAAR,CAHT;AAIC,MAAA,kBAAkB,EAAGT,kBAJtB;AAKC,MAAA,QAAQ,EAAGQ,oBAAoB,CAAEC,IAAF,CALhC;AAMC,MAAA,UAAU,EAAGP,UANd;AAOC,MAAA,WAAW,EAAGC,WAPf;AAQC,MAAA,IAAI,EAAGM,IARR;AASC,MAAA,YAAY,EAAGJ,YAThB;AAUC,MAAA,IAAI,EAAGC,IAVR;AAWC,MAAA,KAAK,EAAGc,SAXT;AAYC,MAAA,cAAc,EAAG;AAZlB,MADD;AAgBA,GAnBC,CADH,CADD;AAwBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, ICONS, hasAxisSupport } 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\t\tconst nextValues = { ...values };\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"]}

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

@@ -5,30 +5,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BoxInputControls;
+exports.default = SeparatedInputControls;
 
 var _element = require("@wordpress/element");
 
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 
-var _utils = require("./utils");
+var _utils = require("../utils");
 
 /**
  * Internal dependencies
  */
-function BoxInputControls(_ref) {
-  let {
-    values,
-    sides,
-    onChange,
-    spacingSizes,
-    type,
-    minimumCustomValue,
-    onMouseOver,
-    onMouseOut
-  } = _ref;
+function SeparatedInputControls({
+  minimumCustomValue,
+  onChange,
+  onMouseOut,
+  onMouseOver,
+  sides,
+  spacingSizes,
+  type,
+  values
+}) {
   // Filter sides if custom configuration provided, maintaining default order.
-  const filteredSides = sides !== null && sides !== void 0 && sides.length ? _utils.ALL_SIDES.filter(side => sides.includes(side)) : _utils.ALL_SIDES;
+  const filteredSides = sides?.length ? _utils.ALL_SIDES.filter(side => sides.includes(side)) : _utils.ALL_SIDES;
 
   const createHandleOnChange = side => next => {
     const nextValues = { ...values
@@ -39,18 +38,19 @@ function BoxInputControls(_ref) {
 
   return (0, _element.createElement)(_element.Fragment, null, filteredSides.map(side => {
     return (0, _element.createElement)(_spacingInputControl.default, {
-      value: values[side],
-      label: _utils.LABELS[side],
       key: `spacing-sizes-control-${side}`,
-      withInputField: false,
-      side: side,
+      icon: _utils.ICONS[side],
+      label: _utils.LABELS[side],
+      minimumCustomValue: minimumCustomValue,
       onChange: createHandleOnChange(side),
+      onMouseOut: onMouseOut,
+      onMouseOver: onMouseOver,
+      side: side,
       spacingSizes: spacingSizes,
       type: type,
-      minimumCustomValue: minimumCustomValue,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut
+      value: values[side],
+      withInputField: false
     });
   }));
 }
-//# sourceMappingURL=input-controls.js.map
+//# sourceMappingURL=separated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"names":["SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","map","ICONS","LABELS"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,sBAAT,CAAiC;AAC/CC,EAAAA,kBAD+C;AAE/CC,EAAAA,QAF+C;AAG/CC,EAAAA,UAH+C;AAI/CC,EAAAA,WAJ+C;AAK/CC,EAAAA,KAL+C;AAM/CC,EAAAA,YAN+C;AAO/CC,EAAAA,IAP+C;AAQ/CC,EAAAA;AAR+C,CAAjC,EASX;AACH;AACA,QAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAP,GACnBC,iBAAUC,MAAV,CAAoBC,IAAF,IAAYR,KAAK,CAACS,QAAN,CAAgBD,IAAhB,CAA9B,CADmB,GAEnBF,gBAFH;;AAIA,QAAMI,oBAAoB,GAAKF,IAAF,IAAcG,IAAF,IAAY;AACpD,UAAMC,UAAU,GAAG,EAAE,GAAGT;AAAL,KAAnB;AACAS,IAAAA,UAAU,CAAEJ,IAAF,CAAV,GAAqBG,IAArB;AAEAd,IAAAA,QAAQ,CAAEe,UAAF,CAAR;AACA,GALD;;AAOA,SACC,qDACGR,aAAa,CAACS,GAAd,CAAqBL,IAAF,IAAY;AAChC,WACC,4BAAC,4BAAD;AACC,MAAA,GAAG,EAAI,yBAAyBA,IAAM,EADvC;AAEC,MAAA,IAAI,EAAGM,aAAON,IAAP,CAFR;AAGC,MAAA,KAAK,EAAGO,cAAQP,IAAR,CAHT;AAIC,MAAA,kBAAkB,EAAGZ,kBAJtB;AAKC,MAAA,QAAQ,EAAGc,oBAAoB,CAAEF,IAAF,CALhC;AAMC,MAAA,UAAU,EAAGV,UANd;AAOC,MAAA,WAAW,EAAGC,WAPf;AAQC,MAAA,IAAI,EAAGS,IARR;AASC,MAAA,YAAY,EAAGP,YAThB;AAUC,MAAA,IAAI,EAAGC,IAVR;AAWC,MAAA,KAAK,EAAGC,MAAM,CAAEK,IAAF,CAXf;AAYC,MAAA,cAAc,EAAG;AAZlB,MADD;AAgBA,GAjBC,CADH,CADD;AAsBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { ALL_SIDES, LABELS, ICONS } 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\tconst nextValues = { ...values };\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"]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SingleInputControl;
+
+var _element = require("@wordpress/element");
+
+var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
+
+var _utils = require("../utils");
+
+/**
+ * Internal dependencies
+ */
+function SingleInputControl({
+  minimumCustomValue,
+  onChange,
+  onMouseOut,
+  onMouseOver,
+  showSideInLabel,
+  side,
+  spacingSizes,
+  type,
+  values
+}) {
+  const createHandleOnChange = currentSide => next => {
+    const nextValues = { ...values
+    };
+    nextValues[currentSide] = next;
+    onChange(nextValues);
+  };
+
+  return (0, _element.createElement)(_spacingInputControl.default, {
+    label: _utils.LABELS[side],
+    minimumCustomValue: minimumCustomValue,
+    onChange: createHandleOnChange(side),
+    onMouseOut: onMouseOut,
+    onMouseOver: onMouseOver,
+    showSideInLabel: showSideInLabel,
+    side: side,
+    spacingSizes: spacingSizes,
+    type: type,
+    value: values[side],
+    withInputField: false
+  });
+}
+//# sourceMappingURL=single.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/single.js"],"names":["SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","LABELS"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,kBAAT,CAA6B;AAC3CC,EAAAA,kBAD2C;AAE3CC,EAAAA,QAF2C;AAG3CC,EAAAA,UAH2C;AAI3CC,EAAAA,WAJ2C;AAK3CC,EAAAA,eAL2C;AAM3CC,EAAAA,IAN2C;AAO3CC,EAAAA,YAP2C;AAQ3CC,EAAAA,IAR2C;AAS3CC,EAAAA;AAT2C,CAA7B,EAUX;AACH,QAAMC,oBAAoB,GAAKC,WAAF,IAAqBC,IAAF,IAAY;AAC3D,UAAMC,UAAU,GAAG,EAAE,GAAGJ;AAAL,KAAnB;AACAI,IAAAA,UAAU,CAAEF,WAAF,CAAV,GAA4BC,IAA5B;AAEAV,IAAAA,QAAQ,CAAEW,UAAF,CAAR;AACA,GALD;;AAOA,SACC,4BAAC,4BAAD;AACC,IAAA,KAAK,EAAGC,cAAQR,IAAR,CADT;AAEC,IAAA,kBAAkB,EAAGL,kBAFtB;AAGC,IAAA,QAAQ,EAAGS,oBAAoB,CAAEJ,IAAF,CAHhC;AAIC,IAAA,UAAU,EAAGH,UAJd;AAKC,IAAA,WAAW,EAAGC,WALf;AAMC,IAAA,eAAe,EAAGC,eANnB;AAOC,IAAA,IAAI,EAAGC,IAPR;AAQC,IAAA,YAAY,EAAGC,YARhB;AASC,IAAA,IAAI,EAAGC,IATR;AAUC,IAAA,KAAK,EAAGC,MAAM,CAAEH,IAAF,CAVf;AAWC,IAAA,cAAc,EAAG;AAXlB,IADD;AAeA","sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS } 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\tconst nextValues = { ...values };\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"]}