@react-stately/numberfield 3.0.2 → 3.0.5

package/dist/main.js

@@ -1,202 +1,200 @@
-var {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} = require("react");
+var $cmJn2$reactstatelyutils = require("@react-stately/utils");
+var $cmJn2$internationalizednumber = require("@internationalized/number");
+var $cmJn2$react = require("react");
 
-var {
-  NumberFormatter,
-  NumberParser
-} = require("@internationalized/number");
-
-var {
-  clamp,
-  snapValueToStep,
-  useControlledState
-} = require("@react-stately/utils");
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-/**
- * Provides state management for a number field component. Number fields allow users to enter a number,
- * and increment or decrement the value using stepper buttons.
- */
-function useNumberFieldState(props) {
-  let {
-    minValue,
-    maxValue,
-    step,
-    formatOptions,
-    value,
-    defaultValue,
-    onChange,
-    locale,
-    isDisabled,
-    isReadOnly
-  } = props;
-  let [numberValue, setNumberValue] = useControlledState(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);
-  let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));
-  let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);
-  let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);
-  let formatter = useMemo(() => new NumberFormatter(locale, _babelRuntimeHelpersExtends({}, formatOptions, {
-    numberingSystem
-  })), [locale, formatOptions, numberingSystem]);
-  let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);
-  let format = useCallback(value => isNaN(value) ? '' : formatter.format(value), [formatter]);
-  let clampStep = !isNaN(step) ? step : 1;
-
-  if (intlOptions.style === 'percent' && isNaN(step)) {
-    clampStep = 0.01;
-  } // Update the input value when the number value or format options change. This is done
-  // in a useEffect so that the controlled behavior is correct and we only update the
-  // textfield after prop changes.
-
-
-  useEffect(() => {
-    setInputValue(format(numberValue));
-  }, [numberValue, locale, formatOptions]); // Store last parsed value in a ref so it can be used by increment/decrement below
-
-  let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);
-  let parsed = useRef(0);
-  parsed.current = parsedValue;
-
-  let commit = () => {
-    // Set to empty state if input value is empty
-    if (!inputValue.length) {
-      setNumberValue(NaN);
-      setInputValue(value === undefined ? '' : format(numberValue));
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
       return;
-    } // if it failed to parse, then reset input to formatted version of current number
-
-
-    if (isNaN(parsed.current)) {
-      setInputValue(format(numberValue));
-      return;
-    } // Clamp to min and max, round to the nearest step, and round to specified number of digits
-
-
-    let clampedValue;
-
-    if (isNaN(step)) {
-      clampedValue = clamp(parsed.current, minValue, maxValue);
-    } else {
-      clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);
-    }
-
-    clampedValue = numberParser.parse(format(clampedValue));
-    setNumberValue(clampedValue); // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-
-    setInputValue(format(value === undefined ? clampedValue : numberValue));
-  };
-
-  let safeNextStep = (operation, minMax) => {
-    let prev = parsed.current;
-
-    if (isNaN(prev)) {
-      // if the input is empty, start from the min/max value when incrementing/decrementing,
-      // or zero if there is no min/max value defined.
-      let newValue = isNaN(minMax) ? 0 : minMax;
-      return snapValueToStep(newValue, minValue, maxValue, clampStep);
-    } else {
-      // otherwise, first snap the current value to the nearest step. if it moves in the direction
-      // we're going, use that value, otherwise add the step and snap that value.
-      let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);
-
-      if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) {
-        return newValue;
-      }
-
-      return snapValueToStep($bb3f0c77930f1734ecd987a3e5d3aa28$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
     }
-  };
 
-  let increment = () => {
-    setNumberValue(previousValue => {
-      let newValue = safeNextStep('+', minValue); // if we've arrived at the same value that was previously in the state, the
-      // input value should be updated to match
-      // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
-      // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
       }
-
-      return newValue;
     });
