@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

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

@@ -1,135 +1,61 @@
-/**
- * WordPress dependencies
- */
-import { Button, Icon, RangeControl, __experimentalHStack as HStack, __experimentalUnitControl as UnitControl, __experimentalUseCustomUnits as useCustomUnits, __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue, CustomSelectControl } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { useState, useMemo } from '@wordpress/element';
-import { usePrevious } from '@wordpress/compose';
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { settings } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { useSettings } from '../../use-settings';
-import { store as blockEditorStore } from '../../../store';
-import { RANGE_CONTROL_MAX_SIZE, ALL_SIDES, LABELS, getSliderValueFromPreset, getCustomValueFromPreset, getPresetValueFromCustomValue, isValueSpacingPreset } from '../utils';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Icon,
+  RangeControl,
+  __experimentalHStack as HStack,
+  __experimentalUnitControl as UnitControl,
+  __experimentalUseCustomUnits as useCustomUnits,
+  __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,
+  CustomSelectControl
+} from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { useState, useMemo } from "@wordpress/element";
+import { usePrevious } from "@wordpress/compose";
+import { __, _x, sprintf } from "@wordpress/i18n";
+import { settings } from "@wordpress/icons";
+import { useSettings } from "../../use-settings";
+import { store as blockEditorStore } from "../../../store";
+import {
+  RANGE_CONTROL_MAX_SIZE,
+  ALL_SIDES,
+  LABELS,
+  getSliderValueFromPreset,
+  getCustomValueFromPreset,
+  getPresetValueFromCustomValue,
+  isValueSpacingPreset
+} from "../utils";
 const CUSTOM_VALUE_SETTINGS = {
-  px: {
-    max: 300,
-    steps: 1
-  },
-  '%': {
-    max: 100,
-    steps: 1
-  },
-  vw: {
-    max: 100,
-    steps: 1
-  },
-  vh: {
-    max: 100,
-    steps: 1
-  },
-  em: {
-    max: 10,
-    steps: 0.1
-  },
-  rm: {
-    max: 10,
-    steps: 0.1
-  },
-  svw: {
-    max: 100,
-    steps: 1
-  },
-  lvw: {
-    max: 100,
-    steps: 1
-  },
-  dvw: {
-    max: 100,
-    steps: 1
-  },
-  svh: {
-    max: 100,
-    steps: 1
-  },
-  lvh: {
-    max: 100,
-    steps: 1
-  },
-  dvh: {
-    max: 100,
-    steps: 1
-  },
-  vi: {
-    max: 100,
-    steps: 1
-  },
-  svi: {
-    max: 100,
-    steps: 1
-  },
-  lvi: {
-    max: 100,
-    steps: 1
-  },
-  dvi: {
-    max: 100,
-    steps: 1
-  },
-  vb: {
-    max: 100,
-    steps: 1
-  },
-  svb: {
-    max: 100,
-    steps: 1
-  },
-  lvb: {
-    max: 100,
-    steps: 1
-  },
-  dvb: {
-    max: 100,
-    steps: 1
-  },
-  vmin: {
-    max: 100,
-    steps: 1
-  },
-  svmin: {
-    max: 100,
-    steps: 1
-  },
-  lvmin: {
-    max: 100,
-    steps: 1
-  },
-  dvmin: {
-    max: 100,
-    steps: 1
-  },
-  vmax: {
-    max: 100,
-    steps: 1
-  },
-  svmax: {
-    max: 100,
-    steps: 1
-  },
-  lvmax: {
-    max: 100,
-    steps: 1
-  },
-  dvmax: {
-    max: 100,
-    steps: 1
-  }
+  px: { max: 300, steps: 1 },
+  "%": { max: 100, steps: 1 },
+  vw: { max: 100, steps: 1 },
+  vh: { max: 100, steps: 1 },
+  em: { max: 10, steps: 0.1 },
+  rm: { max: 10, steps: 0.1 },
+  svw: { max: 100, steps: 1 },
+  lvw: { max: 100, steps: 1 },
+  dvw: { max: 100, steps: 1 },
+  svh: { max: 100, steps: 1 },
+  lvh: { max: 100, steps: 1 },
+  dvh: { max: 100, steps: 1 },
+  vi: { max: 100, steps: 1 },
+  svi: { max: 100, steps: 1 },
+  lvi: { max: 100, steps: 1 },
+  dvi: { max: 100, steps: 1 },
+  vb: { max: 100, steps: 1 },
+  svb: { max: 100, steps: 1 },
+  lvb: { max: 100, steps: 1 },
+  dvb: { max: 100, steps: 1 },
+  vmin: { max: 100, steps: 1 },
+  svmin: { max: 100, steps: 1 },
+  lvmin: { max: 100, steps: 1 },
+  dvmin: { max: 100, steps: 1 },
+  vmax: { max: 100, steps: 1 },
+  svmax: { max: 100, steps: 1 },
+  lvmax: { max: 100, steps: 1 },
+  dvmax: { max: 100, steps: 1 }
 };
