@react-aria/numberfield 3.0.0-rc.0 → 3.1.1

package/dist/main.js

@@ -1,7 +1,3 @@
-var {
-  useTextField
-} = require("@react-aria/textfield");
-
 var {
   useSpinButton
 } = require("@react-aria/spinbutton");
@@ -12,10 +8,23 @@ var {
 } = require("@react-aria/i18n");
 
 var {
-  useFocus
+  useFormattedTextField
+} = require("@react-aria/textfield");
+
+var {
+  useFocus,
+  useFocusWithin,
+  useScrollWheel
 } = require("@react-aria/interactions");
 
 var {
+  useCallback,
+  useMemo,
+  useState
+} = require("react");
+
+var {
+  filterDOMProps,
   isAndroid,
   isIOS,
   isIPhone,
@@ -23,15 +32,10 @@ var {
   useId
 } = require("@react-aria/utils");
 
-var {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef
-} = require("react");
-
 var _babelRuntimeHelpersInteropRequireDefault = $parcel$interopDefault(require("@babel/runtime/helpers/interopRequireDefault"));
 
+var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -176,16 +180,10 @@ const $ebb253b0ca493f114f41772a028a$var$intlMessages = {
   "zh-TW": _babelRuntimeHelpersInteropRequireDefault($e5db46fc5bab2e1cddabb46042e67b$exports).default
 };
 
-function $ebb253b0ca493f114f41772a028a$var$supportsNativeBeforeInputEvent() {
-  return typeof window !== 'undefined' && window.InputEvent && // @ts-ignore
-  typeof InputEvent.prototype.getTargetRanges === 'function';
-}
 /**
  * Provides the behavior and accessibility implementation for a number field component.
  * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.
  */
-
-
 function useNumberField(props, state, inputRef) {
   let {
     id,
@@ -199,7 +197,14 @@ function useNumberField(props, state, inputRef) {
     autoFocus,
     validationState,
     label,
-    formatOptions
+    formatOptions,
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
   let {
     increment,
@@ -236,25 +241,33 @@ function useNumberField(props, state, inputRef) {
     value: numberValue,
     textValue: state.inputValue
   });
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled,
+    onFocusWithinChange: setFocusWithin
+  });
   let onWheel = useCallback(e => {
-    // If the input isn't supposed to receive input, do nothing.
-    // If the ctrlKey is pressed, this is a zoom event, do nothing.
-    if (isDisabled || isReadOnly || e.ctrlKey) {
+    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
+    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
+    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
+    // especially if the user is scrolling near 45deg
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
-    } // stop scrolling the page
-
-
-    e.preventDefault();
+    }
 
     if (e.deltaY > 0) {
       increment();
     } else if (e.deltaY < 0) {
       decrement();
     }
-  }, [isReadOnly, isDisabled, decrement, increment]);
-  $ebb253b0ca493f114f41772a028a$var$useScrollWheel({
+  }, [decrement, increment]); // If the input isn't supposed to receive input, disable scrolling.
+
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({
     onScroll: onWheel,
-    capture: false
+    isDisabled: scrollingDisabled
   }, inputRef); // The inputMode attribute influences the software keyboard that is shown on touch devices.
   // Browsers and operating systems are quite inconsistent about what keys are available, however.
   // We choose between numeric and decimal based on whether we allow negative and fractional numbers,
@@ -285,90 +298,17 @@ function useNumberField(props, state, inputRef) {
     }
   }
 
-  let stateRef = useRef(state);
-  stateRef.current = state; // All browsers implement the 'beforeinput' event natively except Firefox
-  // (currently behind a flag as of Firefox 84). React's polyfill does not
-  // run in all cases that the native event fires, e.g. when deleting text.
-  // Use the native event if available so that we can prevent invalid deletions.
-  // We do not attempt to polyfill this in Firefox since it would be very complicated,
-  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.
-
-  useEffect(() => {
-    if (!$ebb253b0ca493f114f41772a028a$var$supportsNativeBeforeInputEvent()) {
-      return;
-    }
-
-    let input = inputRef.current;
-
-    let onBeforeInput = e => {
-      let state = stateRef.current; // Compute the next value of the input if the event is allowed to proceed.
-      // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.
-
-      let nextValue;
-
-      switch (e.inputType) {
-        case 'historyUndo':
-        case 'historyRedo':
-          // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,
-          // because presumably the input would have already been validated previously.
-          return;
-
-        case 'deleteContent':
-        case 'deleteByCut':
-        case 'deleteByDrag':
-          nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        case 'deleteContentForward':
-          // This is potentially incorrect, since the browser may actually delete more than a single UTF-16
-          // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters
-          // or code points may be deleted. However, in our currently supported locales, there are no such cases.
-          // If we support additional locales in the future, this may need to change.
-          nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        case 'deleteContentBackward':
-          nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        default:
-          if (e.data != null) {
-            nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);
-          }
-
-          break;
-      } // If we did not compute a value, or the new value is invalid, prevent the event
-      // so that the browser does not update the input text, move the selection, or add to
-      // the undo/redo stack.
-
-
-      if (nextValue == null || !state.validate(nextValue)) {
-        e.preventDefault();
-      }
-    };
-
-    input.addEventListener('beforeinput', onBeforeInput, false);
-    return () => {
-      input.removeEventListener('beforeinput', onBeforeInput, false);
-    };
-  }, [inputRef, stateRef]);
-  let onBeforeInput = !$ebb253b0ca493f114f41772a028a$var$supportsNativeBeforeInputEvent() ? e => {
-    let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
-
-    if (!state.validate(nextValue)) {
-      e.preventDefault();
-    }
-  } : null;
-
   let onChange = value => {
     state.setInputValue(value);
   };
 
-  let compositionStartState = useRef(null);
+  let domProps = filterDOMProps(props);
   let {
     labelProps,
-    inputProps: textFieldProps
-  } = useTextField({
+    inputProps: textFieldProps,
+    descriptionProps,
+    errorMessageProps
+  } = useFormattedTextField(_babelRuntimeHelpersExtends({}, domProps, {
     label,
     autoFocus,
     isDisabled,
@@ -384,49 +324,14 @@ function useNumberField(props, state, inputRef) {
     // Can't use type="number" because then we can't have things like $ in the field.
     inputMode,
     onChange,
-    onBeforeInput,
-
-    onCompositionStart() {
-      // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition
-      // and deleteByComposition inputType values for the beforeinput event. These are meant to occur
-      // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are
-      // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,
-      // nor would we want to cancel them because the input from the user is incomplete at that point.
-      // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel
-      // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either
-      // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when
-      // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.
-      // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition
-      // are implemented, there is no other way to prevent composed input.
-      // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204
-      let {
-        value,
-        selectionStart,
-        selectionEnd
-      } = inputRef.current;
-      compositionStartState.current = {
-        value,
-        selectionStart,
-        selectionEnd
-      };
-    },
-
-    onCompositionEnd() {
-      if (!state.validate(inputRef.current.value)) {
-        // Restore the input value in the DOM immediately so we can synchronously update the selection position.
-        // But also update the value in React state as well so it is correct for future updates.
-        let {
-          value,
-          selectionStart,
-          selectionEnd
-        } = compositionStartState.current;
-        inputRef.current.value = value;
-        inputRef.current.setSelectionRange(selectionStart, selectionEnd);
-        state.setInputValue(value);
-      }
-    }
-
-  }, inputRef);
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
+  }), state, inputRef);
   let inputProps = mergeProps(spinButtonProps, textFieldProps, focusProps, {
     // override the spinbutton role, we can't focus a spin button with VO
     role: null,
@@ -501,32 +406,19 @@ function useNumberField(props, state, inputRef) {
     onPressStart: onButtonPressStart
   });
   return {
-    groupProps: {
+    groupProps: _babelRuntimeHelpersExtends({
       role: 'group',
       'aria-disabled': isDisabled,
       'aria-invalid': validationState === 'invalid' ? 'true' : undefined
-    },
+    }, focusWithinProps),
     labelProps,
     inputProps,
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
-} // scroll wheel needs to be added not passively so it's cancelable, small helper hook to remember that
-
+}
 
 exports.useNumberField = useNumberField;