-  };
-
-  let decrement = () => {
-    setNumberValue(previousValue => {
-      let newValue = safeNextStep('-', maxValue);
+  });
 
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
-      }
-
-      return newValue;
-    });
-  };
-
-  let incrementToMax = () => {
-    if (maxValue != null) {
-      setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $e18a693eeaf9c060$exports = {};
+
+$parcel$export($e18a693eeaf9c060$exports, "useNumberFieldState", () => $e18a693eeaf9c060$export$7f629e9dc1ecf37c);
+
+
+
+function $e18a693eeaf9c060$export$7f629e9dc1ecf37c(props) {
+    let { minValue: minValue , maxValue: maxValue , step: step , formatOptions: formatOptions , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , isDisabled: isDisabled , isReadOnly: isReadOnly  } = props;
+    let [numberValue, setNumberValue] = $cmJn2$reactstatelyutils.useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
+    let [inputValue, setInputValue] = $cmJn2$react.useState(()=>isNaN(numberValue) ? '' : new $cmJn2$internationalizednumber.NumberFormatter(locale, formatOptions).format(numberValue)
+    );
+    let numberParser = $cmJn2$react.useMemo(()=>new $cmJn2$internationalizednumber.NumberParser(locale, formatOptions)
+    , [
+        locale,
+        formatOptions
+    ]);
+    let numberingSystem = $cmJn2$react.useMemo(()=>numberParser.getNumberingSystem(inputValue)
+    , [
+        numberParser,
+        inputValue
+    ]);
+    let formatter = $cmJn2$react.useMemo(()=>new $cmJn2$internationalizednumber.NumberFormatter(locale, {
+            ...formatOptions,
+            numberingSystem: numberingSystem
+        })
+    , [
+        locale,
+        formatOptions,
+        numberingSystem
+    ]);
+    let intlOptions = $cmJn2$react.useMemo(()=>formatter.resolvedOptions()
+    , [
+        formatter
+    ]);
+    let format = $cmJn2$react.useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
+    , [
+        formatter
+    ]);
+    let clampStep = !isNaN(step) ? step : 1;
+    if (intlOptions.style === 'percent' && isNaN(step)) clampStep = 0.01;
+    // Update the input value when the number value or format options change. This is done
+    // in a useEffect so that the controlled behavior is correct and we only update the
+    // textfield after prop changes.
+    let prevValue = $cmJn2$react.useRef(numberValue);
+    let prevLocale = $cmJn2$react.useRef(locale);
+    let prevFormatOptions = $cmJn2$react.useRef(formatOptions);
+    if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
+        setInputValue(format(numberValue));
+        prevValue.current = numberValue;
+        prevLocale.current = locale;
+        prevFormatOptions.current = formatOptions;
     }
-  };
-
-  let decrementToMin = () => {
-    if (minValue != null) {
-      setNumberValue(minValue);
+    // Store last parsed value in a ref so it can be used by increment/decrement below
+    let parsedValue = $cmJn2$react.useMemo(()=>numberParser.parse(inputValue)
+    , [
+        numberParser,
+        inputValue
+    ]);
+    let parsed = $cmJn2$react.useRef(0);
+    parsed.current = parsedValue;
+    let commit = ()=>{
+        // Set to empty state if input value is empty
+        if (!inputValue.length) {
+            setNumberValue(NaN);
+            setInputValue(value1 === undefined ? '' : format(numberValue));
+            return;
+        }
+        // if it failed to parse, then reset input to formatted version of current number
+        if (isNaN(parsed.current)) {
+            setInputValue(format(numberValue));
+            return;
+        }
+        // Clamp to min and max, round to the nearest step, and round to specified number of digits
+        let clampedValue;
+        if (isNaN(step)) clampedValue = $cmJn2$reactstatelyutils.clamp(parsed.current, minValue, maxValue);
+        else clampedValue = $cmJn2$reactstatelyutils.snapValueToStep(parsed.current, minValue, maxValue, step);
+        clampedValue = numberParser.parse(format(clampedValue));
+        setNumberValue(clampedValue);
+        // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
+        setInputValue(format(value1 === undefined ? clampedValue : numberValue));
+    };
+    let safeNextStep = (operation, minMax)=>{
+        let prev = parsed.current;
+        if (isNaN(prev)) {
+            // if the input is empty, start from the min/max value when incrementing/decrementing,
+            // or zero if there is no min/max value defined.
+            let newValue = isNaN(minMax) ? 0 : minMax;
+            return $cmJn2$reactstatelyutils.snapValueToStep(newValue, minValue, maxValue, clampStep);
+        } else {
+            // otherwise, first snap the current value to the nearest step. if it moves in the direction
+            // we're going, use that value, otherwise add the step and snap that value.
+            let newValue = $cmJn2$reactstatelyutils.snapValueToStep(prev, minValue, maxValue, clampStep);
+            if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
+            return $cmJn2$reactstatelyutils.snapValueToStep($e18a693eeaf9c060$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
+        }
+    };
+    let increment = ()=>{
+        let newValue = safeNextStep('+', minValue);
+        // if we've arrived at the same value that was previously in the state, the
+        // input value should be updated to match
+        // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
+        // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+    };
+    let decrement = ()=>{
+        let newValue = safeNextStep('-', maxValue);
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+    };
+    let incrementToMax = ()=>{
+        if (maxValue != null) setNumberValue($cmJn2$reactstatelyutils.snapValueToStep(maxValue, minValue, maxValue, clampStep));
+    };
+    let decrementToMin = ()=>{
+        if (minValue != null) setNumberValue(minValue);
+    };
+    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)
+    , [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
+    ]);
+    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)
+    , [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
+    ]);
+    let validate = (value)=>numberParser.isValidPartialNumber(value, minValue, maxValue)
+    ;
+    return {
+        validate: validate,
+        increment: increment,
+        incrementToMax: incrementToMax,
+        decrement: decrement,
+        decrementToMin: decrementToMin,
+        canIncrement: canIncrement,
+        canDecrement: canDecrement,
+        minValue: minValue,
+        maxValue: maxValue,
+        numberValue: parsedValue,
+        setInputValue: setInputValue,
+        inputValue: inputValue,
+        commit: commit
+    };
+}
+function $e18a693eeaf9c060$var$handleDecimalOperation(operator, value1, value2) {
+    let result = operator === '+' ? value1 + value2 : value1 - value2;
+    // Check if we have decimals
+    if (value1 % 1 !== 0 || value2 % 1 !== 0) {
+        const value1Decimal = value1.toString().split('.');
+        const value2Decimal = value2.toString().split('.');
+        const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
+        const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
+        const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));
+        // Transform the decimals to integers based on the precision
+        value1 = Math.round(value1 * multiplier);
+        value2 = Math.round(value2 * multiplier);
+        // Perform the operation on integers values to make sure we don't get a fancy decimal value
+        result = operator === '+' ? value1 + value2 : value1 - value2;
+        // Transform the integer result back to decimal
+        result /= multiplier;
     }
-  };
-
-  let canIncrement = useMemo(() => !isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $bb3f0c77930f1734ecd987a3e5d3aa28$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);
-  let canDecrement = useMemo(() => !isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $bb3f0c77930f1734ecd987a3e5d3aa28$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);
-
-  let validate = value => numberParser.isValidPartialNumber(value, minValue, maxValue);
-
-  return {
-    validate,
-    increment,
-    incrementToMax,
-    decrement,
-    decrementToMin,
-    canIncrement,
-    canDecrement,
-    minValue,
-    maxValue,
-    numberValue: parsedValue,
-    setInputValue,
-    inputValue,
-    commit
-  };
+    return result;
 }
 
