@wordpress/components 28.5.0 → 28.7.0

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_baseControl","_vStack","_hooks","_baseControlStyles","_jsxRuntime","generateOptionDescriptionId","radioGroupId","index","generateOptionId","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","id","preferredId","additionalProps","useInstanceId","onChangeValue","event","target","value","controlProps","helpTextId","useBaseControlProps","length","jsx","default","__nextHasNoMarginBottom","clsx","children","VStack","spacing","map","option","jsxs","type","name","checked","description","undefined","htmlFor","StyledHelp","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\nimport { useBaseControlProps } from '../base-control/hooks';\nimport { StyledHelp } from '../base-control/styles/base-control-styles';\n\nfunction generateOptionDescriptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }-option-description`;\n}\n\nfunction generateOptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }`;\n}\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\tid: preferredId,\n\t\t...additionalProps\n\t} = props;\n\tconst id = useInstanceId(\n\t\tRadioControl,\n\t\t'inspector-radio-control',\n\t\tpreferredId\n\t);\n\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\t// Use `useBaseControlProps` to get the id of the help text.\n\tconst {\n\t\tcontrolProps: { 'aria-describedby': helpTextId },\n\t} = useBaseControlProps( { id, help } );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ clsx( className, 'components-radio-control' ) }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tspacing={ 3 }\n\t\t\t\tclassName={ clsx( 'components-radio-control__group-wrapper', {\n\t\t\t\t\t'has-help': !! help,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ generateOptionId( id, index ) }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ generateOptionId( id, index ) }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\tclsx( [\n\t\t\t\t\t\t\t\t\t!! option.description &&\n\t\t\t\t\t\t\t\t\t\tgenerateOptionDescriptionId(\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\thelpTextId,\n\t\t\t\t\t\t\t\t] ) || undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tclassName=\"components-radio-control__label\"\n\t\t\t\t\t\t\thtmlFor={ generateOptionId( id, index ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t{ !! option.description ? (\n\t\t\t\t\t\t\t<StyledHelp\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tid={ generateOptionDescriptionId( id, index ) }\n\t\t\t\t\t\t\t\tclassName=\"components-radio-control__option-description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ option.description }\n\t\t\t\t\t\t\t</StyledHelp>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_baseControl","_vStack","_baseControlStyles","_visuallyHidden","_jsxRuntime","generateOptionDescriptionId","radioGroupId","index","generateOptionId","generateHelpId","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","id","preferredId","additionalProps","useInstanceId","onChangeValue","event","target","value","length","jsxs","clsx","undefined","children","jsx","VisuallyHidden","as","default","VisualLabel","VStack","spacing","map","option","type","name","checked","description","htmlFor","StyledHelp","__nextHasNoMarginBottom","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\nimport { StyledHelp } from '../base-control/styles/base-control-styles';\nimport { VisuallyHidden } from '../visually-hidden';\n\nfunction generateOptionDescriptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }-option-description`;\n}\n\nfunction generateOptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }`;\n}\n\nfunction generateHelpId( radioGroupId: string ) {\n\treturn `${ radioGroupId }__help`;\n}\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\tid: preferredId,\n\t\t...additionalProps\n\t} = props;\n\tconst id = useInstanceId(\n\t\tRadioControl,\n\t\t'inspector-radio-control',\n\t\tpreferredId\n\t);\n\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<fieldset\n\t\t\tid={ id }\n\t\t\tclassName={ clsx( className, 'components-radio-control' ) }\n\t\t\taria-describedby={ !! help ? generateHelpId( id ) : undefined }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\n\t\t\t<VStack\n\t\t\t\tspacing={ 3 }\n\t\t\t\tclassName={ clsx( 'components-radio-control__group-wrapper', {\n\t\t\t\t\t'has-help': !! help,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ generateOptionId( id, index ) }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ generateOptionId( id, index ) }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! option.description\n\t\t\t\t\t\t\t\t\t? generateOptionDescriptionId( id, index )\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tclassName=\"components-radio-control__label\"\n\t\t\t\t\t\t\thtmlFor={ generateOptionId( id, index ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t{ !! option.description ? (\n\t\t\t\t\t\t\t<StyledHelp\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tid={ generateOptionDescriptionId( id, index ) }\n\t\t\t\t\t\t\t\tclassName=\"components-radio-control__option-description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ option.description }\n\t\t\t\t\t\t\t</StyledHelp>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t\t{ !! help && (\n\t\t\t\t<StyledHelp\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ generateHelpId( id ) }\n\t\t\t\t\tclassName=\"components-base-control__help\"\n\t\t\t\t>\n\t\t\t\t\t{ help }\n\t\t\t\t</StyledHelp>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":"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","ignoreList":[]}

