@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build-module/range-control/index.js

@@ -1,44 +1,30 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { __, isRTL } from '@wordpress/i18n';
-import { useRef, useState, forwardRef } from '@wordpress/element';
-import { useInstanceId, useMergeRefs } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BaseControl from '../base-control';
-import Button from '../button';
-import Icon from '../icon';
-import { COLORS } from '../utils';
-import { floatClamp, useControlledRangeValue } from './utils';
-import { clamp } from '../utils/math';
-import InputRange from './input-range';
-import RangeRail from './rail';
-import SimpleTooltip from './tooltip';
-import { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from './styles/range-control-styles';
-import { space } from '../utils/space';
-import { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';
+import clsx from "clsx";
+import { __, isRTL } from "@wordpress/i18n";
+import { useRef, useState, forwardRef } from "@wordpress/element";
+import { useInstanceId, useMergeRefs } from "@wordpress/compose";
+import BaseControl from "../base-control";
+import Button from "../button";
+import Icon from "../icon";
+import { COLORS } from "../utils";
+import { floatClamp, useControlledRangeValue } from "./utils";
+import { clamp } from "../utils/math";
+import InputRange from "./input-range";
+import RangeRail from "./rail";
+import SimpleTooltip from "./tooltip";
+import { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from "./styles/range-control-styles";
+import { space } from "../utils/space";
+import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * Computes the value that `RangeControl` should reset to when pressing
- * the reset button.
- */
+const noop = () => {
+};
 function computeResetValue({
   resetFallbackValue,
   initialPosition
 }) {
-  if (resetFallbackValue !== undefined) {
+  if (resetFallbackValue !== void 0) {
     return !Number.isNaN(resetFallbackValue) ? resetFallbackValue : null;
   }
-  if (initialPosition !== undefined) {
+  if (initialPosition !== void 0) {
     return !Number.isNaN(initialPosition) ? initialPosition : null;
   }
   return null;
@@ -67,7 +53,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     onMouseLeave = noop,
     onMouseMove = noop,
     railColor,
-    renderTooltipContent = v => v,
+    renderTooltipContent = (v) => v,
     resetFallbackValue,
     __next40pxDefaultSize = false,
     shiftStep = 10,
@@ -88,43 +74,34 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const isResetPendent = useRef(false);
   let hasTooltip = showTooltipProp;
   let hasInputField = withInputField;
-  if (step === 'any') {
-    // The tooltip and number input field are hidden when the step is "any"
-    // because the decimals get too lengthy to fit well.
+  if (step === "any") {
     hasTooltip = false;
     hasInputField = false;
   }
   const [showTooltip, setShowTooltip] = useState(hasTooltip);
   const [isFocused, setIsFocused] = useState(false);
   const inputRef = useRef();
-  const isCurrentlyFocused = inputRef.current?.matches(':focus');
+  const isCurrentlyFocused = inputRef.current?.matches(":focus");
   const isThumbFocused = !disabled && isFocused;
   const isValueReset = value === null;
-  const currentValue = value !== undefined ? value : currentInput;
-  const inputSliderValue = isValueReset ? '' : currentValue;
+  const currentValue = value !== void 0 ? value : currentInput;
+  const inputSliderValue = isValueReset ? "" : currentValue;
   const rangeFillValue = isValueReset ? (max - min) / 2 + min : value;
   const fillValue = isValueReset ? 50 : (value - min) / (max - min) * 100;
   const fillValueOffset = `${clamp(fillValue, 0, 100)}%`;
-  const classes = clsx('components-range-control', className);
-  const wrapperClasses = clsx('components-range-control__wrapper', !!marks && 'is-marked');
-  const id = useInstanceId(UnforwardedRangeControl, 'inspector-range-control');
-  const describedBy = !!help ? `${id}__help` : undefined;
+  const classes = clsx("components-range-control", className);
+  const wrapperClasses = clsx("components-range-control__wrapper", !!marks && "is-marked");
+  const id = useInstanceId(UnforwardedRangeControl, "inspector-range-control");
+  const describedBy = !!help ? `${id}__help` : void 0;
   const enableTooltip = hasTooltip !== false && Number.isFinite(value);
-  const handleOnRangeChange = event => {
+  const handleOnRangeChange = (event) => {
     const nextValue = parseFloat(event.target.value);
     setValue(nextValue);
     onChange(nextValue);
   };
-  const handleOnChange = next => {
-    // @ts-expect-error TODO: Investigate if it's problematic for setValue() to
-    // potentially receive a NaN when next is undefined.
+  const handleOnChange = (next) => {
     let nextValue = parseFloat(next);
     setValue(nextValue);
-
-    /*
-     * Calls onChange only when nextValue is numeric
-     * otherwise may queue a reset for the blur event.
-     */
     if (!isNaN(nextValue)) {
       if (nextValue < min || nextValue > max) {
         nextValue = floatClamp(nextValue, min, max);
@@ -142,154 +119,127 @@ function UnforwardedRangeControl(props, forwardedRef) {
     }
   };
   const handleOnReset = () => {
-    // Reset to `resetFallbackValue` if defined, otherwise set internal value
-    // to `null` — which, if propagated to the `value` prop, will cause
-    // the value to be reset to the `initialPosition` prop if defined.
     const resetValue = Number.isNaN(resetFallbackValue) ? null : resetFallbackValue !== null && resetFallbackValue !== void 0 ? resetFallbackValue : null;
     setValue(resetValue);
-
-    /**
-     * Previously, this callback would always receive undefined as
-     * an argument. This behavior is unexpected, specifically
-     * when resetFallbackValue is defined.
-     *
-     * The value of undefined is not ideal. Passing it through
-     * to internal <input /> elements would change it from a
-     * controlled component to an uncontrolled component.
-     *
-     * For now, to minimize unexpected regressions, we're going to
-     * preserve the undefined callback argument, except when a
-     * resetFallbackValue is defined.
-     */
-    onChange(resetValue !== null && resetValue !== void 0 ? resetValue : undefined);
+    onChange(resetValue !== null && resetValue !== void 0 ? resetValue : void 0);
   };
   const handleShowTooltip = () => setShowTooltip(true);
   const handleHideTooltip = () => setShowTooltip(false);
-  const handleOnBlur = event => {
+  const handleOnBlur = (event) => {
     onBlur(event);
     setIsFocused(false);
     handleHideTooltip();
   };
-  const handleOnFocus = event => {
+  const handleOnFocus = (event) => {
     onFocus(event);
     setIsFocused(true);
     handleShowTooltip();
   };
   const offsetStyle = {
-    [isRTL() ? 'right' : 'left']: fillValueOffset
+    [isRTL() ? "right" : "left"]: fillValueOffset
   };
-
-  // Add default size deprecation warning.
   maybeWarnDeprecated36pxSize({
-    componentName: 'RangeControl',
+    componentName: "RangeControl",
     __next40pxDefaultSize,
-    size: undefined,
+    size: void 0,
     __shouldNotWarnDeprecated36pxSize
   });
-  return /*#__PURE__*/_jsx(BaseControl, {
-    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+  return /* @__PURE__ */ _jsx(BaseControl, {
+    __nextHasNoMarginBottom,
     __associatedWPComponentName: "RangeControl",
     className: classes,
-    label: label,
-    hideLabelFromVision: hideLabelFromVision,
+    label,
+    hideLabelFromVision,
     id: `${id}`,
-    help: help,
-    children: /*#__PURE__*/_jsxs(Root, {
+    help,
+    children: /* @__PURE__ */ _jsxs(Root, {
       className: "components-range-control__root",
-      __next40pxDefaultSize: __next40pxDefaultSize,
-      children: [beforeIcon && /*#__PURE__*/_jsx(BeforeIconWrapper, {
-        children: /*#__PURE__*/_jsx(Icon, {
+      __next40pxDefaultSize,
+      children: [beforeIcon && /* @__PURE__ */ _jsx(BeforeIconWrapper, {
+        children: /* @__PURE__ */ _jsx(Icon, {
           icon: beforeIcon
         })
-      }), /*#__PURE__*/_jsxs(Wrapper, {
-        __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+      }), /* @__PURE__ */ _jsxs(Wrapper, {
+        __nextHasNoMarginBottom,
         className: wrapperClasses,
         color: colorProp,
         marks: !!marks,
-        children: [/*#__PURE__*/_jsx(InputRange, {
+        children: [/* @__PURE__ */ _jsx(InputRange, {
           ...otherProps,
           className: "components-range-control__slider",
-          describedBy: describedBy,
-          disabled: disabled,
+          describedBy,
+          disabled,
           id: `${id}`,
-          label: label,
-          max: max,
-          min: min,
+          label,
+          max,
+          min,
           onBlur: handleOnBlur,
           onChange: handleOnRangeChange,
           onFocus: handleOnFocus,
-          onMouseMove: onMouseMove,
-          onMouseLeave: onMouseLeave,
+          onMouseMove,
+          onMouseLeave,
           ref: useMergeRefs([inputRef, forwardedRef]),
-          step: step,
-          value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : undefined
-        }), /*#__PURE__*/_jsx(RangeRail, {
+          step,
+          value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : void 0
+        }), /* @__PURE__ */ _jsx(RangeRail, {
           "aria-hidden": true,
-          disabled: disabled,
-          marks: marks,
-          max: max,
-          min: min,
-          railColor: railColor,
-          step: step,
+          disabled,
+          marks,
+          max,
+          min,
+          railColor,
+          step,
           value: rangeFillValue
-        }), /*#__PURE__*/_jsx(Track, {
+        }), /* @__PURE__ */ _jsx(Track, {
           "aria-hidden": true,
           className: "components-range-control__track",
-          disabled: disabled,
+          disabled,
           style: {
             width: fillValueOffset
           },
-          trackColor: trackColor
-        }), /*#__PURE__*/_jsx(ThumbWrapper, {
+          trackColor
+        }), /* @__PURE__ */ _jsx(ThumbWrapper, {
           className: "components-range-control__thumb-wrapper",
           style: offsetStyle,
-          disabled: disabled,
-          children: /*#__PURE__*/_jsx(Thumb, {
+          disabled,
+          children: /* @__PURE__ */ _jsx(Thumb, {
             "aria-hidden": true,
             isFocused: isThumbFocused,
-            disabled: disabled
+            disabled
           })
-        }), enableTooltip && /*#__PURE__*/_jsx(SimpleTooltip, {
+        }), enableTooltip && /* @__PURE__ */ _jsx(SimpleTooltip, {
           className: "components-range-control__tooltip",
-          inputRef: inputRef,
+          inputRef,
           tooltipPlacement: "bottom",
-          renderTooltipContent: renderTooltipContent,
+          renderTooltipContent,
           show: isCurrentlyFocused || showTooltip,
           style: offsetStyle,
-          value: value
+          value
         })]
-      }), afterIcon && /*#__PURE__*/_jsx(AfterIconWrapper, {
-        children: /*#__PURE__*/_jsx(Icon, {
+      }), afterIcon && /* @__PURE__ */ _jsx(AfterIconWrapper, {
+        children: /* @__PURE__ */ _jsx(Icon, {
           icon: afterIcon
         })
-      }), hasInputField && /*#__PURE__*/_jsx(InputNumber, {
+      }), hasInputField && /* @__PURE__ */ _jsx(InputNumber, {
         "aria-label": label,
         className: "components-range-control__number",
-        disabled: disabled,
+        disabled,
         inputMode: "decimal",
-        isShiftStepEnabled: isShiftStepEnabled,
-        max: max,
-        min: min,
+        isShiftStepEnabled,
+        max,
+        min,
         onBlur: handleOnInputNumberBlur,
         onChange: handleOnChange,
-        shiftStep: shiftStep,
-        size: __next40pxDefaultSize ? '__unstable-large' : 'default',
+        shiftStep,
+        size: __next40pxDefaultSize ? "__unstable-large" : "default",
         __unstableInputWidth: __next40pxDefaultSize ? space(20) : space(16),
-        step: step
-        // @ts-expect-error TODO: Investigate if the `null` value is necessary
-        ,
+        step,
         value: inputSliderValue,
         __shouldNotWarnDeprecated36pxSize: true
-      }), allowReset && /*#__PURE__*/_jsx(ActionRightWrapper, {
-        children: /*#__PURE__*/_jsx(Button, {
-          className: "components-range-control__reset"
-          // If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.
-          ,
-          accessibleWhenDisabled: !disabled
-          // The reset button should be disabled if RangeControl itself is disabled,
-          // or if the current `value` is equal to the value that would be currently
-          // assigned when clicking the button.
-          ,
+      }), allowReset && /* @__PURE__ */ _jsx(ActionRightWrapper, {
+        children: /* @__PURE__ */ _jsx(Button, {
+          className: "components-range-control__reset",
+          accessibleWhenDisabled: !disabled,
           disabled: disabled || value === computeResetValue({
             resetFallbackValue,
             initialPosition
@@ -297,38 +247,16 @@ function UnforwardedRangeControl(props, forwardedRef) {
           variant: "secondary",
           size: "small",
           onClick: handleOnReset,
-          children: __('Reset')
+          children: __("Reset")
         })
       })]
     })
   });
 }
-
-/**
- * RangeControls are used to make selections from a range of incremental values.
- *
- * ```jsx
- * import { RangeControl } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyRangeControl = () => {
- *   const [ value, setValue ] = useState();
- *   return (
- *     <RangeControl
- *       __nextHasNoMarginBottom
- *       __next40pxDefaultSize
- *       help="Please select how transparent you would like this."
- *       initialPosition={ 50 }
- *       label="Opacity"
- *       max={ 100 }
- *       min={ 0 }
- *       value={ value }
- *       onChange={ setValue }
- *     />
- *   );
- * };
- * ```
- */
-export const RangeControl = forwardRef(UnforwardedRangeControl);
-export default RangeControl;
-//# sourceMappingURL=index.js.map
+const RangeControl = forwardRef(UnforwardedRangeControl);
+var range_control_default = RangeControl;
+export {
+  RangeControl,
+  range_control_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/range-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","isRTL","useRef","useState","forwardRef","useInstanceId","useMergeRefs","BaseControl","Button","Icon","COLORS","floatClamp","useControlledRangeValue","clamp","InputRange","RangeRail","SimpleTooltip","ActionRightWrapper","AfterIconWrapper","BeforeIconWrapper","InputNumber","Root","Track","ThumbWrapper","Thumb","Wrapper","space","maybeWarnDeprecated36pxSize","jsx","_jsx","jsxs","_jsxs","noop","computeResetValue","resetFallbackValue","initialPosition","undefined","Number","isNaN","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","theme","accent","currentInput","disabled","help","hideLabelFromVision","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","__shouldNotWarnDeprecated36pxSize","otherProps","setValue","initial","isResetPendent","hasTooltip","hasInputField","setShowTooltip","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","handleOnInputNumberBlur","handleOnReset","resetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","componentName","size","__associatedWPComponentName","children","icon","ref","style","width","tooltipPlacement","show","inputMode","__unstableInputWidth","accessibleWhenDisabled","variant","onClick","RangeControl"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ChangeEvent, FocusEvent, ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport {\n\tActionRightWrapper,\n\tAfterIconWrapper,\n\tBeforeIconWrapper,\n\tInputNumber,\n\tRoot,\n\tTrack,\n\tThumbWrapper,\n\tThumb,\n\tWrapper,\n} from './styles/range-control-styles';\n\nimport type { RangeControlProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { space } from '../utils/space';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nconst noop = () => {};\n\n/**\n * Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n */\nfunction computeResetValue( {\n\tresetFallbackValue,\n\tinitialPosition,\n}: Pick< RangeControlProps, 'resetFallbackValue' | 'initialPosition' > ) {\n\tif ( resetFallbackValue !== undefined ) {\n\t\treturn ! Number.isNaN( resetFallbackValue ) ? resetFallbackValue : null;\n\t}\n\n\tif ( initialPosition !== undefined ) {\n\t\treturn ! Number.isNaN( initialPosition ) ? initialPosition : null;\n\t}\n\n\treturn null;\n}\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t__shouldNotWarnDeprecated36pxSize,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) * 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = clsx( 'components-range-control', className );\n\n\tconst wrapperClasses = clsx(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/*\n\t\t * Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t */\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min || nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\t// Reset to `resetFallbackValue` if defined, otherwise set internal value\n\t\t// to `null` — which, if propagated to the `value` prop, will cause\n\t\t// the value to be reset to the `initialPosition` prop if defined.\n\t\tconst resetValue = Number.isNaN( resetFallbackValue )\n\t\t\t? null\n\t\t\t: resetFallbackValue ?? null;\n\n\t\tsetValue( resetValue );\n\n\t\t/**\n\t\t * Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t *\n\t\t * The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t *\n\t\t * For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t */\n\t\tonChange( resetValue ?? undefined );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\n\t// Add default size deprecation warning.\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'RangeControl',\n\t\t__next40pxDefaultSize,\n\t\tsize: undefined,\n\t\t__shouldNotWarnDeprecated36pxSize,\n\t} );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t__associatedWPComponentName=\"RangeControl\"\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPlacement=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused || showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ hasInputField && (\n\t\t\t\t\t<InputNumber\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tclassName=\"components-range-control__number\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tisShiftStepEnabled={ isShiftStepEnabled }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnInputNumberBlur }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t? '__unstable-large'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t\t\t__next40pxDefaultSize ? space( 20 ) : space( 16 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if the `null` value is necessary\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowReset && (\n\t\t\t\t\t<ActionRightWrapper>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-range-control__reset\"\n\t\t\t\t\t\t\t// If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n\t\t\t\t\t\t\taccessibleWhenDisabled={ ! disabled }\n\t\t\t\t\t\t\t// The reset button should be disabled if RangeControl itself is disabled,\n\t\t\t\t\t\t\t// or if the current `value` is equal to the value that would be currently\n\t\t\t\t\t\t\t// assigned when clicking the button.\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t\t\tvalue ===\n\t\t\t\t\t\t\t\t\tcomputeResetValue( {\n\t\t\t\t\t\t\t\t\t\tresetFallbackValue,\n\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * RangeControls are used to make selections from a range of incremental values.\n *\n * ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRangeControl = () => {\n *   const [ value, setValue ] = useState();\n *   return (\n *     <RangeControl\n *       __nextHasNoMarginBottom\n *       __next40pxDefaultSize\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={ 50 }\n *       label=\"Opacity\"\n *       max={ 100 }\n *       min={ 0 }\n *       value={ value }\n *       onChange={ setValue }\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/range-control/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from './styles/range-control-styles';\nimport { space } from '../utils/space';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n */\nfunction computeResetValue({\n  resetFallbackValue,\n  initialPosition\n}) {\n  if (resetFallbackValue !== undefined) {\n    return !Number.isNaN(resetFallbackValue) ? resetFallbackValue : null;\n  }\n  if (initialPosition !== undefined) {\n    return !Number.isNaN(initialPosition) ? initialPosition : null;\n  }\n  return null;\n}\nfunction UnforwardedRangeControl(props, forwardedRef) {\n  const {\n    __nextHasNoMarginBottom = false,\n    afterIcon,\n    allowReset = false,\n    beforeIcon,\n    className,\n    color: colorProp = COLORS.theme.accent,\n    currentInput,\n    disabled = false,\n    help,\n    hideLabelFromVision = false,\n    initialPosition,\n    isShiftStepEnabled = true,\n    label,\n    marks = false,\n    max = 100,\n    min = 0,\n    onBlur = noop,\n    onChange = noop,\n    onFocus = noop,\n    onMouseLeave = noop,\n    onMouseMove = noop,\n    railColor,\n    renderTooltipContent = v => v,\n    resetFallbackValue,\n    __next40pxDefaultSize = false,\n    shiftStep = 10,\n    showTooltip: showTooltipProp,\n    step = 1,\n    trackColor,\n    value: valueProp,\n    withInputField = true,\n    __shouldNotWarnDeprecated36pxSize,\n    ...otherProps\n  } = props;\n  const [value, setValue] = useControlledRangeValue({\n    min,\n    max,\n    value: valueProp !== null && valueProp !== void 0 ? valueProp : null,\n    initial: initialPosition\n  });\n  const isResetPendent = useRef(false);\n  let hasTooltip = showTooltipProp;\n  let hasInputField = withInputField;\n  if (step === 'any') {\n    // The tooltip and number input field are hidden when the step is \"any\"\n    // because the decimals get too lengthy to fit well.\n    hasTooltip = false;\n    hasInputField = false;\n  }\n  const [showTooltip, setShowTooltip] = useState(hasTooltip);\n  const [isFocused, setIsFocused] = useState(false);\n  const inputRef = useRef();\n  const isCurrentlyFocused = inputRef.current?.matches(':focus');\n  const isThumbFocused = !disabled && isFocused;\n  const isValueReset = value === null;\n  const currentValue = value !== undefined ? value : currentInput;\n  const inputSliderValue = isValueReset ? '' : currentValue;\n  const rangeFillValue = isValueReset ? (max - min) / 2 + min : value;\n  const fillValue = isValueReset ? 50 : (value - min) / (max - min) * 100;\n  const fillValueOffset = `${clamp(fillValue, 0, 100)}%`;\n  const classes = clsx('components-range-control', className);\n  const wrapperClasses = clsx('components-range-control__wrapper', !!marks && 'is-marked');\n  const id = useInstanceId(UnforwardedRangeControl, 'inspector-range-control');\n  const describedBy = !!help ? `${id}__help` : undefined;\n  const enableTooltip = hasTooltip !== false && Number.isFinite(value);\n  const handleOnRangeChange = event => {\n    const nextValue = parseFloat(event.target.value);\n    setValue(nextValue);\n    onChange(nextValue);\n  };\n  const handleOnChange = next => {\n    // @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n    // potentially receive a NaN when next is undefined.\n    let nextValue = parseFloat(next);\n    setValue(nextValue);\n\n    /*\n     * Calls onChange only when nextValue is numeric\n     * otherwise may queue a reset for the blur event.\n     */\n    if (!isNaN(nextValue)) {\n      if (nextValue < min || nextValue > max) {\n        nextValue = floatClamp(nextValue, min, max);\n      }\n      onChange(nextValue);\n      isResetPendent.current = false;\n    } else if (allowReset) {\n      isResetPendent.current = true;\n    }\n  };\n  const handleOnInputNumberBlur = () => {\n    if (isResetPendent.current) {\n      handleOnReset();\n      isResetPendent.current = false;\n    }\n  };\n  const handleOnReset = () => {\n    // Reset to `resetFallbackValue` if defined, otherwise set internal value\n    // to `null` \u2014 which, if propagated to the `value` prop, will cause\n    // the value to be reset to the `initialPosition` prop if defined.\n    const resetValue = Number.isNaN(resetFallbackValue) ? null : resetFallbackValue !== null && resetFallbackValue !== void 0 ? resetFallbackValue : null;\n    setValue(resetValue);\n\n    /**\n     * Previously, this callback would always receive undefined as\n     * an argument. This behavior is unexpected, specifically\n     * when resetFallbackValue is defined.\n     *\n     * The value of undefined is not ideal. Passing it through\n     * to internal <input /> elements would change it from a\n     * controlled component to an uncontrolled component.\n     *\n     * For now, to minimize unexpected regressions, we're going to\n     * preserve the undefined callback argument, except when a\n     * resetFallbackValue is defined.\n     */\n    onChange(resetValue !== null && resetValue !== void 0 ? resetValue : undefined);\n  };\n  const handleShowTooltip = () => setShowTooltip(true);\n  const handleHideTooltip = () => setShowTooltip(false);\n  const handleOnBlur = event => {\n    onBlur(event);\n    setIsFocused(false);\n    handleHideTooltip();\n  };\n  const handleOnFocus = event => {\n    onFocus(event);\n    setIsFocused(true);\n    handleShowTooltip();\n  };\n  const offsetStyle = {\n    [isRTL() ? 'right' : 'left']: fillValueOffset\n  };\n\n  // Add default size deprecation warning.\n  maybeWarnDeprecated36pxSize({\n    componentName: 'RangeControl',\n    __next40pxDefaultSize,\n    size: undefined,\n    __shouldNotWarnDeprecated36pxSize\n  });\n  return /*#__PURE__*/_jsx(BaseControl, {\n    __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n    __associatedWPComponentName: \"RangeControl\",\n    className: classes,\n    label: label,\n    hideLabelFromVision: hideLabelFromVision,\n    id: `${id}`,\n    help: help,\n    children: /*#__PURE__*/_jsxs(Root, {\n      className: \"components-range-control__root\",\n      __next40pxDefaultSize: __next40pxDefaultSize,\n      children: [beforeIcon && /*#__PURE__*/_jsx(BeforeIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: beforeIcon\n        })\n      }), /*#__PURE__*/_jsxs(Wrapper, {\n        __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n        className: wrapperClasses,\n        color: colorProp,\n        marks: !!marks,\n        children: [/*#__PURE__*/_jsx(InputRange, {\n          ...otherProps,\n          className: \"components-range-control__slider\",\n          describedBy: describedBy,\n          disabled: disabled,\n          id: `${id}`,\n          label: label,\n          max: max,\n          min: min,\n          onBlur: handleOnBlur,\n          onChange: handleOnRangeChange,\n          onFocus: handleOnFocus,\n          onMouseMove: onMouseMove,\n          onMouseLeave: onMouseLeave,\n          ref: useMergeRefs([inputRef, forwardedRef]),\n          step: step,\n          value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : undefined\n        }), /*#__PURE__*/_jsx(RangeRail, {\n          \"aria-hidden\": true,\n          disabled: disabled,\n          marks: marks,\n          max: max,\n          min: min,\n          railColor: railColor,\n          step: step,\n          value: rangeFillValue\n        }), /*#__PURE__*/_jsx(Track, {\n          \"aria-hidden\": true,\n          className: \"components-range-control__track\",\n          disabled: disabled,\n          style: {\n            width: fillValueOffset\n          },\n          trackColor: trackColor\n        }), /*#__PURE__*/_jsx(ThumbWrapper, {\n          className: \"components-range-control__thumb-wrapper\",\n          style: offsetStyle,\n          disabled: disabled,\n          children: /*#__PURE__*/_jsx(Thumb, {\n            \"aria-hidden\": true,\n            isFocused: isThumbFocused,\n            disabled: disabled\n          })\n        }), enableTooltip && /*#__PURE__*/_jsx(SimpleTooltip, {\n          className: \"components-range-control__tooltip\",\n          inputRef: inputRef,\n          tooltipPlacement: \"bottom\",\n          renderTooltipContent: renderTooltipContent,\n          show: isCurrentlyFocused || showTooltip,\n          style: offsetStyle,\n          value: value\n        })]\n      }), afterIcon && /*#__PURE__*/_jsx(AfterIconWrapper, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: afterIcon\n        })\n      }), hasInputField && /*#__PURE__*/_jsx(InputNumber, {\n        \"aria-label\": label,\n        className: \"components-range-control__number\",\n        disabled: disabled,\n        inputMode: \"decimal\",\n        isShiftStepEnabled: isShiftStepEnabled,\n        max: max,\n        min: min,\n        onBlur: handleOnInputNumberBlur,\n        onChange: handleOnChange,\n        shiftStep: shiftStep,\n        size: __next40pxDefaultSize ? '__unstable-large' : 'default',\n        __unstableInputWidth: __next40pxDefaultSize ? space(20) : space(16),\n        step: step\n        // @ts-expect-error TODO: Investigate if the `null` value is necessary\n        ,\n        value: inputSliderValue,\n        __shouldNotWarnDeprecated36pxSize: true\n      }), allowReset && /*#__PURE__*/_jsx(ActionRightWrapper, {\n        children: /*#__PURE__*/_jsx(Button, {\n          className: \"components-range-control__reset\"\n          // If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n          ,\n          accessibleWhenDisabled: !disabled\n          // The reset button should be disabled if RangeControl itself is disabled,\n          // or if the current `value` is equal to the value that would be currently\n          // assigned when clicking the button.\n          ,\n          disabled: disabled || value === computeResetValue({\n            resetFallbackValue,\n            initialPosition\n          }),\n          variant: \"secondary\",\n          size: \"small\",\n          onClick: handleOnReset,\n          children: __('Reset')\n        })\n      })]\n    })\n  });\n}\n\n/**\n * RangeControls are used to make selections from a range of incremental values.\n *\n * ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRangeControl = () => {\n *   const [ value, setValue ] = useState();\n *   return (\n *     <RangeControl\n *       __nextHasNoMarginBottom\n *       __next40pxDefaultSize\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={ 50 }\n *       label=\"Opacity\"\n *       max={ 100 }\n *       min={ 0 }\n *       value={ value }\n *       onChange={ setValue }\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef(UnforwardedRangeControl);\nexport default RangeControl;"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/range-control/input-range.js

@@ -1,12 +1,5 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { InputRange as BaseInputRange } from './styles/range-control-styles';
+import { forwardRef } from "@wordpress/element";
+import { InputRange as BaseInputRange } from "./styles/range-control-styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 function InputRange(props, ref) {
   const {
@@ -15,17 +8,20 @@ function InputRange(props, ref) {
     value,
     ...otherProps
   } = props;
-  return /*#__PURE__*/_jsx(BaseInputRange, {
+  return /* @__PURE__ */ _jsx(BaseInputRange, {
     ...otherProps,
     "aria-describedby": describedBy,
     "aria-label": label,
     "aria-hidden": false,
-    ref: ref,
+    ref,
     tabIndex: 0,
     type: "range",
-    value: value
+    value
   });
 }
 const ForwardedComponent = forwardRef(InputRange);
-export default ForwardedComponent;
-//# sourceMappingURL=input-range.js.map
+var input_range_default = ForwardedComponent;
+export {
+  input_range_default as default
+};
+//# sourceMappingURL=input-range.js.map

package/build-module/range-control/input-range.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","InputRange","BaseInputRange","jsx","_jsx","props","ref","describedBy","label","value","otherProps","tabIndex","type","ForwardedComponent"],"sources":["@wordpress/components/src/range-control/input-range.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\n\nimport type { InputRangeProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nfunction InputRange(\n\tprops: WordPressComponentProps< InputRangeProps, 'input' >,\n\tref: React.ForwardedRef< HTMLInputElement >\n) {\n\tconst { describedBy, label, value, ...otherProps } = props;\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...otherProps }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ 0 }\n\t\t\ttype=\"range\"\n\t\t\tvalue={ value }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputRange );\n\nexport default ForwardedComponent;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,UAAU,IAAIC,cAAc,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK7E,SAASH,UAAUA,CAClBI,KAA0D,EAC1DC,GAA2C,EAC1C;EACD,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC1D,oBACCD,IAAA,CAACF,cAAc;IAAA,GACTQ,UAAU;IACf,oBAAmBH,WAAa;IAChC,cAAaC,KAAO;IACpB,eAAc,KAAO;IACrBF,GAAG,EAAGA,GAAK;IACXK,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,OAAO;IACZH,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ;AAEA,MAAMI,kBAAkB,GAAGb,UAAU,CAAEC,UAAW,CAAC;AAEnD,eAAeY,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/range-control/input-range.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction InputRange(props, ref) {\n  const {\n    describedBy,\n    label,\n    value,\n    ...otherProps\n  } = props;\n  return /*#__PURE__*/_jsx(BaseInputRange, {\n    ...otherProps,\n    \"aria-describedby\": describedBy,\n    \"aria-label\": label,\n    \"aria-hidden\": false,\n    ref: ref,\n    tabIndex: 0,\n    type: \"range\",\n    value: value\n  });\n}\nconst ForwardedComponent = forwardRef(InputRange);\nexport default ForwardedComponent;"],
+  "mappings": "AAGA,SAAS,kBAAkB;AAK3B,SAAS,cAAc,sBAAsB;AAC7C,SAAS,OAAO,YAAY;AAC5B,SAAS,WAAW,OAAO,KAAK;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAoB,qBAAK,gBAAgB;AAAA,IACvC,GAAG;AAAA,IACH,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,EACF,CAAC;AACH;AACA,MAAM,qBAAqB,WAAW,UAAU;AAChD,IAAO,sBAAQ;",
+  "names": []
+}

package/build-module/range-control/mark.js

@@ -1,14 +1,7 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * Internal dependencies
- */
-import { Mark, MarkLabel } from './styles/range-control-styles';
+import clsx from "clsx";
+import { Mark, MarkLabel } from "./styles/range-control-styles";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function RangeMark(props) {
+function RangeMark(props) {
   const {
     className,
     isFilled = false,
@@ -16,21 +9,24 @@ export default function RangeMark(props) {
     style = {},
     ...otherProps
   } = props;
-  const classes = clsx('components-range-control__mark', isFilled && 'is-filled', className);
-  const labelClasses = clsx('components-range-control__mark-label', isFilled && 'is-filled');
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Mark, {
+  const classes = clsx("components-range-control__mark", isFilled && "is-filled", className);
+  const labelClasses = clsx("components-range-control__mark-label", isFilled && "is-filled");
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx(Mark, {
       ...otherProps,
       "aria-hidden": "true",
       className: classes,
-      style: style
-    }), label && /*#__PURE__*/_jsx(MarkLabel, {
+      style
+    }), label && /* @__PURE__ */ _jsx(MarkLabel, {
       "aria-hidden": "true",
       className: labelClasses,
-      isFilled: isFilled,
-      style: style,
+      isFilled,
+      style,
       children: label
     })]
   });
 }
-//# sourceMappingURL=mark.js.map
+export {
+  RangeMark as default
+};
+//# sourceMappingURL=mark.js.map

package/build-module/range-control/mark.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Mark","MarkLabel","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RangeMark","props","className","isFilled","label","style","otherProps","classes","labelClasses","children"],"sources":["@wordpress/components/src/range-control/mark.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\n\nimport type { RangeMarkProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nexport default function RangeMark(\n\tprops: WordPressComponentProps< RangeMarkProps, 'span' >\n) {\n\tconst {\n\t\tclassName,\n\t\tisFilled = false,\n\t\tlabel,\n\t\tstyle = {},\n\t\t...otherProps\n\t} = props;\n\n\tconst classes = clsx(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = clsx(\n\t\t'components-range-control__mark-label',\n\t\tisFilled && 'is-filled'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Mark\n\t\t\t\t{ ...otherProps }\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classes }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t\t{ label && (\n\t\t\t\t<MarkLabel\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ labelClasses }\n\t\t\t\t\tisFilled={ isFilled }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</MarkLabel>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAKhE,eAAe,SAASC,SAASA,CAChCC,KAAwD,EACvD;EACD,MAAM;IACLC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC,KAAK,GAAG,CAAC,CAAC;IACV,GAAGC;EACJ,CAAC,GAAGL,KAAK;EAET,MAAMM,OAAO,GAAGhB,IAAI,CACnB,gCAAgC,EAChCY,QAAQ,IAAI,WAAW,EACvBD,SACD,CAAC;EACD,MAAMM,YAAY,GAAGjB,IAAI,CACxB,sCAAsC,EACtCY,QAAQ,IAAI,WACb,CAAC;EAED,oBACCJ,KAAA,CAAAF,SAAA;IAAAY,QAAA,gBACCd,IAAA,CAACH,IAAI;MAAA,GACCc,UAAU;MACf,eAAY,MAAM;MAClBJ,SAAS,EAAGK,OAAS;MACrBF,KAAK,EAAGA;IAAO,CACf,CAAC,EACAD,KAAK,iBACNT,IAAA,CAACF,SAAS;MACT,eAAY,MAAM;MAClBS,SAAS,EAAGM,YAAc;MAC1BL,QAAQ,EAAGA,QAAU;MACrBE,KAAK,EAAGA,KAAO;MAAAI,QAAA,EAEbL;IAAK,CACG,CACX;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/range-control/mark.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function RangeMark(props) {\n  const {\n    className,\n    isFilled = false,\n    label,\n    style = {},\n    ...otherProps\n  } = props;\n  const classes = clsx('components-range-control__mark', isFilled && 'is-filled', className);\n  const labelClasses = clsx('components-range-control__mark-label', isFilled && 'is-filled');\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(Mark, {\n      ...otherProps,\n      \"aria-hidden\": \"true\",\n      className: classes,\n      style: style\n    }), label && /*#__PURE__*/_jsx(MarkLabel, {\n      \"aria-hidden\": \"true\",\n      className: labelClasses,\n      isFilled: isFilled,\n      style: style,\n      children: label\n    })]\n  });\n}"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,MAAM,iBAAiB;AAChC,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AACnD,SAAR,UAA2B,OAAO;AACvC,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,KAAK,kCAAkC,YAAY,aAAa,SAAS;AACzF,QAAM,eAAe,KAAK,wCAAwC,YAAY,WAAW;AACzF,SAAoB,sBAAM,WAAW;AAAA,IACnC,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC,GAAG;AAAA,MACH,eAAe;AAAA,MACf,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,SAAsB,qBAAK,WAAW;AAAA,MACxC,eAAe;AAAA,MACf,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "names": []
+}