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

package/build/components/border-radius-control/single-input-control.js

@@ -1,24 +1,33 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var single_input_control_exports = {};
+__export(single_input_control_exports, {
+  default: () => SingleInputControl
 });
-exports.default = SingleInputControl;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(single_input_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_utils = require("./utils");
+var import_constants = require("./constants");
 function SingleInputControl({
   corner,
   onChange,
@@ -28,8 +37,8 @@ function SingleInputControl({
   units,
   presets
 }) {
-  const changeCornerValue = validatedValue => {
-    if (corner === 'all') {
+  const changeCornerValue = (validatedValue) => {
+    if (corner === "all") {
       onChange({
         topLeft: validatedValue,
         topRight: validatedValue,
@@ -43,21 +52,17 @@ function SingleInputControl({
       });
     }
   };
-  const onChangeValue = next => {
+  const onChangeValue = (next) => {
     if (!onChange) {
       return;
     }
-
-    // Filter out CSS-unit-only values to prevent invalid styles.
     const isNumeric = !isNaN(parseFloat(next));
-    const nextValue = isNumeric ? next : undefined;
+    const nextValue = isNumeric ? next : void 0;
     changeCornerValue(nextValue);
   };
-  const onChangeUnit = next => {
-    const newUnits = {
-      ...selectedUnits
-    };
-    if (corner === 'all') {
+  const onChangeUnit = (next) => {
+    const newUnits = { ...selectedUnits };
+    if (corner === "all") {
       newUnits.topLeft = next;
       newUnits.topRight = next;
       newUnits.bottomLeft = next;
@@ -67,138 +72,165 @@ function SingleInputControl({
     }
     setSelectedUnits(newUnits);
   };
-
-  // For shorthand style & backwards compatibility, handle flat string value.
-  const values = typeof valuesProp !== 'string' ? valuesProp : {
+  const values = typeof valuesProp !== "string" ? valuesProp : {
     topLeft: valuesProp,
     topRight: valuesProp,
     bottomLeft: valuesProp,
     bottomRight: valuesProp
   };
-
-  // For 'all' corner, convert presets to custom values before calling getAllValue
-  // For individual corners, check if the value should be converted to a preset
   let value;
-  if (corner === 'all') {
-    const convertedValues = (0, _utils.convertPresetsToCustomValues)(values, presets);
-    const customValue = (0, _utils.getAllValue)(convertedValues);
-    value = (0, _utils.getPresetValueFromCustomValue)(customValue, presets);
+  if (corner === "all") {
+    const convertedValues = (0, import_utils.convertPresetsToCustomValues)(values, presets);
+    const customValue = (0, import_utils.getAllValue)(convertedValues);
+    value = (0, import_utils.getPresetValueFromCustomValue)(customValue, presets);
   } else {
-    value = (0, _utils.getPresetValueFromCustomValue)(values[corner], presets);
+    value = (0, import_utils.getPresetValueFromCustomValue)(values[corner], presets);
   }
-  const resolvedPresetValue = (0, _utils.isValuePreset)(value) ? (0, _utils.getCustomValueFromPreset)(value, presets) : value;
-  const [parsedQuantity, parsedUnit] = (0, _components.__experimentalParseQuantityAndUnitFromRawValue)(resolvedPresetValue);
-  const computedUnit = value ? parsedUnit : selectedUnits[corner] || selectedUnits.flat || 'px';
-  const unitConfig = units && units.find(item => item.value === computedUnit);
+  const resolvedPresetValue = (0, import_utils.isValuePreset)(value) ? (0, import_utils.getCustomValueFromPreset)(value, presets) : value;
+  const [parsedQuantity, parsedUnit] = (0, import_components.__experimentalParseQuantityAndUnitFromRawValue)(resolvedPresetValue);
+  const computedUnit = value ? parsedUnit : selectedUnits[corner] || selectedUnits.flat || "px";
+  const unitConfig = units && units.find((item) => item.value === computedUnit);
   const step = unitConfig?.step || 1;
-  const [showCustomValueControl, setShowCustomValueControl] = (0, _element.useState)(value !== undefined && !(0, _utils.isValuePreset)(value));
-  const showRangeControl = presets.length <= _constants.RANGE_CONTROL_MAX_SIZE;
-  const presetIndex = (0, _utils.getSliderValueFromPreset)(value, presets);
-  const rangeTooltip = newValue => value === undefined ? undefined : presets[newValue]?.name;
+  const [showCustomValueControl, setShowCustomValueControl] = (0, import_element.useState)(
+    value !== void 0 && !(0, import_utils.isValuePreset)(value)
+  );
+  const showRangeControl = presets.length <= import_constants.RANGE_CONTROL_MAX_SIZE;
+  const presetIndex = (0, import_utils.getSliderValueFromPreset)(value, presets);
+  const rangeTooltip = (newValue) => value === void 0 ? void 0 : presets[newValue]?.name;
   const marks = presets.slice(1, presets.length - 1).map((_newValue, index) => ({
     value: index + 1,
-    label: undefined
+    label: void 0
   }));
   const hasPresets = marks.length > 0;
   let options = [];
   if (!showRangeControl) {
-    options = [...presets, {
-      name: (0, _i18n.__)('Custom'),
-      slug: 'custom',
-      size: resolvedPresetValue
-    }].map((size, index) => ({
+    options = [
+      ...presets,
+      {
+        name: (0, import_i18n.__)("Custom"),
+        slug: "custom",
+        size: resolvedPresetValue
+      }
+    ].map((size, index) => ({
       key: index,
       name: size.name
     }));
   }
-  const icon = _constants.ICONS[corner];
-  const handleSliderChange = next => {
-    const val = next !== undefined ? `${next}${computedUnit}` : undefined;
+  const icon = import_constants.ICONS[corner];
+  const handleSliderChange = (next) => {
+    const val = next !== void 0 ? `${next}${computedUnit}` : void 0;
     changeCornerValue(val);
   };
-
-  // Controls are wrapped in tooltips as visible labels aren't desired here.
-  // Tooltip rendering also requires the UnitControl to be wrapped. See:
-  // https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-      className: "components-border-radius-control__icon",
-      icon: icon,
-      size: 24
-    }), (!hasPresets || showCustomValueControl) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "components-border-radius-control__input-controls-wrapper",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-        text: _constants.CORNERS[corner],
-        placement: "top",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "components-border-radius-control__tooltip-wrapper",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-            className: "components-border-radius-control__unit-control",
-            "aria-label": _constants.CORNERS[corner],
-            value: [parsedQuantity, computedUnit].join(''),
-            onChange: onChangeValue,
-            onUnitChange: onChangeUnit,
-            size: "__unstable-large",
-            min: _constants.MIN_BORDER_RADIUS_VALUE,
-            units: units
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Icon,
+      {
+        className: "components-border-radius-control__icon",
+        icon,
+        size: 24
+      }
+    ),
+    (!hasPresets || showCustomValueControl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "components-border-radius-control__input-controls-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: import_constants.CORNERS[corner], placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "components-border-radius-control__tooltip-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalUnitControl,
+        {
+          className: "components-border-radius-control__unit-control",
+          "aria-label": import_constants.CORNERS[corner],
+          value: [parsedQuantity, computedUnit].join(
+            ""
+          ),
+          onChange: onChangeValue,
+          onUnitChange: onChangeUnit,
+          size: "__unstable-large",
+          min: import_constants.MIN_BORDER_RADIUS_VALUE,
+          units
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RangeControl,
+        {
+          __next40pxDefaultSize: true,
+          label: (0, import_i18n.__)("Border radius"),
+          hideLabelFromVision: true,
+          className: "components-border-radius-control__range-control",
+          value: parsedQuantity ?? "",
+          min: import_constants.MIN_BORDER_RADIUS_VALUE,
+          max: import_constants.MAX_BORDER_RADIUS_VALUES[computedUnit],
+          initialPosition: 0,
+          withInputField: false,
+          onChange: handleSliderChange,
+          step,
+          __nextHasNoMarginBottom: true
+        }
+      )
+    ] }),
+    hasPresets && showRangeControl && !showCustomValueControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.RangeControl,
+      {
         __next40pxDefaultSize: true,
-        label: (0, _i18n.__)('Border radius'),
-        hideLabelFromVision: true,
         className: "components-border-radius-control__range-control",
-        value: parsedQuantity !== null && parsedQuantity !== void 0 ? parsedQuantity : '',
-        min: _constants.MIN_BORDER_RADIUS_VALUE,
-        max: _constants.MAX_BORDER_RADIUS_VALUES[computedUnit],
-        initialPosition: 0,
+        value: presetIndex,
+        onChange: (newSize) => {
+          changeCornerValue(
+            (0, import_utils.getPresetValueFromControlValue)(
+              newSize,
+              "range",
+              presets
+            )
+          );
+        },
         withInputField: false,
-        onChange: handleSliderChange,
-        step: step,
+        "aria-valuenow": presetIndex,
+        "aria-valuetext": presets[presetIndex]?.name,
+        renderTooltipContent: rangeTooltip,
+        min: 0,
+        max: presets.length - 1,
+        marks,
+        label: import_constants.CORNERS[corner],
+        hideLabelFromVision: true,
         __nextHasNoMarginBottom: true
-      })]
-    }), hasPresets && showRangeControl && !showCustomValueControl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-      __next40pxDefaultSize: true,
-      className: "components-border-radius-control__range-control",
-      value: presetIndex,
-      onChange: newSize => {
-        changeCornerValue((0, _utils.getPresetValueFromControlValue)(newSize, 'range', presets));
-      },
-      withInputField: false,
-      "aria-valuenow": presetIndex,
-      "aria-valuetext": presets[presetIndex]?.name,
-      renderTooltipContent: rangeTooltip,
-      min: 0,
-      max: presets.length - 1,
-      marks: marks,
-      label: _constants.CORNERS[corner],
-      hideLabelFromVision: true,
-      __nextHasNoMarginBottom: true
-    }), !showRangeControl && !showCustomValueControl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomSelectControl, {
-      className: "components-border-radius-control__custom-select-control",
-      value: options.find(option => option.key === presetIndex) || options[options.length - 1],
-      onChange: selection => {
-        if (selection.selectedItem.key === options.length - 1) {
-          setShowCustomValueControl(true);
-        } else {
-          changeCornerValue((0, _utils.getPresetValueFromControlValue)(selection.selectedItem.key, 'selectList', presets));
-        }
-      },
-      options: options,
-      label: _constants.CORNERS[corner],
-      hideLabelFromVision: true,
-      size: "__unstable-large"
-    }), hasPresets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      label: showCustomValueControl ? (0, _i18n.__)('Use border radius preset') : (0, _i18n.__)('Set custom border radius'),
-      icon: _icons.settings,
-      onClick: () => {
-        setShowCustomValueControl(!showCustomValueControl);
-      },
-      isPressed: showCustomValueControl,
-      size: "small",
-      className: "components-border-radius-control__custom-toggle",
-      iconSize: 24
-    })]
-  });
+      }
+    ),
+    !showRangeControl && !showCustomValueControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.CustomSelectControl,
+      {
+        className: "components-border-radius-control__custom-select-control",
+        value: options.find(
+          (option) => option.key === presetIndex
+        ) || options[options.length - 1],
+        onChange: (selection) => {
+          if (selection.selectedItem.key === options.length - 1) {
+            setShowCustomValueControl(true);
+          } else {
+            changeCornerValue(
+              (0, import_utils.getPresetValueFromControlValue)(
+                selection.selectedItem.key,
+                "selectList",
+                presets
+              )
+            );
+          }
+        },
+        options,
+        label: import_constants.CORNERS[corner],
+        hideLabelFromVision: true,
+        size: "__unstable-large"
+      }
+    ),
+    hasPresets && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        label: showCustomValueControl ? (0, import_i18n.__)("Use border radius preset") : (0, import_i18n.__)("Set custom border radius"),
+        icon: import_icons.settings,
+        onClick: () => {
+          setShowCustomValueControl(!showCustomValueControl);
+        },
+        isPressed: showCustomValueControl,
+        size: "small",
+        className: "components-border-radius-control__custom-toggle",
+        iconSize: 24
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=single-input-control.js.map
+//# sourceMappingURL=single-input-control.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_element","_icons","_utils","_constants","_jsxRuntime","SingleInputControl","corner","onChange","selectedUnits","setSelectedUnits","values","valuesProp","units","presets","changeCornerValue","validatedValue","topLeft","topRight","bottomLeft","bottomRight","onChangeValue","next","isNumeric","isNaN","parseFloat","nextValue","undefined","onChangeUnit","newUnits","value","convertedValues","convertPresetsToCustomValues","customValue","getAllValue","getPresetValueFromCustomValue","resolvedPresetValue","isValuePreset","getCustomValueFromPreset","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","computedUnit","flat","unitConfig","find","item","step","showCustomValueControl","setShowCustomValueControl","useState","showRangeControl","length","RANGE_CONTROL_MAX_SIZE","presetIndex","getSliderValueFromPreset","rangeTooltip","newValue","name","marks","slice","map","_newValue","index","label","hasPresets","options","__","slug","size","key","icon","ICONS","handleSliderChange","val","jsxs","__experimentalHStack","children","jsx","Icon","className","Tooltip","text","CORNERS","placement","__experimentalUnitControl","join","onUnitChange","min","MIN_BORDER_RADIUS_VALUE","RangeControl","__next40pxDefaultSize","hideLabelFromVision","max","MAX_BORDER_RADIUS_VALUES","initialPosition","withInputField","__nextHasNoMarginBottom","newSize","getPresetValueFromControlValue","renderTooltipContent","CustomSelectControl","option","selection","selectedItem","Button","settings","onClick","isPressed","iconSize"],"sources":["@wordpress/block-editor/src/components/border-radius-control/single-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalHStack as HStack,\n\tIcon,\n\tTooltip,\n\tRangeControl,\n\tButton,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromControlValue,\n\tgetPresetValueFromCustomValue,\n\tgetSliderValueFromPreset,\n\tisValuePreset,\n\tconvertPresetsToCustomValues,\n} from './utils';\nimport {\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n\tMAX_BORDER_RADIUS_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n} from './constants';\n\nexport default function SingleInputControl( {\n\tcorner,\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\tunits,\n\tpresets,\n} ) {\n\tconst changeCornerValue = ( validatedValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: validatedValue,\n\t\t\t\ttopRight: validatedValue,\n\t\t\t\tbottomLeft: validatedValue,\n\t\t\t\tbottomRight: validatedValue,\n\t\t\t} );\n\t\t} else {\n\t\t\tonChange( {\n\t\t\t\t...values,\n\t\t\t\t[ corner ]: validatedValue,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst onChangeValue = ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tchangeCornerValue( nextValue );\n\t};\n\n\tconst onChangeUnit = ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.topLeft = next;\n\t\t\tnewUnits.topRight = next;\n\t\t\tnewUnits.bottomLeft = next;\n\t\t\tnewUnits.bottomRight = next;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = next;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// For 'all' corner, convert presets to custom values before calling getAllValue\n\t// For individual corners, check if the value should be converted to a preset\n\tlet value;\n\tif ( corner === 'all' ) {\n\t\tconst convertedValues = convertPresetsToCustomValues( values, presets );\n\t\tconst customValue = getAllValue( convertedValues );\n\t\tvalue = getPresetValueFromCustomValue( customValue, presets );\n\t} else {\n\t\tvalue = getPresetValueFromCustomValue( values[ corner ], presets );\n\t}\n\tconst resolvedPresetValue = isValuePreset( value )\n\t\t? getCustomValueFromPreset( value, presets )\n\t\t: value;\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( resolvedPresetValue );\n\tconst computedUnit = value\n\t\t? parsedUnit\n\t\t: selectedUnits[ corner ] || selectedUnits.flat || 'px';\n\tconst unitConfig =\n\t\tunits && units.find( ( item ) => item.value === computedUnit );\n\tconst step = unitConfig?.step || 1;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\tvalue !== undefined && ! isValuePreset( value )\n\t);\n\tconst showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;\n\tconst presetIndex = getSliderValueFromPreset( value, presets );\n\tconst rangeTooltip = ( newValue ) =>\n\t\tvalue === undefined ? undefined : presets[ newValue ]?.name;\n\tconst marks = presets\n\t\t.slice( 1, presets.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\tconst hasPresets = marks.length > 0;\n\tlet options = [];\n\tif ( ! showRangeControl ) {\n\t\toptions = [\n\t\t\t...presets,\n\t\t\t{\n\t\t\t\tname: __( 'Custom' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: resolvedPresetValue,\n\t\t\t},\n\t\t].map( ( size, index ) => ( {\n\t\t\tkey: index,\n\t\t\tname: size.name,\n\t\t} ) );\n\t}\n\tconst icon = ICONS[ corner ];\n\n\tconst handleSliderChange = ( next ) => {\n\t\tconst val =\n\t\t\tnext !== undefined ? `${ next }${ computedUnit }` : undefined;\n\t\tchangeCornerValue( val );\n\t};\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<HStack>\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"components-border-radius-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{ ( ! hasPresets || showCustomValueControl ) && (\n\t\t\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t\t\t<Tooltip text={ CORNERS[ corner ] } placement=\"top\">\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\t\taria-label={ CORNERS[ corner ] }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\tvalue={ parsedQuantity ?? '' }\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ computedUnit ] }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasPresets && showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\tvalue={ presetIndex }\n\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\tnewSize,\n\t\t\t\t\t\t\t\t'range',\n\t\t\t\t\t\t\t\tpresets\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\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ presetIndex }\n\t\t\t\t\taria-valuetext={ presets[ presetIndex ]?.name }\n\t\t\t\t\trenderTooltipContent={ rangeTooltip }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ presets.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === presetIndex\n\t\t\t\t\t\t) || options[ options.length - 1 ]\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tselection.selectedItem.key ===\n\t\t\t\t\t\t\toptions.length - 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t\t'selectList',\n\t\t\t\t\t\t\t\t\tpresets\n\t\t\t\t\t\t\t\t)\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={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && (\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 border radius preset' )\n\t\t\t\t\t\t\t: __( 'Set custom border radius' )\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=\"components-border-radius-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/border-radius-control/single-input-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalHStack as HStack,\n\tIcon,\n\tTooltip,\n\tRangeControl,\n\tButton,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromControlValue,\n\tgetPresetValueFromCustomValue,\n\tgetSliderValueFromPreset,\n\tisValuePreset,\n\tconvertPresetsToCustomValues,\n} from './utils';\nimport {\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n\tMAX_BORDER_RADIUS_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n} from './constants';\n\nexport default function SingleInputControl( {\n\tcorner,\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\tunits,\n\tpresets,\n} ) {\n\tconst changeCornerValue = ( validatedValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: validatedValue,\n\t\t\t\ttopRight: validatedValue,\n\t\t\t\tbottomLeft: validatedValue,\n\t\t\t\tbottomRight: validatedValue,\n\t\t\t} );\n\t\t} else {\n\t\t\tonChange( {\n\t\t\t\t...values,\n\t\t\t\t[ corner ]: validatedValue,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst onChangeValue = ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tchangeCornerValue( nextValue );\n\t};\n\n\tconst onChangeUnit = ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.topLeft = next;\n\t\t\tnewUnits.topRight = next;\n\t\t\tnewUnits.bottomLeft = next;\n\t\t\tnewUnits.bottomRight = next;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = next;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// For 'all' corner, convert presets to custom values before calling getAllValue\n\t// For individual corners, check if the value should be converted to a preset\n\tlet value;\n\tif ( corner === 'all' ) {\n\t\tconst convertedValues = convertPresetsToCustomValues( values, presets );\n\t\tconst customValue = getAllValue( convertedValues );\n\t\tvalue = getPresetValueFromCustomValue( customValue, presets );\n\t} else {\n\t\tvalue = getPresetValueFromCustomValue( values[ corner ], presets );\n\t}\n\tconst resolvedPresetValue = isValuePreset( value )\n\t\t? getCustomValueFromPreset( value, presets )\n\t\t: value;\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( resolvedPresetValue );\n\tconst computedUnit = value\n\t\t? parsedUnit\n\t\t: selectedUnits[ corner ] || selectedUnits.flat || 'px';\n\tconst unitConfig =\n\t\tunits && units.find( ( item ) => item.value === computedUnit );\n\tconst step = unitConfig?.step || 1;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\tvalue !== undefined && ! isValuePreset( value )\n\t);\n\tconst showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;\n\tconst presetIndex = getSliderValueFromPreset( value, presets );\n\tconst rangeTooltip = ( newValue ) =>\n\t\tvalue === undefined ? undefined : presets[ newValue ]?.name;\n\tconst marks = presets\n\t\t.slice( 1, presets.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\tconst hasPresets = marks.length > 0;\n\tlet options = [];\n\tif ( ! showRangeControl ) {\n\t\toptions = [\n\t\t\t...presets,\n\t\t\t{\n\t\t\t\tname: __( 'Custom' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: resolvedPresetValue,\n\t\t\t},\n\t\t].map( ( size, index ) => ( {\n\t\t\tkey: index,\n\t\t\tname: size.name,\n\t\t} ) );\n\t}\n\tconst icon = ICONS[ corner ];\n\n\tconst handleSliderChange = ( next ) => {\n\t\tconst val =\n\t\t\tnext !== undefined ? `${ next }${ computedUnit }` : undefined;\n\t\tchangeCornerValue( val );\n\t};\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<HStack>\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"components-border-radius-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{ ( ! hasPresets || showCustomValueControl ) && (\n\t\t\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t\t\t<Tooltip text={ CORNERS[ corner ] } placement=\"top\">\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\t\taria-label={ CORNERS[ corner ] }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\tvalue={ parsedQuantity ?? '' }\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ computedUnit ] }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasPresets && showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\tvalue={ presetIndex }\n\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\tnewSize,\n\t\t\t\t\t\t\t\t'range',\n\t\t\t\t\t\t\t\tpresets\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\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ presetIndex }\n\t\t\t\t\taria-valuetext={ presets[ presetIndex ]?.name }\n\t\t\t\t\trenderTooltipContent={ rangeTooltip }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ presets.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === presetIndex\n\t\t\t\t\t\t) || options[ options.length - 1 ]\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tselection.selectedItem.key ===\n\t\t\t\t\t\t\toptions.length - 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t\t'selectList',\n\t\t\t\t\t\t\t\t\tpresets\n\t\t\t\t\t\t\t\t)\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={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && (\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 border radius preset' )\n\t\t\t\t\t\t\t: __( 'Set custom border radius' )\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=\"components-border-radius-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": ["parseQuantityAndUnitFromRawValue", "HStack", "UnitControl"]
+}