@react-spectrum/actionbar 3.0.0-alpha.1 → 3.0.0-alpha.12

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,151 +1,676 @@
1
- import { useProviderProps } from "@react-spectrum/provider";
2
- import { useMessageFormatter } from "@react-aria/i18n";
3
- import { useKeyboard } from "@react-aria/interactions";
4
- import { Text } from "@react-spectrum/text";
5
- import _react, { useEffect, useRef } from "react";
6
- import { OpenTransition } from "@react-spectrum/overlays";
7
- import { FocusScope } from "@react-aria/focus";
8
- import { filterDOMProps } from "@react-aria/utils";
9
- import _spectrumIconsUiCrossLarge from "@spectrum-icons/ui/CrossLarge";
10
- import { classNames, useDOMRef, useStyleProps } from "@react-spectrum/utils";
11
- import { announce } from "@react-aria/live-announcer";
12
- import { ActionGroup } from "@react-spectrum/actiongroup";
13
- import { ActionButton } from "@react-spectrum/button";
14
- import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
15
- import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
16
- import { Item } from "@react-stately/collections";
17
- export { Item };
18
1
  import "./main.css";
2
+ import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collections";
3
+ import {ActionButton as $N9qJl$ActionButton} from "@react-spectrum/button";
4
+ import {ActionGroup as $N9qJl$ActionGroup} from "@react-spectrum/actiongroup";
5
+ import {announce as $N9qJl$announce} from "@react-aria/live-announcer";
6
+ import {useStyleProps as $N9qJl$useStyleProps, useDOMRef as $N9qJl$useDOMRef, classNames as $N9qJl$classNames} from "@react-spectrum/utils";
7
+ import $N9qJl$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
8
+ import {filterDOMProps as $N9qJl$filterDOMProps} from "@react-aria/utils";
9
+ import {FocusScope as $N9qJl$FocusScope} from "@react-aria/focus";
10
+ import {OpenTransition as $N9qJl$OpenTransition} from "@react-spectrum/overlays";
11
+ import $N9qJl$react, {useRef as $N9qJl$useRef, useEffect as $N9qJl$useEffect} from "react";
12
+ import {Text as $N9qJl$Text} from "@react-spectrum/text";
13
+ import {useKeyboard as $N9qJl$useKeyboard} from "@react-aria/interactions";
14
+ import {useLocalizedStringFormatter as $N9qJl$useLocalizedStringFormatter} from "@react-aria/i18n";
15
+ import {useProviderProps as $N9qJl$useProviderProps} from "@react-spectrum/provider";
19
16
 
20
17
  function $parcel$interopDefault(a) {
21
18
  return a && a.__esModule ? a.default : a;
22
19
  }