-
-function $ebb253b0ca493f114f41772a028a$var$useScrollWheel(_ref, ref) {
-  let {
-    onScroll,
-    capture
-  } = _ref;
-  useEffect(() => {
-    let elem = ref.current;
-    elem.addEventListener('wheel', onScroll, capture);
-    return () => {
-      elem.removeEventListener('wheel', onScroll, capture);
-    };
-  }, [onScroll, ref, capture]);
-}
 //# 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-aria/numberfield/intl/ar-AE.json","./packages/@react-aria/numberfield/intl/bg-BG.json","./packages/@react-aria/numberfield/intl/cs-CZ.json","./packages/@react-aria/numberfield/intl/da-DK.json","./packages/@react-aria/numberfield/intl/de-DE.json","./packages/@react-aria/numberfield/intl/el-GR.json","./packages/@react-aria/numberfield/intl/en-US.json","./packages/@react-aria/numberfield/intl/es-ES.json","./packages/@react-aria/numberfield/intl/et-EE.json","./packages/@react-aria/numberfield/intl/fi-FI.json","./packages/@react-aria/numberfield/intl/fr-FR.json","./packages/@react-aria/numberfield/intl/he-IL.json","./packages/@react-aria/numberfield/intl/hr-HR.json","./packages/@react-aria/numberfield/intl/hu-HU.json","./packages/@react-aria/numberfield/intl/it-IT.json","./packages/@react-aria/numberfield/intl/ja-JP.json","./packages/@react-aria/numberfield/intl/ko-KR.json","./packages/@react-aria/numberfield/intl/lt-LT.json","./packages/@react-aria/numberfield/intl/lv-LV.json","./packages/@react-aria/numberfield/intl/nb-NO.json","./packages/@react-aria/numberfield/intl/nl-NL.json","./packages/@react-aria/numberfield/intl/pl-PL.json","./packages/@react-aria/numberfield/intl/pt-BR.json","./packages/@react-aria/numberfield/intl/pt-PT.json","./packages/@react-aria/numberfield/intl/ro-RO.json","./packages/@react-aria/numberfield/intl/ru-RU.json","./packages/@react-aria/numberfield/intl/sk-SK.json","./packages/@react-aria/numberfield/intl/sl-SI.json","./packages/@react-aria/numberfield/intl/sr-SP.json","./packages/@react-aria/numberfield/intl/sv-SE.json","./packages/@react-aria/numberfield/intl/tr-TR.json","./packages/@react-aria/numberfield/intl/uk-UA.json","./packages/@react-aria/numberfield/intl/zh-CN.json","./packages/@react-aria/numberfield/intl/zh-TW.json","./packages/@react-aria/numberfield/src/useNumberField.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  \"decrease\": \"خفض {fieldLabel}\",\n  \"increase\": \"زيادة {fieldLabel}\",\n  \"numberField\": \"حقل رقمي\"\n}\n","{\n  \"decrease\": \"Намаляване {fieldLabel}\",\n  \"increase\": \"Усилване {fieldLabel}\",\n  \"numberField\": \"Номер на полето\"\n}\n","{\n  \"decrease\": \"Snížit {fieldLabel}\",\n  \"increase\": \"Zvýšit {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Reducer {fieldLabel}\",\n  \"increase\": \"Øg {fieldLabel}\",\n  \"numberField\": \"Talfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verringern\",\n  \"increase\": \"{fieldLabel} erhöhen\",\n  \"numberField\": \"Nummernfeld\"\n}\n","{\n  \"decrease\": \"Μείωση {fieldLabel}\",\n  \"increase\": \"Αύξηση {fieldLabel}\",\n  \"numberField\": \"Πεδίο αριθμού\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Reducir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Vähenda {fieldLabel}\",\n  \"increase\": \"Suurenda {fieldLabel}\",\n  \"numberField\": \"Numbri väli\"\n}\n","{\n  \"decrease\": \"Vähennä {fieldLabel}\",\n  \"increase\": \"Lisää {fieldLabel}\",\n  \"numberField\": \"Numerokenttä\"\n}\n","{\n  \"decrease\": \"Diminuer {fieldLabel}\",\n  \"increase\": \"Augmenter {fieldLabel}\",\n  \"numberField\": \"Champ de nombre\"\n}\n","{\n  \"decrease\": \"הקטן {fieldLabel}\",\n  \"increase\": \"הגדל {fieldLabel}\",\n  \"numberField\": \"שדה מספר\"\n}\n","{\n  \"decrease\": \"Smanji {fieldLabel}\",\n  \"increase\": \"Povećaj {fieldLabel}\",\n  \"numberField\": \"Polje broja\"\n}\n","{\n  \"decrease\": \"{fieldLabel} csökkentése\",\n  \"increase\": \"{fieldLabel} növelése\",\n  \"numberField\": \"Számmező\"\n}\n","{\n  \"decrease\": \"Riduci {fieldLabel}\",\n  \"increase\": \"Aumenta {fieldLabel}\",\n  \"numberField\": \"Campo numero\"\n}\n","{\n  \"decrease\": \"{fieldLabel}を縮小\",\n  \"increase\": \"{fieldLabel}を拡大\",\n  \"numberField\": \"数値フィールド\"\n}\n","{\n  \"decrease\": \"{fieldLabel} 감소\",\n  \"increase\": \"{fieldLabel} 증가\",\n  \"numberField\": \"번호 필드\"\n}\n","{\n  \"decrease\": \"Sumažinti {fieldLabel}\",\n  \"increase\": \"Padidinti {fieldLabel}\",\n  \"numberField\": \"Numerio laukas\"\n}\n","{\n  \"decrease\": \"Samazināšana {fieldLabel}\",\n  \"increase\": \"Palielināšana {fieldLabel}\",\n  \"numberField\": \"Skaitļu lauks\"\n}\n","{\n  \"decrease\": \"Reduser {fieldLabel}\",\n  \"increase\": \"Øk {fieldLabel}\",\n  \"numberField\": \"Tallfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verlagen\",\n  \"increase\": \"{fieldLabel} verhogen\",\n  \"numberField\": \"Getalveld\"\n}\n","{\n  \"decrease\": \"Zmniejsz {fieldLabel}\",\n  \"increase\": \"Zwiększ {fieldLabel}\",\n  \"numberField\": \"Pole numeru\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo numérico\"\n}\n","{\n  \"decrease\": \"Scădere {fieldLabel}\",\n  \"increase\": \"Creștere {fieldLabel}\",\n  \"numberField\": \"Câmp numeric\"\n}\n","{\n  \"decrease\": \"Уменьшение {fieldLabel}\",\n  \"increase\": \"Увеличение {fieldLabel}\",\n  \"numberField\": \"Числовое поле\"\n}\n","{\n  \"decrease\": \"Znížiť {fieldLabel}\",\n  \"increase\": \"Zvýšiť {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Upadati {fieldLabel}\",\n  \"increase\": \"Povečajte {fieldLabel}\",\n  \"numberField\": \"Številčno polje\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Minska {fieldLabel}\",\n  \"increase\": \"Öka {fieldLabel}\",\n  \"numberField\": \"Nummerfält\"\n}\n","{\n  \"decrease\": \"{fieldLabel} azalt\",\n  \"increase\": \"{fieldLabel} arttır\",\n  \"numberField\": \"Sayı alanı\"\n}\n","{\n  \"decrease\": \"Зменшити {fieldLabel}\",\n  \"increase\": \"Збільшити {fieldLabel}\",\n  \"numberField\": \"Поле номера\"\n}\n","{\n  \"decrease\": \"降低 {fieldLabel}\",\n  \"increase\": \"提高 {fieldLabel}\",\n  \"numberField\": \"数字字段\"\n}\n","{\n  \"decrease\": \"縮小 {fieldLabel}\",\n  \"increase\": \"放大 {fieldLabel}\",\n  \"numberField\": \"數字欄位\"\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 {AriaButtonProps} from '@react-types/button';\nimport {AriaNumberFieldProps} from '@react-types/numberfield';\nimport {\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef\n} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';\nimport {NumberFieldState} from '@react-stately/numberfield';\nimport {TextInputDOMProps} from '@react-types/shared';\nimport {useFocus} from '@react-aria/interactions';\nimport {\n  useMessageFormatter,\n  useNumberFormatter\n} from '@react-aria/i18n';\nimport {useSpinButton} from '@react-aria/spinbutton';\nimport {useTextField} from '@react-aria/textfield';\n\ninterface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: HTMLAttributes<HTMLElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps,\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps\n}\n\nfunction supportsNativeBeforeInputEvent() {\n  return typeof window !== 'undefined' &&\n    window.InputEvent &&\n    // @ts-ignore\n    typeof InputEvent.prototype.getTargetRanges === 'function';\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(props: AriaNumberFieldProps, state: NumberFieldState, inputRef: RefObject<HTMLInputElement>): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    validationState,\n    label,\n    formatOptions\n  } = props;\n\n  let {\n    increment,\n    incrementToMax,\n    decrement,\n    decrementToMin,\n    numberValue,\n    commit\n  } = state;\n\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  let inputId = useId(id);\n\n  let {focusProps} = useFocus({\n    onBlur: () => {\n      // Set input value to normalized valid value\n      commit();\n    }\n  });\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps\n  } = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue,\n      minValue,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: numberValue,\n      textValue: state.inputValue\n    }\n  );\n\n  let onWheel = useCallback((e) => {\n    // If the input isn't supposed to receive input, do nothing.\n    // If the ctrlKey is pressed, this is a zoom event, do nothing.\n    if (isDisabled || isReadOnly || e.ctrlKey) {\n      return;\n    }\n\n    // stop scrolling the page\n    e.preventDefault();\n\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [isReadOnly, isDisabled, decrement, increment]);\n  useScrollWheel({onScroll: onWheel, capture: false}, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = isNaN(state.minValue) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let stateRef = useRef(state);\n  stateRef.current = state;\n\n  // All browsers implement the 'beforeinput' event natively except Firefox\n  // (currently behind a flag as of Firefox 84). React's polyfill does not\n  // run in all cases that the native event fires, e.g. when deleting text.\n  // Use the native event if available so that we can prevent invalid deletions.\n  // We do not attempt to polyfill this in Firefox since it would be very complicated,\n  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.\n  useEffect(() => {\n    if (!supportsNativeBeforeInputEvent()) {\n      return;\n    }\n\n    let input = inputRef.current;\n\n    let onBeforeInput = (e: InputEvent) => {\n      let state = stateRef.current;\n\n      // Compute the next value of the input if the event is allowed to proceed.\n      // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.\n      let nextValue: string;\n      switch (e.inputType) {\n        case 'historyUndo':\n        case 'historyRedo':\n          // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,\n          // because presumably the input would have already been validated previously.\n          return;\n        case 'deleteContent':\n        case 'deleteByCut':\n        case 'deleteByDrag':\n          nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        case 'deleteContentForward':\n          // This is potentially incorrect, since the browser may actually delete more than a single UTF-16\n          // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters\n          // or code points may be deleted. However, in our currently supported locales, there are no such cases.\n          // If we support additional locales in the future, this may need to change.\n          nextValue = input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        case 'deleteContentBackward':\n          nextValue = input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        default:\n          if (e.data != null) {\n            nextValue =\n              input.value.slice(0, input.selectionStart) +\n              e.data +\n              input.value.slice(input.selectionEnd);\n          }\n          break;\n      }\n\n      // If we did not compute a value, or the new value is invalid, prevent the event\n      // so that the browser does not update the input text, move the selection, or add to\n      // the undo/redo stack.\n      if (nextValue == null || !state.validate(nextValue)) {\n        e.preventDefault();\n      }\n    };\n\n    input.addEventListener('beforeinput', onBeforeInput, false);\n    return () => {\n      input.removeEventListener('beforeinput', onBeforeInput, false);\n    };\n  }, [inputRef, stateRef]);\n\n  let onBeforeInput = !supportsNativeBeforeInputEvent()\n    ? e => {\n      let nextValue =\n        e.target.value.slice(0, e.target.selectionStart) +\n        e.data +\n        e.target.value.slice(e.target.selectionEnd);\n\n      if (!state.validate(nextValue)) {\n        e.preventDefault();\n      }\n    }\n    : null;\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let compositionStartState = useRef(null);\n  let {labelProps, inputProps: textFieldProps} = useTextField({\n    label,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    validationState,\n    value: state.inputValue,\n    autoComplete: 'off',\n    'aria-label': props['aria-label'] || null,\n    'aria-labelledby': props['aria-labelledby'] || null,\n    id: inputId,\n    type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n    inputMode,\n    onChange,\n    onBeforeInput,\n    onCompositionStart() {\n      // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition\n      // and deleteByComposition inputType values for the beforeinput event. These are meant to occur\n      // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are\n      // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,\n      // nor would we want to cancel them because the input from the user is incomplete at that point.\n      // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel\n      // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either\n      // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when\n      // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.\n      // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition\n      // are implemented, there is no other way to prevent composed input.\n      // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204\n      let {value, selectionStart, selectionEnd} = inputRef.current;\n      compositionStartState.current = {value, selectionStart, selectionEnd};\n    },\n    onCompositionEnd() {\n      if (!state.validate(inputRef.current.value)) {\n        // Restore the input value in the DOM immediately so we can synchronously update the selection position.\n        // But also update the value in React state as well so it is correct for future updates.\n        let {value, selectionStart, selectionEnd} = compositionStartState.current;\n        inputRef.current.value = value;\n        inputRef.current.setSelectionRange(selectionStart, selectionEnd);\n        state.setInputValue(value);\n      }\n    }\n  }, inputRef);\n\n  let inputProps = mergeProps(\n    spinButtonProps,\n    textFieldProps,\n    focusProps,\n    {\n      // override the spinbutton role, we can't focus a spin button with VO\n      role: null,\n      // ignore aria-roledescription on iOS so that required state will announce when it is present\n      'aria-roledescription': (!isIOS() ? formatMessage('numberField') : null),\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      spellCheck: 'false'\n    }\n  );\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || formatMessage('increase', {fieldLabel}).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || formatMessage('decrease', {fieldLabel}).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart\n  });\n\n  return {\n    groupProps: {\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': validationState === 'invalid' ? 'true' : undefined\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps\n  };\n}\n\n// scroll wheel needs to be added not passively so it's cancelable, small helper hook to remember that\nfunction useScrollWheel({onScroll, capture}: {onScroll: (e) => void, capture: boolean}, ref: RefObject<HTMLElement>) {\n  useEffect(() => {\n    let elem = ref.current;\n    elem.addEventListener('wheel', onScroll, capture);\n\n    return () => {\n      elem.removeEventListener('wheel', onScroll, capture);\n    };\n  }, [onScroll, ref, capture]);\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","JSON","parse","supportsNativeBeforeInputEvent","window","InputEvent","prototype","getTargetRanges","useNumberField","props","state","inputRef","id","decrementAriaLabel","incrementAriaLabel","isDisabled","isReadOnly","isRequired","minValue","maxValue","autoFocus","validationState","label","formatOptions","increment","incrementToMax","decrement","decrementToMin","numberValue","commit","formatMessage","useMessageFormatter","intlMessages","inputId","useId","focusProps","useFocus","onBlur","spinButtonProps","incrementButtonProps","incButtonProps","decrementButtonProps","decButtonProps","useSpinButton","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","value","textValue","inputValue","onWheel","useCallback","e","ctrlKey","preventDefault","deltaY","useScrollWheel","onScroll","capture","numberFormatter","useNumberFormatter","intlOptions","useMemo","resolvedOptions","hasDecimals","maximumFractionDigits","hasNegative","isNaN","inputMode","isIPhone","isAndroid","stateRef","useRef","current","useEffect","input","onBeforeInput","nextValue","inputType","slice","selectionStart","selectionEnd","data","validate","addEventListener","removeEventListener","target","onChange","setInputValue","compositionStartState","labelProps","inputProps","textFieldProps","useTextField","autoComplete","type","onCompositionStart","onCompositionEnd","setSelectionRange","mergeProps","role","isIOS","autoCorrect","spellCheck","onButtonPressStart","document","activeElement","pointerType","focus","fieldLabel","ariaLabelledby","incrementId","decrementId","trim","excludeFromTabOrder","preventFocusOnPress","canIncrement","onPressStart","canDecrement","groupProps","undefined","ref","elem"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/numberfield/intl/ar-AE.json","./packages/@react-aria/numberfield/intl/bg-BG.json","./packages/@react-aria/numberfield/intl/cs-CZ.json","./packages/@react-aria/numberfield/intl/da-DK.json","./packages/@react-aria/numberfield/intl/de-DE.json","./packages/@react-aria/numberfield/intl/el-GR.json","./packages/@react-aria/numberfield/intl/en-US.json","./packages/@react-aria/numberfield/intl/es-ES.json","./packages/@react-aria/numberfield/intl/et-EE.json","./packages/@react-aria/numberfield/intl/fi-FI.json","./packages/@react-aria/numberfield/intl/fr-FR.json","./packages/@react-aria/numberfield/intl/he-IL.json","./packages/@react-aria/numberfield/intl/hr-HR.json","./packages/@react-aria/numberfield/intl/hu-HU.json","./packages/@react-aria/numberfield/intl/it-IT.json","./packages/@react-aria/numberfield/intl/ja-JP.json","./packages/@react-aria/numberfield/intl/ko-KR.json","./packages/@react-aria/numberfield/intl/lt-LT.json","./packages/@react-aria/numberfield/intl/lv-LV.json","./packages/@react-aria/numberfield/intl/nb-NO.json","./packages/@react-aria/numberfield/intl/nl-NL.json","./packages/@react-aria/numberfield/intl/pl-PL.json","./packages/@react-aria/numberfield/intl/pt-BR.json","./packages/@react-aria/numberfield/intl/pt-PT.json","./packages/@react-aria/numberfield/intl/ro-RO.json","./packages/@react-aria/numberfield/intl/ru-RU.json","./packages/@react-aria/numberfield/intl/sk-SK.json","./packages/@react-aria/numberfield/intl/sl-SI.json","./packages/@react-aria/numberfield/intl/sr-SP.json","./packages/@react-aria/numberfield/intl/sv-SE.json","./packages/@react-aria/numberfield/intl/tr-TR.json","./packages/@react-aria/numberfield/intl/uk-UA.json","./packages/@react-aria/numberfield/intl/zh-CN.json","./packages/@react-aria/numberfield/intl/zh-TW.json","./packages/@react-aria/numberfield/src/useNumberField.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  \"decrease\": \"خفض {fieldLabel}\",\n  \"increase\": \"زيادة {fieldLabel}\",\n  \"numberField\": \"حقل رقمي\"\n}\n","{\n  \"decrease\": \"Намаляване {fieldLabel}\",\n  \"increase\": \"Усилване {fieldLabel}\",\n  \"numberField\": \"Номер на полето\"\n}\n","{\n  \"decrease\": \"Snížit {fieldLabel}\",\n  \"increase\": \"Zvýšit {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Reducer {fieldLabel}\",\n  \"increase\": \"Øg {fieldLabel}\",\n  \"numberField\": \"Talfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verringern\",\n  \"increase\": \"{fieldLabel} erhöhen\",\n  \"numberField\": \"Nummernfeld\"\n}\n","{\n  \"decrease\": \"Μείωση {fieldLabel}\",\n  \"increase\": \"Αύξηση {fieldLabel}\",\n  \"numberField\": \"Πεδίο αριθμού\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Reducir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Vähenda {fieldLabel}\",\n  \"increase\": \"Suurenda {fieldLabel}\",\n  \"numberField\": \"Numbri väli\"\n}\n","{\n  \"decrease\": \"Vähennä {fieldLabel}\",\n  \"increase\": \"Lisää {fieldLabel}\",\n  \"numberField\": \"Numerokenttä\"\n}\n","{\n  \"decrease\": \"Diminuer {fieldLabel}\",\n  \"increase\": \"Augmenter {fieldLabel}\",\n  \"numberField\": \"Champ de nombre\"\n}\n","{\n  \"decrease\": \"הקטן {fieldLabel}\",\n  \"increase\": \"הגדל {fieldLabel}\",\n  \"numberField\": \"שדה מספר\"\n}\n","{\n  \"decrease\": \"Smanji {fieldLabel}\",\n  \"increase\": \"Povećaj {fieldLabel}\",\n  \"numberField\": \"Polje broja\"\n}\n","{\n  \"decrease\": \"{fieldLabel} csökkentése\",\n  \"increase\": \"{fieldLabel} növelése\",\n  \"numberField\": \"Számmező\"\n}\n","{\n  \"decrease\": \"Riduci {fieldLabel}\",\n  \"increase\": \"Aumenta {fieldLabel}\",\n  \"numberField\": \"Campo numero\"\n}\n","{\n  \"decrease\": \"{fieldLabel}を縮小\",\n  \"increase\": \"{fieldLabel}を拡大\",\n  \"numberField\": \"数値フィールド\"\n}\n","{\n  \"decrease\": \"{fieldLabel} 감소\",\n  \"increase\": \"{fieldLabel} 증가\",\n  \"numberField\": \"번호 필드\"\n}\n","{\n  \"decrease\": \"Sumažinti {fieldLabel}\",\n  \"increase\": \"Padidinti {fieldLabel}\",\n  \"numberField\": \"Numerio laukas\"\n}\n","{\n  \"decrease\": \"Samazināšana {fieldLabel}\",\n  \"increase\": \"Palielināšana {fieldLabel}\",\n  \"numberField\": \"Skaitļu lauks\"\n}\n","{\n  \"decrease\": \"Reduser {fieldLabel}\",\n  \"increase\": \"Øk {fieldLabel}\",\n  \"numberField\": \"Tallfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verlagen\",\n  \"increase\": \"{fieldLabel} verhogen\",\n  \"numberField\": \"Getalveld\"\n}\n","{\n  \"decrease\": \"Zmniejsz {fieldLabel}\",\n  \"increase\": \"Zwiększ {fieldLabel}\",\n  \"numberField\": \"Pole numeru\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo numérico\"\n}\n","{\n  \"decrease\": \"Scădere {fieldLabel}\",\n  \"increase\": \"Creștere {fieldLabel}\",\n  \"numberField\": \"Câmp numeric\"\n}\n","{\n  \"decrease\": \"Уменьшение {fieldLabel}\",\n  \"increase\": \"Увеличение {fieldLabel}\",\n  \"numberField\": \"Числовое поле\"\n}\n","{\n  \"decrease\": \"Znížiť {fieldLabel}\",\n  \"increase\": \"Zvýšiť {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Upadati {fieldLabel}\",\n  \"increase\": \"Povečajte {fieldLabel}\",\n  \"numberField\": \"Številčno polje\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Minska {fieldLabel}\",\n  \"increase\": \"Öka {fieldLabel}\",\n  \"numberField\": \"Nummerfält\"\n}\n","{\n  \"decrease\": \"{fieldLabel} azalt\",\n  \"increase\": \"{fieldLabel} arttır\",\n  \"numberField\": \"Sayı alanı\"\n}\n","{\n  \"decrease\": \"Зменшити {fieldLabel}\",\n  \"increase\": \"Збільшити {fieldLabel}\",\n  \"numberField\": \"Поле номера\"\n}\n","{\n  \"decrease\": \"降低 {fieldLabel}\",\n  \"increase\": \"提高 {fieldLabel}\",\n  \"numberField\": \"数字字段\"\n}\n","{\n  \"decrease\": \"縮小 {fieldLabel}\",\n  \"increase\": \"放大 {fieldLabel}\",\n  \"numberField\": \"數字欄位\"\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 {AriaButtonProps} from '@react-types/button';\nimport {AriaNumberFieldProps} from '@react-types/numberfield';\nimport {filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';\nimport {\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useMemo,\n  useState\n} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFieldState} from '@react-stately/numberfield';\nimport {TextInputDOMProps} from '@react-types/shared';\nimport {useFocus, useFocusWithin} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {\n  useMessageFormatter,\n  useNumberFormatter\n} from '@react-aria/i18n';\nimport {useScrollWheel} from '@react-aria/interactions';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: HTMLAttributes<HTMLElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps,\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps,\n  /** Props for the number field's description element, if any. */\n  descriptionProps: HTMLAttributes<HTMLElement>,\n  /** Props for the number field's error message element, if any. */\n  errorMessageProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(props: AriaNumberFieldProps, state: NumberFieldState, inputRef: RefObject<HTMLInputElement>): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    validationState,\n    label,\n    formatOptions,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage\n  } = props;\n\n  let {\n    increment,\n    incrementToMax,\n    decrement,\n    decrementToMin,\n    numberValue,\n    commit\n  } = state;\n\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  let inputId = useId(id);\n\n  let {focusProps} = useFocus({\n    onBlur: () => {\n      // Set input value to normalized valid value\n      commit();\n    }\n  });\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps\n  } = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue,\n      minValue,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: numberValue,\n      textValue: state.inputValue\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change\n    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec\n    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication\n    // especially if the user is scrolling near 45deg\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = isNaN(state.minValue) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let domProps = filterDOMProps(props);\n\n  let {labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps} = useFormattedTextField({\n    ...domProps,\n    label,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    validationState,\n    value: state.inputValue,\n    autoComplete: 'off',\n    'aria-label': props['aria-label'] || null,\n    'aria-labelledby': props['aria-labelledby'] || null,\n    id: inputId,\n    type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n    inputMode,\n    onChange,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage\n  }, state, inputRef);\n\n  let inputProps = mergeProps(\n    spinButtonProps,\n    textFieldProps,\n    focusProps,\n    {\n      // override the spinbutton role, we can't focus a spin button with VO\n      role: null,\n      // ignore aria-roledescription on iOS so that required state will announce when it is present\n      'aria-roledescription': (!isIOS() ? formatMessage('numberField') : null),\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      spellCheck: 'false'\n    }\n  );\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || formatMessage('increase', {fieldLabel}).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || formatMessage('decrease', {fieldLabel}).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart\n  });\n\n  return {\n    groupProps: {\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': validationState === 'invalid' ? 'true' : undefined,\n      ...focusWithinProps\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    errorMessageProps,\n    descriptionProps\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","JSON","parse","useNumberField","props","state","inputRef","id","decrementAriaLabel","incrementAriaLabel","isDisabled","isReadOnly","isRequired","minValue","maxValue","autoFocus","validationState","label","formatOptions","onBlur","onFocus","onFocusChange","onKeyDown","onKeyUp","description","errorMessage","increment","incrementToMax","decrement","decrementToMin","numberValue","commit","formatMessage","useMessageFormatter","intlMessages","inputId","useId","focusProps","useFocus","spinButtonProps","incrementButtonProps","incButtonProps","decrementButtonProps","decButtonProps","useSpinButton","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","value","textValue","inputValue","focusWithin","setFocusWithin","useState","focusWithinProps","useFocusWithin","onFocusWithinChange","onWheel","useCallback","e","Math","abs","deltaY","deltaX","scrollingDisabled","useScrollWheel","onScroll","numberFormatter","useNumberFormatter","intlOptions","useMemo","resolvedOptions","hasDecimals","maximumFractionDigits","hasNegative","isNaN","inputMode","isIPhone","isAndroid","onChange","setInputValue","domProps","filterDOMProps","labelProps","inputProps","textFieldProps","descriptionProps","errorMessageProps","useFormattedTextField","autoComplete","type","mergeProps","role","isIOS","autoCorrect","spellCheck","onButtonPressStart","document","activeElement","current","pointerType","focus","target","fieldLabel","ariaLabelledby","incrementId","decrementId","trim","excludeFromTabOrder","preventFocusOnPress","canIncrement","onPressStart","canDecrement","groupProps","undefined"],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,10 +1,11 @@
