@react-aria/grid 3.2.2-nightly.3111 → 3.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +208 -202
- package/dist/main.js.map +1 -1
- package/dist/module.js +203 -197
- package/dist/module.js.map +1 -1
- package/package.json +14 -14
package/dist/module.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {Rect as $
|
|
2
|
-
import {announce as $
|
|
3
|
-
import {useId as $
|
|
4
|
-
import {useMemo as $
|
|
5
|
-
import {useMessageFormatter as $
|
|
6
|
-
import {useSelectableCollection as $
|
|
7
|
-
import {useInteractionModality as $
|
|
8
|
-
import {getFocusableTreeWalker as $
|
|
1
|
+
import {Rect as $lXa56$Rect} from "@react-stately/virtualizer";
|
|
2
|
+
import {announce as $lXa56$announce} from "@react-aria/live-announcer";
|
|
3
|
+
import {useId as $lXa56$useId, filterDOMProps as $lXa56$filterDOMProps, mergeProps as $lXa56$mergeProps, useUpdateEffect as $lXa56$useUpdateEffect, useDescription as $lXa56$useDescription} from "@react-aria/utils";
|
|
4
|
+
import {useMemo as $lXa56$useMemo, useRef as $lXa56$useRef} from "react";
|
|
5
|
+
import {useMessageFormatter as $lXa56$useMessageFormatter, useCollator as $lXa56$useCollator, useLocale as $lXa56$useLocale} from "@react-aria/i18n";
|
|
6
|
+
import {useSelectableCollection as $lXa56$useSelectableCollection, useSelectableItem as $lXa56$useSelectableItem} from "@react-aria/selection";
|
|
7
|
+
import {useInteractionModality as $lXa56$useInteractionModality, isFocusVisible as $lXa56$isFocusVisible} from "@react-aria/interactions";
|
|
8
|
+
import {getFocusableTreeWalker as $lXa56$getFocusableTreeWalker, focusSafely as $lXa56$focusSafely} from "@react-aria/focus";
|
|
9
9
|
|
|
10
10
|
function $parcel$export(e, n, v, s) {
|
|
11
11
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -13,20 +13,11 @@ function $parcel$export(e, n, v, s) {
|
|
|
13
13
|
function $parcel$interopDefault(a) {
|
|
14
14
|
return a && a.__esModule ? a.default : a;
|
|
15
15
|
}
|
|
16
|
-
var $
|
|
16
|
+
var $443792db7cadc1aa$exports = {};
|
|
17
17
|
|
|
18
|
-
$parcel$export($
|
|
18
|
+
$parcel$export($443792db7cadc1aa$exports, "GridKeyboardDelegate", () => $443792db7cadc1aa$export$de9feff04fda126e);
|
|
19
19
|
|
|
20
|
-
class $
|
|
21
|
-
constructor(options){
|
|
22
|
-
this.collection = options.collection;
|
|
23
|
-
this.disabledKeys = options.disabledKeys;
|
|
24
|
-
this.ref = options.ref;
|
|
25
|
-
this.direction = options.direction;
|
|
26
|
-
this.collator = options.collator;
|
|
27
|
-
this.layout = options.layout;
|
|
28
|
-
this.focusMode = options.focusMode || 'row';
|
|
29
|
-
}
|
|
20
|
+
class $443792db7cadc1aa$export$de9feff04fda126e {
|
|
30
21
|
isCell(node) {
|
|
31
22
|
return node.type === 'cell';
|
|
32
23
|
}
|
|
@@ -193,17 +184,20 @@ class $445dab796ea08313$export$de9feff04fda126e {
|
|
|
193
184
|
return this.ref.current.querySelector(`[data-key="${key}"]`);
|
|
194
185
|
}
|
|
195
186
|
getItemRect(key) {
|
|
196
|
-
|
|
187
|
+
var ref;
|
|
188
|
+
if (this.layout) return (ref = this.layout.getLayoutInfo(key)) === null || ref === void 0 ? void 0 : ref.rect;
|
|
197
189
|
let item = this.getItem(key);
|
|
198
|
-
if (item) return new $
|
|
190
|
+
if (item) return new $lXa56$Rect(item.offsetLeft, item.offsetTop, item.offsetWidth, item.offsetHeight);
|
|
199
191
|
}
|
|
200
192
|
getPageHeight() {
|
|
201
|
-
|
|
202
|
-
return this.ref
|
|
193
|
+
var ref, ref1, ref2;
|
|
194
|
+
if (this.layout) return (ref = this.layout.virtualizer) === null || ref === void 0 ? void 0 : ref.visibleRect.height;
|
|
195
|
+
return (ref1 = this.ref) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.current) === null || ref2 === void 0 ? void 0 : ref2.offsetHeight;
|
|
203
196
|
}
|
|
204
197
|
getContentHeight() {
|
|
198
|
+
var ref, ref3;
|
|
205
199
|
if (this.layout) return this.layout.getContentSize().height;
|
|
206
|
-
return this.ref
|
|
200
|
+
return (ref = this.ref) === null || ref === void 0 ? void 0 : (ref3 = ref.current) === null || ref3 === void 0 ? void 0 : ref3.scrollHeight;
|
|
207
201
|
}
|
|
208
202
|
getKeyPageAbove(key) {
|
|
209
203
|
let itemRect = this.getItemRect(key);
|
|
@@ -232,7 +226,7 @@ class $445dab796ea08313$export$de9feff04fda126e {
|
|
|
232
226
|
getKeyForSearch(search, fromKey) {
|
|
233
227
|
if (!this.collator) return null;
|
|
234
228
|
let collection = this.collection;
|
|
235
|
-
let key = fromKey
|
|
229
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : this.getFirstKey();
|
|
236
230
|
// If the starting key is a cell, search from its parent row.
|
|
237
231
|
let startItem = collection.getItem(key);
|
|
238
232
|
if (startItem.type === 'cell') key = startItem.parentKey;
|
|
@@ -258,191 +252,200 @@ class $445dab796ea08313$export$de9feff04fda126e {
|
|
|
258
252
|
}
|
|
259
253
|
return null;
|
|
260
254
|
}
|
|
255
|
+
constructor(options){
|
|
256
|
+
this.collection = options.collection;
|
|
257
|
+
this.disabledKeys = options.disabledKeys;
|
|
258
|
+
this.ref = options.ref;
|
|
259
|
+
this.direction = options.direction;
|
|
260
|
+
this.collator = options.collator;
|
|
261
|
+
this.layout = options.layout;
|
|
262
|
+
this.focusMode = options.focusMode || 'row';
|
|
263
|
+
}
|
|
261
264
|
}
|
|
262
265
|
|
|
263
266
|
|
|
264
|
-
var $
|
|
267
|
+
var $dcacebcbcfcb3c97$exports = {};
|
|
265
268
|
|
|
266
|
-
$parcel$export($
|
|
269
|
+
$parcel$export($dcacebcbcfcb3c97$exports, "useGrid", () => $dcacebcbcfcb3c97$export$f6b86a04e5d66d90);
|
|
267
270
|
|
|
268
271
|
|
|
269
272
|
|
|
270
|
-
const $
|
|
273
|
+
const $ba5b01b152976b9b$export$e6235c0d09b995d0 = new WeakMap();
|
|
271
274
|
|
|
272
275
|
|
|
273
276
|
|
|
274
|
-
var $
|
|
275
|
-
var $
|
|
276
|
-
$
|
|
277
|
+
var $0f3ea750e5ceb3a0$exports = {};
|
|
278
|
+
var $686090ff58b090f8$exports = {};
|
|
279
|
+
$686090ff58b090f8$exports = JSON.parse("{\"deselectedItem\":\"{item} غير المحدد\",\"longPressToSelect\":\"اضغط مطولًا للدخول إلى وضع التحديد.\",\"select\":\"تحديد\",\"selectedAll\":\"جميع العناصر المحددة.\",\"selectedCount\":\"{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}.\",\"selectedItem\":\"{item} المحدد\"}");
|
|
277
280
|
|
|
278
281
|
|
|
279
|
-
var $
|
|
280
|
-
$
|
|
282
|
+
var $5a5725653d5e6701$exports = {};
|
|
283
|
+
$5a5725653d5e6701$exports = JSON.parse("{\"deselectedItem\":\"{item} не е избран.\",\"longPressToSelect\":\"Натиснете и задръжте за да влезете в избирателен режим.\",\"select\":\"Изберете\",\"selectedAll\":\"Всички елементи са избрани.\",\"selectedCount\":\"{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елементи}}.\",\"selectedItem\":\"{item} избран.\"}");
|
|
281
284
|
|
|
282
285
|
|
|
283
|
-
var $
|
|
284
|
-
$
|
|
286
|
+
var $b5d485c5e92631c8$exports = {};
|
|
287
|
+
$b5d485c5e92631c8$exports = JSON.parse("{\"deselectedItem\":\"Položka {item} není vybrána.\",\"longPressToSelect\":\"Dlouhým stisknutím přejdete do režimu výběru.\",\"select\":\"Vybrat\",\"selectedAll\":\"Vybrány všechny položky.\",\"selectedCount\":\"{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} other {Vybráno # položek}}.\",\"selectedItem\":\"Vybrána položka {item}.\"}");
|
|
285
288
|
|
|
286
289
|
|
|
287
|
-
var $
|
|
288
|
-
$
|
|
290
|
+
var $2235a079c294cc35$exports = {};
|
|
291
|
+
$2235a079c294cc35$exports = JSON.parse("{\"deselectedItem\":\"{item} ikke valgt.\",\"longPressToSelect\":\"Lav et langt tryk for at aktivere valgtilstand.\",\"select\":\"Vælg\",\"selectedAll\":\"Alle elementer valgt.\",\"selectedCount\":\"{count, plural, =0 {Ingen elementer valgt} one {# element valgt} other {# elementer valgt}}.\",\"selectedItem\":\"{item} valgt.\"}");
|
|
289
292
|
|
|
290
293
|
|
|
291
|
-
var $
|
|
292
|
-
$
|
|
294
|
+
var $7fb56a84233b0d93$exports = {};
|
|
295
|
+
$7fb56a84233b0d93$exports = JSON.parse("{\"deselectedItem\":\"{item} nicht ausgewählt.\",\"longPressToSelect\":\"Gedrückt halten, um Auswahlmodus zu öffnen.\",\"select\":\"Auswählen\",\"selectedAll\":\"Alle Elemente ausgewählt.\",\"selectedCount\":\"{count, plural, =0 {Keine Elemente ausgewählt} one {# Element ausgewählt} other {# Elemente ausgewählt}}.\",\"selectedItem\":\"{item} ausgewählt.\"}");
|
|
293
296
|
|
|
294
297
|
|
|
295
|
-
var $
|
|
296
|
-
$
|
|
298
|
+
var $bd6c619408ecb0c0$exports = {};
|
|
299
|
+
$bd6c619408ecb0c0$exports = JSON.parse("{\"deselectedItem\":\"Δεν επιλέχθηκε το στοιχείο {item}.\",\"longPressToSelect\":\"Πατήστε παρατεταμένα για να μπείτε σε λειτουργία επιλογής.\",\"select\":\"Επιλογή\",\"selectedAll\":\"Επιλέχθηκαν όλα τα στοιχεία.\",\"selectedCount\":\"{count, plural, =0 {Δεν επιλέχθηκαν στοιχεία} one {Επιλέχθηκε # στοιχείο} other {Επιλέχθηκαν # στοιχεία}}.\",\"selectedItem\":\"Επιλέχθηκε το στοιχείο {item}.\"}");
|
|
297
300
|
|
|
298
301
|
|
|
299
|
-
var $
|
|
300
|
-
$
|
|
302
|
+
var $0936cda1b20a7851$exports = {};
|
|
303
|
+
$0936cda1b20a7851$exports = JSON.parse("{\"deselectedItem\":\"{item} not selected.\",\"select\":\"Select\",\"selectedCount\":\"{count, plural, =0 {No items selected} one {# item selected} other {# items selected}}.\",\"selectedAll\":\"All items selected.\",\"selectedItem\":\"{item} selected.\",\"longPressToSelect\":\"Long press to enter selection mode.\"}");
|
|
301
304
|
|
|
302
305
|
|
|
303
|
-
var $
|
|
304
|
-
$
|
|
306
|
+
var $ec8b91d79c126819$exports = {};
|
|
307
|
+
$ec8b91d79c126819$exports = JSON.parse("{\"deselectedItem\":\"{item} no seleccionado.\",\"longPressToSelect\":\"Mantenga pulsado para abrir el modo de selección.\",\"select\":\"Seleccionar\",\"selectedAll\":\"Todos los elementos seleccionados.\",\"selectedCount\":\"{count, plural, =0 {Ningún elemento seleccionado} one {# elemento seleccionado} other {# elementos seleccionados}}.\",\"selectedItem\":\"{item} seleccionado.\"}");
|
|
305
308
|
|
|
306
309
|
|
|
307
|
-
var $
|
|
308
|
-
$
|
|
310
|
+
var $f589a8779c6ffdf7$exports = {};
|
|
311
|
+
$f589a8779c6ffdf7$exports = JSON.parse("{\"deselectedItem\":\"{item} pole valitud.\",\"longPressToSelect\":\"Valikurežiimi sisenemiseks vajutage pikalt.\",\"select\":\"Vali\",\"selectedAll\":\"Kõik üksused valitud.\",\"selectedCount\":\"{count, plural, =0 {Üksusi pole valitud} one {# üksus valitud} other {# üksust valitud}}.\",\"selectedItem\":\"{item} valitud.\"}");
|
|
309
312
|
|
|
310
313
|
|
|
311
|
-
var $
|
|
312
|
-
$
|
|
314
|
+
var $be66ace6f543c136$exports = {};
|
|
315
|
+
$be66ace6f543c136$exports = JSON.parse("{\"deselectedItem\":\"Kohdetta {item} ei valittu.\",\"longPressToSelect\":\"Siirry valintatilaan painamalla pitkään.\",\"select\":\"Valitse\",\"selectedAll\":\"Kaikki kohteet valittu.\",\"selectedCount\":\"{count, plural, =0 {Ei yhtään kohdetta valittu} one {# kohde valittu} other {# kohdetta valittu}}.\",\"selectedItem\":\"{item} valittu.\"}");
|
|
313
316
|
|
|
314
317
|
|
|
315
|
-
var $
|
|
316
|
-
$
|
|
318
|
+
var $036fc759a7a7fad4$exports = {};
|
|
319
|
+
$036fc759a7a7fad4$exports = JSON.parse("{\"deselectedItem\":\"{item} non sélectionné.\",\"longPressToSelect\":\"Appuyez de manière prolongée pour passer en mode de sélection.\",\"select\":\"Sélectionner\",\"selectedAll\":\"Tous les éléments sélectionnés.\",\"selectedCount\":\"{count, plural, =0 {Aucun élément sélectionné} one {# élément sélectionné} other {# éléments sélectionnés}}.\",\"selectedItem\":\"{item} sélectionné.\"}");
|
|
317
320
|
|
|
318
321
|
|
|
319
|
-
var $
|
|
320
|
-
$
|
|
322
|
+
var $c67f0002ed789122$exports = {};
|
|
323
|
+
$c67f0002ed789122$exports = JSON.parse("{\"deselectedItem\":\"{item} לא נבחר.\",\"longPressToSelect\":\"הקשה ארוכה לכניסה למצב בחירה.\",\"select\":\"בחר\",\"selectedAll\":\"כל הפריטים נבחרו.\",\"selectedCount\":\"{count, plural, =0 {לא נבחרו פריטים} one {פריט # נבחר} other {# פריטים נבחרו}}.\",\"selectedItem\":\"{item} נבחר.\"}");
|
|
321
324
|
|
|
322
325
|
|
|
323
|
-
var $
|
|
324
|
-
$
|
|
326
|
+
var $455a31f7edecfd6b$exports = {};
|
|
327
|
+
$455a31f7edecfd6b$exports = JSON.parse("{\"deselectedItem\":\"Stavka {item} nije odabrana.\",\"longPressToSelect\":\"Dugo pritisnite za ulazak u način odabira.\",\"select\":\"Odaberite\",\"selectedAll\":\"Odabrane su sve stavke.\",\"selectedCount\":\"{count, plural, =0 {Nije odabrana nijedna stavka} one {Odabrana je # stavka} other {Odabrano je # stavki}}.\",\"selectedItem\":\"Stavka {item} je odabrana.\"}");
|
|
325
328
|
|
|
326
329
|
|
|
327
|
-
var $
|
|
328
|
-
$
|
|
330
|
+
var $3c115ffac848efe2$exports = {};
|
|
331
|
+
$3c115ffac848efe2$exports = JSON.parse("{\"deselectedItem\":\"{item} nincs kijelölve.\",\"longPressToSelect\":\"Nyomja hosszan a kijelöléshez.\",\"select\":\"Kijelölés\",\"selectedAll\":\"Az összes elem kijelölve.\",\"selectedCount\":\"{count, plural, =0 {Egy elem sincs kijelölve} one {# elem kijelölve} other {# elem kijelölve}}.\",\"selectedItem\":\"{item} kijelölve.\"}");
|
|
329
332
|
|
|
330
333
|
|
|
331
|
-
var $
|
|
332
|
-
$
|
|
334
|
+
var $bcce46ff68aa3bc6$exports = {};
|
|
335
|
+
$bcce46ff68aa3bc6$exports = JSON.parse("{\"deselectedItem\":\"{item} non selezionato.\",\"longPressToSelect\":\"Premi a lungo per passare alla modalità di selezione.\",\"select\":\"Seleziona\",\"selectedAll\":\"Tutti gli elementi selezionati.\",\"selectedCount\":\"{count, plural, =0 {Nessun elemento selezionato} one {# elemento selezionato} other {# elementi selezionati}}.\",\"selectedItem\":\"{item} selezionato.\"}");
|
|
333
336
|
|
|
334
337
|
|
|
335
|
-
var $
|
|
336
|
-
$
|
|
338
|
+
var $e24721aa94c8f6ad$exports = {};
|
|
339
|
+
$e24721aa94c8f6ad$exports = JSON.parse("{\"deselectedItem\":\"{item} が選択されていません。\",\"longPressToSelect\":\"長押しして選択モードを開きます。\",\"select\":\"選択\",\"selectedAll\":\"すべての項目を選択しました。\",\"selectedCount\":\"{count, plural, =0 {項目が選択されていません} one {# 項目を選択しました} other {# 項目を選択しました}}。\",\"selectedItem\":\"{item} を選択しました。\"}");
|
|
337
340
|
|
|
338
341
|
|
|
339
|
-
var $
|
|
340
|
-
$
|
|
342
|
+
var $fdab6b0d5ec78334$exports = {};
|
|
343
|
+
$fdab6b0d5ec78334$exports = JSON.parse("{\"deselectedItem\":\"{item}이(가) 선택되지 않았습니다.\",\"longPressToSelect\":\"선택 모드로 들어가려면 길게 누르십시오.\",\"select\":\"선택\",\"selectedAll\":\"모든 항목이 선택되었습니다.\",\"selectedCount\":\"{count, plural, =0 {선택된 항목이 없습니다} one {#개 항목이 선택되었습니다} other {#개 항목이 선택되었습니다}}.\",\"selectedItem\":\"{item}이(가) 선택되었습니다.\"}");
|
|
341
344
|
|
|
342
345
|
|
|
343
|
-
var $
|
|
344
|
-
$
|
|
346
|
+
var $90b7b8d586cba1cc$exports = {};
|
|
347
|
+
$90b7b8d586cba1cc$exports = JSON.parse("{\"deselectedItem\":\"{item} nepasirinkta.\",\"longPressToSelect\":\"Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.\",\"select\":\"Pasirinkti\",\"selectedAll\":\"Pasirinkti visi elementai.\",\"selectedCount\":\"{count, plural, =0 {Nepasirinktas nė vienas elementas} one {Pasirinktas # elementas} other {Pasirinkta elementų: #}}.\",\"selectedItem\":\"Pasirinkta: {item}.\"}");
|
|
345
348
|
|
|
346
349
|
|
|
347
|
-
var $
|
|
348
|
-
$
|
|
350
|
+
var $131cb674dd1722b1$exports = {};
|
|
351
|
+
$131cb674dd1722b1$exports = JSON.parse("{\"deselectedItem\":\"Vienums {item} nav atlasīts.\",\"longPressToSelect\":\"Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.\",\"select\":\"Atlasīt\",\"selectedAll\":\"Atlasīti visi vienumi.\",\"selectedCount\":\"{count, plural, =0 {Nav atlasīts neviens vienums} one {Atlasīto vienumu skaits: #} other {Atlasīto vienumu skaits: #}}.\",\"selectedItem\":\"Atlasīts vienums {item}.\"}");
|
|
349
352
|
|
|
350
353
|
|
|
351
|
-
var $
|
|
352
|
-
$
|
|
354
|
+
var $a49db570aa31187a$exports = {};
|
|
355
|
+
$a49db570aa31187a$exports = JSON.parse("{\"deselectedItem\":\"{item} er ikke valgt.\",\"longPressToSelect\":\"Bruk et langt trykk for å gå inn i valgmodus.\",\"select\":\"Velg\",\"selectedAll\":\"Alle elementer er valgt.\",\"selectedCount\":\"{count, plural, =0 {Ingen elementer er valgt} one {# element er valgt} other {# elementer er valgt}}.\",\"selectedItem\":\"{item} er valgt.\"}");
|
|
353
356
|
|
|
354
357
|
|
|
355
|
-
var $
|
|
356
|
-
$
|
|
358
|
+
var $1d7dcda54de54373$exports = {};
|
|
359
|
+
$1d7dcda54de54373$exports = JSON.parse("{\"deselectedItem\":\"{item} niet geselecteerd.\",\"longPressToSelect\":\"Druk lang om de selectiemodus te openen.\",\"select\":\"Selecteren\",\"selectedAll\":\"Alle items geselecteerd.\",\"selectedCount\":\"{count, plural, =0 {Geen items geselecteerd} one {# item geselecteerd} other {# items geselecteerd}}.\",\"selectedItem\":\"{item} geselecteerd.\"}");
|
|
357
360
|
|
|
358
361
|
|
|
359
|
-
var $
|
|
360
|
-
$
|
|
362
|
+
var $0f545715a62f810a$exports = {};
|
|
363
|
+
$0f545715a62f810a$exports = JSON.parse("{\"deselectedItem\":\"Nie zaznaczono {item}.\",\"longPressToSelect\":\"Naciśnij i przytrzymaj, aby wejść do trybu wyboru.\",\"select\":\"Zaznacz\",\"selectedAll\":\"Wszystkie zaznaczone elementy.\",\"selectedCount\":\"{count, plural, =0 {Nie zaznaczono żadnych elementów} one {# zaznaczony element} other {# zaznaczonych elementów}}.\",\"selectedItem\":\"Zaznaczono {item}.\"}");
|
|
361
364
|
|
|
362
365
|
|
|
363
|
-
var $
|
|
364
|
-
$
|
|
366
|
+
var $7a35fe599097b628$exports = {};
|
|
367
|
+
$7a35fe599097b628$exports = JSON.parse("{\"deselectedItem\":\"{item} não selecionado.\",\"longPressToSelect\":\"Mantenha pressionado para entrar no modo de seleção.\",\"select\":\"Selecionar\",\"selectedAll\":\"Todos os itens selecionados.\",\"selectedCount\":\"{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.\",\"selectedItem\":\"{item} selecionado.\"}");
|
|
365
368
|
|
|
366
369
|
|
|
367
|
-
var $
|
|
368
|
-
$
|
|
370
|
+
var $e3866a73b27f8126$exports = {};
|
|
371
|
+
$e3866a73b27f8126$exports = JSON.parse("{\"deselectedItem\":\"{item} não selecionado.\",\"longPressToSelect\":\"Prima continuamente para entrar no modo de seleção.\",\"select\":\"Selecionar\",\"selectedAll\":\"Todos os itens selecionados.\",\"selectedCount\":\"{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.\",\"selectedItem\":\"{item} selecionado.\"}");
|
|
369
372
|
|
|
370
373
|
|
|
371
|
-
var $
|
|
372
|
-
$
|
|
374
|
+
var $56fd33adf27d8336$exports = {};
|
|
375
|
+
$56fd33adf27d8336$exports = JSON.parse("{\"deselectedItem\":\"{item} neselectat.\",\"longPressToSelect\":\"Apăsați lung pentru a intra în modul de selectare.\",\"select\":\"Selectare\",\"selectedAll\":\"Toate elementele selectate.\",\"selectedCount\":\"{count, plural, =0 {Niciun element selectat} one {# element selectat} other {# elemente selectate}}.\",\"selectedItem\":\"{item} selectat.\"}");
|
|
373
376
|
|
|
374
377
|
|
|
375
|
-
var $
|
|
376
|
-
$
|
|
378
|
+
var $5cde9058bcaa4259$exports = {};
|
|
379
|
+
$5cde9058bcaa4259$exports = JSON.parse("{\"deselectedItem\":\"{Item} не выбрано.\",\"longPressToSelect\":\"Нажмите и удерживайте для входа в режим выбора.\",\"select\":\"Выбрать\",\"selectedAll\":\"Выбраны все элементы.\",\"selectedCount\":\"{count, plural, =0 {Нет выбранных элементов} one {# элемент выбран} other {# элементов выбрано}}.\",\"selectedItem\":\"{Item} выбрано.\"}");
|
|
377
380
|
|
|
378
381
|
|
|
379
|
-
var $
|
|
380
|
-
$
|
|
382
|
+
var $cb1b151036ae40e1$exports = {};
|
|
383
|
+
$cb1b151036ae40e1$exports = JSON.parse("{\"deselectedItem\":\"Nevybraté položky: {item}.\",\"longPressToSelect\":\"Dlhším stlačením prejdite do režimu výberu.\",\"select\":\"Vybrať\",\"selectedAll\":\"Všetky vybraté položky.\",\"selectedCount\":\"{count, plural, =0 {Žiadne vybraté položky} one {# vybratá položka} other {Počet vybratých položiek:#}}.\",\"selectedItem\":\"Vybraté položky: {item}.\"}");
|
|
381
384
|
|
|
382
385
|
|
|
383
|
-
var $
|
|
384
|
-
$
|
|
386
|
+
var $9aec13184520526f$exports = {};
|
|
387
|
+
$9aec13184520526f$exports = JSON.parse("{\"deselectedItem\":\"Element {item} ni izbran.\",\"longPressToSelect\":\"Za izbirni način pritisnite in dlje časa držite.\",\"select\":\"Izberite\",\"selectedAll\":\"Vsi elementi so izbrani.\",\"selectedCount\":\"{count, plural, =0 {Noben element ni izbran} one {# element je izbran} other {# elementov je izbranih}}.\",\"selectedItem\":\"Element {item} je izbran.\"}");
|
|
385
388
|
|
|
386
389
|
|
|
387
|
-
var $
|
|
388
|
-
$
|
|
390
|
+
var $94910073a1eaee63$exports = {};
|
|
391
|
+
$94910073a1eaee63$exports = JSON.parse("{\"deselectedItem\":\"{item} nije izabrano.\",\"longPressToSelect\":\"Dugo pritisnite za ulazak u režim biranja.\",\"select\":\"Izaberite\",\"selectedAll\":\"Izabrane su sve stavke.\",\"selectedCount\":\"{count, plural, =0 {Nije izabrana nijedna stavka} one {Izabrana je # stavka} other {Izabrano je # stavki}}.\",\"selectedItem\":\"{Item} je izabrano.\"}");
|
|
389
392
|
|
|
390
393
|
|
|
391
|
-
var $
|
|
392
|
-
$
|
|
394
|
+
var $1d680398f312c564$exports = {};
|
|
395
|
+
$1d680398f312c564$exports = JSON.parse("{\"deselectedItem\":\"{item} ej markerat.\",\"longPressToSelect\":\"Tryck länge när du vill öppna väljarläge.\",\"select\":\"Markera\",\"selectedAll\":\"Alla markerade objekt.\",\"selectedCount\":\"{count, plural, =0 {Inga markerade objekt} one {# markerat objekt} other {# markerade objekt}}.\",\"selectedItem\":\"{item} markerat.\"}");
|
|
393
396
|
|
|
394
397
|
|
|
395
|
-
var $
|
|
396
|
-
$
|
|
398
|
+
var $c3d212a25b862405$exports = {};
|
|
399
|
+
$c3d212a25b862405$exports = JSON.parse("{\"deselectedItem\":\"{item} seçilmedi.\",\"longPressToSelect\":\"Seçim moduna girmek için uzun basın.\",\"select\":\"Seç\",\"selectedAll\":\"Tüm ögeler seçildi.\",\"selectedCount\":\"{count, plural, =0 {Hiçbir öge seçilmedi} one {# öge seçildi} other {# öge seçildi}}.\",\"selectedItem\":\"{item} seçildi.\"}");
|
|
397
400
|
|
|
398
401
|
|
|
399
|
-
var $
|
|
400
|
-
$
|
|
402
|
+
var $cf7a61f0eef6d16c$exports = {};
|
|
403
|
+
$cf7a61f0eef6d16c$exports = JSON.parse("{\"deselectedItem\":\"{item} не вибрано.\",\"longPressToSelect\":\"Виконайте довге натиснення, щоб перейти в режим вибору.\",\"select\":\"Вибрати\",\"selectedAll\":\"Усі елементи вибрано.\",\"selectedCount\":\"{count, plural, =0 {Жодних елементів не вибрано} one {# елемент вибрано} other {Вибрано елементів: #}}.\",\"selectedItem\":\"{item} вибрано.\"}");
|
|
401
404
|
|
|
402
405
|
|
|
403
|
-
var $
|
|
404
|
-
$
|
|
406
|
+
var $5c5049170fbce0e4$exports = {};
|
|
407
|
+
$5c5049170fbce0e4$exports = JSON.parse("{\"deselectedItem\":\"未选择 {item}。\",\"longPressToSelect\":\"长按以进入选择模式。\",\"select\":\"选择\",\"selectedAll\":\"已选择所有项目。\",\"selectedCount\":\"{count, plural, =0 {未选择项目} one {已选择 # 个项目} other {已选择 # 个项目}}。\",\"selectedItem\":\"已选择 {item}。\"}");
|
|
405
408
|
|
|
406
409
|
|
|
407
|
-
var $
|
|
408
|
-
$
|
|
410
|
+
var $ded150c63da2da29$exports = {};
|
|
411
|
+
$ded150c63da2da29$exports = JSON.parse("{\"deselectedItem\":\"未選取「{item}」。\",\"longPressToSelect\":\"長按以進入選擇模式。\",\"select\":\"選取\",\"selectedAll\":\"已選取所有項目。\",\"selectedCount\":\"{count, plural, =0 {未選取任何項目} one {已選取 # 個項目} other {已選取 # 個項目}}。\",\"selectedItem\":\"已選取「{item}」。\"}");
|
|
409
412
|
|
|
410
413
|
|
|
411
|
-
$
|
|
412
|
-
"ar-AE": $
|
|
413
|
-
"bg-BG": $
|
|
414
|
-
"cs-CZ": $
|
|
415
|
-
"da-DK": $
|
|
416
|
-
"de-DE": $
|
|
417
|
-
"el-GR": $
|
|
418
|
-
"en-US": $
|
|
419
|
-
"es-ES": $
|
|
420
|
-
"et-EE": $
|
|
421
|
-
"fi-FI": $
|
|
422
|
-
"fr-FR": $
|
|
423
|
-
"he-IL": $
|
|
424
|
-
"hr-HR": $
|
|
425
|
-
"hu-HU": $
|
|
426
|
-
"it-IT": $
|
|
427
|
-
"ja-JP": $
|
|
428
|
-
"ko-KR": $
|
|
429
|
-
"lt-LT": $
|
|
430
|
-
"lv-LV": $
|
|
431
|
-
"nb-NO": $
|
|
432
|
-
"nl-NL": $
|
|
433
|
-
"pl-PL": $
|
|
434
|
-
"pt-BR": $
|
|
435
|
-
"pt-PT": $
|
|
436
|
-
"ro-RO": $
|
|
437
|
-
"ru-RU": $
|
|
438
|
-
"sk-SK": $
|
|
439
|
-
"sl-SI": $
|
|
440
|
-
"sr-SP": $
|
|
441
|
-
"sv-SE": $
|
|
442
|
-
"tr-TR": $
|
|
443
|
-
"uk-UA": $
|
|
444
|
-
"zh-CN": $
|
|
445
|
-
"zh-TW": $
|
|
414
|
+
$0f3ea750e5ceb3a0$exports = {
|
|
415
|
+
"ar-AE": $686090ff58b090f8$exports,
|
|
416
|
+
"bg-BG": $5a5725653d5e6701$exports,
|
|
417
|
+
"cs-CZ": $b5d485c5e92631c8$exports,
|
|
418
|
+
"da-DK": $2235a079c294cc35$exports,
|
|
419
|
+
"de-DE": $7fb56a84233b0d93$exports,
|
|
420
|
+
"el-GR": $bd6c619408ecb0c0$exports,
|
|
421
|
+
"en-US": $0936cda1b20a7851$exports,
|
|
422
|
+
"es-ES": $ec8b91d79c126819$exports,
|
|
423
|
+
"et-EE": $f589a8779c6ffdf7$exports,
|
|
424
|
+
"fi-FI": $be66ace6f543c136$exports,
|
|
425
|
+
"fr-FR": $036fc759a7a7fad4$exports,
|
|
426
|
+
"he-IL": $c67f0002ed789122$exports,
|
|
427
|
+
"hr-HR": $455a31f7edecfd6b$exports,
|
|
428
|
+
"hu-HU": $3c115ffac848efe2$exports,
|
|
429
|
+
"it-IT": $bcce46ff68aa3bc6$exports,
|
|
430
|
+
"ja-JP": $e24721aa94c8f6ad$exports,
|
|
431
|
+
"ko-KR": $fdab6b0d5ec78334$exports,
|
|
432
|
+
"lt-LT": $90b7b8d586cba1cc$exports,
|
|
433
|
+
"lv-LV": $131cb674dd1722b1$exports,
|
|
434
|
+
"nb-NO": $a49db570aa31187a$exports,
|
|
435
|
+
"nl-NL": $1d7dcda54de54373$exports,
|
|
436
|
+
"pl-PL": $0f545715a62f810a$exports,
|
|
437
|
+
"pt-BR": $7a35fe599097b628$exports,
|
|
438
|
+
"pt-PT": $e3866a73b27f8126$exports,
|
|
439
|
+
"ro-RO": $56fd33adf27d8336$exports,
|
|
440
|
+
"ru-RU": $5cde9058bcaa4259$exports,
|
|
441
|
+
"sk-SK": $cb1b151036ae40e1$exports,
|
|
442
|
+
"sl-SI": $9aec13184520526f$exports,
|
|
443
|
+
"sr-SP": $94910073a1eaee63$exports,
|
|
444
|
+
"sv-SE": $1d680398f312c564$exports,
|
|
445
|
+
"tr-TR": $c3d212a25b862405$exports,
|
|
446
|
+
"uk-UA": $cf7a61f0eef6d16c$exports,
|
|
447
|
+
"zh-CN": $5c5049170fbce0e4$exports,
|
|
448
|
+
"zh-TW": $ded150c63da2da29$exports
|
|
446
449
|
};
|
|
447
450
|
|
|
448
451
|
|
|
@@ -452,12 +455,12 @@ $046aaffff3c3106b$exports = {
|
|
|
452
455
|
|
|
453
456
|
|
|
454
457
|
|
|
455
|
-
function $
|
|
456
|
-
let formatMessage = $
|
|
457
|
-
let modality = $
|
|
458
|
+
function $7863aa64bf24a08c$export$be42ebdab07ae4c2(props) {
|
|
459
|
+
let formatMessage = $lXa56$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0f3ea750e5ceb3a0$exports)));
|
|
460
|
+
let modality = $lXa56$useInteractionModality();
|
|
458
461
|
// null is the default if the user hasn't interacted with the table at all yet or the rest of the page
|
|
459
462
|
let shouldLongPress = (modality === 'pointer' || modality === 'virtual' || modality == null) && typeof window !== 'undefined' && 'ontouchstart' in window;
|
|
460
|
-
let interactionDescription = $
|
|
463
|
+
let interactionDescription = $lXa56$useMemo(()=>{
|
|
461
464
|
let selectionMode = props.selectionManager.selectionMode;
|
|
462
465
|
let selectionBehavior = props.selectionManager.selectionBehavior;
|
|
463
466
|
let message = undefined;
|
|
@@ -470,28 +473,30 @@ function $c54cc830217b6725$export$be42ebdab07ae4c2(props) {
|
|
|
470
473
|
formatMessage,
|
|
471
474
|
shouldLongPress
|
|
472
475
|
]);
|
|
473
|
-
let descriptionProps = $
|
|
476
|
+
let descriptionProps = $lXa56$useDescription(interactionDescription);
|
|
474
477
|
return descriptionProps;
|
|
475
478
|
}
|
|
476
479
|
|
|
477
480
|
|
|
478
481
|
|
|
479
|
-
function $
|
|
480
|
-
let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , focusMode: focusMode , getRowText: getRowText = (key)=>
|
|
481
|
-
|
|
482
|
-
|
|
482
|
+
function $dcacebcbcfcb3c97$export$f6b86a04e5d66d90(props, state, ref1) {
|
|
483
|
+
let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , focusMode: focusMode , getRowText: getRowText = (key)=>{
|
|
484
|
+
var ref;
|
|
485
|
+
return (ref = state.collection.getItem(key)) === null || ref === void 0 ? void 0 : ref.textValue;
|
|
486
|
+
} , scrollRef: scrollRef , onRowAction: onRowAction , onCellAction: onCellAction } = props;
|
|
487
|
+
let formatMessage = $lXa56$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0f3ea750e5ceb3a0$exports)));
|
|
483
488
|
if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
|
|
484
489
|
// By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
|
|
485
490
|
// When virtualized, the layout object will be passed in as a prop and override this.
|
|
486
|
-
let collator = $
|
|
491
|
+
let collator = $lXa56$useCollator({
|
|
487
492
|
usage: 'search',
|
|
488
493
|
sensitivity: 'base'
|
|
489
494
|
});
|
|
490
|
-
let { direction: direction } = $
|
|
491
|
-
let delegate = $
|
|
495
|
+
let { direction: direction } = $lXa56$useLocale();
|
|
496
|
+
let delegate = $lXa56$useMemo(()=>keyboardDelegate || new $443792db7cadc1aa$export$de9feff04fda126e({
|
|
492
497
|
collection: state.collection,
|
|
493
498
|
disabledKeys: state.disabledKeys,
|
|
494
|
-
ref:
|
|
499
|
+
ref: ref1,
|
|
495
500
|
direction: direction,
|
|
496
501
|
collator: collator,
|
|
497
502
|
focusMode: focusMode
|
|
@@ -500,34 +505,34 @@ function $01c6aeca52ad7f9d$export$f6b86a04e5d66d90(props, state, ref) {
|
|
|
500
505
|
keyboardDelegate,
|
|
501
506
|
state.collection,
|
|
502
507
|
state.disabledKeys,
|
|
503
|
-
|
|
508
|
+
ref1,
|
|
504
509
|
direction,
|
|
505
510
|
collator,
|
|
506
511
|
focusMode
|
|
507
512
|
]);
|
|
508
|
-
let { collectionProps: collectionProps } = $
|
|
509
|
-
ref:
|
|
513
|
+
let { collectionProps: collectionProps } = $lXa56$useSelectableCollection({
|
|
514
|
+
ref: ref1,
|
|
510
515
|
selectionManager: state.selectionManager,
|
|
511
516
|
keyboardDelegate: delegate,
|
|
512
517
|
isVirtualized: isVirtualized,
|
|
513
518
|
scrollRef: scrollRef
|
|
514
519
|
});
|
|
515
|
-
let id = $
|
|
516
|
-
$
|
|
520
|
+
let id = $lXa56$useId();
|
|
521
|
+
$ba5b01b152976b9b$export$e6235c0d09b995d0.set(state, {
|
|
517
522
|
keyboardDelegate: delegate,
|
|
518
523
|
actions: {
|
|
519
524
|
onRowAction: onRowAction,
|
|
520
525
|
onCellAction: onCellAction
|
|
521
526
|
}
|
|
522
527
|
});
|
|
523
|
-
let descriptionProps = $
|
|
528
|
+
let descriptionProps = $7863aa64bf24a08c$export$be42ebdab07ae4c2({
|
|
524
529
|
selectionManager: state.selectionManager,
|
|
525
530
|
hasItemActions: !!(onRowAction || onCellAction)
|
|
526
531
|
});
|
|
527
|
-
let domProps = $
|
|
532
|
+
let domProps = $lXa56$filterDOMProps(props, {
|
|
528
533
|
labelable: true
|
|
529
534
|
});
|
|
530
|
-
let gridProps = $
|
|
535
|
+
let gridProps = $lXa56$mergeProps(domProps, {
|
|
531
536
|
role: 'grid',
|
|
532
537
|
id: id,
|
|
533
538
|
'aria-multiselectable': state.selectionManager.selectionMode === 'multiple' ? 'true' : undefined
|
|
@@ -539,14 +544,15 @@ function $01c6aeca52ad7f9d$export$f6b86a04e5d66d90(props, state, ref) {
|
|
|
539
544
|
// Many screen readers do not announce when items in a grid are selected/deselected.
|
|
540
545
|
// We do this using an ARIA live region.
|
|
541
546
|
let selection = state.selectionManager.rawSelection;
|
|
542
|
-
let lastSelection = $
|
|
543
|
-
$
|
|
547
|
+
let lastSelection = $lXa56$useRef(selection);
|
|
548
|
+
$lXa56$useUpdateEffect(()=>{
|
|
549
|
+
var ref;
|
|
544
550
|
if (!state.selectionManager.isFocused) {
|
|
545
551
|
lastSelection.current = selection;
|
|
546
552
|
return;
|
|
547
553
|
}
|
|
548
|
-
let addedKeys = $
|
|
549
|
-
let removedKeys = $
|
|
554
|
+
let addedKeys = $dcacebcbcfcb3c97$var$diffSelection(selection, lastSelection.current);
|
|
555
|
+
let removedKeys = $dcacebcbcfcb3c97$var$diffSelection(lastSelection.current, selection);
|
|
550
556
|
// If adding or removing a single row from the selection, announce the name of that item.
|
|
551
557
|
let isReplace = state.selectionManager.selectionBehavior === 'replace';
|
|
552
558
|
let messages = [];
|
|
@@ -572,11 +578,11 @@ function $01c6aeca52ad7f9d$export$f6b86a04e5d66d90(props, state, ref) {
|
|
|
572
578
|
}
|
|
573
579
|
// Announce how many items are selected, except when selecting the first item.
|
|
574
580
|
if (state.selectionManager.selectionMode === 'multiple') {
|
|
575
|
-
if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || lastSelection.current
|
|
581
|
+
if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((ref = lastSelection.current) === null || ref === void 0 ? void 0 : ref.size) > 1) messages.push(selection === 'all' ? formatMessage('selectedAll') : formatMessage('selectedCount', {
|
|
576
582
|
count: selection.size
|
|
577
583
|
}));
|
|
578
584
|
}
|
|
579
|
-
if (messages.length > 0) $
|
|
585
|
+
if (messages.length > 0) $lXa56$announce(messages.join(' '));
|
|
580
586
|
lastSelection.current = selection;
|
|
581
587
|
}, [
|
|
582
588
|
selection
|
|
@@ -585,7 +591,7 @@ function $01c6aeca52ad7f9d$export$f6b86a04e5d66d90(props, state, ref) {
|
|
|
585
591
|
gridProps: gridProps
|
|
586
592
|
};
|
|
587
593
|
}
|
|
588
|
-
function $
|
|
594
|
+
function $dcacebcbcfcb3c97$var$diffSelection(a, b) {
|
|
589
595
|
let res = new Set();
|
|
590
596
|
if (a === 'all' || b === 'all') return res;
|
|
591
597
|
for (let key of a.keys())if (!b.has(key)) res.add(key);
|
|
@@ -593,10 +599,10 @@ function $01c6aeca52ad7f9d$var$diffSelection(a, b) {
|
|
|
593
599
|
}
|
|
594
600
|
|
|
595
601
|
|
|
596
|
-
var $
|
|
602
|
+
var $7308f46b860f57df$exports = {};
|
|
597
603
|
|
|
598
|
-
$parcel$export($
|
|
599
|
-
function $
|
|
604
|
+
$parcel$export($7308f46b860f57df$exports, "useGridRowGroup", () => $7308f46b860f57df$export$d3037f5d3f3e51bf);
|
|
605
|
+
function $7308f46b860f57df$export$d3037f5d3f3e51bf() {
|
|
600
606
|
return {
|
|
601
607
|
rowGroupProps: {
|
|
602
608
|
role: 'rowgroup'
|
|
@@ -605,15 +611,15 @@ function $5a1a922878e53a22$export$d3037f5d3f3e51bf() {
|
|
|
605
611
|
}
|
|
606
612
|
|
|
607
613
|
|
|
608
|
-
var $
|
|
614
|
+
var $08b349fa08477b6b$exports = {};
|
|
609
615
|
|
|
610
|
-
$parcel$export($
|
|
616
|
+
$parcel$export($08b349fa08477b6b$exports, "useGridRow", () => $08b349fa08477b6b$export$96357d5a73f686fa);
|
|
611
617
|
|
|
612
618
|
|
|
613
|
-
function $
|
|
619
|
+
function $08b349fa08477b6b$export$96357d5a73f686fa(props, state, ref) {
|
|
614
620
|
let { node: node , isVirtualized: isVirtualized , shouldSelectOnPressUp: shouldSelectOnPressUp , onAction: onAction } = props;
|
|
615
|
-
let { actions: { onRowAction: onRowAction } } = $
|
|
616
|
-
let { itemProps: itemProps , isPressed: isPressed } = $
|
|
621
|
+
let { actions: { onRowAction: onRowAction } } = $ba5b01b152976b9b$export$e6235c0d09b995d0.get(state);
|
|
622
|
+
let { itemProps: itemProps , isPressed: isPressed } = $lXa56$useSelectableItem({
|
|
617
623
|
selectionManager: state.selectionManager,
|
|
618
624
|
key: node.key,
|
|
619
625
|
ref: ref,
|
|
@@ -636,33 +642,33 @@ function $ab6a48d40e0e38e8$export$96357d5a73f686fa(props, state, ref) {
|
|
|
636
642
|
}
|
|
637
643
|
|
|
638
644
|
|
|
639
|
-
var $
|
|
645
|
+
var $faecd981fac161f1$exports = {};
|
|
640
646
|
|
|
641
|
-
$parcel$export($
|
|
647
|
+
$parcel$export($faecd981fac161f1$exports, "useGridCell", () => $faecd981fac161f1$export$c7e10bfc0c59f67c);
|
|
642
648
|
|
|
643
649
|
|
|
644
650
|
|
|
645
651
|
|
|
646
652
|
|
|
647
653
|
|
|
648
|
-
function $
|
|
654
|
+
function $faecd981fac161f1$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
649
655
|
let { node: node , isVirtualized: isVirtualized , focusMode: focusMode = 'child' , shouldSelectOnPressUp: shouldSelectOnPressUp , onAction: onAction } = props;
|
|
650
|
-
let { direction: direction } = $
|
|
651
|
-
let { keyboardDelegate: keyboardDelegate , actions: { onCellAction: onCellAction } } = $
|
|
656
|
+
let { direction: direction } = $lXa56$useLocale();
|
|
657
|
+
let { keyboardDelegate: keyboardDelegate , actions: { onCellAction: onCellAction } } = $ba5b01b152976b9b$export$e6235c0d09b995d0.get(state);
|
|
652
658
|
// Handles focusing the cell. If there is a focusable child,
|
|
653
659
|
// it is focused, otherwise the cell itself is focused.
|
|
654
660
|
let focus = ()=>{
|
|
655
|
-
let treeWalker = $
|
|
661
|
+
let treeWalker = $lXa56$getFocusableTreeWalker(ref.current);
|
|
656
662
|
if (focusMode === 'child') {
|
|
657
|
-
let focusable = state.selectionManager.childFocusStrategy === 'last' ? $
|
|
663
|
+
let focusable = state.selectionManager.childFocusStrategy === 'last' ? $faecd981fac161f1$var$last(treeWalker) : treeWalker.firstChild();
|
|
658
664
|
if (focusable) {
|
|
659
|
-
$
|
|
665
|
+
$lXa56$focusSafely(focusable);
|
|
660
666
|
return;
|
|
661
667
|
}
|
|
662
668
|
}
|
|
663
|
-
if (!ref.current.contains(document.activeElement)) $
|
|
669
|
+
if (!ref.current.contains(document.activeElement)) $lXa56$focusSafely(ref.current);
|
|
664
670
|
};
|
|
665
|
-
let { itemProps: itemProps , isPressed: isPressed } = $
|
|
671
|
+
let { itemProps: itemProps , isPressed: isPressed } = $lXa56$useSelectableItem({
|
|
666
672
|
selectionManager: state.selectionManager,
|
|
667
673
|
key: node.key,
|
|
668
674
|
ref: ref,
|
|
@@ -674,7 +680,7 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
674
680
|
});
|
|
675
681
|
let onKeyDown = (e)=>{
|
|
676
682
|
if (!e.currentTarget.contains(e.target)) return;
|
|
677
|
-
let walker = $
|
|
683
|
+
let walker = $lXa56$getFocusableTreeWalker(ref.current);
|
|
678
684
|
walker.currentNode = document.activeElement;
|
|
679
685
|
switch(e.key){
|
|
680
686
|
case 'ArrowLeft':
|
|
@@ -686,7 +692,7 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
686
692
|
if (focusable) {
|
|
687
693
|
e.preventDefault();
|
|
688
694
|
e.stopPropagation();
|
|
689
|
-
$
|
|
695
|
+
$lXa56$focusSafely(focusable);
|
|
690
696
|
} else {
|
|
691
697
|
// If there is no next focusable child, then move to the next cell to the left of this one.
|
|
692
698
|
// This will be handled by useSelectableCollection. However, if there is no cell to the left
|
|
@@ -697,11 +703,11 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
697
703
|
if (prev !== node.key) break;
|
|
698
704
|
e.preventDefault();
|
|
699
705
|
e.stopPropagation();
|
|
700
|
-
if (focusMode === 'cell' && direction === 'rtl') $
|
|
706
|
+
if (focusMode === 'cell' && direction === 'rtl') $lXa56$focusSafely(ref.current);
|
|
701
707
|
else {
|
|
702
708
|
walker.currentNode = ref.current;
|
|
703
|
-
focusable = direction === 'rtl' ? walker.firstChild() : $
|
|
704
|
-
if (focusable) $
|
|
709
|
+
focusable = direction === 'rtl' ? walker.firstChild() : $faecd981fac161f1$var$last(walker);
|
|
710
|
+
if (focusable) $lXa56$focusSafely(focusable);
|
|
705
711
|
}
|
|
706
712
|
}
|
|
707
713
|
break;
|
|
@@ -713,17 +719,17 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
713
719
|
if (focusable) {
|
|
714
720
|
e.preventDefault();
|
|
715
721
|
e.stopPropagation();
|
|
716
|
-
$
|
|
722
|
+
$lXa56$focusSafely(focusable);
|
|
717
723
|
} else {
|
|
718
724
|
let next = keyboardDelegate.getKeyRightOf(node.key);
|
|
719
725
|
if (next !== node.key) break;
|
|
720
726
|
e.preventDefault();
|
|
721
727
|
e.stopPropagation();
|
|
722
|
-
if (focusMode === 'cell' && direction === 'ltr') $
|
|
728
|
+
if (focusMode === 'cell' && direction === 'ltr') $lXa56$focusSafely(ref.current);
|
|
723
729
|
else {
|
|
724
730
|
walker.currentNode = ref.current;
|
|
725
|
-
focusable = direction === 'rtl' ? $
|
|
726
|
-
if (focusable) $
|
|
731
|
+
focusable = direction === 'rtl' ? $faecd981fac161f1$var$last(walker) : walker.firstChild();
|
|
732
|
+
if (focusable) $lXa56$focusSafely(focusable);
|
|
727
733
|
}
|
|
728
734
|
}
|
|
729
735
|
break;
|
|
@@ -751,7 +757,7 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
751
757
|
// If focus is currently visible (e.g. the user is navigating with the keyboard),
|
|
752
758
|
// then skip this. We want to restore focus to the previously focused row/cell
|
|
753
759
|
// in that case since the table should act like a single tab stop.
|
|
754
|
-
if (!$
|
|
760
|
+
if (!$lXa56$isFocusVisible()) state.selectionManager.setFocusedKey(node.key);
|
|
755
761
|
return;
|
|
756
762
|
}
|
|
757
763
|
// If the cell itself is focused, wait a frame so that focus finishes propagatating
|
|
@@ -760,7 +766,7 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
760
766
|
if (focusMode === 'child' && document.activeElement === ref.current) focus();
|
|
761
767
|
});
|
|
762
768
|
};
|
|
763
|
-
let gridCellProps = $
|
|
769
|
+
let gridCellProps = $lXa56$mergeProps(itemProps, {
|
|
764
770
|
role: 'gridcell',
|
|
765
771
|
onKeyDownCapture: onKeyDown,
|
|
766
772
|
onFocus: onFocus
|
|
@@ -771,7 +777,7 @@ function $2abe418015b9ad27$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
|
771
777
|
isPressed: isPressed
|
|
772
778
|
};
|
|
773
779
|
}
|
|
774
|
-
function $
|
|
780
|
+
function $faecd981fac161f1$var$last(walker) {
|
|
775
781
|
let next;
|
|
776
782
|
let last;
|
|
777
783
|
do {
|
|
@@ -782,21 +788,21 @@ function $2abe418015b9ad27$var$last(walker) {
|
|
|
782
788
|
}
|
|
783
789
|
|
|
784
790
|
|
|
785
|
-
var $
|
|
791
|
+
var $1e4790450253c018$exports = {};
|
|
786
792
|
|
|
787
|
-
$parcel$export($
|
|
793
|
+
$parcel$export($1e4790450253c018$exports, "useGridSelectionCheckbox", () => $1e4790450253c018$export$70e2eed1a92976ad);
|
|
788
794
|
|
|
789
795
|
|
|
790
796
|
|
|
791
|
-
function $
|
|
797
|
+
function $1e4790450253c018$export$70e2eed1a92976ad(props, state) {
|
|
792
798
|
let { key: key } = props;
|
|
793
799
|
let manager = state.selectionManager;
|
|
794
|
-
let checkboxId = $
|
|
800
|
+
let checkboxId = $lXa56$useId();
|
|
795
801
|
let isDisabled = state.disabledKeys.has(key);
|
|
796
802
|
let isSelected = state.selectionManager.isSelected(key);
|
|
797
803
|
let onChange = ()=>manager.select(key)
|
|
798
804
|
;
|
|
799
|
-
const formatMessage = $
|
|
805
|
+
const formatMessage = $lXa56$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0f3ea750e5ceb3a0$exports)));
|
|
800
806
|
return {
|
|
801
807
|
checkboxProps: {
|
|
802
808
|
id: checkboxId,
|
|
@@ -811,5 +817,5 @@ function $5a73f26c1d0f2532$export$70e2eed1a92976ad(props, state) {
|
|
|
811
817
|
|
|
812
818
|
|
|
813
819
|
|
|
814
|
-
export {$
|
|
820
|
+
export {$443792db7cadc1aa$export$de9feff04fda126e as GridKeyboardDelegate, $dcacebcbcfcb3c97$export$f6b86a04e5d66d90 as useGrid, $7308f46b860f57df$export$d3037f5d3f3e51bf as useGridRowGroup, $08b349fa08477b6b$export$96357d5a73f686fa as useGridRow, $faecd981fac161f1$export$c7e10bfc0c59f67c as useGridCell, $1e4790450253c018$export$70e2eed1a92976ad as useGridSelectionCheckbox};
|
|
815
821
|
//# sourceMappingURL=module.js.map
|