@wordpress/components 25.5.0 → 25.6.0

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

@@ -1,19 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _radioCell = _interopRequireDefault(require("../mobile/bottom-sheet/radio-cell"));
-
 /**
  * Internal dependencies
  */
+
 function RadioControl({
   onChange,
   selected,
@@ -30,7 +27,6 @@ function RadioControl({
     });
   }));
 }
-
 var _default = RadioControl;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-control/index.native.js"],"names":["RadioControl","onChange","selected","options","props","map","option","index","label","value"],"mappings":";;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,SAASA,YAAT,CAAuB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA,OAAO,GAAG,EAAhC;AAAoC,KAAGC;AAAvC,CAAvB,EAAwE;AACvE,SACC,qDACGD,OAAO,CAACE,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KAAqB;AACnC,WACC,4BAAC,kBAAD;AACC,MAAA,KAAK,EAAGD,MAAM,CAACE,KADhB;AAEC,MAAA,OAAO,EAAG,MAAMP,QAAQ,CAAEK,MAAM,CAACG,KAAT,CAFzB;AAGC,MAAA,QAAQ,EAAGH,MAAM,CAACG,KAAP,KAAiBP,QAH7B;AAIC,MAAA,GAAG,EAAI,GAAGI,MAAM,CAACG,KAAO,IAAIF,KAAO,EAJpC;AAAA,SAKMH;AALN,MADD;AASA,GAVC,CADH,CADD;AAeA;;eAEcJ,Y","sourcesContent":["/**\n * Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"]}
+{"version":3,"names":["_radioCell","_interopRequireDefault","require","RadioControl","onChange","selected","options","props","_element","createElement","Fragment","map","option","index","default","label","onPress","value","key","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EACvE,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGJ,OAAO,CAACK,GAAG,CAAE,CAAEC,MAAM,EAAEC,KAAK,KAAM;IACnC,OACC,IAAAL,QAAA,CAAAC,aAAA,EAACT,UAAA,CAAAc,OAAS;MACTC,KAAK,EAAGH,MAAM,CAACG,KAAO;MACtBC,OAAO,EAAGA,CAAA,KAAMZ,QAAQ,CAAEQ,MAAM,CAACK,KAAM,CAAG;MAC1CZ,QAAQ,EAAGO,MAAM,CAACK,KAAK,KAAKZ,QAAU;MACtCa,GAAG,EAAI,GAAGN,MAAM,CAACK,KAAO,IAAIJ,KAAO,EAAG;MAAA,GACjCN;IAAK,CACV,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL;AAAC,IAAAY,QAAA,GAEchB,YAAY;AAAAiB,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/radio-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { BaseControlProps } from '../base-control/types';\n\nexport type RadioControlProps = Pick<\n\tBaseControlProps,\n\t'label' | 'help' | 'hideLabelFromVision'\n> & {\n\t/**\n\t * A function that receives the value of the new option that is being\n\t * selected as input.\n\t */\n\tonChange: ( value: string ) => void;\n\t/**\n\t * An array of objects containing the value and label of the options.\n\t */\n\toptions?: {\n\t\t/**\n\t\t * The label to be shown to the user\n\t\t */\n\t\tlabel: string;\n\t\t/**\n\t\t * The internal value compared against select and passed to onChange\n\t\t */\n\t\tvalue: string;\n\t}[];\n\t/**\n\t * The value property of the currently selected option.\n\t */\n\tselected?: string;\n};\n"],"mappings":""}

package/build/radio-group/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _Radio = require("reakit/Radio");
-
 var _buttonGroup = _interopRequireDefault(require("../button-group"));
-
 var _radioContext = _interopRequireDefault(require("./radio-context"));
-
 // @ts-nocheck
 
 /**
@@ -28,6 +22,7 @@ var _radioContext = _interopRequireDefault(require("./radio-context"));
 /**
  * Internal dependencies
  */