-exports.useNumberFieldState = useNumberFieldState;
-
-function $bb3f0c77930f1734ecd987a3e5d3aa28$var$handleDecimalOperation(operator, value1, value2) {
-  let result = operator === '+' ? value1 + value2 : value1 - value2; // Check if we have decimals
-
-  if (value1 % 1 !== 0 || value2 % 1 !== 0) {
-    const value1Decimal = value1.toString().split('.');
-    const value2Decimal = value2.toString().split('.');
-    const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
-    const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
-    const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength)); // Transform the decimals to integers based on the precision
 
-    value1 = Math.round(value1 * multiplier);
-    value2 = Math.round(value2 * multiplier); // Perform the operation on integers values to make sure we don't get a fancy decimal value
+$parcel$exportWildcard(module.exports, $e18a693eeaf9c060$exports);
 
-    result = operator === '+' ? value1 + value2 : value1 - value2; // Transform the integer result back to decimal
 
-    result /= multiplier;
-  }
-
-  return result;
-}
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-stately/numberfield/src/useNumberFieldState.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\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    setNumberValue((previousValue) => {\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 === previousValue) {\n        setInputValue(format(newValue));\n      }\n\n      return newValue;\n    });\n  };\n\n  let decrement = () => {\n    setNumberValue((previousValue) => {\n      let newValue = safeNextStep('-', maxValue);\n\n      if (newValue === previousValue) {\n        setInputValue(format(newValue));\n      }\n\n      return newValue;\n    });\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":["$parcel$interopDefault","a","__esModule","default","useNumberFieldState","props","minValue","maxValue","step","formatOptions","value","defaultValue","onChange","locale","isDisabled","isReadOnly","numberValue","setNumberValue","useControlledState","isNaN","NaN","inputValue","setInputValue","useState","NumberFormatter","format","numberParser","useMemo","NumberParser","numberingSystem","getNumberingSystem","formatter","intlOptions","resolvedOptions","useCallback","clampStep","style","useEffect","parsedValue","parse","parsed","useRef","current","commit","length","undefined","clampedValue","clamp","snapValueToStep","safeNextStep","operation","minMax","prev","newValue","handleDecimalOperation","increment","previousValue","decrement","incrementToMax","decrementToMin","canIncrement","canDecrement","validate","isValidPartialNumber","operator","value1","value2","result","value1Decimal","toString","split","value2Decimal","value1DecimalLength","value2DecimalLength","multiplier","Math","pow","max","round"],"version":3,"file":"main.js.map"}
+{"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

@@ -1,180 +1,184 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { NumberFormatter, NumberParser } from "@internationalized/number";
-import { clamp, snapValueToStep, useControlledState } from "@react-stately/utils";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
+import {useControlledState as $vhjCi$useControlledState, clamp as $vhjCi$clamp, snapValueToStep as $vhjCi$snapValueToStep} from "@react-stately/utils";
+import {NumberFormatter as $vhjCi$NumberFormatter, NumberParser as $vhjCi$NumberParser} from "@internationalized/number";
+import {useState as $vhjCi$useState, useMemo as $vhjCi$useMemo, useCallback as $vhjCi$useCallback, useRef as $vhjCi$useRef} from "react";
 
-/**
- * Provides state management for a number field component. Number fields allow users to enter a number,
- * and increment or decrement the value using stepper buttons.
- */
-export function useNumberFieldState(props) {
-  let {
-    minValue,
-    maxValue,
-    step,
-    formatOptions,
-    value,
-    defaultValue,
-    onChange,
-    locale,
-    isDisabled,
-    isReadOnly
-  } = props;
-  let [numberValue, setNumberValue] = useControlledState(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);
-  let [inputValue, setInputValue] = useState(() => isNaN(numberValue) ? '' : new NumberFormatter(locale, formatOptions).format(numberValue));
-  let numberParser = useMemo(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);
-  let numberingSystem = useMemo(() => numberParser.getNumberingSystem(inputValue), [numberParser, inputValue]);
-  let formatter = useMemo(() => new NumberFormatter(locale, _babelRuntimeHelpersEsmExtends({}, formatOptions, {
-    numberingSystem
-  })), [locale, formatOptions, numberingSystem]);
-  let intlOptions = useMemo(() => formatter.resolvedOptions(), [formatter]);
-  let format = useCallback(value => isNaN(value) ? '' : formatter.format(value), [formatter]);
-  let clampStep = !isNaN(step) ? step : 1;
-
-  if (intlOptions.style === 'percent' && isNaN(step)) {
-    clampStep = 0.01;
-  } // Update the input value when the number value or format options change. This is done
-  // in a useEffect so that the controlled behavior is correct and we only update the
-  // textfield after prop changes.
-
-
-  useEffect(() => {
-    setInputValue(format(numberValue));
-  }, [numberValue, locale, formatOptions]); // Store last parsed value in a ref so it can be used by increment/decrement below
-
-  let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);
-  let parsed = useRef(0);
-  parsed.current = parsedValue;
-
-  let commit = () => {
-    // Set to empty state if input value is empty
-    if (!inputValue.length) {
-      setNumberValue(NaN);
-      setInputValue(value === undefined ? '' : format(numberValue));
-      return;
-    } // if it failed to parse, then reset input to formatted version of current number
-
-
-    if (isNaN(parsed.current)) {
-      setInputValue(format(numberValue));
-      return;
-    } // Clamp to min and max, round to the nearest step, and round to specified number of digits
-
-
-    let clampedValue;
-
-    if (isNaN(step)) {
-      clampedValue = clamp(parsed.current, minValue, maxValue);
-    } else {
-      clampedValue = snapValueToStep(parsed.current, minValue, maxValue, step);
-    }
-
-    clampedValue = numberParser.parse(format(clampedValue));
-    setNumberValue(clampedValue); // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-
-    setInputValue(format(value === undefined ? clampedValue : numberValue));
-  };
-
-  let safeNextStep = (operation, minMax) => {
-    let prev = parsed.current;
-
-    if (isNaN(prev)) {
-      // if the input is empty, start from the min/max value when incrementing/decrementing,
-      // or zero if there is no min/max value defined.
-      let newValue = isNaN(minMax) ? 0 : minMax;
-      return snapValueToStep(newValue, minValue, maxValue, clampStep);
-    } else {
-      // otherwise, first snap the current value to the nearest step. if it moves in the direction
-      // we're going, use that value, otherwise add the step and snap that value.
-      let newValue = snapValueToStep(prev, minValue, maxValue, clampStep);
-
-      if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) {
-        return newValue;
-      }
-
-      return snapValueToStep($b6f3c0268c2239b947a18381443e4550$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
-    }
-  };
-
-  let increment = () => {
-    setNumberValue(previousValue => {
-      let newValue = safeNextStep('+', minValue); // if we've arrived at the same value that was previously in the state, the
-      // input value should be updated to match
-      // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
-      // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
-      }
-
-      return newValue;
-    });
-  };
-
-  let decrement = () => {
-    setNumberValue(previousValue => {
-      let newValue = safeNextStep('-', maxValue);
-
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
-      }
-
-      return newValue;
-    });
-  };
-
-  let incrementToMax = () => {
-    if (maxValue != null) {
-      setNumberValue(snapValueToStep(maxValue, minValue, maxValue, clampStep));
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $de67e98908f0c6ee$exports = {};
+
+$parcel$export($de67e98908f0c6ee$exports, "useNumberFieldState", () => $de67e98908f0c6ee$export$7f629e9dc1ecf37c);
+
+
+
+function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
+    let { minValue: minValue , maxValue: maxValue , step: step , formatOptions: formatOptions , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , isDisabled: isDisabled , isReadOnly: isReadOnly  } = props;
+    let [numberValue, setNumberValue] = $vhjCi$useControlledState(value1, isNaN(defaultValue) ? NaN : defaultValue, onChange);
+    let [inputValue, setInputValue] = $vhjCi$useState(()=>isNaN(numberValue) ? '' : new $vhjCi$NumberFormatter(locale, formatOptions).format(numberValue)
+    );
+    let numberParser = $vhjCi$useMemo(()=>new $vhjCi$NumberParser(locale, formatOptions)
+    , [
+        locale,
+        formatOptions
+    ]);
+    let numberingSystem = $vhjCi$useMemo(()=>numberParser.getNumberingSystem(inputValue)
+    , [
+        numberParser,
+        inputValue
+    ]);
+    let formatter = $vhjCi$useMemo(()=>new $vhjCi$NumberFormatter(locale, {
+            ...formatOptions,
+            numberingSystem: numberingSystem
+        })
+    , [
+        locale,
+        formatOptions,
+        numberingSystem
+    ]);
+    let intlOptions = $vhjCi$useMemo(()=>formatter.resolvedOptions()
+    , [
+        formatter
+    ]);
+    let format = $vhjCi$useCallback((value)=>isNaN(value) ? '' : formatter.format(value)
+    , [
+        formatter
+    ]);
+    let clampStep = !isNaN(step) ? step : 1;
+    if (intlOptions.style === 'percent' && isNaN(step)) clampStep = 0.01;
+    // Update the input value when the number value or format options change. This is done
+    // in a useEffect so that the controlled behavior is correct and we only update the
+    // textfield after prop changes.
+    let prevValue = $vhjCi$useRef(numberValue);
+    let prevLocale = $vhjCi$useRef(locale);
+    let prevFormatOptions = $vhjCi$useRef(formatOptions);
+    if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
+        setInputValue(format(numberValue));
+        prevValue.current = numberValue;
+        prevLocale.current = locale;
+        prevFormatOptions.current = formatOptions;
     }
-  };
-
-  let decrementToMin = () => {
-    if (minValue != null) {
-      setNumberValue(minValue);
+    // Store last parsed value in a ref so it can be used by increment/decrement below
+    let parsedValue = $vhjCi$useMemo(()=>numberParser.parse(inputValue)
+    , [
+        numberParser,
+        inputValue
+    ]);
+    let parsed = $vhjCi$useRef(0);
+    parsed.current = parsedValue;
+    let commit = ()=>{
+        // Set to empty state if input value is empty
+        if (!inputValue.length) {
+            setNumberValue(NaN);
+            setInputValue(value1 === undefined ? '' : format(numberValue));
+            return;
+        }
+        // if it failed to parse, then reset input to formatted version of current number
+        if (isNaN(parsed.current)) {
+            setInputValue(format(numberValue));
+            return;
+        }
+        // Clamp to min and max, round to the nearest step, and round to specified number of digits
+        let clampedValue;
+        if (isNaN(step)) clampedValue = $vhjCi$clamp(parsed.current, minValue, maxValue);
+        else clampedValue = $vhjCi$snapValueToStep(parsed.current, minValue, maxValue, step);
+        clampedValue = numberParser.parse(format(clampedValue));
+        setNumberValue(clampedValue);
+        // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
+        setInputValue(format(value1 === undefined ? clampedValue : numberValue));
+    };
+    let safeNextStep = (operation, minMax)=>{
+        let prev = parsed.current;
+        if (isNaN(prev)) {
+            // if the input is empty, start from the min/max value when incrementing/decrementing,
+            // or zero if there is no min/max value defined.
+            let newValue = isNaN(minMax) ? 0 : minMax;
+            return $vhjCi$snapValueToStep(newValue, minValue, maxValue, clampStep);
+        } else {
+            // otherwise, first snap the current value to the nearest step. if it moves in the direction
+            // we're going, use that value, otherwise add the step and snap that value.
+            let newValue = $vhjCi$snapValueToStep(prev, minValue, maxValue, clampStep);
+            if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
+            return $vhjCi$snapValueToStep($de67e98908f0c6ee$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
+        }
+    };
+    let increment = ()=>{
+        let newValue = safeNextStep('+', minValue);
+        // if we've arrived at the same value that was previously in the state, the
+        // input value should be updated to match
+        // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
+        // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+    };
+    let decrement = ()=>{
+        let newValue = safeNextStep('-', maxValue);
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+    };
+    let incrementToMax = ()=>{
+        if (maxValue != null) setNumberValue($vhjCi$snapValueToStep(maxValue, minValue, maxValue, clampStep));
+    };
+    let decrementToMin = ()=>{
+        if (minValue != null) setNumberValue(minValue);
+    };
+    let canIncrement = $vhjCi$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || $vhjCi$snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue)
+    , [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
+    ]);
+    let canDecrement = $vhjCi$useMemo(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || $vhjCi$snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue)
+    , [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
+    ]);
+    let validate = (value)=>numberParser.isValidPartialNumber(value, minValue, maxValue)
+    ;
+    return {
+        validate: validate,
+        increment: increment,
+        incrementToMax: incrementToMax,
+        decrement: decrement,
+        decrementToMin: decrementToMin,
+        canIncrement: canIncrement,
+        canDecrement: canDecrement,
+        minValue: minValue,
+        maxValue: maxValue,
+        numberValue: parsedValue,
+        setInputValue: setInputValue,
+        inputValue: inputValue,
+        commit: commit
+    };
+}
+function $de67e98908f0c6ee$var$handleDecimalOperation(operator, value1, value2) {
+    let result = operator === '+' ? value1 + value2 : value1 - value2;
+    // Check if we have decimals
+    if (value1 % 1 !== 0 || value2 % 1 !== 0) {
+        const value1Decimal = value1.toString().split('.');
+        const value2Decimal = value2.toString().split('.');
+        const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
+        const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
+        const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));
+        // Transform the decimals to integers based on the precision
+        value1 = Math.round(value1 * multiplier);
+        value2 = Math.round(value2 * multiplier);
+        // Perform the operation on integers values to make sure we don't get a fancy decimal value
+        result = operator === '+' ? value1 + value2 : value1 - value2;
+        // Transform the integer result back to decimal
+        result /= multiplier;
     }
