@wordpress/components 27.3.0 → 27.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","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","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","classnames","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","_react","createElement","default","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"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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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","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","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","classnames","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","_react","createElement","default","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_rangeCell","_interopRequireDefault","_stepperCell","RangeControl","memo","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","disabled","props","_react","createElement","default","id","currentInputValue","initialSliderValue","isFinite","undefined","minimumValue","maximumValue","defaultValue","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,MAAMI,YAAY,GAAG,IAAAC,aAAI,EACxB,CAAE;EACDC,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,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,OAAW;MACXjB,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,MAAMK,EAAE,GAAI,2BAA2BhB,UAAY,EAAC;EACpD,MAAMiB,iBAAiB,GAAGpB,YAAY,KAAK,IAAI,GAAGE,KAAK,GAAGF,YAAY;EACtE,MAAMqB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAkB,CAAC,GACrDA,iBAAiB,GACjBX,eAAe;EAElB,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACvB,UAAA,CAAAwB,OAAS;IACTjB,KAAK,EAAGA,KAAO;IACfkB,EAAE,EAAGA,EAAI;IACTZ,IAAI,EAAGA,IAAM;IACbR,SAAS,EAAGA,SAAW;IACvBK,QAAQ,EAAGA,QAAU;IACrB,oBAAmB,CAAC,CAAEG,IAAI,GAAI,GAAGY,EAAI,QAAO,GAAGI,SAAW;IAC1DC,YAAY,EAAGd,GAAK;IACpBe,YAAY,EAAGd,GAAK;IACpBT,KAAK,EAAGA,KAAO;IACfG,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBE,UAAU,EAAGA,UAAY;IACzBkB,YAAY,EAAGL,kBAAoB;IACnCR,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEarB,YAAY"}
+{"version":3,"names":["_element","require","_rangeCell","_interopRequireDefault","_stepperCell","RangeControl","memo","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","disabled","props","_react","createElement","default","id","currentInputValue","initialSliderValue","isFinite","undefined","minimumValue","maximumValue","defaultValue","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,MAAMI,YAAY,GAAG,IAAAC,aAAI,EACxB,CAAE;EACDC,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,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,OAAW;MACXjB,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,MAAMK,EAAE,GAAI,2BAA2BhB,UAAY,EAAC;EACpD,MAAMiB,iBAAiB,GAAGpB,YAAY,KAAK,IAAI,GAAGE,KAAK,GAAGF,YAAY;EACtE,MAAMqB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAkB,CAAC,GACrDA,iBAAiB,GACjBX,eAAe;EAElB,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACvB,UAAA,CAAAwB,OAAS;IACTjB,KAAK,EAAGA,KAAO;IACfkB,EAAE,EAAGA,EAAI;IACTZ,IAAI,EAAGA,IAAM;IACbR,SAAS,EAAGA,SAAW;IACvBK,QAAQ,EAAGA,QAAU;IACrB,oBAAmB,CAAC,CAAEG,IAAI,GAAI,GAAGY,EAAI,QAAO,GAAGI,SAAW;IAC1DC,YAAY,EAAGd,GAAK;IACpBe,YAAY,EAAGd,GAAK;IACpBT,KAAK,EAAGA,KAAO;IACfG,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBE,UAAU,EAAGA,UAAY;IACzBkB,YAAY,EAAGL,kBAAoB;IACnCR,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEarB,YAAY","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_rangeControlStyles","InputRange","props","ref","describedBy","label","value","otherProps","_react","createElement","tabIndex","type","ForwardedComponent","forwardRef","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,mBAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,UAAUA,CAClBC,KAA0D,EAC1DC,GAA2C,EAC1C;EACD,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC1D,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAC,UAAc;IAAA,GACTM,UAAU;IACf,oBAAmBH,WAAa;IAChC,cAAaC,KAAO;IACpB,eAAc,KAAO;IACrBF,GAAG,EAAGA,GAAK;IACXO,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,OAAO;IACZL,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ;AAEA,MAAMM,kBAAkB,GAAG,IAAAC,mBAAU,EAAEZ,UAAW,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErCJ,kBAAkB"}
+{"version":3,"names":["_element","require","_rangeControlStyles","InputRange","props","ref","describedBy","label","value","otherProps","_react","createElement","tabIndex","type","ForwardedComponent","forwardRef","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,mBAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,UAAUA,CAClBC,KAA0D,EAC1DC,GAA2C,EAC1C;EACD,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC1D,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAC,UAAc;IAAA,GACTM,UAAU;IACf,oBAAmBH,WAAa;IAChC,cAAaC,KAAO;IACpB,eAAc,KAAO;IACrBF,GAAG,EAAGA,GAAK;IACXO,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,OAAO;IACZL,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ;AAEA,MAAMM,kBAAkB,GAAG,IAAAC,mBAAU,EAAEZ,UAAW,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErCJ,kBAAkB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_rangeControlStyles","RangeMark","props","className","isFilled","label","style","otherProps","classes","classnames","labelClasses","_react","createElement","Fragment","Mark","MarkLabel"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,mBAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAMe,SAASE,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,GAAG,IAAAC,mBAAU,EACzB,gCAAgC,EAChCL,QAAQ,IAAI,WAAW,EACvBD,SACD,CAAC;EACD,MAAMO,YAAY,GAAG,IAAAD,mBAAU,EAC9B,sCAAsC,EACtCL,QAAQ,IAAI,WACb,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACZ,mBAAA,CAAAc,IAAI;IAAA,GACCP,UAAU;IACf,eAAY,MAAM;IAClBJ,SAAS,EAAGK,OAAS;IACrBJ,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,CACf,CAAC,EACAD,KAAK,IACN,IAAAM,MAAA,CAAAC,aAAA,EAACZ,mBAAA,CAAAe,SAAS;IACT,eAAY,MAAM;IAClBZ,SAAS,EAAGO,YAAc;IAC1BN,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,GAEbD,KACQ,CAEX,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_rangeControlStyles","RangeMark","props","className","isFilled","label","style","otherProps","classes","classnames","labelClasses","_react","createElement","Fragment","Mark","MarkLabel"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,mBAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAMe,SAASE,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,GAAG,IAAAC,mBAAU,EACzB,gCAAgC,EAChCL,QAAQ,IAAI,WAAW,EACvBD,SACD,CAAC;EACD,MAAMO,YAAY,GAAG,IAAAD,mBAAU,EAC9B,sCAAsC,EACtCL,QAAQ,IAAI,WACb,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACZ,mBAAA,CAAAc,IAAI;IAAA,GACCP,UAAU;IACf,eAAY,MAAM;IAClBJ,SAAS,EAAGK,OAAS;IACrBJ,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,CACf,CAAC,EACAD,KAAK,IACN,IAAAM,MAAA,CAAAC,aAAA,EAACZ,mBAAA,CAAAe,SAAS;IACT,eAAY,MAAM;IAClBZ,SAAS,EAAGO,YAAc;IAC1BN,QAAQ,EAAGA,QAAU;IACrBE,KAAK,EAAGA;EAAO,GAEbD,KACQ,CAEX,CAAC;AAEL","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_mark","_interopRequireDefault","_rangeControlStyles","RangeRail","props","disabled","marks","min","max","step","value","restProps","_react","createElement","Fragment","Rail","Marks","stepProp","marksData","useMarks","MarksWrapper","className","map","mark","default","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","isRTL","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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"}
+{"version":3,"names":["_i18n","require","_mark","_interopRequireDefault","_rangeControlStyles","RangeRail","props","disabled","marks","min","max","step","value","restProps","_react","createElement","Fragment","Rail","Marks","stepProp","marksData","useMarks","MarksWrapper","className","map","mark","default","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","isRTL","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":[]}