+
 function RadioGroup({
   label,
   checked,
@@ -40,7 +35,8 @@ function RadioGroup({
     state: defaultChecked,
     baseId: props.id
   });
-  const radioContext = { ...radioState,
+  const radioContext = {
+    ...radioState,
     disabled,
     // Controlled or uncontrolled.
     state: checked !== null && checked !== void 0 ? checked : radioState.state,
@@ -56,12 +52,10 @@ function RadioGroup({
     ...props
   }));
 }
+
 /**
  * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
  */
-
-
 var _default = (0, _element.forwardRef)(RadioGroup);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-group/index.js"],"names":["RadioGroup","label","checked","defaultChecked","disabled","onChange","props","ref","radioState","state","baseId","id","radioContext","setState","ButtonGroup"],"mappings":";;;;;;;;;AAUA;;AALA;;AAUA;;AACA;;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,SAASA,UAAT,CACC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,OAAT;AAAkBC,EAAAA,cAAlB;AAAkCC,EAAAA,QAAlC;AAA4CC,EAAAA,QAA5C;AAAsD,KAAGC;AAAzD,CADD,EAECC,GAFD,EAGE;AACD,QAAMC,UAAU,GAAG,0BAAe;AACjCC,IAAAA,KAAK,EAAEN,cAD0B;AAEjCO,IAAAA,MAAM,EAAEJ,KAAK,CAACK;AAFmB,GAAf,CAAnB;AAIA,QAAMC,YAAY,GAAG,EACpB,GAAGJ,UADiB;AAEpBJ,IAAAA,QAFoB;AAGpB;AACAK,IAAAA,KAAK,EAAEP,OAAF,aAAEA,OAAF,cAAEA,OAAF,GAAaM,UAAU,CAACC,KAJT;AAKpBI,IAAAA,QAAQ,EAAER,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAcG,UAAU,CAACK;AALb,GAArB;AAQA,SACC,4BAAC,qBAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAGD;AAA/B,KACC,4BAAC,iBAAD;AACC,IAAA,GAAG,EAAGL,GADP;AAEC,IAAA,EAAE,EAAGO,oBAFN;AAGC,kBAAab,KAHd;AAAA,OAIMO,UAJN;AAAA,OAKMF;AALN,IADD,CADD;AAWA;AAED;AACA;AACA;;;eACe,yBAAYN,UAAZ,C","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"]}
+{"version":3,"names":["_element","require","_Radio","_buttonGroup","_interopRequireDefault","_radioContext","RadioGroup","label","checked","defaultChecked","disabled","onChange","props","ref","radioState","useRadioState","state","baseId","id","radioContext","setState","createElement","default","Provider","value","as","ButtonGroup","_default","forwardRef","exports"],"sources":["@wordpress/components/src/radio-group/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,MAAA,GAAAD,OAAA;AAUA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASK,UAAUA,CAClB;EAAEC,KAAK;EAAEC,OAAO;EAAEC,cAAc;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAChEC,GAAG,EACF;EACD,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAE;IACjCC,KAAK,EAAEP,cAAc;IACrBQ,MAAM,EAAEL,KAAK,CAACM;EACf,CAAE,CAAC;EACH,MAAMC,YAAY,GAAG;IACpB,GAAGL,UAAU;IACbJ,QAAQ;IACR;IACAM,KAAK,EAAER,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIM,UAAU,CAACE,KAAK;IAClCI,QAAQ,EAAET,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,UAAU,CAACM;EAClC,CAAC;EAED,OACC,IAAApB,QAAA,CAAAqB,aAAA,EAAChB,aAAA,CAAAiB,OAAY,CAACC,QAAQ;IAACC,KAAK,EAAGL;EAAc,GAC5C,IAAAnB,QAAA,CAAAqB,aAAA,EAACnB,MAAA,CAAAI,UAAgB;IAChBO,GAAG,EAAGA,GAAK;IACXY,EAAE,EAAGC,oBAAa;IAClB,cAAanB,KAAO;IAAA,GACfO,UAAU;IAAA,GACVF;EAAK,CACV,CACqB,CAAC;AAE1B;;AAEA;AACA;AACA;AAFA,IAAAe,QAAA,GAGe,IAAAC,mBAAU,EAAEtB,UAAW,CAAC;AAAAuB,OAAA,CAAAP,OAAA,GAAAK,QAAA"}

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _Radio = require("reakit/Radio");
-
 var _button = _interopRequireDefault(require("../../button"));
-
 var _radioContext = _interopRequireDefault(require("../radio-context"));
-
 // @ts-nocheck
 
 /**
@@ -28,6 +22,7 @@ var _radioContext = _interopRequireDefault(require("../radio-context"));
 /**
  * Internal dependencies
  */
+
 function Radio({
   children,
   value,
@@ -44,12 +39,10 @@ function Radio({
     ...props
   }, children || value);
 }
+
 /**
  * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
  */
-
-
 var _default = (0, _element.forwardRef)(Radio);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-group/radio/index.js"],"names":["Radio","children","value","props","ref","radioContext","RadioContext","checked","state","Button"],"mappings":";;;;;;;;;AAUA;;AALA;;AAUA;;AACA;;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,SAASA,KAAT,CAAgB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,KAAZ;AAAmB,KAAGC;AAAtB,CAAhB,EAA+CC,GAA/C,EAAqD;AACpD,QAAMC,YAAY,GAAG,yBAAYC,qBAAZ,CAArB;AACA,QAAMC,OAAO,GAAGF,YAAY,CAACG,KAAb,KAAuBN,KAAvC;AAEA,SACC,4BAAC,YAAD;AACC,IAAA,GAAG,EAAGE,GADP;AAEC,IAAA,EAAE,EAAGK,eAFN;AAGC,IAAA,OAAO,EAAGF,OAAO,GAAG,SAAH,GAAe,WAHjC;AAIC,IAAA,KAAK,EAAGL,KAJT;AAAA,OAKMG,YALN;AAAA,OAMMF;AANN,KAQGF,QAAQ,IAAIC,KARf,CADD;AAYA;AAED;AACA;AACA;;;eACe,yBAAYF,KAAZ,C","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"]}
+{"version":3,"names":["_element","require","_Radio","_button","_interopRequireDefault","_radioContext","Radio","children","value","props","ref","radioContext","useContext","RadioContext","checked","state","createElement","as","Button","variant","_default","forwardRef","exports","default"],"sources":["@wordpress/components/src/radio-group/radio/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,MAAA,GAAAD,OAAA;AAUA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASK,KAAKA,CAAE;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACpD,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAAEC,qBAAa,CAAC;EAC/C,MAAMC,OAAO,GAAGH,YAAY,CAACI,KAAK,KAAKP,KAAK;EAE5C,OACC,IAAAR,QAAA,CAAAgB,aAAA,EAACd,MAAA,CAAAI,KAAW;IACXI,GAAG,EAAGA,GAAK;IACXO,EAAE,EAAGC,eAAQ;IACbC,OAAO,EAAGL,OAAO,GAAG,SAAS,GAAG,WAAa;IAC7CN,KAAK,EAAGA,KAAO;IAAA,GACVG,YAAY;IAAA,GACZF;EAAK,GAERF,QAAQ,IAAIC,KACF,CAAC;AAEhB;;AAEA;AACA;AACA;AAFA,IAAAY,QAAA,GAGe,IAAAC,mBAAU,EAAEf,KAAM,CAAC;AAAAgB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/radio-group/radio-context/index.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 /**
  * WordPress dependencies
  */
+
 const RadioContext = (0, _element.createContext)({
   state: null,
   setState: () => {}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-group/radio-context/index.js"],"names":["RadioContext","state","setState"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,YAAY,GAAG,4BAAe;AACnCC,EAAAA,KAAK,EAAE,IAD4B;AAEnCC,EAAAA,QAAQ,EAAE,MAAM,CAAE;AAFiB,CAAf,CAArB;eAKeF,Y","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst RadioContext = createContext( {\n\tstate: null,\n\tsetState: () => {},\n} );\n\nexport default RadioContext;\n"]}
+{"version":3,"names":["_element","require","RadioContext","createContext","state","setState","_default","exports","default"],"sources":["@wordpress/components/src/radio-group/radio-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst RadioContext = createContext( {\n\tstate: null,\n\tsetState: () => {},\n} );\n\nexport default RadioContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,YAAY,GAAG,IAAAC,sBAAa,EAAE;EACnCC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAE,CAAC;AAAC,IAAAC,QAAA,GAEWJ,YAAY;AAAAK,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/range-control/index.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RangeControl = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _compose = require("@wordpress/compose");
-
 var _baseControl = _interopRequireDefault(require("../base-control"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _utils = require("../utils");
-
 var _utils2 = require("./utils");
-
 var _math = require("../utils/math");
-
 var _inputRange = _interopRequireDefault(require("./input-range"));
-
 var _rail = _interopRequireDefault(require("./rail"));
-
 var _tooltip = _interopRequireDefault(require("./tooltip"));
-
 var _rangeControlStyles = require("./styles/range-control-styles");
-
 var _space = require("../ui/utils/space");
-
 /**
  * External dependencies
  */
@@ -48,8 +31,8 @@ var _space = require("../ui/utils/space");
 /**
  * Internal dependencies
  */
-const noop = () => {};
 
+const noop = () => {};
 function UnforwardedRangeControl(props, forwardedRef) {
   const {
     __nextHasNoMarginBottom = false,
@@ -57,7 +40,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     allowReset = false,
     beforeIcon,
     className,
-    color: colorProp = _utils.COLORS.ui.theme,
+    color: colorProp = _utils.COLORS.theme.accent,
     currentInput,
     disabled = false,
     help,
@@ -94,14 +77,12 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const isResetPendent = (0, _element.useRef)(false);
   let hasTooltip = showTooltipProp;
   let hasInputField = withInputField;
-
   if (step === 'any') {
     // The tooltip and number input field are hidden when the step is "any"
     // because the decimals get too lengthy to fit well.
     hasTooltip = false;
     hasInputField = false;
   }
-
   const [showTooltip, setShowTooltip] = (0, _element.useState)(hasTooltip);
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   const inputRef = (0, _element.useRef)();
@@ -118,52 +99,46 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const id = (0, _compose.useInstanceId)(UnforwardedRangeControl, 'inspector-range-control');
   const describedBy = !!help ? `${id}__help` : undefined;
   const enableTooltip = hasTooltip !== false && Number.isFinite(value);
-
   const handleOnRangeChange = event => {
     const nextValue = parseFloat(event.target.value);
     setValue(nextValue);
     onChange(nextValue);
   };
-
   const handleOnChange = next => {
     // @ts-expect-error TODO: Investigate if it's problematic for setValue() to
     // potentially receive a NaN when next is undefined.
     let nextValue = parseFloat(next);
     setValue(nextValue);
+
     /*
      * Calls onChange only when nextValue is numeric
      * otherwise may queue a reset for the blur event.
      */
-
     if (!isNaN(nextValue)) {
       if (nextValue < min || nextValue > max) {
         nextValue = (0, _utils2.floatClamp)(nextValue, min, max);
       }
-
       onChange(nextValue);
       isResetPendent.current = false;
     } else if (allowReset) {
       isResetPendent.current = true;
     }
   };
-
   const handleOnInputNumberBlur = () => {
     if (isResetPendent.current) {
       handleOnReset();
       isResetPendent.current = false;
     }
   };
-
   const handleOnReset = () => {
     let resetValue = parseFloat(`${resetFallbackValue}`);
     let onChangeResetValue = resetValue;
-
     if (isNaN(resetValue)) {
       resetValue = null;
       onChangeResetValue = undefined;
     }
-
     setValue(resetValue);
+
     /**
      * Previously, this callback would always receive undefined as
      * an argument. This behavior is unexpected, specifically
@@ -177,26 +152,20 @@ function UnforwardedRangeControl(props, forwardedRef) {
      * preserve the undefined callback argument, except when a
      * resetFallbackValue is defined.
      */
-
     onChange(onChangeResetValue);
   };
-
   const handleShowTooltip = () => setShowTooltip(true);
-
   const handleHideTooltip = () => setShowTooltip(false);
-
   const handleOnBlur = event => {
     onBlur(event);
     setIsFocused(false);
     handleHideTooltip();
   };
-
   const handleOnFocus = event => {
     onFocus(event);
     setIsFocused(true);
     handleShowTooltip();
   };
-
   const offsetStyle = {
     [(0, _i18n.isRTL)() ? 'right' : 'left']: fillValueOffset
   };
@@ -217,7 +186,8 @@ function UnforwardedRangeControl(props, forwardedRef) {
     className: wrapperClasses,
     color: colorProp,
     marks: !!marks
-  }, (0, _element.createElement)(_inputRange.default, { ...otherProps,
+  }, (0, _element.createElement)(_inputRange.default, {
+    ...otherProps,
     className: "components-range-control__slider",
     describedBy: describedBy,
     disabled: disabled,
@@ -281,7 +251,8 @@ function UnforwardedRangeControl(props, forwardedRef) {
     shiftStep: shiftStep,
     size: __next40pxDefaultSize ? '__unstable-large' : 'default',
     __unstableInputWidth: __next40pxDefaultSize ? (0, _space.space)(20) : (0, _space.space)(16),
-    step: step // @ts-expect-error TODO: Investigate if the `null` value is necessary
+    step: step
+    // @ts-expect-error TODO: Investigate if the `null` value is necessary
     ,
     value: inputSliderValue
   }), allowReset && (0, _element.createElement)(_rangeControlStyles.ActionRightWrapper, null, (0, _element.createElement)(_button.default, {
@@ -292,6 +263,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     onClick: handleOnReset
   }, (0, _i18n.__)('Reset')))));
 }
+
 /**
  * RangeControls are used to make selections from a range of incremental values.
  *
@@ -314,8 +286,6 @@ function UnforwardedRangeControl(props, forwardedRef) {
  * };
  * ```
  */
-
-
 const RangeControl = (0, _element.forwardRef)(UnforwardedRangeControl);
 exports.RangeControl = RangeControl;
 var _default = RangeControl;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/index.tsx"],"names":["noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","ui","theme","currentInput","disabled","help","hideLabelFromVision","initialPosition","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","resetFallbackValue","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","initial","isResetPendent","hasTooltip","hasInputField","setShowTooltip","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","width","RangeControl"],"mappings":"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","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 '../ui/context';\nimport { space } from '../ui/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.ui.theme,\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={ true }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\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={ true }\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused || showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ 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\tisSmall\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\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"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_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","createElement","default","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","variant","isSmall","onClick","__","RangeControl","forwardRef","exports","_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 '../ui/context';\nimport { space } from '../ui/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={ true }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\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={ true }\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused || showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ 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\tisSmall\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\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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"}

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _rangeCell = _interopRequireDefault(require("../mobile/bottom-sheet/range-cell"));
-
 var _stepperCell = _interopRequireDefault(require("../mobile/bottom-sheet/stepper-cell"));
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,7 @@ var _stepperCell = _interopRequireDefault(require("../mobile/bottom-sheet/steppe
 /**
  * Internal dependencies
  */
+
 const RangeControl = (0, _element.memo)(({
   className,
   currentInput,
@@ -50,7 +46,6 @@ const RangeControl = (0, _element.memo)(({
       disabled: disabled
     });
   }
-
   const id = `inspector-range-control-${instanceId}`;
   const currentInputValue = currentInput === null ? value : currentInput;
   const initialSliderValue = isFinite(currentInputValue) ? currentInputValue : initialPosition;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/index.native.js"],"names":["RangeControl","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","disabled","props","id","currentInputValue","initialSliderValue","isFinite","undefined"],"mappings":";;;;;;;;;AAGA;;AAIA;;AACA;;AARA;AACA;AACA;;AAEA;AACA;AACA;AAIA,MAAMA,YAAY,GAAG,mBACpB,CAAE;AACDC,EAAAA,SADC;AAEDC,EAAAA,YAFC;AAGDC,EAAAA,KAHC;AAIDC,EAAAA,KAJC;AAKDC,EAAAA,UALC;AAMDC,EAAAA,QANC;AAODC,EAAAA,UAPC;AAQDC,EAAAA,SARC;AASDC,EAAAA,IATC;AAUDC,EAAAA,UAVC;AAWDC,EAAAA,eAXC;AAYDC,EAAAA,GAZC;AAaDC,EAAAA,GAbC;AAcDC,EAAAA,IAdC;AAeDC,EAAAA,aAfC;AAgBDC,EAAAA,QAhBC;AAiBD,KAAGC;AAjBF,CAAF,KAkBO;AACN,MAAKH,IAAI,KAAK,SAAd,EAA0B;AACzB,WACC,4BAAC,oBAAD;AACC,MAAA,KAAK,EAAGX,KADT;AAEC,MAAA,GAAG,EAAGU,GAFP;AAGC,MAAA,GAAG,EAAGD,GAHP;AAIC,MAAA,QAAQ,EAAGN,QAJZ;AAKC,MAAA,aAAa,EAAGS,aALjB;AAMC,MAAA,KAAK,EAAGX,KANT;AAOC,MAAA,QAAQ,EAAGY;AAPZ,MADD;AAWA;;AACD,QAAME,EAAE,GAAI,2BAA2Bb,UAAY,EAAnD;AACA,QAAMc,iBAAiB,GAAGjB,YAAY,KAAK,IAAjB,GAAwBE,KAAxB,GAAgCF,YAA1D;AACA,QAAMkB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAF,CAAR,GACxBA,iBADwB,GAExBR,eAFH;AAIA,SACC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAGR,KADT;AAEC,IAAA,EAAE,EAAGe,EAFN;AAGC,IAAA,IAAI,EAAGT,IAHR;AAIC,IAAA,SAAS,EAAGR,SAJb;AAKC,IAAA,QAAQ,EAAGK,QALZ;AAMC,wBAAmB,CAAC,CAAEG,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BI,SANhD;AAOC,IAAA,YAAY,EAAGV,GAPhB;AAQC,IAAA,YAAY,EAAGC,GARhB;AASC,IAAA,KAAK,EAAGT,KATT;AAUC,IAAA,UAAU,EAAGG,UAVd;AAWC,IAAA,SAAS,EAAGC,SAXb;AAYC,IAAA,UAAU,EAAGE,UAZd;AAaC,IAAA,YAAY,EAAGU,kBAbhB;AAcC,IAAA,aAAa,EAAGL,aAdjB;AAeC,IAAA,QAAQ,EAAGC,QAfZ;AAAA,OAgBMC;AAhBN,IADD;AAoBA,CA3DmB,CAArB;eA8DejB,Y","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"]}
+{"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","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,IAAApB,QAAA,CAAAwB,aAAA,EAACpB,YAAA,CAAAqB,OAAW;MACXhB,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,MAAMI,EAAE,GAAI,2BAA2Bf,UAAY,EAAC;EACpD,MAAMgB,iBAAiB,GAAGnB,YAAY,KAAK,IAAI,GAAGE,KAAK,GAAGF,YAAY;EACtE,MAAMoB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAkB,CAAC,GACrDA,iBAAiB,GACjBV,eAAe;EAElB,OACC,IAAAjB,QAAA,CAAAwB,aAAA,EAACtB,UAAA,CAAAuB,OAAS;IACThB,KAAK,EAAGA,KAAO;IACfiB,EAAE,EAAGA,EAAI;IACTX,IAAI,EAAGA,IAAM;IACbR,SAAS,EAAGA,SAAW;IACvBK,QAAQ,EAAGA,QAAU;IACrB,oBAAmB,CAAC,CAAEG,IAAI,GAAI,GAAGW,EAAI,QAAO,GAAGI,SAAW;IAC1DC,YAAY,EAAGb,GAAK;IACpBc,YAAY,EAAGb,GAAK;IACpBT,KAAK,EAAGA,KAAO;IACfG,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBE,UAAU,EAAGA,UAAY;IACzBiB,YAAY,EAAGL,kBAAoB;IACnCP,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAAC,IAAAW,QAAA,GAEa7B,YAAY;AAAA8B,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _rangeControlStyles = require("./styles/range-control-styles");
-
 /**
  * WordPress dependencies
  */
@@ -16,6 +13,7 @@ var _rangeControlStyles = require("./styles/range-control-styles");
 /**
  * Internal dependencies
  */
+
 function InputRange(props, ref) {
   const {
     describedBy,
@@ -23,7 +21,8 @@ function InputRange(props, ref) {
     value,
     ...otherProps
   } = props;
-  return (0, _element.createElement)(_rangeControlStyles.InputRange, { ...otherProps,
+  return (0, _element.createElement)(_rangeControlStyles.InputRange, {
+    ...otherProps,
     "aria-describedby": describedBy,
     "aria-label": label,
     "aria-hidden": false,
@@ -33,7 +32,6 @@ function InputRange(props, ref) {
     value: value
   });
 }
-
 const ForwardedComponent = (0, _element.forwardRef)(InputRange);
 var _default = ForwardedComponent;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/input-range.tsx"],"names":["InputRange","props","ref","describedBy","label","value","otherProps","ForwardedComponent"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAMA,SAASA,UAAT,CACCC,KADD,EAECC,GAFD,EAGE;AACD,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA,KAAtB;AAA6B,OAAGC;AAAhC,MAA+CL,KAArD;AACA,SACC,4BAAC,8BAAD,OACMK,UADN;AAEC,wBAAmBH,WAFpB;AAGC,kBAAaC,KAHd;AAIC,mBAAc,KAJf;AAKC,IAAA,GAAG,EAAGF,GALP;AAMC,IAAA,QAAQ,EAAG,CANZ;AAOC,IAAA,IAAI,EAAC,OAPN;AAQC,IAAA,KAAK,EAAGG;AART,IADD;AAYA;;AAED,MAAME,kBAAkB,GAAG,yBAAYP,UAAZ,CAA3B;eAEeO,kB","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 '../ui/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"]}
+{"version":3,"names":["_element","require","_rangeControlStyles","InputRange","props","ref","describedBy","label","value","otherProps","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 '../ui/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,IAAAJ,QAAA,CAAAU,aAAA,EAACR,mBAAA,CAAAC,UAAc;IAAA,GACTM,UAAU;IACf,oBAAmBH,WAAa;IAChC,cAAaC,KAAO;IACpB,eAAc,KAAO;IACrBF,GAAG,EAAGA,GAAK;IACXM,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,OAAO;IACZJ,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ;AAEA,MAAMK,kBAAkB,GAAG,IAAAC,mBAAU,EAAEX,UAAW,CAAC;AAAC,IAAAY,QAAA,GAErCF,kBAAkB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/range-control/mark.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RangeMark;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _rangeControlStyles = require("./styles/range-control-styles");
-
 /**
  * External dependencies
  */
@@ -20,6 +15,7 @@ var _rangeControlStyles = require("./styles/range-control-styles");
 /**
  * Internal dependencies
  */
+
 function RangeMark(props) {
   const {
     className,
@@ -30,7 +26,8 @@ function RangeMark(props) {
   } = props;
   const classes = (0, _classnames.default)('components-range-control__mark', isFilled && 'is-filled', className);
   const labelClasses = (0, _classnames.default)('components-range-control__mark-label', isFilled && 'is-filled');
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_rangeControlStyles.Mark, { ...otherProps,
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_rangeControlStyles.Mark, {
+    ...otherProps,
     "aria-hidden": "true",
     className: classes,
     isFilled: isFilled,