-import { useTextField } from "@react-aria/textfield";
 import { useSpinButton } from "@react-aria/spinbutton";
 import { useMessageFormatter, useNumberFormatter } from "@react-aria/i18n";
-import { useFocus } from "@react-aria/interactions";
-import { isAndroid, isIOS, isIPhone, mergeProps, useId } from "@react-aria/utils";
-import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useFormattedTextField } from "@react-aria/textfield";
+import { useFocus, useFocusWithin, useScrollWheel } from "@react-aria/interactions";
+import { useCallback, useMemo, useState } from "react";
+import { filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useId } from "@react-aria/utils";
 import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
+import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/numberfield/intl/ar-AE.json
 var $f89057a954f93785840632a2bd0de992$exports = {};
 $f89057a954f93785840632a2bd0de992$exports = JSON.parse("{\"decrease\":\"خفض {fieldLabel}\",\"increase\":\"زيادة {fieldLabel}\",\"numberField\":\"حقل رقمي\"}");
@@ -145,16 +146,10 @@ const $b40e566e8b7705a138eb78aae622eee$var$intlMessages = {
   "zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($c2596f5e9c6c63e22526e4ccf47b$exports).default
 };
 
-function $b40e566e8b7705a138eb78aae622eee$var$supportsNativeBeforeInputEvent() {
-  return typeof window !== 'undefined' && window.InputEvent && // @ts-ignore
-  typeof InputEvent.prototype.getTargetRanges === 'function';
-}
 /**
  * Provides the behavior and accessibility implementation for a number field component.
  * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.
  */
