@react-spectrum/table 3.6.2-nightly.3698 → 3.6.2-nightly.3705
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/import.mjs +1731 -0
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/dist/module.js.map +1 -1
- package/package.json +32 -27
- package/src/TableView.tsx +1 -1
package/dist/import.mjs
ADDED
|
@@ -0,0 +1,1731 @@
|
|
|
1
|
+
import "./main.css";
|
|
2
|
+
import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell, useTableState as $gyhAV$useTableState, TableColumnLayout as $gyhAV$TableColumnLayout} from "@react-stately/table";
|
|
3
|
+
import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSmall";
|
|
4
|
+
import {mergeProps as $gyhAV$mergeProps, scrollIntoViewport as $gyhAV$scrollIntoViewport, scrollIntoView as $gyhAV$scrollIntoView, useLayoutEffect as $gyhAV$useLayoutEffect, chain as $gyhAV$chain} from "@react-aria/utils";
|
|
5
|
+
import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
|
|
6
|
+
import $gyhAV$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
|
|
7
|
+
import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames, useFocusableRef as $gyhAV$useFocusableRef, useIsMobileDevice as $gyhAV$useIsMobileDevice, useUnwrapDOMRef as $gyhAV$useUnwrapDOMRef} from "@react-spectrum/utils";
|
|
8
|
+
import {useFocusRing as $gyhAV$useFocusRing, FocusScope as $gyhAV$FocusScope, FocusRing as $gyhAV$FocusRing} from "@react-aria/focus";
|
|
9
|
+
import {getInteractionModality as $gyhAV$getInteractionModality, usePress as $gyhAV$usePress, useHover as $gyhAV$useHover} from "@react-aria/interactions";
|
|
10
|
+
import {MenuTrigger as $gyhAV$MenuTrigger, Menu as $gyhAV$Menu, Item as $gyhAV$Item} from "@react-spectrum/menu";
|
|
11
|
+
import {layoutInfoToStyle as $gyhAV$layoutInfoToStyle, VirtualizerItem as $gyhAV$VirtualizerItem, setScrollLeft as $gyhAV$setScrollLeft, useVirtualizer as $gyhAV$useVirtualizer, ScrollView as $gyhAV$ScrollView} from "@react-aria/virtualizer";
|
|
12
|
+
import {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
|
|
13
|
+
import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useCallback as $gyhAV$useCallback, useRef as $gyhAV$useRef, useMemo as $gyhAV$useMemo, useEffect as $gyhAV$useEffect} from "react";
|
|
14
|
+
import {useVirtualizerState as $gyhAV$useVirtualizerState} from "@react-stately/virtualizer";
|
|
15
|
+
import {TableLayout as $gyhAV$TableLayout} from "@react-stately/layout";
|
|
16
|
+
import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
|
|
17
|
+
import {useButton as $gyhAV$useButton} from "@react-aria/button";
|
|
18
|
+
import {useLocale as $gyhAV$useLocale, useLocalizedStringFormatter as $gyhAV$useLocalizedStringFormatter} from "@react-aria/i18n";
|
|
19
|
+
import {useProviderProps as $gyhAV$useProviderProps, useProvider as $gyhAV$useProvider} from "@react-spectrum/provider";
|
|
20
|
+
import {useTable as $gyhAV$useTable, useTableRowGroup as $gyhAV$useTableRowGroup, useTableColumnHeader as $gyhAV$useTableColumnHeader, useTableSelectAllCheckbox as $gyhAV$useTableSelectAllCheckbox, useTableRow as $gyhAV$useTableRow, useTableHeaderRow as $gyhAV$useTableHeaderRow, useTableCell as $gyhAV$useTableCell, useTableSelectionCheckbox as $gyhAV$useTableSelectionCheckbox, useTableColumnResize as $gyhAV$useTableColumnResize} from "@react-aria/table";
|
|
21
|
+
import {VisuallyHidden as $gyhAV$VisuallyHidden} from "@react-aria/visually-hidden";
|
|
22
|
+
import $gyhAV$reactdom from "react-dom";
|
|
23
|
+
|
|
24
|
+
function $parcel$interopDefault(a) {
|
|
25
|
+
return a && a.__esModule ? a.default : a;
|
|
26
|
+
}
|
|
27
|
+
function $parcel$export(e, n, v, s) {
|
|
28
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
29
|
+
}
|
|
30
|
+
/*
|
|
31
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
32
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
33
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
34
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
35
|
+
*
|
|
36
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
37
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
38
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
39
|
+
* governing permissions and limitations under the License.
|
|
40
|
+
*/ /// <reference types="css-module-types" />
|
|
41
|
+
/*
|
|
42
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
43
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
44
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
45
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
46
|
+
*
|
|
47
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
48
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
49
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
50
|
+
* governing permissions and limitations under the License.
|
|
51
|
+
*/
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
var $467944769c14687b$exports = {};
|
|
59
|
+
var $daf541512f75fd9b$exports = {};
|
|
60
|
+
$daf541512f75fd9b$exports = {
|
|
61
|
+
"columnResizer": `أداة تغيير حجم العمود`,
|
|
62
|
+
"loading": `جارٍ التحميل...`,
|
|
63
|
+
"loadingMore": `جارٍ تحميل المزيد...`,
|
|
64
|
+
"resizeColumn": `تغيير حجم العمود`,
|
|
65
|
+
"sortAscending": `فرز بترتيب تصاعدي`,
|
|
66
|
+
"sortDescending": `فرز بترتيب تنازلي`
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
var $50819411ab066aa0$exports = {};
|
|
71
|
+
$50819411ab066aa0$exports = {
|
|
72
|
+
"columnResizer": `Преоразмеряване на колони`,
|
|
73
|
+
"loading": `Зареждане...`,
|
|
74
|
+
"loadingMore": `Зареждане на още...`,
|
|
75
|
+
"resizeColumn": `Преоразмеряване на колона`,
|
|
76
|
+
"sortAscending": `Възходящо сортиране`,
|
|
77
|
+
"sortDescending": `Низходящо сортиране `
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
var $4f747f794f1bcba7$exports = {};
|
|
82
|
+
$4f747f794f1bcba7$exports = {
|
|
83
|
+
"columnResizer": `Změna velikosti sloupce`,
|
|
84
|
+
"loading": `Načítání...`,
|
|
85
|
+
"loadingMore": `Načítání dalších...`,
|
|
86
|
+
"resizeColumn": `Změnit velikost sloupce`,
|
|
87
|
+
"sortAscending": `Seřadit vzestupně`,
|
|
88
|
+
"sortDescending": `Seřadit sestupně`
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
var $9b4578f7fea36fce$exports = {};
|
|
93
|
+
$9b4578f7fea36fce$exports = {
|
|
94
|
+
"columnResizer": `Kolonneændring`,
|
|
95
|
+
"loading": `Indlæser ...`,
|
|
96
|
+
"loadingMore": `Indlæser flere ...`,
|
|
97
|
+
"resizeColumn": `Tilpas størrelse på kolonne`,
|
|
98
|
+
"sortAscending": `Sorter stigende`,
|
|
99
|
+
"sortDescending": `Sorter faldende`
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
var $d1341bbc3e1d2378$exports = {};
|
|
104
|
+
$d1341bbc3e1d2378$exports = {
|
|
105
|
+
"columnResizer": `Spaltenanpassung`,
|
|
106
|
+
"loading": `Laden...`,
|
|
107
|
+
"loadingMore": `Mehr laden ...`,
|
|
108
|
+
"resizeColumn": `Spaltengröße ändern`,
|
|
109
|
+
"sortAscending": `Aufsteigend sortieren`,
|
|
110
|
+
"sortDescending": `Absteigend sortieren`
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
var $62dc02a47a5c68a9$exports = {};
|
|
115
|
+
$62dc02a47a5c68a9$exports = {
|
|
116
|
+
"columnResizer": `Αλλαγή μεγέθους στήλης`,
|
|
117
|
+
"loading": `Φόρτωση...`,
|
|
118
|
+
"loadingMore": `Φόρτωση περισσότερων...`,
|
|
119
|
+
"resizeColumn": `Αλλαγή μεγέθους στήλης`,
|
|
120
|
+
"sortAscending": `Ταξινόμηση κατά αύξουσα σειρά`,
|
|
121
|
+
"sortDescending": `Ταξινόμηση κατά φθίνουσα σειρά`
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
var $4040b78666bdeb49$exports = {};
|
|
126
|
+
$4040b78666bdeb49$exports = {
|
|
127
|
+
"loading": `Loading…`,
|
|
128
|
+
"loadingMore": `Loading more…`,
|
|
129
|
+
"sortAscending": `Sort Ascending`,
|
|
130
|
+
"sortDescending": `Sort Descending`,
|
|
131
|
+
"resizeColumn": `Resize column`,
|
|
132
|
+
"columnResizer": `Column resizer`
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
var $b77a23040d0637b4$exports = {};
|
|
137
|
+
$b77a23040d0637b4$exports = {
|
|
138
|
+
"columnResizer": `Redimensionador de columnas`,
|
|
139
|
+
"loading": `Cargando…`,
|
|
140
|
+
"loadingMore": `Cargando más…`,
|
|
141
|
+
"resizeColumn": `Cambiar el tamaño de la columna`,
|
|
142
|
+
"sortAscending": `Orden de subida`,
|
|
143
|
+
"sortDescending": `Orden de bajada`
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
var $54ccb4bcf3ebc0a8$exports = {};
|
|
148
|
+
$54ccb4bcf3ebc0a8$exports = {
|
|
149
|
+
"columnResizer": `Veeru suuruse muutja`,
|
|
150
|
+
"loading": `Laadimine...`,
|
|
151
|
+
"loadingMore": `Laadi rohkem...`,
|
|
152
|
+
"resizeColumn": `Muuda veeru suurust`,
|
|
153
|
+
"sortAscending": `Sordi kasvavalt`,
|
|
154
|
+
"sortDescending": `Sordi kahanevalt`
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
var $37e671b8f89037ca$exports = {};
|
|
159
|
+
$37e671b8f89037ca$exports = {
|
|
160
|
+
"columnResizer": `Sarakekoon muuttaja`,
|
|
161
|
+
"loading": `Ladataan…`,
|
|
162
|
+
"loadingMore": `Ladataan lisää…`,
|
|
163
|
+
"resizeColumn": `Muuta sarakkeen kokoa`,
|
|
164
|
+
"sortAscending": `Lajittelujärjestys: nouseva`,
|
|
165
|
+
"sortDescending": `Lajittelujärjestys: laskeva`
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
var $8d65c5abdb6b7cbc$exports = {};
|
|
170
|
+
$8d65c5abdb6b7cbc$exports = {
|
|
171
|
+
"columnResizer": `Redimensionnement de colonne`,
|
|
172
|
+
"loading": `Chargement...`,
|
|
173
|
+
"loadingMore": `Chargement supplémentaire...`,
|
|
174
|
+
"resizeColumn": `Redimensionner la colonne`,
|
|
175
|
+
"sortAscending": `Trier par ordre croissant`,
|
|
176
|
+
"sortDescending": `Trier par ordre décroissant`
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
var $a87fac8df5d40e78$exports = {};
|
|
181
|
+
$a87fac8df5d40e78$exports = {
|
|
182
|
+
"columnResizer": `שינוי גודל עמודה`,
|
|
183
|
+
"loading": `טוען...`,
|
|
184
|
+
"loadingMore": `טוען עוד...`,
|
|
185
|
+
"resizeColumn": `שנה את גודל העמודה`,
|
|
186
|
+
"sortAscending": `מיין בסדר עולה`,
|
|
187
|
+
"sortDescending": `מיין בסדר יורד`
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
var $a7ee65f0f8055b83$exports = {};
|
|
192
|
+
$a7ee65f0f8055b83$exports = {
|
|
193
|
+
"columnResizer": `Alat za promjenu veličine stupca`,
|
|
194
|
+
"loading": `Učitavam...`,
|
|
195
|
+
"loadingMore": `Učitavam još...`,
|
|
196
|
+
"resizeColumn": `Promijeni veličinu stupca`,
|
|
197
|
+
"sortAscending": `Sortiraj uzlazno`,
|
|
198
|
+
"sortDescending": `Sortiraj silazno`
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
var $e6091fd2263a451f$exports = {};
|
|
203
|
+
$e6091fd2263a451f$exports = {
|
|
204
|
+
"columnResizer": `Oszlopátméretező`,
|
|
205
|
+
"loading": `Betöltés folyamatban…`,
|
|
206
|
+
"loadingMore": `Továbbiak betöltése folyamatban…`,
|
|
207
|
+
"resizeColumn": `Oszlop átméretezése`,
|
|
208
|
+
"sortAscending": `Növekvő rendezés`,
|
|
209
|
+
"sortDescending": `Csökkenő rendezés`
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
var $c8d9d250bf8952b2$exports = {};
|
|
214
|
+
$c8d9d250bf8952b2$exports = {
|
|
215
|
+
"columnResizer": `Ridimensionamento colonne`,
|
|
216
|
+
"loading": `Caricamento...`,
|
|
217
|
+
"loadingMore": `Caricamento altri...`,
|
|
218
|
+
"resizeColumn": `Ridimensiona colonna`,
|
|
219
|
+
"sortAscending": `Ordinamento crescente`,
|
|
220
|
+
"sortDescending": `Ordinamento decrescente`
|
|
221
|
+
};
|
|
222
|
+
|
|
223
|
+
|
|
224
|
+
var $df07a03bb9f879ed$exports = {};
|
|
225
|
+
$df07a03bb9f879ed$exports = {
|
|
226
|
+
"columnResizer": `列リサイザー`,
|
|
227
|
+
"loading": `読み込み中...`,
|
|
228
|
+
"loadingMore": `さらに読み込み中...`,
|
|
229
|
+
"resizeColumn": `列幅を変更`,
|
|
230
|
+
"sortAscending": `昇順に並べ替え`,
|
|
231
|
+
"sortDescending": `降順に並べ替え`
|
|
232
|
+
};
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
var $40b3ef3504f4b1d0$exports = {};
|
|
236
|
+
$40b3ef3504f4b1d0$exports = {
|
|
237
|
+
"columnResizer": `열 크기 조정기`,
|
|
238
|
+
"loading": `로드 중`,
|
|
239
|
+
"loadingMore": `추가 로드 중`,
|
|
240
|
+
"resizeColumn": `열 크기 조정`,
|
|
241
|
+
"sortAscending": `오름차순 정렬`,
|
|
242
|
+
"sortDescending": `내림차순 정렬`
|
|
243
|
+
};
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
var $c6959b6b120377f9$exports = {};
|
|
247
|
+
$c6959b6b120377f9$exports = {
|
|
248
|
+
"columnResizer": `Stulpelio dydžio keitiklis`,
|
|
249
|
+
"loading": `Įkeliama...`,
|
|
250
|
+
"loadingMore": `Įkeliama daugiau...`,
|
|
251
|
+
"resizeColumn": `Keisti stulpelio dydį`,
|
|
252
|
+
"sortAscending": `Rikiuoti didėjimo tvarka`,
|
|
253
|
+
"sortDescending": `Rikiuoti mažėjimo tvarka`
|
|
254
|
+
};
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
var $8fcc23e9320cffd0$exports = {};
|
|
258
|
+
$8fcc23e9320cffd0$exports = {
|
|
259
|
+
"columnResizer": `Kolonnas izmēru mainītājs`,
|
|
260
|
+
"loading": `Notiek ielāde...`,
|
|
261
|
+
"loadingMore": `Tiek ielādēts vēl...`,
|
|
262
|
+
"resizeColumn": `Mainīt kolonnas lielumu`,
|
|
263
|
+
"sortAscending": `Kārtot augošā secībā`,
|
|
264
|
+
"sortDescending": `Kārtot dilstošā secībā`
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
var $ec9bb7644b9b61e5$exports = {};
|
|
269
|
+
$ec9bb7644b9b61e5$exports = {
|
|
270
|
+
"columnResizer": `Størrelsesendring av kolonne`,
|
|
271
|
+
"loading": `Laster inn ...`,
|
|
272
|
+
"loadingMore": `Laster inn flere ...`,
|
|
273
|
+
"resizeColumn": `Endre størrelse på kolonne`,
|
|
274
|
+
"sortAscending": `Sorter stigende`,
|
|
275
|
+
"sortDescending": `Sorter synkende`
|
|
276
|
+
};
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
var $049ab8e2dc69b622$exports = {};
|
|
280
|
+
$049ab8e2dc69b622$exports = {
|
|
281
|
+
"columnResizer": `Groottewijziging van kolom`,
|
|
282
|
+
"loading": `Laden...`,
|
|
283
|
+
"loadingMore": `Meer laden...`,
|
|
284
|
+
"resizeColumn": `Kolomgrootte wijzigen`,
|
|
285
|
+
"sortAscending": `Oplopend sorteren`,
|
|
286
|
+
"sortDescending": `Aflopend sorteren`
|
|
287
|
+
};
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
var $480b88f7afcf23a9$exports = {};
|
|
291
|
+
$480b88f7afcf23a9$exports = {
|
|
292
|
+
"columnResizer": `Narzędzie zmiany rozmiaru kolumny`,
|
|
293
|
+
"loading": `Ładowanie...`,
|
|
294
|
+
"loadingMore": `Wczytywanie większej liczby...`,
|
|
295
|
+
"resizeColumn": `Zmień rozmiar kolumny`,
|
|
296
|
+
"sortAscending": `Sortuj rosnąco`,
|
|
297
|
+
"sortDescending": `Sortuj malejąco`
|
|
298
|
+
};
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
var $0c053d6ef0255c08$exports = {};
|
|
302
|
+
$0c053d6ef0255c08$exports = {
|
|
303
|
+
"columnResizer": `Redimensionamento de colunas`,
|
|
304
|
+
"loading": `Carregando...`,
|
|
305
|
+
"loadingMore": `Carregando mais...`,
|
|
306
|
+
"resizeColumn": `Redimensionar coluna`,
|
|
307
|
+
"sortAscending": `Ordenar por ordem crescente`,
|
|
308
|
+
"sortDescending": `Ordenar por ordem decrescente`
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
var $3aff8d1b1fa24532$exports = {};
|
|
313
|
+
$3aff8d1b1fa24532$exports = {
|
|
314
|
+
"columnResizer": `Redimensionador de coluna`,
|
|
315
|
+
"loading": `A carregar...`,
|
|
316
|
+
"loadingMore": `A carregar mais...`,
|
|
317
|
+
"resizeColumn": `Redimensionar coluna`,
|
|
318
|
+
"sortAscending": `Ordenar por ordem ascendente`,
|
|
319
|
+
"sortDescending": `Ordenar por ordem decrescente`
|
|
320
|
+
};
|
|
321
|
+
|
|
322
|
+
|
|
323
|
+
var $90e0c3e69dc73a74$exports = {};
|
|
324
|
+
$90e0c3e69dc73a74$exports = {
|
|
325
|
+
"columnResizer": `Instrument redimensionare coloane`,
|
|
326
|
+
"loading": `Se încarcă...`,
|
|
327
|
+
"loadingMore": `Se încarcă mai multe...`,
|
|
328
|
+
"resizeColumn": `Redimensionați coloana`,
|
|
329
|
+
"sortAscending": `Sortați crescător`,
|
|
330
|
+
"sortDescending": `Sortați descrescător`
|
|
331
|
+
};
|
|
332
|
+
|
|
333
|
+
|
|
334
|
+
var $248be0f7eca0ea1f$exports = {};
|
|
335
|
+
$248be0f7eca0ea1f$exports = {
|
|
336
|
+
"columnResizer": `Средство изменения размера столбцов`,
|
|
337
|
+
"loading": `Загрузка...`,
|
|
338
|
+
"loadingMore": `Дополнительная загрузка...`,
|
|
339
|
+
"resizeColumn": `Изменить размер столбца`,
|
|
340
|
+
"sortAscending": `Сортировать по возрастанию`,
|
|
341
|
+
"sortDescending": `Сортировать по убыванию`
|
|
342
|
+
};
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
var $3142c640504df85a$exports = {};
|
|
346
|
+
$3142c640504df85a$exports = {
|
|
347
|
+
"columnResizer": `Nástroj na zmenu veľkosti stĺpcov`,
|
|
348
|
+
"loading": `Načítava sa...`,
|
|
349
|
+
"loadingMore": `Načítava sa viac...`,
|
|
350
|
+
"resizeColumn": `Zmeniť veľkosť stĺpca`,
|
|
351
|
+
"sortAscending": `Zoradiť vzostupne`,
|
|
352
|
+
"sortDescending": `Zoradiť zostupne`
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
var $7b3b7f28a30b2687$exports = {};
|
|
357
|
+
$7b3b7f28a30b2687$exports = {
|
|
358
|
+
"columnResizer": `Prilagojevalnik velikosti stolpcev`,
|
|
359
|
+
"loading": `Nalaganje...`,
|
|
360
|
+
"loadingMore": `Nalaganje več vsebine...`,
|
|
361
|
+
"resizeColumn": `Spremeni velikost stolpca`,
|
|
362
|
+
"sortAscending": `Razvrsti naraščajoče`,
|
|
363
|
+
"sortDescending": `Razvrsti padajoče`
|
|
364
|
+
};
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
var $06c28f958a58f366$exports = {};
|
|
368
|
+
$06c28f958a58f366$exports = {
|
|
369
|
+
"columnResizer": `Alat za promenu veličine kolone`,
|
|
370
|
+
"loading": `Učitavam...`,
|
|
371
|
+
"loadingMore": `Učitavam još...`,
|
|
372
|
+
"resizeColumn": `Promeni veličinu kolone`,
|
|
373
|
+
"sortAscending": `Sortiraj po rastućem redosledu`,
|
|
374
|
+
"sortDescending": `Sortiraj po opadajućem redosledu`
|
|
375
|
+
};
|
|
376
|
+
|
|
377
|
+
|
|
378
|
+
var $b45c13a581472a6c$exports = {};
|
|
379
|
+
$b45c13a581472a6c$exports = {
|
|
380
|
+
"columnResizer": `Ändra storlek på kolumn`,
|
|
381
|
+
"loading": `Läser in...`,
|
|
382
|
+
"loadingMore": `Läser in mer...`,
|
|
383
|
+
"resizeColumn": `Ändra storlek på kolumn`,
|
|
384
|
+
"sortAscending": `Sortera i stigande ordning`,
|
|
385
|
+
"sortDescending": `Sortera i fallande ordning`
|
|
386
|
+
};
|
|
387
|
+
|
|
388
|
+
|
|
389
|
+
var $785ea1a5e7a35eb5$exports = {};
|
|
390
|
+
$785ea1a5e7a35eb5$exports = {
|
|
391
|
+
"columnResizer": `Yeniden sütun boyutlandırıcı`,
|
|
392
|
+
"loading": `Yükleniyor...`,
|
|
393
|
+
"loadingMore": `Daha fazla yükleniyor...`,
|
|
394
|
+
"resizeColumn": `Sütunu yeniden boyutlandır`,
|
|
395
|
+
"sortAscending": `Artan Sıralama`,
|
|
396
|
+
"sortDescending": `Azalan Sıralama`
|
|
397
|
+
};
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
var $2e46541801441421$exports = {};
|
|
401
|
+
$2e46541801441421$exports = {
|
|
402
|
+
"columnResizer": `Засіб змінення розміру стовпця`,
|
|
403
|
+
"loading": `Завантаження…`,
|
|
404
|
+
"loadingMore": `Завантаження інших об’єктів...`,
|
|
405
|
+
"resizeColumn": `Змінити розмір стовпця`,
|
|
406
|
+
"sortAscending": `Сортувати за зростанням`,
|
|
407
|
+
"sortDescending": `Сортувати за спаданням`
|
|
408
|
+
};
|
|
409
|
+
|
|
410
|
+
|
|
411
|
+
var $8de129c51e22709f$exports = {};
|
|
412
|
+
$8de129c51e22709f$exports = {
|
|
413
|
+
"columnResizer": `列尺寸调整器`,
|
|
414
|
+
"loading": `正在加载...`,
|
|
415
|
+
"loadingMore": `正在加载更多...`,
|
|
416
|
+
"resizeColumn": `调整列大小`,
|
|
417
|
+
"sortAscending": `升序排序`,
|
|
418
|
+
"sortDescending": `降序排序`
|
|
419
|
+
};
|
|
420
|
+
|
|
421
|
+
|
|
422
|
+
var $e57af0887d00746b$exports = {};
|
|
423
|
+
$e57af0887d00746b$exports = {
|
|
424
|
+
"columnResizer": `欄大小調整器`,
|
|
425
|
+
"loading": `正在載入`,
|
|
426
|
+
"loadingMore": `正在載入更多…`,
|
|
427
|
+
"resizeColumn": `調整欄大小`,
|
|
428
|
+
"sortAscending": `升序排序`,
|
|
429
|
+
"sortDescending": `降序排序`
|
|
430
|
+
};
|
|
431
|
+
|
|
432
|
+
|
|
433
|
+
$467944769c14687b$exports = {
|
|
434
|
+
"ar-AE": $daf541512f75fd9b$exports,
|
|
435
|
+
"bg-BG": $50819411ab066aa0$exports,
|
|
436
|
+
"cs-CZ": $4f747f794f1bcba7$exports,
|
|
437
|
+
"da-DK": $9b4578f7fea36fce$exports,
|
|
438
|
+
"de-DE": $d1341bbc3e1d2378$exports,
|
|
439
|
+
"el-GR": $62dc02a47a5c68a9$exports,
|
|
440
|
+
"en-US": $4040b78666bdeb49$exports,
|
|
441
|
+
"es-ES": $b77a23040d0637b4$exports,
|
|
442
|
+
"et-EE": $54ccb4bcf3ebc0a8$exports,
|
|
443
|
+
"fi-FI": $37e671b8f89037ca$exports,
|
|
444
|
+
"fr-FR": $8d65c5abdb6b7cbc$exports,
|
|
445
|
+
"he-IL": $a87fac8df5d40e78$exports,
|
|
446
|
+
"hr-HR": $a7ee65f0f8055b83$exports,
|
|
447
|
+
"hu-HU": $e6091fd2263a451f$exports,
|
|
448
|
+
"it-IT": $c8d9d250bf8952b2$exports,
|
|
449
|
+
"ja-JP": $df07a03bb9f879ed$exports,
|
|
450
|
+
"ko-KR": $40b3ef3504f4b1d0$exports,
|
|
451
|
+
"lt-LT": $c6959b6b120377f9$exports,
|
|
452
|
+
"lv-LV": $8fcc23e9320cffd0$exports,
|
|
453
|
+
"nb-NO": $ec9bb7644b9b61e5$exports,
|
|
454
|
+
"nl-NL": $049ab8e2dc69b622$exports,
|
|
455
|
+
"pl-PL": $480b88f7afcf23a9$exports,
|
|
456
|
+
"pt-BR": $0c053d6ef0255c08$exports,
|
|
457
|
+
"pt-PT": $3aff8d1b1fa24532$exports,
|
|
458
|
+
"ro-RO": $90e0c3e69dc73a74$exports,
|
|
459
|
+
"ru-RU": $248be0f7eca0ea1f$exports,
|
|
460
|
+
"sk-SK": $3142c640504df85a$exports,
|
|
461
|
+
"sl-SI": $7b3b7f28a30b2687$exports,
|
|
462
|
+
"sr-SP": $06c28f958a58f366$exports,
|
|
463
|
+
"sv-SE": $b45c13a581472a6c$exports,
|
|
464
|
+
"tr-TR": $785ea1a5e7a35eb5$exports,
|
|
465
|
+
"uk-UA": $2e46541801441421$exports,
|
|
466
|
+
"zh-CN": $8de129c51e22709f$exports,
|
|
467
|
+
"zh-TW": $e57af0887d00746b$exports
|
|
468
|
+
};
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
|
|
472
|
+
|
|
473
|
+
/*
|
|
474
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
475
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
476
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
477
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
478
|
+
*
|
|
479
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
480
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
481
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
482
|
+
* governing permissions and limitations under the License.
|
|
483
|
+
*/
|
|
484
|
+
function $cb7d341e8868d81d$export$d9658cdf8c86807() {
|
|
485
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("svg", {
|
|
486
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
487
|
+
width: "16",
|
|
488
|
+
height: "16",
|
|
489
|
+
viewBox: "0 0 16 16"
|
|
490
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("g", {
|
|
491
|
+
fill: "var(--spectrum-global-color-blue-600)",
|
|
492
|
+
stroke: "var(--spectrum-global-color-blue-600)",
|
|
493
|
+
strokeWidth: "2"
|
|
494
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
|
|
495
|
+
cx: "8",
|
|
496
|
+
cy: "8",
|
|
497
|
+
r: "8",
|
|
498
|
+
stroke: "none"
|
|
499
|
+
}), /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
|
|
500
|
+
cx: "8",
|
|
501
|
+
cy: "8",
|
|
502
|
+
r: "7",
|
|
503
|
+
fill: "none"
|
|
504
|
+
})), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
|
|
505
|
+
d: "M-2106-7380.263v5l2.5-2.551Z",
|
|
506
|
+
transform: "translate(2116 7385.763)",
|
|
507
|
+
fill: "#fff",
|
|
508
|
+
stroke: "#fff",
|
|
509
|
+
strokeLinejoin: "round",
|
|
510
|
+
strokeWidth: "2"
|
|
511
|
+
}), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
|
|
512
|
+
d: "M-2106-7380.263v5l2.5-2.551Z",
|
|
513
|
+
transform: "translate(-2100 -7369.763) rotate(180)",
|
|
514
|
+
fill: "#fff",
|
|
515
|
+
stroke: "#fff",
|
|
516
|
+
strokeLinejoin: "round",
|
|
517
|
+
strokeWidth: "2"
|
|
518
|
+
}));
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
|
|
522
|
+
|
|
523
|
+
|
|
524
|
+
|
|
525
|
+
/* eslint-disable jsx-a11y/role-supports-aria-props */
|
|
526
|
+
|
|
527
|
+
|
|
528
|
+
|
|
529
|
+
|
|
530
|
+
|
|
531
|
+
|
|
532
|
+
var $bd5d41f647a296c3$exports = {};
|
|
533
|
+
|
|
534
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
|
|
535
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-sortedIcon", () => $bd5d41f647a296c3$export$7d48ded8ceef1e62, (v) => $bd5d41f647a296c3$export$7d48ded8ceef1e62 = v);
|
|
536
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-menuChevron", () => $bd5d41f647a296c3$export$da1b2523b4f18b96, (v) => $bd5d41f647a296c3$export$da1b2523b4f18b96 = v);
|
|
537
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headWrapper", () => $bd5d41f647a296c3$export$a08929593e9a2fb2, (v) => $bd5d41f647a296c3$export$a08929593e9a2fb2 = v);
|
|
538
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellContents", () => $bd5d41f647a296c3$export$ce66f3b8316b228e, (v) => $bd5d41f647a296c3$export$ce66f3b8316b228e = v);
|
|
539
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCell", () => $bd5d41f647a296c3$export$f64307d6c29e2f55, (v) => $bd5d41f647a296c3$export$f64307d6c29e2f55 = v);
|
|
540
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sortable", () => $bd5d41f647a296c3$export$c5f84948d72c03fb, (v) => $bd5d41f647a296c3$export$c5f84948d72c03fb = v);
|
|
541
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sorted-asc", () => $bd5d41f647a296c3$export$24499792d6b87cb, (v) => $bd5d41f647a296c3$export$24499792d6b87cb = v);
|
|
542
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sorted-desc", () => $bd5d41f647a296c3$export$cda6d7b632f895cc, (v) => $bd5d41f647a296c3$export$cda6d7b632f895cc = v);
|
|
543
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-resizable", () => $bd5d41f647a296c3$export$d20629d2e587d4f, (v) => $bd5d41f647a296c3$export$d20629d2e587d4f = v);
|
|
544
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton", () => $bd5d41f647a296c3$export$231a910aceaf76df, (v) => $bd5d41f647a296c3$export$231a910aceaf76df = v);
|
|
545
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer", () => $bd5d41f647a296c3$export$a1a03b9bd1868758, (v) => $bd5d41f647a296c3$export$a1a03b9bd1868758 = v);
|
|
546
|
+
$parcel$export($bd5d41f647a296c3$exports, "focus-ring", () => $bd5d41f647a296c3$export$f39a09f249340e2a, (v) => $bd5d41f647a296c3$export$f39a09f249340e2a = v);
|
|
547
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizerPlaceholder", () => $bd5d41f647a296c3$export$dbbe6828fb150c0d, (v) => $bd5d41f647a296c3$export$dbbe6828fb150c0d = v);
|
|
548
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-bodyResizeIndicator", () => $bd5d41f647a296c3$export$9a870fddd16be630, (v) => $bd5d41f647a296c3$export$9a870fddd16be630 = v);
|
|
549
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignCenter", () => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2, (v) => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = v);
|
|
550
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignEnd", () => $bd5d41f647a296c3$export$94db5e2e979379b6, (v) => $bd5d41f647a296c3$export$94db5e2e979379b6 = v);
|
|
551
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body", () => $bd5d41f647a296c3$export$c841a58af70827c7, (v) => $bd5d41f647a296c3$export$c841a58af70827c7 = v);
|
|
552
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-drop-target", () => $bd5d41f647a296c3$export$d8467f38d2d00bd0, (v) => $bd5d41f647a296c3$export$d8467f38d2d00bd0 = v);
|
|
553
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row", () => $bd5d41f647a296c3$export$fefa57dcd4648052, (v) => $bd5d41f647a296c3$export$fefa57dcd4648052 = v);
|
|
554
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body--resizerAtTableEdge", () => $bd5d41f647a296c3$export$ec8d96850ac2415e, (v) => $bd5d41f647a296c3$export$ec8d96850ac2415e = v);
|
|
555
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--quiet", () => $bd5d41f647a296c3$export$80f179961079d85e, (v) => $bd5d41f647a296c3$export$80f179961079d85e = v);
|
|
556
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell", () => $bd5d41f647a296c3$export$c073926c283bb618, (v) => $bd5d41f647a296c3$export$c073926c283bb618 = v);
|
|
557
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--compact", () => $bd5d41f647a296c3$export$bcb43fe016211cab, (v) => $bd5d41f647a296c3$export$bcb43fe016211cab = v);
|
|
558
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--spacious", () => $bd5d41f647a296c3$export$eef21b0715bc0914, (v) => $bd5d41f647a296c3$export$eef21b0715bc0914 = v);
|
|
559
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellContents", () => $bd5d41f647a296c3$export$683061182a3353d3, (v) => $bd5d41f647a296c3$export$683061182a3353d3 = v);
|
|
560
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--hideHeader", () => $bd5d41f647a296c3$export$8ff2ab45f5f0045d, (v) => $bd5d41f647a296c3$export$8ff2ab45f5f0045d = v);
|
|
561
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--wrap", () => $bd5d41f647a296c3$export$9d4c255d6285f0ec, (v) => $bd5d41f647a296c3$export$9d4c255d6285f0ec = v);
|
|
562
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-focused", () => $bd5d41f647a296c3$export$e7dc768d35940237, (v) => $bd5d41f647a296c3$export$e7dc768d35940237 = v);
|
|
563
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignStart", () => $bd5d41f647a296c3$export$b1f0f17b71ca32b7, (v) => $bd5d41f647a296c3$export$b1f0f17b71ca32b7 = v);
|
|
564
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignCenter", () => $bd5d41f647a296c3$export$75a2aad672a61387, (v) => $bd5d41f647a296c3$export$75a2aad672a61387 = v);
|
|
565
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignEnd", () => $bd5d41f647a296c3$export$7d0b6721a7bc5a4e, (v) => $bd5d41f647a296c3$export$7d0b6721a7bc5a4e = v);
|
|
566
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headerCellText", () => $bd5d41f647a296c3$export$3d7b5f594896430, (v) => $bd5d41f647a296c3$export$3d7b5f594896430 = v);
|
|
567
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--divider", () => $bd5d41f647a296c3$export$9531650467e5785b, (v) => $bd5d41f647a296c3$export$9531650467e5785b = v);
|
|
568
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellWrapper", () => $bd5d41f647a296c3$export$fe4389976827e927, (v) => $bd5d41f647a296c3$export$fe4389976827e927 = v);
|
|
569
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--loadingMore", () => $bd5d41f647a296c3$export$51b307035a9062f1, (v) => $bd5d41f647a296c3$export$51b307035a9062f1 = v);
|
|
570
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--lastRow", () => $bd5d41f647a296c3$export$6bc25dc2c214dc40, (v) => $bd5d41f647a296c3$export$6bc25dc2c214dc40 = v);
|
|
571
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--isFlushBottom", () => $bd5d41f647a296c3$export$c544a9cedcdf7e74, (v) => $bd5d41f647a296c3$export$c544a9cedcdf7e74 = v);
|
|
572
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-selected", () => $bd5d41f647a296c3$export$1e0fb04f31d3c22a, (v) => $bd5d41f647a296c3$export$1e0fb04f31d3c22a = v);
|
|
573
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--firstRow", () => $bd5d41f647a296c3$export$71150fb6934bcef6, (v) => $bd5d41f647a296c3$export$71150fb6934bcef6 = v);
|
|
574
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--isVerticalScrollbarVisible", () => $bd5d41f647a296c3$export$f3cbf113923c0570, (v) => $bd5d41f647a296c3$export$f3cbf113923c0570 = v);
|
|
575
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--isHorizontalScrollbarVisible", () => $bd5d41f647a296c3$export$eb2b06f9a223c9ae, (v) => $bd5d41f647a296c3$export$eb2b06f9a223c9ae = v);
|
|
576
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkboxCell", () => $bd5d41f647a296c3$export$ae17a7501a9fd0b3, (v) => $bd5d41f647a296c3$export$ae17a7501a9fd0b3 = v);
|
|
577
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkbox", () => $bd5d41f647a296c3$export$9c494845d6df55df, (v) => $bd5d41f647a296c3$export$9c494845d6df55df = v);
|
|
578
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator", () => $bd5d41f647a296c3$export$3a270f8fab5daa8b, (v) => $bd5d41f647a296c3$export$3a270f8fab5daa8b = v);
|
|
579
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator--visible", () => $bd5d41f647a296c3$export$b0bdf5d269bf857, (v) => $bd5d41f647a296c3$export$b0bdf5d269bf857 = v);
|
|
580
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin", () => $bd5d41f647a296c3$export$12c7b2fb4df461f8, (v) => $bd5d41f647a296c3$export$12c7b2fb4df461f8 = v);
|
|
581
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin--visible", () => $bd5d41f647a296c3$export$56a3c5ebd77d19bf, (v) => $bd5d41f647a296c3$export$56a3c5ebd77d19bf = v);
|
|
582
|
+
$parcel$export($bd5d41f647a296c3$exports, "resize-ew", () => $bd5d41f647a296c3$export$649f0fca6895dd60, (v) => $bd5d41f647a296c3$export$649f0fca6895dd60 = v);
|
|
583
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--ewresize", () => $bd5d41f647a296c3$export$1ae46a38f6cf4c29, (v) => $bd5d41f647a296c3$export$1ae46a38f6cf4c29 = v);
|
|
584
|
+
$parcel$export($bd5d41f647a296c3$exports, "resize-e", () => $bd5d41f647a296c3$export$7c4671d507759106, (v) => $bd5d41f647a296c3$export$7c4671d507759106 = v);
|
|
585
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--eresize", () => $bd5d41f647a296c3$export$a051348d523fc956, (v) => $bd5d41f647a296c3$export$a051348d523fc956 = v);
|
|
586
|
+
$parcel$export($bd5d41f647a296c3$exports, "resize-w", () => $bd5d41f647a296c3$export$f87ceeb5dfa395aa, (v) => $bd5d41f647a296c3$export$f87ceeb5dfa395aa = v);
|
|
587
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer--wresize", () => $bd5d41f647a296c3$export$5d01542627c9931d, (v) => $bd5d41f647a296c3$export$5d01542627c9931d = v);
|
|
588
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-hovered", () => $bd5d41f647a296c3$export$b8813cd5d7824ce7, (v) => $bd5d41f647a296c3$export$b8813cd5d7824ce7 = v);
|
|
589
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-active", () => $bd5d41f647a296c3$export$20fd0f7cd4e6112f, (v) => $bd5d41f647a296c3$export$20fd0f7cd4e6112f = v);
|
|
590
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-disabled", () => $bd5d41f647a296c3$export$d35bc1e505d1ebbf, (v) => $bd5d41f647a296c3$export$d35bc1e505d1ebbf = v);
|
|
591
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-next-selected", () => $bd5d41f647a296c3$export$53aa811f86efbfad, (v) => $bd5d41f647a296c3$export$53aa811f86efbfad = v);
|
|
592
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator--resizing", () => $bd5d41f647a296c3$export$d3861fcb1e5f6a2b, (v) => $bd5d41f647a296c3$export$d3861fcb1e5f6a2b = v);
|
|
593
|
+
var $bd5d41f647a296c3$export$455c59d2b5bafef0;
|
|
594
|
+
var $bd5d41f647a296c3$export$7d48ded8ceef1e62;
|
|
595
|
+
var $bd5d41f647a296c3$export$da1b2523b4f18b96;
|
|
596
|
+
var $bd5d41f647a296c3$export$a08929593e9a2fb2;
|
|
597
|
+
var $bd5d41f647a296c3$export$ce66f3b8316b228e;
|
|
598
|
+
var $bd5d41f647a296c3$export$f64307d6c29e2f55;
|
|
599
|
+
var $bd5d41f647a296c3$export$c5f84948d72c03fb;
|
|
600
|
+
var $bd5d41f647a296c3$export$24499792d6b87cb;
|
|
601
|
+
var $bd5d41f647a296c3$export$cda6d7b632f895cc;
|
|
602
|
+
var $bd5d41f647a296c3$export$d20629d2e587d4f;
|
|
603
|
+
var $bd5d41f647a296c3$export$231a910aceaf76df;
|
|
604
|
+
var $bd5d41f647a296c3$export$a1a03b9bd1868758;
|
|
605
|
+
var $bd5d41f647a296c3$export$f39a09f249340e2a;
|
|
606
|
+
var $bd5d41f647a296c3$export$dbbe6828fb150c0d;
|
|
607
|
+
var $bd5d41f647a296c3$export$9a870fddd16be630;
|
|
608
|
+
var $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2;
|
|
609
|
+
var $bd5d41f647a296c3$export$94db5e2e979379b6;
|
|
610
|
+
var $bd5d41f647a296c3$export$c841a58af70827c7;
|
|
611
|
+
var $bd5d41f647a296c3$export$d8467f38d2d00bd0;
|
|
612
|
+
var $bd5d41f647a296c3$export$fefa57dcd4648052;
|
|
613
|
+
var $bd5d41f647a296c3$export$ec8d96850ac2415e;
|
|
614
|
+
var $bd5d41f647a296c3$export$80f179961079d85e;
|
|
615
|
+
var $bd5d41f647a296c3$export$c073926c283bb618;
|
|
616
|
+
var $bd5d41f647a296c3$export$bcb43fe016211cab;
|
|
617
|
+
var $bd5d41f647a296c3$export$eef21b0715bc0914;
|
|
618
|
+
var $bd5d41f647a296c3$export$683061182a3353d3;
|
|
619
|
+
var $bd5d41f647a296c3$export$8ff2ab45f5f0045d;
|
|
620
|
+
var $bd5d41f647a296c3$export$9d4c255d6285f0ec;
|
|
621
|
+
var $bd5d41f647a296c3$export$e7dc768d35940237;
|
|
622
|
+
var $bd5d41f647a296c3$export$b1f0f17b71ca32b7;
|
|
623
|
+
var $bd5d41f647a296c3$export$75a2aad672a61387;
|
|
624
|
+
var $bd5d41f647a296c3$export$7d0b6721a7bc5a4e;
|
|
625
|
+
var $bd5d41f647a296c3$export$3d7b5f594896430;
|
|
626
|
+
var $bd5d41f647a296c3$export$9531650467e5785b;
|
|
627
|
+
var $bd5d41f647a296c3$export$fe4389976827e927;
|
|
628
|
+
var $bd5d41f647a296c3$export$51b307035a9062f1;
|
|
629
|
+
var $bd5d41f647a296c3$export$6bc25dc2c214dc40;
|
|
630
|
+
var $bd5d41f647a296c3$export$c544a9cedcdf7e74;
|
|
631
|
+
var $bd5d41f647a296c3$export$1e0fb04f31d3c22a;
|
|
632
|
+
var $bd5d41f647a296c3$export$71150fb6934bcef6;
|
|
633
|
+
var $bd5d41f647a296c3$export$f3cbf113923c0570;
|
|
634
|
+
var $bd5d41f647a296c3$export$eb2b06f9a223c9ae;
|
|
635
|
+
var $bd5d41f647a296c3$export$ae17a7501a9fd0b3;
|
|
636
|
+
var $bd5d41f647a296c3$export$9c494845d6df55df;
|
|
637
|
+
var $bd5d41f647a296c3$export$3a270f8fab5daa8b;
|
|
638
|
+
var $bd5d41f647a296c3$export$b0bdf5d269bf857;
|
|
639
|
+
var $bd5d41f647a296c3$export$12c7b2fb4df461f8;
|
|
640
|
+
var $bd5d41f647a296c3$export$56a3c5ebd77d19bf;
|
|
641
|
+
var $bd5d41f647a296c3$export$649f0fca6895dd60;
|
|
642
|
+
var $bd5d41f647a296c3$export$1ae46a38f6cf4c29;
|
|
643
|
+
var $bd5d41f647a296c3$export$7c4671d507759106;
|
|
644
|
+
var $bd5d41f647a296c3$export$a051348d523fc956;
|
|
645
|
+
var $bd5d41f647a296c3$export$f87ceeb5dfa395aa;
|
|
646
|
+
var $bd5d41f647a296c3$export$5d01542627c9931d;
|
|
647
|
+
var $bd5d41f647a296c3$export$b8813cd5d7824ce7;
|
|
648
|
+
var $bd5d41f647a296c3$export$20fd0f7cd4e6112f;
|
|
649
|
+
var $bd5d41f647a296c3$export$d35bc1e505d1ebbf;
|
|
650
|
+
var $bd5d41f647a296c3$export$53aa811f86efbfad;
|
|
651
|
+
var $bd5d41f647a296c3$export$d3861fcb1e5f6a2b;
|
|
652
|
+
$bd5d41f647a296c3$export$455c59d2b5bafef0 = "spectrum-Table_d0fc74";
|
|
653
|
+
$bd5d41f647a296c3$export$7d48ded8ceef1e62 = "spectrum-Table-sortedIcon_d0fc74";
|
|
654
|
+
$bd5d41f647a296c3$export$da1b2523b4f18b96 = "spectrum-Table-menuChevron_d0fc74";
|
|
655
|
+
$bd5d41f647a296c3$export$a08929593e9a2fb2 = "spectrum-Table-headWrapper_d0fc74";
|
|
656
|
+
$bd5d41f647a296c3$export$ce66f3b8316b228e = "spectrum-Table-headCellContents_d0fc74";
|
|
657
|
+
$bd5d41f647a296c3$export$f64307d6c29e2f55 = "spectrum-Table-headCell_d0fc74";
|
|
658
|
+
$bd5d41f647a296c3$export$c5f84948d72c03fb = "is-sortable_d0fc74";
|
|
659
|
+
$bd5d41f647a296c3$export$24499792d6b87cb = "is-sorted-asc_d0fc74";
|
|
660
|
+
$bd5d41f647a296c3$export$cda6d7b632f895cc = "is-sorted-desc_d0fc74";
|
|
661
|
+
$bd5d41f647a296c3$export$d20629d2e587d4f = "is-resizable_d0fc74";
|
|
662
|
+
$bd5d41f647a296c3$export$231a910aceaf76df = "spectrum-Table-headCellButton_d0fc74";
|
|
663
|
+
$bd5d41f647a296c3$export$a1a03b9bd1868758 = "spectrum-Table-columnResizer_d0fc74";
|
|
664
|
+
$bd5d41f647a296c3$export$f39a09f249340e2a = "focus-ring_d0fc74";
|
|
665
|
+
$bd5d41f647a296c3$export$dbbe6828fb150c0d = "spectrum-Table-columnResizerPlaceholder_d0fc74";
|
|
666
|
+
$bd5d41f647a296c3$export$9a870fddd16be630 = "spectrum-Table-bodyResizeIndicator_d0fc74";
|
|
667
|
+
$bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = "spectrum-Table-cell--alignCenter_d0fc74";
|
|
668
|
+
$bd5d41f647a296c3$export$94db5e2e979379b6 = "spectrum-Table-cell--alignEnd_d0fc74";
|
|
669
|
+
$bd5d41f647a296c3$export$c841a58af70827c7 = "spectrum-Table-body_d0fc74";
|
|
670
|
+
$bd5d41f647a296c3$export$d8467f38d2d00bd0 = "is-drop-target_d0fc74";
|
|
671
|
+
$bd5d41f647a296c3$export$fefa57dcd4648052 = "spectrum-Table-row_d0fc74";
|
|
672
|
+
$bd5d41f647a296c3$export$ec8d96850ac2415e = "spectrum-Table-body--resizerAtTableEdge_d0fc74";
|
|
673
|
+
$bd5d41f647a296c3$export$80f179961079d85e = "spectrum-Table--quiet_d0fc74";
|
|
674
|
+
$bd5d41f647a296c3$export$c073926c283bb618 = "spectrum-Table-cell_d0fc74";
|
|
675
|
+
$bd5d41f647a296c3$export$bcb43fe016211cab = "spectrum-Table--compact_d0fc74";
|
|
676
|
+
$bd5d41f647a296c3$export$eef21b0715bc0914 = "spectrum-Table--spacious_d0fc74";
|
|
677
|
+
$bd5d41f647a296c3$export$683061182a3353d3 = "spectrum-Table-cellContents_d0fc74";
|
|
678
|
+
$bd5d41f647a296c3$export$8ff2ab45f5f0045d = "spectrum-Table-cell--hideHeader_d0fc74";
|
|
679
|
+
$bd5d41f647a296c3$export$9d4c255d6285f0ec = "spectrum-Table--wrap_d0fc74";
|
|
680
|
+
$bd5d41f647a296c3$export$e7dc768d35940237 = "is-focused_d0fc74";
|
|
681
|
+
$bd5d41f647a296c3$export$b1f0f17b71ca32b7 = "spectrum-Table-headCellButton--alignStart_d0fc74";
|
|
682
|
+
$bd5d41f647a296c3$export$75a2aad672a61387 = "spectrum-Table-headCellButton--alignCenter_d0fc74";
|
|
683
|
+
$bd5d41f647a296c3$export$7d0b6721a7bc5a4e = "spectrum-Table-headCellButton--alignEnd_d0fc74";
|
|
684
|
+
$bd5d41f647a296c3$export$3d7b5f594896430 = "spectrum-Table-headerCellText_d0fc74";
|
|
685
|
+
$bd5d41f647a296c3$export$9531650467e5785b = "spectrum-Table-cell--divider_d0fc74";
|
|
686
|
+
$bd5d41f647a296c3$export$fe4389976827e927 = "spectrum-Table-cellWrapper_d0fc74";
|
|
687
|
+
$bd5d41f647a296c3$export$51b307035a9062f1 = "spectrum-Table--loadingMore_d0fc74";
|
|
688
|
+
$bd5d41f647a296c3$export$6bc25dc2c214dc40 = "spectrum-Table-row--lastRow_d0fc74";
|
|
689
|
+
$bd5d41f647a296c3$export$c544a9cedcdf7e74 = "spectrum-Table-row--isFlushBottom_d0fc74";
|
|
690
|
+
$bd5d41f647a296c3$export$1e0fb04f31d3c22a = "is-selected_d0fc74";
|
|
691
|
+
$bd5d41f647a296c3$export$71150fb6934bcef6 = "spectrum-Table-row--firstRow_d0fc74";
|
|
692
|
+
$bd5d41f647a296c3$export$f3cbf113923c0570 = "spectrum-Table--isVerticalScrollbarVisible_d0fc74";
|
|
693
|
+
$bd5d41f647a296c3$export$eb2b06f9a223c9ae = "spectrum-Table--isHorizontalScrollbarVisible_d0fc74";
|
|
694
|
+
$bd5d41f647a296c3$export$ae17a7501a9fd0b3 = "spectrum-Table-checkboxCell_d0fc74";
|
|
695
|
+
$bd5d41f647a296c3$export$9c494845d6df55df = "spectrum-Table-checkbox_d0fc74";
|
|
696
|
+
$bd5d41f647a296c3$export$3a270f8fab5daa8b = "spectrum-Table-colResizeIndicator_d0fc74";
|
|
697
|
+
$bd5d41f647a296c3$export$b0bdf5d269bf857 = "spectrum-Table-colResizeIndicator--visible_d0fc74";
|
|
698
|
+
$bd5d41f647a296c3$export$12c7b2fb4df461f8 = "spectrum-Table-colResizeNubbin_d0fc74";
|
|
699
|
+
$bd5d41f647a296c3$export$56a3c5ebd77d19bf = "spectrum-Table-colResizeNubbin--visible_d0fc74";
|
|
700
|
+
$bd5d41f647a296c3$export$649f0fca6895dd60 = "resize-ew_d0fc74";
|
|
701
|
+
$bd5d41f647a296c3$export$1ae46a38f6cf4c29 = "spectrum-Table-columnResizer--ewresize_d0fc74";
|
|
702
|
+
$bd5d41f647a296c3$export$7c4671d507759106 = "resize-e_d0fc74";
|
|
703
|
+
$bd5d41f647a296c3$export$a051348d523fc956 = "spectrum-Table-columnResizer--eresize_d0fc74";
|
|
704
|
+
$bd5d41f647a296c3$export$f87ceeb5dfa395aa = "resize-w_d0fc74";
|
|
705
|
+
$bd5d41f647a296c3$export$5d01542627c9931d = "spectrum-Table-columnResizer--wresize_d0fc74";
|
|
706
|
+
$bd5d41f647a296c3$export$b8813cd5d7824ce7 = "is-hovered_d0fc74";
|
|
707
|
+
$bd5d41f647a296c3$export$20fd0f7cd4e6112f = "is-active_d0fc74";
|
|
708
|
+
$bd5d41f647a296c3$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
|
|
709
|
+
$bd5d41f647a296c3$export$53aa811f86efbfad = "is-next-selected_d0fc74";
|
|
710
|
+
$bd5d41f647a296c3$export$d3861fcb1e5f6a2b = "spectrum-Table-colResizeIndicator--resizing_d0fc74";
|
|
711
|
+
|
|
712
|
+
|
|
713
|
+
|
|
714
|
+
|
|
715
|
+
|
|
716
|
+
|
|
717
|
+
let $fc695d2eafc2b351$var$CURSOR_CLASSES = {
|
|
718
|
+
w: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-w"),
|
|
719
|
+
e: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-e"),
|
|
720
|
+
ew: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "resize-ew")
|
|
721
|
+
};
|
|
722
|
+
function $fc695d2eafc2b351$var$Resizer(props, ref) {
|
|
723
|
+
let { column: column , showResizer: showResizer } = props;
|
|
724
|
+
let { isEmpty: isEmpty , layout: layout } = (0, $d14697b14e638114$export$3cb274deb6c2d854)();
|
|
725
|
+
// Virtualizer re-renders, but these components are all cached
|
|
726
|
+
// in order to get around that and cause a rerender here, we use context
|
|
727
|
+
// but we don't actually need any value, they are available on the layout object
|
|
728
|
+
(0, $d14697b14e638114$export$3f8f74b6bfd2c5df)();
|
|
729
|
+
let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
|
|
730
|
+
let { direction: direction } = (0, $gyhAV$useLocale)();
|
|
731
|
+
let [directionClass, setDirectionClass] = (0, $gyhAV$react).useState(null);
|
|
732
|
+
let [isPointerDown, setIsPointerDown] = (0, $gyhAV$useState)(false);
|
|
733
|
+
(0, $gyhAV$useEffect)(()=>{
|
|
734
|
+
let setDown = (e)=>{
|
|
735
|
+
if (e.pointerType === "mouse") setIsPointerDown(true);
|
|
736
|
+
};
|
|
737
|
+
let setUp = (e)=>{
|
|
738
|
+
if (e.pointerType === "mouse") setIsPointerDown(false);
|
|
739
|
+
};
|
|
740
|
+
document.addEventListener("pointerdown", setDown, {
|
|
741
|
+
capture: true
|
|
742
|
+
});
|
|
743
|
+
document.addEventListener("pointerup", setUp, {
|
|
744
|
+
capture: true
|
|
745
|
+
});
|
|
746
|
+
return ()=>{
|
|
747
|
+
document.removeEventListener("pointerdown", setDown, {
|
|
748
|
+
capture: true
|
|
749
|
+
});
|
|
750
|
+
document.removeEventListener("pointerup", setUp, {
|
|
751
|
+
capture: true
|
|
752
|
+
});
|
|
753
|
+
};
|
|
754
|
+
}, []);
|
|
755
|
+
let { inputProps: inputProps , resizerProps: resizerProps } = (0, $gyhAV$useTableColumnResize)((0, $gyhAV$mergeProps)(props, {
|
|
756
|
+
label: stringFormatter.format("columnResizer"),
|
|
757
|
+
isDisabled: isEmpty,
|
|
758
|
+
onResizeStart: ()=>{
|
|
759
|
+
if ((0, $gyhAV$getInteractionModality)() === "pointer") {
|
|
760
|
+
if (layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key)) setDirectionClass(direction === "rtl" ? $fc695d2eafc2b351$var$CURSOR_CLASSES.w : $fc695d2eafc2b351$var$CURSOR_CLASSES.e);
|
|
761
|
+
else if (layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key)) setDirectionClass(direction === "rtl" ? $fc695d2eafc2b351$var$CURSOR_CLASSES.e : $fc695d2eafc2b351$var$CURSOR_CLASSES.w);
|
|
762
|
+
else setDirectionClass($fc695d2eafc2b351$var$CURSOR_CLASSES.ew);
|
|
763
|
+
} else setDirectionClass(null);
|
|
764
|
+
},
|
|
765
|
+
onResize: ()=>{
|
|
766
|
+
if ((0, $gyhAV$getInteractionModality)() === "pointer") {
|
|
767
|
+
if (layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key)) setDirectionClass(direction === "rtl" ? $fc695d2eafc2b351$var$CURSOR_CLASSES.w : $fc695d2eafc2b351$var$CURSOR_CLASSES.e);
|
|
768
|
+
else if (layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key)) setDirectionClass(direction === "rtl" ? $fc695d2eafc2b351$var$CURSOR_CLASSES.e : $fc695d2eafc2b351$var$CURSOR_CLASSES.w);
|
|
769
|
+
else setDirectionClass($fc695d2eafc2b351$var$CURSOR_CLASSES.ew);
|
|
770
|
+
} else setDirectionClass(null);
|
|
771
|
+
},
|
|
772
|
+
onResizeEnd: ()=>{
|
|
773
|
+
setDirectionClass(null);
|
|
774
|
+
}
|
|
775
|
+
}), layout, ref);
|
|
776
|
+
let style = {
|
|
777
|
+
cursor: undefined,
|
|
778
|
+
height: "100%",
|
|
779
|
+
display: showResizer ? undefined : "none",
|
|
780
|
+
touchAction: "none"
|
|
781
|
+
};
|
|
782
|
+
let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
|
|
783
|
+
let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
|
|
784
|
+
let isResizing = layout.resizingColumn === column.key;
|
|
785
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$react).Fragment, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
786
|
+
within: true,
|
|
787
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
788
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
789
|
+
role: "presentation",
|
|
790
|
+
style: style,
|
|
791
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizer", {
|
|
792
|
+
"spectrum-Table-columnResizer--ewresize": !(isEResizable && isWResizable),
|
|
793
|
+
"spectrum-Table-columnResizer--eresize": direction === "rtl" ? isWResizable : isEResizable,
|
|
794
|
+
"spectrum-Table-columnResizer--wresize": direction === "rtl" ? isEResizable : isWResizable
|
|
795
|
+
}),
|
|
796
|
+
...resizerProps
|
|
797
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("input", {
|
|
798
|
+
ref: ref,
|
|
799
|
+
...inputProps
|
|
800
|
+
})))), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
801
|
+
"aria-hidden": true,
|
|
802
|
+
role: "presentation",
|
|
803
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizerPlaceholder")
|
|
804
|
+
}), /*#__PURE__*/ (0, $gyhAV$react).createElement($fc695d2eafc2b351$var$CursorOverlay, {
|
|
805
|
+
show: isResizing && isPointerDown
|
|
806
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
807
|
+
className: directionClass,
|
|
808
|
+
style: {
|
|
809
|
+
position: "fixed",
|
|
810
|
+
top: 0,
|
|
811
|
+
left: 0,
|
|
812
|
+
bottom: 0,
|
|
813
|
+
right: 0
|
|
814
|
+
}
|
|
815
|
+
})));
|
|
816
|
+
}
|
|
817
|
+
function $fc695d2eafc2b351$var$CursorOverlay(props) {
|
|
818
|
+
let { show: show , children: children } = props;
|
|
819
|
+
return show ? /*#__PURE__*/ (0, $gyhAV$reactdom).createPortal(children, document.body) : null;
|
|
820
|
+
}
|
|
821
|
+
const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($fc695d2eafc2b351$var$Resizer);
|
|
822
|
+
|
|
823
|
+
|
|
824
|
+
|
|
825
|
+
var $325bc3d43b25708b$exports = {};
|
|
826
|
+
|
|
827
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
|
|
828
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell", () => $325bc3d43b25708b$export$19015e98090cea63, (v) => $325bc3d43b25708b$export$19015e98090cea63 = v);
|
|
829
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper", () => $325bc3d43b25708b$export$ea1d9f40910c509, (v) => $325bc3d43b25708b$export$ea1d9f40910c509 = v);
|
|
830
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignStart", () => $325bc3d43b25708b$export$25d7f56ba6d0d442, (v) => $325bc3d43b25708b$export$25d7f56ba6d0d442 = v);
|
|
831
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignCenter", () => $325bc3d43b25708b$export$14101ea2699002fc, (v) => $325bc3d43b25708b$export$14101ea2699002fc = v);
|
|
832
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignEnd", () => $325bc3d43b25708b$export$c594335f8535fc47, (v) => $325bc3d43b25708b$export$c594335f8535fc47 = v);
|
|
833
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-centeredWrapper", () => $325bc3d43b25708b$export$8bffb31c98aaf8d5, (v) => $325bc3d43b25708b$export$8bffb31c98aaf8d5 = v);
|
|
834
|
+
var $325bc3d43b25708b$export$8cc7e6e5f955c192;
|
|
835
|
+
var $325bc3d43b25708b$export$19015e98090cea63;
|
|
836
|
+
var $325bc3d43b25708b$export$ea1d9f40910c509;
|
|
837
|
+
var $325bc3d43b25708b$export$25d7f56ba6d0d442;
|
|
838
|
+
var $325bc3d43b25708b$export$14101ea2699002fc;
|
|
839
|
+
var $325bc3d43b25708b$export$c594335f8535fc47;
|
|
840
|
+
var $325bc3d43b25708b$export$8bffb31c98aaf8d5;
|
|
841
|
+
$325bc3d43b25708b$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
|
|
842
|
+
$325bc3d43b25708b$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
|
|
843
|
+
$325bc3d43b25708b$export$ea1d9f40910c509 = "react-spectrum-Table-cellWrapper_e844a7";
|
|
844
|
+
$325bc3d43b25708b$export$25d7f56ba6d0d442 = "react-spectrum-Table-cell--alignStart_e844a7";
|
|
845
|
+
$325bc3d43b25708b$export$14101ea2699002fc = "react-spectrum-Table-cell--alignCenter_e844a7";
|
|
846
|
+
$325bc3d43b25708b$export$c594335f8535fc47 = "react-spectrum-Table-cell--alignEnd_e844a7";
|
|
847
|
+
$325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrapper_e844a7";
|
|
848
|
+
|
|
849
|
+
|
|
850
|
+
|
|
851
|
+
|
|
852
|
+
|
|
853
|
+
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
|
|
857
|
+
|
|
858
|
+
const $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT = {
|
|
859
|
+
medium: 34,
|
|
860
|
+
large: 40
|
|
861
|
+
};
|
|
862
|
+
const $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
|
|
863
|
+
medium: 38,
|
|
864
|
+
large: 46
|
|
865
|
+
};
|
|
866
|
+
const $d14697b14e638114$var$ROW_HEIGHTS = {
|
|
867
|
+
compact: {
|
|
868
|
+
medium: 32,
|
|
869
|
+
large: 40
|
|
870
|
+
},
|
|
871
|
+
regular: {
|
|
872
|
+
medium: 40,
|
|
873
|
+
large: 50
|
|
874
|
+
},
|
|
875
|
+
spacious: {
|
|
876
|
+
medium: 48,
|
|
877
|
+
large: 60
|
|
878
|
+
}
|
|
879
|
+
};
|
|
880
|
+
const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
|
|
881
|
+
medium: 38,
|
|
882
|
+
large: 48
|
|
883
|
+
};
|
|
884
|
+
const $d14697b14e638114$var$TableContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
|
|
885
|
+
function $d14697b14e638114$export$3cb274deb6c2d854() {
|
|
886
|
+
return (0, $gyhAV$useContext)($d14697b14e638114$var$TableContext);
|
|
887
|
+
}
|
|
888
|
+
const $d14697b14e638114$var$VirtualizerContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
|
|
889
|
+
function $d14697b14e638114$export$3f8f74b6bfd2c5df() {
|
|
890
|
+
return (0, $gyhAV$useContext)($d14697b14e638114$var$VirtualizerContext);
|
|
891
|
+
}
|
|
892
|
+
function $d14697b14e638114$var$TableView(props, ref) {
|
|
893
|
+
props = (0, $gyhAV$useProviderProps)(props);
|
|
894
|
+
let { isQuiet: isQuiet , onAction: onAction , onResizeStart: propsOnResizeStart , onResizeEnd: propsOnResizeEnd } = props;
|
|
895
|
+
let { styleProps: styleProps } = (0, $gyhAV$useStyleProps)(props);
|
|
896
|
+
let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(props.selectionStyle !== "highlight");
|
|
897
|
+
let { direction: direction } = (0, $gyhAV$useLocale)();
|
|
898
|
+
let { scale: scale } = (0, $gyhAV$useProvider)();
|
|
899
|
+
const getDefaultWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider } })=>{
|
|
900
|
+
if (hideHeader) {
|
|
901
|
+
let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
|
|
902
|
+
return showDivider ? width + 1 : width;
|
|
903
|
+
} else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
|
|
904
|
+
}, [
|
|
905
|
+
scale
|
|
906
|
+
]);
|
|
907
|
+
const getDefaultMinWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider } })=>{
|
|
908
|
+
if (hideHeader) {
|
|
909
|
+
let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
|
|
910
|
+
return showDivider ? width + 1 : width;
|
|
911
|
+
} else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
|
|
912
|
+
return 75;
|
|
913
|
+
}, [
|
|
914
|
+
scale
|
|
915
|
+
]);
|
|
916
|
+
// Starts when the user selects resize from the menu, ends when resizing ends
|
|
917
|
+
// used to control the visibility of the resizer Nubbin
|
|
918
|
+
let [isInResizeMode, setIsInResizeMode] = (0, $gyhAV$useState)(false);
|
|
919
|
+
// Starts when the resizer is actually moved
|
|
920
|
+
// entering resizing/exiting resizing doesn't trigger a render
|
|
921
|
+
// with table layout, so we need to track it here
|
|
922
|
+
let [, setIsResizing] = (0, $gyhAV$useState)(false);
|
|
923
|
+
let state = (0, $gyhAV$useTableState)({
|
|
924
|
+
...props,
|
|
925
|
+
showSelectionCheckboxes: showSelectionCheckboxes,
|
|
926
|
+
selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
|
|
927
|
+
});
|
|
928
|
+
// If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
|
|
929
|
+
let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
|
|
930
|
+
if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
|
|
931
|
+
let domRef = (0, $gyhAV$useDOMRef)(ref);
|
|
932
|
+
let headerRef = (0, $gyhAV$useRef)();
|
|
933
|
+
let bodyRef = (0, $gyhAV$useRef)();
|
|
934
|
+
let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
|
|
935
|
+
let density = props.density || "regular";
|
|
936
|
+
let columnLayout = (0, $gyhAV$useMemo)(()=>new (0, $gyhAV$TableColumnLayout)({
|
|
937
|
+
getDefaultWidth: getDefaultWidth,
|
|
938
|
+
getDefaultMinWidth: getDefaultMinWidth
|
|
939
|
+
}), [
|
|
940
|
+
getDefaultWidth,
|
|
941
|
+
getDefaultMinWidth
|
|
942
|
+
]);
|
|
943
|
+
let tableLayout = (0, $gyhAV$useMemo)(()=>new (0, $gyhAV$TableLayout)({
|
|
944
|
+
// If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
|
|
945
|
+
rowHeight: props.overflowMode === "wrap" ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
|
|
946
|
+
estimatedRowHeight: props.overflowMode === "wrap" ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
|
|
947
|
+
headingHeight: props.overflowMode === "wrap" ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
|
|
948
|
+
estimatedHeadingHeight: props.overflowMode === "wrap" ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null,
|
|
949
|
+
columnLayout: columnLayout,
|
|
950
|
+
initialCollection: state.collection
|
|
951
|
+
}), // don't recompute when state.collection changes, only used for initial value
|
|
952
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
953
|
+
[
|
|
954
|
+
props.overflowMode,
|
|
955
|
+
scale,
|
|
956
|
+
density,
|
|
957
|
+
columnLayout
|
|
958
|
+
]);
|
|
959
|
+
let layout = (0, $gyhAV$useMemo)(()=>{
|
|
960
|
+
let proxy = new Proxy(tableLayout, {
|
|
961
|
+
get (target, prop, receiver) {
|
|
962
|
+
return prop === "tableState" ? state : Reflect.get(target, prop, receiver);
|
|
963
|
+
}
|
|
964
|
+
});
|
|
965
|
+
return proxy;
|
|
966
|
+
}, [
|
|
967
|
+
state,
|
|
968
|
+
tableLayout
|
|
969
|
+
]);
|
|
970
|
+
let { gridProps: gridProps } = (0, $gyhAV$useTable)({
|
|
971
|
+
...props,
|
|
972
|
+
isVirtualized: true,
|
|
973
|
+
layout: layout,
|
|
974
|
+
onRowAction: onAction
|
|
975
|
+
}, state, domRef);
|
|
976
|
+
let [headerMenuOpen, setHeaderMenuOpen] = (0, $gyhAV$useState)(false);
|
|
977
|
+
let [headerRowHovered, setHeaderRowHovered] = (0, $gyhAV$useState)(false);
|
|
978
|
+
let renderWrapper = (parent, reusableView, children, renderChildren)=>{
|
|
979
|
+
let style = (0, $gyhAV$layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
|
|
980
|
+
if (style.overflow === "hidden") style.overflow = "visible"; // needed to support position: sticky
|
|
981
|
+
if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRowGroup, {
|
|
982
|
+
key: reusableView.key,
|
|
983
|
+
style: style
|
|
984
|
+
}, renderChildren(children));
|
|
985
|
+
if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeader, {
|
|
986
|
+
key: reusableView.key,
|
|
987
|
+
style: style
|
|
988
|
+
}, renderChildren(children));
|
|
989
|
+
if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableRow, {
|
|
990
|
+
key: reusableView.key,
|
|
991
|
+
item: reusableView.content,
|
|
992
|
+
style: style,
|
|
993
|
+
hasActions: onAction
|
|
994
|
+
}, renderChildren(children));
|
|
995
|
+
if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableHeaderRow, {
|
|
996
|
+
onHoverChange: setHeaderRowHovered,
|
|
997
|
+
key: reusableView.key,
|
|
998
|
+
style: style,
|
|
999
|
+
item: reusableView.content
|
|
1000
|
+
}, renderChildren(children));
|
|
1001
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VirtualizerItem), {
|
|
1002
|
+
key: reusableView.key,
|
|
1003
|
+
reusableView: reusableView,
|
|
1004
|
+
parent: parent,
|
|
1005
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellWrapper", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
|
|
1006
|
+
"react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize
|
|
1007
|
+
}))
|
|
1008
|
+
});
|
|
1009
|
+
};
|
|
1010
|
+
let renderView = (type, item)=>{
|
|
1011
|
+
switch(type){
|
|
1012
|
+
case "header":
|
|
1013
|
+
case "rowgroup":
|
|
1014
|
+
case "section":
|
|
1015
|
+
case "row":
|
|
1016
|
+
case "headerrow":
|
|
1017
|
+
return null;
|
|
1018
|
+
case "cell":
|
|
1019
|
+
if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCheckboxCell, {
|
|
1020
|
+
cell: item
|
|
1021
|
+
});
|
|
1022
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableCell, {
|
|
1023
|
+
cell: item
|
|
1024
|
+
});
|
|
1025
|
+
case "placeholder":
|
|
1026
|
+
// TODO: move to react-aria?
|
|
1027
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1028
|
+
role: "gridcell",
|
|
1029
|
+
"aria-colindex": item.index + 1,
|
|
1030
|
+
"aria-colspan": item.colspan > 1 ? item.colspan : null
|
|
1031
|
+
});
|
|
1032
|
+
case "column":
|
|
1033
|
+
if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableSelectAllCell, {
|
|
1034
|
+
column: item
|
|
1035
|
+
});
|
|
1036
|
+
// TODO: consider this case, what if we have hidden headers and a empty table
|
|
1037
|
+
if (item.props.hideHeader) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$TooltipTrigger), {
|
|
1038
|
+
placement: "top",
|
|
1039
|
+
trigger: "focus"
|
|
1040
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
|
|
1041
|
+
column: item
|
|
1042
|
+
}), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Tooltip), {
|
|
1043
|
+
placement: "top"
|
|
1044
|
+
}, item.rendered));
|
|
1045
|
+
if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$ResizableTableColumnHeader, {
|
|
1046
|
+
tableRef: domRef,
|
|
1047
|
+
column: item
|
|
1048
|
+
});
|
|
1049
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeader, {
|
|
1050
|
+
column: item
|
|
1051
|
+
});
|
|
1052
|
+
case "loader":
|
|
1053
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ProgressCircle), {
|
|
1054
|
+
isIndeterminate: true,
|
|
1055
|
+
"aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
|
|
1056
|
+
}));
|
|
1057
|
+
case "empty":
|
|
1058
|
+
{
|
|
1059
|
+
let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
|
|
1060
|
+
if (emptyState == null) return null;
|
|
1061
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState);
|
|
1062
|
+
}
|
|
1063
|
+
}
|
|
1064
|
+
};
|
|
1065
|
+
let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = (0, $gyhAV$useState)(false);
|
|
1066
|
+
let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = (0, $gyhAV$useState)(false);
|
|
1067
|
+
let viewport = (0, $gyhAV$useRef)({
|
|
1068
|
+
x: 0,
|
|
1069
|
+
y: 0,
|
|
1070
|
+
width: 0,
|
|
1071
|
+
height: 0
|
|
1072
|
+
});
|
|
1073
|
+
let onVisibleRectChange = (0, $gyhAV$useCallback)((e)=>{
|
|
1074
|
+
if (viewport.current.width === e.width && viewport.current.height === e.height) return;
|
|
1075
|
+
viewport.current = e;
|
|
1076
|
+
if (bodyRef.current) {
|
|
1077
|
+
setVerticalScollbarVisible(bodyRef.current.clientWidth + 2 < bodyRef.current.offsetWidth);
|
|
1078
|
+
setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
|
|
1079
|
+
}
|
|
1080
|
+
}, []);
|
|
1081
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
|
|
1082
|
+
let isEmpty = state.collection.size === 0;
|
|
1083
|
+
let onFocusedResizer = ()=>{
|
|
1084
|
+
bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
|
|
1085
|
+
};
|
|
1086
|
+
let onResizeStart = (0, $gyhAV$useCallback)((widths)=>{
|
|
1087
|
+
setIsResizing(true);
|
|
1088
|
+
propsOnResizeStart === null || propsOnResizeStart === void 0 ? void 0 : propsOnResizeStart(widths);
|
|
1089
|
+
}, [
|
|
1090
|
+
setIsResizing,
|
|
1091
|
+
propsOnResizeStart
|
|
1092
|
+
]);
|
|
1093
|
+
let onResizeEnd = (0, $gyhAV$useCallback)((widths)=>{
|
|
1094
|
+
setIsInResizeMode(false);
|
|
1095
|
+
setIsResizing(false);
|
|
1096
|
+
propsOnResizeEnd === null || propsOnResizeEnd === void 0 ? void 0 : propsOnResizeEnd(widths);
|
|
1097
|
+
}, [
|
|
1098
|
+
propsOnResizeEnd,
|
|
1099
|
+
setIsInResizeMode,
|
|
1100
|
+
setIsResizing
|
|
1101
|
+
]);
|
|
1102
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableContext.Provider, {
|
|
1103
|
+
value: {
|
|
1104
|
+
state: state,
|
|
1105
|
+
layout: layout,
|
|
1106
|
+
onResizeStart: onResizeStart,
|
|
1107
|
+
onResize: props.onResize,
|
|
1108
|
+
onResizeEnd: onResizeEnd,
|
|
1109
|
+
headerRowHovered: headerRowHovered,
|
|
1110
|
+
isInResizeMode: isInResizeMode,
|
|
1111
|
+
setIsInResizeMode: setIsInResizeMode,
|
|
1112
|
+
isEmpty: isEmpty,
|
|
1113
|
+
onFocusedResizer: onFocusedResizer,
|
|
1114
|
+
headerMenuOpen: headerMenuOpen,
|
|
1115
|
+
setHeaderMenuOpen: setHeaderMenuOpen
|
|
1116
|
+
}
|
|
1117
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableVirtualizer, {
|
|
1118
|
+
...(0, $gyhAV$mergeProps)(gridProps, focusProps),
|
|
1119
|
+
...styleProps,
|
|
1120
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
|
|
1121
|
+
"spectrum-Table--quiet": isQuiet,
|
|
1122
|
+
"spectrum-Table--wrap": props.overflowMode === "wrap",
|
|
1123
|
+
"spectrum-Table--loadingMore": state.collection.body.props.loadingState === "loadingMore",
|
|
1124
|
+
"spectrum-Table--isVerticalScrollbarVisible": isVerticalScrollbarVisible,
|
|
1125
|
+
"spectrum-Table--isHorizontalScrollbarVisible": isHorizontalScrollbarVisible
|
|
1126
|
+
}, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table"), styleProps.className),
|
|
1127
|
+
layout: layout,
|
|
1128
|
+
collection: state.collection,
|
|
1129
|
+
focusedKey: state.selectionManager.focusedKey,
|
|
1130
|
+
renderView: renderView,
|
|
1131
|
+
renderWrapper: renderWrapper,
|
|
1132
|
+
onVisibleRectChange: onVisibleRectChange,
|
|
1133
|
+
domRef: domRef,
|
|
1134
|
+
headerRef: headerRef,
|
|
1135
|
+
bodyRef: bodyRef,
|
|
1136
|
+
isFocusVisible: isFocusVisible
|
|
1137
|
+
}));
|
|
1138
|
+
}
|
|
1139
|
+
// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
|
|
1140
|
+
function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
|
|
1141
|
+
var _layout_getLayoutInfo;
|
|
1142
|
+
let { direction: direction } = (0, $gyhAV$useLocale)();
|
|
1143
|
+
let loadingState = collection.body.props.loadingState;
|
|
1144
|
+
let isLoading = loadingState === "loading" || loadingState === "loadingMore";
|
|
1145
|
+
let onLoadMore = collection.body.props.onLoadMore;
|
|
1146
|
+
let transitionDuration = 220;
|
|
1147
|
+
if (isLoading) transitionDuration = 160;
|
|
1148
|
+
if (layout.resizingColumn != null) // while resizing, prop changes should not cause animations
|
|
1149
|
+
transitionDuration = 0;
|
|
1150
|
+
let state = (0, $gyhAV$useVirtualizerState)({
|
|
1151
|
+
layout: layout,
|
|
1152
|
+
collection: collection,
|
|
1153
|
+
renderView: renderView,
|
|
1154
|
+
renderWrapper: renderWrapper,
|
|
1155
|
+
onVisibleRectChange (rect) {
|
|
1156
|
+
bodyRef.current.scrollTop = rect.y;
|
|
1157
|
+
(0, $gyhAV$setScrollLeft)(bodyRef.current, direction, rect.x);
|
|
1158
|
+
},
|
|
1159
|
+
transitionDuration: transitionDuration
|
|
1160
|
+
});
|
|
1161
|
+
let scrollToItem = (0, $gyhAV$useCallback)((key)=>{
|
|
1162
|
+
let item = collection.getItem(key);
|
|
1163
|
+
let column = collection.columns[0];
|
|
1164
|
+
let virtualizer = state.virtualizer;
|
|
1165
|
+
let modality = (0, $gyhAV$getInteractionModality)();
|
|
1166
|
+
virtualizer.scrollToItem(key, {
|
|
1167
|
+
duration: 0,
|
|
1168
|
+
// Prevent scrolling to the top when clicking on column headers.
|
|
1169
|
+
shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
|
|
1170
|
+
// Offset scroll position by width of selection cell
|
|
1171
|
+
// (which is sticky and will overlap the cell we're scrolling to).
|
|
1172
|
+
offsetX: column.props.isSelectionCell ? layout.getColumnWidth(column.key) : 0
|
|
1173
|
+
});
|
|
1174
|
+
// Sync the scroll positions of the column headers and the body so scrollIntoViewport can
|
|
1175
|
+
// properly decide if the column is outside the viewport or not
|
|
1176
|
+
headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
|
|
1177
|
+
if (modality === "keyboard") (0, $gyhAV$scrollIntoViewport)(document.activeElement, {
|
|
1178
|
+
containingElement: domRef.current
|
|
1179
|
+
});
|
|
1180
|
+
}, [
|
|
1181
|
+
collection,
|
|
1182
|
+
domRef,
|
|
1183
|
+
bodyRef,
|
|
1184
|
+
headerRef,
|
|
1185
|
+
layout,
|
|
1186
|
+
state.virtualizer
|
|
1187
|
+
]);
|
|
1188
|
+
let { virtualizerProps: virtualizerProps } = (0, $gyhAV$useVirtualizer)({
|
|
1189
|
+
focusedKey: focusedKey,
|
|
1190
|
+
scrollToItem: scrollToItem
|
|
1191
|
+
}, state, domRef);
|
|
1192
|
+
// this effect runs whenever the contentSize changes, it doesn't matter what the content size is
|
|
1193
|
+
// only that it changes in a resize, and when that happens, we want to sync the body to the
|
|
1194
|
+
// header scroll position
|
|
1195
|
+
(0, $gyhAV$useEffect)(()=>{
|
|
1196
|
+
if ((0, $gyhAV$getInteractionModality)() === "keyboard" && headerRef.current.contains(document.activeElement)) {
|
|
1197
|
+
(0, $gyhAV$scrollIntoView)(headerRef.current, document.activeElement);
|
|
1198
|
+
(0, $gyhAV$scrollIntoViewport)(document.activeElement, {
|
|
1199
|
+
containingElement: domRef.current
|
|
1200
|
+
});
|
|
1201
|
+
bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
|
|
1202
|
+
}
|
|
1203
|
+
}, [
|
|
1204
|
+
state.contentSize,
|
|
1205
|
+
headerRef,
|
|
1206
|
+
bodyRef,
|
|
1207
|
+
domRef
|
|
1208
|
+
]);
|
|
1209
|
+
let headerHeight = ((_layout_getLayoutInfo = layout.getLayoutInfo("header")) === null || _layout_getLayoutInfo === void 0 ? void 0 : _layout_getLayoutInfo.rect.height) || 0;
|
|
1210
|
+
let visibleRect = state.virtualizer.visibleRect;
|
|
1211
|
+
// Sync the scroll position from the table body to the header container.
|
|
1212
|
+
let onScroll = (0, $gyhAV$useCallback)(()=>{
|
|
1213
|
+
headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
|
|
1214
|
+
}, [
|
|
1215
|
+
bodyRef,
|
|
1216
|
+
headerRef
|
|
1217
|
+
]);
|
|
1218
|
+
let onVisibleRectChange = (0, $gyhAV$useCallback)((rect)=>{
|
|
1219
|
+
state.setVisibleRect(rect);
|
|
1220
|
+
if (!isLoading && onLoadMore) {
|
|
1221
|
+
let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
|
|
1222
|
+
if (rect.y > scrollOffset) onLoadMore();
|
|
1223
|
+
}
|
|
1224
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1225
|
+
}, [
|
|
1226
|
+
onLoadMore,
|
|
1227
|
+
isLoading,
|
|
1228
|
+
state.setVisibleRect,
|
|
1229
|
+
state.virtualizer
|
|
1230
|
+
]);
|
|
1231
|
+
(0, $gyhAV$useLayoutEffect)(()=>{
|
|
1232
|
+
if (!isLoading && onLoadMore && !state.isAnimating) {
|
|
1233
|
+
if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
|
|
1234
|
+
}
|
|
1235
|
+
}, [
|
|
1236
|
+
state.contentSize,
|
|
1237
|
+
state.virtualizer,
|
|
1238
|
+
state.isAnimating,
|
|
1239
|
+
onLoadMore,
|
|
1240
|
+
isLoading
|
|
1241
|
+
]);
|
|
1242
|
+
let resizerPosition = layout.getResizerPosition() - 2;
|
|
1243
|
+
let resizerAtEdge = resizerPosition > Math.max(state.virtualizer.contentSize.width, state.virtualizer.visibleRect.width) - 3;
|
|
1244
|
+
// this should be fine, every movement of the resizer causes a rerender
|
|
1245
|
+
// scrolling can cause it to lag for a moment, but it's always updated
|
|
1246
|
+
let resizerInVisibleRegion = resizerPosition < state.virtualizer.visibleRect.maxX;
|
|
1247
|
+
let shouldHardCornerResizeCorner = resizerAtEdge && resizerInVisibleRegion;
|
|
1248
|
+
// minimize re-render caused on Resizers by memoing this
|
|
1249
|
+
let resizingColumnWidth = layout.getColumnWidth(layout.resizingColumn);
|
|
1250
|
+
let resizingColumn = (0, $gyhAV$useMemo)(()=>({
|
|
1251
|
+
width: resizingColumnWidth,
|
|
1252
|
+
key: layout.resizingColumn
|
|
1253
|
+
}), [
|
|
1254
|
+
resizingColumnWidth,
|
|
1255
|
+
layout.resizingColumn
|
|
1256
|
+
]);
|
|
1257
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$VirtualizerContext.Provider, {
|
|
1258
|
+
value: resizingColumn
|
|
1259
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusScope), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1260
|
+
...(0, $gyhAV$mergeProps)(otherProps, virtualizerProps),
|
|
1261
|
+
ref: domRef
|
|
1262
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1263
|
+
role: "presentation",
|
|
1264
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headWrapper"),
|
|
1265
|
+
style: {
|
|
1266
|
+
width: visibleRect.width,
|
|
1267
|
+
height: headerHeight,
|
|
1268
|
+
overflow: "hidden",
|
|
1269
|
+
position: "relative",
|
|
1270
|
+
willChange: state.isScrolling ? "scroll-position" : undefined,
|
|
1271
|
+
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
1272
|
+
},
|
|
1273
|
+
ref: headerRef
|
|
1274
|
+
}, state.visibleViews[0]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ScrollView), {
|
|
1275
|
+
role: "presentation",
|
|
1276
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-body", {
|
|
1277
|
+
"focus-ring": isFocusVisible,
|
|
1278
|
+
"spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
|
|
1279
|
+
}),
|
|
1280
|
+
tabIndex: -1,
|
|
1281
|
+
style: {
|
|
1282
|
+
flex: 1
|
|
1283
|
+
},
|
|
1284
|
+
innerStyle: {
|
|
1285
|
+
overflow: "visible",
|
|
1286
|
+
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
1287
|
+
},
|
|
1288
|
+
ref: bodyRef,
|
|
1289
|
+
contentSize: state.contentSize,
|
|
1290
|
+
onVisibleRectChange: (0, $gyhAV$chain)(onVisibleRectChange, onVisibleRectChangeProp),
|
|
1291
|
+
onScrollStart: state.startScrolling,
|
|
1292
|
+
onScrollEnd: state.endScrolling,
|
|
1293
|
+
onScroll: onScroll
|
|
1294
|
+
}, state.visibleViews[1], /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1295
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-bodyResizeIndicator"),
|
|
1296
|
+
style: {
|
|
1297
|
+
[direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
|
|
1298
|
+
height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
|
|
1299
|
+
display: layout.resizingColumn ? "block" : "none"
|
|
1300
|
+
}
|
|
1301
|
+
})))));
|
|
1302
|
+
}
|
|
1303
|
+
function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
|
|
1304
|
+
let { rowGroupProps: rowGroupProps } = (0, $gyhAV$useTableRowGroup)();
|
|
1305
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1306
|
+
...rowGroupProps,
|
|
1307
|
+
...otherProps,
|
|
1308
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-head")
|
|
1309
|
+
}, children);
|
|
1310
|
+
}
|
|
1311
|
+
function $d14697b14e638114$var$TableColumnHeader(props) {
|
|
1312
|
+
var _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
|
|
1313
|
+
let { column: column } = props;
|
|
1314
|
+
let ref = (0, $gyhAV$useRef)(null);
|
|
1315
|
+
let { state: state , isEmpty: isEmpty } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1316
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $gyhAV$usePress)({
|
|
1317
|
+
isDisabled: isEmpty
|
|
1318
|
+
});
|
|
1319
|
+
let columnProps = column.props;
|
|
1320
|
+
(0, $gyhAV$useEffect)(()=>{
|
|
1321
|
+
if (column.hasChildNodes && columnProps.allowsResizing) console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
|
|
1322
|
+
}, [
|
|
1323
|
+
column.hasChildNodes,
|
|
1324
|
+
column.key,
|
|
1325
|
+
columnProps.allowsResizing
|
|
1326
|
+
]);
|
|
1327
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
|
|
1328
|
+
node: column,
|
|
1329
|
+
isVirtualized: true
|
|
1330
|
+
}, state, ref);
|
|
1331
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gyhAV$useHover)({
|
|
1332
|
+
...props,
|
|
1333
|
+
isDisabled: isEmpty
|
|
1334
|
+
});
|
|
1335
|
+
const allProps = [
|
|
1336
|
+
columnHeaderProps,
|
|
1337
|
+
hoverProps,
|
|
1338
|
+
pressProps
|
|
1339
|
+
];
|
|
1340
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
1341
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
1342
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1343
|
+
...(0, $gyhAV$mergeProps)(...allProps),
|
|
1344
|
+
ref: ref,
|
|
1345
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
|
|
1346
|
+
"is-active": isPressed,
|
|
1347
|
+
"is-sortable": columnProps.allowsSorting,
|
|
1348
|
+
"is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
|
|
1349
|
+
"is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
|
|
1350
|
+
"is-hovered": isHovered,
|
|
1351
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader
|
|
1352
|
+
}, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
|
|
1353
|
+
"react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
|
|
1354
|
+
"react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
|
|
1355
|
+
}))
|
|
1356
|
+
}, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
|
|
1357
|
+
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
|
|
1358
|
+
}), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1359
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents")
|
|
1360
|
+
}, column.rendered)));
|
|
1361
|
+
}
|
|
1362
|
+
let $d14697b14e638114$var$_TableColumnHeaderButton = (props, ref)=>{
|
|
1363
|
+
let { focusProps: focusProps , alignment: alignment , ...otherProps } = props;
|
|
1364
|
+
let { isEmpty: isEmpty } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1365
|
+
let domRef = (0, $gyhAV$useFocusableRef)(ref);
|
|
1366
|
+
let { buttonProps: buttonProps } = (0, $gyhAV$useButton)({
|
|
1367
|
+
...otherProps,
|
|
1368
|
+
elementType: "div",
|
|
1369
|
+
isDisabled: isEmpty
|
|
1370
|
+
}, domRef);
|
|
1371
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gyhAV$useHover)({
|
|
1372
|
+
...otherProps,
|
|
1373
|
+
isDisabled: isEmpty
|
|
1374
|
+
});
|
|
1375
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1376
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents", {
|
|
1377
|
+
"is-hovered": isHovered
|
|
1378
|
+
}),
|
|
1379
|
+
...hoverProps
|
|
1380
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1381
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellButton", {
|
|
1382
|
+
"spectrum-Table-headCellButton--alignStart": alignment === "start",
|
|
1383
|
+
"spectrum-Table-headCellButton--alignCenter": alignment === "center",
|
|
1384
|
+
"spectrum-Table-headCellButton--alignEnd": alignment === "end"
|
|
1385
|
+
}),
|
|
1386
|
+
...(0, $gyhAV$mergeProps)(buttonProps, focusProps),
|
|
1387
|
+
ref: domRef
|
|
1388
|
+
}, props.children));
|
|
1389
|
+
};
|
|
1390
|
+
let $d14697b14e638114$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$_TableColumnHeaderButton);
|
|
1391
|
+
function $d14697b14e638114$var$ResizableTableColumnHeader(props) {
|
|
1392
|
+
var _column_props, _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
|
|
1393
|
+
let { column: column } = props;
|
|
1394
|
+
let ref = (0, $gyhAV$useRef)(null);
|
|
1395
|
+
let triggerRef = (0, $gyhAV$useRef)(null);
|
|
1396
|
+
let resizingRef = (0, $gyhAV$useRef)(null);
|
|
1397
|
+
let { state: state , layout: layout , onResizeStart: onResizeStart , onResize: onResize , onResizeEnd: onResizeEnd , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , isInResizeMode: isInResizeMode , headerMenuOpen: headerMenuOpen , setHeaderMenuOpen: setHeaderMenuOpen } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1398
|
+
let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports))));
|
|
1399
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $gyhAV$usePress)({
|
|
1400
|
+
isDisabled: isEmpty
|
|
1401
|
+
});
|
|
1402
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
|
|
1403
|
+
node: column,
|
|
1404
|
+
isVirtualized: true
|
|
1405
|
+
}, state, ref);
|
|
1406
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gyhAV$useHover)({
|
|
1407
|
+
...props,
|
|
1408
|
+
isDisabled: isEmpty || headerMenuOpen
|
|
1409
|
+
});
|
|
1410
|
+
const allProps = [
|
|
1411
|
+
columnHeaderProps,
|
|
1412
|
+
pressProps,
|
|
1413
|
+
hoverProps
|
|
1414
|
+
];
|
|
1415
|
+
let columnProps = column.props;
|
|
1416
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
|
|
1417
|
+
const onMenuSelect = (key)=>{
|
|
1418
|
+
switch(key){
|
|
1419
|
+
case "sort-asc":
|
|
1420
|
+
state.sort(column.key, "ascending");
|
|
1421
|
+
break;
|
|
1422
|
+
case "sort-desc":
|
|
1423
|
+
state.sort(column.key, "descending");
|
|
1424
|
+
break;
|
|
1425
|
+
case "resize":
|
|
1426
|
+
layout.startResize(column.key);
|
|
1427
|
+
setIsInResizeMode(true);
|
|
1428
|
+
break;
|
|
1429
|
+
}
|
|
1430
|
+
};
|
|
1431
|
+
let allowsSorting = (_column_props = column.props) === null || _column_props === void 0 ? void 0 : _column_props.allowsSorting;
|
|
1432
|
+
let items = (0, $gyhAV$useMemo)(()=>{
|
|
1433
|
+
let options = [
|
|
1434
|
+
allowsSorting ? {
|
|
1435
|
+
label: stringFormatter.format("sortAscending"),
|
|
1436
|
+
id: "sort-asc"
|
|
1437
|
+
} : undefined,
|
|
1438
|
+
allowsSorting ? {
|
|
1439
|
+
label: stringFormatter.format("sortDescending"),
|
|
1440
|
+
id: "sort-desc"
|
|
1441
|
+
} : undefined,
|
|
1442
|
+
{
|
|
1443
|
+
label: stringFormatter.format("resizeColumn"),
|
|
1444
|
+
id: "resize"
|
|
1445
|
+
}
|
|
1446
|
+
];
|
|
1447
|
+
return options;
|
|
1448
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1449
|
+
}, [
|
|
1450
|
+
allowsSorting
|
|
1451
|
+
]);
|
|
1452
|
+
let isMobile = (0, $gyhAV$useIsMobileDevice)();
|
|
1453
|
+
let resizingColumn = layout.resizingColumn;
|
|
1454
|
+
let prevResizingColumn = (0, $gyhAV$useRef)(null);
|
|
1455
|
+
let timeout = (0, $gyhAV$useRef)(null);
|
|
1456
|
+
(0, $gyhAV$useEffect)(()=>{
|
|
1457
|
+
if (prevResizingColumn.current !== resizingColumn && resizingColumn != null && resizingColumn === column.key) {
|
|
1458
|
+
if (timeout.current) clearTimeout(timeout.current);
|
|
1459
|
+
// focusSafely won't actually focus because the focus moves from the menuitem to the body during the after transition wait
|
|
1460
|
+
// without the immediate timeout, Android Chrome doesn't move focus to the resizer
|
|
1461
|
+
let focusResizer = ()=>{
|
|
1462
|
+
resizingRef.current.focus();
|
|
1463
|
+
onFocusedResizer();
|
|
1464
|
+
timeout.current = null;
|
|
1465
|
+
};
|
|
1466
|
+
if (isMobile) {
|
|
1467
|
+
timeout.current = setTimeout(focusResizer, 400);
|
|
1468
|
+
return;
|
|
1469
|
+
}
|
|
1470
|
+
timeout.current = setTimeout(focusResizer, 0);
|
|
1471
|
+
}
|
|
1472
|
+
prevResizingColumn.current = resizingColumn;
|
|
1473
|
+
}, [
|
|
1474
|
+
resizingColumn,
|
|
1475
|
+
column.key,
|
|
1476
|
+
isMobile,
|
|
1477
|
+
onFocusedResizer,
|
|
1478
|
+
resizingRef,
|
|
1479
|
+
prevResizingColumn,
|
|
1480
|
+
timeout
|
|
1481
|
+
]);
|
|
1482
|
+
// eslint-disable-next-line arrow-body-style
|
|
1483
|
+
(0, $gyhAV$useEffect)(()=>{
|
|
1484
|
+
return ()=>clearTimeout(timeout.current);
|
|
1485
|
+
}, []);
|
|
1486
|
+
let showResizer = !isEmpty && (headerRowHovered && (0, $gyhAV$getInteractionModality)() !== "keyboard" || resizingColumn != null);
|
|
1487
|
+
let alignment = "start";
|
|
1488
|
+
let menuAlign = "start";
|
|
1489
|
+
if (columnProps.align === "center" || column.colspan > 1) alignment = "center";
|
|
1490
|
+
else if (columnProps.align === "end") {
|
|
1491
|
+
alignment = "end";
|
|
1492
|
+
menuAlign = "end";
|
|
1493
|
+
}
|
|
1494
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
1495
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
1496
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1497
|
+
...(0, $gyhAV$mergeProps)(...allProps),
|
|
1498
|
+
ref: ref,
|
|
1499
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
|
|
1500
|
+
"is-active": isPressed,
|
|
1501
|
+
"is-resizable": columnProps.allowsResizing,
|
|
1502
|
+
"is-sortable": columnProps.allowsSorting,
|
|
1503
|
+
"is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
|
|
1504
|
+
"is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
|
|
1505
|
+
"is-hovered": isHovered,
|
|
1506
|
+
"focus-ring": isFocusVisible,
|
|
1507
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader
|
|
1508
|
+
}, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
|
|
1509
|
+
"react-spectrum-Table-cell--alignCenter": alignment === "center",
|
|
1510
|
+
"react-spectrum-Table-cell--alignEnd": alignment === "end"
|
|
1511
|
+
}))
|
|
1512
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$MenuTrigger), {
|
|
1513
|
+
onOpenChange: setHeaderMenuOpen,
|
|
1514
|
+
align: menuAlign
|
|
1515
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement($d14697b14e638114$var$TableColumnHeaderButton, {
|
|
1516
|
+
alignment: alignment,
|
|
1517
|
+
ref: triggerRef,
|
|
1518
|
+
focusProps: focusProps
|
|
1519
|
+
}, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
|
|
1520
|
+
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
|
|
1521
|
+
}), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1522
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headerCellText")
|
|
1523
|
+
}, column.rendered), columnProps.allowsResizing && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronDownMedium), {
|
|
1524
|
+
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-menuChevron")
|
|
1525
|
+
})), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Menu), {
|
|
1526
|
+
onAction: onMenuSelect,
|
|
1527
|
+
minWidth: "size-2000",
|
|
1528
|
+
items: items
|
|
1529
|
+
}, (item)=>/*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Item), null, item.label))), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $fc695d2eafc2b351$export$48a76196cafe3b93), {
|
|
1530
|
+
ref: resizingRef,
|
|
1531
|
+
column: column,
|
|
1532
|
+
showResizer: showResizer,
|
|
1533
|
+
onResizeStart: onResizeStart,
|
|
1534
|
+
onResize: onResize,
|
|
1535
|
+
onResizeEnd: onResizeEnd,
|
|
1536
|
+
triggerRef: (0, $gyhAV$useUnwrapDOMRef)(triggerRef)
|
|
1537
|
+
}), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1538
|
+
"aria-hidden": true,
|
|
1539
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeIndicator", {
|
|
1540
|
+
"spectrum-Table-colResizeIndicator--visible": resizingColumn != null,
|
|
1541
|
+
"spectrum-Table-colResizeIndicator--resizing": resizingColumn === column.key
|
|
1542
|
+
})
|
|
1543
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1544
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeNubbin", {
|
|
1545
|
+
"spectrum-Table-colResizeNubbin--visible": isInResizeMode && resizingColumn === column.key
|
|
1546
|
+
})
|
|
1547
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $cb7d341e8868d81d$export$d9658cdf8c86807), null)))));
|
|
1548
|
+
}
|
|
1549
|
+
function $d14697b14e638114$var$TableSelectAllCell({ column: column }) {
|
|
1550
|
+
let ref = (0, $gyhAV$useRef)();
|
|
1551
|
+
let { state: state } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1552
|
+
let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
|
|
1553
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
|
|
1554
|
+
node: column,
|
|
1555
|
+
isVirtualized: true
|
|
1556
|
+
}, state, ref);
|
|
1557
|
+
let { checkboxProps: checkboxProps } = (0, $gyhAV$useTableSelectAllCheckbox)(state);
|
|
1558
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gyhAV$useHover)({});
|
|
1559
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
1560
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
1561
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1562
|
+
...(0, $gyhAV$mergeProps)(columnHeaderProps, hoverProps),
|
|
1563
|
+
ref: ref,
|
|
1564
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", "spectrum-Table-checkboxCell", {
|
|
1565
|
+
"is-hovered": isHovered
|
|
1566
|
+
})
|
|
1567
|
+
}, /*
|
|
1568
|
+
In single selection mode, the checkbox will be hidden.
|
|
1569
|
+
So to avoid leaving a column header with no accessible content,
|
|
1570
|
+
we use a VisuallyHidden component to include the aria-label from the checkbox,
|
|
1571
|
+
which for single selection will be "Select."
|
|
1572
|
+
*/ isSingleSelectionMode && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, checkboxProps["aria-label"]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
|
|
1573
|
+
...checkboxProps,
|
|
1574
|
+
isEmphasized: true,
|
|
1575
|
+
UNSAFE_style: isSingleSelectionMode ? {
|
|
1576
|
+
visibility: "hidden"
|
|
1577
|
+
} : undefined,
|
|
1578
|
+
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
|
|
1579
|
+
})));
|
|
1580
|
+
}
|
|
1581
|
+
function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
|
|
1582
|
+
let { rowGroupProps: rowGroupProps } = (0, $gyhAV$useTableRowGroup)();
|
|
1583
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1584
|
+
...rowGroupProps,
|
|
1585
|
+
...otherProps
|
|
1586
|
+
}, children);
|
|
1587
|
+
}
|
|
1588
|
+
function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
|
|
1589
|
+
var _state_collection_rows_find, _layout_getContentSize, _layout_virtualizer;
|
|
1590
|
+
let ref = (0, $gyhAV$useRef)();
|
|
1591
|
+
let { state: state , layout: layout } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1592
|
+
let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
|
|
1593
|
+
let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
|
|
1594
|
+
let isSelected = state.selectionManager.isSelected(item.key);
|
|
1595
|
+
let { rowProps: rowProps } = (0, $gyhAV$useTableRow)({
|
|
1596
|
+
node: item,
|
|
1597
|
+
isVirtualized: true
|
|
1598
|
+
}, state, ref);
|
|
1599
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $gyhAV$usePress)({
|
|
1600
|
+
isDisabled: isDisabled
|
|
1601
|
+
});
|
|
1602
|
+
// The row should show the focus background style when any cell inside it is focused.
|
|
1603
|
+
// If the row itself is focused, then it should have a blue focus indicator on the left.
|
|
1604
|
+
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = (0, $gyhAV$useFocusRing)({
|
|
1605
|
+
within: true
|
|
1606
|
+
});
|
|
1607
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
|
|
1608
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gyhAV$useHover)({
|
|
1609
|
+
isDisabled: isDisabled
|
|
1610
|
+
});
|
|
1611
|
+
let props = (0, $gyhAV$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
|
|
1612
|
+
let isFirstRow = ((_state_collection_rows_find = state.collection.rows.find((row)=>row.level === 1)) === null || _state_collection_rows_find === void 0 ? void 0 : _state_collection_rows_find.key) === item.key;
|
|
1613
|
+
let isLastRow = item.nextKey == null;
|
|
1614
|
+
// Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
|
|
1615
|
+
// border corners of the last row when selected.
|
|
1616
|
+
let isFlushWithContainerBottom = false;
|
|
1617
|
+
if (isLastRow) {
|
|
1618
|
+
if (((_layout_getContentSize = layout.getContentSize()) === null || _layout_getContentSize === void 0 ? void 0 : _layout_getContentSize.height) >= ((_layout_virtualizer = layout.virtualizer) === null || _layout_virtualizer === void 0 ? void 0 : _layout_virtualizer.getVisibleRect().height)) isFlushWithContainerBottom = true;
|
|
1619
|
+
}
|
|
1620
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1621
|
+
...props,
|
|
1622
|
+
ref: ref,
|
|
1623
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", {
|
|
1624
|
+
"is-active": isPressed,
|
|
1625
|
+
"is-selected": isSelected,
|
|
1626
|
+
"spectrum-Table-row--highlightSelection": state.selectionManager.selectionBehavior === "replace",
|
|
1627
|
+
"is-next-selected": state.selectionManager.isSelected(item.nextKey),
|
|
1628
|
+
"is-focused": isFocusVisibleWithin,
|
|
1629
|
+
"focus-ring": isFocusVisible,
|
|
1630
|
+
"is-hovered": isHovered,
|
|
1631
|
+
"is-disabled": isDisabled,
|
|
1632
|
+
"spectrum-Table-row--firstRow": isFirstRow,
|
|
1633
|
+
"spectrum-Table-row--lastRow": isLastRow,
|
|
1634
|
+
"spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
|
|
1635
|
+
})
|
|
1636
|
+
}, children);
|
|
1637
|
+
}
|
|
1638
|
+
function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
|
|
1639
|
+
let { state: state , headerMenuOpen: headerMenuOpen } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1640
|
+
let ref = (0, $gyhAV$useRef)();
|
|
1641
|
+
let { rowProps: rowProps } = (0, $gyhAV$useTableHeaderRow)({
|
|
1642
|
+
node: item,
|
|
1643
|
+
isVirtualized: true
|
|
1644
|
+
}, state, ref);
|
|
1645
|
+
let { hoverProps: hoverProps } = (0, $gyhAV$useHover)({
|
|
1646
|
+
...props,
|
|
1647
|
+
isDisabled: headerMenuOpen
|
|
1648
|
+
});
|
|
1649
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1650
|
+
...(0, $gyhAV$mergeProps)(rowProps, hoverProps),
|
|
1651
|
+
ref: ref,
|
|
1652
|
+
style: style
|
|
1653
|
+
}, children);
|
|
1654
|
+
}
|
|
1655
|
+
function $d14697b14e638114$var$TableCheckboxCell({ cell: cell }) {
|
|
1656
|
+
let ref = (0, $gyhAV$useRef)();
|
|
1657
|
+
let { state: state } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1658
|
+
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
1659
|
+
let { gridCellProps: gridCellProps } = (0, $gyhAV$useTableCell)({
|
|
1660
|
+
node: cell,
|
|
1661
|
+
isVirtualized: true
|
|
1662
|
+
}, state, ref);
|
|
1663
|
+
let { checkboxProps: checkboxProps } = (0, $gyhAV$useTableSelectionCheckbox)({
|
|
1664
|
+
key: cell.parentKey
|
|
1665
|
+
}, state);
|
|
1666
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
1667
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
1668
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1669
|
+
...gridCellProps,
|
|
1670
|
+
ref: ref,
|
|
1671
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", "spectrum-Table-checkboxCell", {
|
|
1672
|
+
"is-disabled": isDisabled
|
|
1673
|
+
}, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
|
|
1674
|
+
}, state.selectionManager.selectionMode !== "none" && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
|
|
1675
|
+
...checkboxProps,
|
|
1676
|
+
isEmphasized: true,
|
|
1677
|
+
isDisabled: isDisabled,
|
|
1678
|
+
UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
|
|
1679
|
+
})));
|
|
1680
|
+
}
|
|
1681
|
+
function $d14697b14e638114$var$TableCell({ cell: cell }) {
|
|
1682
|
+
let { state: state } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1683
|
+
let ref = (0, $gyhAV$useRef)();
|
|
1684
|
+
let columnProps = cell.column.props;
|
|
1685
|
+
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
1686
|
+
let { gridCellProps: gridCellProps } = (0, $gyhAV$useTableCell)({
|
|
1687
|
+
node: cell,
|
|
1688
|
+
isVirtualized: true
|
|
1689
|
+
}, state, ref);
|
|
1690
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
|
|
1691
|
+
focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
|
|
1692
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1693
|
+
...gridCellProps,
|
|
1694
|
+
ref: ref,
|
|
1695
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
|
|
1696
|
+
"spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
|
|
1697
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader,
|
|
1698
|
+
"is-disabled": isDisabled
|
|
1699
|
+
}, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
|
|
1700
|
+
"react-spectrum-Table-cell--alignStart": columnProps.align === "start",
|
|
1701
|
+
"react-spectrum-Table-cell--alignCenter": columnProps.align === "center",
|
|
1702
|
+
"react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
|
|
1703
|
+
}))
|
|
1704
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
|
|
1705
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
|
|
1706
|
+
}, cell.rendered)));
|
|
1707
|
+
}
|
|
1708
|
+
function $d14697b14e638114$var$CenteredWrapper({ children: children }) {
|
|
1709
|
+
let { state: state } = $d14697b14e638114$export$3cb274deb6c2d854();
|
|
1710
|
+
return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1711
|
+
role: "row",
|
|
1712
|
+
"aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
|
|
1713
|
+
className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-centeredWrapper")
|
|
1714
|
+
}, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
|
|
1715
|
+
role: "rowheader",
|
|
1716
|
+
"aria-colspan": state.collection.columns.length
|
|
1717
|
+
}, children));
|
|
1718
|
+
}
|
|
1719
|
+
/**
|
|
1720
|
+
* Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
|
|
1721
|
+
*/ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$TableView);
|
|
1722
|
+
|
|
1723
|
+
|
|
1724
|
+
|
|
1725
|
+
|
|
1726
|
+
// Override TS for Column to support spectrum specific props.
|
|
1727
|
+
const $e668f3d0f378a712$export$816b5d811295e6bc = (0, $gyhAV$Column);
|
|
1728
|
+
|
|
1729
|
+
|
|
1730
|
+
export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $d14697b14e638114$export$b3c27e869d856b7 as TableView, $e668f3d0f378a712$re_export$TableHeader as TableHeader, $e668f3d0f378a712$re_export$TableBody as TableBody, $e668f3d0f378a712$re_export$Section as Section, $e668f3d0f378a712$re_export$Row as Row, $e668f3d0f378a712$re_export$Cell as Cell};
|
|
1731
|
+
//# sourceMappingURL=module.js.map
|