@react-aria/spinbutton 3.6.3 → 3.6.5

package/dist/useSpinButton.main.js

@@ -0,0 +1,168 @@
+var $cb4b786159079747$exports = require("./intlStrings.main.js");
+var $2pZbw$reactarialiveannouncer = require("@react-aria/live-announcer");
+var $2pZbw$react = require("react");
+var $2pZbw$reactariautils = require("@react-aria/utils");
+var $2pZbw$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useSpinButton", () => $37bbd4c129023f61$export$e908e06f4b8e3402);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $37bbd4c129023f61$export$e908e06f4b8e3402(props) {
+    const _async = (0, $2pZbw$react.useRef)();
+    let { value: value, textValue: textValue, minValue: minValue, maxValue: maxValue, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, onIncrement: onIncrement, onIncrementPage: onIncrementPage, onDecrement: onDecrement, onDecrementPage: onDecrementPage, onDecrementToMin: onDecrementToMin, onIncrementToMax: onIncrementToMax } = props;
+    const stringFormatter = (0, $2pZbw$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($cb4b786159079747$exports))), '@react-aria/spinbutton');
+    const clearAsync = ()=>clearTimeout(_async.current);
+    // eslint-disable-next-line arrow-body-style
+    (0, $2pZbw$react.useEffect)(()=>{
+        return ()=>clearAsync();
+    }, []);
+    let onKeyDown = (e)=>{
+        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) return;
+        switch(e.key){
+            case 'PageUp':
+                if (onIncrementPage) {
+                    e.preventDefault();
+                    onIncrementPage === null || onIncrementPage === void 0 ? void 0 : onIncrementPage();
+                    break;
+                }
+            // fallthrough!
+            case 'ArrowUp':
+            case 'Up':
+                if (onIncrement) {
+                    e.preventDefault();
+                    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+                }
+                break;
+            case 'PageDown':
+                if (onDecrementPage) {
+                    e.preventDefault();
+                    onDecrementPage === null || onDecrementPage === void 0 ? void 0 : onDecrementPage();
+                    break;
+                }
+            // fallthrough
+            case 'ArrowDown':
+            case 'Down':
+                if (onDecrement) {
+                    e.preventDefault();
+                    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+                }
+                break;
+            case 'Home':
+                if (onDecrementToMin) {
+                    e.preventDefault();
+                    onDecrementToMin === null || onDecrementToMin === void 0 ? void 0 : onDecrementToMin();
+                }
+                break;
+            case 'End':
+                if (onIncrementToMax) {
+                    e.preventDefault();
+                    onIncrementToMax === null || onIncrementToMax === void 0 ? void 0 : onIncrementToMax();
+                }
+                break;
+        }
+    };
+    let isFocused = (0, $2pZbw$react.useRef)(false);
+    let onFocus = ()=>{
+        isFocused.current = true;
+    };
+    let onBlur = ()=>{
+        isFocused.current = false;
+    };
+    // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
+    // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
+    // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
+    // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
+    let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
+    (0, $2pZbw$react.useEffect)(()=>{
+        if (isFocused.current) {
+            (0, $2pZbw$reactarialiveannouncer.clearAnnouncer)('assertive');
+            (0, $2pZbw$reactarialiveannouncer.announce)(ariaTextValue, 'assertive');
+        }
+    }, [
+        ariaTextValue
+    ]);
+    const onIncrementPressStart = (0, $2pZbw$reactariautils.useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
+        }, initialStepDelay);
+    });
+    const onDecrementPressStart = (0, $2pZbw$reactariautils.useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
+        }, initialStepDelay);
+    });
+    let cancelContextMenu = (e)=>{
+        e.preventDefault();
+    };
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $2pZbw$reactariautils.useGlobalListeners)();
+    return {
+        spinButtonProps: {
+            role: 'spinbutton',
+            'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,
+            'aria-valuetext': ariaTextValue,
+            'aria-valuemin': minValue,
+            'aria-valuemax': maxValue,
+            'aria-disabled': isDisabled || undefined,
+            'aria-readonly': isReadOnly || undefined,
+            'aria-required': isRequired || undefined,
+            onKeyDown: onKeyDown,
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        incrementButtonProps: {
+            onPressStart: ()=>{
+                onIncrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        decrementButtonProps: {
+            onPressStart: ()=>{
+                onDecrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        }
+    };
+}
+
+
+//# sourceMappingURL=useSpinButton.main.js.map

package/dist/useSpinButton.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA4BM,SAAS,0CACd,KAAsB;IAEtB,MAAM,SAAS,CAAA,GAAA,mBAAK;IACpB,IAAI,SACF,KAAK,aACL,SAAS,YACT,QAAQ,YACR,QAAQ,cACR,UAAU,cACV,UAAU,cACV,UAAU,eACV,WAAW,mBACX,eAAe,eACf,WAAW,mBACX,eAAe,oBACf,gBAAgB,oBAChB,gBAAgB,EACjB,GAAG;IACJ,MAAM,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAElE,MAAM,aAAa,IAAM,aAAa,OAAO,OAAO;IAEpD,4CAA4C;IAC5C,CAAA,GAAA,sBAAQ,EAAE;QACR,OAAO,IAAM;IACf,GAAG,EAAE;IAEL,IAAI,YAAY,CAAC;QACf,IAAI,EAAE,OAAO,IAAI,EAAE,OAAO,IAAI,EAAE,QAAQ,IAAI,EAAE,MAAM,IAAI,YACtD;QAGF,OAAQ,EAAE,GAAG;YACX,KAAK;gBACH,IAAI,iBAAiB;oBACnB,EAAE,cAAc;oBAChB,4BAAA,sCAAA;oBACA;gBACF;YACF,eAAe;YACf,KAAK;YACL,KAAK;gBACH,IAAI,aAAa;oBACf,EAAE,cAAc;oBAChB,wBAAA,kCAAA;gBACF;gBACA;YACF,KAAK;gBACH,IAAI,iBAAiB;oBACnB,EAAE,cAAc;oBAChB,4BAAA,sCAAA;oBACA;gBACF;YACF,cAAc;YACd,KAAK;YACL,KAAK;gBACH,IAAI,aAAa;oBACf,EAAE,cAAc;oBAChB,wBAAA,kCAAA;gBACF;gBACA;YACF,KAAK;gBACH,IAAI,kBAAkB;oBACpB,EAAE,cAAc;oBAChB,6BAAA,uCAAA;gBACF;gBACA;YACF,KAAK;gBACH,IAAI,kBAAkB;oBACpB,EAAE,cAAc;oBAChB,6BAAA,uCAAA;gBACF;gBACA;QACJ;IACF;IAEA,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,UAAU;QACZ,UAAU,OAAO,GAAG;IACtB;IAEA,IAAI,SAAS;QACX,UAAU,OAAO,GAAG;IACtB;IAEA,kEAAkE;IAClE,8GAA8G;IAC9G,sHAAsH;IACtH,4HAA4H;IAC5H,IAAI,gBAAgB,cAAc,KAAK,gBAAgB,MAAM,CAAC,WAAW,AAAC,CAAA,aAAa,CAAC,EAAE,MAAM,CAAC,AAAD,EAAG,OAAO,CAAC,KAAK;IAEhH,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,CAAA,GAAA,4CAAa,EAAE;YACf,CAAA,GAAA,sCAAO,EAAE,eAAe;QAC1B;IACF,GAAG;QAAC;KAAc;IAElB,MAAM,wBAAwB,CAAA,GAAA,oCAAa,EACzC,CAAC;QACC;QACA,wBAAA,kCAAA;QACA,qCAAqC;QACrC,OAAO,OAAO,GAAG,OAAO,UAAU,CAChC;YACE,IAAI,AAAC,aAAa,aAAa,MAAM,aAAe,UAAU,aAAa,MAAM,UAAW,QAAQ,UAClG,sBAAsB;QAE1B,GACA;IAEJ;IAGF,MAAM,wBAAwB,CAAA,GAAA,oCAAa,EACzC,CAAC;QACC;QACA,wBAAA,kCAAA;QACA,qCAAqC;QACrC,OAAO,OAAO,GAAG,OAAO,UAAU,CAChC;YACE,IAAI,AAAC,aAAa,aAAa,MAAM,aAAe,UAAU,aAAa,MAAM,UAAW,QAAQ,UAClG,sBAAsB;QAE1B,GACA;IAEJ;IAGF,IAAI,oBAAoB,CAAC;QACvB,EAAE,cAAc;IAClB;IAEA,IAAI,qBAAC,iBAAiB,4BAAE,wBAAwB,EAAC,GAAG,CAAA,GAAA,wCAAiB;IAErE,OAAO;QACL,iBAAiB;YACf,MAAM;YACN,iBAAiB,UAAU,aAAa,CAAC,MAAM,SAAS,QAAQ;YAChE,kBAAkB;YAClB,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB,cAAc;YAC/B,iBAAiB,cAAc;YAC/B,iBAAiB,cAAc;uBAC/B;qBACA;oBACA;QACF;QACA,sBAAsB;YACpB,cAAc;gBACZ,sBAAsB;gBACtB,kBAAkB,QAAQ,eAAe;YAC3C;YACA,YAAY;gBACV;gBACA;YACF;qBACA;oBACA;QACF;QACA,sBAAsB;YACpB,cAAc;gBACZ,sBAAsB;gBACtB,kBAAkB,QAAQ,eAAe;YAC3C;YACA,YAAY;gBACV;gBACA;YACF;qBACA;oBACA;QACF;IACF;AACF","sources":["packages/@react-aria/spinbutton/src/useSpinButton.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce, clearAnnouncer} from '@react-aria/live-announcer';\nimport {AriaButtonProps} from '@react-types/button';\nimport {DOMAttributes, InputBase, RangeInputBase, Validation, ValueBase} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useEffect, useRef} from 'react';\nimport {useEffectEvent, useGlobalListeners} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface SpinButtonProps extends InputBase, Validation<number>, ValueBase<number>, RangeInputBase<number> {\n  textValue?: string,\n  onIncrement?: () => void,\n  onIncrementPage?: () => void,\n  onDecrement?: () => void,\n  onDecrementPage?: () => void,\n  onDecrementToMin?: () => void,\n  onIncrementToMax?: () => void\n}\n\nexport interface SpinbuttonAria {\n  spinButtonProps: DOMAttributes,\n  incrementButtonProps: AriaButtonProps,\n  decrementButtonProps: AriaButtonProps\n}\n\nexport function useSpinButton(\n  props: SpinButtonProps\n): SpinbuttonAria {\n  const _async = useRef<number>();\n  let {\n    value,\n    textValue,\n    minValue,\n    maxValue,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    onIncrement,\n    onIncrementPage,\n    onDecrement,\n    onDecrementPage,\n    onDecrementToMin,\n    onIncrementToMax\n  } = props;\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/spinbutton');\n\n  const clearAsync = () => clearTimeout(_async.current);\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => clearAsync();\n  }, []);\n\n  let onKeyDown = (e) => {\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'PageUp':\n        if (onIncrementPage) {\n          e.preventDefault();\n          onIncrementPage?.();\n          break;\n        }\n      // fallthrough!\n      case 'ArrowUp':\n      case 'Up':\n        if (onIncrement) {\n          e.preventDefault();\n          onIncrement?.();\n        }\n        break;\n      case 'PageDown':\n        if (onDecrementPage) {\n          e.preventDefault();\n          onDecrementPage?.();\n          break;\n        }\n      // fallthrough\n      case 'ArrowDown':\n      case 'Down':\n        if (onDecrement) {\n          e.preventDefault();\n          onDecrement?.();\n        }\n        break;\n      case 'Home':\n        if (onDecrementToMin) {\n          e.preventDefault();\n          onDecrementToMin?.();\n        }\n        break;\n      case 'End':\n        if (onIncrementToMax) {\n          e.preventDefault();\n          onIncrementToMax?.();\n        }\n        break;\n    }\n  };\n\n  let isFocused = useRef(false);\n  let onFocus = () => {\n    isFocused.current = true;\n  };\n\n  let onBlur = () => {\n    isFocused.current = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).\n  // This ensures that macOS VoiceOver announces it as \"minus\" even with other characters between the minus sign\n  // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.\n  // In addition, replace the empty string with the word \"Empty\" so that iOS VoiceOver does not read \"50%\" for an empty field.\n  let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\\u2212');\n\n  useEffect(() => {\n    if (isFocused.current) {\n      clearAnnouncer('assertive');\n      announce(ariaTextValue, 'assertive');\n    }\n  }, [ariaTextValue]);\n\n  const onIncrementPressStart = useEffectEvent(\n    (initialStepDelay: number) => {\n      clearAsync();\n      onIncrement?.();\n      // Start spinning after initial delay\n      _async.current = window.setTimeout(\n        () => {\n          if ((maxValue === undefined || isNaN(maxValue)) || (value === undefined || isNaN(value)) || value < maxValue) {\n            onIncrementPressStart(60);\n          }\n        },\n        initialStepDelay\n      );\n    }\n  );\n\n  const onDecrementPressStart = useEffectEvent(\n    (initialStepDelay: number) => {\n      clearAsync();\n      onDecrement?.();\n      // Start spinning after initial delay\n      _async.current = window.setTimeout(\n        () => {\n          if ((minValue === undefined || isNaN(minValue)) || (value === undefined || isNaN(value)) || value > minValue) {\n            onDecrementPressStart(60);\n          }\n        },\n        initialStepDelay\n      );\n    }\n  );\n\n  let cancelContextMenu = (e) => {\n    e.preventDefault();\n  };\n\n  let {addGlobalListener, removeAllGlobalListeners} = useGlobalListeners();\n\n  return {\n    spinButtonProps: {\n      role: 'spinbutton',\n      'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,\n      'aria-valuetext': ariaTextValue,\n      'aria-valuemin': minValue,\n      'aria-valuemax': maxValue,\n      'aria-disabled': isDisabled || undefined,\n      'aria-readonly': isReadOnly || undefined,\n      'aria-required': isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur\n    },\n    incrementButtonProps: {\n      onPressStart: () => {\n        onIncrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur\n    },\n    decrementButtonProps: {\n      onPressStart: () => {\n        onDecrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSpinButton.main.js.map"}

package/dist/useSpinButton.mjs

@@ -0,0 +1,163 @@
+import $5rwhf$intlStringsmodulejs from "./intlStrings.mjs";
+import {clearAnnouncer as $5rwhf$clearAnnouncer, announce as $5rwhf$announce} from "@react-aria/live-announcer";
+import {useRef as $5rwhf$useRef, useEffect as $5rwhf$useEffect} from "react";
+import {useEffectEvent as $5rwhf$useEffectEvent, useGlobalListeners as $5rwhf$useGlobalListeners} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $5rwhf$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
+    const _async = (0, $5rwhf$useRef)();
+    let { value: value, textValue: textValue, minValue: minValue, maxValue: maxValue, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, onIncrement: onIncrement, onIncrementPage: onIncrementPage, onDecrement: onDecrement, onDecrementPage: onDecrementPage, onDecrementToMin: onDecrementToMin, onIncrementToMax: onIncrementToMax } = props;
+    const stringFormatter = (0, $5rwhf$useLocalizedStringFormatter)((0, ($parcel$interopDefault($5rwhf$intlStringsmodulejs))), '@react-aria/spinbutton');
+    const clearAsync = ()=>clearTimeout(_async.current);
+    // eslint-disable-next-line arrow-body-style
+    (0, $5rwhf$useEffect)(()=>{
+        return ()=>clearAsync();
+    }, []);
+    let onKeyDown = (e)=>{
+        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) return;
+        switch(e.key){
+            case 'PageUp':
+                if (onIncrementPage) {
+                    e.preventDefault();
+                    onIncrementPage === null || onIncrementPage === void 0 ? void 0 : onIncrementPage();
+                    break;
+                }
+            // fallthrough!
+            case 'ArrowUp':
+            case 'Up':
+                if (onIncrement) {
+                    e.preventDefault();
+                    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+                }
+                break;
+            case 'PageDown':
+                if (onDecrementPage) {
+                    e.preventDefault();
+                    onDecrementPage === null || onDecrementPage === void 0 ? void 0 : onDecrementPage();
+                    break;
+                }
+            // fallthrough
+            case 'ArrowDown':
+            case 'Down':
+                if (onDecrement) {
+                    e.preventDefault();
+                    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+                }
+                break;
+            case 'Home':
+                if (onDecrementToMin) {
+                    e.preventDefault();
+                    onDecrementToMin === null || onDecrementToMin === void 0 ? void 0 : onDecrementToMin();
+                }
+                break;
+            case 'End':
+                if (onIncrementToMax) {
+                    e.preventDefault();
+                    onIncrementToMax === null || onIncrementToMax === void 0 ? void 0 : onIncrementToMax();
+                }
+                break;
+        }
+    };
+    let isFocused = (0, $5rwhf$useRef)(false);
+    let onFocus = ()=>{
+        isFocused.current = true;
+    };
+    let onBlur = ()=>{
+        isFocused.current = false;
+    };
+    // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
+    // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
+    // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
+    // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
+    let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
+    (0, $5rwhf$useEffect)(()=>{
+        if (isFocused.current) {
+            (0, $5rwhf$clearAnnouncer)('assertive');
+            (0, $5rwhf$announce)(ariaTextValue, 'assertive');
+        }
+    }, [
+        ariaTextValue
+    ]);
+    const onIncrementPressStart = (0, $5rwhf$useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
+        }, initialStepDelay);
+    });
+    const onDecrementPressStart = (0, $5rwhf$useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
+        }, initialStepDelay);
+    });
+    let cancelContextMenu = (e)=>{
+        e.preventDefault();
+    };
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $5rwhf$useGlobalListeners)();
+    return {
+        spinButtonProps: {
+            role: 'spinbutton',
+            'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,
+            'aria-valuetext': ariaTextValue,
+            'aria-valuemin': minValue,
+            'aria-valuemax': maxValue,
+            'aria-disabled': isDisabled || undefined,
+            'aria-readonly': isReadOnly || undefined,
+            'aria-required': isRequired || undefined,
+            onKeyDown: onKeyDown,
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        incrementButtonProps: {
+            onPressStart: ()=>{
+                onIncrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        decrementButtonProps: {
+            onPressStart: ()=>{
+                onDecrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        }
+    };
+}
+
+
+export {$d2e8511e6f209edf$export$e908e06f4b8e3402 as useSpinButton};
+//# sourceMappingURL=useSpinButton.module.js.map

package/dist/useSpinButton.module.js

@@ -0,0 +1,163 @@
+import $5rwhf$intlStringsmodulejs from "./intlStrings.module.js";
+import {clearAnnouncer as $5rwhf$clearAnnouncer, announce as $5rwhf$announce} from "@react-aria/live-announcer";
+import {useRef as $5rwhf$useRef, useEffect as $5rwhf$useEffect} from "react";
+import {useEffectEvent as $5rwhf$useEffectEvent, useGlobalListeners as $5rwhf$useGlobalListeners} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $5rwhf$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
+    const _async = (0, $5rwhf$useRef)();
+    let { value: value, textValue: textValue, minValue: minValue, maxValue: maxValue, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, onIncrement: onIncrement, onIncrementPage: onIncrementPage, onDecrement: onDecrement, onDecrementPage: onDecrementPage, onDecrementToMin: onDecrementToMin, onIncrementToMax: onIncrementToMax } = props;
+    const stringFormatter = (0, $5rwhf$useLocalizedStringFormatter)((0, ($parcel$interopDefault($5rwhf$intlStringsmodulejs))), '@react-aria/spinbutton');
+    const clearAsync = ()=>clearTimeout(_async.current);
+    // eslint-disable-next-line arrow-body-style
+    (0, $5rwhf$useEffect)(()=>{
+        return ()=>clearAsync();
+    }, []);
+    let onKeyDown = (e)=>{
+        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) return;
+        switch(e.key){
+            case 'PageUp':
+                if (onIncrementPage) {
+                    e.preventDefault();
+                    onIncrementPage === null || onIncrementPage === void 0 ? void 0 : onIncrementPage();
+                    break;
+                }
+            // fallthrough!
+            case 'ArrowUp':
+            case 'Up':
+                if (onIncrement) {
+                    e.preventDefault();
+                    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+                }
+                break;
+            case 'PageDown':
+                if (onDecrementPage) {
+                    e.preventDefault();
+                    onDecrementPage === null || onDecrementPage === void 0 ? void 0 : onDecrementPage();
+                    break;
+                }
+            // fallthrough
+            case 'ArrowDown':
+            case 'Down':
+                if (onDecrement) {
+                    e.preventDefault();
+                    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+                }
+                break;
+            case 'Home':
+                if (onDecrementToMin) {
+                    e.preventDefault();
+                    onDecrementToMin === null || onDecrementToMin === void 0 ? void 0 : onDecrementToMin();
+                }
+                break;
+            case 'End':
+                if (onIncrementToMax) {
+                    e.preventDefault();
+                    onIncrementToMax === null || onIncrementToMax === void 0 ? void 0 : onIncrementToMax();
+                }
+                break;
+        }
+    };
+    let isFocused = (0, $5rwhf$useRef)(false);
+    let onFocus = ()=>{
+        isFocused.current = true;
+    };
+    let onBlur = ()=>{
+        isFocused.current = false;
+    };
+    // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
+    // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
+    // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
+    // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
+    let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
+    (0, $5rwhf$useEffect)(()=>{
+        if (isFocused.current) {
+            (0, $5rwhf$clearAnnouncer)('assertive');
+            (0, $5rwhf$announce)(ariaTextValue, 'assertive');
+        }
+    }, [
+        ariaTextValue
+    ]);
+    const onIncrementPressStart = (0, $5rwhf$useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
+        }, initialStepDelay);
+    });
+    const onDecrementPressStart = (0, $5rwhf$useEffectEvent)((initialStepDelay)=>{
+        clearAsync();
+        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+        // Start spinning after initial delay
+        _async.current = window.setTimeout(()=>{
+            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
+        }, initialStepDelay);
+    });
+    let cancelContextMenu = (e)=>{
+        e.preventDefault();
+    };
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (0, $5rwhf$useGlobalListeners)();
+    return {
+        spinButtonProps: {
+            role: 'spinbutton',
+            'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,
+            'aria-valuetext': ariaTextValue,
+            'aria-valuemin': minValue,
+            'aria-valuemax': maxValue,
+            'aria-disabled': isDisabled || undefined,
+            'aria-readonly': isReadOnly || undefined,
+            'aria-required': isRequired || undefined,
+            onKeyDown: onKeyDown,
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        incrementButtonProps: {
+            onPressStart: ()=>{
+                onIncrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        },
+        decrementButtonProps: {
+            onPressStart: ()=>{
+                onDecrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            },
+            onPressEnd: ()=>{
+                clearAsync();
+                removeAllGlobalListeners();
+            },
+            onFocus: onFocus,
+            onBlur: onBlur
+        }
+    };
+}
+
+
+export {$d2e8511e6f209edf$export$e908e06f4b8e3402 as useSpinButton};
+//# sourceMappingURL=useSpinButton.module.js.map

package/dist/useSpinButton.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/spinbutton/src/useSpinButton.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce, clearAnnouncer} from '@react-aria/live-announcer';\nimport {AriaButtonProps} from '@react-types/button';\nimport {DOMAttributes, InputBase, RangeInputBase, Validation, ValueBase} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useEffect, useRef} from 'react';\nimport {useEffectEvent, useGlobalListeners} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\nexport interface SpinButtonProps extends InputBase, Validation<number>, ValueBase<number>, RangeInputBase<number> {\n  textValue?: string,\n  onIncrement?: () => void,\n  onIncrementPage?: () => void,\n  onDecrement?: () => void,\n  onDecrementPage?: () => void,\n  onDecrementToMin?: () => void,\n  onIncrementToMax?: () => void\n}\n\nexport interface SpinbuttonAria {\n  spinButtonProps: DOMAttributes,\n  incrementButtonProps: AriaButtonProps,\n  decrementButtonProps: AriaButtonProps\n}\n\nexport function useSpinButton(\n  props: SpinButtonProps\n): SpinbuttonAria {\n  const _async = useRef<number>();\n  let {\n    value,\n    textValue,\n    minValue,\n    maxValue,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    onIncrement,\n    onIncrementPage,\n    onDecrement,\n    onDecrementPage,\n    onDecrementToMin,\n    onIncrementToMax\n  } = props;\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/spinbutton');\n\n  const clearAsync = () => clearTimeout(_async.current);\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    return () => clearAsync();\n  }, []);\n\n  let onKeyDown = (e) => {\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'PageUp':\n        if (onIncrementPage) {\n          e.preventDefault();\n          onIncrementPage?.();\n          break;\n        }\n      // fallthrough!\n      case 'ArrowUp':\n      case 'Up':\n        if (onIncrement) {\n          e.preventDefault();\n          onIncrement?.();\n        }\n        break;\n      case 'PageDown':\n        if (onDecrementPage) {\n          e.preventDefault();\n          onDecrementPage?.();\n          break;\n        }\n      // fallthrough\n      case 'ArrowDown':\n      case 'Down':\n        if (onDecrement) {\n          e.preventDefault();\n          onDecrement?.();\n        }\n        break;\n      case 'Home':\n        if (onDecrementToMin) {\n          e.preventDefault();\n          onDecrementToMin?.();\n        }\n        break;\n      case 'End':\n        if (onIncrementToMax) {\n          e.preventDefault();\n          onIncrementToMax?.();\n        }\n        break;\n    }\n  };\n\n  let isFocused = useRef(false);\n  let onFocus = () => {\n    isFocused.current = true;\n  };\n\n  let onBlur = () => {\n    isFocused.current = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).\n  // This ensures that macOS VoiceOver announces it as \"minus\" even with other characters between the minus sign\n  // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.\n  // In addition, replace the empty string with the word \"Empty\" so that iOS VoiceOver does not read \"50%\" for an empty field.\n  let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\\u2212');\n\n  useEffect(() => {\n    if (isFocused.current) {\n      clearAnnouncer('assertive');\n      announce(ariaTextValue, 'assertive');\n    }\n  }, [ariaTextValue]);\n\n  const onIncrementPressStart = useEffectEvent(\n    (initialStepDelay: number) => {\n      clearAsync();\n      onIncrement?.();\n      // Start spinning after initial delay\n      _async.current = window.setTimeout(\n        () => {\n          if ((maxValue === undefined || isNaN(maxValue)) || (value === undefined || isNaN(value)) || value < maxValue) {\n            onIncrementPressStart(60);\n          }\n        },\n        initialStepDelay\n      );\n    }\n  );\n\n  const onDecrementPressStart = useEffectEvent(\n    (initialStepDelay: number) => {\n      clearAsync();\n      onDecrement?.();\n      // Start spinning after initial delay\n      _async.current = window.setTimeout(\n        () => {\n          if ((minValue === undefined || isNaN(minValue)) || (value === undefined || isNaN(value)) || value > minValue) {\n            onDecrementPressStart(60);\n          }\n        },\n        initialStepDelay\n      );\n    }\n  );\n\n  let cancelContextMenu = (e) => {\n    e.preventDefault();\n  };\n\n  let {addGlobalListener, removeAllGlobalListeners} = useGlobalListeners();\n\n  return {\n    spinButtonProps: {\n      role: 'spinbutton',\n      'aria-valuenow': value !== undefined && !isNaN(value) ? value : undefined,\n      'aria-valuetext': ariaTextValue,\n      'aria-valuemin': minValue,\n      'aria-valuemax': maxValue,\n      'aria-disabled': isDisabled || undefined,\n      'aria-readonly': isReadOnly || undefined,\n      'aria-required': isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur\n    },\n    incrementButtonProps: {\n      onPressStart: () => {\n        onIncrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur\n    },\n    decrementButtonProps: {\n      onPressStart: () => {\n        onDecrementPressStart(400);\n        addGlobalListener(window, 'contextmenu', cancelContextMenu);\n      },\n      onPressEnd: () => {\n        clearAsync();\n        removeAllGlobalListeners();\n      },\n      onFocus,\n      onBlur\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSpinButton.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/spinbutton",
-  "version": "3.6.3",
+  "version": "3.6.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,11 +22,11 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.10.2",
-    "@react-aria/live-announcer": "^3.3.2",
-    "@react-aria/utils": "^3.23.2",
-    "@react-types/button": "^3.9.2",
-    "@react-types/shared": "^3.22.1",
+    "@react-aria/i18n": "^3.11.1",
+    "@react-aria/live-announcer": "^3.3.4",
+    "@react-aria/utils": "^3.24.1",
+    "@react-types/button": "^3.9.4",
+    "@react-types/shared": "^3.23.1",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
+  "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
 }