@react-aria/numberfield 3.9.1 → 3.10.0

package/dist/import.mjs

@@ -1,10 +1,12 @@
 import {useId as $gfhJl$useId, isIPhone as $gfhJl$isIPhone, isAndroid as $gfhJl$isAndroid, filterDOMProps as $gfhJl$filterDOMProps, chain as $gfhJl$chain, useFormReset as $gfhJl$useFormReset, mergeProps as $gfhJl$mergeProps, isIOS as $gfhJl$isIOS} from "@react-aria/utils";
 import {useMemo as $gfhJl$useMemo, useState as $gfhJl$useState, useCallback as $gfhJl$useCallback} from "react";
+import {privateValidationStateProp as $gfhJl$privateValidationStateProp} from "@react-stately/form";
 import {useFocus as $gfhJl$useFocus, useFocusWithin as $gfhJl$useFocusWithin, useScrollWheel as $gfhJl$useScrollWheel} from "@react-aria/interactions";
 import {useFormattedTextField as $gfhJl$useFormattedTextField} from "@react-aria/textfield";
 import {useLocalizedStringFormatter as $gfhJl$useLocalizedStringFormatter, useNumberFormatter as $gfhJl$useNumberFormatter} from "@react-aria/i18n";
 import {useSpinButton as $gfhJl$useSpinButton} from "@react-aria/spinbutton";
 
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -33,32 +35,32 @@ function $parcel$interopDefault(a) {
 var $280a227d7cb94b92$exports = {};
 var $fb78e0f6ab6349ed$exports = {};
 $fb78e0f6ab6349ed$exports = {
-    "decrease": (args)=>`خفض ${args.fieldLabel}`,
-    "increase": (args)=>`زيادة ${args.fieldLabel}`,
-    "numberField": `حقل رقمي`
+    "decrease": (args)=>`\u{62E}\u{641}\u{636} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{632}\u{64A}\u{627}\u{62F}\u{629} ${args.fieldLabel}`,
+    "numberField": `\u{62D}\u{642}\u{644} \u{631}\u{642}\u{645}\u{64A}`
 };
 
 
 var $2776acdd9959a647$exports = {};
 $2776acdd9959a647$exports = {
-    "decrease": (args)=>`Намаляване ${args.fieldLabel}`,
-    "increase": (args)=>`Усилване ${args.fieldLabel}`,
-    "numberField": `Номер на полето`
+    "decrease": (args)=>`\u{41D}\u{430}\u{43C}\u{430}\u{43B}\u{44F}\u{432}\u{430}\u{43D}\u{435} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{423}\u{441}\u{438}\u{43B}\u{432}\u{430}\u{43D}\u{435} ${args.fieldLabel}`,
+    "numberField": `\u{41D}\u{43E}\u{43C}\u{435}\u{440} \u{43D}\u{430} \u{43F}\u{43E}\u{43B}\u{435}\u{442}\u{43E}`
 };
 
 
 var $741954410a365ad3$exports = {};
 $741954410a365ad3$exports = {
-    "decrease": (args)=>`Snížit ${args.fieldLabel}`,
-    "increase": (args)=>`Zvýšit ${args.fieldLabel}`,
-    "numberField": `Číselné pole`
+    "decrease": (args)=>`Sn\xed\u{17E}it ${args.fieldLabel}`,
+    "increase": (args)=>`Zv\xfd\u{161}it ${args.fieldLabel}`,
+    "numberField": `\u{10C}\xedseln\xe9 pole`
 };
 
 
 var $8321ed0f8ab642f0$exports = {};
 $8321ed0f8ab642f0$exports = {
     "decrease": (args)=>`Reducer ${args.fieldLabel}`,
-    "increase": (args)=>`Øg ${args.fieldLabel}`,
+    "increase": (args)=>`\xd8g ${args.fieldLabel}`,
     "numberField": `Talfelt`
 };
 
@@ -66,16 +68,16 @@ $8321ed0f8ab642f0$exports = {
 var $92978e0c4ecafa32$exports = {};
 $92978e0c4ecafa32$exports = {
     "decrease": (args)=>`${args.fieldLabel} verringern`,
-    "increase": (args)=>`${args.fieldLabel} erhöhen`,
+    "increase": (args)=>`${args.fieldLabel} erh\xf6hen`,
     "numberField": `Nummernfeld`
 };
 
 
 var $ac5ff71962864a84$exports = {};
 $ac5ff71962864a84$exports = {
-    "decrease": (args)=>`Μείωση ${args.fieldLabel}`,
-    "increase": (args)=>`Αύξηση ${args.fieldLabel}`,
-    "numberField": `Πεδίο αριθμού`
+    "decrease": (args)=>`\u{39C}\u{3B5}\u{3AF}\u{3C9}\u{3C3}\u{3B7} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{391}\u{3CD}\u{3BE}\u{3B7}\u{3C3}\u{3B7} ${args.fieldLabel}`,
+    "numberField": `\u{3A0}\u{3B5}\u{3B4}\u{3AF}\u{3BF} \u{3B1}\u{3C1}\u{3B9}\u{3B8}\u{3BC}\u{3BF}\u{3CD}`
 };
 
 
@@ -91,23 +93,23 @@ var $e50a9a48739b90e1$exports = {};
 $e50a9a48739b90e1$exports = {
     "decrease": (args)=>`Reducir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
-    "numberField": `Campo de número`
+    "numberField": `Campo de n\xfamero`
 };
 
 
 var $6e0d5294ecbb8ab6$exports = {};
 $6e0d5294ecbb8ab6$exports = {
-    "decrease": (args)=>`Vähenda ${args.fieldLabel}`,
+    "decrease": (args)=>`V\xe4henda ${args.fieldLabel}`,
     "increase": (args)=>`Suurenda ${args.fieldLabel}`,
-    "numberField": `Numbri väli`
+    "numberField": `Numbri v\xe4li`
 };
 
 
 var $e7129d65f607f77f$exports = {};
 $e7129d65f607f77f$exports = {
-    "decrease": (args)=>`Vähennä ${args.fieldLabel}`,
-    "increase": (args)=>`Lisää ${args.fieldLabel}`,
-    "numberField": `Numerokenttä`
+    "decrease": (args)=>`V\xe4henn\xe4 ${args.fieldLabel}`,
+    "increase": (args)=>`Lis\xe4\xe4 ${args.fieldLabel}`,
+    "numberField": `Numerokentt\xe4`
 };
 
 
@@ -121,25 +123,25 @@ $d72adf5b20573e34$exports = {
 
 var $a25c707e88b844a7$exports = {};
 $a25c707e88b844a7$exports = {
-    "decrease": (args)=>`הקטן ${args.fieldLabel}`,
-    "increase": (args)=>`הגדל ${args.fieldLabel}`,
-    "numberField": `שדה מספר`
+    "decrease": (args)=>`\u{5D4}\u{5E7}\u{5D8}\u{5DF} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{5D4}\u{5D2}\u{5D3}\u{5DC} ${args.fieldLabel}`,
+    "numberField": `\u{5E9}\u{5D3}\u{5D4} \u{5DE}\u{5E1}\u{5E4}\u{5E8}`
 };
 
 
 var $69b41140b9a4ca54$exports = {};
 $69b41140b9a4ca54$exports = {
     "decrease": (args)=>`Smanji ${args.fieldLabel}`,
-    "increase": (args)=>`Povećaj ${args.fieldLabel}`,
+    "increase": (args)=>`Pove\u{107}aj ${args.fieldLabel}`,
     "numberField": `Polje broja`
 };
 
 
 var $81dab28f37f59d1a$exports = {};
 $81dab28f37f59d1a$exports = {
-    "decrease": (args)=>`${args.fieldLabel} csökkentése`,
-    "increase": (args)=>`${args.fieldLabel} növelése`,
-    "numberField": `Számmező`
+    "decrease": (args)=>`${args.fieldLabel} cs\xf6kkent\xe9se`,
+    "increase": (args)=>`${args.fieldLabel} n\xf6vel\xe9se`,
+    "numberField": `Sz\xe1mmez\u{151}`
 };
 
 
@@ -153,23 +155,23 @@ $866555b31f2d7711$exports = {
 
 var $dafcd55d52b9d371$exports = {};
 $dafcd55d52b9d371$exports = {
-    "decrease": (args)=>`${args.fieldLabel}を縮小`,
-    "increase": (args)=>`${args.fieldLabel}を拡大`,
-    "numberField": `数値フィールド`
+    "decrease": (args)=>`${args.fieldLabel}\u{3092}\u{7E2E}\u{5C0F}`,
+    "increase": (args)=>`${args.fieldLabel}\u{3092}\u{62E1}\u{5927}`,
+    "numberField": `\u{6570}\u{5024}\u{30D5}\u{30A3}\u{30FC}\u{30EB}\u{30C9}`
 };
 
 
 var $f090c1f8c5da0145$exports = {};
 $f090c1f8c5da0145$exports = {
-    "decrease": (args)=>`${args.fieldLabel} 감소`,
-    "increase": (args)=>`${args.fieldLabel} 증가`,
-    "numberField": `번호 필드`
+    "decrease": (args)=>`${args.fieldLabel} \u{AC10}\u{C18C}`,
+    "increase": (args)=>`${args.fieldLabel} \u{C99D}\u{AC00}`,
+    "numberField": `\u{BC88}\u{D638} \u{D544}\u{B4DC}`
 };
 
 
 var $6f10f3a13360a75c$exports = {};
 $6f10f3a13360a75c$exports = {
-    "decrease": (args)=>`Sumažinti ${args.fieldLabel}`,
+    "decrease": (args)=>`Suma\u{17E}inti ${args.fieldLabel}`,
     "increase": (args)=>`Padidinti ${args.fieldLabel}`,
     "numberField": `Numerio laukas`
 };
@@ -177,16 +179,16 @@ $6f10f3a13360a75c$exports = {
 
 var $47432cefd4b7bd1b$exports = {};
 $47432cefd4b7bd1b$exports = {
-    "decrease": (args)=>`Samazināšana ${args.fieldLabel}`,
-    "increase": (args)=>`Palielināšana ${args.fieldLabel}`,
-    "numberField": `Skaitļu lauks`
+    "decrease": (args)=>`Samazin\u{101}\u{161}ana ${args.fieldLabel}`,
+    "increase": (args)=>`Palielin\u{101}\u{161}ana ${args.fieldLabel}`,
+    "numberField": `Skait\u{13C}u lauks`
 };
 
 
 var $dc578a950a2bf23d$exports = {};
 $dc578a950a2bf23d$exports = {
     "decrease": (args)=>`Reduser ${args.fieldLabel}`,
-    "increase": (args)=>`Øk ${args.fieldLabel}`,
+    "increase": (args)=>`\xd8k ${args.fieldLabel}`,
     "numberField": `Tallfelt`
 };
 
@@ -202,7 +204,7 @@ $353f1bfca4dc395a$exports = {
 var $241bc0bbd870e982$exports = {};
 $241bc0bbd870e982$exports = {
     "decrease": (args)=>`Zmniejsz ${args.fieldLabel}`,
-    "increase": (args)=>`Zwiększ ${args.fieldLabel}`,
+    "increase": (args)=>`Zwi\u{119}ksz ${args.fieldLabel}`,
     "numberField": `Pole numeru`
 };
 
@@ -211,7 +213,7 @@ var $da3005c7bd72b0a8$exports = {};
 $da3005c7bd72b0a8$exports = {
     "decrease": (args)=>`Diminuir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
-    "numberField": `Campo de número`
+    "numberField": `Campo de n\xfamero`
 };
 
 
@@ -219,87 +221,87 @@ var $cf48bfc540882310$exports = {};
 $cf48bfc540882310$exports = {
     "decrease": (args)=>`Diminuir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
-    "numberField": `Campo numérico`
+    "numberField": `Campo num\xe9rico`
 };
 
 
 var $b63a28c481ab9ee3$exports = {};
 $b63a28c481ab9ee3$exports = {
-    "decrease": (args)=>`Scădere ${args.fieldLabel}`,
-    "increase": (args)=>`Creștere ${args.fieldLabel}`,
-    "numberField": `Câmp numeric`
+    "decrease": (args)=>`Sc\u{103}dere ${args.fieldLabel}`,
+    "increase": (args)=>`Cre\u{219}tere ${args.fieldLabel}`,
+    "numberField": `C\xe2mp numeric`
 };
 
 
 var $19f9df95c2464ab6$exports = {};
 $19f9df95c2464ab6$exports = {
-    "decrease": (args)=>`Уменьшение ${args.fieldLabel}`,
-    "increase": (args)=>`Увеличение ${args.fieldLabel}`,
-    "numberField": `Числовое поле`
+    "decrease": (args)=>`\u{423}\u{43C}\u{435}\u{43D}\u{44C}\u{448}\u{435}\u{43D}\u{438}\u{435} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{423}\u{432}\u{435}\u{43B}\u{438}\u{447}\u{435}\u{43D}\u{438}\u{435} ${args.fieldLabel}`,
+    "numberField": `\u{427}\u{438}\u{441}\u{43B}\u{43E}\u{432}\u{43E}\u{435} \u{43F}\u{43E}\u{43B}\u{435}`
 };
 
 
 var $b272932a685e8482$exports = {};
 $b272932a685e8482$exports = {
-    "decrease": (args)=>`Znížiť ${args.fieldLabel}`,
-    "increase": (args)=>`Zvýšiť ${args.fieldLabel}`,
-    "numberField": `Číselné pole`
+    "decrease": (args)=>`Zn\xed\u{17E}i\u{165} ${args.fieldLabel}`,
+    "increase": (args)=>`Zv\xfd\u{161}i\u{165} ${args.fieldLabel}`,
+    "numberField": `\u{10C}\xedseln\xe9 pole`
 };
 
 
 var $cbaf8b5b61f9e544$exports = {};
 $cbaf8b5b61f9e544$exports = {
     "decrease": (args)=>`Upadati ${args.fieldLabel}`,
-    "increase": (args)=>`Povečajte ${args.fieldLabel}`,
-    "numberField": `Številčno polje`
+    "increase": (args)=>`Pove\u{10D}ajte ${args.fieldLabel}`,
+    "numberField": `\u{160}tevil\u{10D}no polje`
 };
 
 
 var $e0a3af6ac1449b2f$exports = {};
 $e0a3af6ac1449b2f$exports = {
-    "decrease": (args)=>`Decrease ${args.fieldLabel}`,
-    "increase": (args)=>`Increase ${args.fieldLabel}`,
-    "numberField": `Number field`
+    "decrease": (args)=>`Smanji ${args.fieldLabel}`,
+    "increase": (args)=>`Pove\u{107}aj ${args.fieldLabel}`,
+    "numberField": `Polje broja`
 };
 
 
 var $71e167d2458a6019$exports = {};
 $71e167d2458a6019$exports = {
     "decrease": (args)=>`Minska ${args.fieldLabel}`,
-    "increase": (args)=>`Öka ${args.fieldLabel}`,
-    "numberField": `Nummerfält`
+    "increase": (args)=>`\xd6ka ${args.fieldLabel}`,
+    "numberField": `Nummerf\xe4lt`
 };
 
 
 var $3719245abc082946$exports = {};
 $3719245abc082946$exports = {
     "decrease": (args)=>`${args.fieldLabel} azalt`,
-    "increase": (args)=>`${args.fieldLabel} arttır`,
-    "numberField": `Sayı alanı`
+    "increase": (args)=>`${args.fieldLabel} artt\u{131}r`,
+    "numberField": `Say\u{131} alan\u{131}`
 };
 
 
 var $2ccc589e2f51824d$exports = {};
 $2ccc589e2f51824d$exports = {
-    "decrease": (args)=>`Зменшити ${args.fieldLabel}`,
-    "increase": (args)=>`Збільшити ${args.fieldLabel}`,
-    "numberField": `Поле номера`
+    "decrease": (args)=>`\u{417}\u{43C}\u{435}\u{43D}\u{448}\u{438}\u{442}\u{438} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{417}\u{431}\u{456}\u{43B}\u{44C}\u{448}\u{438}\u{442}\u{438} ${args.fieldLabel}`,
+    "numberField": `\u{41F}\u{43E}\u{43B}\u{435} \u{43D}\u{43E}\u{43C}\u{435}\u{440}\u{430}`
 };
 
 
 var $e1103cb9b4c13942$exports = {};
 $e1103cb9b4c13942$exports = {
-    "decrease": (args)=>`降低 ${args.fieldLabel}`,
-    "increase": (args)=>`提高 ${args.fieldLabel}`,
-    "numberField": `数字字段`
+    "decrease": (args)=>`\u{964D}\u{4F4E} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{63D0}\u{9AD8} ${args.fieldLabel}`,
+    "numberField": `\u{6570}\u{5B57}\u{5B57}\u{6BB5}`
 };
 
 
 var $448607634f80dccb$exports = {};
 $448607634f80dccb$exports = {
-    "decrease": (args)=>`縮小 ${args.fieldLabel}`,
-    "increase": (args)=>`放大 ${args.fieldLabel}`,
-    "numberField": `數字欄位`
+    "decrease": (args)=>`\u{7E2E}\u{5C0F} ${args.fieldLabel}`,
+    "increase": (args)=>`\u{653E}\u{5927} ${args.fieldLabel}`,
+    "numberField": `\u{6578}\u{5B57}\u{6B04}\u{4F4D}`
 };
 
 
@@ -345,13 +347,14 @@ $280a227d7cb94b92$exports = {
 
 
 
+
 function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
-    let { id: id, decrementAriaLabel: decrementAriaLabel, incrementAriaLabel: incrementAriaLabel, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, autoFocus: autoFocus, validationState: validationState, isInvalid: isInvalid, label: label, formatOptions: formatOptions, onBlur: onBlur = ()=>{}, onFocus: onFocus, onFocusChange: onFocusChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, description: description, errorMessage: errorMessage, ...otherProps } = props;
-    let { increment: increment, incrementToMax: incrementToMax, decrement: decrement, decrementToMin: decrementToMin, numberValue: numberValue, inputValue: inputValue, commit: commit } = state;
+    let { id: id, decrementAriaLabel: decrementAriaLabel, incrementAriaLabel: incrementAriaLabel, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, autoFocus: autoFocus, label: label, formatOptions: formatOptions, onBlur: onBlur = ()=>{}, onFocus: onFocus, onFocusChange: onFocusChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, description: description, errorMessage: errorMessage, ...otherProps } = props;
+    let { increment: increment, incrementToMax: incrementToMax, decrement: decrement, decrementToMin: decrementToMin, numberValue: numberValue, inputValue: inputValue, commit: commit, commitValidation: commitValidation } = state;
     const stringFormatter = (0, $gfhJl$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($280a227d7cb94b92$exports))));
     let inputId = (0, $gfhJl$useId)(id);
     let { focusProps: focusProps } = (0, $gfhJl$useFocus)({
-        onBlur: ()=>{
+        onBlur () {
             // Set input value to normalized valid value
             commit();
         }
@@ -430,10 +433,15 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
     };
     let domProps = (0, $gfhJl$filterDOMProps)(props);
     let onKeyDownEnter = (0, $gfhJl$useCallback)((e)=>{
-        if (e.key === "Enter") commit();
+        if (e.key === "Enter") {
+            commit();
+            commitValidation();
+        } else e.continuePropagation();
     }, [
-        commit
+        commit,
+        commitValidation
     ]);
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $gfhJl$useFormattedTextField)({
         ...otherProps,
         ...domProps,
@@ -443,8 +451,8 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
-        validationState: validationState,
-        isInvalid: isInvalid,
+        validate: undefined,
+        [(0, $gfhJl$privateValidationStateProp)]: state,
         value: inputValue,
         defaultValue: undefined,
         autoComplete: "off",
@@ -478,6 +486,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
         autoCorrect: "off",
         spellCheck: "false"
     });
+    if (props.validationBehavior === "native") inputProps["aria-required"] = undefined;
     let onButtonPressStart = (e)=>{
         // If focus is already on the input, keep it there so we don't hide the
         // software keyboard when tapping the increment/decrement buttons.
@@ -534,14 +543,17 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
             ...focusWithinProps,
             role: "group",
             "aria-disabled": isDisabled,
-            "aria-invalid": isInvalid || validationState === "invalid" ? "true" : undefined
+            "aria-invalid": isInvalid ? "true" : undefined
         },
         labelProps: labelProps,
         inputProps: inputProps,
         incrementButtonProps: incrementButtonProps,
         decrementButtonProps: decrementButtonProps,
         errorMessageProps: errorMessageProps,
-        descriptionProps: descriptionProps
+        descriptionProps: descriptionProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
     };
 }