-  };
-
-  let canIncrement = useMemo(() => !isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(maxValue) || snapValueToStep(parsedValue, minValue, maxValue, clampStep) > parsedValue || $b6f3c0268c2239b947a18381443e4550$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);
-  let canDecrement = useMemo(() => !isDisabled && !isReadOnly && (isNaN(parsedValue) || isNaN(minValue) || snapValueToStep(parsedValue, minValue, maxValue, clampStep) < parsedValue || $b6f3c0268c2239b947a18381443e4550$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue), [isDisabled, isReadOnly, minValue, maxValue, clampStep, parsedValue]);
-
-  let validate = value => numberParser.isValidPartialNumber(value, minValue, maxValue);
-
-  return {
-    validate,
-    increment,
-    incrementToMax,
-    decrement,
-    decrementToMin,
-    canIncrement,
-    canDecrement,
-    minValue,
-    maxValue,
-    numberValue: parsedValue,
-    setInputValue,
-    inputValue,
-    commit
-  };
+    return result;
 }
 
-function $b6f3c0268c2239b947a18381443e4550$var$handleDecimalOperation(operator, value1, value2) {
-  let result = operator === '+' ? value1 + value2 : value1 - value2; // Check if we have decimals
-
-  if (value1 % 1 !== 0 || value2 % 1 !== 0) {
-    const value1Decimal = value1.toString().split('.');
-    const value2Decimal = value2.toString().split('.');
-    const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
-    const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
-    const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength)); // Transform the decimals to integers based on the precision
 
