@wordpress/components 27.5.0 → 28.0.0

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

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
@@ -24,6 +23,8 @@ 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 { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const noop = () => {};
 function UnforwardedRangeControl(props, forwardedRef) {
   const {
@@ -86,8 +87,8 @@ function UnforwardedRangeControl(props, forwardedRef) {
   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 = classnames('components-range-control', className);
-  const wrapperClasses = classnames('components-range-control__wrapper', !!marks && 'is-marked');
+  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 enableTooltip = hasTooltip !== false && Number.isFinite(value);
@@ -161,99 +162,110 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const offsetStyle = {
     [isRTL() ? 'right' : 'left']: fillValueOffset
   };
-  return createElement(BaseControl, {
+  return /*#__PURE__*/_jsx(BaseControl, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     className: classes,
     label: label,
     hideLabelFromVision: hideLabelFromVision,
     id: `${id}`,
-    help: help
-  }, createElement(Root, {
-    className: "components-range-control__root",
-    __next40pxDefaultSize: __next40pxDefaultSize
-  }, beforeIcon && createElement(BeforeIconWrapper, null, createElement(Icon, {
-    icon: beforeIcon
-  })), createElement(Wrapper, {
-    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
-    className: wrapperClasses,
-    color: colorProp,
-    marks: !!marks
-  }, createElement(InputRange, {
-    ...otherProps,
-    className: "components-range-control__slider",
-    describedBy: describedBy,
-    disabled: disabled,
-    id: `${id}`,
-    label: label,
-    max: max,
-    min: min,
-    onBlur: handleOnBlur,
-    onChange: handleOnRangeChange,
-    onFocus: handleOnFocus,
-    onMouseMove: onMouseMove,
-    onMouseLeave: onMouseLeave,
-    ref: useMergeRefs([inputRef, forwardedRef]),
-    step: step,
-    value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : undefined
-  }), createElement(RangeRail, {
-    "aria-hidden": true,
-    disabled: disabled,
-    marks: marks,
-    max: max,
-    min: min,
-    railColor: railColor,
-    step: step,
-    value: rangeFillValue
-  }), createElement(Track, {
-    "aria-hidden": true,
-    className: "components-range-control__track",
-    disabled: disabled,
-    style: {
-      width: fillValueOffset
-    },
-    trackColor: trackColor
-  }), createElement(ThumbWrapper, {
-    className: "components-range-control__thumb-wrapper",
-    style: offsetStyle,
-    disabled: disabled
-  }, createElement(Thumb, {
-    "aria-hidden": true,
-    isFocused: isThumbFocused,
-    disabled: disabled
-  })), enableTooltip && createElement(SimpleTooltip, {
-    className: "components-range-control__tooltip",
-    inputRef: inputRef,
-    tooltipPosition: "bottom",
-    renderTooltipContent: renderTooltipContent,
-    show: isCurrentlyFocused || showTooltip,
-    style: offsetStyle,
-    value: value
-  })), afterIcon && createElement(AfterIconWrapper, null, createElement(Icon, {
-    icon: afterIcon
-  })), hasInputField && createElement(InputNumber, {
-    "aria-label": label,
-    className: "components-range-control__number",
-    disabled: disabled,
-    inputMode: "decimal",
-    isShiftStepEnabled: isShiftStepEnabled,
-    max: max,
-    min: min,
-    onBlur: handleOnInputNumberBlur,
-    onChange: handleOnChange,
-    shiftStep: 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
-    ,
-    value: inputSliderValue
-  }), allowReset && createElement(ActionRightWrapper, null, createElement(Button, {
-    className: "components-range-control__reset",
-    disabled: disabled || value === undefined,
-    variant: "secondary",
-    size: "small",
-    onClick: handleOnReset
-  }, __('Reset')))));
+    help: help,
+    children: /*#__PURE__*/_jsxs(Root, {
+      className: "components-range-control__root",
+      __next40pxDefaultSize: __next40pxDefaultSize,
+      children: [beforeIcon && /*#__PURE__*/_jsx(BeforeIconWrapper, {
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: beforeIcon
+        })
+      }), /*#__PURE__*/_jsxs(Wrapper, {
+        __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+        className: wrapperClasses,
+        color: colorProp,
+        marks: !!marks,
+        children: [/*#__PURE__*/_jsx(InputRange, {
+          ...otherProps,
+          className: "components-range-control__slider",
+          describedBy: describedBy,
+          disabled: disabled,
+          id: `${id}`,
+          label: label,
+          max: max,
+          min: min,
+          onBlur: handleOnBlur,
+          onChange: handleOnRangeChange,
+          onFocus: handleOnFocus,
+          onMouseMove: onMouseMove,
+          onMouseLeave: onMouseLeave,
+          ref: useMergeRefs([inputRef, forwardedRef]),
+          step: step,
+          value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : undefined
+        }), /*#__PURE__*/_jsx(RangeRail, {
+          "aria-hidden": true,
+          disabled: disabled,
+          marks: marks,
+          max: max,
+          min: min,
+          railColor: railColor,
+          step: step,
+          value: rangeFillValue
+        }), /*#__PURE__*/_jsx(Track, {
+          "aria-hidden": true,
+          className: "components-range-control__track",
+          disabled: disabled,
+          style: {
+            width: fillValueOffset
+          },
+          trackColor: trackColor
+        }), /*#__PURE__*/_jsx(ThumbWrapper, {
+          className: "components-range-control__thumb-wrapper",
+          style: offsetStyle,
+          disabled: disabled,
+          children: /*#__PURE__*/_jsx(Thumb, {
+            "aria-hidden": true,
+            isFocused: isThumbFocused,
+            disabled: disabled
+          })
+        }), enableTooltip && /*#__PURE__*/_jsx(SimpleTooltip, {
+          className: "components-range-control__tooltip",
+          inputRef: inputRef,
+          tooltipPosition: "bottom",
+          renderTooltipContent: renderTooltipContent,
+          show: isCurrentlyFocused || showTooltip,
+          style: offsetStyle,
+          value: value
+        })]
+      }), afterIcon && /*#__PURE__*/_jsx(AfterIconWrapper, {
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: afterIcon
+        })
+      }), hasInputField && /*#__PURE__*/_jsx(InputNumber, {
+        "aria-label": label,
+        className: "components-range-control__number",
+        disabled: disabled,
+        inputMode: "decimal",
+        isShiftStepEnabled: isShiftStepEnabled,
+        max: max,
+        min: min,
+        onBlur: handleOnInputNumberBlur,
+        onChange: handleOnChange,
+        shiftStep: 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
+        ,
+        value: inputSliderValue
+      }), allowReset && /*#__PURE__*/_jsx(ActionRightWrapper, {
+        children: /*#__PURE__*/_jsx(Button, {
+          className: "components-range-control__reset",
+          disabled: disabled || value === undefined,
+          variant: "secondary",
+          size: "small",
+          onClick: handleOnReset,
+          children: __('Reset')
+        })
+      })]
+    })
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","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","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","theme","accent","currentInput","disabled","help","hideLabelFromVision","initialPosition","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","resetFallbackValue","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","initial","isResetPendent","hasTooltip","hasInputField","setShowTooltip","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","createElement","icon","ref","style","width","tooltipPosition","show","inputMode","size","__unstableInputWidth","variant","onClick","RangeControl"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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';\n\nconst noop = () => {};\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...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 = classnames( 'components-range-control', className );\n\n\tconst wrapperClasses = classnames(\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\tlet resetValue: number | null = parseFloat( `${ resetFallbackValue }` );\n\t\tlet onChangeResetValue: number | undefined = resetValue;\n\n\t\tif ( isNaN( resetValue ) ) {\n\t\t\tresetValue = null;\n\t\t\tonChangeResetValue = undefined;\n\t\t}\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( onChangeResetValue );\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\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\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\ttooltipPosition=\"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/>\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\tdisabled={ disabled || value === undefined }\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 [ isChecked, setChecked ] = useState( true );\n *   return (\n *     <RangeControl\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={50}\n *       label=\"Opacity\"\n *       max={100}\n *       min={0}\n *       onChange={() => {}}\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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","ignoreList":[]}
+{"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","jsx","_jsx","jsxs","_jsxs","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","theme","accent","currentInput","disabled","help","hideLabelFromVision","initialPosition","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","resetFallbackValue","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","initial","isResetPendent","hasTooltip","hasInputField","setShowTooltip","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","children","icon","ref","style","width","tooltipPosition","show","inputMode","size","__unstableInputWidth","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';\n\nconst noop = () => {};\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...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\tlet resetValue: number | null = parseFloat( `${ resetFallbackValue }` );\n\t\tlet onChangeResetValue: number | undefined = resetValue;\n\n\t\tif ( isNaN( resetValue ) ) {\n\t\t\tresetValue = null;\n\t\t\tonChangeResetValue = undefined;\n\t\t}\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( onChangeResetValue );\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\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\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\ttooltipPosition=\"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/>\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\tdisabled={ disabled || value === undefined }\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 [ isChecked, setChecked ] = useState( true );\n *   return (\n *     <RangeControl\n *       help=\"Please select how transparent you would like this.\"\n *       initialPosition={50}\n *       label=\"Opacity\"\n *       max={100}\n *       min={0}\n *       onChange={() => {}}\n *     />\n *   );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,7 @@ import { memo } from '@wordpress/element';
  */
 import RangeCell from '../mobile/bottom-sheet/range-cell';
 import StepperCell from '../mobile/bottom-sheet/stepper-cell';
+import { jsx as _jsx } from "react/jsx-runtime";
 const RangeControl = memo(({
   className,
   currentInput,
@@ -28,7 +28,7 @@ const RangeControl = memo(({
   ...props
 }) => {
   if (type === 'stepper') {
-    return createElement(StepperCell, {
+    return /*#__PURE__*/_jsx(StepperCell, {
       label: label,
       max: max,
       min: min,
@@ -41,7 +41,7 @@ const RangeControl = memo(({
   const id = `inspector-range-control-${instanceId}`;
   const currentInputValue = currentInput === null ? value : currentInput;
   const initialSliderValue = isFinite(currentInputValue) ? currentInputValue : initialPosition;
-  return createElement(RangeCell, {
+  return /*#__PURE__*/_jsx(RangeCell, {
     label: label,
     id: id,
     help: help,

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

@@ -1 +1 @@
-{"version":3,"names":["memo","RangeCell","StepperCell","RangeControl","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","disabled","props","createElement","id","currentInputValue","initialSliderValue","isFinite","undefined","minimumValue","maximumValue","defaultValue"],"sources":["@wordpress/components/src/range-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\n\nconst RangeControl = memo(\n\t( {\n\t\tclassName,\n\t\tcurrentInput,\n\t\tlabel,\n\t\tvalue,\n\t\tinstanceId,\n\t\tonChange,\n\t\tbeforeIcon,\n\t\tafterIcon,\n\t\thelp,\n\t\tallowReset,\n\t\tinitialPosition,\n\t\tmin,\n\t\tmax,\n\t\ttype,\n\t\tseparatorType,\n\t\tdisabled,\n\t\t...props\n\t} ) => {\n\t\tif ( type === 'stepper' ) {\n\t\t\treturn (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tconst id = `inspector-range-control-${ instanceId }`;\n\t\tconst currentInputValue = currentInput === null ? value : currentInput;\n\t\tconst initialSliderValue = isFinite( currentInputValue )\n\t\t\t? currentInputValue\n\t\t\t: initialPosition;\n\n\t\treturn (\n\t\t\t<RangeCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChange={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tminimumValue={ min }\n\t\t\t\tmaximumValue={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tbeforeIcon={ beforeIcon }\n\t\t\t\tafterIcon={ afterIcon }\n\t\t\t\tallowReset={ allowReset }\n\t\t\t\tdefaultValue={ initialSliderValue }\n\t\t\t\tseparatorType={ separatorType }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default RangeControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,WAAW,MAAM,qCAAqC;AAE7D,MAAMC,YAAY,GAAGH,IAAI,CACxB,CAAE;EACDI,SAAS;EACTC,YAAY;EACZC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,IAAI;EACJC,UAAU;EACVC,eAAe;EACfC,GAAG;EACHC,GAAG;EACHC,IAAI;EACJC,aAAa;EACbC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAM;EACN,IAAKH,IAAI,KAAK,SAAS,EAAG;IACzB,OACCI,aAAA,CAACnB,WAAW;MACXI,KAAK,EAAGA,KAAO;MACfU,GAAG,EAAGA,GAAK;MACXD,GAAG,EAAGA,GAAK;MACXN,QAAQ,EAAGA,QAAU;MACrBS,aAAa,EAAGA,aAAe;MAC/BX,KAAK,EAAGA,KAAO;MACfY,QAAQ,EAAGA;IAAU,CACrB,CAAC;EAEJ;EACA,MAAMG,EAAE,GAAI,2BAA2Bd,UAAY,EAAC;EACpD,MAAMe,iBAAiB,GAAGlB,YAAY,KAAK,IAAI,GAAGE,KAAK,GAAGF,YAAY;EACtE,MAAMmB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAkB,CAAC,GACrDA,iBAAiB,GACjBT,eAAe;EAElB,OACCO,aAAA,CAACpB,SAAS;IACTK,KAAK,EAAGA,KAAO;IACfgB,EAAE,EAAGA,EAAI;IACTV,IAAI,EAAGA,IAAM;IACbR,SAAS,EAAGA,SAAW;IACvBK,QAAQ,EAAGA,QAAU;IACrB,oBAAmB,CAAC,CAAEG,IAAI,GAAI,GAAGU,EAAI,QAAO,GAAGI,SAAW;IAC1DC,YAAY,EAAGZ,GAAK;IACpBa,YAAY,EAAGZ,GAAK;IACpBT,KAAK,EAAGA,KAAO;IACfG,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBE,UAAU,EAAGA,UAAY;IACzBgB,YAAY,EAAGL,kBAAoB;IACnCN,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,eAAejB,YAAY","ignoreList":[]}
+{"version":3,"names":["memo","RangeCell","StepperCell","jsx","_jsx","RangeControl","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","disabled","props","id","currentInputValue","initialSliderValue","isFinite","undefined","minimumValue","maximumValue","defaultValue"],"sources":["@wordpress/components/src/range-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\n\nconst RangeControl = memo(\n\t( {\n\t\tclassName,\n\t\tcurrentInput,\n\t\tlabel,\n\t\tvalue,\n\t\tinstanceId,\n\t\tonChange,\n\t\tbeforeIcon,\n\t\tafterIcon,\n\t\thelp,\n\t\tallowReset,\n\t\tinitialPosition,\n\t\tmin,\n\t\tmax,\n\t\ttype,\n\t\tseparatorType,\n\t\tdisabled,\n\t\t...props\n\t} ) => {\n\t\tif ( type === 'stepper' ) {\n\t\t\treturn (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tconst id = `inspector-range-control-${ instanceId }`;\n\t\tconst currentInputValue = currentInput === null ? value : currentInput;\n\t\tconst initialSliderValue = isFinite( currentInputValue )\n\t\t\t? currentInputValue\n\t\t\t: initialPosition;\n\n\t\treturn (\n\t\t\t<RangeCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChange={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tminimumValue={ min }\n\t\t\t\tmaximumValue={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tbeforeIcon={ beforeIcon }\n\t\t\t\tafterIcon={ afterIcon }\n\t\t\t\tallowReset={ allowReset }\n\t\t\t\tdefaultValue={ initialSliderValue }\n\t\t\t\tseparatorType={ separatorType }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default RangeControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,WAAW,MAAM,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,MAAMC,YAAY,GAAGL,IAAI,CACxB,CAAE;EACDM,SAAS;EACTC,YAAY;EACZC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,IAAI;EACJC,UAAU;EACVC,eAAe;EACfC,GAAG;EACHC,GAAG;EACHC,IAAI;EACJC,aAAa;EACbC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAM;EACN,IAAKH,IAAI,KAAK,SAAS,EAAG;IACzB,oBACCf,IAAA,CAACF,WAAW;MACXM,KAAK,EAAGA,KAAO;MACfU,GAAG,EAAGA,GAAK;MACXD,GAAG,EAAGA,GAAK;MACXN,QAAQ,EAAGA,QAAU;MACrBS,aAAa,EAAGA,aAAe;MAC/BX,KAAK,EAAGA,KAAO;MACfY,QAAQ,EAAGA;IAAU,CACrB,CAAC;EAEJ;EACA,MAAME,EAAE,GAAI,2BAA2Bb,UAAY,EAAC;EACpD,MAAMc,iBAAiB,GAAGjB,YAAY,KAAK,IAAI,GAAGE,KAAK,GAAGF,YAAY;EACtE,MAAMkB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAkB,CAAC,GACrDA,iBAAiB,GACjBR,eAAe;EAElB,oBACCZ,IAAA,CAACH,SAAS;IACTO,KAAK,EAAGA,KAAO;IACfe,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbR,SAAS,EAAGA,SAAW;IACvBK,QAAQ,EAAGA,QAAU;IACrB,oBAAmB,CAAC,CAAEG,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGI,SAAW;IAC1DC,YAAY,EAAGX,GAAK;IACpBY,YAAY,EAAGX,GAAK;IACpBT,KAAK,EAAGA,KAAO;IACfG,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBE,UAAU,EAAGA,UAAY;IACzBe,YAAY,EAAGL,kBAAoB;IACnCL,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAED,eAAejB,YAAY","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,7 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { InputRange as BaseInputRange } from './styles/range-control-styles';
+import { jsx as _jsx } from "react/jsx-runtime";
 function InputRange(props, ref) {
   const {
     describedBy,
@@ -15,7 +15,7 @@ function InputRange(props, ref) {
     value,
     ...otherProps
   } = props;
-  return createElement(BaseInputRange, {
+  return /*#__PURE__*/_jsx(BaseInputRange, {
     ...otherProps,
     "aria-describedby": describedBy,
     "aria-label": label,

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","InputRange","BaseInputRange","props","ref","describedBy","label","value","otherProps","createElement","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;AAK5E,SAASD,UAAUA,CAClBE,KAA0D,EAC1DC,GAA2C,EAC1C;EACD,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC1D,OACCM,aAAA,CAACP,cAAc;IAAA,GACTM,UAAU;IACf,oBAAmBH,WAAa;IAChC,cAAaC,KAAO;IACpB,eAAc,KAAO;IACrBF,GAAG,EAAGA,GAAK;IACXM,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,OAAO;IACZJ,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ;AAEA,MAAMK,kBAAkB,GAAGZ,UAAU,CAAEC,UAAW,CAAC;AAEnD,eAAeW,kBAAkB","ignoreList":[]}
+{"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":[]}

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

@@ -1,13 +1,15 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * Internal dependencies
  */
 import { Mark, MarkLabel } from './styles/range-control-styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function RangeMark(props) {
   const {
     className,
@@ -16,19 +18,22 @@ export default function RangeMark(props) {
     style = {},
     ...otherProps
   } = props;
-  const classes = classnames('components-range-control__mark', isFilled && 'is-filled', className);
-  const labelClasses = classnames('components-range-control__mark-label', isFilled && 'is-filled');
-  return createElement(Fragment, null, createElement(Mark, {
-    ...otherProps,
-    "aria-hidden": "true",
-    className: classes,
-    isFilled: isFilled,
-    style: style
-  }), label && createElement(MarkLabel, {
-    "aria-hidden": "true",
-    className: labelClasses,
-    isFilled: isFilled,
-    style: style
-  }, label));
+  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,
+      isFilled: isFilled,
+      style: style
+    }), label && /*#__PURE__*/_jsx(MarkLabel, {
+      "aria-hidden": "true",
+      className: labelClasses,
+      isFilled: isFilled,
+      style: style,
+      children: label
+    })]
+  });
 }
 //# sourceMappingURL=mark.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","Mark","MarkLabel","RangeMark","props","className","isFilled","label","style","otherProps","classes","labelClasses","createElement","Fragment"],"sources":["@wordpress/components/src/range-control/mark.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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 = classnames(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = classnames(\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\tisFilled={ isFilled }\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,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,QAAQ,+BAA+B;AAK/D,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,GAAGV,UAAU,CACzB,gCAAgC,EAChCM,QAAQ,IAAI,WAAW,EACvBD,SACD,CAAC;EACD,MAAMM,YAAY,GAAGX,UAAU,CAC9B,sCAAsC,EACtCM,QAAQ,IAAI,WACb,CAAC;EAED,OACCM,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACX,IAAI;IAAA,GACCQ,UAAU;IACf,eAAY,MAAM;IAClBJ,SAAS,EAAGK,OAAS;IACrBJ,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,CACf,CAAC,EACAD,KAAK,IACNK,aAAA,CAACV,SAAS;IACT,eAAY,MAAM;IAClBG,SAAS,EAAGM,YAAc;IAC1BL,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,GAEbD,KACQ,CAEX,CAAC;AAEL","ignoreList":[]}
+{"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\tisFilled={ isFilled }\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;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,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;MACrBJ,QAAQ,EAAGA,QAAU;MACrBE,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":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,10 @@ import { isRTL } from '@wordpress/i18n';
  */
 import RangeMark from './mark';
 import { MarksWrapper, Rail } from './styles/range-control-styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 export default function RangeRail(props) {
   const {
     disabled = false,
@@ -19,17 +22,19 @@ export default function RangeRail(props) {
     value = 0,
     ...restProps
   } = props;
-  return createElement(Fragment, null, createElement(Rail, {
-    disabled: disabled,
-    ...restProps
-  }), marks && createElement(Marks, {
-    disabled: disabled,
-    marks: marks,
-    min: min,
-    max: max,
-    step: step,
-    value: value
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Rail, {
+      disabled: disabled,
+      ...restProps
+    }), marks && /*#__PURE__*/_jsx(Marks, {
+      disabled: disabled,
+      marks: marks,
+      min: min,
+      max: max,
+      step: step,
+      value: value
+    })]
+  });
 }
 function Marks(props) {
   const {
@@ -48,15 +53,16 @@ function Marks(props) {
     step,
     value
   });
-  return createElement(MarksWrapper, {
-    "aria-hidden": "true",
-    className: "components-range-control__marks"
-  }, marksData.map(mark => createElement(RangeMark, {
-    ...mark,
-    key: mark.key,
+  return /*#__PURE__*/_jsx(MarksWrapper, {
     "aria-hidden": "true",
-    disabled: disabled
-  })));
+    className: "components-range-control__marks",
+    children: marksData.map(mark => /*#__PURE__*/_createElement(RangeMark, {
+      ...mark,
+      key: mark.key,
+      "aria-hidden": "true",
+      disabled: disabled
+    }))
+  });
 }
 function useMarks({
   marks,

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

@@ -1 +1 @@
-{"version":3,"names":["isRTL","RangeMark","MarksWrapper","Rail","RangeRail","props","disabled","marks","min","max","step","value","restProps","createElement","Fragment","Marks","stepProp","marksData","useMarks","className","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"sources":["@wordpress/components/src/range-control/rail.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tMarksProps,\n\tRangeMarkProps,\n\tRailProps,\n\tUseMarksArgs,\n} from './types';\n\nexport default function RangeRail(\n\tprops: WordPressComponentProps< RailProps, 'span' >\n) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tvalue = 0,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( props: WordPressComponentProps< MarksProps, 'span' > ) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep: stepProp = 1,\n\t\tvalue = 0,\n\t} = props;\n\n\tconst step = stepProp === 'any' ? 1 : stepProp;\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( {\n\tmarks,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n}: UseMarksArgs ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) ) {}\n\t}\n\n\tconst placedMarks: RangeMarkProps[] = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,OAAOC,SAAS,MAAM,QAAQ;AAC9B,SAASC,YAAY,EAAEC,IAAI,QAAQ,+BAA+B;AAUlE,eAAe,SAASC,SAASA,CAChCC,KAAmD,EAClD;EACD,MAAM;IACLC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,KAAK;IACbC,GAAG,GAAG,CAAC;IACPC,GAAG,GAAG,GAAG;IACTC,IAAI,GAAG,CAAC;IACRC,KAAK,GAAG,CAAC;IACT,GAAGC;EACJ,CAAC,GAAGP,KAAK;EAET,OACCQ,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACV,IAAI;IAACG,QAAQ,EAAGA,QAAU;IAAA,GAAMM;EAAS,CAAI,CAAC,EAC7CL,KAAK,IACNM,aAAA,CAACE,KAAK;IACLT,QAAQ,EAAGA,QAAU;IACrBC,KAAK,EAAGA,KAAO;IACfC,GAAG,EAAGA,GAAK;IACXC,GAAG,EAAGA,GAAK;IACXC,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA;EAAO,CACf,CAED,CAAC;AAEL;AAEA,SAASI,KAAKA,CAAEV,KAAoD,EAAG;EACtE,MAAM;IACLC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,KAAK;IACbC,GAAG,GAAG,CAAC;IACPC,GAAG,GAAG,GAAG;IACTC,IAAI,EAAEM,QAAQ,GAAG,CAAC;IAClBL,KAAK,GAAG;EACT,CAAC,GAAGN,KAAK;EAET,MAAMK,IAAI,GAAGM,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAGA,QAAQ;EAC9C,MAAMC,SAAS,GAAGC,QAAQ,CAAE;IAAEX,KAAK;IAAEC,GAAG;IAAEC,GAAG;IAAEC,IAAI;IAAEC;EAAM,CAAE,CAAC;EAE9D,OACCE,aAAA,CAACX,YAAY;IACZ,eAAY,MAAM;IAClBiB,SAAS,EAAC;EAAiC,GAEzCF,SAAS,CAACG,GAAG,CAAIC,IAAI,IACtBR,aAAA,CAACZ,SAAS;IAAA,GACJoB,IAAI;IACTC,GAAG,EAAGD,IAAI,CAACC,GAAK;IAChB,eAAY,MAAM;IAClBhB,QAAQ,EAAGA;EAAU,CACrB,CACA,CACW,CAAC;AAEjB;AAEA,SAASY,QAAQA,CAAE;EAClBX,KAAK;EACLC,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,GAAG;EACTC,IAAI,GAAG,CAAC;EACRC,KAAK,GAAG;AACK,CAAC,EAAG;EACjB,IAAK,CAAEJ,KAAK,EAAG;IACd,OAAO,EAAE;EACV;EAEA,MAAMgB,KAAK,GAAGd,GAAG,GAAGD,GAAG;EACvB,IAAK,CAAEgB,KAAK,CAACC,OAAO,CAAElB,KAAM,CAAC,EAAG;IAC/BA,KAAK,GAAG,EAAE;IACV,MAAMmB,KAAK,GAAG,CAAC,GAAGC,IAAI,CAACC,KAAK,CAAEL,KAAK,GAAGb,IAAK,CAAC;IAC5C,OAAQgB,KAAK,GAAGnB,KAAK,CAACsB,IAAI,CAAE;MAAElB,KAAK,EAAED,IAAI,GAAGH,KAAK,CAACuB,MAAM,GAAGtB;IAAI,CAAE,CAAC,EAAG,CAAC;EACvE;EAEA,MAAMuB,WAA6B,GAAG,EAAE;EACxCxB,KAAK,CAACyB,OAAO,CAAE,CAAEX,IAAI,EAAEY,KAAK,KAAM;IACjC,IAAKZ,IAAI,CAACV,KAAK,GAAGH,GAAG,IAAIa,IAAI,CAACV,KAAK,GAAGF,GAAG,EAAG;MAC3C;IACD;IACA,MAAMa,GAAG,GAAI,QAAQW,KAAO,EAAC;IAC7B,MAAMC,QAAQ,GAAGb,IAAI,CAACV,KAAK,IAAIA,KAAK;IACpC,MAAMwB,MAAM,GAAI,GAAK,CAAEd,IAAI,CAACV,KAAK,GAAGH,GAAG,IAAKe,KAAK,GAAK,GAAK,GAAE;IAE7D,MAAMa,WAAW,GAAG;MACnB,CAAEpC,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM,GAAImC;IACjC,CAAC;IAEDJ,WAAW,CAACF,IAAI,CAAE;MACjB,GAAGR,IAAI;MACPa,QAAQ;MACRZ,GAAG;MACHe,KAAK,EAAED;IACR,CAAE,CAAC;EACJ,CAAE,CAAC;EAEH,OAAOL,WAAW;AACnB","ignoreList":[]}
+{"version":3,"names":["isRTL","RangeMark","MarksWrapper","Rail","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","createElement","_createElement","RangeRail","props","disabled","marks","min","max","step","value","restProps","children","Marks","stepProp","marksData","useMarks","className","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"sources":["@wordpress/components/src/range-control/rail.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tMarksProps,\n\tRangeMarkProps,\n\tRailProps,\n\tUseMarksArgs,\n} from './types';\n\nexport default function RangeRail(\n\tprops: WordPressComponentProps< RailProps, 'span' >\n) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep = 1,\n\t\tvalue = 0,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( props: WordPressComponentProps< MarksProps, 'span' > ) {\n\tconst {\n\t\tdisabled = false,\n\t\tmarks = false,\n\t\tmin = 0,\n\t\tmax = 100,\n\t\tstep: stepProp = 1,\n\t\tvalue = 0,\n\t} = props;\n\n\tconst step = stepProp === 'any' ? 1 : stepProp;\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( {\n\tmarks,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n}: UseMarksArgs ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) ) {}\n\t}\n\n\tconst placedMarks: RangeMarkProps[] = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"],"mappings":"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","ignoreList":[]}