@react-aria/spinbutton 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.js CHANGED
@@ -1,299 +1,342 @@
1
- import { useMessageFormatter } from "@react-aria/i18n";
2
- import { useCallback, useEffect, useRef } from "react";
3
- import { announce } from "@react-aria/live-announcer";
4
- import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
5
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/ar-AE.json
6
- var $fbc9e9d7cb7b3e7c701c779ec38417cd$exports = {};
7
- $fbc9e9d7cb7b3e7c701c779ec38417cd$exports = JSON.parse("{\"Empty\":\"فارغ\"}");
8
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/bg-BG.json
9
- var $cb592d229837e637f9593ff7c701689$exports = {};
10
- $cb592d229837e637f9593ff7c701689$exports = JSON.parse("{\"Empty\":\"Изпразни\"}");
11
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/cs-CZ.json
12
- var $f17666a495bf7495c6bff6a1397e6822$exports = {};
13
- $f17666a495bf7495c6bff6a1397e6822$exports = JSON.parse("{\"Empty\":\"Prázdné\"}");
14
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/da-DK.json
15
- var $e194eb80ef0031d8117819166a22680$exports = {};
16
- $e194eb80ef0031d8117819166a22680$exports = JSON.parse("{\"Empty\":\"Tom\"}");
17
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/de-DE.json
18
- var $c40bcdf693a8ed8a2291ef8d7b$exports = {};
19
- $c40bcdf693a8ed8a2291ef8d7b$exports = JSON.parse("{\"Empty\":\"Leer\"}");
20
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/el-GR.json
21
- var $ac454f31f410e77efbde3e1e4851cedb$exports = {};
22
- $ac454f31f410e77efbde3e1e4851cedb$exports = JSON.parse("{\"Empty\":\"Άδειο\"}");
23
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/en-US.json
24
- var $ed19cb0446558aab98a9086a697ac7$exports = {};
25
- $ed19cb0446558aab98a9086a697ac7$exports = JSON.parse("{\"Empty\":\"Empty\"}");
26
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/es-ES.json
27
- var $dc8cdf38b1ab312b8e3dd3e35ac00a29$exports = {};
28
- $dc8cdf38b1ab312b8e3dd3e35ac00a29$exports = JSON.parse("{\"Empty\":\"Vacío\"}");
29
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/et-EE.json
30
- var $a694686b3766c14509e50fe827e0f2b$exports = {};
31
- $a694686b3766c14509e50fe827e0f2b$exports = JSON.parse("{\"Empty\":\"Tühjenda\"}");
32
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/fi-FI.json
33
- var $cb67d619f35171d4f8c8e2fc148491$exports = {};
34
- $cb67d619f35171d4f8c8e2fc148491$exports = JSON.parse("{\"Empty\":\"Tyhjä\"}");
35
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/fr-FR.json
36
- var $af684764dbb48d4f24251e7a5c48530$exports = {};
37
- $af684764dbb48d4f24251e7a5c48530$exports = JSON.parse("{\"Empty\":\"Vide\"}");
38
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/he-IL.json
39
- var $d69024b42a69f97c46c58a953f67e84f$exports = {};
40
- $d69024b42a69f97c46c58a953f67e84f$exports = JSON.parse("{\"Empty\":\"ריק\"}");
41
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/hr-HR.json
42
- var $e6b7076edc78920211046f3c983cfbdb$exports = {};
43
- $e6b7076edc78920211046f3c983cfbdb$exports = JSON.parse("{\"Empty\":\"Prazno\"}");
44
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/hu-HU.json
45
- var $db974e9c56980ee80c35253d2f136aee$exports = {};
46
- $db974e9c56980ee80c35253d2f136aee$exports = JSON.parse("{\"Empty\":\"Üres\"}");
47
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/it-IT.json
48
- var $b9ca32da5122499256c996b9183ca3d$exports = {};
49
- $b9ca32da5122499256c996b9183ca3d$exports = JSON.parse("{\"Empty\":\"Vuoto\"}");
50
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/ja-JP.json
51
- var $d93cbf7ca50d42ab95c8247bd7$exports = {};
52
- $d93cbf7ca50d42ab95c8247bd7$exports = JSON.parse("{\"Empty\":\"空\"}");
53
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/ko-KR.json
54
- var $e4194ee149df1a8d2d78edc886ab7fd$exports = {};
55
- $e4194ee149df1a8d2d78edc886ab7fd$exports = JSON.parse("{\"Empty\":\"비어 있음\"}");
56
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/lt-LT.json
57
- var $e084f50698524d1617f726c5c5229$exports = {};
58
- $e084f50698524d1617f726c5c5229$exports = JSON.parse("{\"Empty\":\"Tuščias\"}");
59
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/lv-LV.json
60
- var $d6d90ca120aa4d5001ed49fd45b8$exports = {};
61
- $d6d90ca120aa4d5001ed49fd45b8$exports = JSON.parse("{\"Empty\":\"Tukšs\"}");
62
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/nb-NO.json
63
- var $a3b3b03e00a7f050d1866c8c67b7f18c$exports = {};
64
- $a3b3b03e00a7f050d1866c8c67b7f18c$exports = JSON.parse("{\"Empty\":\"Tom\"}");
65
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/nl-NL.json
66
- var $b87ad28933ffd5d3c721324feb$exports = {};
67
- $b87ad28933ffd5d3c721324feb$exports = JSON.parse("{\"Empty\":\"Leeg\"}");
68
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/pl-PL.json
69
- var $f5481a4fa637113043217da5a6260$exports = {};
70
- $f5481a4fa637113043217da5a6260$exports = JSON.parse("{\"Empty\":\"Pusty\"}");
71
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/pt-BR.json
72
- var $fd14df6b825e4a9565037f1ca1aa0f0$exports = {};
73
- $fd14df6b825e4a9565037f1ca1aa0f0$exports = JSON.parse("{\"Empty\":\"Vazio\"}");
74
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/pt-PT.json
75
- var $c82d4c61928ba408ae61ffae1197cc$exports = {};
76
- $c82d4c61928ba408ae61ffae1197cc$exports = JSON.parse("{\"Empty\":\"Vazio\"}");
77
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/ro-RO.json
78
- var $f83fdc6074b3422b785a49bb04be8fd$exports = {};
79
- $f83fdc6074b3422b785a49bb04be8fd$exports = JSON.parse("{\"Empty\":\"Gol\"}");
80
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/ru-RU.json
81
- var $c0d7db44cf5646c580ef6639717353$exports = {};
82
- $c0d7db44cf5646c580ef6639717353$exports = JSON.parse("{\"Empty\":\"Не заполнено\"}");
83
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/sk-SK.json
84
- var $a780415d2ea29cc31052caf8538da8$exports = {};
85
- $a780415d2ea29cc31052caf8538da8$exports = JSON.parse("{\"Empty\":\"Prázdne\"}");
86
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/sl-SI.json
87
- var $fb01b3dc59b99eb11848f254d$exports = {};
88
- $fb01b3dc59b99eb11848f254d$exports = JSON.parse("{\"Empty\":\"Prazen\"}");
89
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/sr-SP.json
90
- var $e08a3987f61a6b3d12b3e19ec5fd9$exports = {};
91
- $e08a3987f61a6b3d12b3e19ec5fd9$exports = JSON.parse("{\"Empty\":\"Prazno\"}");
92
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/sv-SE.json
93
- var $b3a7572915c12bdc376a15c698e26a$exports = {};
94
- $b3a7572915c12bdc376a15c698e26a$exports = JSON.parse("{\"Empty\":\"Tomt\"}");
95
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/tr-TR.json
96
- var $fffe30e4880b8ca2a1bf8bd52f099e3$exports = {};
97
- $fffe30e4880b8ca2a1bf8bd52f099e3$exports = JSON.parse("{\"Empty\":\"Boş\"}");
98
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/uk-UA.json
99
- var $daa0babda3d97bfdac06e14540e3d556$exports = {};
100
- $daa0babda3d97bfdac06e14540e3d556$exports = JSON.parse("{\"Empty\":\"Пусто\"}");
101
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/zh-CN.json
102
- var $b9d579215c0cc839bfce28a9cec$exports = {};
103
- $b9d579215c0cc839bfce28a9cec$exports = JSON.parse("{\"Empty\":\"空\"}");
104
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/spinbutton/intl/zh-TW.json
105
- var $fcd9e4d86a0277eaf944ca3546ee7$exports = {};
106
- $fcd9e4d86a0277eaf944ca3546ee7$exports = JSON.parse("{\"Empty\":\"空白\"}");
107
- // @ts-ignore
108
- const $c1af8e5962e38e4cf122539ddeaf$var$intlMessages = {
109
- "ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($fbc9e9d7cb7b3e7c701c779ec38417cd$exports).default,
110
- "bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($cb592d229837e637f9593ff7c701689$exports).default,
111
- "cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($f17666a495bf7495c6bff6a1397e6822$exports).default,
112
- "da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($e194eb80ef0031d8117819166a22680$exports).default,
113
- "de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($c40bcdf693a8ed8a2291ef8d7b$exports).default,
114
- "el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ac454f31f410e77efbde3e1e4851cedb$exports).default,
115
- "en-US": _babelRuntimeHelpersEsmInteropRequireDefault($ed19cb0446558aab98a9086a697ac7$exports).default,
116
- "es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($dc8cdf38b1ab312b8e3dd3e35ac00a29$exports).default,
117
- "et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($a694686b3766c14509e50fe827e0f2b$exports).default,
118
- "fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($cb67d619f35171d4f8c8e2fc148491$exports).default,
119
- "fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($af684764dbb48d4f24251e7a5c48530$exports).default,
120
- "he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($d69024b42a69f97c46c58a953f67e84f$exports).default,
121
- "hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($e6b7076edc78920211046f3c983cfbdb$exports).default,
122
- "hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($db974e9c56980ee80c35253d2f136aee$exports).default,
123
- "it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($b9ca32da5122499256c996b9183ca3d$exports).default,
124
- "ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($d93cbf7ca50d42ab95c8247bd7$exports).default,
125
- "ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e4194ee149df1a8d2d78edc886ab7fd$exports).default,
126
- "lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($e084f50698524d1617f726c5c5229$exports).default,
127
- "lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($d6d90ca120aa4d5001ed49fd45b8$exports).default,
128
- "nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($a3b3b03e00a7f050d1866c8c67b7f18c$exports).default,
129
- "nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($b87ad28933ffd5d3c721324feb$exports).default,
130
- "pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($f5481a4fa637113043217da5a6260$exports).default,
131
- "pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($fd14df6b825e4a9565037f1ca1aa0f0$exports).default,
132
- "pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($c82d4c61928ba408ae61ffae1197cc$exports).default,
133
- "ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f83fdc6074b3422b785a49bb04be8fd$exports).default,
134
- "ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($c0d7db44cf5646c580ef6639717353$exports).default,
135
- "sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($a780415d2ea29cc31052caf8538da8$exports).default,
136
- "sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($fb01b3dc59b99eb11848f254d$exports).default,
137
- "sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($e08a3987f61a6b3d12b3e19ec5fd9$exports).default,
138
- "sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($b3a7572915c12bdc376a15c698e26a$exports).default,
139
- "tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($fffe30e4880b8ca2a1bf8bd52f099e3$exports).default,
140
- "uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($daa0babda3d97bfdac06e14540e3d556$exports).default,
141
- "zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($b9d579215c0cc839bfce28a9cec$exports).default,
142
- "zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($fcd9e4d86a0277eaf944ca3546ee7$exports).default
143
- };
144
- export function useSpinButton(props) {
145
- const _async = useRef();
146
-
147
- let {
148
- value,
149
- textValue,
150
- minValue,
151
- maxValue,
152
- isDisabled,
153
- isReadOnly,
154
- isRequired,
155
- onIncrement,
156
- onIncrementPage,
157
- onDecrement,
158
- onDecrementPage,
159
- onDecrementToMin,
160
- onIncrementToMax
161
- } = props;
162
- const formatMessage = useMessageFormatter($c1af8e5962e38e4cf122539ddeaf$var$intlMessages);
163
-
164
- const clearAsync = () => clearTimeout(_async.current); // eslint-disable-next-line arrow-body-style
165
-
166
-
167
- useEffect(() => {
168
- return () => clearAsync();
169
- }, []);
170
-
171
- let onKeyDown = e => {
172
- if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) {
173
- return;
174
- }
175
-
176
- switch (e.key) {
177
- case 'PageUp':
178
- if (onIncrementPage) {
179
- e.preventDefault();
180
- onIncrementPage();
181
- break;
182
- }
1
+ import {announce as $6HbOW$announce} from "@react-aria/live-announcer";
2
+ import {useRef as $6HbOW$useRef, useEffect as $6HbOW$useEffect, useCallback as $6HbOW$useCallback} from "react";
3
+ import {useMessageFormatter as $6HbOW$useMessageFormatter} from "@react-aria/i18n";
4
+ import {useGlobalListeners as $6HbOW$useGlobalListeners} from "@react-aria/utils";
183
5
 
184
- // fallthrough!
6
+ function $parcel$interopDefault(a) {
7
+ return a && a.__esModule ? a.default : a;
8
+ }
9
+ function $parcel$export(e, n, v, s) {
10
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
11
+ }
12
+ var $b6f59b4cfb60b8f4$exports = {};
185
13
 
186
- case 'ArrowUp':
187
- case 'Up':
188
- if (onIncrement) {
189
- e.preventDefault();
190
- onIncrement();
191
- }
14
+ $parcel$export($b6f59b4cfb60b8f4$exports, "useSpinButton", () => $b6f59b4cfb60b8f4$export$e908e06f4b8e3402);
192
15
 
193
- break;
194
16
 
195
- case 'PageDown':
196
- if (onDecrementPage) {
197
- e.preventDefault();
198
- onDecrementPage();
199
- break;
200
- }
17
+ var $f8a37097d8d68f79$exports = {};
18
+ var $b9abb8265853419b$exports = {};
19
+ $b9abb8265853419b$exports = JSON.parse("{\"Empty\":\"فارغ\"}");
201
20
 
202
- // fallthrough
203
21
 
204
- case 'ArrowDown':
205
- case 'Down':
206
- if (onDecrement) {
207
- e.preventDefault();
208
- onDecrement();
209
- }
22
+ var $31dfbb0b5b7ae8bf$exports = {};
23
+ $31dfbb0b5b7ae8bf$exports = JSON.parse("{\"Empty\":\"Изпразни\"}");
210
24
 
211
- break;
212
25
 
213
- case 'Home':
214
- if (onDecrementToMin) {
215
- e.preventDefault();
216
- onDecrementToMin();
217
- }
26
+ var $b976be8b70470f01$exports = {};
27
+ $b976be8b70470f01$exports = JSON.parse("{\"Empty\":\"Prázdné\"}");
218
28
 
219
- break;
220
29
 
221
- case 'End':
222
- if (onIncrementToMax) {
223
- e.preventDefault();
224
- onIncrementToMax();
225
- }
30
+ var $7cc054ff1ae093f7$exports = {};
31
+ $7cc054ff1ae093f7$exports = JSON.parse("{\"Empty\":\"Tom\"}");
32
+
33
+
34
+ var $b19d93464bb15c26$exports = {};
35
+ $b19d93464bb15c26$exports = JSON.parse("{\"Empty\":\"Leer\"}");
36
+
37
+
38
+ var $a6231a95a4eb78fe$exports = {};
39
+ $a6231a95a4eb78fe$exports = JSON.parse("{\"Empty\":\"Άδειο\"}");
40
+
41
+
42
+ var $9792e25a422a168e$exports = {};
43
+ $9792e25a422a168e$exports = JSON.parse("{\"Empty\":\"Empty\"}");
44
+
45
+
46
+ var $0177474bdd7f6d49$exports = {};
47
+ $0177474bdd7f6d49$exports = JSON.parse("{\"Empty\":\"Vacío\"}");
48
+
49
+
50
+ var $572a1769f9cdcd0d$exports = {};
51
+ $572a1769f9cdcd0d$exports = JSON.parse("{\"Empty\":\"Tühjenda\"}");
52
+
53
+
54
+ var $8419514ca65a8b49$exports = {};
55
+ $8419514ca65a8b49$exports = JSON.parse("{\"Empty\":\"Tyhjä\"}");
56
+
57
+
58
+ var $037192aa3046ec7b$exports = {};
59
+ $037192aa3046ec7b$exports = JSON.parse("{\"Empty\":\"Vide\"}");
60
+
61
+
62
+ var $750443c5cee39d26$exports = {};
63
+ $750443c5cee39d26$exports = JSON.parse("{\"Empty\":\"ריק\"}");
64
+
65
+
66
+ var $d4ed24cc9a5b6aed$exports = {};
67
+ $d4ed24cc9a5b6aed$exports = JSON.parse("{\"Empty\":\"Prazno\"}");
68
+
69
+
70
+ var $51204099e5446423$exports = {};
71
+ $51204099e5446423$exports = JSON.parse("{\"Empty\":\"Üres\"}");
72
+
73
+
74
+ var $0121c1575f7253ac$exports = {};
75
+ $0121c1575f7253ac$exports = JSON.parse("{\"Empty\":\"Vuoto\"}");
76
+
77
+
78
+ var $4ee6faf2eccd69c5$exports = {};
79
+ $4ee6faf2eccd69c5$exports = JSON.parse("{\"Empty\":\"空\"}");
80
+
81
+
82
+ var $17387412b329cb7e$exports = {};
83
+ $17387412b329cb7e$exports = JSON.parse("{\"Empty\":\"비어 있음\"}");
84
+
85
+
86
+ var $f8af404eadffb5e4$exports = {};
87
+ $f8af404eadffb5e4$exports = JSON.parse("{\"Empty\":\"Tuščias\"}");
88
+
89
+
90
+ var $bd0c8cab2ec61a19$exports = {};
91
+ $bd0c8cab2ec61a19$exports = JSON.parse("{\"Empty\":\"Tukšs\"}");
92
+
93
+
94
+ var $b8a9798a7954709c$exports = {};
95
+ $b8a9798a7954709c$exports = JSON.parse("{\"Empty\":\"Tom\"}");
226
96
 
227
- break;
228
- }
229
- };
230
-
231
- let isFocused = useRef(false);
232
-
233
- let onFocus = () => {
234
- isFocused.current = true;
235
- };
236
-
237
- let onBlur = () => {
238
- isFocused.current = false;
239
- }; // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
240
- // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
241
- // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
242
- // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
243
-
244
-
245
- textValue = textValue === '' ? formatMessage('Empty') : (textValue || "" + value).replace('-', '\u2212');
246
- useEffect(() => {
247
- if (isFocused.current) {
248
- announce(textValue, 'assertive');
249
- }
250
- }, [textValue]);
251
- const onIncrementPressStart = useCallback(initialStepDelay => {
252
- clearAsync();
253
- onIncrement(); // Start spinning after initial delay
254
-
255
- _async.current = window.setTimeout(() => {
256
- if (isNaN(maxValue) || isNaN(value) || value < maxValue) {
257
- onIncrementPressStart(60);
258
- }
259
- }, initialStepDelay);
260
- }, [onIncrement, maxValue, value]);
261
- const onDecrementPressStart = useCallback(initialStepDelay => {
262
- clearAsync();
263
- onDecrement(); // Start spinning after initial delay
264
-
265
- _async.current = window.setTimeout(() => {
266
- if (isNaN(minValue) || isNaN(value) || value > minValue) {
267
- onDecrementPressStart(60);
268
- }
269
- }, initialStepDelay);
270
- }, [onDecrement, minValue, value]);
271
- return {
272
- spinButtonProps: {
273
- role: 'spinbutton',
274
- 'aria-valuenow': !isNaN(value) ? value : null,
275
- 'aria-valuetext': textValue,
276
- 'aria-valuemin': minValue,
277
- 'aria-valuemax': maxValue,
278
- 'aria-disabled': isDisabled || null,
279
- 'aria-readonly': isReadOnly || null,
280
- 'aria-required': isRequired || null,
281
- onKeyDown,
282
- onFocus,
283
- onBlur
284
- },
285
- incrementButtonProps: {
286
- onPressStart: () => onIncrementPressStart(400),
287
- onPressEnd: clearAsync,
288
- onFocus,
289
- onBlur
290
- },
291
- decrementButtonProps: {
292
- onPressStart: () => onDecrementPressStart(400),
293
- onPressEnd: clearAsync,
294
- onFocus,
295
- onBlur
296
- }
297
- };
97
+
98
+ var $354baa9eb4132bf9$exports = {};
99
+ $354baa9eb4132bf9$exports = JSON.parse("{\"Empty\":\"Leeg\"}");
100
+
101
+
102
+ var $da57a7eaf670819e$exports = {};
103
+ $da57a7eaf670819e$exports = JSON.parse("{\"Empty\":\"Pusty\"}");
104
+
105
+
106
+ var $889d15c0005914e2$exports = {};
107
+ $889d15c0005914e2$exports = JSON.parse("{\"Empty\":\"Vazio\"}");
108
+
109
+
110
+ var $4efa05c51b9d7f94$exports = {};
111
+ $4efa05c51b9d7f94$exports = JSON.parse("{\"Empty\":\"Vazio\"}");
112
+
113
+
114
+ var $dc24857fbcce6237$exports = {};
115
+ $dc24857fbcce6237$exports = JSON.parse("{\"Empty\":\"Gol\"}");
116
+
117
+
118
+ var $302bbfa38ac02767$exports = {};
119
+ $302bbfa38ac02767$exports = JSON.parse("{\"Empty\":\"Не заполнено\"}");
120
+
121
+
122
+ var $05818fc7cee6d07f$exports = {};
123
+ $05818fc7cee6d07f$exports = JSON.parse("{\"Empty\":\"Prázdne\"}");
124
+
125
+
126
+ var $98034c39a5262d40$exports = {};
127
+ $98034c39a5262d40$exports = JSON.parse("{\"Empty\":\"Prazen\"}");
128
+
129
+
130
+ var $c148612bc41be8d1$exports = {};
131
+ $c148612bc41be8d1$exports = JSON.parse("{\"Empty\":\"Prazno\"}");
132
+
133
+
134
+ var $2d1d3bc12098c86f$exports = {};
135
+ $2d1d3bc12098c86f$exports = JSON.parse("{\"Empty\":\"Tomt\"}");
136
+
137
+
138
+ var $24899409ac648741$exports = {};
139
+ $24899409ac648741$exports = JSON.parse("{\"Empty\":\"Boş\"}");
140
+
141
+
142
+ var $30dd2e5fc7ce0ceb$exports = {};
143
+ $30dd2e5fc7ce0ceb$exports = JSON.parse("{\"Empty\":\"Пусто\"}");
144
+
145
+
146
+ var $8a1d54abc5f9bb45$exports = {};
147
+ $8a1d54abc5f9bb45$exports = JSON.parse("{\"Empty\":\"空\"}");
148
+
149
+
150
+ var $1245a851883dbd48$exports = {};
151
+ $1245a851883dbd48$exports = JSON.parse("{\"Empty\":\"空白\"}");
152
+
153
+
154
+ $f8a37097d8d68f79$exports = {
155
+ "ar-AE": $b9abb8265853419b$exports,
156
+ "bg-BG": $31dfbb0b5b7ae8bf$exports,
157
+ "cs-CZ": $b976be8b70470f01$exports,
158
+ "da-DK": $7cc054ff1ae093f7$exports,
159
+ "de-DE": $b19d93464bb15c26$exports,
160
+ "el-GR": $a6231a95a4eb78fe$exports,
161
+ "en-US": $9792e25a422a168e$exports,
162
+ "es-ES": $0177474bdd7f6d49$exports,
163
+ "et-EE": $572a1769f9cdcd0d$exports,
164
+ "fi-FI": $8419514ca65a8b49$exports,
165
+ "fr-FR": $037192aa3046ec7b$exports,
166
+ "he-IL": $750443c5cee39d26$exports,
167
+ "hr-HR": $d4ed24cc9a5b6aed$exports,
168
+ "hu-HU": $51204099e5446423$exports,
169
+ "it-IT": $0121c1575f7253ac$exports,
170
+ "ja-JP": $4ee6faf2eccd69c5$exports,
171
+ "ko-KR": $17387412b329cb7e$exports,
172
+ "lt-LT": $f8af404eadffb5e4$exports,
173
+ "lv-LV": $bd0c8cab2ec61a19$exports,
174
+ "nb-NO": $b8a9798a7954709c$exports,
175
+ "nl-NL": $354baa9eb4132bf9$exports,
176
+ "pl-PL": $da57a7eaf670819e$exports,
177
+ "pt-BR": $889d15c0005914e2$exports,
178
+ "pt-PT": $4efa05c51b9d7f94$exports,
179
+ "ro-RO": $dc24857fbcce6237$exports,
180
+ "ru-RU": $302bbfa38ac02767$exports,
181
+ "sk-SK": $05818fc7cee6d07f$exports,
182
+ "sl-SI": $98034c39a5262d40$exports,
183
+ "sr-SP": $c148612bc41be8d1$exports,
184
+ "sv-SE": $2d1d3bc12098c86f$exports,
185
+ "tr-TR": $24899409ac648741$exports,
186
+ "uk-UA": $30dd2e5fc7ce0ceb$exports,
187
+ "zh-CN": $8a1d54abc5f9bb45$exports,
188
+ "zh-TW": $1245a851883dbd48$exports
189
+ };
190
+
191
+
192
+
193
+
194
+ function $b6f59b4cfb60b8f4$export$e908e06f4b8e3402(props) {
195
+ const _async = $6HbOW$useRef();
196
+ 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;
197
+ const formatMessage = $6HbOW$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($f8a37097d8d68f79$exports)));
198
+ const propsRef = $6HbOW$useRef(props);
199
+ propsRef.current = props;
200
+ const clearAsync = ()=>clearTimeout(_async.current)
201
+ ;
202
+ // eslint-disable-next-line arrow-body-style
203
+ $6HbOW$useEffect(()=>{
204
+ return ()=>clearAsync()
205
+ ;
206
+ }, []);
207
+ let onKeyDown = (e)=>{
208
+ if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly) return;
209
+ switch(e.key){
210
+ case 'PageUp':
211
+ if (onIncrementPage) {
212
+ e.preventDefault();
213
+ onIncrementPage();
214
+ break;
215
+ }
216
+ // fallthrough!
217
+ case 'ArrowUp':
218
+ case 'Up':
219
+ if (onIncrement) {
220
+ e.preventDefault();
221
+ onIncrement();
222
+ }
223
+ break;
224
+ case 'PageDown':
225
+ if (onDecrementPage) {
226
+ e.preventDefault();
227
+ onDecrementPage();
228
+ break;
229
+ }
230
+ // fallthrough
231
+ case 'ArrowDown':
232
+ case 'Down':
233
+ if (onDecrement) {
234
+ e.preventDefault();
235
+ onDecrement();
236
+ }
237
+ break;
238
+ case 'Home':
239
+ if (onDecrementToMin) {
240
+ e.preventDefault();
241
+ onDecrementToMin();
242
+ }
243
+ break;
244
+ case 'End':
245
+ if (onIncrementToMax) {
246
+ e.preventDefault();
247
+ onIncrementToMax();
248
+ }
249
+ break;
250
+ }
251
+ };
252
+ let isFocused = $6HbOW$useRef(false);
253
+ let onFocus = ()=>{
254
+ isFocused.current = true;
255
+ };
256
+ let onBlur = ()=>{
257
+ isFocused.current = false;
258
+ };
259
+ // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212).
260
+ // This ensures that macOS VoiceOver announces it as "minus" even with other characters between the minus sign
261
+ // and the number (e.g. currency symbol). Otherwise it announces nothing because it assumes the character is a hyphen.
262
+ // In addition, replace the empty string with the word "Empty" so that iOS VoiceOver does not read "50%" for an empty field.
263
+ textValue = textValue === '' ? formatMessage('Empty') : (textValue || `${value}`).replace('-', '\u2212');
264
+ $6HbOW$useEffect(()=>{
265
+ if (isFocused.current) $6HbOW$announce(textValue, 'assertive');
266
+ }, [
267
+ textValue
268
+ ]);
269
+ const onIncrementPressStart = $6HbOW$useCallback((initialStepDelay)=>{
270
+ clearAsync();
271
+ propsRef.current.onIncrement();
272
+ // Start spinning after initial delay
273
+ _async.current = window.setTimeout(()=>{
274
+ if (isNaN(maxValue) || isNaN(value) || value < maxValue) onIncrementPressStart(60);
275
+ }, initialStepDelay);
276
+ }, [
277
+ onIncrement,
278
+ maxValue,
279
+ value
280
+ ]);
281
+ const onDecrementPressStart = $6HbOW$useCallback((initialStepDelay)=>{
282
+ clearAsync();
283
+ propsRef.current.onDecrement();
284
+ // Start spinning after initial delay
285
+ _async.current = window.setTimeout(()=>{
286
+ if (isNaN(minValue) || isNaN(value) || value > minValue) onDecrementPressStart(60);
287
+ }, initialStepDelay);
288
+ }, [
289
+ onDecrement,
290
+ minValue,
291
+ value
292
+ ]);
293
+ let cancelContextMenu = (e)=>{
294
+ e.preventDefault();
295
+ };
296
+ let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = $6HbOW$useGlobalListeners();
297
+ return {
298
+ spinButtonProps: {
299
+ role: 'spinbutton',
300
+ 'aria-valuenow': !isNaN(value) ? value : null,
301
+ 'aria-valuetext': textValue,
302
+ 'aria-valuemin': minValue,
303
+ 'aria-valuemax': maxValue,
304
+ 'aria-disabled': isDisabled || null,
305
+ 'aria-readonly': isReadOnly || null,
306
+ 'aria-required': isRequired || null,
307
+ onKeyDown: onKeyDown,
308
+ onFocus: onFocus,
309
+ onBlur: onBlur
310
+ },
311
+ incrementButtonProps: {
312
+ onPressStart: ()=>{
313
+ onIncrementPressStart(400);
314
+ addGlobalListener(window, 'contextmenu', cancelContextMenu);
315
+ },
316
+ onPressEnd: ()=>{
317
+ clearAsync();
318
+ removeAllGlobalListeners();
319
+ },
320
+ onFocus: onFocus,
321
+ onBlur: onBlur
322
+ },
323
+ decrementButtonProps: {
324
+ onPressStart: ()=>{
325
+ onDecrementPressStart(400);
326
+ addGlobalListener(window, 'contextmenu', cancelContextMenu);
327
+ },
328
+ onPressEnd: ()=>{
329
+ clearAsync();
330
+ removeAllGlobalListeners();
331
+ },
332
+ onFocus: onFocus,
333
+ onBlur: onBlur
334
+ }
335
+ };
298
336
  }
337
+
338
+
339
+
340
+
341
+ export {$b6f59b4cfb60b8f4$export$e908e06f4b8e3402 as useSpinButton};
299
342
  //# sourceMappingURL=module.js.map