-
-
 export function useNumberField(props, state, inputRef) {
   let {
     id,
@@ -168,7 +163,14 @@ export function useNumberField(props, state, inputRef) {
     autoFocus,
     validationState,
     label,
-    formatOptions
+    formatOptions,
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
   let {
     increment,
@@ -205,25 +207,33 @@ export function useNumberField(props, state, inputRef) {
     value: numberValue,
     textValue: state.inputValue
   });
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled,
+    onFocusWithinChange: setFocusWithin
+  });
   let onWheel = useCallback(e => {
-    // If the input isn't supposed to receive input, do nothing.
-    // If the ctrlKey is pressed, this is a zoom event, do nothing.
-    if (isDisabled || isReadOnly || e.ctrlKey) {
+    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
+    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
+    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
+    // especially if the user is scrolling near 45deg
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
-    } // stop scrolling the page
-
-
-    e.preventDefault();
+    }
 
     if (e.deltaY > 0) {
       increment();
     } else if (e.deltaY < 0) {
       decrement();
     }
-  }, [isReadOnly, isDisabled, decrement, increment]);
-  $b40e566e8b7705a138eb78aae622eee$var$useScrollWheel({
+  }, [decrement, increment]); // If the input isn't supposed to receive input, disable scrolling.
+
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({
     onScroll: onWheel,
-    capture: false
+    isDisabled: scrollingDisabled
   }, inputRef); // The inputMode attribute influences the software keyboard that is shown on touch devices.
   // Browsers and operating systems are quite inconsistent about what keys are available, however.
   // We choose between numeric and decimal based on whether we allow negative and fractional numbers,
@@ -254,90 +264,17 @@ export function useNumberField(props, state, inputRef) {
     }
   }
 
-  let stateRef = useRef(state);
-  stateRef.current = state; // All browsers implement the 'beforeinput' event natively except Firefox
-  // (currently behind a flag as of Firefox 84). React's polyfill does not
-  // run in all cases that the native event fires, e.g. when deleting text.
-  // Use the native event if available so that we can prevent invalid deletions.
-  // We do not attempt to polyfill this in Firefox since it would be very complicated,
-  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.
-
-  useEffect(() => {
-    if (!$b40e566e8b7705a138eb78aae622eee$var$supportsNativeBeforeInputEvent()) {
-      return;
-    }
-
-    let input = inputRef.current;
-
-    let onBeforeInput = e => {
-      let state = stateRef.current; // Compute the next value of the input if the event is allowed to proceed.
-      // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.
-
-      let nextValue;
-
-      switch (e.inputType) {
-        case 'historyUndo':
-        case 'historyRedo':
-          // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,
-          // because presumably the input would have already been validated previously.
-          return;
-
-        case 'deleteContent':
-        case 'deleteByCut':
-        case 'deleteByDrag':
-          nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        case 'deleteContentForward':
-          // This is potentially incorrect, since the browser may actually delete more than a single UTF-16
-          // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters
-          // or code points may be deleted. However, in our currently supported locales, there are no such cases.
-          // If we support additional locales in the future, this may need to change.
-          nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        case 'deleteContentBackward':
-          nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-
-        default:
-          if (e.data != null) {
-            nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);
-          }
-
-          break;
-      } // If we did not compute a value, or the new value is invalid, prevent the event
-      // so that the browser does not update the input text, move the selection, or add to
-      // the undo/redo stack.
-
-
-      if (nextValue == null || !state.validate(nextValue)) {
-        e.preventDefault();
-      }
-    };
-
-    input.addEventListener('beforeinput', onBeforeInput, false);
-    return () => {
-      input.removeEventListener('beforeinput', onBeforeInput, false);
-    };
-  }, [inputRef, stateRef]);
-  let onBeforeInput = !$b40e566e8b7705a138eb78aae622eee$var$supportsNativeBeforeInputEvent() ? e => {
-    let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
-
-    if (!state.validate(nextValue)) {
-      e.preventDefault();
-    }
-  } : null;
-
   let onChange = value => {
     state.setInputValue(value);
   };
 
