@wordpress/components 16.0.1-next.5df0cd52b7.0 → 19.0.1

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/index.js"],"names":["RangeControl","afterIcon","allowReset","beforeIcon","className","currentInput","color","colorProp","COLORS","ui","theme","disabled","help","initialPosition","isShiftStepEnabled","label","hideLabelFromVision","marks","max","min","onBlur","noop","onChange","onFocus","onMouseMove","onMouseLeave","railColor","resetFallbackValue","renderTooltipContent","v","showTooltip","showTooltipProp","shiftStep","step","trackColor","value","valueProp","withInputField","props","ref","setValue","initial","isResetPendent","setShowTooltip","isFocused","setIsFocused","inputRef","setRef","nodeRef","current","isCurrentlyFocused","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","calculatedFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","width","ForwardedComponent"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { clamp, isFinite, noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } 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 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\nfunction RangeControl(\n\t{\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcurrentInput,\n\t\tcolor: colorProp = COLORS.ui.theme,\n\t\tdisabled = false,\n\t\thelp,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\thideLabelFromVision = false,\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\tonMouseMove = noop,\n\t\tonMouseLeave = noop,\n\t\trailColor,\n\t\tresetFallbackValue,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tshowTooltip: showTooltipProp,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\tconst [ showTooltip, setShowTooltip ] = useState( showTooltipProp );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef();\n\n\tconst setRef = ( nodeRef ) => {\n\t\tinputRef.current = nodeRef;\n\n\t\tif ( ref ) {\n\t\t\tref( nodeRef );\n\t\t}\n\t};\n\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\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst calculatedFillValue = ( ( value - min ) / ( max - min ) ) * 100;\n\tconst fillValue = isValueReset ? 50 : calculatedFillValue;\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( RangeControl, 'inspector-range-control' );\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = showTooltipProp !== false && isFinite( value );\n\n\tconst handleOnRangeChange = ( event ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tnextValue = parseFloat( nextValue );\n\t\tsetValue( nextValue );\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 );\n\t\t\t}\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 = parseFloat( resetFallbackValue );\n\t\tlet onChangeResetValue = 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 ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event ) => {\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\treturn (\n\t\t<BaseControl\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 className=\"components-range-control__root\">\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\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{ ...props }\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\tisShiftStepEnabled={ isShiftStepEnabled }\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={ setRef }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden={ true }\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={ true }\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 style={ offsetStyle } disabled={ disabled }>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden={ true }\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\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{ withInputField && (\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\tstep={ step }\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\tisSmall\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\nconst ForwardedComponent = forwardRef( RangeControl );\n\nexport default ForwardedComponent;\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/index.js"],"names":["RangeControl","afterIcon","allowReset","beforeIcon","className","currentInput","color","colorProp","COLORS","ui","theme","disabled","help","initialPosition","isShiftStepEnabled","label","hideLabelFromVision","marks","max","min","onBlur","noop","onChange","onFocus","onMouseMove","onMouseLeave","railColor","resetFallbackValue","renderTooltipContent","v","showTooltip","showTooltipProp","shiftStep","step","trackColor","value","valueProp","withInputField","props","ref","setValue","initial","isResetPendent","setShowTooltip","isFocused","setIsFocused","inputRef","setRef","nodeRef","current","isCurrentlyFocused","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","calculatedFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","width","ForwardedComponent"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { clamp, isFinite, noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } 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 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\nfunction RangeControl(\n\t{\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcurrentInput,\n\t\tcolor: colorProp = COLORS.ui.theme,\n\t\tdisabled = false,\n\t\thelp,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\thideLabelFromVision = false,\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\tonMouseMove = noop,\n\t\tonMouseLeave = noop,\n\t\trailColor,\n\t\tresetFallbackValue,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tshowTooltip: showTooltipProp,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\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\tshowTooltipProp = false;\n\t\twithInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( showTooltipProp );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef();\n\n\tconst setRef = ( nodeRef ) => {\n\t\tinputRef.current = nodeRef;\n\n\t\tif ( ref ) {\n\t\t\tref( nodeRef );\n\t\t}\n\t};\n\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\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst calculatedFillValue = ( ( value - min ) / ( max - min ) ) * 100;\n\tconst fillValue = isValueReset ? 50 : calculatedFillValue;\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( RangeControl, 'inspector-range-control' );\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = showTooltipProp !== false && isFinite( value );\n\n\tconst handleOnRangeChange = ( event ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tnextValue = parseFloat( nextValue );\n\t\tsetValue( nextValue );\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 );\n\t\t\t}\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 = parseFloat( resetFallbackValue );\n\t\tlet onChangeResetValue = 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 ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event ) => {\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\treturn (\n\t\t<BaseControl\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 className=\"components-range-control__root\">\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\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{ ...props }\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={ setRef }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden={ true }\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={ true }\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 style={ offsetStyle } disabled={ disabled }>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden={ true }\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{ withInputField && (\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\tstep={ step }\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\tisSmall\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\nconst ForwardedComponent = forwardRef( RangeControl );\n\nexport default ForwardedComponent;\n"]}

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

@@ -17,8 +17,6 @@ var _rangeControlStyles = require("./styles/range-control-styles");
 
 var _utils = require("./utils");
 
-var _hooks = require("../utils/hooks");
-
 // @ts-nocheck
 
 /**
@@ -34,25 +32,14 @@ var _hooks = require("../utils/hooks");
  */
 function InputRange({
   describedBy,
-  isShiftStepEnabled = true,
   label,
   onHideTooltip = _lodash.noop,
   onMouseLeave = _lodash.noop,
-  step = 1,
-  onBlur = _lodash.noop,
-  onChange = _lodash.noop,
-  onFocus = _lodash.noop,
   onMouseMove = _lodash.noop,
   onShowTooltip = _lodash.noop,
-  shiftStep = 10,
   value,
   ...props
 }, ref) {
-  const jumpStep = (0, _hooks.useJumpStep)({
-    step,
-    shiftStep,
-    isShiftStepEnabled
-  });
   const hoverInteractions = (0, _utils.useDebouncedHoverInteraction)({
     onHide: onHideTooltip,
     onMouseLeave,
@@ -63,11 +50,7 @@ function InputRange({
     "aria-describedby": describedBy,
     "aria-label": label,
     "aria-hidden": false,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
     ref: ref,
-    step: jumpStep,
     tabIndex: 0,
     type: "range",
     value: value

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/input-range.js"],"names":["InputRange","describedBy","isShiftStepEnabled","label","onHideTooltip","noop","onMouseLeave","step","onBlur","onChange","onFocus","onMouseMove","onShowTooltip","shiftStep","value","props","ref","jumpStep","hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;;;;;;;;AASA;;;;AALA;;AAUA;;AACA;;AACA;;AAhBA;;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,UAAT,CACC;AACCC,EAAAA,WADD;AAECC,EAAAA,kBAAkB,GAAG,IAFtB;AAGCC,EAAAA,KAHD;AAICC,EAAAA,aAAa,GAAGC,YAJjB;AAKCC,EAAAA,YAAY,GAAGD,YALhB;AAMCE,EAAAA,IAAI,GAAG,CANR;AAOCC,EAAAA,MAAM,GAAGH,YAPV;AAQCI,EAAAA,QAAQ,GAAGJ,YARZ;AASCK,EAAAA,OAAO,GAAGL,YATX;AAUCM,EAAAA,WAAW,GAAGN,YAVf;AAWCO,EAAAA,aAAa,GAAGP,YAXjB;AAYCQ,EAAAA,SAAS,GAAG,EAZb;AAaCC,EAAAA,KAbD;AAcC,KAAGC;AAdJ,CADD,EAiBCC,GAjBD,EAkBE;AACD,QAAMC,QAAQ,GAAG,wBAAa;AAC7BV,IAAAA,IAD6B;AAE7BM,IAAAA,SAF6B;AAG7BX,IAAAA;AAH6B,GAAb,CAAjB;AAMA,QAAMgB,iBAAiB,GAAG,yCAA8B;AACvDC,IAAAA,MAAM,EAAEf,aAD+C;AAEvDE,IAAAA,YAFuD;AAGvDK,IAAAA,WAHuD;AAIvDS,IAAAA,MAAM,EAAER;AAJ+C,GAA9B,CAA1B;AAOA,SACC,4BAAC,8BAAD,6BACMG,KADN,EAEMG,iBAFN;AAGC,wBAAmBjB,WAHpB;AAIC,kBAAaE,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,MAAM,EAAGK,MANV;AAOC,IAAA,QAAQ,EAAGC,QAPZ;AAQC,IAAA,OAAO,EAAGC,OARX;AASC,IAAA,GAAG,EAAGM,GATP;AAUC,IAAA,IAAI,EAAGC,QAVR;AAWC,IAAA,QAAQ,EAAG,CAXZ;AAYC,IAAA,IAAI,EAAC,OAZN;AAaC,IAAA,KAAK,EAAGH;AAbT,KADD;AAiBA;;AAED,MAAMO,kBAAkB,GAAG,yBAAYrB,UAAZ,CAA3B;eAEeqB,kB","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { noop } from 'lodash';\n\n/**\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 { useDebouncedHoverInteraction } from './utils';\nimport { useJumpStep } from '../utils/hooks';\n\nfunction InputRange(\n\t{\n\t\tdescribedBy,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\tstep = 1,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\tshiftStep = 10,\n\t\tvalue,\n\t\t...props\n\t},\n\tref\n) {\n\tconst jumpStep = useJumpStep( {\n\t\tstep,\n\t\tshiftStep,\n\t\tisShiftStepEnabled,\n\t} );\n\n\tconst hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...props }\n\t\t\t{ ...hoverInteractions }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tref={ ref }\n\t\t\tstep={ jumpStep }\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"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/input-range.js"],"names":["InputRange","describedBy","label","onHideTooltip","noop","onMouseLeave","onMouseMove","onShowTooltip","value","props","ref","hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;;;;;;;;AASA;;;;AALA;;AAUA;;AACA;;AAfA;;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,SAASA,UAAT,CACC;AACCC,EAAAA,WADD;AAECC,EAAAA,KAFD;AAGCC,EAAAA,aAAa,GAAGC,YAHjB;AAICC,EAAAA,YAAY,GAAGD,YAJhB;AAKCE,EAAAA,WAAW,GAAGF,YALf;AAMCG,EAAAA,aAAa,GAAGH,YANjB;AAOCI,EAAAA,KAPD;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,EAYE;AACD,QAAMC,iBAAiB,GAAG,yCAA8B;AACvDC,IAAAA,MAAM,EAAET,aAD+C;AAEvDE,IAAAA,YAFuD;AAGvDC,IAAAA,WAHuD;AAIvDO,IAAAA,MAAM,EAAEN;AAJ+C,GAA9B,CAA1B;AAOA,SACC,4BAAC,8BAAD,6BACME,KADN,EAEME,iBAFN;AAGC,wBAAmBV,WAHpB;AAIC,kBAAaC,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,GAAG,EAAGQ,GANP;AAOC,IAAA,QAAQ,EAAG,CAPZ;AAQC,IAAA,IAAI,EAAC,OARN;AASC,IAAA,KAAK,EAAGF;AATT,KADD;AAaA;;AAED,MAAMM,kBAAkB,GAAG,yBAAYd,UAAZ,CAA3B;eAEec,kB","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { noop } from 'lodash';\n\n/**\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 { useDebouncedHoverInteraction } from './utils';\n\nfunction InputRange(\n\t{\n\t\tdescribedBy,\n\t\tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\tvalue,\n\t\t...props\n\t},\n\tref\n) {\n\tconst hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...props }\n\t\t\t{ ...hoverInteractions }\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"]}

package/build/range-control/rail.js

@@ -55,6 +55,10 @@ function Marks({
   step = 1,
   value = 0
 }) {
+  if (step === 'any') {
+    step = 1;
+  }
+
   const marksData = useMarks({
     marks,
     min,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/rail.js"],"names":["RangeRail","disabled","marks","min","max","step","value","restProps","Marks","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\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\nexport default function RangeRail( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n\t...restProps\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( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n} ) {\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( { marks, min = 0, max = 100, step = 1, value = 0 } ) {\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 = [];\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"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/rail.js"],"names":["RangeRail","disabled","marks","min","max","step","value","restProps","Marks","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\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\nexport default function RangeRail( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n\t...restProps\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( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n} ) {\n\tif ( step === 'any' ) {\n\t\tstep = 1;\n\t}\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( { marks, min = 0, max = 100, step = 1, value = 0 } ) {\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 = [];\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"]}