@react-spectrum/actionbar 3.0.0-alpha.3 → 3.0.0-alpha.6
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/main.css +1 -2
- package/dist/main.js +326 -302
- package/dist/main.js.map +1 -1
- package/dist/module.js +324 -265
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -3
- package/dist/types.d.ts.map +1 -1
- package/package.json +18 -19
- package/src/actionbar.css +8 -0
- package/dist/main.css.map +0 -1
package/dist/module.js
CHANGED
|
@@ -1,283 +1,342 @@
|
|
|
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 {useMessageFormatter as $N9qJl$useMessageFormatter} 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
|
}
|
|
20
|
+
function $parcel$export(e, n, v, s) {
|
|
21
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
22
|
+
}
|
|
23
|
+
var $a4e665fbd087d71e$exports = {};
|
|
23
24
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
$
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var $
|
|
46
|
-
$
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
$
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var $
|
|
58
|
-
$
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
$
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var $
|
|
70
|
-
$
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
$
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
var $
|
|
82
|
-
$
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
$
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
var $
|
|
94
|
-
$
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
$
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
var $
|
|
106
|
-
$
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
$
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
var $
|
|
118
|
-
$
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
$
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
var $
|
|
130
|
-
$
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
$
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
25
|
+
$parcel$export($a4e665fbd087d71e$exports, "ActionBar", () => $a4e665fbd087d71e$export$e213cebad6250b4a);
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
var $992d76e8dd5fee7b$exports = {};
|
|
34
|
+
var $42f1aaf0cd835ede$exports = {};
|
|
35
|
+
$42f1aaf0cd835ede$exports = JSON.parse("{\"actions\":\"الإجراءات\",\"actionsAvailable\":\"الإجراءات المتاحة.\",\"clearSelection\":\"إزالة التحديد\",\"selected\":\"{count, plural, =0 {غير محدد} other {# محدد}}\",\"selectedAll\":\"تم تحديد الكل\"}");
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
var $22c931b8c5fa9db9$exports = {};
|
|
39
|
+
$22c931b8c5fa9db9$exports = JSON.parse("{\"actions\":\"Действия\",\"actionsAvailable\":\"Налични действия.\",\"clearSelection\":\"Изчистване на избора\",\"selected\":\"{count, plural, =0 {Няма избрани} other {# избрани}}\",\"selectedAll\":\"Всички избрани\"}");
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
var $07dc24deaaf64ab0$exports = {};
|
|
43
|
+
$07dc24deaaf64ab0$exports = JSON.parse("{\"actions\":\"Akce\",\"actionsAvailable\":\"Dostupné akce.\",\"clearSelection\":\"Vymazat výběr\",\"selected\":\"{count, plural, =0 {Nic není vybráno} other {Vybráno #}}\",\"selectedAll\":\"Vybráno vše\"}");
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
var $44fd3a75baaf9937$exports = {};
|
|
47
|
+
$44fd3a75baaf9937$exports = JSON.parse("{\"actions\":\"Handlinger\",\"actionsAvailable\":\"Tilgængelige handlinger.\",\"clearSelection\":\"Ryd markering\",\"selected\":\"{count, plural, =0 {Ingen valgt} other {# valgt}}\",\"selectedAll\":\"Alle valgt\"}");
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
var $3281990be7bd78f6$exports = {};
|
|
51
|
+
$3281990be7bd78f6$exports = JSON.parse("{\"actions\":\"Aktionen\",\"actionsAvailable\":\"Aktionen verfügbar.\",\"clearSelection\":\"Auswahl löschen\",\"selected\":\"{count, plural, =0 {Nichts ausgewählt} other {# ausgewählt}}\",\"selectedAll\":\"Alles ausgewählt\"}");
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
var $242cbd951f3bcfeb$exports = {};
|
|
55
|
+
$242cbd951f3bcfeb$exports = JSON.parse("{\"actions\":\"Ενέργειες\",\"actionsAvailable\":\"Υπάρχουν διαθέσιμες ενέργειες.\",\"clearSelection\":\"Εκκαθάριση επιλογής\",\"selected\":\"{count, plural, =0 {Δεν επιλέχθηκε κανένα} other {Επιλέχθηκαν #}}\",\"selectedAll\":\"Επιλέχθηκαν όλα\"}");
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
var $117deeeb64547dc7$exports = {};
|
|
59
|
+
$117deeeb64547dc7$exports = JSON.parse("{\"clearSelection\":\"Clear selection\",\"selected\":\"{count, plural, =0 {None selected} other {# selected}}\",\"selectedAll\":\"All selected\",\"actions\":\"Actions\",\"actionsAvailable\":\"Actions available.\"}");
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
var $5b8605d86a9af2ee$exports = {};
|
|
63
|
+
$5b8605d86a9af2ee$exports = JSON.parse("{\"actions\":\"Acciones\",\"actionsAvailable\":\"Acciones disponibles.\",\"clearSelection\":\"Borrar selección\",\"selected\":\"{count, plural, =0 {Nada seleccionado} other {# seleccionado}}\",\"selectedAll\":\"Todo seleccionado\"}");
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
var $5530e5c9f2623025$exports = {};
|
|
67
|
+
$5530e5c9f2623025$exports = JSON.parse("{\"actions\":\"Toimingud\",\"actionsAvailable\":\"Toimingud saadaval.\",\"clearSelection\":\"Puhasta valik\",\"selected\":\"{count, plural, =0 {Pole valitud} other {# valitud}}\",\"selectedAll\":\"Kõik valitud\"}");
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
var $7a405d1dfc563131$exports = {};
|
|
71
|
+
$7a405d1dfc563131$exports = JSON.parse("{\"actions\":\"Toiminnot\",\"actionsAvailable\":\"Toiminnot käytettävissä.\",\"clearSelection\":\"Poista valinta\",\"selected\":\"{count, plural, =0 {Ei mitään valittu} other {# valittu}}\",\"selectedAll\":\"Kaikki valittu\"}");
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
var $e0c3da022513542b$exports = {};
|
|
75
|
+
$e0c3da022513542b$exports = JSON.parse("{\"actions\":\"Actions\",\"actionsAvailable\":\"Actions disponibles.\",\"clearSelection\":\"Supprimer la sélection\",\"selected\":\"{count, plural, =0 {Aucun élément sélectionné} other {# sélectionnés}}\",\"selectedAll\":\"Toute la sélection\"}");
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
var $796ff5aed019aee1$exports = {};
|
|
79
|
+
$796ff5aed019aee1$exports = JSON.parse("{\"actions\":\"פעולות\",\"actionsAvailable\":\"פעולות זמינות.\",\"clearSelection\":\"נקה בחירה\",\"selected\":\"{count, plural, =0 {לא בוצעה בחירה} other {# נבחרו}}\",\"selectedAll\":\"כל הפריטים שנבחרו\"}");
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
var $e1066348ea80fd36$exports = {};
|
|
83
|
+
$e1066348ea80fd36$exports = JSON.parse("{\"actions\":\"Radnje\",\"actionsAvailable\":\"Dostupne radnje.\",\"clearSelection\":\"Poništi odabir\",\"selected\":\"{count, plural, =0 {Nijedna nije odabrana} other {# je odabrano}}\",\"selectedAll\":\"Sve je odabrano\"}");
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
var $939ac78e6c54d005$exports = {};
|
|
87
|
+
$939ac78e6c54d005$exports = JSON.parse("{\"actions\":\"Műveletek\",\"actionsAvailable\":\"Műveletek állnak rendelkezésre.\",\"clearSelection\":\"Kijelölés törlése\",\"selected\":\"{count, plural, =0 {Egy sincs kijelölve} other {# kijelölve}}\",\"selectedAll\":\"Mind kijelölve\"}");
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
var $087af352bd8a67a5$exports = {};
|
|
91
|
+
$087af352bd8a67a5$exports = JSON.parse("{\"actions\":\"Azioni\",\"actionsAvailable\":\"Azioni disponibili.\",\"clearSelection\":\"Annulla selezione\",\"selected\":\"{count, plural, =0 {Nessuno selezionato} other {# selezionato/i}}\",\"selectedAll\":\"Tutti selezionati\"}");
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
var $ef25b75f84bf9640$exports = {};
|
|
95
|
+
$ef25b75f84bf9640$exports = JSON.parse("{\"actions\":\"アクション\",\"actionsAvailable\":\"アクションを利用できます。\",\"clearSelection\":\"選択をクリア\",\"selected\":\"{count, plural, =0 {選択されていません} other {# 個を選択しました}}\",\"selectedAll\":\"すべてを選択\"}");
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
var $a9fcaa28ab16ac58$exports = {};
|
|
99
|
+
$a9fcaa28ab16ac58$exports = JSON.parse("{\"actions\":\"액션\",\"actionsAvailable\":\"사용 가능한 액션\",\"clearSelection\":\"선택 항목 지우기\",\"selected\":\"{count, plural, =0 {선택된 항목 없음} other {#개 선택됨}}\",\"selectedAll\":\"모두 선택됨\"}");
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
var $7103396bd37d192c$exports = {};
|
|
103
|
+
$7103396bd37d192c$exports = JSON.parse("{\"actions\":\"Veiksmai\",\"actionsAvailable\":\"Galimi veiksmai.\",\"clearSelection\":\"Išvalyti pasirinkimą\",\"selected\":\"{count, plural, =0 {Nieko nepasirinkta} other {Pasirinkta #}}\",\"selectedAll\":\"Pasirinkta viskas\"}");
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
var $da39587a937fb6fd$exports = {};
|
|
107
|
+
$da39587a937fb6fd$exports = JSON.parse("{\"actions\":\"Darbības\",\"actionsAvailable\":\"Pieejamas darbības.\",\"clearSelection\":\"Notīrīt atlasi\",\"selected\":\"{count, plural, =0 {Nav atlasīts nekas} other {Atlasīts: #}}\",\"selectedAll\":\"Atlasīts viss\"}");
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
var $fef3c3414d151198$exports = {};
|
|
111
|
+
$fef3c3414d151198$exports = JSON.parse("{\"actions\":\"Handlinger\",\"actionsAvailable\":\"Tilgjengelige handlinger.\",\"clearSelection\":\"Tøm utvalg\",\"selected\":\"{count, plural, =0 {Ingen er valgt} other {# er valgt}}\",\"selectedAll\":\"Alle er valgt\"}");
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
var $3cfd427955fee95c$exports = {};
|
|
115
|
+
$3cfd427955fee95c$exports = JSON.parse("{\"actions\":\"Acties\",\"actionsAvailable\":\"Acties beschikbaar.\",\"clearSelection\":\"Selectie wissen\",\"selected\":\"{count, plural, =0 {Niets geselecteerd} other {# geselecteerd}}\",\"selectedAll\":\"Alles geselecteerd\"}");
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
var $ecd102793531599a$exports = {};
|
|
119
|
+
$ecd102793531599a$exports = JSON.parse("{\"actions\":\"Działania\",\"actionsAvailable\":\"Dostępne działania.\",\"clearSelection\":\"Wyczyść zaznaczenie\",\"selected\":\"{count, plural, =0 {Nie zaznaczono żadnego elementu} other {# zaznaczonych}}\",\"selectedAll\":\"Wszystkie zaznaczone\"}");
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
var $70b0a95af4186e29$exports = {};
|
|
123
|
+
$70b0a95af4186e29$exports = JSON.parse("{\"actions\":\"Ações\",\"actionsAvailable\":\"Ações disponíveis.\",\"clearSelection\":\"Limpar seleção\",\"selected\":\"{count, plural, =0 {Nada selecionado} other {# selecionado}}\",\"selectedAll\":\"Todos selecionados\"}");
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
var $4b15e180aed5c52d$exports = {};
|
|
127
|
+
$4b15e180aed5c52d$exports = JSON.parse("{\"actions\":\"Ações\",\"actionsAvailable\":\"Ações disponíveis.\",\"clearSelection\":\"Limpar seleção\",\"selected\":\"{count, plural, =0 {Nenhum selecionado} other {# selecionado}}\",\"selectedAll\":\"Tudo selecionado\"}");
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
var $d0ef0a1cef9c2d6c$exports = {};
|
|
131
|
+
$d0ef0a1cef9c2d6c$exports = JSON.parse("{\"actions\":\"Acțiuni\",\"actionsAvailable\":\"Acțiuni disponibile.\",\"clearSelection\":\"Goliți selecția\",\"selected\":\"{count, plural, =0 {Niciunul selectat} other {# selectate}}\",\"selectedAll\":\"Toate selectate\"}");
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
var $58fc1ff371f0c7fd$exports = {};
|
|
135
|
+
$58fc1ff371f0c7fd$exports = JSON.parse("{\"actions\":\"Действия\",\"actionsAvailable\":\"Возможно выполнение действий.\",\"clearSelection\":\"Очистить выбор\",\"selected\":\"{count, plural, =0 {Ничего не выбоано} other {# выбрано}}\",\"selectedAll\":\"Выбрано все\"}");
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
var $b5f65f4e7988d1dd$exports = {};
|
|
139
|
+
$b5f65f4e7988d1dd$exports = JSON.parse("{\"actions\":\"Akcie\",\"actionsAvailable\":\"Dostupné akcie.\",\"clearSelection\":\"Vymazať výber\",\"selected\":\"{count, plural, =0 {Žiadne vybraté položky} other {Počet vybratých položiek: #}}\",\"selectedAll\":\"Všetky vybraté položky\"}");
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
var $5409ad409aeaf678$exports = {};
|
|
143
|
+
$5409ad409aeaf678$exports = JSON.parse("{\"actions\":\"Dejanja\",\"actionsAvailable\":\"Na voljo so dejanja.\",\"clearSelection\":\"Počisti izbor\",\"selected\":\"{count, plural, =0 {Nič izbranih} other {# izbranih}}\",\"selectedAll\":\"Vsi izbrani\"}");
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
var $43feb38b3d4bbf1f$exports = {};
|
|
147
|
+
$43feb38b3d4bbf1f$exports = JSON.parse("{\"actions\":\"Radnje\",\"actionsAvailable\":\"Dostupne su radnje.\",\"clearSelection\":\"Poništi izbor\",\"selected\":\"{count, plural, =0 {Ništa nije izabrano} other {# je izabrano}}\",\"selectedAll\":\"Sve je izabrano\"}");
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
var $cbe41ff823ebe108$exports = {};
|
|
151
|
+
$cbe41ff823ebe108$exports = JSON.parse("{\"actions\":\"Åtgärder\",\"actionsAvailable\":\"Åtgärder finns.\",\"clearSelection\":\"Rensa markering\",\"selected\":\"{count, plural, =0 {Inga markerade} other {# markerade}}\",\"selectedAll\":\"Alla markerade\"}");
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
var $57b680843fcbe09e$exports = {};
|
|
155
|
+
$57b680843fcbe09e$exports = JSON.parse("{\"actions\":\"Eylemler\",\"actionsAvailable\":\"Eylemler mevcut.\",\"clearSelection\":\"Seçimi temizle\",\"selected\":\"{count, plural, =0 {Hiçbiri seçilmedi} other {# seçildi}}\",\"selectedAll\":\"Tümü seçildi\"}");
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
var $1e4c96bc308e0da2$exports = {};
|
|
159
|
+
$1e4c96bc308e0da2$exports = JSON.parse("{\"actions\":\"Дії\",\"actionsAvailable\":\"Доступні дії.\",\"clearSelection\":\"Очистити вибір\",\"selected\":\"{count, plural, =0 {Нічого не вибрано} other {Вибрано: #}}\",\"selectedAll\":\"Усе вибрано\"}");
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
var $18faa55a67dca8f3$exports = {};
|
|
163
|
+
$18faa55a67dca8f3$exports = JSON.parse("{\"actions\":\"操作\",\"actionsAvailable\":\"有可用操作。\",\"clearSelection\":\"清除选择\",\"selected\":\"{count, plural, =0 {无选择} other {已选择 # 个}}\",\"selectedAll\":\"全选\"}");
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
var $804c64c525579787$exports = {};
|
|
167
|
+
$804c64c525579787$exports = JSON.parse("{\"actions\":\"動作\",\"actionsAvailable\":\"可執行的動作。\",\"clearSelection\":\"清除選取項目\",\"selected\":\"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\"selectedAll\":\"已選取所有項目\"}");
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
$992d76e8dd5fee7b$exports = {
|
|
171
|
+
"ar-AE": $42f1aaf0cd835ede$exports,
|
|
172
|
+
"bg-BG": $22c931b8c5fa9db9$exports,
|
|
173
|
+
"cs-CZ": $07dc24deaaf64ab0$exports,
|
|
174
|
+
"da-DK": $44fd3a75baaf9937$exports,
|
|
175
|
+
"de-DE": $3281990be7bd78f6$exports,
|
|
176
|
+
"el-GR": $242cbd951f3bcfeb$exports,
|
|
177
|
+
"en-US": $117deeeb64547dc7$exports,
|
|
178
|
+
"es-ES": $5b8605d86a9af2ee$exports,
|
|
179
|
+
"et-EE": $5530e5c9f2623025$exports,
|
|
180
|
+
"fi-FI": $7a405d1dfc563131$exports,
|
|
181
|
+
"fr-FR": $e0c3da022513542b$exports,
|
|
182
|
+
"he-IL": $796ff5aed019aee1$exports,
|
|
183
|
+
"hr-HR": $e1066348ea80fd36$exports,
|
|
184
|
+
"hu-HU": $939ac78e6c54d005$exports,
|
|
185
|
+
"it-IT": $087af352bd8a67a5$exports,
|
|
186
|
+
"ja-JP": $ef25b75f84bf9640$exports,
|
|
187
|
+
"ko-KR": $a9fcaa28ab16ac58$exports,
|
|
188
|
+
"lt-LT": $7103396bd37d192c$exports,
|
|
189
|
+
"lv-LV": $da39587a937fb6fd$exports,
|
|
190
|
+
"nb-NO": $fef3c3414d151198$exports,
|
|
191
|
+
"nl-NL": $3cfd427955fee95c$exports,
|
|
192
|
+
"pl-PL": $ecd102793531599a$exports,
|
|
193
|
+
"pt-BR": $70b0a95af4186e29$exports,
|
|
194
|
+
"pt-PT": $4b15e180aed5c52d$exports,
|
|
195
|
+
"ro-RO": $d0ef0a1cef9c2d6c$exports,
|
|
196
|
+
"ru-RU": $58fc1ff371f0c7fd$exports,
|
|
197
|
+
"sk-SK": $b5f65f4e7988d1dd$exports,
|
|
198
|
+
"sl-SI": $5409ad409aeaf678$exports,
|
|
199
|
+
"sr-SP": $43feb38b3d4bbf1f$exports,
|
|
200
|
+
"sv-SE": $cbe41ff823ebe108$exports,
|
|
201
|
+
"tr-TR": $57b680843fcbe09e$exports,
|
|
202
|
+
"uk-UA": $1e4c96bc308e0da2$exports,
|
|
203
|
+
"zh-CN": $18faa55a67dca8f3$exports,
|
|
204
|
+
"zh-TW": $804c64c525579787$exports
|
|
173
205
|
};
|
|
174
206
|
|
|
175
|
-
function $fa2444f306371ac45113668720e$var$ActionBar(props, ref) {
|
|
176
|
-
let isOpen = props.selectedItemCount !== 0;
|
|
177
|
-
return /*#__PURE__*/_react.createElement(OpenTransition, {
|
|
178
|
-
in: isOpen,
|
|
179
|
-
mountOnEnter: true,
|
|
180
|
-
unmountOnExit: true
|
|
181
|
-
}, /*#__PURE__*/_react.createElement($fa2444f306371ac45113668720e$var$ActionBarInner, _babelRuntimeHelpersEsmExtends({}, props, {
|
|
182
|
-
ref: ref
|
|
183
|
-
})));
|
|
184
|
-
}
|
|
185
207
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
"
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
var $7bd9eeb2cd70bd0c$exports = {};
|
|
211
|
+
|
|
212
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
|
|
213
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
|
|
214
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
|
|
215
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
|
|
216
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
|
|
217
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
|
|
218
|
+
$parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
|
|
219
|
+
var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
|
|
220
|
+
var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
|
|
221
|
+
var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
|
|
222
|
+
var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
|
|
223
|
+
var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
|
|
224
|
+
var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
|
|
225
|
+
var $7bd9eeb2cd70bd0c$export$adc2706661946993;
|
|
226
|
+
$7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = "ActionBarContainer_cca088";
|
|
227
|
+
$7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = "react-spectrum-ActionBar_cca088";
|
|
228
|
+
$7bd9eeb2cd70bd0c$export$a9781837241c946d = "is-open_cca088";
|
|
229
|
+
$7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = "react-spectrum-ActionBar-bar_cca088";
|
|
230
|
+
$7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = "react-spectrum-ActionBar--emphasized_cca088";
|
|
231
|
+
$7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = "react-spectrum-ActionBar-selectedCount_cca088";
|
|
232
|
+
$7bd9eeb2cd70bd0c$export$adc2706661946993 = "react-spectrum-ActionBar-actionGroup_cca088";
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
function $a4e665fbd087d71e$var$ActionBar(props, ref) {
|
|
240
|
+
let isOpen = props.selectedItemCount !== 0;
|
|
241
|
+
return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$OpenTransition, {
|
|
242
|
+
in: isOpen,
|
|
243
|
+
mountOnEnter: true,
|
|
244
|
+
unmountOnExit: true
|
|
245
|
+
}, /*#__PURE__*/ $N9qJl$react.createElement($a4e665fbd087d71e$var$ActionBarInner, {
|
|
246
|
+
...props,
|
|
247
|
+
ref: ref
|
|
248
|
+
})));
|
|
249
|
+
}
|
|
250
|
+
const $a4e665fbd087d71e$var$ActionBarInner = /*#__PURE__*/ $N9qJl$react.forwardRef((props, ref)=>{
|
|
251
|
+
props = $N9qJl$useProviderProps(props);
|
|
252
|
+
let { children: children , isEmphasized: isEmphasized , onAction: onAction , onClearSelection: onClearSelection , selectedItemCount: selectedItemCount , isOpen: isOpen } = props;
|
|
253
|
+
let { styleProps: styleProps } = $N9qJl$useStyleProps(props);
|
|
254
|
+
let domRef = $N9qJl$useDOMRef(ref);
|
|
255
|
+
let formatMessage = $N9qJl$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($992d76e8dd5fee7b$exports)));
|
|
256
|
+
// Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
|
|
257
|
+
let lastCount = $N9qJl$useRef(selectedItemCount);
|
|
258
|
+
if (selectedItemCount === 'all' || selectedItemCount > 0) lastCount.current = selectedItemCount;
|
|
259
|
+
let { keyboardProps: keyboardProps } = $N9qJl$useKeyboard({
|
|
260
|
+
onKeyDown (e) {
|
|
261
|
+
if (e.key === 'Escape') {
|
|
262
|
+
e.preventDefault();
|
|
263
|
+
onClearSelection();
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
// Announce "actions available" on mount.
|
|
268
|
+
$N9qJl$useEffect(()=>{
|
|
269
|
+
$N9qJl$announce(formatMessage('actionsAvailable'));
|
|
270
|
+
}, [
|
|
271
|
+
formatMessage
|
|
272
|
+
]);
|
|
273
|
+
return(/*#__PURE__*/ $N9qJl$react.createElement($N9qJl$FocusScope, {
|
|
274
|
+
restoreFocus: true
|
|
275
|
+
}, /*#__PURE__*/ $N9qJl$react.createElement("div", {
|
|
276
|
+
...$N9qJl$filterDOMProps(props),
|
|
277
|
+
...styleProps,
|
|
278
|
+
...keyboardProps,
|
|
279
|
+
ref: domRef,
|
|
280
|
+
className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar', {
|
|
281
|
+
'react-spectrum-ActionBar--emphasized': isEmphasized,
|
|
282
|
+
'is-open': isOpen
|
|
283
|
+
}, styleProps.className)
|
|
284
|
+
}, /*#__PURE__*/ $N9qJl$react.createElement("div", {
|
|
285
|
+
className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-bar')
|
|
286
|
+
}, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionGroup, {
|
|
287
|
+
"aria-label": formatMessage('actions'),
|
|
288
|
+
isQuiet: true,
|
|
289
|
+
staticColor: isEmphasized ? 'white' : null,
|
|
290
|
+
overflowMode: "collapse",
|
|
291
|
+
buttonLabelBehavior: "collapse",
|
|
292
|
+
onAction: onAction,
|
|
293
|
+
UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-actionGroup')
|
|
294
|
+
}, children), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$ActionButton, {
|
|
295
|
+
gridArea: "clear",
|
|
296
|
+
"aria-label": formatMessage('clearSelection'),
|
|
297
|
+
onPress: ()=>onClearSelection()
|
|
298
|
+
,
|
|
299
|
+
isQuiet: true,
|
|
300
|
+
staticColor: isEmphasized ? 'white' : null
|
|
301
|
+
}, /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$spectrumiconsuiCrossLarge, null)), /*#__PURE__*/ $N9qJl$react.createElement($N9qJl$Text, {
|
|
302
|
+
UNSAFE_className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'react-spectrum-ActionBar-selectedCount')
|
|
303
|
+
}, lastCount.current === 'all' ? formatMessage('selectedAll') : formatMessage('selected', {
|
|
304
|
+
count: lastCount.current
|
|
305
|
+
}))))));
|
|
254
306
|
});
|
|
255
307
|
/**
|
|
256
308
|
* TODO: Add description of component here.
|
|
257
|
-
*/
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
309
|
+
*/ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ $N9qJl$react.forwardRef($a4e665fbd087d71e$var$ActionBar);
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
var $2f6c8b20aa071c6d$exports = {};
|
|
313
|
+
|
|
314
|
+
$parcel$export($2f6c8b20aa071c6d$exports, "ActionBarContainer", () => $2f6c8b20aa071c6d$export$ac2eb07f267e434c);
|
|
315
|
+
|
|
316
|
+
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
|
|
321
|
+
// 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.
|
|
322
|
+
props = $N9qJl$useProviderProps(props);
|
|
323
|
+
let { children: children } = props;
|
|
324
|
+
let { styleProps: styleProps } = $N9qJl$useStyleProps(props);
|
|
325
|
+
let domRef = $N9qJl$useDOMRef(ref);
|
|
326
|
+
return(/*#__PURE__*/ $N9qJl$react.createElement("div", {
|
|
327
|
+
...$N9qJl$filterDOMProps(props),
|
|
328
|
+
...styleProps,
|
|
329
|
+
ref: domRef,
|
|
330
|
+
className: $N9qJl$classNames((/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports)), 'ActionBarContainer', styleProps.className)
|
|
331
|
+
}, children));
|
|
276
332
|
}
|
|
277
333
|
/**
|
|
278
334
|
* TODO: Add description of component here.
|
|
279
|
-
*/
|
|
335
|
+
*/ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ $N9qJl$react.forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
280
339
|
|
|
281
340
|
|
|
282
|
-
export
|
|
341
|
+
export {$da70baa779e17e7a$re_export$Item as Item, $a4e665fbd087d71e$export$e213cebad6250b4a as ActionBar, $2f6c8b20aa071c6d$export$ac2eb07f267e434c as ActionBarContainer};
|
|
283
342
|
//# sourceMappingURL=module.js.map
|