package/build/radio-group/radio.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Radio = void 0;
 var _element = require("@wordpress/element");
-var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
+var _react = _interopRequireWildcard(require("@ariakit/react"));
+var Ariakit = _react;
 var _button = _interopRequireDefault(require("../button"));
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,7 +34,7 @@ function UnforwardedRadio({
     store,
     disabled
   } = (0, _element.useContext)(_context.RadioGroupContext);
-  const selectedValue = store?.useState('value');
+  const selectedValue = (0, _react.useStoreState)(store, 'value');
   const isChecked = selectedValue !== undefined && selectedValue === value;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.Radio, {
     disabled: disabled,

package/build/radio-group/radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","Ariakit","_interopRequireWildcard","_button","_interopRequireDefault","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnforwardedRadio","value","children","props","ref","store","disabled","useContext","RadioGroupContext","selectedValue","useState","isChecked","undefined","jsx","Radio","render","variant","exports","forwardRef","_default"],"sources":["@wordpress/components/src/radio-group/radio.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioProps } from './types';\n\nfunction UnforwardedRadio(\n\t{\n\t\tvalue,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioProps, 'button', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst { store, disabled } = useContext( RadioGroupContext );\n\n\tconst selectedValue = store?.useState( 'value' );\n\tconst isChecked = selectedValue !== undefined && selectedValue === value;\n\n\treturn (\n\t\t<Ariakit.Radio\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ store }\n\t\t\tref={ ref }\n\t\t\tvalue={ value }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ isChecked ? 'primary' : 'secondary' }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ children || value }\n\t\t</Ariakit.Radio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef( UnforwardedRadio );\nexport default Radio;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAd9C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASW,gBAAgBA,CACxB;EACCC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACoD,CAAC,EACzDC,GAA8B,EAC7B;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAU,EAAEC,0BAAkB,CAAC;EAE3D,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,QAAQ,CAAE,OAAQ,CAAC;EAChD,MAAMC,SAAS,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAKR,KAAK;EAExE,oBACC,IAAAtB,WAAA,CAAAkC,GAAA,EAACvC,OAAO,CAACwC,KAAK;IACbR,QAAQ,EAAGA,QAAU;IACrBD,KAAK,EAAGA,KAAO;IACfD,GAAG,EAAGA,GAAK;IACXH,KAAK,EAAGA,KAAO;IACfc,MAAM,eACL,IAAApC,WAAA,CAAAkC,GAAA,EAACrC,OAAA,CAAAU,OAAM;MACN8B,OAAO,EAAGL,SAAS,GAAG,SAAS,GAAG,WAAa;MAAA,GAC1CR;IAAK,CACV,CACD;IAAAD,QAAA,EAECA,QAAQ,IAAID;EAAK,CACL,CAAC;AAElB;;AAEA;AACA;AACA;AACO,MAAMa,KAAK,GAAAG,OAAA,CAAAH,KAAA,GAAG,IAAAI,mBAAU,EAAElB,gBAAiB,CAAC;AAAC,IAAAmB,QAAA,GAAAF,OAAA,CAAA/B,OAAA,GACrC4B,KAAK","ignoreList":[]}
+{"version":3,"names":["_element","require","_react","_interopRequireWildcard","Ariakit","_button","_interopRequireDefault","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnforwardedRadio","value","children","props","ref","store","disabled","useContext","RadioGroupContext","selectedValue","useStoreState","isChecked","undefined","jsx","Radio","render","variant","exports","forwardRef","_default"],"sources":["@wordpress/components/src/radio-group/radio.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport { useStoreState } from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioProps } from './types';\n\nfunction UnforwardedRadio(\n\t{\n\t\tvalue,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioProps, 'button', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst { store, disabled } = useContext( RadioGroupContext );\n\n\tconst selectedValue = useStoreState( store, 'value' );\n\tconst isChecked = selectedValue !== undefined && selectedValue === value;\n\n\treturn (\n\t\t<Ariakit.Radio\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ store }\n\t\t\tref={ ref }\n\t\t\tvalue={ value }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ isChecked ? 'primary' : 'secondary' }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ children || value }\n\t\t</Ariakit.Radio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef( UnforwardedRadio );\nexport default Radio;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0C,IAAAG,OAAA,GAAAF,MAAA;AAM1C,IAAAG,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAf9C;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,SAASW,gBAAgBA,CACxB;EACCC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACoD,CAAC,EACzDC,GAA8B,EAC7B;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAU,EAAEC,0BAAkB,CAAC;EAE3D,MAAMC,aAAa,GAAG,IAAAC,oBAAa,EAAEL,KAAK,EAAE,OAAQ,CAAC;EACrD,MAAMM,SAAS,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAKR,KAAK;EAExE,oBACC,IAAAtB,WAAA,CAAAkC,GAAA,EAACtC,OAAO,CAACuC,KAAK;IACbR,QAAQ,EAAGA,QAAU;IACrBD,KAAK,EAAGA,KAAO;IACfD,GAAG,EAAGA,GAAK;IACXH,KAAK,EAAGA,KAAO;IACfc,MAAM,eACL,IAAApC,WAAA,CAAAkC,GAAA,EAACrC,OAAA,CAAAU,OAAM;MACN8B,OAAO,EAAGL,SAAS,GAAG,SAAS,GAAG,WAAa;MAAA,GAC1CR;IAAK,CACV,CACD;IAAAD,QAAA,EAECA,QAAQ,IAAID;EAAK,CACL,CAAC;AAElB;;AAEA;AACA;AACA;AACO,MAAMa,KAAK,GAAAG,OAAA,CAAAH,KAAA,GAAG,IAAAI,mBAAU,EAAElB,gBAAiB,CAAC;AAAC,IAAAmB,QAAA,GAAAF,OAAA,CAAA/B,OAAA,GACrC4B,KAAK","ignoreList":[]}

package/build/range-control/index.js

@@ -34,6 +34,23 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const noop = () => {};
+
+/**
+ * Computes the value that `RangeControl` should reset to when pressing
+ * the reset button.
+ */
+function computeResetValue({
+  resetFallbackValue,
+  initialPosition
+}) {
+  if (resetFallbackValue !== undefined) {
+    return !Number.isNaN(resetFallbackValue) ? resetFallbackValue : null;
+  }
+  if (initialPosition !== undefined) {
+    return !Number.isNaN(initialPosition) ? initialPosition : null;
+  }
+  return null;
+}
 function UnforwardedRangeControl(props, forwardedRef) {
   const {
     __nextHasNoMarginBottom = false,
@@ -132,12 +149,10 @@ function UnforwardedRangeControl(props, forwardedRef) {
     }
   };
   const handleOnReset = () => {
-    let resetValue = parseFloat(`${resetFallbackValue}`);
-    let onChangeResetValue = resetValue;
-    if (isNaN(resetValue)) {
-      resetValue = null;
-      onChangeResetValue = undefined;
-    }
+    // Reset to `resetFallbackValue` if defined, otherwise set internal value
+    // to `null` — which, if propagated to the `value` prop, will cause
+    // the value to be reset to the `initialPosition` prop if defined.
+    const resetValue = Number.isNaN(resetFallbackValue) ? null : resetFallbackValue !== null && resetFallbackValue !== void 0 ? resetFallbackValue : null;
     setValue(resetValue);
 
     /**
@@ -153,7 +168,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
      * preserve the undefined callback argument, except when a
      * resetFallbackValue is defined.
      */
-    onChange(onChangeResetValue);
+    onChange(resetValue !== null && resetValue !== void 0 ? resetValue : undefined);
   };
   const handleShowTooltip = () => setShowTooltip(true);
   const handleHideTooltip = () => setShowTooltip(false);
@@ -172,6 +187,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+    __associatedWPComponentName: "RangeControl",
     className: classes,
     label: label,
     hideLabelFromVision: hideLabelFromVision,
@@ -267,8 +283,15 @@ function UnforwardedRangeControl(props, forwardedRef) {
           className: "components-range-control__reset"
           // If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.
           ,
-          accessibleWhenDisabled: !disabled,
-          disabled: disabled || value === undefined,
+          accessibleWhenDisabled: !disabled
+          // The reset button should be disabled if RangeControl itself is disabled,
+          // or if the current `value` is equal to the value that would be currently
+          // assigned when clicking the button.
+          ,
+          disabled: disabled || value === computeResetValue({
+            resetFallbackValue,
+            initialPosition
+          }),
           variant: "secondary",
           size: "small",
           onClick: handleOnReset,

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","_jsxRuntime","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","clsx","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","jsx","default","children","jsxs","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","accessibleWhenDisabled","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"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\t// If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n\t\t\t\t\t\t\taccessibleWhenDisabled={ ! disabled }\n\t\t\t\t\t\t\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 *       __nextHasNoMarginBottom\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","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","_jsxRuntime","noop","computeResetValue","resetFallbackValue","initialPosition","undefined","Number","isNaN","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","theme","accent","currentInput","disabled","help","hideLabelFromVision","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","clsx","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","jsx","default","__associatedWPComponentName","children","jsxs","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","accessibleWhenDisabled","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"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\n/**\n * Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n */\nfunction computeResetValue( {\n\tresetFallbackValue,\n\tinitialPosition,\n}: Pick< RangeControlProps, 'resetFallbackValue' | 'initialPosition' > ) {\n\tif ( resetFallbackValue !== undefined ) {\n\t\treturn ! Number.isNaN( resetFallbackValue ) ? resetFallbackValue : null;\n\t}\n\n\tif ( initialPosition !== undefined ) {\n\t\treturn ! Number.isNaN( initialPosition ) ? initialPosition : null;\n\t}\n\n\treturn null;\n}\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) * 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = clsx( 'components-range-control', className );\n\n\tconst wrapperClasses = clsx(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/*\n\t\t * Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t */\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min || nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\t// Reset to `resetFallbackValue` if defined, otherwise set internal value\n\t\t// to `null` — which, if propagated to the `value` prop, will cause\n\t\t// the value to be reset to the `initialPosition` prop if defined.\n\t\tconst resetValue = Number.isNaN( resetFallbackValue )\n\t\t\t? null\n\t\t\t: resetFallbackValue ?? null;\n\n\t\tsetValue( resetValue );\n\n\t\t/**\n\t\t * Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t *\n\t\t * The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t *\n\t\t * For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t */\n\t\tonChange( resetValue ?? undefined );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t__associatedWPComponentName=\"RangeControl\"\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\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\t// If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n\t\t\t\t\t\t\taccessibleWhenDisabled={ ! disabled }\n\t\t\t\t\t\t\t// The reset button should be disabled if RangeControl itself is disabled,\n\t\t\t\t\t\t\t// or if the current `value` is equal to the value that would be currently\n\t\t\t\t\t\t\t// assigned when clicking the button.\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t\t\tvalue ===\n\t\t\t\t\t\t\t\t\tcomputeResetValue( {\n\t\t\t\t\t\t\t\t\t\tresetFallbackValue,\n\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * RangeControls are used to make selections from a range of incremental values.\n *\n * ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRangeControl = () => {\n *   const [ isChecked, setChecked ] = useState( true );\n *   return (\n *     <RangeControl\n *       __nextHasNoMarginBottom\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":[]}