23
-
24
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/actionbar/src/actionbar.css
25
- var $a79ea76be3f6fc68f2611c8b7be1$exports = {};
26
- $a79ea76be3f6fc68f2611c8b7be1$exports = {
27
- "ActionBarContainer": "_ActionBarContainer_bbbb9",
28
- "react-spectrum-ActionBar": "_react-spectrum-ActionBar_bbbb9",
29
- "is-open": "_is-open_bbbb9",
30
- "react-spectrum-ActionBar-bar": "_react-spectrum-ActionBar-bar_bbbb9",
31
- "react-spectrum-ActionBar--emphasized": "_react-spectrum-ActionBar--emphasized_bbbb9",
32
- "react-spectrum-ActionBar-selectedCount": "_react-spectrum-ActionBar-selectedCount_bbbb9",
33
- "react-spectrum-ActionBar-actionGroup": "_react-spectrum-ActionBar-actionGroup_bbbb9"
34
- };
35
- // ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-spectrum/actionbar/intl/en-US.json
36
- var $f4ee760f2fd699caa24fc46107$exports = {};
37
- $f4ee760f2fd699caa24fc46107$exports = JSON.parse("{\"clearSelection\":\"Clear selection\",\"selected\":\"{count, plural, =0 {None selected} other {# selected}}\",\"selectedAll\":\"All selected\",\"actions\":\"Actions\",\"actionsAvailable\":\"Actions available.\"}");
38
- // @ts-ignore
39
- const $fa2444f306371ac45113668720e$var$intlMessages = {
40
- "en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f4ee760f2fd699caa24fc46107$exports).default
41
- };
42
-
43
- function $fa2444f306371ac45113668720e$var$ActionBar(props, ref) {
44
- let isOpen = props.selectedItemCount !== 0;
45
- return /*#__PURE__*/_react.createElement(OpenTransition, {
46
- in: isOpen,
47
- mountOnEnter: true,
48
- unmountOnExit: true
49
- }, /*#__PURE__*/_react.createElement($fa2444f306371ac45113668720e$var$ActionBarInner, _babelRuntimeHelpersEsmExtends({}, props, {
50
- ref: ref
51
- })));
20
+ function $parcel$export(e, n, v, s) {
21
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
52
22
  }
53
23
 
54
- var $a79ea76be3f6fc68f2611c8b7be1$$interop$default = $parcel$interopDefault($a79ea76be3f6fc68f2611c8b7be1$exports);
55
-
56
- const $fa2444f306371ac45113668720e$var$ActionBarInner = /*#__PURE__*/_react.forwardRef((props, ref) => {
57
- props = useProviderProps(props);
58
- let {
59
- children,
60
- isEmphasized,
61
- onAction,
62
- onClearSelection,
63
- selectedItemCount,
64
- isOpen
65
- } = props;
66
- let {
67
- styleProps
68
- } = useStyleProps(props);
69
- let domRef = useDOMRef(ref);
70
- let formatMessage = useMessageFormatter($fa2444f306371ac45113668720e$var$intlMessages); // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
71
-
72
- let lastCount = useRef(selectedItemCount);
73
-
74
- if (selectedItemCount === 'all' || selectedItemCount > 0) {
75
- lastCount.current = selectedItemCount;
76
- }
77
-
78
- let {
79
- keyboardProps
80
- } = useKeyboard({
81
- onKeyDown(e) {
82
- if (e.key === 'Escape') {
83
- e.preventDefault();
84
- onClearSelection();
85
- }
86
- }
87
-
88
- }); // Announce "actions available" on mount.
89
-
90
- useEffect(() => {
91
- announce(formatMessage('actionsAvailable'));
92
- }, [formatMessage]);
93
- return /*#__PURE__*/_react.createElement(FocusScope, {
94
- restoreFocus: true
95
- }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, filterDOMProps(props), styleProps, keyboardProps, {
96
- ref: domRef,
97
- className: classNames($a79ea76be3f6fc68f2611c8b7be1$$interop$default, 'react-spectrum-ActionBar', {
98
- 'react-spectrum-ActionBar--emphasized': isEmphasized,
99
- 'is-open': isOpen
100
- }, styleProps.className)
101
- }), /*#__PURE__*/_react.createElement("div", {
102
- className: classNames($a79ea76be3f6fc68f2611c8b7be1$$interop$default, 'react-spectrum-ActionBar-bar')
103
- }, /*#__PURE__*/_react.createElement(ActionGroup, {
104
- "aria-label": formatMessage('actions'),
105
- isQuiet: true,
106
- staticColor: isEmphasized ? 'white' : null,
107
- overflowMode: "collapse",
108
- buttonLabelBehavior: "collapse",
109
- onAction: onAction,
110
- UNSAFE_className: classNames($a79ea76be3f6fc68f2611c8b7be1$$interop$default, 'react-spectrum-ActionBar-actionGroup')
111
- }, children), /*#__PURE__*/_react.createElement(ActionButton, {
112
- gridArea: "clear",
113
- "aria-label": formatMessage('clearSelection'),
114
- onPress: () => onClearSelection(),
115
- isQuiet: true,
116
- staticColor: isEmphasized ? 'white' : null
117
- }, /*#__PURE__*/_react.createElement(_spectrumIconsUiCrossLarge, null)), /*#__PURE__*/_react.createElement(Text, {
118
- UNSAFE_className: classNames($a79ea76be3f6fc68f2611c8b7be1$$interop$default, 'react-spectrum-ActionBar-selectedCount')
119
- }, lastCount.current === 'all' ? formatMessage('selectedAll') : formatMessage('selected', {
120
- count: lastCount.current
121
- })))));
24
+
25
+
26
+
27
+
28
+
29
+
30
+ var $992d76e8dd5fee7b$exports = {};
31
+ var $42f1aaf0cd835ede$exports = {};
32
+ $42f1aaf0cd835ede$exports = {
33
+ "actions": `الإجراءات`,
34
+ "actionsAvailable": `الإجراءات المتاحة.`,
35
+ "clearSelection": `إزالة التحديد`,
36
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
37
+ "=0": `غير محدد`,
38
+ other: ()=>`${formatter.number(args.count)} محدد`
39
+ })}`
40
+ ,
41
+ "selectedAll": `تم تحديد الكل`
42
+ };
43
+
44
+
45
+ var $22c931b8c5fa9db9$exports = {};
46
+ $22c931b8c5fa9db9$exports = {
47
+ "actions": `Действия`,
48
+ "actionsAvailable": `Налични действия.`,
49
+ "clearSelection": `Изчистване на избора`,
50
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
51
+ "=0": `Няма избрани`,
52
+ other: ()=>`${formatter.number(args.count)} избрани`
53
+ })}`
54
+ ,
55
+ "selectedAll": `Всички избрани`
56
+ };
57
+
58
+
59
+ var $07dc24deaaf64ab0$exports = {};
60
+ $07dc24deaaf64ab0$exports = {
61
+ "actions": `Akce`,
62
+ "actionsAvailable": `Dostupné akce.`,
63
+ "clearSelection": `Vymazat výběr`,
64
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
65
+ "=0": `Nic není vybráno`,
66
+ other: ()=>`Vybráno ${formatter.number(args.count)}`
67
+ })}`
68
+ ,
69
+ "selectedAll": `Vybráno vše`
70
+ };
71
+
72
+
73
+ var $44fd3a75baaf9937$exports = {};
74
+ $44fd3a75baaf9937$exports = {
75
+ "actions": `Handlinger`,
76
+ "actionsAvailable": `Tilgængelige handlinger.`,
77
+ "clearSelection": `Ryd markering`,
78
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
79
+ "=0": `Ingen valgt`,
80
+ other: ()=>`${formatter.number(args.count)} valgt`
81
+ })}`
82
+ ,
83
+ "selectedAll": `Alle valgt`
84
+ };
85
+
86
+
87
+ var $3281990be7bd78f6$exports = {};
88
+ $3281990be7bd78f6$exports = {
89
+ "actions": `Aktionen`,
90
+ "actionsAvailable": `Aktionen verfügbar.`,
91
+ "clearSelection": `Auswahl löschen`,
92
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
93
+ "=0": `Nichts ausgewählt`,
94
+ other: ()=>`${formatter.number(args.count)} ausgewählt`
95
+ })}`
96
+ ,
97
+ "selectedAll": `Alles ausgewählt`
98
+ };
99
+
100
+
101
+ var $242cbd951f3bcfeb$exports = {};
102
+ $242cbd951f3bcfeb$exports = {
103
+ "actions": `Ενέργειες`,
104
+ "actionsAvailable": `Υπάρχουν διαθέσιμες ενέργειες.`,
105
+ "clearSelection": `Εκκαθάριση επιλογής`,
106
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
107
+ "=0": `Δεν επιλέχθηκε κανένα`,
108
+ other: ()=>`Επιλέχθηκαν ${formatter.number(args.count)}`
109
+ })}`
110
+ ,
111
+ "selectedAll": `Επιλέχθηκαν όλα`
112
+ };
113
+
114
+
115
+ var $117deeeb64547dc7$exports = {};
116
+ $117deeeb64547dc7$exports = {
117
+ "clearSelection": `Clear selection`,
118
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
119
+ "=0": `None selected`,
120
+ other: ()=>`${formatter.number(args.count)} selected`
121
+ })}`
122
+ ,
123
+ "selectedAll": `All selected`,
124
+ "actions": `Actions`,
125
+ "actionsAvailable": `Actions available.`
126
+ };
127
+
128
+
129
+ var $5b8605d86a9af2ee$exports = {};
130
+ $5b8605d86a9af2ee$exports = {
131
+ "actions": `Acciones`,
132
+ "actionsAvailable": `Acciones disponibles.`,
133
+ "clearSelection": `Borrar selección`,
134
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
135
+ "=0": `Nada seleccionado`,
136
+ other: ()=>`${formatter.number(args.count)} seleccionado`
137
+ })}`
138
+ ,
139
+ "selectedAll": `Todo seleccionado`
140
+ };
141
+
142
+
143
+ var $5530e5c9f2623025$exports = {};
144
+ $5530e5c9f2623025$exports = {
145
+ "actions": `Toimingud`,
146
+ "actionsAvailable": `Toimingud saadaval.`,
147
+ "clearSelection": `Puhasta valik`,
148
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
149
+ "=0": `Pole valitud`,
150
+ other: ()=>`${formatter.number(args.count)} valitud`
151
+ })}`
152
+ ,
153
+ "selectedAll": `Kõik valitud`
154
+ };
155
+
156
+
157
+ var $7a405d1dfc563131$exports = {};
158
+ $7a405d1dfc563131$exports = {
159
+ "actions": `Toiminnot`,
160
+ "actionsAvailable": `Toiminnot käytettävissä.`,
161
+ "clearSelection": `Poista valinta`,
162
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
163
+ "=0": `Ei mitään valittu`,
164
+ other: ()=>`${formatter.number(args.count)} valittu`
165
+ })}`
166
+ ,
167
+ "selectedAll": `Kaikki valittu`
168
+ };
169
+
170
+
171
+ var $e0c3da022513542b$exports = {};
172
+ $e0c3da022513542b$exports = {
173
+ "actions": `Actions`,
174
+ "actionsAvailable": `Actions disponibles.`,
175
+ "clearSelection": `Supprimer la sélection`,
176
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
177
+ "=0": `Aucun élément sélectionné`,
178
+ other: ()=>`${formatter.number(args.count)} sélectionnés`
179
+ })}`
180
+ ,
181
+ "selectedAll": `Toute la sélection`
182
+ };
183
+
184
+
185
+ var $796ff5aed019aee1$exports = {};
186
+ $796ff5aed019aee1$exports = {
187
+ "actions": `פעולות`,
188
+ "actionsAvailable": `פעולות זמינות.`,
189
+ "clearSelection": `נקה בחירה`,
190
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
191
+ "=0": `לא בוצעה בחירה`,
192
+ other: ()=>`${formatter.number(args.count)} נבחרו`
193
+ })}`
194
+ ,
195
+ "selectedAll": `כל הפריטים שנבחרו`
196
+ };
197
+
198
+
199
+ var $e1066348ea80fd36$exports = {};
200
+ $e1066348ea80fd36$exports = {
201
+ "actions": `Radnje`,
202
+ "actionsAvailable": `Dostupne radnje.`,
203
+ "clearSelection": `Poništi odabir`,
204
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
205
+ "=0": `Nijedna nije odabrana`,
206
+ other: ()=>`${formatter.number(args.count)} je odabrano`
207
+ })}`
208
+ ,
209
+ "selectedAll": `Sve je odabrano`
210
+ };
211
+
212
+
213
+ var $939ac78e6c54d005$exports = {};
214
+ $939ac78e6c54d005$exports = {
215
+ "actions": `Műveletek`,
216
+ "actionsAvailable": `Műveletek állnak rendelkezésre.`,
217
+ "clearSelection": `Kijelölés törlése`,
218
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
219
+ "=0": `Egy sincs kijelölve`,
220
+ other: ()=>`${formatter.number(args.count)} kijelölve`
221
+ })}`
222
+ ,
223
+ "selectedAll": `Mind kijelölve`
224
+ };
225
+
226
+
227
+ var $087af352bd8a67a5$exports = {};
228
+ $087af352bd8a67a5$exports = {
229
+ "actions": `Azioni`,
230
+ "actionsAvailable": `Azioni disponibili.`,
231
+ "clearSelection": `Annulla selezione`,
232
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
233
+ "=0": `Nessuno selezionato`,
234
+ other: ()=>`${formatter.number(args.count)} selezionato/i`
235
+ })}`
236
+ ,
237
+ "selectedAll": `Tutti selezionati`
238
+ };
239
+
240
+
241
+ var $ef25b75f84bf9640$exports = {};
242
+ $ef25b75f84bf9640$exports = {
243
+ "actions": `アクション`,
244
+ "actionsAvailable": `アクションを利用できます。`,
245
+ "clearSelection": `選択をクリア`,
246
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
247
+ "=0": `選択されていません`,
248
+ other: ()=>`${formatter.number(args.count)} 個を選択しました`
249
+ })}`
250
+ ,
251
+ "selectedAll": `すべてを選択`
252
+ };
253
+
254
+
255
+ var $a9fcaa28ab16ac58$exports = {};
256
+ $a9fcaa28ab16ac58$exports = {
257
+ "actions": `액션`,
258
+ "actionsAvailable": `사용 가능한 액션`,
259
+ "clearSelection": `선택 항목 지우기`,
260
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
261
+ "=0": `선택된 항목 없음`,
262
+ other: ()=>`${formatter.number(args.count)}개 선택됨`
263
+ })}`
264
+ ,
265
+ "selectedAll": `모두 선택됨`
266
+ };
267
+
268
+
269
+ var $7103396bd37d192c$exports = {};
270
+ $7103396bd37d192c$exports = {
271
+ "actions": `Veiksmai`,
272
+ "actionsAvailable": `Galimi veiksmai.`,
273
+ "clearSelection": `Išvalyti pasirinkimą`,
274
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
275
+ "=0": `Nieko nepasirinkta`,
276
+ other: ()=>`Pasirinkta ${formatter.number(args.count)}`
277
+ })}`
278
+ ,
279
+ "selectedAll": `Pasirinkta viskas`
280
+ };
281
+
282
+
283
+ var $da39587a937fb6fd$exports = {};
284
+ $da39587a937fb6fd$exports = {
285
+ "actions": `Darbības`,
286
+ "actionsAvailable": `Pieejamas darbības.`,
287
+ "clearSelection": `Notīrīt atlasi`,
288
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
289
+ "=0": `Nav atlasīts nekas`,
290
+ other: ()=>`Atlasīts: ${formatter.number(args.count)}`
291
+ })}`
292
+ ,
293
+ "selectedAll": `Atlasīts viss`
294
+ };
295
+
296
+
297
+ var $fef3c3414d151198$exports = {};
298
+ $fef3c3414d151198$exports = {
299
+ "actions": `Handlinger`,
300
+ "actionsAvailable": `Tilgjengelige handlinger.`,
301
+ "clearSelection": `Tøm utvalg`,
302
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
303
+ "=0": `Ingen er valgt`,
304
+ other: ()=>`${formatter.number(args.count)} er valgt`
305
+ })}`
306
+ ,
307
+ "selectedAll": `Alle er valgt`
308
+ };
309
+
310
+
311
+ var $3cfd427955fee95c$exports = {};
312
+ $3cfd427955fee95c$exports = {
313
+ "actions": `Acties`,
314
+ "actionsAvailable": `Acties beschikbaar.`,
315
+ "clearSelection": `Selectie wissen`,
316
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
317
+ "=0": `Niets geselecteerd`,
318
+ other: ()=>`${formatter.number(args.count)} geselecteerd`
319
+ })}`
320
+ ,
321
+ "selectedAll": `Alles geselecteerd`
322
+ };
323
+
324
+
325
+ var $ecd102793531599a$exports = {};
326
+ $ecd102793531599a$exports = {
327
+ "actions": `Działania`,
328
+ "actionsAvailable": `Dostępne działania.`,
329
+ "clearSelection": `Wyczyść zaznaczenie`,
330
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
331
+ "=0": `Nie zaznaczono żadnego elementu`,
332
+ other: ()=>`${formatter.number(args.count)} zaznaczonych`
333
+ })}`
334
+ ,
335
+ "selectedAll": `Wszystkie zaznaczone`
336
+ };
337
+
338
+
339
+ var $70b0a95af4186e29$exports = {};
340
+ $70b0a95af4186e29$exports = {
341
+ "actions": `Ações`,
342
+ "actionsAvailable": `Ações disponíveis.`,
343
+ "clearSelection": `Limpar seleção`,
344
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
345
+ "=0": `Nada selecionado`,
346
+ other: ()=>`${formatter.number(args.count)} selecionado`
347
+ })}`
348
+ ,
349
+ "selectedAll": `Todos selecionados`
350
+ };
351
+
352
+
353
+ var $4b15e180aed5c52d$exports = {};
354
+ $4b15e180aed5c52d$exports = {
355
+ "actions": `Ações`,
356
+ "actionsAvailable": `Ações disponíveis.`,
357
+ "clearSelection": `Limpar seleção`,
358
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
359
+ "=0": `Nenhum selecionado`,
360
+ other: ()=>`${formatter.number(args.count)} selecionado`
361
+ })}`
362
+ ,
363
+ "selectedAll": `Tudo selecionado`
364
+ };
365
+
366
+
367
+ var $d0ef0a1cef9c2d6c$exports = {};
368
+ $d0ef0a1cef9c2d6c$exports = {
369
+ "actions": `Acțiuni`,
370
+ "actionsAvailable": `Acțiuni disponibile.`,
371
+ "clearSelection": `Goliți selecția`,
372
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
373
+ "=0": `Niciunul selectat`,
374
+ other: ()=>`${formatter.number(args.count)} selectate`
375
+ })}`
376
+ ,
377
+ "selectedAll": `Toate selectate`
378
+ };
379
+
380
+
381
+ var $58fc1ff371f0c7fd$exports = {};
382
+ $58fc1ff371f0c7fd$exports = {
383
+ "actions": `Действия`,
384
+ "actionsAvailable": `Возможно выполнение действий.`,
385
+ "clearSelection": `Очистить выбор`,
386
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
387
+ "=0": `Ничего не выбоано`,
388
+ other: ()=>`${formatter.number(args.count)} выбрано`
389
+ })}`
390
+ ,
391
+ "selectedAll": `Выбрано все`
392
+ };
393
+
394
+
395
+ var $b5f65f4e7988d1dd$exports = {};
396
+ $b5f65f4e7988d1dd$exports = {
397
+ "actions": `Akcie`,
398
+ "actionsAvailable": `Dostupné akcie.`,
399
+ "clearSelection": `Vymazať výber`,
400
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
401
+ "=0": `Žiadne vybraté položky`,
402
+ other: ()=>`Počet vybratých položiek: ${formatter.number(args.count)}`
403
+ })}`
404
+ ,
405
+ "selectedAll": `Všetky vybraté položky`
406
+ };
407
+
408
+
409
+ var $5409ad409aeaf678$exports = {};
410
+ $5409ad409aeaf678$exports = {
411
+ "actions": `Dejanja`,
412
+ "actionsAvailable": `Na voljo so dejanja.`,
413
+ "clearSelection": `Počisti izbor`,
414
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
415
+ "=0": `Nič izbranih`,
416
+ other: ()=>`${formatter.number(args.count)} izbranih`
417
+ })}`
418
+ ,
419
+ "selectedAll": `Vsi izbrani`
420
+ };
421
+
422
+
423
+ var $43feb38b3d4bbf1f$exports = {};
424
+ $43feb38b3d4bbf1f$exports = {
425
+ "actions": `Radnje`,
426
+ "actionsAvailable": `Dostupne su radnje.`,
427
+ "clearSelection": `Poništi izbor`,
428
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
429
+ "=0": `Ništa nije izabrano`,
430
+ other: ()=>`${formatter.number(args.count)} je izabrano`
431
+ })}`
432
+ ,
433
+ "selectedAll": `Sve je izabrano`
434
+ };
435
+
436
+
437
+ var $cbe41ff823ebe108$exports = {};
438
+ $cbe41ff823ebe108$exports = {
439
+ "actions": `Åtgärder`,
440
+ "actionsAvailable": `Åtgärder finns.`,
441
+ "clearSelection": `Rensa markering`,
442
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
443
+ "=0": `Inga markerade`,
444
+ other: ()=>`${formatter.number(args.count)} markerade`
445
+ })}`
446
+ ,
447
+ "selectedAll": `Alla markerade`
448
+ };
449
+
450
+
451
+ var $57b680843fcbe09e$exports = {};
452
+ $57b680843fcbe09e$exports = {
453
+ "actions": `Eylemler`,
454
+ "actionsAvailable": `Eylemler mevcut.`,
455
+ "clearSelection": `Seçimi temizle`,
456
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
457
+ "=0": `Hiçbiri seçilmedi`,
458
+ other: ()=>`${formatter.number(args.count)} seçildi`
459
+ })}`
460
+ ,
461
+ "selectedAll": `Tümü seçildi`
462
+ };
463
+
464
+
465
+ var $1e4c96bc308e0da2$exports = {};
466
+ $1e4c96bc308e0da2$exports = {
467
+ "actions": `Дії`,
468
+ "actionsAvailable": `Доступні дії.`,
469
+ "clearSelection": `Очистити вибір`,
470
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
471
+ "=0": `Нічого не вибрано`,
472
+ other: ()=>`Вибрано: ${formatter.number(args.count)}`
473
+ })}`
474
+ ,
475
+ "selectedAll": `Усе вибрано`
476
+ };
477
+
478
+
479
+ var $18faa55a67dca8f3$exports = {};
480
+ $18faa55a67dca8f3$exports = {
481
+ "actions": `操作`,
482
+ "actionsAvailable": `有可用操作。`,
483
+ "clearSelection": `清除选择`,
484
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
485
+ "=0": `无选择`,
486
+ other: ()=>`已选择 ${formatter.number(args.count)} 个`
487
+ })}`
488
+ ,
489
+ "selectedAll": `全选`
490
+ };
491
+
492
+
493
+ var $804c64c525579787$exports = {};
494
+ $804c64c525579787$exports = {
495
+ "actions": `動作`,
496
+ "actionsAvailable": `可執行的動作。`,
497
+ "clearSelection": `清除選取項目`,
498
+ "selected": (args, formatter)=>`${formatter.plural(args.count, {
499
+ "=0": `未選取任何項目`,
500
+ other: ()=>`已選取 ${formatter.number(args.count)} 個`
501
+ })}`
502
+ ,
503
+ "selectedAll": `已選取所有項目`
504
+ };
505
+
506
+
507
+ $992d76e8dd5fee7b$exports = {
508
+ "ar-AE": $42f1aaf0cd835ede$exports,
509
+ "bg-BG": $22c931b8c5fa9db9$exports,
510
+ "cs-CZ": $07dc24deaaf64ab0$exports,
511
+ "da-DK": $44fd3a75baaf9937$exports,
512
+ "de-DE": $3281990be7bd78f6$exports,
513
+ "el-GR": $242cbd951f3bcfeb$exports,
514
+ "en-US": $117deeeb64547dc7$exports,
515
+ "es-ES": $5b8605d86a9af2ee$exports,
516
+ "et-EE": $5530e5c9f2623025$exports,
517
+ "fi-FI": $7a405d1dfc563131$exports,
518
+ "fr-FR": $e0c3da022513542b$exports,
519
+ "he-IL": $796ff5aed019aee1$exports,
520
+ "hr-HR": $e1066348ea80fd36$exports,
521
+ "hu-HU": $939ac78e6c54d005$exports,
522
+ "it-IT": $087af352bd8a67a5$exports,
523
+ "ja-JP": $ef25b75f84bf9640$exports,
524
+ "ko-KR": $a9fcaa28ab16ac58$exports,
525
+ "lt-LT": $7103396bd37d192c$exports,
526
+ "lv-LV": $da39587a937fb6fd$exports,
527
+ "nb-NO": $fef3c3414d151198$exports,
528
+ "nl-NL": $3cfd427955fee95c$exports,
529
+ "pl-PL": $ecd102793531599a$exports,
530
+ "pt-BR": $70b0a95af4186e29$exports,
531
+ "pt-PT": $4b15e180aed5c52d$exports,
532
+ "ro-RO": $d0ef0a1cef9c2d6c$exports,
533
+ "ru-RU": $58fc1ff371f0c7fd$exports,
534
+ "sk-SK": $b5f65f4e7988d1dd$exports,
535
+ "sl-SI": $5409ad409aeaf678$exports,
536
+ "sr-SP": $43feb38b3d4bbf1f$exports,
537
+ "sv-SE": $cbe41ff823ebe108$exports,
538
+ "tr-TR": $57b680843fcbe09e$exports,
539
+ "uk-UA": $1e4c96bc308e0da2$exports,
540
+ "zh-CN": $18faa55a67dca8f3$exports,
541
+ "zh-TW": $804c64c525579787$exports
542
+ };
543
+
544
+
545
+
546
+
547
+ var $7bd9eeb2cd70bd0c$exports = {};
548
+
549
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
550
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
551
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
552
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
553
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
554
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
555
+ $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
556
+ var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
557
+ var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
558
+ var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
559
+ var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
560
+ var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
561
+ var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
562
+ var $7bd9eeb2cd70bd0c$export$adc2706661946993;
563
+ $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = "ActionBarContainer_cca088";
564
+ $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = "react-spectrum-ActionBar_cca088";
565
+ $7bd9eeb2cd70bd0c$export$a9781837241c946d = "is-open_cca088";
566
+ $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = "react-spectrum-ActionBar-bar_cca088";
567
+ $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = "react-spectrum-ActionBar--emphasized_cca088";
568
+ $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = "react-spectrum-ActionBar-selectedCount_cca088";
569
+ $7bd9eeb2cd70bd0c$export$adc2706661946993 = "react-spectrum-ActionBar-actionGroup_cca088";
570
+
571
+
572
+
573
+
574
+
575
+
576
+ function $a4e665fbd087d71e$var$ActionBar(props, ref) {
577
+ let isOpen = props.selectedItemCount !== 0;
578
+ return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$OpenTransition, {
579
+ in: isOpen,
580
+ mountOnEnter: true,
581
+ unmountOnExit: true
582
+ }, /*#__PURE__*/ $N9qJl$react.createElement($a4e665fbd087d71e$var$ActionBarInner, {
583
+ ...props,
584
+ ref: ref
585
+ })));
586
+ }
587
+ const $a4e665fbd087d71e$var$ActionBarInner = /*#__PURE__*/ $N9qJl$react.forwardRef((props, ref)=>{
588
+ props = $N9qJl$useProviderProps(props);
589
+ let { children: children , isEmphasized: isEmphasized , onAction: onAction , onClearSelection: onClearSelection , selectedItemCount: selectedItemCount , isOpen: isOpen } = props;
590
+ let { styleProps: styleProps } = $N9qJl$useStyleProps(props);
591
+ let domRef = $N9qJl$useDOMRef(ref);
592
+ let stringFormatter = $N9qJl$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($992d76e8dd5fee7b$exports)));
593
+ // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
594
+ let lastCount = $N9qJl$useRef(selectedItemCount);
595
+ if (selectedItemCount === 'all' || selectedItemCount > 0) lastCount.current = selectedItemCount;
596
+ let { keyboardProps: keyboardProps } = $N9qJl$useKeyboard({
597
+ onKeyDown (e) {
598
+ if (e.key === 'Escape') {
599
+ e.preventDefault();
600
+ onClearSelection();
601
+ }
602
+ }
603
+ });
604
+ // Announce "actions available" on mount.
605
+ $N9qJl$useEffect(()=>{
606
+ $N9qJl$announce(stringFormatter.format('actionsAvailable'));
607
+ }, [
608
+ stringFormatter
609
+ ]);
610
+ return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$FocusScope, {
611
+ restoreFocus: true
612
+ }, /*#__PURE__*/ $N9qJl$react.createElement("div", {
613
+ ...$N9qJl$filterDOMProps(props),
614
+ ...styleProps,
615
+ ...keyboardProps,
616
+ ref: domRef,
617
+ className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar', {
618
+ 'react-spectrum-ActionBar--emphasized': isEmphasized,
619
+ 'is-open': isOpen
620
+ }, styleProps.className)
621
+ }, /*#__PURE__*/ $N9qJl$react.createElement("div", {
622
+ className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-bar')
623
+ }, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionGroup, {
624
+ "aria-label": stringFormatter.format('actions'),
625
+ isQuiet: true,
626
+ staticColor: isEmphasized ? 'white' : null,
627
+ overflowMode: "collapse",
628
+ buttonLabelBehavior: "collapse",
629
+ onAction: onAction,
630
+ UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-actionGroup')
631
+ }, children), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionButton, {
632
+ gridArea: "clear",
633
+ "aria-label": stringFormatter.format('clearSelection'),
634
+ onPress: ()=>onClearSelection()
635
+ ,
636
+ isQuiet: true,
637
+ staticColor: isEmphasized ? 'white' : null
638
+ }, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$spectrumiconsuiCrossLarge, null)), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$Text, {
639
+ UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-selectedCount')
640
+ }, lastCount.current === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
641
+ count: lastCount.current
642
+ }))))));
122
643
  });
123
644
  /**
124
645
  * TODO: Add description of component here.
125
- */
126
-
127
-
128
- export const ActionBar = /*#__PURE__*/_react.forwardRef($fa2444f306371ac45113668720e$var$ActionBar);
129
-
130
- function $fb48596e5c4716290c7c62998309ece$var$ActionBarContainer(props, ref) {
131
- // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.
132
- props = useProviderProps(props);
133
- let {
134
- children
135
- } = props;
136
- let {
137
- styleProps
138
- } = useStyleProps(props);
139
- let domRef = useDOMRef(ref);
140
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, filterDOMProps(props), styleProps, {
141
- ref: domRef,
142
- className: classNames($a79ea76be3f6fc68f2611c8b7be1$$interop$default, 'ActionBarContainer', styleProps.className)
143
- }), children);
646
+ */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ $N9qJl$react.forwardRef($a4e665fbd087d71e$var$ActionBar);
647
+
648
+
649
+
650
+
651
+
652
+
653
+
654
+ function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
655
+ // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.
656
+ props = $N9qJl$useProviderProps(props);
657
+ let { children: children } = props;
658
+ let { styleProps: styleProps } = $N9qJl$useStyleProps(props);
659
+ let domRef = $N9qJl$useDOMRef(ref);
660
+ return(/*#__PURE__*/ $N9qJl$react.createElement("div", {
661
+ ...$N9qJl$filterDOMProps(props),
662
+ ...styleProps,
663
+ ref: domRef,
664
+ className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'ActionBarContainer', styleProps.className)
665
+ }, children));
144
666
  }
145
667
  /**
146
668
  * TODO: Add description of component here.
147
- */
669
+ */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ $N9qJl$react.forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
670
+
671
+
672
+
148
673
 
149
674
 
150
- export const ActionBarContainer = /*#__PURE__*/_react.forwardRef($fb48596e5c4716290c7c62998309ece$var$ActionBarContainer);
675
+ export {$a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar, $2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer, $da70baa779e17e7a$re_export$Item as Item};
151
676
  //# sourceMappingURL=module.js.map