-    value1 = Math.round(value1 * multiplier);
-    value2 = Math.round(value2 * multiplier); // Perform the operation on integers values to make sure we don't get a fancy decimal value
 
-    result = operator === '+' ? value1 + value2 : value1 - value2; // Transform the integer result back to decimal
 
-    result /= multiplier;
-  }
-
-  return result;
-}
+export {$de67e98908f0c6ee$export$7f629e9dc1ecf37c as useNumberFieldState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAqEA;;;;OAIO,SAASA,mBAAT,CACLC,KADK,EAEa;AAClB,MAAI;AACFC,IAAAA,QADE;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,IAHE;AAIFC,IAAAA,aAJE;AAKFC,IAAAA,KALE;AAMFC,IAAAA,YANE;AAOFC,IAAAA,QAPE;AAQFC,IAAAA,MARE;AASFC,IAAAA,UATE;AAUFC,IAAAA;AAVE,MAWAV,KAXJ;AAaA,MAAI,CAACW,WAAD,EAAcC,cAAd,IAAgCC,kBAAkB,CAASR,KAAT,EAAgBS,KAAK,CAACR,YAAD,CAAL,GAAsBS,GAAtB,GAA4BT,YAA5C,EAA0DC,QAA1D,CAAtD;AACA,MAAI,CAACS,UAAD,EAAaC,aAAb,IAA8BC,QAAQ,CAAC,MAAMJ,KAAK,CAACH,WAAD,CAAL,GAAqB,EAArB,GAA0B,IAAIQ,eAAJ,CAAoBX,MAApB,EAA4BJ,aAA5B,EAA2CgB,MAA3C,CAAkDT,WAAlD,CAAjC,CAA1C;AAEA,MAAIU,YAAY,GAAGC,OAAO,CAAC,MAAM,IAAIC,YAAJ,CAAiBf,MAAjB,EAAyBJ,aAAzB,CAAP,EAAgD,CAACI,MAAD,EAASJ,aAAT,CAAhD,CAA1B;AACA,MAAIoB,eAAe,GAAGF,OAAO,CAAC,MAAMD,YAAY,CAACI,kBAAb,CAAgCT,UAAhC,CAAP,EAAoD,CAACK,YAAD,EAAeL,UAAf,CAApD,CAA7B;AACA,MAAIU,SAAS,GAAGJ,OAAO,CAAC,MAAM,IAAIH,eAAJ,CAAoBX,MAApB,qCAAgCJ,aAAhC;AAA+CoB,IAAAA;AAA/C,KAAP,EAAyE,CAAChB,MAAD,EAASJ,aAAT,EAAwBoB,eAAxB,CAAzE,CAAvB;AACA,MAAIG,WAAW,GAAGL,OAAO,CAAC,MAAMI,SAAS,CAACE,eAAV,EAAP,EAAoC,CAACF,SAAD,CAApC,CAAzB;AACA,MAAIN,MAAM,GAAGS,WAAW,CAAExB,KAAD,IAAmBS,KAAK,CAACT,KAAD,CAAL,GAAe,EAAf,GAAoBqB,SAAS,CAACN,MAAV,CAAiBf,KAAjB,CAAxC,EAAiE,CAACqB,SAAD,CAAjE,CAAxB;AAEA,MAAII,SAAS,GAAG,CAAChB,KAAK,CAACX,IAAD,CAAN,GAAeA,IAAf,GAAsB,CAAtC;;AACA,MAAIwB,WAAW,CAACI,KAAZ,KAAsB,SAAtB,IAAmCjB,KAAK,CAACX,IAAD,CAA5C,EAAoD;AAClD2B,IAAAA,SAAS,GAAG,IAAZ;AACD,GA1BiB,CA4BlB;AACA;AACA;;;AACAE,EAAAA,SAAS,CAAC,MAAM;AACdf,IAAAA,aAAa,CAACG,MAAM,CAACT,WAAD,CAAP,CAAb;AACD,GAFQ,EAEN,CAACA,WAAD,EAAcH,MAAd,EAAsBJ,aAAtB,CAFM,CAAT,CA/BkB,CAmClB;;AACA,MAAI6B,WAAW,GAAGX,OAAO,CAAC,MAAMD,YAAY,CAACa,KAAb,CAAmBlB,UAAnB,CAAP,EAAuC,CAACK,YAAD,EAAeL,UAAf,CAAvC,CAAzB;AACA,MAAImB,MAAM,GAAGC,MAAM,CAAC,CAAD,CAAnB;AACAD,EAAAA,MAAM,CAACE,OAAP,GAAiBJ,WAAjB;;AAEA,MAAIK,MAAM,GAAG,MAAM;AACjB;AACA,QAAI,CAACtB,UAAU,CAACuB,MAAhB,EAAwB;AACtB3B,MAAAA,cAAc,CAACG,GAAD,CAAd;AACAE,MAAAA,aAAa,CAACZ,KAAK,KAAKmC,SAAV,GAAsB,EAAtB,GAA2BpB,MAAM,CAACT,WAAD,CAAlC,CAAb;AACA;AACD,KANgB,CAQjB;;;AACA,QAAIG,KAAK,CAACqB,MAAM,CAACE,OAAR,CAAT,EAA2B;AACzBpB,MAAAA,aAAa,CAACG,MAAM,CAACT,WAAD,CAAP,CAAb;AACA;AACD,KAZgB,CAcjB;;;AACA,QAAI8B,YAAJ;;AACA,QAAI3B,KAAK,CAACX,IAAD,CAAT,EAAiB;AACfsC,MAAAA,YAAY,GAAGC,KAAK,CAACP,MAAM,CAACE,OAAR,EAAiBpC,QAAjB,EAA2BC,QAA3B,CAApB;AACD,KAFD,MAEO;AACLuC,MAAAA,YAAY,GAAGE,eAAe,CAACR,MAAM,CAACE,OAAR,EAAiBpC,QAAjB,EAA2BC,QAA3B,EAAqCC,IAArC,CAA9B;AACD;;AAEDsC,IAAAA,YAAY,GAAGpB,YAAY,CAACa,KAAb,CAAmBd,MAAM,CAACqB,YAAD,CAAzB,CAAf;AACA7B,IAAAA,cAAc,CAAC6B,YAAD,CAAd,CAvBiB,CAyBjB;;AACAxB,IAAAA,aAAa,CAACG,MAAM,CAACf,KAAK,KAAKmC,SAAV,GAAsBC,YAAtB,GAAqC9B,WAAtC,CAAP,CAAb;AACD,GA3BD;;AA6BA,MAAIiC,YAAY,GAAG,CAACC,SAAD,EAAuBC,MAAvB,KAA0C;AAC3D,QAAIC,IAAI,GAAGZ,MAAM,CAACE,OAAlB;;AAEA,QAAIvB,KAAK,CAACiC,IAAD,CAAT,EAAiB;AACf;AACA;AACA,UAAIC,QAAQ,GAAGlC,KAAK,CAACgC,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAAnC;AACA,aAAOH,eAAe,CAACK,QAAD,EAAW/C,QAAX,EAAqBC,QAArB,EAA+B4B,SAA/B,CAAtB;AACD,KALD,MAKO;AACL;AACA;AACA,UAAIkB,QAAQ,GAAGL,eAAe,CAACI,IAAD,EAAO9C,QAAP,EAAiBC,QAAjB,EAA2B4B,SAA3B,CAA9B;;AACA,UAAKe,SAAS,KAAK,GAAd,IAAqBG,QAAQ,GAAGD,IAAjC,IAA2CF,SAAS,KAAK,GAAd,IAAqBG,QAAQ,GAAGD,IAA/E,EAAsF;AACpF,eAAOC,QAAP;AACD;;AAED,aAAOL,eAAe,CACpBM,4DAAsB,CAACJ,SAAD,EAAYE,IAAZ,EAAkBjB,SAAlB,CADF,EAEpB7B,QAFoB,EAGpBC,QAHoB,EAIpB4B,SAJoB,CAAtB;AAMD;AACF,GAvBD;;AAyBA,MAAIoB,SAAS,GAAG,MAAM;AACpBtC,IAAAA,cAAc,CAAEuC,aAAD,IAAmB;AAChC,UAAIH,QAAQ,GAAGJ,YAAY,CAAC,GAAD,EAAM3C,QAAN,CAA3B,CADgC,CAGhC;AACA;AACA;AACA;;AACA,UAAI+C,QAAQ,KAAKG,aAAjB,EAAgC;AAC9BlC,QAAAA,aAAa,CAACG,MAAM,CAAC4B,QAAD,CAAP,CAAb;AACD;;AAED,aAAOA,QAAP;AACD,KAZa,CAAd;AAaD,GAdD;;AAgBA,MAAII,SAAS,GAAG,MAAM;AACpBxC,IAAAA,cAAc,CAAEuC,aAAD,IAAmB;AAChC,UAAIH,QAAQ,GAAGJ,YAAY,CAAC,GAAD,EAAM1C,QAAN,CAA3B;;AAEA,UAAI8C,QAAQ,KAAKG,aAAjB,EAAgC;AAC9BlC,QAAAA,aAAa,CAACG,MAAM,CAAC4B,QAAD,CAAP,CAAb;AACD;;AAED,aAAOA,QAAP;AACD,KARa,CAAd;AASD,GAVD;;AAYA,MAAIK,cAAc,GAAG,MAAM;AACzB,QAAInD,QAAQ,IAAI,IAAhB,EAAsB;AACpBU,MAAAA,cAAc,CAAC+B,eAAe,CAACzC,QAAD,EAAWD,QAAX,EAAqBC,QAArB,EAA+B4B,SAA/B,CAAhB,CAAd;AACD;AACF,GAJD;;AAMA,MAAIwB,cAAc,GAAG,MAAM;AACzB,QAAIrD,QAAQ,IAAI,IAAhB,EAAsB;AACpBW,MAAAA,cAAc,CAACX,QAAD,CAAd;AACD;AACF,GAJD;;AAMA,MAAIsD,YAAY,GAAGjC,OAAO,CAAC,MACzB,CAACb,UAAD,IACA,CAACC,UADD,KAGEI,KAAK,CAACmB,WAAD,CAAL,IACAnB,KAAK,CAACZ,QAAD,CADL,IAEAyC,eAAe,CAACV,WAAD,EAAchC,QAAd,EAAwBC,QAAxB,EAAkC4B,SAAlC,CAAf,GAA8DG,WAF9D,IAGAgB,4DAAsB,CAAC,GAAD,EAAMhB,WAAN,EAAmBH,SAAnB,CAAtB,IAAuD5B,QANzD,CADwB,EASvB,CAACO,UAAD,EAAaC,UAAb,EAAyBT,QAAzB,EAAmCC,QAAnC,EAA6C4B,SAA7C,EAAwDG,WAAxD,CATuB,CAA1B;AAWA,MAAIuB,YAAY,GAAGlC,OAAO,CAAC,MACzB,CAACb,UAAD,IACA,CAACC,UADD,KAGEI,KAAK,CAACmB,WAAD,CAAL,IACAnB,KAAK,CAACb,QAAD,CADL,IAEA0C,eAAe,CAACV,WAAD,EAAchC,QAAd,EAAwBC,QAAxB,EAAkC4B,SAAlC,CAAf,GAA8DG,WAF9D,IAGAgB,4DAAsB,CAAC,GAAD,EAAMhB,WAAN,EAAmBH,SAAnB,CAAtB,IAAuD7B,QANzD,CADwB,EASvB,CAACQ,UAAD,EAAaC,UAAb,EAAyBT,QAAzB,EAAmCC,QAAnC,EAA6C4B,SAA7C,EAAwDG,WAAxD,CATuB,CAA1B;;AAWA,MAAIwB,QAAQ,GAAIpD,KAAD,IAAmBgB,YAAY,CAACqC,oBAAb,CAAkCrD,KAAlC,EAAyCJ,QAAzC,EAAmDC,QAAnD,CAAlC;;AAEA,SAAO;AACLuD,IAAAA,QADK;AAELP,IAAAA,SAFK;AAGLG,IAAAA,cAHK;AAILD,IAAAA,SAJK;AAKLE,IAAAA,cALK;AAMLC,IAAAA,YANK;AAOLC,IAAAA,YAPK;AAQLvD,IAAAA,QARK;AASLC,IAAAA,QATK;AAULS,IAAAA,WAAW,EAAEsB,WAVR;AAWLhB,IAAAA,aAXK;AAYLD,IAAAA,UAZK;AAaLsB,IAAAA;AAbK,GAAP;AAeD;;AAED,SAASW,4DAAT,CAAgCU,QAAhC,EAAqDC,MAArD,EAAqEC,MAArE,EAA6F;AAC3F,MAAIC,MAAM,GAAGH,QAAQ,KAAK,GAAb,GAAmBC,MAAM,GAAGC,MAA5B,GAAqCD,MAAM,GAAGC,MAA3D,CAD2F,CAG3F;;AACA,MAAID,MAAM,GAAG,CAAT,KAAe,CAAf,IAAoBC,MAAM,GAAG,CAAT,KAAe,CAAvC,EAA0C;AACxC,UAAME,aAAa,GAAGH,MAAM,CAACI,QAAP,GAAkBC,KAAlB,CAAwB,GAAxB,CAAtB;AACA,UAAMC,aAAa,GAAGL,MAAM,CAACG,QAAP,GAAkBC,KAAlB,CAAwB,GAAxB,CAAtB;AACA,UAAME,mBAAmB,GAAIJ,aAAa,CAAC,CAAD,CAAb,IAAoBA,aAAa,CAAC,CAAD,CAAb,CAAiBxB,MAAtC,IAAiD,CAA7E;AACA,UAAM6B,mBAAmB,GAAIF,aAAa,CAAC,CAAD,CAAb,IAAoBA,aAAa,CAAC,CAAD,CAAb,CAAiB3B,MAAtC,IAAiD,CAA7E;AACA,UAAM8B,UAAU,GAAGC,IAAI,CAACC,GAAL,CAAS,EAAT,EAAaD,IAAI,CAACE,GAAL,CAASL,mBAAT,EAA8BC,mBAA9B,CAAb,CAAnB,CALwC,CAOxC;;AACAR,IAAAA,MAAM,GAAGU,IAAI,CAACG,KAAL,CAAWb,MAAM,GAAGS,UAApB,CAAT;AACAR,IAAAA,MAAM,GAAGS,IAAI,CAACG,KAAL,CAAWZ,MAAM,GAAGQ,UAApB,CAAT,CATwC,CAWxC;;AACAP,IAAAA,MAAM,GAAGH,QAAQ,KAAK,GAAb,GAAmBC,MAAM,GAAGC,MAA5B,GAAqCD,MAAM,GAAGC,MAAvD,CAZwC,CAcxC;;AACAC,IAAAA,MAAM,IAAIO,UAAV;AACD;;AAED,SAAOP,MAAP;AACD","sources":["./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\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    setNumberValue((previousValue) => {\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 === previousValue) {\n        setInputValue(format(newValue));\n      }\n\n      return newValue;\n    });\n  };\n\n  let decrement = () => {\n    setNumberValue((previousValue) => {\n      let newValue = safeNextStep('-', maxValue);\n\n      if (newValue === previousValue) {\n        setInputValue(format(newValue));\n      }\n\n      return newValue;\n    });\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":["useNumberFieldState","props","minValue","maxValue","step","formatOptions","value","defaultValue","onChange","locale","isDisabled","isReadOnly","numberValue","setNumberValue","useControlledState","isNaN","NaN","inputValue","setInputValue","useState","NumberFormatter","format","numberParser","useMemo","NumberParser","numberingSystem","getNumberingSystem","formatter","intlOptions","resolvedOptions","useCallback","clampStep","style","useEffect","parsedValue","parse","parsed","useRef","current","commit","length","undefined","clampedValue","clamp","snapValueToStep","safeNextStep","operation","minMax","prev","newValue","handleDecimalOperation","increment","previousValue","decrement","incrementToMax","decrementToMin","canIncrement","canDecrement","validate","isValidPartialNumber","operator","value1","value2","result","value1Decimal","toString","split","value2Decimal","value1DecimalLength","value2DecimalLength","multiplier","Math","pow","max","round"],"version":3,"file":"module.js.map"}
+{"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

@@ -1 +1 @@
-{"mappings":"A;AAiBA;IACE;A;A;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;A;A;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;A;A;A;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,gDAAgD;IAChD,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;A;A;A;A;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;A;A;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;A;A;GAGG;AACH,oCACE,KAAK,EAAE,qBAAqB,GAC3B,gBAAgB,CA6KlB","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"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/numberfield",
-  "version": "3.0.2",
+  "version": "3.0.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,10 +18,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@internationalized/number": "^3.0.2",
-    "@react-stately/utils": "^3.2.2",
-    "@react-types/numberfield": "^3.0.1",
-    "@react-types/shared": "^3.8.0"
+    "@internationalized/number": "^3.0.5",
+    "@react-stately/utils": "^3.4.1",
+    "@react-types/numberfield": "^3.1.3",
+    "@react-types/shared": "^3.11.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -29,5 +29,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
+  "gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
 }

package/src/useNumberFieldState.ts

@@ -13,7 +13,7 @@
 import {clamp, snapValueToStep, useControlledState} from '@react-stately/utils';
 import {NumberFieldProps} from '@react-types/numberfield';
 import {NumberFormatter, NumberParser} from '@internationalized/number';
-import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import {useCallback, useMemo, useRef, useState} from 'react';
 
 export interface NumberFieldState {
   /**
@@ -104,9 +104,15 @@ export function useNumberFieldState(
   // Update the input value when the number value or format options change. This is done
   // in a useEffect so that the controlled behavior is correct and we only update the
   // textfield after prop changes.
-  useEffect(() => {
+  let prevValue = useRef(numberValue);
+  let prevLocale = useRef(locale);
+  let prevFormatOptions = useRef(formatOptions);
+  if (!Object.is(numberValue, prevValue.current) || locale !== prevLocale.current || formatOptions !== prevFormatOptions.current) {
     setInputValue(format(numberValue));
-  }, [numberValue, locale, formatOptions]);
+    prevValue.current = numberValue;
+    prevLocale.current = locale;
+    prevFormatOptions.current = formatOptions;
+  }
 
   // Store last parsed value in a ref so it can be used by increment/decrement below
   let parsedValue = useMemo(() => numberParser.parse(inputValue), [numberParser, inputValue]);
@@ -168,31 +174,27 @@ export function useNumberFieldState(
   };
 
   let increment = () => {
-    setNumberValue((previousValue) => {
-      let newValue = safeNextStep('+', minValue);
-
-      // if we've arrived at the same value that was previously in the state, the
-      // input value should be updated to match
-      // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
-      // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
-      }
+    let newValue = safeNextStep('+', minValue);
+
+    // if we've arrived at the same value that was previously in the state, the
+    // input value should be updated to match
+    // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
+    // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
+    if (newValue === numberValue) {
+      setInputValue(format(newValue));
+    }
 
-      return newValue;
-    });
+    setNumberValue(newValue);
   };
 
   let decrement = () => {
-    setNumberValue((previousValue) => {
-      let newValue = safeNextStep('-', maxValue);
+    let newValue = safeNextStep('-', maxValue);
 
-      if (newValue === previousValue) {
-        setInputValue(format(newValue));
-      }
+    if (newValue === numberValue) {
+      setInputValue(format(newValue));
+    }
 
-      return newValue;
-    });
+    setNumberValue(newValue);
   };
 
   let incrementToMax = () => {