-export default function SpacingInputControl({
+function SpacingInputControl({
   icon,
   isMixed = false,
   minimumCustomValue,
@@ -142,189 +68,230 @@ export default function SpacingInputControl({
   type,
   value
 }) {
-  var _CUSTOM_VALUE_SETTING, _CUSTOM_VALUE_SETTING2;
-  // Treat value as a preset value if the passed in value matches the value of one of the spacingSizes.
   value = getPresetValueFromCustomValue(value, spacingSizes);
   let selectListSizes = spacingSizes;
   const showRangeControl = spacingSizes.length <= RANGE_CONTROL_MAX_SIZE;
-  const disableCustomSpacingSizes = useSelect(select => {
+  const disableCustomSpacingSizes = useSelect((select) => {
     const editorSettings = select(blockEditorStore).getSettings();
     return editorSettings?.disableCustomSpacingSizes;
   });
-  const [showCustomValueControl, setShowCustomValueControl] = useState(!disableCustomSpacingSizes && value !== undefined && !isValueSpacingPreset(value));
+  const [showCustomValueControl, setShowCustomValueControl] = useState(
+    !disableCustomSpacingSizes && value !== void 0 && !isValueSpacingPreset(value)
+  );
   const [minValue, setMinValue] = useState(minimumCustomValue);
   const previousValue = usePrevious(value);
   if (!!value && previousValue !== value && !isValueSpacingPreset(value) && showCustomValueControl !== true) {
     setShowCustomValueControl(true);
   }
-  const [availableUnits] = useSettings('spacing.units');
+  const [availableUnits] = useSettings("spacing.units");
   const units = useCustomUnits({
-    availableUnits: availableUnits || ['px', 'em', 'rem']
+    availableUnits: availableUnits || ["px", "em", "rem"]
   });
   let currentValue = null;
-  const showCustomValueInSelectList = !showRangeControl && !showCustomValueControl && value !== undefined && (!isValueSpacingPreset(value) || isValueSpacingPreset(value) && isMixed);
+  const showCustomValueInSelectList = !showRangeControl && !showCustomValueControl && value !== void 0 && (!isValueSpacingPreset(value) || isValueSpacingPreset(value) && isMixed);
   if (showCustomValueInSelectList) {
-    selectListSizes = [...spacingSizes, {
-      name: !isMixed ?
-      // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.
-      sprintf(__('Custom (%s)'), value) : __('Mixed'),
-      slug: 'custom',
-      size: value
-    }];
+    selectListSizes = [
+      ...spacingSizes,
+      {
+        name: !isMixed ? (
+          // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.
+          sprintf(__("Custom (%s)"), value)
+        ) : __("Mixed"),
+        slug: "custom",
+        size: value
+      }
+    ];
     currentValue = selectListSizes.length - 1;
   } else if (!isMixed) {
     currentValue = !showCustomValueControl ? getSliderValueFromPreset(value, spacingSizes) : getCustomValueFromPreset(value, spacingSizes);
   }
-  const selectedUnit = useMemo(() => parseQuantityAndUnitFromRawValue(currentValue), [currentValue])[1] || units[0]?.value;
+  const selectedUnit = useMemo(
+    () => parseQuantityAndUnitFromRawValue(currentValue),
+    [currentValue]
+  )[1] || units[0]?.value;
   const setInitialValue = () => {
-    if (value === undefined) {
-      onChange('0');
+    if (value === void 0) {
+      onChange("0");
     }
   };
-  const customTooltipContent = newValue => value === undefined ? undefined : spacingSizes[newValue]?.name;
+  const customTooltipContent = (newValue) => value === void 0 ? void 0 : spacingSizes[newValue]?.name;
   const customRangeValue = parseFloat(currentValue, 10);
-  const getNewCustomValue = newSize => {
+  const getNewCustomValue = (newSize) => {
     const isNumeric = !isNaN(parseFloat(newSize));
-    const nextValue = isNumeric ? newSize : undefined;
+    const nextValue = isNumeric ? newSize : void 0;
     return nextValue;
   };
   const getNewPresetValue = (newSize, controlType) => {
     const size = parseInt(newSize, 10);
-    if (controlType === 'selectList') {
+    if (controlType === "selectList") {
       if (size === 0) {
-        return undefined;
+        return void 0;
       }
       if (size === 1) {
-        return '0';
+        return "0";
       }
     } else if (size === 0) {
-      return '0';
+      return "0";
     }
     return `var:preset|spacing|${spacingSizes[newSize]?.slug}`;
   };
-  const handleCustomValueSliderChange = next => {
-    onChange([next, selectedUnit].join(''));
+  const handleCustomValueSliderChange = (next) => {
+    onChange([next, selectedUnit].join(""));
   };
-  const allPlaceholder = isMixed ? __('Mixed') : null;
+  const allPlaceholder = isMixed ? __("Mixed") : null;
   const options = selectListSizes.map((size, index) => ({
     key: index,
     name: size.name
   }));
   const marks = spacingSizes.slice(1, spacingSizes.length - 1).map((_newValue, index) => ({
     value: index + 1,
-    label: undefined
+    label: void 0
   }));
-  const sideLabel = ALL_SIDES.includes(side) && showSideInLabel ? LABELS[side] : '';
+  const sideLabel = ALL_SIDES.includes(side) && showSideInLabel ? LABELS[side] : "";
   const typeLabel = showSideInLabel ? type?.toLowerCase() : type;
   const ariaLabel = sprintf(
-  // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
-  _x('%1$s %2$s', 'spacing'), sideLabel, typeLabel).trim();
-  return /*#__PURE__*/_jsxs(HStack, {
-    className: "spacing-sizes-control__wrapper",
-    children: [icon && /*#__PURE__*/_jsx(Icon, {
-      className: "spacing-sizes-control__icon",
-      icon: icon,
-      size: 24
-    }), showCustomValueControl && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(UnitControl, {
-        onMouseOver: onMouseOver,
-        onMouseOut: onMouseOut,
-        onFocus: onMouseOver,
-        onBlur: onMouseOut,
-        onChange: newSize => onChange(getNewCustomValue(newSize)),
-        value: currentValue,
-        units: units,
-        min: minValue,
-        placeholder: allPlaceholder,
-        disableUnits: isMixed,
-        label: ariaLabel,
-        hideLabelFromVision: true,
-        className: "spacing-sizes-control__custom-value-input",
-        size: "__unstable-large",
-        onDragStart: () => {
-          if (value?.charAt(0) === '-') {
-            setMinValue(0);
-          }
-        },
-        onDrag: () => {
-          if (value?.charAt(0) === '-') {
-            setMinValue(0);
+    // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
+    _x("%1$s %2$s", "spacing"),
+    sideLabel,
+    typeLabel
+  ).trim();
+  return /* @__PURE__ */ jsxs(HStack, { className: "spacing-sizes-control__wrapper", children: [
+    icon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: "spacing-sizes-control__icon",
+        icon,
+        size: 24
+      }
+    ),
+    showCustomValueControl && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        UnitControl,
+        {
+          onMouseOver,
+          onMouseOut,
+          onFocus: onMouseOver,
+          onBlur: onMouseOut,
+          onChange: (newSize) => onChange(getNewCustomValue(newSize)),
+          value: currentValue,
+          units,
+          min: minValue,
+          placeholder: allPlaceholder,
+          disableUnits: isMixed,
+          label: ariaLabel,
+          hideLabelFromVision: true,
+          className: "spacing-sizes-control__custom-value-input",
+          size: "__unstable-large",
+          onDragStart: () => {
+            if (value?.charAt(0) === "-") {
+              setMinValue(0);
+            }
+          },
+          onDrag: () => {
+            if (value?.charAt(0) === "-") {
+              setMinValue(0);
+            }
+          },
+          onDragEnd: () => {
+            setMinValue(minimumCustomValue);
           }
-        },
-        onDragEnd: () => {
-          setMinValue(minimumCustomValue);
         }
-      }), /*#__PURE__*/_jsx(RangeControl, {
+      ),
+      /* @__PURE__ */ jsx(
+        RangeControl,
+        {
+          __next40pxDefaultSize: true,
+          onMouseOver,
+          onMouseOut,
+          onFocus: onMouseOver,
+          onBlur: onMouseOut,
+          value: customRangeValue,
+          min: 0,
+          max: CUSTOM_VALUE_SETTINGS[selectedUnit]?.max ?? 10,
+          step: CUSTOM_VALUE_SETTINGS[selectedUnit]?.steps ?? 0.1,
+          withInputField: false,
+          onChange: handleCustomValueSliderChange,
+          className: "spacing-sizes-control__custom-value-range",
+          __nextHasNoMarginBottom: true,
+          label: ariaLabel,
+          hideLabelFromVision: true
+        }
+      )
+    ] }),
+    showRangeControl && !showCustomValueControl && /* @__PURE__ */ jsx(
+      RangeControl,
+      {
         __next40pxDefaultSize: true,
-        onMouseOver: onMouseOver,
-        onMouseOut: onMouseOut,
-        onFocus: onMouseOver,
-        onBlur: onMouseOut,
-        value: customRangeValue,
-        min: 0,
-        max: (_CUSTOM_VALUE_SETTING = CUSTOM_VALUE_SETTINGS[selectedUnit]?.max) !== null && _CUSTOM_VALUE_SETTING !== void 0 ? _CUSTOM_VALUE_SETTING : 10,
-        step: (_CUSTOM_VALUE_SETTING2 = CUSTOM_VALUE_SETTINGS[selectedUnit]?.steps) !== null && _CUSTOM_VALUE_SETTING2 !== void 0 ? _CUSTOM_VALUE_SETTING2 : 0.1,
+        onMouseOver,
+        onMouseOut,
+        className: "spacing-sizes-control__range-control",
+        value: currentValue,
+        onChange: (newSize) => onChange(getNewPresetValue(newSize)),
+        onMouseDown: (event) => {
+          if (event?.nativeEvent?.offsetX < 35) {
+            setInitialValue();
+          }
+        },
         withInputField: false,
-        onChange: handleCustomValueSliderChange,
-        className: "spacing-sizes-control__custom-value-range",
+        "aria-valuenow": currentValue,
+        "aria-valuetext": spacingSizes[currentValue]?.name,
+        renderTooltipContent: customTooltipContent,
+        min: 0,
+        max: spacingSizes.length - 1,
+        marks,
+        label: ariaLabel,
+        hideLabelFromVision: true,
         __nextHasNoMarginBottom: true,
+        onFocus: onMouseOver,
+        onBlur: onMouseOut
+      }
+    ),
+    !showRangeControl && !showCustomValueControl && /* @__PURE__ */ jsx(
+      CustomSelectControl,
+      {
+        className: "spacing-sizes-control__custom-select-control",
+        value: (
+          // passing empty string as a fallback to continue using the
+          // component in controlled mode
+          options.find(
+            (option) => option.key === currentValue
+          ) || ""
+        ),
+        onChange: (selection) => {
+          onChange(
+            getNewPresetValue(
+              selection.selectedItem.key,
+              "selectList"
+            )
+          );
+        },
+        options,
         label: ariaLabel,
-        hideLabelFromVision: true
-      })]
-    }), showRangeControl && !showCustomValueControl && /*#__PURE__*/_jsx(RangeControl, {
-      __next40pxDefaultSize: true,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      className: "spacing-sizes-control__range-control",
-      value: currentValue,
-      onChange: newSize => onChange(getNewPresetValue(newSize)),
-      onMouseDown: event => {
-        // If mouse down is near start of range set initial value to 0, which
-        // prevents the user have to drag right then left to get 0 setting.
-        if (event?.nativeEvent?.offsetX < 35) {
-          setInitialValue();
-        }
-      },
-      withInputField: false,
-      "aria-valuenow": currentValue,
-      "aria-valuetext": spacingSizes[currentValue]?.name,
-      renderTooltipContent: customTooltipContent,
-      min: 0,
-      max: spacingSizes.length - 1,
-      marks: marks,
-      label: ariaLabel,
-      hideLabelFromVision: true,
-      __nextHasNoMarginBottom: true,
-      onFocus: onMouseOver,
-      onBlur: onMouseOut
-    }), !showRangeControl && !showCustomValueControl && /*#__PURE__*/_jsx(CustomSelectControl, {
-      className: "spacing-sizes-control__custom-select-control",
-      value:
-      // passing empty string as a fallback to continue using the
-      // component in controlled mode
-      options.find(option => option.key === currentValue) || '',
-      onChange: selection => {
-        onChange(getNewPresetValue(selection.selectedItem.key, 'selectList'));
-      },
-      options: options,
-      label: ariaLabel,
-      hideLabelFromVision: true,
-      size: "__unstable-large",
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut,
-      onFocus: onMouseOver,
-      onBlur: onMouseOut
-    }), !disableCustomSpacingSizes && /*#__PURE__*/_jsx(Button, {
-      label: showCustomValueControl ? __('Use size preset') : __('Set custom size'),
-      icon: settings,
-      onClick: () => {
-        setShowCustomValueControl(!showCustomValueControl);
-      },
-      isPressed: showCustomValueControl,
-      size: "small",
-      className: "spacing-sizes-control__custom-toggle",
-      iconSize: 24
-    })]
-  });
+        hideLabelFromVision: true,
+        size: "__unstable-large",
+        onMouseOver,
+        onMouseOut,
+        onFocus: onMouseOver,
+        onBlur: onMouseOut
+      }
+    ),
+    !disableCustomSpacingSizes && /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: showCustomValueControl ? __("Use size preset") : __("Set custom size"),
+        icon: settings,
+        onClick: () => {
+          setShowCustomValueControl(!showCustomValueControl);
+        },
+        isPressed: showCustomValueControl,
+        size: "small",
+        className: "spacing-sizes-control__custom-toggle",
+        iconSize: 24
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=spacing-input-control.js.map
+export {
+  SpacingInputControl as default
+};
+//# sourceMappingURL=spacing-input-control.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Button","Icon","RangeControl","__experimentalHStack","HStack","__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","CustomSelectControl","useSelect","useState","useMemo","usePrevious","__","_x","sprintf","settings","useSettings","store","blockEditorStore","RANGE_CONTROL_MAX_SIZE","ALL_SIDES","LABELS","getSliderValueFromPreset","getCustomValueFromPreset","getPresetValueFromCustomValue","isValueSpacingPreset","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CUSTOM_VALUE_SETTINGS","px","max","steps","vw","vh","em","rm","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","SpacingInputControl","icon","isMixed","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","value","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","selectListSizes","showRangeControl","length","disableCustomSpacingSizes","select","editorSettings","getSettings","showCustomValueControl","setShowCustomValueControl","undefined","minValue","setMinValue","previousValue","availableUnits","units","currentValue","showCustomValueInSelectList","name","slug","size","selectedUnit","setInitialValue","customTooltipContent","newValue","customRangeValue","parseFloat","getNewCustomValue","newSize","isNumeric","isNaN","nextValue","getNewPresetValue","controlType","parseInt","handleCustomValueSliderChange","next","join","allPlaceholder","options","map","index","key","marks","slice","_newValue","label","sideLabel","includes","typeLabel","toLowerCase","ariaLabel","trim","className","children","onFocus","onBlur","min","placeholder","disableUnits","hideLabelFromVision","onDragStart","charAt","onDrag","onDragEnd","__next40pxDefaultSize","step","withInputField","__nextHasNoMarginBottom","onMouseDown","event","nativeEvent","offsetX","renderTooltipContent","find","option","selection","selectedItem","onClick","isPressed","iconSize"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\tRangeControl,\n\t__experimentalHStack as HStack,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\nimport { store as blockEditorStore } from '../../../store';\nimport {\n\tRANGE_CONTROL_MAX_SIZE,\n\tALL_SIDES,\n\tLABELS,\n\tgetSliderValueFromPreset,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromCustomValue,\n\tisValueSpacingPreset,\n} from '../utils';\n\nconst CUSTOM_VALUE_SETTINGS = {\n\tpx: { max: 300, steps: 1 },\n\t'%': { max: 100, steps: 1 },\n\tvw: { max: 100, steps: 1 },\n\tvh: { max: 100, steps: 1 },\n\tem: { max: 10, steps: 0.1 },\n\trm: { max: 10, steps: 0.1 },\n\tsvw: { max: 100, steps: 1 },\n\tlvw: { max: 100, steps: 1 },\n\tdvw: { max: 100, steps: 1 },\n\tsvh: { max: 100, steps: 1 },\n\tlvh: { max: 100, steps: 1 },\n\tdvh: { max: 100, steps: 1 },\n\tvi: { max: 100, steps: 1 },\n\tsvi: { max: 100, steps: 1 },\n\tlvi: { max: 100, steps: 1 },\n\tdvi: { max: 100, steps: 1 },\n\tvb: { max: 100, steps: 1 },\n\tsvb: { max: 100, steps: 1 },\n\tlvb: { max: 100, steps: 1 },\n\tdvb: { max: 100, steps: 1 },\n\tvmin: { max: 100, steps: 1 },\n\tsvmin: { max: 100, steps: 1 },\n\tlvmin: { max: 100, steps: 1 },\n\tdvmin: { max: 100, steps: 1 },\n\tvmax: { max: 100, steps: 1 },\n\tsvmax: { max: 100, steps: 1 },\n\tlvmax: { max: 100, steps: 1 },\n\tdvmax: { max: 100, steps: 1 },\n};\n\nexport default function SpacingInputControl( {\n\ticon,\n\tisMixed = false,\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalue,\n} ) {\n\t// Treat value as a preset value if the passed in value matches the value of one of the spacingSizes.\n\tvalue = getPresetValueFromCustomValue( value, spacingSizes );\n\n\tlet selectListSizes = spacingSizes;\n\tconst showRangeControl = spacingSizes.length <= RANGE_CONTROL_MAX_SIZE;\n\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomSpacingSizes &&\n\t\t\tvalue !== undefined &&\n\t\t\t! isValueSpacingPreset( value )\n\t);\n\n\tconst [ minValue, setMinValue ] = useState( minimumCustomValue );\n\n\tconst previousValue = usePrevious( value );\n\tif (\n\t\t!! value &&\n\t\tpreviousValue !== value &&\n\t\t! isValueSpacingPreset( value ) &&\n\t\tshowCustomValueControl !== true\n\t) {\n\t\tsetShowCustomValueControl( true );\n\t}\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tlet currentValue = null;\n\n\tconst showCustomValueInSelectList =\n\t\t! showRangeControl &&\n\t\t! showCustomValueControl &&\n\t\tvalue !== undefined &&\n\t\t( ! isValueSpacingPreset( value ) ||\n\t\t\t( isValueSpacingPreset( value ) && isMixed ) );\n\n\tif ( showCustomValueInSelectList ) {\n\t\tselectListSizes = [\n\t\t\t...spacingSizes,\n\t\t\t{\n\t\t\t\tname: ! isMixed\n\t\t\t\t\t? // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.\n\t\t\t\t\t  sprintf( __( 'Custom (%s)' ), value )\n\t\t\t\t\t: __( 'Mixed' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: value,\n\t\t\t},\n\t\t];\n\t\tcurrentValue = selectListSizes.length - 1;\n\t} else if ( ! isMixed ) {\n\t\tcurrentValue = ! showCustomValueControl\n\t\t\t? getSliderValueFromPreset( value, spacingSizes )\n\t\t\t: getCustomValueFromPreset( value, spacingSizes );\n\t}\n\n\tconst selectedUnit =\n\t\tuseMemo(\n\t\t\t() => parseQuantityAndUnitFromRawValue( currentValue ),\n\t\t\t[ currentValue ]\n\t\t)[ 1 ] || units[ 0 ]?.value;\n\n\tconst setInitialValue = () => {\n\t\tif ( value === undefined ) {\n\t\t\tonChange( '0' );\n\t\t}\n\t};\n\n\tconst customTooltipContent = ( newValue ) =>\n\t\tvalue === undefined ? undefined : spacingSizes[ newValue ]?.name;\n\n\tconst customRangeValue = parseFloat( currentValue, 10 );\n\n\tconst getNewCustomValue = ( newSize ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( newSize ) );\n\t\tconst nextValue = isNumeric ? newSize : undefined;\n\t\treturn nextValue;\n\t};\n\n\tconst getNewPresetValue = ( newSize, controlType ) => {\n\t\tconst size = parseInt( newSize, 10 );\n\n\t\tif ( controlType === 'selectList' ) {\n\t\t\tif ( size === 0 ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tif ( size === 1 ) {\n\t\t\t\treturn '0';\n\t\t\t}\n\t\t} else if ( size === 0 ) {\n\t\t\treturn '0';\n\t\t}\n\t\treturn `var:preset|spacing|${ spacingSizes[ newSize ]?.slug }`;\n\t};\n\n\tconst handleCustomValueSliderChange = ( next ) => {\n\t\tonChange( [ next, selectedUnit ].join( '' ) );\n\t};\n\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\tconst options = selectListSizes.map( ( size, index ) => ( {\n\t\tkey: index,\n\t\tname: size.name,\n\t} ) );\n\n\tconst marks = spacingSizes\n\t\t.slice( 1, spacingSizes.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( side ) && showSideInLabel ? LABELS[ side ] : '';\n\tconst typeLabel = showSideInLabel ? type?.toLowerCase() : type;\n\n\tconst ariaLabel = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tsideLabel,\n\t\ttypeLabel\n\t).trim();\n\n\treturn (\n\t\t<HStack className=\"spacing-sizes-control__wrapper\">\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"spacing-sizes-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showCustomValueControl && (\n\t\t\t\t<>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\t\tonChange( getNewCustomValue( newSize ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ minValue }\n\t\t\t\t\t\tplaceholder={ allPlaceholder }\n\t\t\t\t\t\tdisableUnits={ isMixed }\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-input\"\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tonDragStart={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDrag={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDragEnd={ () => {\n\t\t\t\t\t\t\tsetMinValue( minimumCustomValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tvalue={ customRangeValue }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ CUSTOM_VALUE_SETTINGS[ selectedUnit ]?.max ?? 10 }\n\t\t\t\t\t\tstep={\n\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ selectedUnit ]?.steps ?? 0.1\n\t\t\t\t\t\t}\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleCustomValueSliderChange }\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-range\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tclassName=\"spacing-sizes-control__range-control\"\n\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\tonChange( getNewPresetValue( newSize ) )\n\t\t\t\t\t}\n\t\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\t\t// If mouse down is near start of range set initial value to 0, which\n\t\t\t\t\t\t// prevents the user have to drag right then left to get 0 setting.\n\t\t\t\t\t\tif ( event?.nativeEvent?.offsetX < 35 ) {\n\t\t\t\t\t\t\tsetInitialValue();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ currentValue }\n\t\t\t\t\taria-valuetext={ spacingSizes[ currentValue ]?.name }\n\t\t\t\t\trenderTooltipContent={ customTooltipContent }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ spacingSizes.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// passing empty string as a fallback to continue using the\n\t\t\t\t\t\t// component in controlled mode\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === currentValue\n\t\t\t\t\t\t) || ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tgetNewPresetValue(\n\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t'selectList'\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! disableCustomSpacingSizes && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t}\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-toggle\"\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/spacing-sizes-control/input-controls/spacing-input-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\tRangeControl,\n\t__experimentalHStack as HStack,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\nimport { store as blockEditorStore } from '../../../store';\nimport {\n\tRANGE_CONTROL_MAX_SIZE,\n\tALL_SIDES,\n\tLABELS,\n\tgetSliderValueFromPreset,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromCustomValue,\n\tisValueSpacingPreset,\n} from '../utils';\n\nconst CUSTOM_VALUE_SETTINGS = {\n\tpx: { max: 300, steps: 1 },\n\t'%': { max: 100, steps: 1 },\n\tvw: { max: 100, steps: 1 },\n\tvh: { max: 100, steps: 1 },\n\tem: { max: 10, steps: 0.1 },\n\trm: { max: 10, steps: 0.1 },\n\tsvw: { max: 100, steps: 1 },\n\tlvw: { max: 100, steps: 1 },\n\tdvw: { max: 100, steps: 1 },\n\tsvh: { max: 100, steps: 1 },\n\tlvh: { max: 100, steps: 1 },\n\tdvh: { max: 100, steps: 1 },\n\tvi: { max: 100, steps: 1 },\n\tsvi: { max: 100, steps: 1 },\n\tlvi: { max: 100, steps: 1 },\n\tdvi: { max: 100, steps: 1 },\n\tvb: { max: 100, steps: 1 },\n\tsvb: { max: 100, steps: 1 },\n\tlvb: { max: 100, steps: 1 },\n\tdvb: { max: 100, steps: 1 },\n\tvmin: { max: 100, steps: 1 },\n\tsvmin: { max: 100, steps: 1 },\n\tlvmin: { max: 100, steps: 1 },\n\tdvmin: { max: 100, steps: 1 },\n\tvmax: { max: 100, steps: 1 },\n\tsvmax: { max: 100, steps: 1 },\n\tlvmax: { max: 100, steps: 1 },\n\tdvmax: { max: 100, steps: 1 },\n};\n\nexport default function SpacingInputControl( {\n\ticon,\n\tisMixed = false,\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalue,\n} ) {\n\t// Treat value as a preset value if the passed in value matches the value of one of the spacingSizes.\n\tvalue = getPresetValueFromCustomValue( value, spacingSizes );\n\n\tlet selectListSizes = spacingSizes;\n\tconst showRangeControl = spacingSizes.length <= RANGE_CONTROL_MAX_SIZE;\n\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomSpacingSizes &&\n\t\t\tvalue !== undefined &&\n\t\t\t! isValueSpacingPreset( value )\n\t);\n\n\tconst [ minValue, setMinValue ] = useState( minimumCustomValue );\n\n\tconst previousValue = usePrevious( value );\n\tif (\n\t\t!! value &&\n\t\tpreviousValue !== value &&\n\t\t! isValueSpacingPreset( value ) &&\n\t\tshowCustomValueControl !== true\n\t) {\n\t\tsetShowCustomValueControl( true );\n\t}\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tlet currentValue = null;\n\n\tconst showCustomValueInSelectList =\n\t\t! showRangeControl &&\n\t\t! showCustomValueControl &&\n\t\tvalue !== undefined &&\n\t\t( ! isValueSpacingPreset( value ) ||\n\t\t\t( isValueSpacingPreset( value ) && isMixed ) );\n\n\tif ( showCustomValueInSelectList ) {\n\t\tselectListSizes = [\n\t\t\t...spacingSizes,\n\t\t\t{\n\t\t\t\tname: ! isMixed\n\t\t\t\t\t? // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.\n\t\t\t\t\t  sprintf( __( 'Custom (%s)' ), value )\n\t\t\t\t\t: __( 'Mixed' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: value,\n\t\t\t},\n\t\t];\n\t\tcurrentValue = selectListSizes.length - 1;\n\t} else if ( ! isMixed ) {\n\t\tcurrentValue = ! showCustomValueControl\n\t\t\t? getSliderValueFromPreset( value, spacingSizes )\n\t\t\t: getCustomValueFromPreset( value, spacingSizes );\n\t}\n\n\tconst selectedUnit =\n\t\tuseMemo(\n\t\t\t() => parseQuantityAndUnitFromRawValue( currentValue ),\n\t\t\t[ currentValue ]\n\t\t)[ 1 ] || units[ 0 ]?.value;\n\n\tconst setInitialValue = () => {\n\t\tif ( value === undefined ) {\n\t\t\tonChange( '0' );\n\t\t}\n\t};\n\n\tconst customTooltipContent = ( newValue ) =>\n\t\tvalue === undefined ? undefined : spacingSizes[ newValue ]?.name;\n\n\tconst customRangeValue = parseFloat( currentValue, 10 );\n\n\tconst getNewCustomValue = ( newSize ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( newSize ) );\n\t\tconst nextValue = isNumeric ? newSize : undefined;\n\t\treturn nextValue;\n\t};\n\n\tconst getNewPresetValue = ( newSize, controlType ) => {\n\t\tconst size = parseInt( newSize, 10 );\n\n\t\tif ( controlType === 'selectList' ) {\n\t\t\tif ( size === 0 ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tif ( size === 1 ) {\n\t\t\t\treturn '0';\n\t\t\t}\n\t\t} else if ( size === 0 ) {\n\t\t\treturn '0';\n\t\t}\n\t\treturn `var:preset|spacing|${ spacingSizes[ newSize ]?.slug }`;\n\t};\n\n\tconst handleCustomValueSliderChange = ( next ) => {\n\t\tonChange( [ next, selectedUnit ].join( '' ) );\n\t};\n\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\tconst options = selectListSizes.map( ( size, index ) => ( {\n\t\tkey: index,\n\t\tname: size.name,\n\t} ) );\n\n\tconst marks = spacingSizes\n\t\t.slice( 1, spacingSizes.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( side ) && showSideInLabel ? LABELS[ side ] : '';\n\tconst typeLabel = showSideInLabel ? type?.toLowerCase() : type;\n\n\tconst ariaLabel = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tsideLabel,\n\t\ttypeLabel\n\t).trim();\n\n\treturn (\n\t\t<HStack className=\"spacing-sizes-control__wrapper\">\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"spacing-sizes-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showCustomValueControl && (\n\t\t\t\t<>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\t\tonChange( getNewCustomValue( newSize ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ minValue }\n\t\t\t\t\t\tplaceholder={ allPlaceholder }\n\t\t\t\t\t\tdisableUnits={ isMixed }\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-input\"\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tonDragStart={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDrag={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDragEnd={ () => {\n\t\t\t\t\t\t\tsetMinValue( minimumCustomValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tvalue={ customRangeValue }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ CUSTOM_VALUE_SETTINGS[ selectedUnit ]?.max ?? 10 }\n\t\t\t\t\t\tstep={\n\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ selectedUnit ]?.steps ?? 0.1\n\t\t\t\t\t\t}\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleCustomValueSliderChange }\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-range\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tclassName=\"spacing-sizes-control__range-control\"\n\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\tonChange( getNewPresetValue( newSize ) )\n\t\t\t\t\t}\n\t\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\t\t// If mouse down is near start of range set initial value to 0, which\n\t\t\t\t\t\t// prevents the user have to drag right then left to get 0 setting.\n\t\t\t\t\t\tif ( event?.nativeEvent?.offsetX < 35 ) {\n\t\t\t\t\t\t\tsetInitialValue();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ currentValue }\n\t\t\t\t\taria-valuetext={ spacingSizes[ currentValue ]?.name }\n\t\t\t\t\trenderTooltipContent={ customTooltipContent }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ spacingSizes.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// passing empty string as a fallback to continue using the\n\t\t\t\t\t\t// component in controlled mode\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === currentValue\n\t\t\t\t\t\t) || ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tgetNewPresetValue(\n\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t'selectList'\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! disableCustomSpacingSizes && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t}\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-toggle\"\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}