@react-spectrum/actionbar 3.0.0-alpha.1 → 3.0.0-alpha.10
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 -170
- package/dist/main.js.map +1 -1
- package/dist/module.js +324 -133
- 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 +20 -21
- package/src/actionbar.css +8 -0
- package/dist/main.css.map +0 -1
package/dist/main.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
.
|
|
2
|
-
/*# sourceMappingURL=main.css.map */
|
|
1
|
+
.ActionBarContainer_cca088{flex-direction:column;display:flex;position:relative}.ActionBarContainer_cca088>:not(.react-spectrum-ActionBar_cca088){min-height:0;flex:1}.ActionBarContainer_cca088>.react-spectrum-ActionBar_cca088{flex:none}.react-spectrum-ActionBar_cca088{transition:height var(--spectrum-global-animation-duration-100,130ms)ease-in-out,opacity var(--spectrum-global-animation-duration-100,130ms)ease-in-out;height:0;opacity:0;width:100%;overflow:hidden}.react-spectrum-ActionBar_cca088.is-open_cca088{height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100)*2);opacity:1;transition-delay:0s}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-bar_cca088{display:-ms-grid;-ms-grid-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;grid-template-areas:"clear selected.actiongroup";grid-template-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;isolation:isolate;padding:var(--spectrum-global-dimension-size-100);bottom:var(--spectrum-global-dimension-size-100);left:var(--spectrum-global-dimension-size-100);right:var(--spectrum-global-dimension-size-100);max-width:960px;background:var(--spectrum-global-color-gray-50);border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;border-width:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin));border-color:var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 2px 8px var(--spectrum-alias-dropshadow-color);transform:translateY(var(--spectrum-overlay-positive-transform-distance));transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out;justify-content:space-between;align-items:center;margin:0 auto;display:grid;position:absolute}.react-spectrum-ActionBar_cca088.is-open_cca088 .react-spectrum-ActionBar-bar_cca088{transform:translateY(0)}.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{background:var(--spectrum-global-color-static-blue-700,#0d66d0);color:#fff;box-shadow:0 2px 6px var(--spectrum-alias-dropshadow-color);border:0}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-selectedCount_cca088{padding:0 var(--spectrum-global-dimension-size-50);-webkit-user-select:none;user-select:none;cursor:default;grid-area:selected}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-actionGroup_cca088{min-width:0;grid-area:actiongroup}@media (forced-colors:active){.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{border:1px solid #0000}}
|
package/dist/main.js
CHANGED
|
@@ -1,205 +1,361 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
require("./main.css");
|
|
2
|
+
var $grxqE$reactstatelycollections = require("@react-stately/collections");
|
|
3
|
+
var $grxqE$reactspectrumbutton = require("@react-spectrum/button");
|
|
4
|
+
var $grxqE$reactspectrumactiongroup = require("@react-spectrum/actiongroup");
|
|
5
|
+
var $grxqE$reactarialiveannouncer = require("@react-aria/live-announcer");
|
|
6
|
+
var $grxqE$reactspectrumutils = require("@react-spectrum/utils");
|
|
7
|
+
var $grxqE$spectrumiconsuiCrossLarge = require("@spectrum-icons/ui/CrossLarge");
|
|
8
|
+
var $grxqE$reactariautils = require("@react-aria/utils");
|
|
9
|
+
var $grxqE$reactariafocus = require("@react-aria/focus");
|
|
10
|
+
var $grxqE$reactspectrumoverlays = require("@react-spectrum/overlays");
|
|
11
|
+
var $grxqE$react = require("react");
|
|
12
|
+
var $grxqE$reactspectrumtext = require("@react-spectrum/text");
|
|
13
|
+
var $grxqE$reactariainteractions = require("@react-aria/interactions");
|
|
14
|
+
var $grxqE$reactariai18n = require("@react-aria/i18n");
|
|
15
|
+
var $grxqE$reactspectrumprovider = require("@react-spectrum/provider");
|
|
16
|
+
|
|
17
|
+
function $parcel$export(e, n, v, s) {
|
|
18
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
19
|
+
}
|
|
20
|
+
function $parcel$exportWildcard(dest, source) {
|
|
21
|
+
Object.keys(source).forEach(function(key) {
|
|
22
|
+
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
4
25
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
26
|
+
Object.defineProperty(dest, key, {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return source[key];
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
});
|
|
8
33
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
34
|
+
return dest;
|
|
35
|
+
}
|
|
36
|
+
function $parcel$interopDefault(a) {
|
|
37
|
+
return a && a.__esModule ? a.default : a;
|
|
38
|
+
}
|
|
12
39
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} = require("@react-spectrum/text");
|
|
40
|
+
$parcel$export(module.exports, "Item", () => $grxqE$reactstatelycollections.Item);
|
|
41
|
+
var $7b5467653feb1153$exports = {};
|
|
16
42
|
|
|
17
|
-
|
|
43
|
+
$parcel$export($7b5467653feb1153$exports, "ActionBar", () => $7b5467653feb1153$export$e213cebad6250b4a);
|
|
18
44
|
|
|
19
|
-
var _react = $parcel$interopDefault(_react2);
|
|
20
45
|
|
|
21
|
-
var {
|
|
22
|
-
useEffect,
|
|
23
|
-
useRef
|
|
24
|
-
} = _react2;
|
|
25
46
|
|
|
26
|
-
var {
|
|
27
|
-
OpenTransition
|
|
28
|
-
} = require("@react-spectrum/overlays");
|
|
29
47
|
|
|
30
|
-
var {
|
|
31
|
-
FocusScope
|
|
32
|
-
} = require("@react-aria/focus");
|
|
33
48
|
|
|
34
|
-
var {
|
|
35
|
-
filterDOMProps
|
|
36
|
-
} = require("@react-aria/utils");
|
|
37
49
|
|
|
38
|
-
var _spectrumIconsUiCrossLarge = $parcel$interopDefault(require("@spectrum-icons/ui/CrossLarge"));
|
|
39
50
|
|
|
40
|
-
var {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
useStyleProps
|
|
44
|
-
} = require("@react-spectrum/utils");
|
|
51
|
+
var $304e231322f30cb2$exports = {};
|
|
52
|
+
var $a42f3d97a30aa6c9$exports = {};
|
|
53
|
+
$a42f3d97a30aa6c9$exports = JSON.parse("{\"actions\":\"الإجراءات\",\"actionsAvailable\":\"الإجراءات المتاحة.\",\"clearSelection\":\"إزالة التحديد\",\"selected\":\"{count, plural, =0 {غير محدد} other {# محدد}}\",\"selectedAll\":\"تم تحديد الكل\"}");
|
|
45
54
|
|
|
46
|
-
var {
|
|
47
|
-
announce
|
|
48
|
-
} = require("@react-aria/live-announcer");
|
|
49
55
|
|
|
50
|
-
var {
|
|
51
|
-
|
|
52
|
-
} = require("@react-spectrum/actiongroup");
|
|
56
|
+
var $527a50f3b3c911b7$exports = {};
|
|
57
|
+
$527a50f3b3c911b7$exports = JSON.parse("{\"actions\":\"Действия\",\"actionsAvailable\":\"Налични действия.\",\"clearSelection\":\"Изчистване на избора\",\"selected\":\"{count, plural, =0 {Няма избрани} other {# избрани}}\",\"selectedAll\":\"Всички избрани\"}");
|
|
53
58
|
|
|
54
|
-
var {
|
|
55
|
-
ActionButton
|
|
56
|
-
} = require("@react-spectrum/button");
|
|
57
59
|
|
|
58
|
-
var
|
|
60
|
+
var $cd90476fdc303242$exports = {};
|
|
61
|
+
$cd90476fdc303242$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\"}");
|
|
59
62
|
|
|
60
|
-
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
|
|
61
63
|
|
|
62
|
-
var {
|
|
63
|
-
|
|
64
|
-
} = require("@react-stately/collections");
|
|
64
|
+
var $081b7298af5f5b69$exports = {};
|
|
65
|
+
$081b7298af5f5b69$exports = JSON.parse("{\"actions\":\"Handlinger\",\"actionsAvailable\":\"Tilgængelige handlinger.\",\"clearSelection\":\"Ryd markering\",\"selected\":\"{count, plural, =0 {Ingen valgt} other {# valgt}}\",\"selectedAll\":\"Alle valgt\"}");
|
|
65
66
|
|
|
66
|
-
exports.Item = Item;
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
var $6ef7dffbce87e74f$exports = {};
|
|
69
|
+
$6ef7dffbce87e74f$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\"}");
|
|
69
70
|
|
|
70
|
-
function $parcel$interopDefault(a) {
|
|
71
|
-
return a && a.__esModule ? a.default : a;
|
|
72
|
-
}
|
|
73
71
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
var $
|
|
87
|
-
$
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
72
|
+
var $43c62672ca45763f$exports = {};
|
|
73
|
+
$43c62672ca45763f$exports = JSON.parse("{\"actions\":\"Ενέργειες\",\"actionsAvailable\":\"Υπάρχουν διαθέσιμες ενέργειες.\",\"clearSelection\":\"Εκκαθάριση επιλογής\",\"selected\":\"{count, plural, =0 {Δεν επιλέχθηκε κανένα} other {Επιλέχθηκαν #}}\",\"selectedAll\":\"Επιλέχθηκαν όλα\"}");
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
var $4a93342b52e9ddcf$exports = {};
|
|
77
|
+
$4a93342b52e9ddcf$exports = JSON.parse("{\"clearSelection\":\"Clear selection\",\"selected\":\"{count, plural, =0 {None selected} other {# selected}}\",\"selectedAll\":\"All selected\",\"actions\":\"Actions\",\"actionsAvailable\":\"Actions available.\"}");
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
var $d1fe0a28d16ba803$exports = {};
|
|
81
|
+
$d1fe0a28d16ba803$exports = JSON.parse("{\"actions\":\"Acciones\",\"actionsAvailable\":\"Acciones disponibles.\",\"clearSelection\":\"Borrar selección\",\"selected\":\"{count, plural, =0 {Nada seleccionado} other {# seleccionado}}\",\"selectedAll\":\"Todo seleccionado\"}");
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
var $3f607057b4497412$exports = {};
|
|
85
|
+
$3f607057b4497412$exports = JSON.parse("{\"actions\":\"Toimingud\",\"actionsAvailable\":\"Toimingud saadaval.\",\"clearSelection\":\"Puhasta valik\",\"selected\":\"{count, plural, =0 {Pole valitud} other {# valitud}}\",\"selectedAll\":\"Kõik valitud\"}");
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
var $dffc096b505cd1a5$exports = {};
|
|
89
|
+
$dffc096b505cd1a5$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\"}");
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
var $fced00dcdde4e781$exports = {};
|
|
93
|
+
$fced00dcdde4e781$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\"}");
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
var $e568cd7cb63d7ce3$exports = {};
|
|
97
|
+
$e568cd7cb63d7ce3$exports = JSON.parse("{\"actions\":\"פעולות\",\"actionsAvailable\":\"פעולות זמינות.\",\"clearSelection\":\"נקה בחירה\",\"selected\":\"{count, plural, =0 {לא בוצעה בחירה} other {# נבחרו}}\",\"selectedAll\":\"כל הפריטים שנבחרו\"}");
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
var $50951315acf49d05$exports = {};
|
|
101
|
+
$50951315acf49d05$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\"}");
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
var $fd06dc9cc87d0258$exports = {};
|
|
105
|
+
$fd06dc9cc87d0258$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\"}");
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
var $9bd9ce3c11c5d11e$exports = {};
|
|
109
|
+
$9bd9ce3c11c5d11e$exports = JSON.parse("{\"actions\":\"Azioni\",\"actionsAvailable\":\"Azioni disponibili.\",\"clearSelection\":\"Annulla selezione\",\"selected\":\"{count, plural, =0 {Nessuno selezionato} other {# selezionato/i}}\",\"selectedAll\":\"Tutti selezionati\"}");
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
var $9f76d796bf707b10$exports = {};
|
|
113
|
+
$9f76d796bf707b10$exports = JSON.parse("{\"actions\":\"アクション\",\"actionsAvailable\":\"アクションを利用できます。\",\"clearSelection\":\"選択をクリア\",\"selected\":\"{count, plural, =0 {選択されていません} other {# 個を選択しました}}\",\"selectedAll\":\"すべてを選択\"}");
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
var $94efe7bbbb291ef4$exports = {};
|
|
117
|
+
$94efe7bbbb291ef4$exports = JSON.parse("{\"actions\":\"액션\",\"actionsAvailable\":\"사용 가능한 액션\",\"clearSelection\":\"선택 항목 지우기\",\"selected\":\"{count, plural, =0 {선택된 항목 없음} other {#개 선택됨}}\",\"selectedAll\":\"모두 선택됨\"}");
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
var $92a06c1a52267a65$exports = {};
|
|
121
|
+
$92a06c1a52267a65$exports = JSON.parse("{\"actions\":\"Veiksmai\",\"actionsAvailable\":\"Galimi veiksmai.\",\"clearSelection\":\"Išvalyti pasirinkimą\",\"selected\":\"{count, plural, =0 {Nieko nepasirinkta} other {Pasirinkta #}}\",\"selectedAll\":\"Pasirinkta viskas\"}");
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
var $670c23292e727d95$exports = {};
|
|
125
|
+
$670c23292e727d95$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\"}");
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
var $2636117ad082d1ea$exports = {};
|
|
129
|
+
$2636117ad082d1ea$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\"}");
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
var $e4ccf12b3bee45db$exports = {};
|
|
133
|
+
$e4ccf12b3bee45db$exports = JSON.parse("{\"actions\":\"Acties\",\"actionsAvailable\":\"Acties beschikbaar.\",\"clearSelection\":\"Selectie wissen\",\"selected\":\"{count, plural, =0 {Niets geselecteerd} other {# geselecteerd}}\",\"selectedAll\":\"Alles geselecteerd\"}");
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
var $b259f128f72a6ac6$exports = {};
|
|
137
|
+
$b259f128f72a6ac6$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\"}");
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
var $edd692d35256da76$exports = {};
|
|
141
|
+
$edd692d35256da76$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\"}");
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
var $0af50a83741a7f54$exports = {};
|
|
145
|
+
$0af50a83741a7f54$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\"}");
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
var $1b60e4cd5d1e5b6b$exports = {};
|
|
149
|
+
$1b60e4cd5d1e5b6b$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\"}");
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
var $e9ca6eba44abffce$exports = {};
|
|
153
|
+
$e9ca6eba44abffce$exports = JSON.parse("{\"actions\":\"Действия\",\"actionsAvailable\":\"Возможно выполнение действий.\",\"clearSelection\":\"Очистить выбор\",\"selected\":\"{count, plural, =0 {Ничего не выбоано} other {# выбрано}}\",\"selectedAll\":\"Выбрано все\"}");
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
var $508bfd1ac48eb61a$exports = {};
|
|
157
|
+
$508bfd1ac48eb61a$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\"}");
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
var $d785f6c5ba148ce4$exports = {};
|
|
161
|
+
$d785f6c5ba148ce4$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\"}");
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
var $dfc7dc8ff40cea70$exports = {};
|
|
165
|
+
$dfc7dc8ff40cea70$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\"}");
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
var $bea42116379eb09f$exports = {};
|
|
169
|
+
$bea42116379eb09f$exports = JSON.parse("{\"actions\":\"Åtgärder\",\"actionsAvailable\":\"Åtgärder finns.\",\"clearSelection\":\"Rensa markering\",\"selected\":\"{count, plural, =0 {Inga markerade} other {# markerade}}\",\"selectedAll\":\"Alla markerade\"}");
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
var $dc03da5d819982a5$exports = {};
|
|
173
|
+
$dc03da5d819982a5$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\"}");
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
var $c93c67a8485a02db$exports = {};
|
|
177
|
+
$c93c67a8485a02db$exports = JSON.parse("{\"actions\":\"Дії\",\"actionsAvailable\":\"Доступні дії.\",\"clearSelection\":\"Очистити вибір\",\"selected\":\"{count, plural, =0 {Нічого не вибрано} other {Вибрано: #}}\",\"selectedAll\":\"Усе вибрано\"}");
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
var $dd336a8fdfa9aa7b$exports = {};
|
|
181
|
+
$dd336a8fdfa9aa7b$exports = JSON.parse("{\"actions\":\"操作\",\"actionsAvailable\":\"有可用操作。\",\"clearSelection\":\"清除选择\",\"selected\":\"{count, plural, =0 {无选择} other {已选择 # 个}}\",\"selectedAll\":\"全选\"}");
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
var $30d1241741295d61$exports = {};
|
|
185
|
+
$30d1241741295d61$exports = JSON.parse("{\"actions\":\"動作\",\"actionsAvailable\":\"可執行的動作。\",\"clearSelection\":\"清除選取項目\",\"selected\":\"{count, plural, =0 {未選取任何項目} other {已選取 # 個}}\",\"selectedAll\":\"已選取所有項目\"}");
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
$304e231322f30cb2$exports = {
|
|
189
|
+
"ar-AE": $a42f3d97a30aa6c9$exports,
|
|
190
|
+
"bg-BG": $527a50f3b3c911b7$exports,
|
|
191
|
+
"cs-CZ": $cd90476fdc303242$exports,
|
|
192
|
+
"da-DK": $081b7298af5f5b69$exports,
|
|
193
|
+
"de-DE": $6ef7dffbce87e74f$exports,
|
|
194
|
+
"el-GR": $43c62672ca45763f$exports,
|
|
195
|
+
"en-US": $4a93342b52e9ddcf$exports,
|
|
196
|
+
"es-ES": $d1fe0a28d16ba803$exports,
|
|
197
|
+
"et-EE": $3f607057b4497412$exports,
|
|
198
|
+
"fi-FI": $dffc096b505cd1a5$exports,
|
|
199
|
+
"fr-FR": $fced00dcdde4e781$exports,
|
|
200
|
+
"he-IL": $e568cd7cb63d7ce3$exports,
|
|
201
|
+
"hr-HR": $50951315acf49d05$exports,
|
|
202
|
+
"hu-HU": $fd06dc9cc87d0258$exports,
|
|
203
|
+
"it-IT": $9bd9ce3c11c5d11e$exports,
|
|
204
|
+
"ja-JP": $9f76d796bf707b10$exports,
|
|
205
|
+
"ko-KR": $94efe7bbbb291ef4$exports,
|
|
206
|
+
"lt-LT": $92a06c1a52267a65$exports,
|
|
207
|
+
"lv-LV": $670c23292e727d95$exports,
|
|
208
|
+
"nb-NO": $2636117ad082d1ea$exports,
|
|
209
|
+
"nl-NL": $e4ccf12b3bee45db$exports,
|
|
210
|
+
"pl-PL": $b259f128f72a6ac6$exports,
|
|
211
|
+
"pt-BR": $edd692d35256da76$exports,
|
|
212
|
+
"pt-PT": $0af50a83741a7f54$exports,
|
|
213
|
+
"ro-RO": $1b60e4cd5d1e5b6b$exports,
|
|
214
|
+
"ru-RU": $e9ca6eba44abffce$exports,
|
|
215
|
+
"sk-SK": $508bfd1ac48eb61a$exports,
|
|
216
|
+
"sl-SI": $d785f6c5ba148ce4$exports,
|
|
217
|
+
"sr-SP": $dfc7dc8ff40cea70$exports,
|
|
218
|
+
"sv-SE": $bea42116379eb09f$exports,
|
|
219
|
+
"tr-TR": $dc03da5d819982a5$exports,
|
|
220
|
+
"uk-UA": $c93c67a8485a02db$exports,
|
|
221
|
+
"zh-CN": $dd336a8fdfa9aa7b$exports,
|
|
222
|
+
"zh-TW": $30d1241741295d61$exports
|
|
91
223
|
};
|
|
92
224
|
|
|
93
|
-
function $ab7533a35979e9e2d35c7eeb16e3c03e$var$ActionBar(props, ref) {
|
|
94
|
-
let isOpen = props.selectedItemCount !== 0;
|
|
95
|
-
return /*#__PURE__*/_react.createElement(OpenTransition, {
|
|
96
|
-
in: isOpen,
|
|
97
|
-
mountOnEnter: true,
|
|
98
|
-
unmountOnExit: true
|
|
99
|
-
}, /*#__PURE__*/_react.createElement($ab7533a35979e9e2d35c7eeb16e3c03e$var$ActionBarInner, _babelRuntimeHelpersExtends({}, props, {
|
|
100
|
-
ref: ref
|
|
101
|
-
})));
|
|
102
|
-
}
|
|
103
225
|
|
|
104
|
-
var $fc809f600315498babf0c4740e30dc1$$interop$default = $parcel$interopDefault($fc809f600315498babf0c4740e30dc1$exports);
|
|
105
|
-
|
|
106
|
-
const $ab7533a35979e9e2d35c7eeb16e3c03e$var$ActionBarInner = /*#__PURE__*/_react.forwardRef((props, ref) => {
|
|
107
|
-
props = useProviderProps(props);
|
|
108
|
-
let {
|
|
109
|
-
children,
|
|
110
|
-
isEmphasized,
|
|
111
|
-
onAction,
|
|
112
|
-
onClearSelection,
|
|
113
|
-
selectedItemCount,
|
|
114
|
-
isOpen
|
|
115
|
-
} = props;
|
|
116
|
-
let {
|
|
117
|
-
styleProps
|
|
118
|
-
} = useStyleProps(props);
|
|
119
|
-
let domRef = useDOMRef(ref);
|
|
120
|
-
let formatMessage = useMessageFormatter($ab7533a35979e9e2d35c7eeb16e3c03e$var$intlMessages); // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
|
|
121
|
-
|
|
122
|
-
let lastCount = useRef(selectedItemCount);
|
|
123
|
-
|
|
124
|
-
if (selectedItemCount === 'all' || selectedItemCount > 0) {
|
|
125
|
-
lastCount.current = selectedItemCount;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
let {
|
|
129
|
-
keyboardProps
|
|
130
|
-
} = useKeyboard({
|
|
131
|
-
onKeyDown(e) {
|
|
132
|
-
if (e.key === 'Escape') {
|
|
133
|
-
e.preventDefault();
|
|
134
|
-
onClearSelection();
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
226
|
|
|
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
|
-
|
|
227
|
+
|
|
228
|
+
var $ff24c7bbe0c168db$exports = {};
|
|
229
|
+
|
|
230
|
+
$parcel$export($ff24c7bbe0c168db$exports, "ActionBarContainer", () => $ff24c7bbe0c168db$export$ac2eb07f267e434c, (v) => $ff24c7bbe0c168db$export$ac2eb07f267e434c = v);
|
|
231
|
+
$parcel$export($ff24c7bbe0c168db$exports, "react-spectrum-ActionBar", () => $ff24c7bbe0c168db$export$71a4c2be37bc4ee5, (v) => $ff24c7bbe0c168db$export$71a4c2be37bc4ee5 = v);
|
|
232
|
+
$parcel$export($ff24c7bbe0c168db$exports, "is-open", () => $ff24c7bbe0c168db$export$a9781837241c946d, (v) => $ff24c7bbe0c168db$export$a9781837241c946d = v);
|
|
233
|
+
$parcel$export($ff24c7bbe0c168db$exports, "react-spectrum-ActionBar-bar", () => $ff24c7bbe0c168db$export$ea5a1c79ca7998e9, (v) => $ff24c7bbe0c168db$export$ea5a1c79ca7998e9 = v);
|
|
234
|
+
$parcel$export($ff24c7bbe0c168db$exports, "react-spectrum-ActionBar--emphasized", () => $ff24c7bbe0c168db$export$3377f5e3cddd68a7, (v) => $ff24c7bbe0c168db$export$3377f5e3cddd68a7 = v);
|
|
235
|
+
$parcel$export($ff24c7bbe0c168db$exports, "react-spectrum-ActionBar-selectedCount", () => $ff24c7bbe0c168db$export$8b9fb52122670f9e, (v) => $ff24c7bbe0c168db$export$8b9fb52122670f9e = v);
|
|
236
|
+
$parcel$export($ff24c7bbe0c168db$exports, "react-spectrum-ActionBar-actionGroup", () => $ff24c7bbe0c168db$export$adc2706661946993, (v) => $ff24c7bbe0c168db$export$adc2706661946993 = v);
|
|
237
|
+
var $ff24c7bbe0c168db$export$ac2eb07f267e434c;
|
|
238
|
+
var $ff24c7bbe0c168db$export$71a4c2be37bc4ee5;
|
|
239
|
+
var $ff24c7bbe0c168db$export$a9781837241c946d;
|
|
240
|
+
var $ff24c7bbe0c168db$export$ea5a1c79ca7998e9;
|
|
241
|
+
var $ff24c7bbe0c168db$export$3377f5e3cddd68a7;
|
|
242
|
+
var $ff24c7bbe0c168db$export$8b9fb52122670f9e;
|
|
243
|
+
var $ff24c7bbe0c168db$export$adc2706661946993;
|
|
244
|
+
$ff24c7bbe0c168db$export$ac2eb07f267e434c = "ActionBarContainer_cca088";
|
|
245
|
+
$ff24c7bbe0c168db$export$71a4c2be37bc4ee5 = "react-spectrum-ActionBar_cca088";
|
|
246
|
+
$ff24c7bbe0c168db$export$a9781837241c946d = "is-open_cca088";
|
|
247
|
+
$ff24c7bbe0c168db$export$ea5a1c79ca7998e9 = "react-spectrum-ActionBar-bar_cca088";
|
|
248
|
+
$ff24c7bbe0c168db$export$3377f5e3cddd68a7 = "react-spectrum-ActionBar--emphasized_cca088";
|
|
249
|
+
$ff24c7bbe0c168db$export$8b9fb52122670f9e = "react-spectrum-ActionBar-selectedCount_cca088";
|
|
250
|
+
$ff24c7bbe0c168db$export$adc2706661946993 = "react-spectrum-ActionBar-actionGroup_cca088";
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
function $7b5467653feb1153$var$ActionBar(props, ref) {
|
|
258
|
+
let isOpen = props.selectedItemCount !== 0;
|
|
259
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumoverlays.OpenTransition, {
|
|
260
|
+
in: isOpen,
|
|
261
|
+
mountOnEnter: true,
|
|
262
|
+
unmountOnExit: true
|
|
263
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($7b5467653feb1153$var$ActionBarInner, {
|
|
264
|
+
...props,
|
|
265
|
+
ref: ref
|
|
266
|
+
})));
|
|
267
|
+
}
|
|
268
|
+
const $7b5467653feb1153$var$ActionBarInner = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef((props, ref)=>{
|
|
269
|
+
props = $grxqE$reactspectrumprovider.useProviderProps(props);
|
|
270
|
+
let { children: children , isEmphasized: isEmphasized , onAction: onAction , onClearSelection: onClearSelection , selectedItemCount: selectedItemCount , isOpen: isOpen } = props;
|
|
271
|
+
let { styleProps: styleProps } = $grxqE$reactspectrumutils.useStyleProps(props);
|
|
272
|
+
let domRef = $grxqE$reactspectrumutils.useDOMRef(ref);
|
|
273
|
+
let formatMessage = $grxqE$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($304e231322f30cb2$exports)));
|
|
274
|
+
// Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
|
|
275
|
+
let lastCount = $grxqE$react.useRef(selectedItemCount);
|
|
276
|
+
if (selectedItemCount === 'all' || selectedItemCount > 0) lastCount.current = selectedItemCount;
|
|
277
|
+
let { keyboardProps: keyboardProps } = $grxqE$reactariainteractions.useKeyboard({
|
|
278
|
+
onKeyDown (e) {
|
|
279
|
+
if (e.key === 'Escape') {
|
|
280
|
+
e.preventDefault();
|
|
281
|
+
onClearSelection();
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
// Announce "actions available" on mount.
|
|
286
|
+
$grxqE$react.useEffect(()=>{
|
|
287
|
+
$grxqE$reactarialiveannouncer.announce(formatMessage('actionsAvailable'));
|
|
288
|
+
}, [
|
|
289
|
+
formatMessage
|
|
290
|
+
]);
|
|
291
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactariafocus.FocusScope, {
|
|
292
|
+
restoreFocus: true
|
|
293
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
|
|
294
|
+
...$grxqE$reactariautils.filterDOMProps(props),
|
|
295
|
+
...styleProps,
|
|
296
|
+
...keyboardProps,
|
|
297
|
+
ref: domRef,
|
|
298
|
+
className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar', {
|
|
299
|
+
'react-spectrum-ActionBar--emphasized': isEmphasized,
|
|
300
|
+
'is-open': isOpen
|
|
301
|
+
}, styleProps.className)
|
|
302
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
|
|
303
|
+
className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-bar')
|
|
304
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumactiongroup.ActionGroup, {
|
|
305
|
+
"aria-label": formatMessage('actions'),
|
|
306
|
+
isQuiet: true,
|
|
307
|
+
staticColor: isEmphasized ? 'white' : null,
|
|
308
|
+
overflowMode: "collapse",
|
|
309
|
+
buttonLabelBehavior: "collapse",
|
|
310
|
+
onAction: onAction,
|
|
311
|
+
UNSAFE_className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-actionGroup')
|
|
312
|
+
}, children), /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumbutton.ActionButton, {
|
|
313
|
+
gridArea: "clear",
|
|
314
|
+
"aria-label": formatMessage('clearSelection'),
|
|
315
|
+
onPress: ()=>onClearSelection()
|
|
316
|
+
,
|
|
317
|
+
isQuiet: true,
|
|
318
|
+
staticColor: isEmphasized ? 'white' : null
|
|
319
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement(($parcel$interopDefault($grxqE$spectrumiconsuiCrossLarge)), null)), /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumtext.Text, {
|
|
320
|
+
UNSAFE_className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-selectedCount')
|
|
321
|
+
}, lastCount.current === 'all' ? formatMessage('selectedAll') : formatMessage('selected', {
|
|
322
|
+
count: lastCount.current
|
|
323
|
+
}))))));
|
|
172
324
|
});
|
|
173
325
|
/**
|
|
174
326
|
* TODO: Add description of component here.
|
|
175
|
-
*/
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
exports
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
} = useStyleProps(props);
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
327
|
+
*/ const $7b5467653feb1153$export$e213cebad6250b4a = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef($7b5467653feb1153$var$ActionBar);
|
|
328
|
+
|
|
329
|
+
|
|
330
|
+
var $961b22d2b8bd2da1$exports = {};
|
|
331
|
+
|
|
332
|
+
$parcel$export($961b22d2b8bd2da1$exports, "ActionBarContainer", () => $961b22d2b8bd2da1$export$ac2eb07f267e434c);
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
function $961b22d2b8bd2da1$var$ActionBarContainer(props, ref) {
|
|
339
|
+
// 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.
|
|
340
|
+
props = $grxqE$reactspectrumprovider.useProviderProps(props);
|
|
341
|
+
let { children: children } = props;
|
|
342
|
+
let { styleProps: styleProps } = $grxqE$reactspectrumutils.useStyleProps(props);
|
|
343
|
+
let domRef = $grxqE$reactspectrumutils.useDOMRef(ref);
|
|
344
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
|
|
345
|
+
...$grxqE$reactariautils.filterDOMProps(props),
|
|
346
|
+
...styleProps,
|
|
347
|
+
ref: domRef,
|
|
348
|
+
className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'ActionBarContainer', styleProps.className)
|
|
349
|
+
}, children));
|
|
196
350
|
}
|
|
197
351
|
/**
|
|
198
352
|
* TODO: Add description of component here.
|
|
199
|
-
*/
|
|
353
|
+
*/ const $961b22d2b8bd2da1$export$ac2eb07f267e434c = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef($961b22d2b8bd2da1$var$ActionBarContainer);
|
|
354
|
+
|
|
355
|
+
|
|
200
356
|
|
|
357
|
+
$parcel$exportWildcard(module.exports, $7b5467653feb1153$exports);
|
|
358
|
+
$parcel$exportWildcard(module.exports, $961b22d2b8bd2da1$exports);
|
|
201
359
|
|
|
202
|
-
const ActionBarContainer = /*#__PURE__*/_react.forwardRef($e63fa98405d2f7ed675ee87b79565d$var$ActionBarContainer);
|
|
203
360
|
|
|
204
|
-
exports.ActionBarContainer = ActionBarContainer;
|
|
205
361
|
//# sourceMappingURL=main.js.map
|