-  let compositionStartState = useRef(null);
+  let domProps = filterDOMProps(props);
   let {
     labelProps,
-    inputProps: textFieldProps
-  } = useTextField({
+    inputProps: textFieldProps,
+    descriptionProps,
+    errorMessageProps
+  } = useFormattedTextField(_babelRuntimeHelpersEsmExtends({}, domProps, {
     label,
     autoFocus,
     isDisabled,
@@ -353,49 +290,14 @@ export function useNumberField(props, state, inputRef) {
     // Can't use type="number" because then we can't have things like $ in the field.
     inputMode,
     onChange,
-    onBeforeInput,
-
-    onCompositionStart() {
-      // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition
-      // and deleteByComposition inputType values for the beforeinput event. These are meant to occur
-      // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are
-      // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,
-      // nor would we want to cancel them because the input from the user is incomplete at that point.
-      // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel
-      // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either
-      // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when
-      // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.
-      // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition
-      // are implemented, there is no other way to prevent composed input.
-      // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204
-      let {
-        value,
-        selectionStart,
-        selectionEnd
-      } = inputRef.current;
-      compositionStartState.current = {
-        value,
-        selectionStart,
-        selectionEnd
-      };
-    },
-
-    onCompositionEnd() {
-      if (!state.validate(inputRef.current.value)) {
-        // Restore the input value in the DOM immediately so we can synchronously update the selection position.
-        // But also update the value in React state as well so it is correct for future updates.
-        let {
-          value,
-          selectionStart,
-          selectionEnd
-        } = compositionStartState.current;
-        inputRef.current.value = value;
-        inputRef.current.setSelectionRange(selectionStart, selectionEnd);
-        state.setInputValue(value);
-      }
-    }
-
-  }, inputRef);
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
+  }), state, inputRef);
   let inputProps = mergeProps(spinButtonProps, textFieldProps, focusProps, {
     // override the spinbutton role, we can't focus a spin button with VO
     role: null,
@@ -470,29 +372,17 @@ export function useNumberField(props, state, inputRef) {
     onPressStart: onButtonPressStart
   });
   return {
-    groupProps: {
+    groupProps: _babelRuntimeHelpersEsmExtends({
       role: 'group',
       'aria-disabled': isDisabled,
       'aria-invalid': validationState === 'invalid' ? 'true' : undefined
-    },
+    }, focusWithinProps),
     labelProps,
     inputProps,
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
-} // scroll wheel needs to be added not passively so it's cancelable, small helper hook to remember that
-
-function $b40e566e8b7705a138eb78aae622eee$var$useScrollWheel(_ref, ref) {
-  let {
-    onScroll,
-    capture
-  } = _ref;
-  useEffect(() => {
-    let elem = ref.current;
-    elem.addEventListener('wheel', onScroll, capture);
-    return () => {
-      elem.removeEventListener('wheel', onScroll, capture);
-    };
-  }, [onScroll, ref, capture]);
 }
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/numberfield/intl/ar-AE.json","./packages/@react-aria/numberfield/intl/bg-BG.json","./packages/@react-aria/numberfield/intl/cs-CZ.json","./packages/@react-aria/numberfield/intl/da-DK.json","./packages/@react-aria/numberfield/intl/de-DE.json","./packages/@react-aria/numberfield/intl/el-GR.json","./packages/@react-aria/numberfield/intl/en-US.json","./packages/@react-aria/numberfield/intl/es-ES.json","./packages/@react-aria/numberfield/intl/et-EE.json","./packages/@react-aria/numberfield/intl/fi-FI.json","./packages/@react-aria/numberfield/intl/fr-FR.json","./packages/@react-aria/numberfield/intl/he-IL.json","./packages/@react-aria/numberfield/intl/hr-HR.json","./packages/@react-aria/numberfield/intl/hu-HU.json","./packages/@react-aria/numberfield/intl/it-IT.json","./packages/@react-aria/numberfield/intl/ja-JP.json","./packages/@react-aria/numberfield/intl/ko-KR.json","./packages/@react-aria/numberfield/intl/lt-LT.json","./packages/@react-aria/numberfield/intl/lv-LV.json","./packages/@react-aria/numberfield/intl/nb-NO.json","./packages/@react-aria/numberfield/intl/nl-NL.json","./packages/@react-aria/numberfield/intl/pl-PL.json","./packages/@react-aria/numberfield/intl/pt-BR.json","./packages/@react-aria/numberfield/intl/pt-PT.json","./packages/@react-aria/numberfield/intl/ro-RO.json","./packages/@react-aria/numberfield/intl/ru-RU.json","./packages/@react-aria/numberfield/intl/sk-SK.json","./packages/@react-aria/numberfield/intl/sl-SI.json","./packages/@react-aria/numberfield/intl/sr-SP.json","./packages/@react-aria/numberfield/intl/sv-SE.json","./packages/@react-aria/numberfield/intl/tr-TR.json","./packages/@react-aria/numberfield/intl/uk-UA.json","./packages/@react-aria/numberfield/intl/zh-CN.json","./packages/@react-aria/numberfield/intl/zh-TW.json","./packages/@react-aria/numberfield/src/useNumberField.ts"],"sourcesContent":["{\n  \"decrease\": \"خفض {fieldLabel}\",\n  \"increase\": \"زيادة {fieldLabel}\",\n  \"numberField\": \"حقل رقمي\"\n}\n","{\n  \"decrease\": \"Намаляване {fieldLabel}\",\n  \"increase\": \"Усилване {fieldLabel}\",\n  \"numberField\": \"Номер на полето\"\n}\n","{\n  \"decrease\": \"Snížit {fieldLabel}\",\n  \"increase\": \"Zvýšit {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Reducer {fieldLabel}\",\n  \"increase\": \"Øg {fieldLabel}\",\n  \"numberField\": \"Talfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verringern\",\n  \"increase\": \"{fieldLabel} erhöhen\",\n  \"numberField\": \"Nummernfeld\"\n}\n","{\n  \"decrease\": \"Μείωση {fieldLabel}\",\n  \"increase\": \"Αύξηση {fieldLabel}\",\n  \"numberField\": \"Πεδίο αριθμού\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Reducir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Vähenda {fieldLabel}\",\n  \"increase\": \"Suurenda {fieldLabel}\",\n  \"numberField\": \"Numbri väli\"\n}\n","{\n  \"decrease\": \"Vähennä {fieldLabel}\",\n  \"increase\": \"Lisää {fieldLabel}\",\n  \"numberField\": \"Numerokenttä\"\n}\n","{\n  \"decrease\": \"Diminuer {fieldLabel}\",\n  \"increase\": \"Augmenter {fieldLabel}\",\n  \"numberField\": \"Champ de nombre\"\n}\n","{\n  \"decrease\": \"הקטן {fieldLabel}\",\n  \"increase\": \"הגדל {fieldLabel}\",\n  \"numberField\": \"שדה מספר\"\n}\n","{\n  \"decrease\": \"Smanji {fieldLabel}\",\n  \"increase\": \"Povećaj {fieldLabel}\",\n  \"numberField\": \"Polje broja\"\n}\n","{\n  \"decrease\": \"{fieldLabel} csökkentése\",\n  \"increase\": \"{fieldLabel} növelése\",\n  \"numberField\": \"Számmező\"\n}\n","{\n  \"decrease\": \"Riduci {fieldLabel}\",\n  \"increase\": \"Aumenta {fieldLabel}\",\n  \"numberField\": \"Campo numero\"\n}\n","{\n  \"decrease\": \"{fieldLabel}を縮小\",\n  \"increase\": \"{fieldLabel}を拡大\",\n  \"numberField\": \"数値フィールド\"\n}\n","{\n  \"decrease\": \"{fieldLabel} 감소\",\n  \"increase\": \"{fieldLabel} 증가\",\n  \"numberField\": \"번호 필드\"\n}\n","{\n  \"decrease\": \"Sumažinti {fieldLabel}\",\n  \"increase\": \"Padidinti {fieldLabel}\",\n  \"numberField\": \"Numerio laukas\"\n}\n","{\n  \"decrease\": \"Samazināšana {fieldLabel}\",\n  \"increase\": \"Palielināšana {fieldLabel}\",\n  \"numberField\": \"Skaitļu lauks\"\n}\n","{\n  \"decrease\": \"Reduser {fieldLabel}\",\n  \"increase\": \"Øk {fieldLabel}\",\n  \"numberField\": \"Tallfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verlagen\",\n  \"increase\": \"{fieldLabel} verhogen\",\n  \"numberField\": \"Getalveld\"\n}\n","{\n  \"decrease\": \"Zmniejsz {fieldLabel}\",\n  \"increase\": \"Zwiększ {fieldLabel}\",\n  \"numberField\": \"Pole numeru\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo numérico\"\n}\n","{\n  \"decrease\": \"Scădere {fieldLabel}\",\n  \"increase\": \"Creștere {fieldLabel}\",\n  \"numberField\": \"Câmp numeric\"\n}\n","{\n  \"decrease\": \"Уменьшение {fieldLabel}\",\n  \"increase\": \"Увеличение {fieldLabel}\",\n  \"numberField\": \"Числовое поле\"\n}\n","{\n  \"decrease\": \"Znížiť {fieldLabel}\",\n  \"increase\": \"Zvýšiť {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Upadati {fieldLabel}\",\n  \"increase\": \"Povečajte {fieldLabel}\",\n  \"numberField\": \"Številčno polje\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Minska {fieldLabel}\",\n  \"increase\": \"Öka {fieldLabel}\",\n  \"numberField\": \"Nummerfält\"\n}\n","{\n  \"decrease\": \"{fieldLabel} azalt\",\n  \"increase\": \"{fieldLabel} arttır\",\n  \"numberField\": \"Sayı alanı\"\n}\n","{\n  \"decrease\": \"Зменшити {fieldLabel}\",\n  \"increase\": \"Збільшити {fieldLabel}\",\n  \"numberField\": \"Поле номера\"\n}\n","{\n  \"decrease\": \"降低 {fieldLabel}\",\n  \"increase\": \"提高 {fieldLabel}\",\n  \"numberField\": \"数字字段\"\n}\n","{\n  \"decrease\": \"縮小 {fieldLabel}\",\n  \"increase\": \"放大 {fieldLabel}\",\n  \"numberField\": \"數字欄位\"\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 {AriaButtonProps} from '@react-types/button';\nimport {AriaNumberFieldProps} from '@react-types/numberfield';\nimport {\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef\n} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';\nimport {NumberFieldState} from '@react-stately/numberfield';\nimport {TextInputDOMProps} from '@react-types/shared';\nimport {useFocus} from '@react-aria/interactions';\nimport {\n  useMessageFormatter,\n  useNumberFormatter\n} from '@react-aria/i18n';\nimport {useSpinButton} from '@react-aria/spinbutton';\nimport {useTextField} from '@react-aria/textfield';\n\ninterface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: HTMLAttributes<HTMLElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps,\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps\n}\n\nfunction supportsNativeBeforeInputEvent() {\n  return typeof window !== 'undefined' &&\n    window.InputEvent &&\n    // @ts-ignore\n    typeof InputEvent.prototype.getTargetRanges === 'function';\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(props: AriaNumberFieldProps, state: NumberFieldState, inputRef: RefObject<HTMLInputElement>): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    validationState,\n    label,\n    formatOptions\n  } = props;\n\n  let {\n    increment,\n    incrementToMax,\n    decrement,\n    decrementToMin,\n    numberValue,\n    commit\n  } = state;\n\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  let inputId = useId(id);\n\n  let {focusProps} = useFocus({\n    onBlur: () => {\n      // Set input value to normalized valid value\n      commit();\n    }\n  });\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps\n  } = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue,\n      minValue,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: numberValue,\n      textValue: state.inputValue\n    }\n  );\n\n  let onWheel = useCallback((e) => {\n    // If the input isn't supposed to receive input, do nothing.\n    // If the ctrlKey is pressed, this is a zoom event, do nothing.\n    if (isDisabled || isReadOnly || e.ctrlKey) {\n      return;\n    }\n\n    // stop scrolling the page\n    e.preventDefault();\n\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [isReadOnly, isDisabled, decrement, increment]);\n  useScrollWheel({onScroll: onWheel, capture: false}, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = isNaN(state.minValue) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let stateRef = useRef(state);\n  stateRef.current = state;\n\n  // All browsers implement the 'beforeinput' event natively except Firefox\n  // (currently behind a flag as of Firefox 84). React's polyfill does not\n  // run in all cases that the native event fires, e.g. when deleting text.\n  // Use the native event if available so that we can prevent invalid deletions.\n  // We do not attempt to polyfill this in Firefox since it would be very complicated,\n  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.\n  useEffect(() => {\n    if (!supportsNativeBeforeInputEvent()) {\n      return;\n    }\n\n    let input = inputRef.current;\n\n    let onBeforeInput = (e: InputEvent) => {\n      let state = stateRef.current;\n\n      // Compute the next value of the input if the event is allowed to proceed.\n      // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.\n      let nextValue: string;\n      switch (e.inputType) {\n        case 'historyUndo':\n        case 'historyRedo':\n          // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,\n          // because presumably the input would have already been validated previously.\n          return;\n        case 'deleteContent':\n        case 'deleteByCut':\n        case 'deleteByDrag':\n          nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        case 'deleteContentForward':\n          // This is potentially incorrect, since the browser may actually delete more than a single UTF-16\n          // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters\n          // or code points may be deleted. However, in our currently supported locales, there are no such cases.\n          // If we support additional locales in the future, this may need to change.\n          nextValue = input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        case 'deleteContentBackward':\n          nextValue = input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n          break;\n        default:\n          if (e.data != null) {\n            nextValue =\n              input.value.slice(0, input.selectionStart) +\n              e.data +\n              input.value.slice(input.selectionEnd);\n          }\n          break;\n      }\n\n      // If we did not compute a value, or the new value is invalid, prevent the event\n      // so that the browser does not update the input text, move the selection, or add to\n      // the undo/redo stack.\n      if (nextValue == null || !state.validate(nextValue)) {\n        e.preventDefault();\n      }\n    };\n\n    input.addEventListener('beforeinput', onBeforeInput, false);\n    return () => {\n      input.removeEventListener('beforeinput', onBeforeInput, false);\n    };\n  }, [inputRef, stateRef]);\n\n  let onBeforeInput = !supportsNativeBeforeInputEvent()\n    ? e => {\n      let nextValue =\n        e.target.value.slice(0, e.target.selectionStart) +\n        e.data +\n        e.target.value.slice(e.target.selectionEnd);\n\n      if (!state.validate(nextValue)) {\n        e.preventDefault();\n      }\n    }\n    : null;\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let compositionStartState = useRef(null);\n  let {labelProps, inputProps: textFieldProps} = useTextField({\n    label,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    validationState,\n    value: state.inputValue,\n    autoComplete: 'off',\n    'aria-label': props['aria-label'] || null,\n    'aria-labelledby': props['aria-labelledby'] || null,\n    id: inputId,\n    type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n    inputMode,\n    onChange,\n    onBeforeInput,\n    onCompositionStart() {\n      // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition\n      // and deleteByComposition inputType values for the beforeinput event. These are meant to occur\n      // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are\n      // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,\n      // nor would we want to cancel them because the input from the user is incomplete at that point.\n      // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel\n      // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either\n      // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when\n      // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.\n      // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition\n      // are implemented, there is no other way to prevent composed input.\n      // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204\n      let {value, selectionStart, selectionEnd} = inputRef.current;\n      compositionStartState.current = {value, selectionStart, selectionEnd};\n    },\n    onCompositionEnd() {\n      if (!state.validate(inputRef.current.value)) {\n        // Restore the input value in the DOM immediately so we can synchronously update the selection position.\n        // But also update the value in React state as well so it is correct for future updates.\n        let {value, selectionStart, selectionEnd} = compositionStartState.current;\n        inputRef.current.value = value;\n        inputRef.current.setSelectionRange(selectionStart, selectionEnd);\n        state.setInputValue(value);\n      }\n    }\n  }, inputRef);\n\n  let inputProps = mergeProps(\n    spinButtonProps,\n    textFieldProps,\n    focusProps,\n    {\n      // override the spinbutton role, we can't focus a spin button with VO\n      role: null,\n      // ignore aria-roledescription on iOS so that required state will announce when it is present\n      'aria-roledescription': (!isIOS() ? formatMessage('numberField') : null),\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      spellCheck: 'false'\n    }\n  );\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || formatMessage('increase', {fieldLabel}).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || formatMessage('decrease', {fieldLabel}).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart\n  });\n\n  return {\n    groupProps: {\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': validationState === 'invalid' ? 'true' : undefined\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps\n  };\n}\n\n// scroll wheel needs to be added not passively so it's cancelable, small helper hook to remember that\nfunction useScrollWheel({onScroll, capture}: {onScroll: (e) => void, capture: boolean}, ref: RefObject<HTMLElement>) {\n  useEffect(() => {\n    let elem = ref.current;\n    elem.addEventListener('wheel', onScroll, capture);\n\n    return () => {\n      elem.removeEventListener('wheel', onScroll, capture);\n    };\n  }, [onScroll, ref, capture]);\n}\n"],"names":["JSON","parse","supportsNativeBeforeInputEvent","window","InputEvent","prototype","getTargetRanges","useNumberField","props","state","inputRef","id","decrementAriaLabel","incrementAriaLabel","isDisabled","isReadOnly","isRequired","minValue","maxValue","autoFocus","validationState","label","formatOptions","increment","incrementToMax","decrement","decrementToMin","numberValue","commit","formatMessage","useMessageFormatter","intlMessages","inputId","useId","focusProps","useFocus","onBlur","spinButtonProps","incrementButtonProps","incButtonProps","decrementButtonProps","decButtonProps","useSpinButton","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","value","textValue","inputValue","onWheel","useCallback","e","ctrlKey","preventDefault","deltaY","useScrollWheel","onScroll","capture","numberFormatter","useNumberFormatter","intlOptions","useMemo","resolvedOptions","hasDecimals","maximumFractionDigits","hasNegative","isNaN","inputMode","isIPhone","isAndroid","stateRef","useRef","current","useEffect","input","onBeforeInput","nextValue","inputType","slice","selectionStart","selectionEnd","data","validate","addEventListener","removeEventListener","target","onChange","setInputValue","compositionStartState","labelProps","inputProps","textFieldProps","useTextField","autoComplete","type","onCompositionStart","onCompositionEnd","setSelectionRange","mergeProps","role","isIOS","autoCorrect","spellCheck","onButtonPressStart","document","activeElement","pointerType","focus","fieldLabel","ariaLabelledby","incrementId","decrementId","trim","excludeFromTabOrder","preventFocusOnPress","canIncrement","onPressStart","canDecrement","groupProps","undefined","ref","elem"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["./packages/@react-aria/numberfield/intl/ar-AE.json","./packages/@react-aria/numberfield/intl/bg-BG.json","./packages/@react-aria/numberfield/intl/cs-CZ.json","./packages/@react-aria/numberfield/intl/da-DK.json","./packages/@react-aria/numberfield/intl/de-DE.json","./packages/@react-aria/numberfield/intl/el-GR.json","./packages/@react-aria/numberfield/intl/en-US.json","./packages/@react-aria/numberfield/intl/es-ES.json","./packages/@react-aria/numberfield/intl/et-EE.json","./packages/@react-aria/numberfield/intl/fi-FI.json","./packages/@react-aria/numberfield/intl/fr-FR.json","./packages/@react-aria/numberfield/intl/he-IL.json","./packages/@react-aria/numberfield/intl/hr-HR.json","./packages/@react-aria/numberfield/intl/hu-HU.json","./packages/@react-aria/numberfield/intl/it-IT.json","./packages/@react-aria/numberfield/intl/ja-JP.json","./packages/@react-aria/numberfield/intl/ko-KR.json","./packages/@react-aria/numberfield/intl/lt-LT.json","./packages/@react-aria/numberfield/intl/lv-LV.json","./packages/@react-aria/numberfield/intl/nb-NO.json","./packages/@react-aria/numberfield/intl/nl-NL.json","./packages/@react-aria/numberfield/intl/pl-PL.json","./packages/@react-aria/numberfield/intl/pt-BR.json","./packages/@react-aria/numberfield/intl/pt-PT.json","./packages/@react-aria/numberfield/intl/ro-RO.json","./packages/@react-aria/numberfield/intl/ru-RU.json","./packages/@react-aria/numberfield/intl/sk-SK.json","./packages/@react-aria/numberfield/intl/sl-SI.json","./packages/@react-aria/numberfield/intl/sr-SP.json","./packages/@react-aria/numberfield/intl/sv-SE.json","./packages/@react-aria/numberfield/intl/tr-TR.json","./packages/@react-aria/numberfield/intl/uk-UA.json","./packages/@react-aria/numberfield/intl/zh-CN.json","./packages/@react-aria/numberfield/intl/zh-TW.json","./packages/@react-aria/numberfield/src/useNumberField.ts"],"sourcesContent":["{\n  \"decrease\": \"خفض {fieldLabel}\",\n  \"increase\": \"زيادة {fieldLabel}\",\n  \"numberField\": \"حقل رقمي\"\n}\n","{\n  \"decrease\": \"Намаляване {fieldLabel}\",\n  \"increase\": \"Усилване {fieldLabel}\",\n  \"numberField\": \"Номер на полето\"\n}\n","{\n  \"decrease\": \"Snížit {fieldLabel}\",\n  \"increase\": \"Zvýšit {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Reducer {fieldLabel}\",\n  \"increase\": \"Øg {fieldLabel}\",\n  \"numberField\": \"Talfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verringern\",\n  \"increase\": \"{fieldLabel} erhöhen\",\n  \"numberField\": \"Nummernfeld\"\n}\n","{\n  \"decrease\": \"Μείωση {fieldLabel}\",\n  \"increase\": \"Αύξηση {fieldLabel}\",\n  \"numberField\": \"Πεδίο αριθμού\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Reducir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Vähenda {fieldLabel}\",\n  \"increase\": \"Suurenda {fieldLabel}\",\n  \"numberField\": \"Numbri väli\"\n}\n","{\n  \"decrease\": \"Vähennä {fieldLabel}\",\n  \"increase\": \"Lisää {fieldLabel}\",\n  \"numberField\": \"Numerokenttä\"\n}\n","{\n  \"decrease\": \"Diminuer {fieldLabel}\",\n  \"increase\": \"Augmenter {fieldLabel}\",\n  \"numberField\": \"Champ de nombre\"\n}\n","{\n  \"decrease\": \"הקטן {fieldLabel}\",\n  \"increase\": \"הגדל {fieldLabel}\",\n  \"numberField\": \"שדה מספר\"\n}\n","{\n  \"decrease\": \"Smanji {fieldLabel}\",\n  \"increase\": \"Povećaj {fieldLabel}\",\n  \"numberField\": \"Polje broja\"\n}\n","{\n  \"decrease\": \"{fieldLabel} csökkentése\",\n  \"increase\": \"{fieldLabel} növelése\",\n  \"numberField\": \"Számmező\"\n}\n","{\n  \"decrease\": \"Riduci {fieldLabel}\",\n  \"increase\": \"Aumenta {fieldLabel}\",\n  \"numberField\": \"Campo numero\"\n}\n","{\n  \"decrease\": \"{fieldLabel}を縮小\",\n  \"increase\": \"{fieldLabel}を拡大\",\n  \"numberField\": \"数値フィールド\"\n}\n","{\n  \"decrease\": \"{fieldLabel} 감소\",\n  \"increase\": \"{fieldLabel} 증가\",\n  \"numberField\": \"번호 필드\"\n}\n","{\n  \"decrease\": \"Sumažinti {fieldLabel}\",\n  \"increase\": \"Padidinti {fieldLabel}\",\n  \"numberField\": \"Numerio laukas\"\n}\n","{\n  \"decrease\": \"Samazināšana {fieldLabel}\",\n  \"increase\": \"Palielināšana {fieldLabel}\",\n  \"numberField\": \"Skaitļu lauks\"\n}\n","{\n  \"decrease\": \"Reduser {fieldLabel}\",\n  \"increase\": \"Øk {fieldLabel}\",\n  \"numberField\": \"Tallfelt\"\n}\n","{\n  \"decrease\": \"{fieldLabel} verlagen\",\n  \"increase\": \"{fieldLabel} verhogen\",\n  \"numberField\": \"Getalveld\"\n}\n","{\n  \"decrease\": \"Zmniejsz {fieldLabel}\",\n  \"increase\": \"Zwiększ {fieldLabel}\",\n  \"numberField\": \"Pole numeru\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo de número\"\n}\n","{\n  \"decrease\": \"Diminuir {fieldLabel}\",\n  \"increase\": \"Aumentar {fieldLabel}\",\n  \"numberField\": \"Campo numérico\"\n}\n","{\n  \"decrease\": \"Scădere {fieldLabel}\",\n  \"increase\": \"Creștere {fieldLabel}\",\n  \"numberField\": \"Câmp numeric\"\n}\n","{\n  \"decrease\": \"Уменьшение {fieldLabel}\",\n  \"increase\": \"Увеличение {fieldLabel}\",\n  \"numberField\": \"Числовое поле\"\n}\n","{\n  \"decrease\": \"Znížiť {fieldLabel}\",\n  \"increase\": \"Zvýšiť {fieldLabel}\",\n  \"numberField\": \"Číselné pole\"\n}\n","{\n  \"decrease\": \"Upadati {fieldLabel}\",\n  \"increase\": \"Povečajte {fieldLabel}\",\n  \"numberField\": \"Številčno polje\"\n}\n","{\n  \"decrease\": \"Decrease {fieldLabel}\",\n  \"increase\": \"Increase {fieldLabel}\",\n  \"numberField\": \"Number field\"\n}\n","{\n  \"decrease\": \"Minska {fieldLabel}\",\n  \"increase\": \"Öka {fieldLabel}\",\n  \"numberField\": \"Nummerfält\"\n}\n","{\n  \"decrease\": \"{fieldLabel} azalt\",\n  \"increase\": \"{fieldLabel} arttır\",\n  \"numberField\": \"Sayı alanı\"\n}\n","{\n  \"decrease\": \"Зменшити {fieldLabel}\",\n  \"increase\": \"Збільшити {fieldLabel}\",\n  \"numberField\": \"Поле номера\"\n}\n","{\n  \"decrease\": \"降低 {fieldLabel}\",\n  \"increase\": \"提高 {fieldLabel}\",\n  \"numberField\": \"数字字段\"\n}\n","{\n  \"decrease\": \"縮小 {fieldLabel}\",\n  \"increase\": \"放大 {fieldLabel}\",\n  \"numberField\": \"數字欄位\"\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 {AriaButtonProps} from '@react-types/button';\nimport {AriaNumberFieldProps} from '@react-types/numberfield';\nimport {filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';\nimport {\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useMemo,\n  useState\n} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFieldState} from '@react-stately/numberfield';\nimport {TextInputDOMProps} from '@react-types/shared';\nimport {useFocus, useFocusWithin} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {\n  useMessageFormatter,\n  useNumberFormatter\n} from '@react-aria/i18n';\nimport {useScrollWheel} from '@react-aria/interactions';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface NumberFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: HTMLAttributes<HTMLElement>,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps,\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps,\n  /** Props for the number field's description element, if any. */\n  descriptionProps: HTMLAttributes<HTMLElement>,\n  /** Props for the number field's error message element, if any. */\n  errorMessageProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(props: AriaNumberFieldProps, state: NumberFieldState, inputRef: RefObject<HTMLInputElement>): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    validationState,\n    label,\n    formatOptions,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage\n  } = props;\n\n  let {\n    increment,\n    incrementToMax,\n    decrement,\n    decrementToMin,\n    numberValue,\n    commit\n  } = state;\n\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  let inputId = useId(id);\n\n  let {focusProps} = useFocus({\n    onBlur: () => {\n      // Set input value to normalized valid value\n      commit();\n    }\n  });\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps\n  } = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue,\n      minValue,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: numberValue,\n      textValue: state.inputValue\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change\n    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec\n    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication\n    // especially if the user is scrolling near 45deg\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = isNaN(state.minValue) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let domProps = filterDOMProps(props);\n\n  let {labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps} = useFormattedTextField({\n    ...domProps,\n    label,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    validationState,\n    value: state.inputValue,\n    autoComplete: 'off',\n    'aria-label': props['aria-label'] || null,\n    'aria-labelledby': props['aria-labelledby'] || null,\n    id: inputId,\n    type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n    inputMode,\n    onChange,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage\n  }, state, inputRef);\n\n  let inputProps = mergeProps(\n    spinButtonProps,\n    textFieldProps,\n    focusProps,\n    {\n      // override the spinbutton role, we can't focus a spin button with VO\n      role: null,\n      // ignore aria-roledescription on iOS so that required state will announce when it is present\n      'aria-roledescription': (!isIOS() ? formatMessage('numberField') : null),\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      spellCheck: 'false'\n    }\n  );\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || formatMessage('increase', {fieldLabel}).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || formatMessage('decrease', {fieldLabel}).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart\n  });\n\n  return {\n    groupProps: {\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': validationState === 'invalid' ? 'true' : undefined,\n      ...focusWithinProps\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    errorMessageProps,\n    descriptionProps\n  };\n}\n"],"names":["JSON","parse","useNumberField","props","state","inputRef","id","decrementAriaLabel","incrementAriaLabel","isDisabled","isReadOnly","isRequired","minValue","maxValue","autoFocus","validationState","label","formatOptions","onBlur","onFocus","onFocusChange","onKeyDown","onKeyUp","description","errorMessage","increment","incrementToMax","decrement","decrementToMin","numberValue","commit","formatMessage","useMessageFormatter","intlMessages","inputId","useId","focusProps","useFocus","spinButtonProps","incrementButtonProps","incButtonProps","decrementButtonProps","decButtonProps","useSpinButton","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","value","textValue","inputValue","focusWithin","setFocusWithin","useState","focusWithinProps","useFocusWithin","onFocusWithinChange","onWheel","useCallback","e","Math","abs","deltaY","deltaX","scrollingDisabled","useScrollWheel","onScroll","numberFormatter","useNumberFormatter","intlOptions","useMemo","resolvedOptions","hasDecimals","maximumFractionDigits","hasNegative","isNaN","inputMode","isIPhone","isAndroid","onChange","setInputValue","domProps","filterDOMProps","labelProps","inputProps","textFieldProps","descriptionProps","errorMessageProps","useFormattedTextField","autoComplete","type","mergeProps","role","isIOS","autoCorrect","spellCheck","onButtonPressStart","document","activeElement","current","pointerType","focus","target","fieldLabel","ariaLabelledby","incrementId","decrementId","trim","excludeFromTabOrder","preventFocusOnPress","canIncrement","onPressStart","canDecrement","groupProps","undefined"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -13,6 +13,10 @@ interface NumberFieldAria {
     incrementButtonProps: AriaButtonProps;
     /** Props for the decrement button, to be passed to [useButton](useButton.html). */
     decrementButtonProps: AriaButtonProps;
+    /** Props for the number field's description element, if any. */
+    descriptionProps: HTMLAttributes<HTMLElement>;
+    /** Props for the number field's error message element, if any. */
+    errorMessageProps: HTMLAttributes<HTMLElement>;
 }
 /**
  * Provides the behavior and accessibility implementation for a number field component.

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;AAqCA;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,wEAAwE;IACxE,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mFAAmF;IACnF,oBAAoB,EAAE,eAAe,CAAC;IACtC,mFAAmF;IACnF,oBAAoB,EAAE,eAAe,CAAA;CACtC;AASD;A;A;GAGG;AACH,+BAA+B,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,gBAAgB,CAAC,GAAG,eAAe,CAkU3I","sources":["./packages/@react-aria/numberfield/src/packages/@react-aria/numberfield/src/useNumberField.ts","./packages/@react-aria/numberfield/src/packages/@react-aria/numberfield/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"A;A;A;A;AAqCA;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,wEAAwE;IACxE,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mFAAmF;IACnF,oBAAoB,EAAE,eAAe,CAAC;IACtC,mFAAmF;IACnF,oBAAoB,EAAE,eAAe,CAAC;IACtC,gEAAgE;IAChE,gBAAgB,EAAE,eAAe,WAAW,CAAC,CAAC;IAC9C,kEAAkE;IAClE,iBAAiB,EAAE,eAAe,WAAW,CAAC,CAAA;CAC/C;AAED;A;A;GAGG;AACH,+BAA+B,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,gBAAgB,CAAC,GAAG,eAAe,CAyO3I","sources":["./packages/@react-aria/numberfield/src/packages/@react-aria/numberfield/src/useNumberField.ts","./packages/@react-aria/numberfield/src/packages/@react-aria/numberfield/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/numberfield",
-  "version": "3.0.0-rc.0",
+  "version": "3.1.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,23 +18,24 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.3.0",
-    "@react-aria/interactions": "^3.3.4",
-    "@react-aria/live-announcer": "3.0.0-rc.0",
-    "@react-aria/spinbutton": "3.0.0-rc.0",
-    "@react-aria/textfield": "^3.1.0",
-    "@react-aria/utils": "^3.7.0",
-    "@react-stately/numberfield": "3.0.0-rc.0",
-    "@react-types/button": "^3.3.1",
-    "@react-types/numberfield": "3.0.0-rc.0",
-    "@react-types/shared": "^3.5.0",
-    "@react-types/textfield": "^3.1.0"
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/live-announcer": "^3.0.1",
+    "@react-aria/spinbutton": "^3.0.1",
+    "@react-aria/textfield": "^3.5.0",
+    "@react-aria/utils": "^3.10.0",
+    "@react-stately/numberfield": "^3.0.2",
+    "@react-types/button": "^3.4.1",
+    "@react-types/numberfield": "^3.1.0",
+    "@react-types/shared": "^3.10.0",
+    "@react-types/textfield": "^3.3.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9920ffaa2596a03c4498a15cb940bd2f4ba5cd6a"
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
 }

package/src/useNumberField.ts

@@ -12,28 +12,28 @@
 
 import {AriaButtonProps} from '@react-types/button';
 import {AriaNumberFieldProps} from '@react-types/numberfield';
+import {filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';
 import {
   HTMLAttributes,
   InputHTMLAttributes,
   LabelHTMLAttributes,
   RefObject,
   useCallback,
-  useEffect,
   useMemo,
-  useRef
+  useState
 } from 'react';
 // @ts-ignore
 import intlMessages from '../intl/*.json';
-import {isAndroid, isIOS, isIPhone, mergeProps, useId} from '@react-aria/utils';
 import {NumberFieldState} from '@react-stately/numberfield';
 import {TextInputDOMProps} from '@react-types/shared';
-import {useFocus} from '@react-aria/interactions';
+import {useFocus, useFocusWithin} from '@react-aria/interactions';
+import {useFormattedTextField} from '@react-aria/textfield';
 import {
   useMessageFormatter,
   useNumberFormatter
 } from '@react-aria/i18n';
+import {useScrollWheel} from '@react-aria/interactions';
 import {useSpinButton} from '@react-aria/spinbutton';
-import {useTextField} from '@react-aria/textfield';
 
 interface NumberFieldAria {
   /** Props for the label element. */
@@ -45,14 +45,11 @@ interface NumberFieldAria {
   /** Props for the increment button, to be passed to [useButton](useButton.html). */
   incrementButtonProps: AriaButtonProps,
   /** Props for the decrement button, to be passed to [useButton](useButton.html). */
-  decrementButtonProps: AriaButtonProps
-}
-
-function supportsNativeBeforeInputEvent() {
-  return typeof window !== 'undefined' &&
-    window.InputEvent &&
-    // @ts-ignore
-    typeof InputEvent.prototype.getTargetRanges === 'function';
+  decrementButtonProps: AriaButtonProps,
+  /** Props for the number field's description element, if any. */
+  descriptionProps: HTMLAttributes<HTMLElement>,
+  /** Props for the number field's error message element, if any. */
+  errorMessageProps: HTMLAttributes<HTMLElement>
 }
 
 /**
@@ -72,7 +69,14 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     autoFocus,
     validationState,
     label,
-    formatOptions
+    formatOptions,
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
   } = props;
 
   let {
@@ -115,23 +119,26 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     }
   );
 
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});
+
   let onWheel = useCallback((e) => {
-    // If the input isn't supposed to receive input, do nothing.
-    // If the ctrlKey is pressed, this is a zoom event, do nothing.
-    if (isDisabled || isReadOnly || e.ctrlKey) {
+    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
+    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
+    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
+    // especially if the user is scrolling near 45deg
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
     }
-
-    // stop scrolling the page
-    e.preventDefault();
-
     if (e.deltaY > 0) {
       increment();
     } else if (e.deltaY < 0) {
       decrement();
     }
-  }, [isReadOnly, isDisabled, decrement, increment]);
-  useScrollWheel({onScroll: onWheel, capture: false}, inputRef);
+  }, [decrement, increment]);
+  // If the input isn't supposed to receive input, disable scrolling.
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, inputRef);
 
   // The inputMode attribute influences the software keyboard that is shown on touch devices.
   // Browsers and operating systems are quite inconsistent about what keys are available, however.
@@ -161,96 +168,14 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     }
   }
 
-  let stateRef = useRef(state);
-  stateRef.current = state;
-
-  // All browsers implement the 'beforeinput' event natively except Firefox
-  // (currently behind a flag as of Firefox 84). React's polyfill does not
-  // run in all cases that the native event fires, e.g. when deleting text.
-  // Use the native event if available so that we can prevent invalid deletions.
-  // We do not attempt to polyfill this in Firefox since it would be very complicated,
-  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.
-  useEffect(() => {
-    if (!supportsNativeBeforeInputEvent()) {
-      return;
-    }
-
-    let input = inputRef.current;
-
-    let onBeforeInput = (e: InputEvent) => {
-      let state = stateRef.current;
-
-      // Compute the next value of the input if the event is allowed to proceed.
-      // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.
-      let nextValue: string;
-      switch (e.inputType) {
-        case 'historyUndo':
-        case 'historyRedo':
-          // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,
-          // because presumably the input would have already been validated previously.
-          return;
-        case 'deleteContent':
-        case 'deleteByCut':
-        case 'deleteByDrag':
-          nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-        case 'deleteContentForward':
-          // This is potentially incorrect, since the browser may actually delete more than a single UTF-16
-          // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters
-          // or code points may be deleted. However, in our currently supported locales, there are no such cases.
-          // If we support additional locales in the future, this may need to change.
-          nextValue = input.selectionEnd === input.selectionStart
-            ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1)
-            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-        case 'deleteContentBackward':
-          nextValue = input.selectionEnd === input.selectionStart
-            ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart)
-            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
-          break;
-        default:
-          if (e.data != null) {
-            nextValue =
-              input.value.slice(0, input.selectionStart) +
-              e.data +
-              input.value.slice(input.selectionEnd);
-          }
-          break;
-      }
-
-      // If we did not compute a value, or the new value is invalid, prevent the event
-      // so that the browser does not update the input text, move the selection, or add to
-      // the undo/redo stack.
-      if (nextValue == null || !state.validate(nextValue)) {
-        e.preventDefault();
-      }
-    };
-
-    input.addEventListener('beforeinput', onBeforeInput, false);
-    return () => {
-      input.removeEventListener('beforeinput', onBeforeInput, false);
-    };
-  }, [inputRef, stateRef]);
-
-  let onBeforeInput = !supportsNativeBeforeInputEvent()
-    ? e => {
-      let nextValue =
-        e.target.value.slice(0, e.target.selectionStart) +
-        e.data +
-        e.target.value.slice(e.target.selectionEnd);
-
-      if (!state.validate(nextValue)) {
-        e.preventDefault();
-      }
-    }
-    : null;
-
   let onChange = value => {
     state.setInputValue(value);
   };
 
-  let compositionStartState = useRef(null);
-  let {labelProps, inputProps: textFieldProps} = useTextField({
+  let domProps = filterDOMProps(props);
+
+  let {labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps} = useFormattedTextField({
+    ...domProps,
     label,
     autoFocus,
     isDisabled,
@@ -265,34 +190,14 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     type: 'text', // Can't use type="number" because then we can't have things like $ in the field.
     inputMode,
     onChange,
-    onBeforeInput,
-    onCompositionStart() {
-      // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition
-      // and deleteByComposition inputType values for the beforeinput event. These are meant to occur
-      // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are
-      // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,
-      // nor would we want to cancel them because the input from the user is incomplete at that point.
-      // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel
-      // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either
-      // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when
-      // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.
-      // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition
-      // are implemented, there is no other way to prevent composed input.
-      // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204
-      let {value, selectionStart, selectionEnd} = inputRef.current;
-      compositionStartState.current = {value, selectionStart, selectionEnd};
-    },
-    onCompositionEnd() {
-      if (!state.validate(inputRef.current.value)) {
-        // Restore the input value in the DOM immediately so we can synchronously update the selection position.
-        // But also update the value in React state as well so it is correct for future updates.
-        let {value, selectionStart, selectionEnd} = compositionStartState.current;
-        inputRef.current.value = value;
-        inputRef.current.setSelectionRange(selectionStart, selectionEnd);
-        state.setInputValue(value);
-      }
-    }
-  }, inputRef);
+    onBlur,
+    onFocus,
+    onFocusChange,
+    onKeyDown,
+    onKeyUp,
+    description,
+    errorMessage
+  }, state, inputRef);
 
   let inputProps = mergeProps(
     spinButtonProps,
@@ -374,23 +279,14 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     groupProps: {
       role: 'group',
       'aria-disabled': isDisabled,
-      'aria-invalid': validationState === 'invalid' ? 'true' : undefined
+      'aria-invalid': validationState === 'invalid' ? 'true' : undefined,
+      ...focusWithinProps
     },
     labelProps,
     inputProps,
     incrementButtonProps,
-    decrementButtonProps
+    decrementButtonProps,
+    errorMessageProps,
+    descriptionProps
   };
 }
-
-// scroll wheel needs to be added not passively so it's cancelable, small helper hook to remember that
-function useScrollWheel({onScroll, capture}: {onScroll: (e) => void, capture: boolean}, ref: RefObject<HTMLElement>) {
-  useEffect(() => {
-    let elem = ref.current;
-    elem.addEventListener('wheel', onScroll, capture);
-
-    return () => {
-      elem.removeEventListener('wheel', onScroll, capture);
-    };
-  }, [onScroll, ref, capture]);
-}