@react-stately/numberfield 3.0.4 → 3.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.js +33 -31
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +33 -31
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts.map +1 -1
  6. package/package.json +4 -4
  7. package/src/useNumberFieldState.ts +9 -3
package/dist/main.js CHANGED
@@ -1,6 +1,6 @@
1
- var $ecmGu$reactstatelyutils = require("@react-stately/utils");
2
- var $ecmGu$internationalizednumber = require("@internationalized/number");
3
- var $ecmGu$react = require("react");
1
+ var $cmJn2$reactstatelyutils = require("@react-stately/utils");
2
+ var $cmJn2$internationalizednumber = require("@internationalized/number");
3
+ var $cmJn2$react = require("react");
4
4
 
5
5
  function $parcel$exportWildcard(dest, source) {
6
6
  Object.keys(source).forEach(function(key) {
@@ -21,28 +21,28 @@ function $parcel$exportWildcard(dest, source) {
21
21
  function $parcel$export(e, n, v, s) {
22
22
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
23
23
  }
24
- var $28806f9190f1b366$exports = {};
24
+ var $e18a693eeaf9c060$exports = {};
25
25
 
26
- $parcel$export($28806f9190f1b366$exports, "useNumberFieldState", () => $28806f9190f1b366$export$7f629e9dc1ecf37c);
26
+ $parcel$export($e18a693eeaf9c060$exports, "useNumberFieldState", () => $e18a693eeaf9c060$export$7f629e9dc1ecf37c);
27
27
 
28
28
 
29
29
 
30
- function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
30
+ function $e18a693eeaf9c060$export$7f629e9dc1ecf37c(props) {
31
31
  let { minValue: minValue , maxValue: maxValue , step: step , formatOptions: formatOptions , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , isDisabled: isDisabled , isReadOnly: isReadOnly } = props;
32
- let [numberValue, setNumberValue] = $ecmGu$reactstatelyutils.useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
33
- let [inputValue, setInputValue] = $ecmGu$react.useState(()=>isNaN(numberValue) ? '' : new $ecmGu$internationalizednumber.NumberFormatter(locale, formatOptions).format(numberValue)
32
+ let [numberValue, setNumberValue] = $cmJn2$reactstatelyutils.useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
33
+ let [inputValue, setInputValue] = $cmJn2$react.useState(()=>isNaN(numberValue) ? '' : new $cmJn2$internationalizednumber.NumberFormatter(locale, formatOptions).format(numberValue)
34
34
  );
35
- let numberParser = $ecmGu$react.useMemo(()=>new $ecmGu$internationalizednumber.NumberParser(locale, formatOptions)
35
+ let numberParser = $cmJn2$react.useMemo(()=>new $cmJn2$internationalizednumber.NumberParser(locale, formatOptions)
36
36
  , [
37
37
  locale,
38
38
  formatOptions
39
39
  ]);
40
- let numberingSystem = $ecmGu$react.useMemo(()=>numberParser.getNumberingSystem(inputValue)
40
+ let numberingSystem = $cmJn2$react.useMemo(()=>numberParser.getNumberingSystem(inputValue)
41
41
  , [
42
42
  numberParser,
43
43
  inputValue
44
44
  ]);
45
- let formatter = $ecmGu$react.useMemo(()=>new $ecmGu$internationalizednumber.NumberFormatter(locale, {
45
+ let formatter = $cmJn2$react.useMemo(()=>new $cmJn2$internationalizednumber.NumberFormatter(locale, {
46
46
  ...formatOptions,
47
47
  numberingSystem: numberingSystem
48
48
  })
@@ -51,11 +51,11 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
51
51
  formatOptions,
52
52
  numberingSystem
53
53
  ]);
54
- let intlOptions = $ecmGu$react.useMemo(()=>formatter.resolvedOptions()
54
+ let intlOptions = $cmJn2$react.useMemo(()=>formatter.resolvedOptions()
55
55
  , [
56
56
  formatter
57
57
  ]);
58
- let format = $ecmGu$react.useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
58
+ let format = $cmJn2$react.useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
59
59
  , [
60
60
  formatter
61
61
  ]);
@@ -64,20 +64,22 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
64
64
  // Update the input value when the number value or format options change. This is done
65
65
  // in a useEffect so that the controlled behavior is correct and we only update the
66
66
  // textfield after prop changes.
67
- $ecmGu$react.useEffect(()=>{
67
+ let prevValue = $cmJn2$react.useRef(numberValue);
68
+ let prevLocale = $cmJn2$react.useRef(locale);
69
+ let prevFormatOptions = $cmJn2$react.useRef(formatOptions);
70
+ if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
68
71
  setInputValue(format(numberValue));
69
- }, [
70
- numberValue,
71
- locale,
72
- formatOptions
73
- ]);
72
+ prevValue.current = numberValue;
73
+ prevLocale.current = locale;
74
+ prevFormatOptions.current = formatOptions;
75
+ }
74
76
  // Store last parsed value in a ref so it can be used by increment/decrement below
75
- let parsedValue = $ecmGu$react.useMemo(()=>numberParser.parse(inputValue)
77
+ let parsedValue = $cmJn2$react.useMemo(()=>numberParser.parse(inputValue)
76
78
  , [
77
79
  numberParser,
78
80
  inputValue
79
81
  ]);
80
- let parsed = $ecmGu$react.useRef(0);
82
+ let parsed = $cmJn2$react.useRef(0);
81
83
  parsed.current = parsedValue;
82
84
  let commit = ()=>{
83
85
  // Set to empty state if input value is empty
@@ -93,8 +95,8 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
93
95
  }
94
96
  // Clamp to min and max, round to the nearest step, and round to specified number of digits
95
97
  let clampedValue;
96
- if (isNaN(step)) clampedValue = $ecmGu$reactstatelyutils.clamp(parsed.current, minValue, maxValue);
97
- else clampedValue = $ecmGu$reactstatelyutils.snapValueToStep(parsed.current, minValue, maxValue, step);
98
+ if (isNaN(step)) clampedValue = $cmJn2$reactstatelyutils.clamp(parsed.current, minValue, maxValue);
99
+ else clampedValue = $cmJn2$reactstatelyutils.snapValueToStep(parsed.current, minValue, maxValue, step);
98
100
  clampedValue = numberParser.parse(format(clampedValue));
99
101
  setNumberValue(clampedValue);
100
102
  // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
@@ -106,13 +108,13 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
106
108
  // if the input is empty, start from the min/max value when incrementing/decrementing,
107
109
  // or zero if there is no min/max value defined.
108
110
  let newValue = isNaN(minMax) ? 0 : minMax;
109
- return $ecmGu$reactstatelyutils.snapValueToStep(newValue, minValue, maxValue, clampStep);
111
+ return $cmJn2$reactstatelyutils.snapValueToStep(newValue, minValue, maxValue, clampStep);
110
112
  } else {
111
113
  // otherwise, first snap the current value to the nearest step. if it moves in the direction
112
114
  // we're going, use that value, otherwise add the step and snap that value.
113
- let newValue = $ecmGu$reactstatelyutils.snapValueToStep(prev, minValue, maxValue, clampStep);
115
+ let newValue = $cmJn2$reactstatelyutils.snapValueToStep(prev, minValue, maxValue, clampStep);
114
116
  if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
115
- return $ecmGu$reactstatelyutils.snapValueToStep($28806f9190f1b366$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
117
+ return $cmJn2$reactstatelyutils.snapValueToStep($e18a693eeaf9c060$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
116
118
  }
117
119
  };
118
120
  let increment = ()=>{
@@ -130,12 +132,12 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
130
132
  setNumberValue(newValue);
131
133
  };
132
134
  let incrementToMax = ()=>{
133
- if (maxValue != null) setNumberValue($ecmGu$reactstatelyutils.snapValueToStep(maxValue, minValue, maxValue, clampStep));
135
+ if (maxValue != null) setNumberValue($cmJn2$reactstatelyutils.snapValueToStep(maxValue, minValue, maxValue, clampStep));
134
136
  };
135
137
  let decrementToMin = ()=>{
136
138
  if (minValue != null) setNumberValue(minValue);
137
139
  };
138
- let canIncrement = $ecmGu$react.useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || $ecmGu$reactstatelyutils.snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $28806f9190f1b366$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue)
140
+ let canIncrement = $cmJn2$react.useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || $cmJn2$reactstatelyutils.snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $e18a693eeaf9c060$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue)
139
141
  , [
140
142
  isDisabled,
141
143
  isReadOnly,
@@ -144,7 +146,7 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
144
146
  clampStep,
145
147
  parsedValue
146
148
  ]);
147
- let canDecrement = $ecmGu$react.useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || $ecmGu$reactstatelyutils.snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $28806f9190f1b366$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue)
149
+ let canDecrement = $cmJn2$react.useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || $cmJn2$reactstatelyutils.snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $e18a693eeaf9c060$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue)
148
150
  , [
149
151
  isDisabled,
150
152
  isReadOnly,
@@ -171,7 +173,7 @@ function $28806f9190f1b366$export$7f629e9dc1ecf37c(props) {
171
173
  commit: commit
172
174
  };
173
175
  }
174
- function $28806f9190f1b366$var$handleDecimalOperation(operator, value1, value2) {
176
+ function $e18a693eeaf9c060$var$handleDecimalOperation(operator, value1, value2) {
175
177
  let result = operator === '+' ? value1 + value2 : value1 - value2;
176
178
  // Check if we have decimals
177
179
  if (value1 % 1 !== 0 || value2 % 1 !== 0) {
@@ -192,7 +194,7 @@ function $28806f9190f1b366$var$handleDecimalOperation(operator, value1, value2)
192
194
  }
193
195
 
194
196
 
195
- $parcel$exportWildcard(module.exports, $28806f9190f1b366$exports);
197
+ $parcel$exportWildcard(module.exports, $e18a693eeaf9c060$exports);
196
198
 
197
199
 
198
200
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/useNumberFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {NumberFieldProps} from '@react-types/numberfield';\nimport {NumberFormatter, NumberParser} from '@internationalized/number';\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nexport interface NumberFieldState {\n /**\n * The current text value of the input. Updated as the user types,\n * and formatted according to `formatOptions` on blur.\n */\n inputValue: string,\n /**\n * The currently parsed number value, or NaN if a valid number could not be parsed.\n * Updated based on the `inputValue` as the user types.\n */\n numberValue: number,\n /** The minimum value of the number field. */\n minValue: number,\n /** The maximum value of the number field. */\n maxValue: number,\n /** Whether the current value can be incremented according to the maximum value and step. */\n canIncrement: boolean,\n /** Whether the current value can be decremented according to the minimum value and step. */\n canDecrement: boolean,\n /**\n * Validates a user input string according to the current locale and format options.\n * Values can be partially entered, and may be valid even if they cannot currently be parsed to a number.\n * Can be used to implement validation as a user types.\n */\n validate(value: string): boolean,\n /** Sets the current text value of the input. */\n setInputValue(val: string): void,\n /**\n * Commits the current input value. The value is parsed to a number, clamped according\n * to the minimum and maximum values of the field, and snapped to the nearest step value.\n * This will fire the `onChange` prop with the new value, and if uncontrolled, update the `numberValue`.\n * Typically this is called when the field is blurred.\n */\n commit(): void,\n /** Increments the current input value to the next step boundary, and fires `onChange`. */\n increment(): void,\n /** Decrements the current input value to the next step boundary, and fires `onChange`. */\n decrement(): void,\n /** Sets the current value to the `maxValue` if any, and fires `onChange`. */\n incrementToMax(): void,\n /** Sets the current value to the `minValue` if any, and fires `onChange`. */\n decrementToMin(): void\n}\n\ninterface NumberFieldStateProps extends NumberFieldProps {\n /**\n * The locale that should be used for parsing.\n * @default 'en-US'\n */\n locale: string\n}\n\n/**\n * Provides state management for a number field component. Number fields allow users to enter a number,\n * and increment or decrement the value using stepper buttons.\n */\nexport function useNumberFieldState(\n props: NumberFieldStateProps\n): NumberFieldState {\n let {\n minValue,\n maxValue,\n step,\n formatOptions,\n value,\n defaultValue,\n onChange,\n locale,\n isDisabled,\n isReadOnly\n } = props;\n\n let [numberValue, setNumberValue] = useControlledState<number>(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);\n let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));\n\n let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);\n let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);\n let formatter = useMemo(() => new NumberFormatter(locale, {...formatOptions, numberingSystem}), [locale, formatOptions, numberingSystem]);\n let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);\n let format = useCallback((value: number) => isNaN(value) ? '' : formatter.format(value), [formatter]);\n\n let clampStep = !isNaN(step) ? step : 1;\n if (intlOptions.style === 'percent' && isNaN(step)) {\n clampStep = 0.01;\n }\n\n // Update the input value when the number value or format options change. This is done\n // in a useEffect so that the controlled behavior is correct and we only update the\n // textfield after prop changes.\n useEffect(() => {\n setInputValue(format(numberValue));\n }, [numberValue, locale, formatOptions]);\n\n // Store last parsed value in a ref so it can be used by increment/decrement below\n let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);\n let parsed = useRef(0);\n parsed.current = parsedValue;\n\n let commit = () => {\n // Set to empty state if input value is empty\n if (!inputValue.length) {\n setNumberValue(NaN);\n setInputValue(value === undefined ? '' : format(numberValue));\n return;\n }\n\n // if it failed to parse, then reset input to formatted version of current number\n if (isNaN(parsed.current)) {\n setInputValue(format(numberValue));\n return;\n }\n\n // Clamp to min and max, round to the nearest step, and round to specified number of digits\n let clampedValue: number;\n if (isNaN(step)) {\n clampedValue = clamp(parsed.current, minValue, maxValue);\n } else {\n clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);\n }\n\n clampedValue = numberParser.parse(format(clampedValue));\n setNumberValue(clampedValue);\n\n // in a controlled state, the numberValue won't change, so we won't go back to our old input without help\n setInputValue(format(value === undefined ? clampedValue : numberValue));\n };\n\n let safeNextStep = (operation: '+' | '-', minMax: number) => {\n let prev = parsed.current;\n\n if (isNaN(prev)) {\n // if the input is empty, start from the min/max value when incrementing/decrementing,\n // or zero if there is no min/max value defined.\n let newValue = isNaN(minMax) ? 0 : minMax;\n return snapValueToStep(newValue, minValue, maxValue, clampStep);\n } else {\n // otherwise, first snap the current value to the nearest step. if it moves in the direction\n // we're going, use that value, otherwise add the step and snap that value.\n let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);\n if ((operation === '+' && newValue > prev) || (operation === '-' && newValue < prev)) {\n return newValue;\n }\n\n return snapValueToStep(\n handleDecimalOperation(operation, prev, clampStep),\n minValue,\n maxValue,\n clampStep\n );\n }\n };\n\n let increment = () => {\n let newValue = safeNextStep('+', minValue);\n\n // if we've arrived at the same value that was previously in the state, the\n // input value should be updated to match\n // ex type 4, press increment, highlight the number in the input, type 4 again, press increment\n // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let decrement = () => {\n let newValue = safeNextStep('-', maxValue);\n\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let incrementToMax = () => {\n if (maxValue != null) {\n setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));\n }\n };\n\n let decrementToMin = () => {\n if (minValue != null) {\n setNumberValue(minValue);\n }\n };\n\n let canIncrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(maxValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue ||\n handleDecimalOperation('+', parsedValue, clampStep) <= maxValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let canDecrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(minValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue ||\n handleDecimalOperation('-', parsedValue, clampStep) >= minValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let validate = (value: string) => numberParser.isValidPartialNumber(value, minValue, maxValue);\n\n return {\n validate,\n increment,\n incrementToMax,\n decrement,\n decrementToMin,\n canIncrement,\n canDecrement,\n minValue,\n maxValue,\n numberValue: parsedValue,\n setInputValue,\n inputValue,\n commit\n };\n}\n\nfunction handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number {\n let result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Check if we have decimals\n if (value1 % 1 !== 0 || value2 % 1 !== 0) {\n const value1Decimal = value1.toString().split('.');\n const value2Decimal = value2.toString().split('.');\n const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;\n const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;\n const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));\n\n // Transform the decimals to integers based on the precision\n value1 = Math.round(value1 * multiplier);\n value2 = Math.round(value2 * multiplier);\n\n // Perform the operation on integers values to make sure we don't get a fancy decimal value\n result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Transform the integer result back to decimal\n result /= multiplier;\n }\n\n return result;\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/useNumberFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {NumberFieldProps} from '@react-types/numberfield';\nimport {NumberFormatter, NumberParser} from '@internationalized/number';\nimport {useCallback, useMemo, useRef, useState} from 'react';\n\nexport interface NumberFieldState {\n /**\n * The current text value of the input. Updated as the user types,\n * and formatted according to `formatOptions` on blur.\n */\n inputValue: string,\n /**\n * The currently parsed number value, or NaN if a valid number could not be parsed.\n * Updated based on the `inputValue` as the user types.\n */\n numberValue: number,\n /** The minimum value of the number field. */\n minValue: number,\n /** The maximum value of the number field. */\n maxValue: number,\n /** Whether the current value can be incremented according to the maximum value and step. */\n canIncrement: boolean,\n /** Whether the current value can be decremented according to the minimum value and step. */\n canDecrement: boolean,\n /**\n * Validates a user input string according to the current locale and format options.\n * Values can be partially entered, and may be valid even if they cannot currently be parsed to a number.\n * Can be used to implement validation as a user types.\n */\n validate(value: string): boolean,\n /** Sets the current text value of the input. */\n setInputValue(val: string): void,\n /**\n * Commits the current input value. The value is parsed to a number, clamped according\n * to the minimum and maximum values of the field, and snapped to the nearest step value.\n * This will fire the `onChange` prop with the new value, and if uncontrolled, update the `numberValue`.\n * Typically this is called when the field is blurred.\n */\n commit(): void,\n /** Increments the current input value to the next step boundary, and fires `onChange`. */\n increment(): void,\n /** Decrements the current input value to the next step boundary, and fires `onChange`. */\n decrement(): void,\n /** Sets the current value to the `maxValue` if any, and fires `onChange`. */\n incrementToMax(): void,\n /** Sets the current value to the `minValue` if any, and fires `onChange`. */\n decrementToMin(): void\n}\n\ninterface NumberFieldStateProps extends NumberFieldProps {\n /**\n * The locale that should be used for parsing.\n * @default 'en-US'\n */\n locale: string\n}\n\n/**\n * Provides state management for a number field component. Number fields allow users to enter a number,\n * and increment or decrement the value using stepper buttons.\n */\nexport function useNumberFieldState(\n props: NumberFieldStateProps\n): NumberFieldState {\n let {\n minValue,\n maxValue,\n step,\n formatOptions,\n value,\n defaultValue,\n onChange,\n locale,\n isDisabled,\n isReadOnly\n } = props;\n\n let [numberValue, setNumberValue] = useControlledState<number>(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);\n let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));\n\n let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);\n let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);\n let formatter = useMemo(() => new NumberFormatter(locale, {...formatOptions, numberingSystem}), [locale, formatOptions, numberingSystem]);\n let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);\n let format = useCallback((value: number) => isNaN(value) ? '' : formatter.format(value), [formatter]);\n\n let clampStep = !isNaN(step) ? step : 1;\n if (intlOptions.style === 'percent' && isNaN(step)) {\n clampStep = 0.01;\n }\n\n // Update the input value when the number value or format options change. This is done\n // in a useEffect so that the controlled behavior is correct and we only update the\n // textfield after prop changes.\n let prevValue = useRef(numberValue);\n let prevLocale = useRef(locale);\n let prevFormatOptions = useRef(formatOptions);\n if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {\n setInputValue(format(numberValue));\n prevValue.current = numberValue;\n prevLocale.current = locale;\n prevFormatOptions.current = formatOptions;\n }\n\n // Store last parsed value in a ref so it can be used by increment/decrement below\n let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);\n let parsed = useRef(0);\n parsed.current = parsedValue;\n\n let commit = () => {\n // Set to empty state if input value is empty\n if (!inputValue.length) {\n setNumberValue(NaN);\n setInputValue(value === undefined ? '' : format(numberValue));\n return;\n }\n\n // if it failed to parse, then reset input to formatted version of current number\n if (isNaN(parsed.current)) {\n setInputValue(format(numberValue));\n return;\n }\n\n // Clamp to min and max, round to the nearest step, and round to specified number of digits\n let clampedValue: number;\n if (isNaN(step)) {\n clampedValue = clamp(parsed.current, minValue, maxValue);\n } else {\n clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);\n }\n\n clampedValue = numberParser.parse(format(clampedValue));\n setNumberValue(clampedValue);\n\n // in a controlled state, the numberValue won't change, so we won't go back to our old input without help\n setInputValue(format(value === undefined ? clampedValue : numberValue));\n };\n\n let safeNextStep = (operation: '+' | '-', minMax: number) => {\n let prev = parsed.current;\n\n if (isNaN(prev)) {\n // if the input is empty, start from the min/max value when incrementing/decrementing,\n // or zero if there is no min/max value defined.\n let newValue = isNaN(minMax) ? 0 : minMax;\n return snapValueToStep(newValue, minValue, maxValue, clampStep);\n } else {\n // otherwise, first snap the current value to the nearest step. if it moves in the direction\n // we're going, use that value, otherwise add the step and snap that value.\n let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);\n if ((operation === '+' && newValue > prev) || (operation === '-' && newValue < prev)) {\n return newValue;\n }\n\n return snapValueToStep(\n handleDecimalOperation(operation, prev, clampStep),\n minValue,\n maxValue,\n clampStep\n );\n }\n };\n\n let increment = () => {\n let newValue = safeNextStep('+', minValue);\n\n // if we've arrived at the same value that was previously in the state, the\n // input value should be updated to match\n // ex type 4, press increment, highlight the number in the input, type 4 again, press increment\n // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let decrement = () => {\n let newValue = safeNextStep('-', maxValue);\n\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let incrementToMax = () => {\n if (maxValue != null) {\n setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));\n }\n };\n\n let decrementToMin = () => {\n if (minValue != null) {\n setNumberValue(minValue);\n }\n };\n\n let canIncrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(maxValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue ||\n handleDecimalOperation('+', parsedValue, clampStep) <= maxValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let canDecrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(minValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue ||\n handleDecimalOperation('-', parsedValue, clampStep) >= minValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let validate = (value: string) => numberParser.isValidPartialNumber(value, minValue, maxValue);\n\n return {\n validate,\n increment,\n incrementToMax,\n decrement,\n decrementToMin,\n canIncrement,\n canDecrement,\n minValue,\n maxValue,\n numberValue: parsedValue,\n setInputValue,\n inputValue,\n commit\n };\n}\n\nfunction handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number {\n let result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Check if we have decimals\n if (value1 % 1 !== 0 || value2 % 1 !== 0) {\n const value1Decimal = value1.toString().split('.');\n const value2Decimal = value2.toString().split('.');\n const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;\n const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;\n const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));\n\n // Transform the decimals to integers based on the precision\n value1 = Math.round(value1 * multiplier);\n value2 = Math.round(value2 * multiplier);\n\n // Perform the operation on integers values to make sure we don't get a fancy decimal value\n result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Transform the integer result back to decimal\n result /= multiplier;\n }\n\n return result;\n}\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -1,32 +1,32 @@
1
- import {useControlledState as $k3hqg$useControlledState, clamp as $k3hqg$clamp, snapValueToStep as $k3hqg$snapValueToStep} from "@react-stately/utils";
2
- import {NumberFormatter as $k3hqg$NumberFormatter, NumberParser as $k3hqg$NumberParser} from "@internationalized/number";
3
- import {useState as $k3hqg$useState, useMemo as $k3hqg$useMemo, useCallback as $k3hqg$useCallback, useEffect as $k3hqg$useEffect, useRef as $k3hqg$useRef} from "react";
1
+ import {useControlledState as $vhjCi$useControlledState, clamp as $vhjCi$clamp, snapValueToStep as $vhjCi$snapValueToStep} from "@react-stately/utils";
2
+ import {NumberFormatter as $vhjCi$NumberFormatter, NumberParser as $vhjCi$NumberParser} from "@internationalized/number";
3
+ import {useState as $vhjCi$useState, useMemo as $vhjCi$useMemo, useCallback as $vhjCi$useCallback, useRef as $vhjCi$useRef} from "react";
4
4
 
5
5
  function $parcel$export(e, n, v, s) {
6
6
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
7
7
  }
8
- var $9f327308a7d514e5$exports = {};
8
+ var $de67e98908f0c6ee$exports = {};
9
9
 
10
- $parcel$export($9f327308a7d514e5$exports, "useNumberFieldState", () => $9f327308a7d514e5$export$7f629e9dc1ecf37c);
10
+ $parcel$export($de67e98908f0c6ee$exports, "useNumberFieldState", () => $de67e98908f0c6ee$export$7f629e9dc1ecf37c);
11
11
 
12
12
 
13
13
 
14
- function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
14
+ function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
15
15
  let { minValue: minValue , maxValue: maxValue , step: step , formatOptions: formatOptions , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , isDisabled: isDisabled , isReadOnly: isReadOnly } = props;
16
- let [numberValue, setNumberValue] = $k3hqg$useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
17
- let [inputValue, setInputValue] = $k3hqg$useState(()=>isNaN(numberValue) ? '' : new $k3hqg$NumberFormatter(locale, formatOptions).format(numberValue)
16
+ let [numberValue, setNumberValue] = $vhjCi$useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
17
+ let [inputValue, setInputValue] = $vhjCi$useState(()=>isNaN(numberValue) ? '' : new $vhjCi$NumberFormatter(locale, formatOptions).format(numberValue)
18
18
  );
19
- let numberParser = $k3hqg$useMemo(()=>new $k3hqg$NumberParser(locale, formatOptions)
19
+ let numberParser = $vhjCi$useMemo(()=>new $vhjCi$NumberParser(locale, formatOptions)
20
20
  , [
21
21
  locale,
22
22
  formatOptions
23
23
  ]);
24
- let numberingSystem = $k3hqg$useMemo(()=>numberParser.getNumberingSystem(inputValue)
24
+ let numberingSystem = $vhjCi$useMemo(()=>numberParser.getNumberingSystem(inputValue)
25
25
  , [
26
26
  numberParser,
27
27
  inputValue
28
28
  ]);
29
- let formatter = $k3hqg$useMemo(()=>new $k3hqg$NumberFormatter(locale, {
29
+ let formatter = $vhjCi$useMemo(()=>new $vhjCi$NumberFormatter(locale, {
30
30
  ...formatOptions,
31
31
  numberingSystem: numberingSystem
32
32
  })
@@ -35,11 +35,11 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
35
35
  formatOptions,
36
36
  numberingSystem
37
37
  ]);
38
- let intlOptions = $k3hqg$useMemo(()=>formatter.resolvedOptions()
38
+ let intlOptions = $vhjCi$useMemo(()=>formatter.resolvedOptions()
39
39
  , [
40
40
  formatter
41
41
  ]);
42
- let format = $k3hqg$useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
42
+ let format = $vhjCi$useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
43
43
  , [
44
44
  formatter
45
45
  ]);
@@ -48,20 +48,22 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
48
48
  // Update the input value when the number value or format options change. This is done
49
49
  // in a useEffect so that the controlled behavior is correct and we only update the
50
50
  // textfield after prop changes.
51
- $k3hqg$useEffect(()=>{
51
+ let prevValue = $vhjCi$useRef(numberValue);
52
+ let prevLocale = $vhjCi$useRef(locale);
53
+ let prevFormatOptions = $vhjCi$useRef(formatOptions);
54
+ if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
52
55
  setInputValue(format(numberValue));
53
- }, [
54
- numberValue,
55
- locale,
56
- formatOptions
57
- ]);
56
+ prevValue.current = numberValue;
57
+ prevLocale.current = locale;
58
+ prevFormatOptions.current = formatOptions;
59
+ }
58
60
  // Store last parsed value in a ref so it can be used by increment/decrement below
59
- let parsedValue = $k3hqg$useMemo(()=>numberParser.parse(inputValue)
61
+ let parsedValue = $vhjCi$useMemo(()=>numberParser.parse(inputValue)
60
62
  , [
61
63
  numberParser,
62
64
  inputValue
63
65
  ]);
64
- let parsed = $k3hqg$useRef(0);
66
+ let parsed = $vhjCi$useRef(0);
65
67
  parsed.current = parsedValue;
66
68
  let commit = ()=>{
67
69
  // Set to empty state if input value is empty
@@ -77,8 +79,8 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
77
79
  }
78
80
  // Clamp to min and max, round to the nearest step, and round to specified number of digits
79
81
  let clampedValue;
80
- if (isNaN(step)) clampedValue = $k3hqg$clamp(parsed.current, minValue, maxValue);
81
- else clampedValue = $k3hqg$snapValueToStep(parsed.current, minValue, maxValue, step);
82
+ if (isNaN(step)) clampedValue = $vhjCi$clamp(parsed.current, minValue, maxValue);
83
+ else clampedValue = $vhjCi$snapValueToStep(parsed.current, minValue, maxValue, step);
82
84
  clampedValue = numberParser.parse(format(clampedValue));
83
85
  setNumberValue(clampedValue);
84
86
  // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
@@ -90,13 +92,13 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
90
92
  // if the input is empty, start from the min/max value when incrementing/decrementing,
91
93
  // or zero if there is no min/max value defined.
92
94
  let newValue = isNaN(minMax) ? 0 : minMax;
93
- return $k3hqg$snapValueToStep(newValue, minValue, maxValue, clampStep);
95
+ return $vhjCi$snapValueToStep(newValue, minValue, maxValue, clampStep);
94
96
  } else {
95
97
  // otherwise, first snap the current value to the nearest step. if it moves in the direction
96
98
  // we're going, use that value, otherwise add the step and snap that value.
97
- let newValue = $k3hqg$snapValueToStep(prev, minValue, maxValue, clampStep);
99
+ let newValue = $vhjCi$snapValueToStep(prev, minValue, maxValue, clampStep);
98
100
  if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
99
- return $k3hqg$snapValueToStep($9f327308a7d514e5$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
101
+ return $vhjCi$snapValueToStep($de67e98908f0c6ee$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
100
102
  }
101
103
  };
102
104
  let increment = ()=>{
@@ -114,12 +116,12 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
114
116
  setNumberValue(newValue);
115
117
  };
116
118
  let incrementToMax = ()=>{
117
- if (maxValue != null) setNumberValue($k3hqg$snapValueToStep(maxValue, minValue, maxValue, clampStep));
119
+ if (maxValue != null) setNumberValue($vhjCi$snapValueToStep(maxValue, minValue, maxValue, clampStep));
118
120
  };
119
121
  let decrementToMin = ()=>{
120
122
  if (minValue != null) setNumberValue(minValue);
121
123
  };
122
- let canIncrement = $k3hqg$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || $k3hqg$snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $9f327308a7d514e5$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue)
124
+ let canIncrement = $vhjCi$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || $vhjCi$snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue)
123
125
  , [
124
126
  isDisabled,
125
127
  isReadOnly,
@@ -128,7 +130,7 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
128
130
  clampStep,
129
131
  parsedValue
130
132
  ]);
131
- let canDecrement = $k3hqg$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || $k3hqg$snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $9f327308a7d514e5$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue)
133
+ let canDecrement = $vhjCi$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || $vhjCi$snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue)
132
134
  , [
133
135
  isDisabled,
134
136
  isReadOnly,
@@ -155,7 +157,7 @@ function $9f327308a7d514e5$export$7f629e9dc1ecf37c(props) {
155
157
  commit: commit
156
158
  };
157
159
  }
158
- function $9f327308a7d514e5$var$handleDecimalOperation(operator, value1, value2) {
160
+ function $de67e98908f0c6ee$var$handleDecimalOperation(operator, value1, value2) {
159
161
  let result = operator === '+' ? value1 + value2 : value1 - value2;
160
162
  // Check if we have decimals
161
163
  if (value1 % 1 !== 0 || value2 % 1 !== 0) {
@@ -178,5 +180,5 @@ function $9f327308a7d514e5$var$handleDecimalOperation(operator, value1, value2)
178
180
 
179
181
 
180
182
 
181
- export {$9f327308a7d514e5$export$7f629e9dc1ecf37c as useNumberFieldState};
183
+ export {$de67e98908f0c6ee$export$7f629e9dc1ecf37c as useNumberFieldState};
182
184
  //# sourceMappingURL=module.js.map
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/useNumberFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {NumberFieldProps} from '@react-types/numberfield';\nimport {NumberFormatter, NumberParser} from '@internationalized/number';\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nexport interface NumberFieldState {\n /**\n * The current text value of the input. Updated as the user types,\n * and formatted according to `formatOptions` on blur.\n */\n inputValue: string,\n /**\n * The currently parsed number value, or NaN if a valid number could not be parsed.\n * Updated based on the `inputValue` as the user types.\n */\n numberValue: number,\n /** The minimum value of the number field. */\n minValue: number,\n /** The maximum value of the number field. */\n maxValue: number,\n /** Whether the current value can be incremented according to the maximum value and step. */\n canIncrement: boolean,\n /** Whether the current value can be decremented according to the minimum value and step. */\n canDecrement: boolean,\n /**\n * Validates a user input string according to the current locale and format options.\n * Values can be partially entered, and may be valid even if they cannot currently be parsed to a number.\n * Can be used to implement validation as a user types.\n */\n validate(value: string): boolean,\n /** Sets the current text value of the input. */\n setInputValue(val: string): void,\n /**\n * Commits the current input value. The value is parsed to a number, clamped according\n * to the minimum and maximum values of the field, and snapped to the nearest step value.\n * This will fire the `onChange` prop with the new value, and if uncontrolled, update the `numberValue`.\n * Typically this is called when the field is blurred.\n */\n commit(): void,\n /** Increments the current input value to the next step boundary, and fires `onChange`. */\n increment(): void,\n /** Decrements the current input value to the next step boundary, and fires `onChange`. */\n decrement(): void,\n /** Sets the current value to the `maxValue` if any, and fires `onChange`. */\n incrementToMax(): void,\n /** Sets the current value to the `minValue` if any, and fires `onChange`. */\n decrementToMin(): void\n}\n\ninterface NumberFieldStateProps extends NumberFieldProps {\n /**\n * The locale that should be used for parsing.\n * @default 'en-US'\n */\n locale: string\n}\n\n/**\n * Provides state management for a number field component. Number fields allow users to enter a number,\n * and increment or decrement the value using stepper buttons.\n */\nexport function useNumberFieldState(\n props: NumberFieldStateProps\n): NumberFieldState {\n let {\n minValue,\n maxValue,\n step,\n formatOptions,\n value,\n defaultValue,\n onChange,\n locale,\n isDisabled,\n isReadOnly\n } = props;\n\n let [numberValue, setNumberValue] = useControlledState<number>(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);\n let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));\n\n let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);\n let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);\n let formatter = useMemo(() => new NumberFormatter(locale, {...formatOptions, numberingSystem}), [locale, formatOptions, numberingSystem]);\n let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);\n let format = useCallback((value: number) => isNaN(value) ? '' : formatter.format(value), [formatter]);\n\n let clampStep = !isNaN(step) ? step : 1;\n if (intlOptions.style === 'percent' && isNaN(step)) {\n clampStep = 0.01;\n }\n\n // Update the input value when the number value or format options change. This is done\n // in a useEffect so that the controlled behavior is correct and we only update the\n // textfield after prop changes.\n useEffect(() => {\n setInputValue(format(numberValue));\n }, [numberValue, locale, formatOptions]);\n\n // Store last parsed value in a ref so it can be used by increment/decrement below\n let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);\n let parsed = useRef(0);\n parsed.current = parsedValue;\n\n let commit = () => {\n // Set to empty state if input value is empty\n if (!inputValue.length) {\n setNumberValue(NaN);\n setInputValue(value === undefined ? '' : format(numberValue));\n return;\n }\n\n // if it failed to parse, then reset input to formatted version of current number\n if (isNaN(parsed.current)) {\n setInputValue(format(numberValue));\n return;\n }\n\n // Clamp to min and max, round to the nearest step, and round to specified number of digits\n let clampedValue: number;\n if (isNaN(step)) {\n clampedValue = clamp(parsed.current, minValue, maxValue);\n } else {\n clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);\n }\n\n clampedValue = numberParser.parse(format(clampedValue));\n setNumberValue(clampedValue);\n\n // in a controlled state, the numberValue won't change, so we won't go back to our old input without help\n setInputValue(format(value === undefined ? clampedValue : numberValue));\n };\n\n let safeNextStep = (operation: '+' | '-', minMax: number) => {\n let prev = parsed.current;\n\n if (isNaN(prev)) {\n // if the input is empty, start from the min/max value when incrementing/decrementing,\n // or zero if there is no min/max value defined.\n let newValue = isNaN(minMax) ? 0 : minMax;\n return snapValueToStep(newValue, minValue, maxValue, clampStep);\n } else {\n // otherwise, first snap the current value to the nearest step. if it moves in the direction\n // we're going, use that value, otherwise add the step and snap that value.\n let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);\n if ((operation === '+' && newValue > prev) || (operation === '-' && newValue < prev)) {\n return newValue;\n }\n\n return snapValueToStep(\n handleDecimalOperation(operation, prev, clampStep),\n minValue,\n maxValue,\n clampStep\n );\n }\n };\n\n let increment = () => {\n let newValue = safeNextStep('+', minValue);\n\n // if we've arrived at the same value that was previously in the state, the\n // input value should be updated to match\n // ex type 4, press increment, highlight the number in the input, type 4 again, press increment\n // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let decrement = () => {\n let newValue = safeNextStep('-', maxValue);\n\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let incrementToMax = () => {\n if (maxValue != null) {\n setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));\n }\n };\n\n let decrementToMin = () => {\n if (minValue != null) {\n setNumberValue(minValue);\n }\n };\n\n let canIncrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(maxValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue ||\n handleDecimalOperation('+', parsedValue, clampStep) <= maxValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let canDecrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(minValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue ||\n handleDecimalOperation('-', parsedValue, clampStep) >= minValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let validate = (value: string) => numberParser.isValidPartialNumber(value, minValue, maxValue);\n\n return {\n validate,\n increment,\n incrementToMax,\n decrement,\n decrementToMin,\n canIncrement,\n canDecrement,\n minValue,\n maxValue,\n numberValue: parsedValue,\n setInputValue,\n inputValue,\n commit\n };\n}\n\nfunction handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number {\n let result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Check if we have decimals\n if (value1 % 1 !== 0 || value2 % 1 !== 0) {\n const value1Decimal = value1.toString().split('.');\n const value2Decimal = value2.toString().split('.');\n const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;\n const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;\n const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));\n\n // Transform the decimals to integers based on the precision\n value1 = Math.round(value1 * multiplier);\n value2 = Math.round(value2 * multiplier);\n\n // Perform the operation on integers values to make sure we don't get a fancy decimal value\n result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Transform the integer result back to decimal\n result /= multiplier;\n }\n\n return result;\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/useNumberFieldState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';\nimport {NumberFieldProps} from '@react-types/numberfield';\nimport {NumberFormatter, NumberParser} from '@internationalized/number';\nimport {useCallback, useMemo, useRef, useState} from 'react';\n\nexport interface NumberFieldState {\n /**\n * The current text value of the input. Updated as the user types,\n * and formatted according to `formatOptions` on blur.\n */\n inputValue: string,\n /**\n * The currently parsed number value, or NaN if a valid number could not be parsed.\n * Updated based on the `inputValue` as the user types.\n */\n numberValue: number,\n /** The minimum value of the number field. */\n minValue: number,\n /** The maximum value of the number field. */\n maxValue: number,\n /** Whether the current value can be incremented according to the maximum value and step. */\n canIncrement: boolean,\n /** Whether the current value can be decremented according to the minimum value and step. */\n canDecrement: boolean,\n /**\n * Validates a user input string according to the current locale and format options.\n * Values can be partially entered, and may be valid even if they cannot currently be parsed to a number.\n * Can be used to implement validation as a user types.\n */\n validate(value: string): boolean,\n /** Sets the current text value of the input. */\n setInputValue(val: string): void,\n /**\n * Commits the current input value. The value is parsed to a number, clamped according\n * to the minimum and maximum values of the field, and snapped to the nearest step value.\n * This will fire the `onChange` prop with the new value, and if uncontrolled, update the `numberValue`.\n * Typically this is called when the field is blurred.\n */\n commit(): void,\n /** Increments the current input value to the next step boundary, and fires `onChange`. */\n increment(): void,\n /** Decrements the current input value to the next step boundary, and fires `onChange`. */\n decrement(): void,\n /** Sets the current value to the `maxValue` if any, and fires `onChange`. */\n incrementToMax(): void,\n /** Sets the current value to the `minValue` if any, and fires `onChange`. */\n decrementToMin(): void\n}\n\ninterface NumberFieldStateProps extends NumberFieldProps {\n /**\n * The locale that should be used for parsing.\n * @default 'en-US'\n */\n locale: string\n}\n\n/**\n * Provides state management for a number field component. Number fields allow users to enter a number,\n * and increment or decrement the value using stepper buttons.\n */\nexport function useNumberFieldState(\n props: NumberFieldStateProps\n): NumberFieldState {\n let {\n minValue,\n maxValue,\n step,\n formatOptions,\n value,\n defaultValue,\n onChange,\n locale,\n isDisabled,\n isReadOnly\n } = props;\n\n let [numberValue, setNumberValue] = useControlledState<number>(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);\n let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));\n\n let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);\n let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);\n let formatter = useMemo(() => new NumberFormatter(locale, {...formatOptions, numberingSystem}), [locale, formatOptions, numberingSystem]);\n let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);\n let format = useCallback((value: number) => isNaN(value) ? '' : formatter.format(value), [formatter]);\n\n let clampStep = !isNaN(step) ? step : 1;\n if (intlOptions.style === 'percent' && isNaN(step)) {\n clampStep = 0.01;\n }\n\n // Update the input value when the number value or format options change. This is done\n // in a useEffect so that the controlled behavior is correct and we only update the\n // textfield after prop changes.\n let prevValue = useRef(numberValue);\n let prevLocale = useRef(locale);\n let prevFormatOptions = useRef(formatOptions);\n if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {\n setInputValue(format(numberValue));\n prevValue.current = numberValue;\n prevLocale.current = locale;\n prevFormatOptions.current = formatOptions;\n }\n\n // Store last parsed value in a ref so it can be used by increment/decrement below\n let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);\n let parsed = useRef(0);\n parsed.current = parsedValue;\n\n let commit = () => {\n // Set to empty state if input value is empty\n if (!inputValue.length) {\n setNumberValue(NaN);\n setInputValue(value === undefined ? '' : format(numberValue));\n return;\n }\n\n // if it failed to parse, then reset input to formatted version of current number\n if (isNaN(parsed.current)) {\n setInputValue(format(numberValue));\n return;\n }\n\n // Clamp to min and max, round to the nearest step, and round to specified number of digits\n let clampedValue: number;\n if (isNaN(step)) {\n clampedValue = clamp(parsed.current, minValue, maxValue);\n } else {\n clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);\n }\n\n clampedValue = numberParser.parse(format(clampedValue));\n setNumberValue(clampedValue);\n\n // in a controlled state, the numberValue won't change, so we won't go back to our old input without help\n setInputValue(format(value === undefined ? clampedValue : numberValue));\n };\n\n let safeNextStep = (operation: '+' | '-', minMax: number) => {\n let prev = parsed.current;\n\n if (isNaN(prev)) {\n // if the input is empty, start from the min/max value when incrementing/decrementing,\n // or zero if there is no min/max value defined.\n let newValue = isNaN(minMax) ? 0 : minMax;\n return snapValueToStep(newValue, minValue, maxValue, clampStep);\n } else {\n // otherwise, first snap the current value to the nearest step. if it moves in the direction\n // we're going, use that value, otherwise add the step and snap that value.\n let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);\n if ((operation === '+' && newValue > prev) || (operation === '-' && newValue < prev)) {\n return newValue;\n }\n\n return snapValueToStep(\n handleDecimalOperation(operation, prev, clampStep),\n minValue,\n maxValue,\n clampStep\n );\n }\n };\n\n let increment = () => {\n let newValue = safeNextStep('+', minValue);\n\n // if we've arrived at the same value that was previously in the state, the\n // input value should be updated to match\n // ex type 4, press increment, highlight the number in the input, type 4 again, press increment\n // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let decrement = () => {\n let newValue = safeNextStep('-', maxValue);\n\n if (newValue === numberValue) {\n setInputValue(format(newValue));\n }\n\n setNumberValue(newValue);\n };\n\n let incrementToMax = () => {\n if (maxValue != null) {\n setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));\n }\n };\n\n let decrementToMin = () => {\n if (minValue != null) {\n setNumberValue(minValue);\n }\n };\n\n let canIncrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(maxValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue ||\n handleDecimalOperation('+', parsedValue, clampStep) <= maxValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let canDecrement = useMemo(() => (\n !isDisabled &&\n !isReadOnly &&\n (\n isNaN(parsedValue) ||\n isNaN(minValue) ||\n snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue ||\n handleDecimalOperation('-', parsedValue, clampStep) >= minValue\n )\n ), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);\n\n let validate = (value: string) => numberParser.isValidPartialNumber(value, minValue, maxValue);\n\n return {\n validate,\n increment,\n incrementToMax,\n decrement,\n decrementToMin,\n canIncrement,\n canDecrement,\n minValue,\n maxValue,\n numberValue: parsedValue,\n setInputValue,\n inputValue,\n commit\n };\n}\n\nfunction handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number {\n let result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Check if we have decimals\n if (value1 % 1 !== 0 || value2 % 1 !== 0) {\n const value1Decimal = value1.toString().split('.');\n const value2Decimal = value2.toString().split('.');\n const value1DecimalLength = (value1Decimal[1] && value1Decimal[1].length) || 0;\n const value2DecimalLength = (value2Decimal[1] && value2Decimal[1].length) || 0;\n const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));\n\n // Transform the decimals to integers based on the precision\n value1 = Math.round(value1 * multiplier);\n value2 = Math.round(value2 * multiplier);\n\n // Perform the operation on integers values to make sure we don't get a fancy decimal value\n result = operator === '+' ? value1 + value2 : value1 - value2;\n\n // Transform the integer result back to decimal\n result /= multiplier;\n }\n\n return result;\n}\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";AAiBA;IACE;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,YAAY,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,YAAY,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,gDAAgD;IAChD,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;;;OAKG;IACH,MAAM,IAAI,IAAI,CAAC;IACf,0FAA0F;IAC1F,SAAS,IAAI,IAAI,CAAC;IAClB,0FAA0F;IAC1F,SAAS,IAAI,IAAI,CAAC;IAClB,6EAA6E;IAC7E,cAAc,IAAI,IAAI,CAAC;IACvB,6EAA6E;IAC7E,cAAc,IAAI,IAAI,CAAA;CACvB;AAED,+BAAgC,SAAQ,gBAAgB;IACtD;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,oCACE,KAAK,EAAE,qBAAqB,GAC3B,gBAAgB,CAyKlB","sources":["packages/@react-stately/numberfield/src/packages/@react-stately/numberfield/src/useNumberFieldState.ts","packages/@react-stately/numberfield/src/packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";AAiBA;IACE;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,YAAY,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,YAAY,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,gDAAgD;IAChD,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;;;OAKG;IACH,MAAM,IAAI,IAAI,CAAC;IACf,0FAA0F;IAC1F,SAAS,IAAI,IAAI,CAAC;IAClB,0FAA0F;IAC1F,SAAS,IAAI,IAAI,CAAC;IAClB,6EAA6E;IAC7E,cAAc,IAAI,IAAI,CAAC;IACvB,6EAA6E;IAC7E,cAAc,IAAI,IAAI,CAAA;CACvB;AAED,+BAAgC,SAAQ,gBAAgB;IACtD;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,oCACE,KAAK,EAAE,qBAAqB,GAC3B,gBAAgB,CA+KlB","sources":["packages/@react-stately/numberfield/src/packages/@react-stately/numberfield/src/useNumberFieldState.ts","packages/@react-stately/numberfield/src/packages/@react-stately/numberfield/src/index.ts","packages/@react-stately/numberfield/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './useNumberFieldState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-stately/numberfield",
3
- "version": "3.0.4",
3
+ "version": "3.0.5",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -20,8 +20,8 @@
20
20
  "@babel/runtime": "^7.6.2",
21
21
  "@internationalized/number": "^3.0.5",
22
22
  "@react-stately/utils": "^3.4.1",
23
- "@react-types/numberfield": "^3.1.2",
24
- "@react-types/shared": "^3.11.1"
23
+ "@react-types/numberfield": "^3.1.3",
24
+ "@react-types/shared": "^3.11.2"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -29,5 +29,5 @@
29
29
  "publishConfig": {
30
30
  "access": "public"
31
31
  },
32
- "gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
32
+ "gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
33
33
  }
package/src/useNumberFieldState.ts CHANGED
@@ -13,7 +13,7 @@
13
13
  import {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';
14
14
  import {NumberFieldProps} from '@react-types/numberfield';
15
15
  import {NumberFormatter, NumberParser} from '@internationalized/number';
16
- import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
16
+ import {useCallback, useMemo, useRef, useState} from 'react';
17
17
 
18
18
  export interface NumberFieldState {
19
19
  /**
@@ -104,9 +104,15 @@ export function useNumberFieldState(
104
104
  // Update the input value when the number value or format options change. This is done
105
105
  // in a useEffect so that the controlled behavior is correct and we only update the
106
106
  // textfield after prop changes.
107
- useEffect(() => {
107
+ let prevValue = useRef(numberValue);
108
+ let prevLocale = useRef(locale);
109
+ let prevFormatOptions = useRef(formatOptions);
110
+ if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
108
111
  setInputValue(format(numberValue));
109
- }, [numberValue, locale, formatOptions]);
112
+ prevValue.current = numberValue;
113
+ prevLocale.current = locale;
114
+ prevFormatOptions.current = formatOptions;
115
+ }
110
116
 
111
117
  // Store last parsed value in a ref so it can be used by increment/decrement below
112
118
  let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);