@react-spectrum/table 3.1.3 → 3.1.4-nightly.3113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +403 -403
- package/dist/module.js +397 -397
- package/package.json +23 -23
package/dist/module.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {Column as $
|
|
3
|
-
import $
|
|
4
|
-
import {Checkbox as $
|
|
5
|
-
import {useStyleProps as $
|
|
6
|
-
import {FocusRing as $
|
|
7
|
-
import {layoutInfoToStyle as $
|
|
8
|
-
import {useLayoutEffect as $
|
|
9
|
-
import {ProgressCircle as $
|
|
10
|
-
import $
|
|
11
|
-
import {useVirtualizerState as $
|
|
12
|
-
import {TableLayout as $
|
|
13
|
-
import {TooltipTrigger as $
|
|
14
|
-
import {useHover as $
|
|
15
|
-
import {useMessageFormatter as $
|
|
16
|
-
import {useProviderProps as $
|
|
17
|
-
import {useTable as $
|
|
18
|
-
import {VisuallyHidden as $
|
|
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} from "@react-stately/table";
|
|
3
|
+
import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSmall";
|
|
4
|
+
import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
|
|
5
|
+
import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames} from "@react-spectrum/utils";
|
|
6
|
+
import {FocusRing as $gyhAV$FocusRing, useFocusRing as $gyhAV$useFocusRing} from "@react-aria/focus";
|
|
7
|
+
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";
|
|
8
|
+
import {useLayoutEffect as $gyhAV$useLayoutEffect, mergeProps as $gyhAV$mergeProps} from "@react-aria/utils";
|
|
9
|
+
import {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
|
|
10
|
+
import $gyhAV$react, {useContext as $gyhAV$useContext, useState as $gyhAV$useState, useMemo as $gyhAV$useMemo, useRef as $gyhAV$useRef, useCallback as $gyhAV$useCallback} from "react";
|
|
11
|
+
import {useVirtualizerState as $gyhAV$useVirtualizerState} from "@react-stately/virtualizer";
|
|
12
|
+
import {TableLayout as $gyhAV$TableLayout} from "@react-stately/layout";
|
|
13
|
+
import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
|
|
14
|
+
import {useHover as $gyhAV$useHover, usePress as $gyhAV$usePress} from "@react-aria/interactions";
|
|
15
|
+
import {useMessageFormatter as $gyhAV$useMessageFormatter, useLocale as $gyhAV$useLocale} from "@react-aria/i18n";
|
|
16
|
+
import {useProviderProps as $gyhAV$useProviderProps, useProvider as $gyhAV$useProvider} from "@react-spectrum/provider";
|
|
17
|
+
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} from "@react-aria/table";
|
|
18
|
+
import {VisuallyHidden as $gyhAV$VisuallyHidden} from "@react-aria/visually-hidden";
|
|
19
19
|
|
|
20
20
|
function $parcel$interopDefault(a) {
|
|
21
21
|
return a && a.__esModule ? a.default : a;
|
|
@@ -24,185 +24,185 @@ function $parcel$export(e, n, v, s) {
|
|
|
24
24
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
var $
|
|
27
|
+
var $d14697b14e638114$exports = {};
|
|
28
28
|
|
|
29
|
-
$parcel$export($
|
|
29
|
+
$parcel$export($d14697b14e638114$exports, "TableView", () => $d14697b14e638114$export$b3c27e869d856b7);
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
var $
|
|
35
|
-
var $
|
|
36
|
-
$
|
|
34
|
+
var $467944769c14687b$exports = {};
|
|
35
|
+
var $daf541512f75fd9b$exports = {};
|
|
36
|
+
$daf541512f75fd9b$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
var $
|
|
40
|
-
$
|
|
39
|
+
var $50819411ab066aa0$exports = {};
|
|
40
|
+
$50819411ab066aa0$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
var $
|
|
44
|
-
$
|
|
43
|
+
var $4f747f794f1bcba7$exports = {};
|
|
44
|
+
$4f747f794f1bcba7$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
|
|
45
45
|
|
|
46
46
|
|
|
47
|
-
var $
|
|
48
|
-
$
|
|
47
|
+
var $9b4578f7fea36fce$exports = {};
|
|
48
|
+
$9b4578f7fea36fce$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
var $
|
|
52
|
-
$
|
|
51
|
+
var $d1341bbc3e1d2378$exports = {};
|
|
52
|
+
$d1341bbc3e1d2378$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
var $
|
|
56
|
-
$
|
|
55
|
+
var $62dc02a47a5c68a9$exports = {};
|
|
56
|
+
$62dc02a47a5c68a9$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
var $
|
|
60
|
-
$
|
|
59
|
+
var $4040b78666bdeb49$exports = {};
|
|
60
|
+
$4040b78666bdeb49$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
var $
|
|
64
|
-
$
|
|
63
|
+
var $b77a23040d0637b4$exports = {};
|
|
64
|
+
$b77a23040d0637b4$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
var $
|
|
68
|
-
$
|
|
67
|
+
var $54ccb4bcf3ebc0a8$exports = {};
|
|
68
|
+
$54ccb4bcf3ebc0a8$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
var $
|
|
72
|
-
$
|
|
71
|
+
var $37e671b8f89037ca$exports = {};
|
|
72
|
+
$37e671b8f89037ca$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
|
|
73
73
|
|
|
74
74
|
|
|
75
|
-
var $
|
|
76
|
-
$
|
|
75
|
+
var $8d65c5abdb6b7cbc$exports = {};
|
|
76
|
+
$8d65c5abdb6b7cbc$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
var $
|
|
80
|
-
$
|
|
79
|
+
var $a87fac8df5d40e78$exports = {};
|
|
80
|
+
$a87fac8df5d40e78$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
|
|
81
81
|
|
|
82
82
|
|
|
83
|
-
var $
|
|
84
|
-
$
|
|
83
|
+
var $a7ee65f0f8055b83$exports = {};
|
|
84
|
+
$a7ee65f0f8055b83$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
var $
|
|
88
|
-
$
|
|
87
|
+
var $e6091fd2263a451f$exports = {};
|
|
88
|
+
$e6091fd2263a451f$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
|
|
89
89
|
|
|
90
90
|
|
|
91
|
-
var $
|
|
92
|
-
$
|
|
91
|
+
var $c8d9d250bf8952b2$exports = {};
|
|
92
|
+
$c8d9d250bf8952b2$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
|
|
93
93
|
|
|
94
94
|
|
|
95
|
-
var $
|
|
96
|
-
$
|
|
95
|
+
var $df07a03bb9f879ed$exports = {};
|
|
96
|
+
$df07a03bb9f879ed$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
|
|
97
97
|
|
|
98
98
|
|
|
99
|
-
var $
|
|
100
|
-
$
|
|
99
|
+
var $40b3ef3504f4b1d0$exports = {};
|
|
100
|
+
$40b3ef3504f4b1d0$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
var $
|
|
104
|
-
$
|
|
103
|
+
var $c6959b6b120377f9$exports = {};
|
|
104
|
+
$c6959b6b120377f9$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
|
|
105
105
|
|
|
106
106
|
|
|
107
|
-
var $
|
|
108
|
-
$
|
|
107
|
+
var $8fcc23e9320cffd0$exports = {};
|
|
108
|
+
$8fcc23e9320cffd0$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
109
109
|
|
|
110
110
|
|
|
111
|
-
var $
|
|
112
|
-
$
|
|
111
|
+
var $ec9bb7644b9b61e5$exports = {};
|
|
112
|
+
$ec9bb7644b9b61e5$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
|
|
113
113
|
|
|
114
114
|
|
|
115
|
-
var $
|
|
116
|
-
$
|
|
115
|
+
var $049ab8e2dc69b622$exports = {};
|
|
116
|
+
$049ab8e2dc69b622$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
|
|
117
117
|
|
|
118
118
|
|
|
119
|
-
var $
|
|
120
|
-
$
|
|
119
|
+
var $480b88f7afcf23a9$exports = {};
|
|
120
|
+
$480b88f7afcf23a9$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
121
121
|
|
|
122
122
|
|
|
123
|
-
var $
|
|
124
|
-
$
|
|
123
|
+
var $0c053d6ef0255c08$exports = {};
|
|
124
|
+
$0c053d6ef0255c08$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
var $
|
|
128
|
-
$
|
|
127
|
+
var $3aff8d1b1fa24532$exports = {};
|
|
128
|
+
$3aff8d1b1fa24532$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
|
|
129
129
|
|
|
130
130
|
|
|
131
|
-
var $
|
|
132
|
-
$
|
|
131
|
+
var $90e0c3e69dc73a74$exports = {};
|
|
132
|
+
$90e0c3e69dc73a74$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
|
|
133
133
|
|
|
134
134
|
|
|
135
|
-
var $
|
|
136
|
-
$
|
|
135
|
+
var $248be0f7eca0ea1f$exports = {};
|
|
136
|
+
$248be0f7eca0ea1f$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
|
|
137
137
|
|
|
138
138
|
|
|
139
|
-
var $
|
|
140
|
-
$
|
|
139
|
+
var $3142c640504df85a$exports = {};
|
|
140
|
+
$3142c640504df85a$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
|
|
141
141
|
|
|
142
142
|
|
|
143
|
-
var $
|
|
144
|
-
$
|
|
143
|
+
var $7b3b7f28a30b2687$exports = {};
|
|
144
|
+
$7b3b7f28a30b2687$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
|
|
145
145
|
|
|
146
146
|
|
|
147
|
-
var $
|
|
148
|
-
$
|
|
147
|
+
var $06c28f958a58f366$exports = {};
|
|
148
|
+
$06c28f958a58f366$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
149
149
|
|
|
150
150
|
|
|
151
|
-
var $
|
|
152
|
-
$
|
|
151
|
+
var $b45c13a581472a6c$exports = {};
|
|
152
|
+
$b45c13a581472a6c$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
|
|
153
153
|
|
|
154
154
|
|
|
155
|
-
var $
|
|
156
|
-
$
|
|
155
|
+
var $785ea1a5e7a35eb5$exports = {};
|
|
156
|
+
$785ea1a5e7a35eb5$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
|
|
157
157
|
|
|
158
158
|
|
|
159
|
-
var $
|
|
160
|
-
$
|
|
159
|
+
var $2e46541801441421$exports = {};
|
|
160
|
+
$2e46541801441421$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
|
|
161
161
|
|
|
162
162
|
|
|
163
|
-
var $
|
|
164
|
-
$
|
|
163
|
+
var $8de129c51e22709f$exports = {};
|
|
164
|
+
$8de129c51e22709f$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
|
|
165
165
|
|
|
166
166
|
|
|
167
|
-
var $
|
|
168
|
-
$
|
|
167
|
+
var $e57af0887d00746b$exports = {};
|
|
168
|
+
$e57af0887d00746b$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
|
|
169
169
|
|
|
170
170
|
|
|
171
|
-
$
|
|
172
|
-
"ar-AE": $
|
|
173
|
-
"bg-BG": $
|
|
174
|
-
"cs-CZ": $
|
|
175
|
-
"da-DK": $
|
|
176
|
-
"de-DE": $
|
|
177
|
-
"el-GR": $
|
|
178
|
-
"en-US": $
|
|
179
|
-
"es-ES": $
|
|
180
|
-
"et-EE": $
|
|
181
|
-
"fi-FI": $
|
|
182
|
-
"fr-FR": $
|
|
183
|
-
"he-IL": $
|
|
184
|
-
"hr-HR": $
|
|
185
|
-
"hu-HU": $
|
|
186
|
-
"it-IT": $
|
|
187
|
-
"ja-JP": $
|
|
188
|
-
"ko-KR": $
|
|
189
|
-
"lt-LT": $
|
|
190
|
-
"lv-LV": $
|
|
191
|
-
"nb-NO": $
|
|
192
|
-
"nl-NL": $
|
|
193
|
-
"pl-PL": $
|
|
194
|
-
"pt-BR": $
|
|
195
|
-
"pt-PT": $
|
|
196
|
-
"ro-RO": $
|
|
197
|
-
"ru-RU": $
|
|
198
|
-
"sk-SK": $
|
|
199
|
-
"sl-SI": $
|
|
200
|
-
"sr-SP": $
|
|
201
|
-
"sv-SE": $
|
|
202
|
-
"tr-TR": $
|
|
203
|
-
"uk-UA": $
|
|
204
|
-
"zh-CN": $
|
|
205
|
-
"zh-TW": $
|
|
171
|
+
$467944769c14687b$exports = {
|
|
172
|
+
"ar-AE": $daf541512f75fd9b$exports,
|
|
173
|
+
"bg-BG": $50819411ab066aa0$exports,
|
|
174
|
+
"cs-CZ": $4f747f794f1bcba7$exports,
|
|
175
|
+
"da-DK": $9b4578f7fea36fce$exports,
|
|
176
|
+
"de-DE": $d1341bbc3e1d2378$exports,
|
|
177
|
+
"el-GR": $62dc02a47a5c68a9$exports,
|
|
178
|
+
"en-US": $4040b78666bdeb49$exports,
|
|
179
|
+
"es-ES": $b77a23040d0637b4$exports,
|
|
180
|
+
"et-EE": $54ccb4bcf3ebc0a8$exports,
|
|
181
|
+
"fi-FI": $37e671b8f89037ca$exports,
|
|
182
|
+
"fr-FR": $8d65c5abdb6b7cbc$exports,
|
|
183
|
+
"he-IL": $a87fac8df5d40e78$exports,
|
|
184
|
+
"hr-HR": $a7ee65f0f8055b83$exports,
|
|
185
|
+
"hu-HU": $e6091fd2263a451f$exports,
|
|
186
|
+
"it-IT": $c8d9d250bf8952b2$exports,
|
|
187
|
+
"ja-JP": $df07a03bb9f879ed$exports,
|
|
188
|
+
"ko-KR": $40b3ef3504f4b1d0$exports,
|
|
189
|
+
"lt-LT": $c6959b6b120377f9$exports,
|
|
190
|
+
"lv-LV": $8fcc23e9320cffd0$exports,
|
|
191
|
+
"nb-NO": $ec9bb7644b9b61e5$exports,
|
|
192
|
+
"nl-NL": $049ab8e2dc69b622$exports,
|
|
193
|
+
"pl-PL": $480b88f7afcf23a9$exports,
|
|
194
|
+
"pt-BR": $0c053d6ef0255c08$exports,
|
|
195
|
+
"pt-PT": $3aff8d1b1fa24532$exports,
|
|
196
|
+
"ro-RO": $90e0c3e69dc73a74$exports,
|
|
197
|
+
"ru-RU": $248be0f7eca0ea1f$exports,
|
|
198
|
+
"sk-SK": $3142c640504df85a$exports,
|
|
199
|
+
"sl-SI": $7b3b7f28a30b2687$exports,
|
|
200
|
+
"sr-SP": $06c28f958a58f366$exports,
|
|
201
|
+
"sv-SE": $b45c13a581472a6c$exports,
|
|
202
|
+
"tr-TR": $785ea1a5e7a35eb5$exports,
|
|
203
|
+
"uk-UA": $2e46541801441421$exports,
|
|
204
|
+
"zh-CN": $8de129c51e22709f$exports,
|
|
205
|
+
"zh-TW": $e57af0887d00746b$exports
|
|
206
206
|
};
|
|
207
207
|
|
|
208
208
|
|
|
@@ -211,146 +211,146 @@ $e316802145171fc2$exports = {
|
|
|
211
211
|
|
|
212
212
|
|
|
213
213
|
|
|
214
|
-
var $
|
|
215
|
-
|
|
216
|
-
$parcel$export($
|
|
217
|
-
$parcel$export($
|
|
218
|
-
$parcel$export($
|
|
219
|
-
$parcel$export($
|
|
220
|
-
$parcel$export($
|
|
221
|
-
$parcel$export($
|
|
222
|
-
$parcel$export($
|
|
223
|
-
$parcel$export($
|
|
224
|
-
$parcel$export($
|
|
225
|
-
$parcel$export($
|
|
226
|
-
$parcel$export($
|
|
227
|
-
$parcel$export($
|
|
228
|
-
$parcel$export($
|
|
229
|
-
$parcel$export($
|
|
230
|
-
$parcel$export($
|
|
231
|
-
$parcel$export($
|
|
232
|
-
$parcel$export($
|
|
233
|
-
$parcel$export($
|
|
234
|
-
$parcel$export($
|
|
235
|
-
$parcel$export($
|
|
236
|
-
$parcel$export($
|
|
237
|
-
$parcel$export($
|
|
238
|
-
$parcel$export($
|
|
239
|
-
$parcel$export($
|
|
240
|
-
$parcel$export($
|
|
241
|
-
$parcel$export($
|
|
242
|
-
$parcel$export($
|
|
243
|
-
$parcel$export($
|
|
244
|
-
$parcel$export($
|
|
245
|
-
$parcel$export($
|
|
246
|
-
$parcel$export($
|
|
247
|
-
var $
|
|
248
|
-
var $
|
|
249
|
-
var $
|
|
250
|
-
var $
|
|
251
|
-
var $
|
|
252
|
-
var $
|
|
253
|
-
var $
|
|
254
|
-
var $
|
|
255
|
-
var $
|
|
256
|
-
var $
|
|
257
|
-
var $
|
|
258
|
-
var $
|
|
259
|
-
var $
|
|
260
|
-
var $
|
|
261
|
-
var $
|
|
262
|
-
var $
|
|
263
|
-
var $
|
|
264
|
-
var $
|
|
265
|
-
var $
|
|
266
|
-
var $
|
|
267
|
-
var $
|
|
268
|
-
var $
|
|
269
|
-
var $
|
|
270
|
-
var $
|
|
271
|
-
var $
|
|
272
|
-
var $
|
|
273
|
-
var $
|
|
274
|
-
var $
|
|
275
|
-
var $
|
|
276
|
-
var $
|
|
277
|
-
var $
|
|
278
|
-
$
|
|
279
|
-
$
|
|
280
|
-
$
|
|
281
|
-
$
|
|
282
|
-
$
|
|
283
|
-
$
|
|
284
|
-
$
|
|
285
|
-
$
|
|
286
|
-
$
|
|
287
|
-
$
|
|
288
|
-
$
|
|
289
|
-
$
|
|
290
|
-
$
|
|
291
|
-
$
|
|
292
|
-
$
|
|
293
|
-
$
|
|
294
|
-
$
|
|
295
|
-
$
|
|
296
|
-
$
|
|
297
|
-
$
|
|
298
|
-
$
|
|
299
|
-
$
|
|
300
|
-
$
|
|
301
|
-
$
|
|
302
|
-
$
|
|
303
|
-
$
|
|
304
|
-
$
|
|
305
|
-
$
|
|
306
|
-
$
|
|
307
|
-
$
|
|
308
|
-
$
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
var $
|
|
312
|
-
|
|
313
|
-
$parcel$export($
|
|
314
|
-
$parcel$export($
|
|
315
|
-
$parcel$export($
|
|
316
|
-
$parcel$export($
|
|
317
|
-
$parcel$export($
|
|
318
|
-
$parcel$export($
|
|
319
|
-
$parcel$export($
|
|
320
|
-
var $
|
|
321
|
-
var $
|
|
322
|
-
var $
|
|
323
|
-
var $
|
|
324
|
-
var $
|
|
325
|
-
var $
|
|
326
|
-
var $
|
|
327
|
-
$
|
|
328
|
-
$
|
|
329
|
-
$
|
|
330
|
-
$
|
|
331
|
-
$
|
|
332
|
-
$
|
|
333
|
-
$
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
const $
|
|
214
|
+
var $bd5d41f647a296c3$exports = {};
|
|
215
|
+
|
|
216
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
|
|
217
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-sortedIcon", () => $bd5d41f647a296c3$export$7d48ded8ceef1e62, (v) => $bd5d41f647a296c3$export$7d48ded8ceef1e62 = v);
|
|
218
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headWrapper", () => $bd5d41f647a296c3$export$a08929593e9a2fb2, (v) => $bd5d41f647a296c3$export$a08929593e9a2fb2 = v);
|
|
219
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellContents", () => $bd5d41f647a296c3$export$ce66f3b8316b228e, (v) => $bd5d41f647a296c3$export$ce66f3b8316b228e = v);
|
|
220
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCell", () => $bd5d41f647a296c3$export$f64307d6c29e2f55, (v) => $bd5d41f647a296c3$export$f64307d6c29e2f55 = v);
|
|
221
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sortable", () => $bd5d41f647a296c3$export$c5f84948d72c03fb, (v) => $bd5d41f647a296c3$export$c5f84948d72c03fb = v);
|
|
222
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sorted-asc", () => $bd5d41f647a296c3$export$24499792d6b87cb, (v) => $bd5d41f647a296c3$export$24499792d6b87cb = v);
|
|
223
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-sorted-desc", () => $bd5d41f647a296c3$export$cda6d7b632f895cc, (v) => $bd5d41f647a296c3$export$cda6d7b632f895cc = v);
|
|
224
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignCenter", () => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2, (v) => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = v);
|
|
225
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignEnd", () => $bd5d41f647a296c3$export$94db5e2e979379b6, (v) => $bd5d41f647a296c3$export$94db5e2e979379b6 = v);
|
|
226
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body", () => $bd5d41f647a296c3$export$c841a58af70827c7, (v) => $bd5d41f647a296c3$export$c841a58af70827c7 = v);
|
|
227
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-drop-target", () => $bd5d41f647a296c3$export$d8467f38d2d00bd0, (v) => $bd5d41f647a296c3$export$d8467f38d2d00bd0 = v);
|
|
228
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row", () => $bd5d41f647a296c3$export$fefa57dcd4648052, (v) => $bd5d41f647a296c3$export$fefa57dcd4648052 = v);
|
|
229
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--quiet", () => $bd5d41f647a296c3$export$80f179961079d85e, (v) => $bd5d41f647a296c3$export$80f179961079d85e = v);
|
|
230
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell", () => $bd5d41f647a296c3$export$c073926c283bb618, (v) => $bd5d41f647a296c3$export$c073926c283bb618 = v);
|
|
231
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--compact", () => $bd5d41f647a296c3$export$bcb43fe016211cab, (v) => $bd5d41f647a296c3$export$bcb43fe016211cab = v);
|
|
232
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--spacious", () => $bd5d41f647a296c3$export$eef21b0715bc0914, (v) => $bd5d41f647a296c3$export$eef21b0715bc0914 = v);
|
|
233
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellContents", () => $bd5d41f647a296c3$export$683061182a3353d3, (v) => $bd5d41f647a296c3$export$683061182a3353d3 = v);
|
|
234
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--hideHeader", () => $bd5d41f647a296c3$export$8ff2ab45f5f0045d, (v) => $bd5d41f647a296c3$export$8ff2ab45f5f0045d = v);
|
|
235
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--wrap", () => $bd5d41f647a296c3$export$9d4c255d6285f0ec, (v) => $bd5d41f647a296c3$export$9d4c255d6285f0ec = v);
|
|
236
|
+
$parcel$export($bd5d41f647a296c3$exports, "focus-ring", () => $bd5d41f647a296c3$export$f39a09f249340e2a, (v) => $bd5d41f647a296c3$export$f39a09f249340e2a = v);
|
|
237
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-focused", () => $bd5d41f647a296c3$export$e7dc768d35940237, (v) => $bd5d41f647a296c3$export$e7dc768d35940237 = v);
|
|
238
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--divider", () => $bd5d41f647a296c3$export$9531650467e5785b, (v) => $bd5d41f647a296c3$export$9531650467e5785b = v);
|
|
239
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkboxCell", () => $bd5d41f647a296c3$export$ae17a7501a9fd0b3, (v) => $bd5d41f647a296c3$export$ae17a7501a9fd0b3 = v);
|
|
240
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkbox", () => $bd5d41f647a296c3$export$9c494845d6df55df, (v) => $bd5d41f647a296c3$export$9c494845d6df55df = v);
|
|
241
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-hovered", () => $bd5d41f647a296c3$export$b8813cd5d7824ce7, (v) => $bd5d41f647a296c3$export$b8813cd5d7824ce7 = v);
|
|
242
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellWrapper", () => $bd5d41f647a296c3$export$fe4389976827e927, (v) => $bd5d41f647a296c3$export$fe4389976827e927 = v);
|
|
243
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-active", () => $bd5d41f647a296c3$export$20fd0f7cd4e6112f, (v) => $bd5d41f647a296c3$export$20fd0f7cd4e6112f = v);
|
|
244
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-disabled", () => $bd5d41f647a296c3$export$d35bc1e505d1ebbf, (v) => $bd5d41f647a296c3$export$d35bc1e505d1ebbf = v);
|
|
245
|
+
$parcel$export($bd5d41f647a296c3$exports, "is-selected", () => $bd5d41f647a296c3$export$1e0fb04f31d3c22a, (v) => $bd5d41f647a296c3$export$1e0fb04f31d3c22a = v);
|
|
246
|
+
$parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--highlightSelection", () => $bd5d41f647a296c3$export$31ebb0cbc2669cfb, (v) => $bd5d41f647a296c3$export$31ebb0cbc2669cfb = v);
|
|
247
|
+
var $bd5d41f647a296c3$export$455c59d2b5bafef0;
|
|
248
|
+
var $bd5d41f647a296c3$export$7d48ded8ceef1e62;
|
|
249
|
+
var $bd5d41f647a296c3$export$a08929593e9a2fb2;
|
|
250
|
+
var $bd5d41f647a296c3$export$ce66f3b8316b228e;
|
|
251
|
+
var $bd5d41f647a296c3$export$f64307d6c29e2f55;
|
|
252
|
+
var $bd5d41f647a296c3$export$c5f84948d72c03fb;
|
|
253
|
+
var $bd5d41f647a296c3$export$24499792d6b87cb;
|
|
254
|
+
var $bd5d41f647a296c3$export$cda6d7b632f895cc;
|
|
255
|
+
var $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2;
|
|
256
|
+
var $bd5d41f647a296c3$export$94db5e2e979379b6;
|
|
257
|
+
var $bd5d41f647a296c3$export$c841a58af70827c7;
|
|
258
|
+
var $bd5d41f647a296c3$export$d8467f38d2d00bd0;
|
|
259
|
+
var $bd5d41f647a296c3$export$fefa57dcd4648052;
|
|
260
|
+
var $bd5d41f647a296c3$export$80f179961079d85e;
|
|
261
|
+
var $bd5d41f647a296c3$export$c073926c283bb618;
|
|
262
|
+
var $bd5d41f647a296c3$export$bcb43fe016211cab;
|
|
263
|
+
var $bd5d41f647a296c3$export$eef21b0715bc0914;
|
|
264
|
+
var $bd5d41f647a296c3$export$683061182a3353d3;
|
|
265
|
+
var $bd5d41f647a296c3$export$8ff2ab45f5f0045d;
|
|
266
|
+
var $bd5d41f647a296c3$export$9d4c255d6285f0ec;
|
|
267
|
+
var $bd5d41f647a296c3$export$f39a09f249340e2a;
|
|
268
|
+
var $bd5d41f647a296c3$export$e7dc768d35940237;
|
|
269
|
+
var $bd5d41f647a296c3$export$9531650467e5785b;
|
|
270
|
+
var $bd5d41f647a296c3$export$ae17a7501a9fd0b3;
|
|
271
|
+
var $bd5d41f647a296c3$export$9c494845d6df55df;
|
|
272
|
+
var $bd5d41f647a296c3$export$b8813cd5d7824ce7;
|
|
273
|
+
var $bd5d41f647a296c3$export$fe4389976827e927;
|
|
274
|
+
var $bd5d41f647a296c3$export$20fd0f7cd4e6112f;
|
|
275
|
+
var $bd5d41f647a296c3$export$d35bc1e505d1ebbf;
|
|
276
|
+
var $bd5d41f647a296c3$export$1e0fb04f31d3c22a;
|
|
277
|
+
var $bd5d41f647a296c3$export$31ebb0cbc2669cfb;
|
|
278
|
+
$bd5d41f647a296c3$export$455c59d2b5bafef0 = "spectrum-Table_d0fc74";
|
|
279
|
+
$bd5d41f647a296c3$export$7d48ded8ceef1e62 = "spectrum-Table-sortedIcon_d0fc74";
|
|
280
|
+
$bd5d41f647a296c3$export$a08929593e9a2fb2 = "spectrum-Table-headWrapper_d0fc74";
|
|
281
|
+
$bd5d41f647a296c3$export$ce66f3b8316b228e = "spectrum-Table-headCellContents_d0fc74";
|
|
282
|
+
$bd5d41f647a296c3$export$f64307d6c29e2f55 = "spectrum-Table-headCell_d0fc74";
|
|
283
|
+
$bd5d41f647a296c3$export$c5f84948d72c03fb = "is-sortable_d0fc74";
|
|
284
|
+
$bd5d41f647a296c3$export$24499792d6b87cb = "is-sorted-asc_d0fc74";
|
|
285
|
+
$bd5d41f647a296c3$export$cda6d7b632f895cc = "is-sorted-desc_d0fc74";
|
|
286
|
+
$bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = "spectrum-Table-cell--alignCenter_d0fc74";
|
|
287
|
+
$bd5d41f647a296c3$export$94db5e2e979379b6 = "spectrum-Table-cell--alignEnd_d0fc74";
|
|
288
|
+
$bd5d41f647a296c3$export$c841a58af70827c7 = "spectrum-Table-body_d0fc74";
|
|
289
|
+
$bd5d41f647a296c3$export$d8467f38d2d00bd0 = "is-drop-target_d0fc74";
|
|
290
|
+
$bd5d41f647a296c3$export$fefa57dcd4648052 = "spectrum-Table-row_d0fc74";
|
|
291
|
+
$bd5d41f647a296c3$export$80f179961079d85e = "spectrum-Table--quiet_d0fc74";
|
|
292
|
+
$bd5d41f647a296c3$export$c073926c283bb618 = "spectrum-Table-cell_d0fc74";
|
|
293
|
+
$bd5d41f647a296c3$export$bcb43fe016211cab = "spectrum-Table--compact_d0fc74";
|
|
294
|
+
$bd5d41f647a296c3$export$eef21b0715bc0914 = "spectrum-Table--spacious_d0fc74";
|
|
295
|
+
$bd5d41f647a296c3$export$683061182a3353d3 = "spectrum-Table-cellContents_d0fc74";
|
|
296
|
+
$bd5d41f647a296c3$export$8ff2ab45f5f0045d = "spectrum-Table-cell--hideHeader_d0fc74";
|
|
297
|
+
$bd5d41f647a296c3$export$9d4c255d6285f0ec = "spectrum-Table--wrap_d0fc74";
|
|
298
|
+
$bd5d41f647a296c3$export$f39a09f249340e2a = "focus-ring_d0fc74";
|
|
299
|
+
$bd5d41f647a296c3$export$e7dc768d35940237 = "is-focused_d0fc74";
|
|
300
|
+
$bd5d41f647a296c3$export$9531650467e5785b = "spectrum-Table-cell--divider_d0fc74";
|
|
301
|
+
$bd5d41f647a296c3$export$ae17a7501a9fd0b3 = "spectrum-Table-checkboxCell_d0fc74";
|
|
302
|
+
$bd5d41f647a296c3$export$9c494845d6df55df = "spectrum-Table-checkbox_d0fc74";
|
|
303
|
+
$bd5d41f647a296c3$export$b8813cd5d7824ce7 = "is-hovered_d0fc74";
|
|
304
|
+
$bd5d41f647a296c3$export$fe4389976827e927 = "spectrum-Table-cellWrapper_d0fc74";
|
|
305
|
+
$bd5d41f647a296c3$export$20fd0f7cd4e6112f = "is-active_d0fc74";
|
|
306
|
+
$bd5d41f647a296c3$export$d35bc1e505d1ebbf = "is-disabled_d0fc74";
|
|
307
|
+
$bd5d41f647a296c3$export$1e0fb04f31d3c22a = "is-selected_d0fc74";
|
|
308
|
+
$bd5d41f647a296c3$export$31ebb0cbc2669cfb = "spectrum-Table-row--highlightSelection_d0fc74";
|
|
309
|
+
|
|
310
|
+
|
|
311
|
+
var $325bc3d43b25708b$exports = {};
|
|
312
|
+
|
|
313
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
|
|
314
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell", () => $325bc3d43b25708b$export$19015e98090cea63, (v) => $325bc3d43b25708b$export$19015e98090cea63 = v);
|
|
315
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper", () => $325bc3d43b25708b$export$ea1d9f40910c509, (v) => $325bc3d43b25708b$export$ea1d9f40910c509 = v);
|
|
316
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignStart", () => $325bc3d43b25708b$export$25d7f56ba6d0d442, (v) => $325bc3d43b25708b$export$25d7f56ba6d0d442 = v);
|
|
317
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignCenter", () => $325bc3d43b25708b$export$14101ea2699002fc, (v) => $325bc3d43b25708b$export$14101ea2699002fc = v);
|
|
318
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignEnd", () => $325bc3d43b25708b$export$c594335f8535fc47, (v) => $325bc3d43b25708b$export$c594335f8535fc47 = v);
|
|
319
|
+
$parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-centeredWrapper", () => $325bc3d43b25708b$export$8bffb31c98aaf8d5, (v) => $325bc3d43b25708b$export$8bffb31c98aaf8d5 = v);
|
|
320
|
+
var $325bc3d43b25708b$export$8cc7e6e5f955c192;
|
|
321
|
+
var $325bc3d43b25708b$export$19015e98090cea63;
|
|
322
|
+
var $325bc3d43b25708b$export$ea1d9f40910c509;
|
|
323
|
+
var $325bc3d43b25708b$export$25d7f56ba6d0d442;
|
|
324
|
+
var $325bc3d43b25708b$export$14101ea2699002fc;
|
|
325
|
+
var $325bc3d43b25708b$export$c594335f8535fc47;
|
|
326
|
+
var $325bc3d43b25708b$export$8bffb31c98aaf8d5;
|
|
327
|
+
$325bc3d43b25708b$export$8cc7e6e5f955c192 = "react-spectrum-Table_e844a7";
|
|
328
|
+
$325bc3d43b25708b$export$19015e98090cea63 = "react-spectrum-Table-cell_e844a7";
|
|
329
|
+
$325bc3d43b25708b$export$ea1d9f40910c509 = "react-spectrum-Table-cellWrapper_e844a7";
|
|
330
|
+
$325bc3d43b25708b$export$25d7f56ba6d0d442 = "react-spectrum-Table-cell--alignStart_e844a7";
|
|
331
|
+
$325bc3d43b25708b$export$14101ea2699002fc = "react-spectrum-Table-cell--alignCenter_e844a7";
|
|
332
|
+
$325bc3d43b25708b$export$c594335f8535fc47 = "react-spectrum-Table-cell--alignEnd_e844a7";
|
|
333
|
+
$325bc3d43b25708b$export$8bffb31c98aaf8d5 = "react-spectrum-Table-centeredWrapper_e844a7";
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
const $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT = {
|
|
346
346
|
medium: 34,
|
|
347
347
|
large: 40
|
|
348
348
|
};
|
|
349
|
-
const $
|
|
349
|
+
const $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
|
|
350
350
|
medium: 36,
|
|
351
351
|
large: 44
|
|
352
352
|
};
|
|
353
|
-
const $
|
|
353
|
+
const $d14697b14e638114$var$ROW_HEIGHTS = {
|
|
354
354
|
compact: {
|
|
355
355
|
medium: 32,
|
|
356
356
|
large: 40
|
|
@@ -364,20 +364,20 @@ const $4122d2d78d36a07d$var$ROW_HEIGHTS = {
|
|
|
364
364
|
large: 60
|
|
365
365
|
}
|
|
366
366
|
};
|
|
367
|
-
const $
|
|
367
|
+
const $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH = {
|
|
368
368
|
medium: 38,
|
|
369
369
|
large: 48
|
|
370
370
|
};
|
|
371
|
-
const $
|
|
372
|
-
function $
|
|
373
|
-
return $
|
|
371
|
+
const $d14697b14e638114$var$TableContext = /*#__PURE__*/ $gyhAV$react.createContext(null);
|
|
372
|
+
function $d14697b14e638114$var$useTableContext() {
|
|
373
|
+
return $gyhAV$useContext($d14697b14e638114$var$TableContext);
|
|
374
374
|
}
|
|
375
|
-
function $
|
|
376
|
-
props = $
|
|
375
|
+
function $d14697b14e638114$var$TableView(props, ref) {
|
|
376
|
+
props = $gyhAV$useProviderProps(props);
|
|
377
377
|
let { isQuiet: isQuiet , onAction: onAction } = props;
|
|
378
|
-
let { styleProps: styleProps } = $
|
|
379
|
-
let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $
|
|
380
|
-
let state = $
|
|
378
|
+
let { styleProps: styleProps } = $gyhAV$useStyleProps(props);
|
|
379
|
+
let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $gyhAV$useState(props.selectionStyle !== 'highlight');
|
|
380
|
+
let state = $gyhAV$useTableState({
|
|
381
381
|
...props,
|
|
382
382
|
showSelectionCheckboxes: showSelectionCheckboxes,
|
|
383
383
|
selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'
|
|
@@ -385,21 +385,21 @@ function $4122d2d78d36a07d$var$TableView(props, ref) {
|
|
|
385
385
|
// If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
|
|
386
386
|
let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== 'replace';
|
|
387
387
|
if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
|
|
388
|
-
let domRef = $
|
|
389
|
-
let formatMessage = $
|
|
390
|
-
let { scale: scale } = $
|
|
388
|
+
let domRef = $gyhAV$useDOMRef(ref);
|
|
389
|
+
let formatMessage = $gyhAV$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($467944769c14687b$exports)));
|
|
390
|
+
let { scale: scale } = $gyhAV$useProvider();
|
|
391
391
|
let density = props.density || 'regular';
|
|
392
|
-
let layout = $
|
|
392
|
+
let layout = $gyhAV$useMemo(()=>new $gyhAV$TableLayout({
|
|
393
393
|
// If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
|
|
394
|
-
rowHeight: props.overflowMode === 'wrap' ? null : $
|
|
395
|
-
estimatedRowHeight: props.overflowMode === 'wrap' ? $
|
|
396
|
-
headingHeight: props.overflowMode === 'wrap' ? null : $
|
|
397
|
-
estimatedHeadingHeight: props.overflowMode === 'wrap' ? $
|
|
394
|
+
rowHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$ROW_HEIGHTS[density][scale],
|
|
395
|
+
estimatedRowHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$ROW_HEIGHTS[density][scale] : null,
|
|
396
|
+
headingHeight: props.overflowMode === 'wrap' ? null : $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale],
|
|
397
|
+
estimatedHeadingHeight: props.overflowMode === 'wrap' ? $d14697b14e638114$var$DEFAULT_HEADER_HEIGHT[scale] : null,
|
|
398
398
|
getDefaultWidth: ({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider })=>{
|
|
399
399
|
if (hideHeader) {
|
|
400
|
-
let width = $
|
|
400
|
+
let width = $d14697b14e638114$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
|
|
401
401
|
return showDivider ? width + 1 : width;
|
|
402
|
-
} else if (isSelectionCell) return $
|
|
402
|
+
} else if (isSelectionCell) return $d14697b14e638114$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
|
|
403
403
|
}
|
|
404
404
|
})
|
|
405
405
|
, [
|
|
@@ -407,41 +407,41 @@ function $4122d2d78d36a07d$var$TableView(props, ref) {
|
|
|
407
407
|
scale,
|
|
408
408
|
density
|
|
409
409
|
]);
|
|
410
|
-
let { direction: direction } = $
|
|
410
|
+
let { direction: direction } = $gyhAV$useLocale();
|
|
411
411
|
layout.collection = state.collection;
|
|
412
|
-
let { gridProps: gridProps } = $
|
|
412
|
+
let { gridProps: gridProps } = $gyhAV$useTable({
|
|
413
413
|
...props,
|
|
414
414
|
isVirtualized: true,
|
|
415
415
|
layout: layout,
|
|
416
416
|
onRowAction: onAction
|
|
417
417
|
}, state, domRef);
|
|
418
418
|
let renderWrapper = (parent, reusableView, children, renderChildren)=>{
|
|
419
|
-
let style = $
|
|
419
|
+
let style = $gyhAV$layoutInfoToStyle(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
|
|
420
420
|
if (style.overflow === 'hidden') style.overflow = 'visible'; // needed to support position: sticky
|
|
421
|
-
if (reusableView.viewType === 'rowgroup') return(/*#__PURE__*/ $
|
|
421
|
+
if (reusableView.viewType === 'rowgroup') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRowGroup, {
|
|
422
422
|
key: reusableView.key,
|
|
423
423
|
style: style
|
|
424
424
|
}, renderChildren(children)));
|
|
425
|
-
if (reusableView.viewType === 'header') return(/*#__PURE__*/ $
|
|
425
|
+
if (reusableView.viewType === 'header') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeader, {
|
|
426
426
|
key: reusableView.key,
|
|
427
427
|
style: style
|
|
428
428
|
}, renderChildren(children)));
|
|
429
|
-
if (reusableView.viewType === 'row') return(/*#__PURE__*/ $
|
|
429
|
+
if (reusableView.viewType === 'row') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableRow, {
|
|
430
430
|
key: reusableView.key,
|
|
431
431
|
item: reusableView.content,
|
|
432
432
|
style: style,
|
|
433
433
|
hasActions: onAction
|
|
434
434
|
}, renderChildren(children)));
|
|
435
|
-
if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ $
|
|
435
|
+
if (reusableView.viewType === 'headerrow') return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableHeaderRow, {
|
|
436
436
|
key: reusableView.key,
|
|
437
437
|
style: style,
|
|
438
438
|
item: reusableView.content
|
|
439
439
|
}, renderChildren(children)));
|
|
440
|
-
return(/*#__PURE__*/ $
|
|
440
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VirtualizerItem, {
|
|
441
441
|
key: reusableView.key,
|
|
442
442
|
reusableView: reusableView,
|
|
443
443
|
parent: parent,
|
|
444
|
-
className: $
|
|
444
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellWrapper', $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), {
|
|
445
445
|
'react-spectrum-Table-cellWrapper': !reusableView.layoutInfo.estimatedSize
|
|
446
446
|
}))
|
|
447
447
|
}));
|
|
@@ -455,36 +455,36 @@ function $4122d2d78d36a07d$var$TableView(props, ref) {
|
|
|
455
455
|
case 'headerrow':
|
|
456
456
|
return null;
|
|
457
457
|
case 'cell':
|
|
458
|
-
if (item.props.isSelectionCell) return(/*#__PURE__*/ $
|
|
458
|
+
if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCheckboxCell, {
|
|
459
459
|
cell: item
|
|
460
460
|
}));
|
|
461
|
-
return(/*#__PURE__*/ $
|
|
461
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableCell, {
|
|
462
462
|
cell: item
|
|
463
463
|
}));
|
|
464
464
|
case 'placeholder':
|
|
465
465
|
// TODO: move to react-aria?
|
|
466
|
-
return(/*#__PURE__*/ $
|
|
466
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
467
467
|
role: "gridcell",
|
|
468
468
|
"aria-colindex": item.index + 1,
|
|
469
469
|
"aria-colspan": item.colspan > 1 ? item.colspan : null
|
|
470
470
|
}));
|
|
471
471
|
case 'column':
|
|
472
|
-
if (item.props.isSelectionCell) return(/*#__PURE__*/ $
|
|
472
|
+
if (item.props.isSelectionCell) return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableSelectAllCell, {
|
|
473
473
|
column: item
|
|
474
474
|
}));
|
|
475
|
-
if (item.props.hideHeader) return(/*#__PURE__*/ $
|
|
475
|
+
if (item.props.hideHeader) return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$TooltipTrigger, {
|
|
476
476
|
placement: "top",
|
|
477
477
|
trigger: "focus"
|
|
478
|
-
}, /*#__PURE__*/ $
|
|
478
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
|
|
479
479
|
column: item
|
|
480
|
-
}), /*#__PURE__*/ $
|
|
480
|
+
}), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Tooltip, {
|
|
481
481
|
placement: "top"
|
|
482
482
|
}, item.rendered)));
|
|
483
|
-
return(/*#__PURE__*/ $
|
|
483
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableColumnHeader, {
|
|
484
484
|
column: item
|
|
485
485
|
}));
|
|
486
486
|
case 'loader':
|
|
487
|
-
return(/*#__PURE__*/ $
|
|
487
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ProgressCircle, {
|
|
488
488
|
isIndeterminate: true,
|
|
489
489
|
"aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
|
|
490
490
|
})));
|
|
@@ -492,19 +492,19 @@ function $4122d2d78d36a07d$var$TableView(props, ref) {
|
|
|
492
492
|
{
|
|
493
493
|
let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
|
|
494
494
|
if (emptyState == null) return null;
|
|
495
|
-
return(/*#__PURE__*/ $
|
|
495
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$CenteredWrapper, null, emptyState));
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
498
|
};
|
|
499
|
-
return(/*#__PURE__*/ $
|
|
499
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableContext.Provider, {
|
|
500
500
|
value: state
|
|
501
|
-
}, /*#__PURE__*/ $
|
|
501
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement($d14697b14e638114$var$TableVirtualizer, {
|
|
502
502
|
...gridProps,
|
|
503
503
|
...styleProps,
|
|
504
|
-
className: $
|
|
504
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table', `spectrum-Table--${density}`, {
|
|
505
505
|
'spectrum-Table--quiet': isQuiet,
|
|
506
506
|
'spectrum-Table--wrap': props.overflowMode === 'wrap'
|
|
507
|
-
}, $
|
|
507
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table')),
|
|
508
508
|
layout: layout,
|
|
509
509
|
collection: state.collection,
|
|
510
510
|
focusedKey: state.selectionManager.focusedKey,
|
|
@@ -514,26 +514,26 @@ function $4122d2d78d36a07d$var$TableView(props, ref) {
|
|
|
514
514
|
})));
|
|
515
515
|
}
|
|
516
516
|
// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
|
|
517
|
-
function $
|
|
517
|
+
function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , ...otherProps }) {
|
|
518
518
|
var ref;
|
|
519
|
-
let { direction: direction } = $
|
|
520
|
-
let headerRef = $
|
|
521
|
-
let bodyRef = $
|
|
519
|
+
let { direction: direction } = $gyhAV$useLocale();
|
|
520
|
+
let headerRef = $gyhAV$useRef();
|
|
521
|
+
let bodyRef = $gyhAV$useRef();
|
|
522
522
|
let loadingState = collection.body.props.loadingState;
|
|
523
523
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
524
524
|
let onLoadMore = collection.body.props.onLoadMore;
|
|
525
|
-
let state = $
|
|
525
|
+
let state = $gyhAV$useVirtualizerState({
|
|
526
526
|
layout: layout,
|
|
527
527
|
collection: collection,
|
|
528
528
|
renderView: renderView,
|
|
529
529
|
renderWrapper: renderWrapper,
|
|
530
530
|
onVisibleRectChange (rect) {
|
|
531
531
|
bodyRef.current.scrollTop = rect.y;
|
|
532
|
-
$
|
|
532
|
+
$gyhAV$setScrollLeft(bodyRef.current, direction, rect.x);
|
|
533
533
|
},
|
|
534
534
|
transitionDuration: isLoading ? 160 : 220
|
|
535
535
|
});
|
|
536
|
-
let { virtualizerProps: virtualizerProps } = $
|
|
536
|
+
let { virtualizerProps: virtualizerProps } = $gyhAV$useVirtualizer({
|
|
537
537
|
focusedKey: focusedKey,
|
|
538
538
|
scrollToItem (key) {
|
|
539
539
|
let item = collection.getItem(key);
|
|
@@ -551,12 +551,12 @@ function $4122d2d78d36a07d$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
551
551
|
let headerHeight = ((ref = layout.getLayoutInfo('header')) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
|
|
552
552
|
let visibleRect = state.virtualizer.visibleRect;
|
|
553
553
|
// Sync the scroll position from the table body to the header container.
|
|
554
|
-
let onScroll = $
|
|
554
|
+
let onScroll = $gyhAV$useCallback(()=>{
|
|
555
555
|
headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
|
|
556
556
|
}, [
|
|
557
557
|
bodyRef
|
|
558
558
|
]);
|
|
559
|
-
let onVisibleRectChange = $
|
|
559
|
+
let onVisibleRectChange = $gyhAV$useCallback((rect)=>{
|
|
560
560
|
state.setVisibleRect(rect);
|
|
561
561
|
if (!isLoading && onLoadMore) {
|
|
562
562
|
let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
|
|
@@ -568,7 +568,7 @@ function $4122d2d78d36a07d$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
568
568
|
state.setVisibleRect,
|
|
569
569
|
state.virtualizer
|
|
570
570
|
]);
|
|
571
|
-
$
|
|
571
|
+
$gyhAV$useLayoutEffect(()=>{
|
|
572
572
|
if (!isLoading && onLoadMore && !state.isAnimating) {
|
|
573
573
|
if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
|
|
574
574
|
}
|
|
@@ -579,12 +579,12 @@ function $4122d2d78d36a07d$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
579
579
|
onLoadMore,
|
|
580
580
|
isLoading
|
|
581
581
|
]);
|
|
582
|
-
return(/*#__PURE__*/ $
|
|
583
|
-
...$
|
|
582
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
583
|
+
...$gyhAV$mergeProps(otherProps, virtualizerProps),
|
|
584
584
|
ref: domRef
|
|
585
|
-
}, /*#__PURE__*/ $
|
|
585
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
586
586
|
role: "presentation",
|
|
587
|
-
className: $
|
|
587
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headWrapper'),
|
|
588
588
|
style: {
|
|
589
589
|
width: visibleRect.width,
|
|
590
590
|
height: headerHeight,
|
|
@@ -594,9 +594,9 @@ function $4122d2d78d36a07d$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
594
594
|
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
595
595
|
},
|
|
596
596
|
ref: headerRef
|
|
597
|
-
}, state.visibleViews[0]), /*#__PURE__*/ $
|
|
597
|
+
}, state.visibleViews[0]), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ScrollView, {
|
|
598
598
|
role: "presentation",
|
|
599
|
-
className: $
|
|
599
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-body'),
|
|
600
600
|
style: {
|
|
601
601
|
flex: 1
|
|
602
602
|
},
|
|
@@ -612,63 +612,63 @@ function $4122d2d78d36a07d$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
612
612
|
onScroll: onScroll
|
|
613
613
|
}, state.visibleViews[1])));
|
|
614
614
|
}
|
|
615
|
-
function $
|
|
616
|
-
let { rowGroupProps: rowGroupProps } = $
|
|
617
|
-
return(/*#__PURE__*/ $
|
|
615
|
+
function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
|
|
616
|
+
let { rowGroupProps: rowGroupProps } = $gyhAV$useTableRowGroup();
|
|
617
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
618
618
|
...rowGroupProps,
|
|
619
619
|
...otherProps,
|
|
620
|
-
className: $
|
|
620
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-head')
|
|
621
621
|
}, children));
|
|
622
622
|
}
|
|
623
|
-
function $
|
|
623
|
+
function $d14697b14e638114$var$TableColumnHeader({ column: column }) {
|
|
624
624
|
var ref, ref1, ref2, ref3;
|
|
625
|
-
let ref4 = $
|
|
626
|
-
let state = $
|
|
627
|
-
let { columnHeaderProps: columnHeaderProps } = $
|
|
625
|
+
let ref4 = $gyhAV$useRef();
|
|
626
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
627
|
+
let { columnHeaderProps: columnHeaderProps } = $gyhAV$useTableColumnHeader({
|
|
628
628
|
node: column,
|
|
629
629
|
isVirtualized: true
|
|
630
630
|
}, state, ref4);
|
|
631
631
|
let columnProps = column.props;
|
|
632
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
632
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
633
633
|
});
|
|
634
|
-
return(/*#__PURE__*/ $
|
|
635
|
-
focusRingClass: $
|
|
636
|
-
}, /*#__PURE__*/ $
|
|
637
|
-
...$
|
|
634
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
|
|
635
|
+
focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
|
|
636
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
637
|
+
...$gyhAV$mergeProps(columnHeaderProps, hoverProps),
|
|
638
638
|
ref: ref4,
|
|
639
|
-
className: $
|
|
639
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
|
|
640
640
|
'is-sortable': columnProps.allowsSorting,
|
|
641
641
|
'is-sorted-desc': ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === 'descending',
|
|
642
642
|
'is-sorted-asc': ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.column) === column.key && ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.direction) === 'ascending',
|
|
643
643
|
'is-hovered': isHovered,
|
|
644
644
|
'spectrum-Table-cell--hideHeader': columnProps.hideHeader
|
|
645
|
-
}, $
|
|
645
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
|
|
646
646
|
'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
|
|
647
647
|
'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
|
|
648
648
|
}))
|
|
649
|
-
}, columnProps.hideHeader ? /*#__PURE__*/ $
|
|
650
|
-
className: $
|
|
651
|
-
}, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ $
|
|
652
|
-
UNSAFE_className: $
|
|
649
|
+
}, columnProps.hideHeader ? /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, column.rendered) : /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
650
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCellContents')
|
|
651
|
+
}, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$spectrumiconsuiArrowDownSmall, {
|
|
652
|
+
UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-sortedIcon')
|
|
653
653
|
}))));
|
|
654
654
|
}
|
|
655
|
-
function $
|
|
656
|
-
let ref = $
|
|
657
|
-
let state = $
|
|
655
|
+
function $d14697b14e638114$var$TableSelectAllCell({ column: column }) {
|
|
656
|
+
let ref = $gyhAV$useRef();
|
|
657
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
658
658
|
let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
|
|
659
|
-
let { columnHeaderProps: columnHeaderProps } = $
|
|
659
|
+
let { columnHeaderProps: columnHeaderProps } = $gyhAV$useTableColumnHeader({
|
|
660
660
|
node: column,
|
|
661
661
|
isVirtualized: true
|
|
662
662
|
}, state, ref);
|
|
663
|
-
let { checkboxProps: checkboxProps } = $
|
|
664
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
663
|
+
let { checkboxProps: checkboxProps } = $gyhAV$useTableSelectAllCheckbox(state);
|
|
664
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
665
665
|
});
|
|
666
|
-
return(/*#__PURE__*/ $
|
|
667
|
-
focusRingClass: $
|
|
668
|
-
}, /*#__PURE__*/ $
|
|
669
|
-
...$
|
|
666
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
|
|
667
|
+
focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
|
|
668
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
669
|
+
...$gyhAV$mergeProps(columnHeaderProps, hoverProps),
|
|
670
670
|
ref: ref,
|
|
671
|
-
className: $
|
|
671
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', 'spectrum-Table-checkboxCell', {
|
|
672
672
|
'is-hovered': isHovered
|
|
673
673
|
})
|
|
674
674
|
}, /*
|
|
@@ -676,50 +676,50 @@ function $4122d2d78d36a07d$var$TableSelectAllCell({ column: column }) {
|
|
|
676
676
|
So to avoid leaving a column header with no accessible content,
|
|
677
677
|
we use a VisuallyHidden component to include the aria-label from the checkbox,
|
|
678
678
|
which for single selection will be "Select."
|
|
679
|
-
*/ isSingleSelectionMode && /*#__PURE__*/ $
|
|
679
|
+
*/ isSingleSelectionMode && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
|
|
680
680
|
...checkboxProps,
|
|
681
681
|
isDisabled: isSingleSelectionMode,
|
|
682
682
|
isEmphasized: true,
|
|
683
683
|
UNSAFE_style: isSingleSelectionMode ? {
|
|
684
684
|
visibility: 'hidden'
|
|
685
685
|
} : undefined,
|
|
686
|
-
UNSAFE_className: $
|
|
686
|
+
UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
|
|
687
687
|
}))));
|
|
688
688
|
}
|
|
689
|
-
function $
|
|
690
|
-
let { rowGroupProps: rowGroupProps } = $
|
|
691
|
-
return(/*#__PURE__*/ $
|
|
689
|
+
function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
|
|
690
|
+
let { rowGroupProps: rowGroupProps } = $gyhAV$useTableRowGroup();
|
|
691
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
692
692
|
...rowGroupProps,
|
|
693
693
|
...otherProps
|
|
694
694
|
}, children));
|
|
695
695
|
}
|
|
696
|
-
function $
|
|
697
|
-
let ref = $
|
|
698
|
-
let state = $
|
|
696
|
+
function $d14697b14e638114$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
|
|
697
|
+
let ref = $gyhAV$useRef();
|
|
698
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
699
699
|
let allowsInteraction = state.selectionManager.selectionMode !== 'none' || hasActions;
|
|
700
700
|
let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
|
|
701
701
|
let isSelected = state.selectionManager.isSelected(item.key);
|
|
702
|
-
let { rowProps: rowProps } = $
|
|
702
|
+
let { rowProps: rowProps } = $gyhAV$useTableRow({
|
|
703
703
|
node: item,
|
|
704
704
|
isVirtualized: true
|
|
705
705
|
}, state, ref);
|
|
706
|
-
let { pressProps: pressProps , isPressed: isPressed } = $
|
|
706
|
+
let { pressProps: pressProps , isPressed: isPressed } = $gyhAV$usePress({
|
|
707
707
|
isDisabled: isDisabled
|
|
708
708
|
});
|
|
709
709
|
// The row should show the focus background style when any cell inside it is focused.
|
|
710
710
|
// If the row itself is focused, then it should have a blue focus indicator on the left.
|
|
711
|
-
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = $
|
|
711
|
+
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = $gyhAV$useFocusRing({
|
|
712
712
|
within: true
|
|
713
713
|
});
|
|
714
|
-
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $
|
|
715
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
714
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $gyhAV$useFocusRing();
|
|
715
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
716
716
|
isDisabled: isDisabled
|
|
717
717
|
});
|
|
718
|
-
let props = $
|
|
719
|
-
return(/*#__PURE__*/ $
|
|
718
|
+
let props = $gyhAV$mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
|
|
719
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
720
720
|
...props,
|
|
721
721
|
ref: ref,
|
|
722
|
-
className: $
|
|
722
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-row', {
|
|
723
723
|
'is-active': isPressed,
|
|
724
724
|
'is-selected': isSelected,
|
|
725
725
|
'spectrum-Table-row--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),
|
|
@@ -730,92 +730,92 @@ function $4122d2d78d36a07d$var$TableRow({ item: item , children: children , hasA
|
|
|
730
730
|
})
|
|
731
731
|
}, children));
|
|
732
732
|
}
|
|
733
|
-
function $
|
|
734
|
-
let state = $
|
|
735
|
-
let ref = $
|
|
736
|
-
let { rowProps: rowProps } = $
|
|
733
|
+
function $d14697b14e638114$var$TableHeaderRow({ item: item , children: children , style: style }) {
|
|
734
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
735
|
+
let ref = $gyhAV$useRef();
|
|
736
|
+
let { rowProps: rowProps } = $gyhAV$useTableHeaderRow({
|
|
737
737
|
node: item,
|
|
738
738
|
isVirtualized: true
|
|
739
739
|
}, state, ref);
|
|
740
|
-
return(/*#__PURE__*/ $
|
|
740
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
741
741
|
...rowProps,
|
|
742
742
|
ref: ref,
|
|
743
743
|
style: style
|
|
744
744
|
}, children));
|
|
745
745
|
}
|
|
746
|
-
function $
|
|
747
|
-
let ref = $
|
|
748
|
-
let state = $
|
|
746
|
+
function $d14697b14e638114$var$TableCheckboxCell({ cell: cell }) {
|
|
747
|
+
let ref = $gyhAV$useRef();
|
|
748
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
749
749
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
750
|
-
let { gridCellProps: gridCellProps } = $
|
|
750
|
+
let { gridCellProps: gridCellProps } = $gyhAV$useTableCell({
|
|
751
751
|
node: cell,
|
|
752
752
|
isVirtualized: true
|
|
753
753
|
}, state, ref);
|
|
754
|
-
let { checkboxProps: checkboxProps } = $
|
|
754
|
+
let { checkboxProps: checkboxProps } = $gyhAV$useTableSelectionCheckbox({
|
|
755
755
|
key: cell.parentKey
|
|
756
756
|
}, state);
|
|
757
|
-
return(/*#__PURE__*/ $
|
|
758
|
-
focusRingClass: $
|
|
759
|
-
}, /*#__PURE__*/ $
|
|
757
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
|
|
758
|
+
focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
|
|
759
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
760
760
|
...gridCellProps,
|
|
761
761
|
ref: ref,
|
|
762
|
-
className: $
|
|
762
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
|
|
763
763
|
'is-disabled': isDisabled
|
|
764
|
-
}, $
|
|
765
|
-
}, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ $
|
|
764
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell'))
|
|
765
|
+
}, state.selectionManager.selectionMode !== 'none' && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
|
|
766
766
|
...checkboxProps,
|
|
767
767
|
isEmphasized: true,
|
|
768
768
|
isDisabled: isDisabled,
|
|
769
|
-
UNSAFE_className: $
|
|
769
|
+
UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
|
|
770
770
|
}))));
|
|
771
771
|
}
|
|
772
|
-
function $
|
|
773
|
-
let state = $
|
|
774
|
-
let ref = $
|
|
772
|
+
function $d14697b14e638114$var$TableCell({ cell: cell }) {
|
|
773
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
774
|
+
let ref = $gyhAV$useRef();
|
|
775
775
|
let columnProps = cell.column.props;
|
|
776
776
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
777
|
-
let { gridCellProps: gridCellProps } = $
|
|
777
|
+
let { gridCellProps: gridCellProps } = $gyhAV$useTableCell({
|
|
778
778
|
node: cell,
|
|
779
779
|
isVirtualized: true
|
|
780
780
|
}, state, ref);
|
|
781
|
-
return(/*#__PURE__*/ $
|
|
782
|
-
focusRingClass: $
|
|
783
|
-
}, /*#__PURE__*/ $
|
|
781
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement($gyhAV$FocusRing, {
|
|
782
|
+
focusRingClass: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'focus-ring')
|
|
783
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
784
784
|
...gridCellProps,
|
|
785
785
|
ref: ref,
|
|
786
|
-
className: $
|
|
786
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', {
|
|
787
787
|
'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
|
|
788
788
|
'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
|
|
789
789
|
'is-disabled': isDisabled
|
|
790
|
-
}, $
|
|
790
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
|
|
791
791
|
'react-spectrum-Table-cell--alignStart': columnProps.align === 'start',
|
|
792
792
|
'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center',
|
|
793
793
|
'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
|
|
794
794
|
}))
|
|
795
|
-
}, /*#__PURE__*/ $
|
|
796
|
-
className: $
|
|
795
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("span", {
|
|
796
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellContents')
|
|
797
797
|
}, cell.rendered))));
|
|
798
798
|
}
|
|
799
|
-
function $
|
|
800
|
-
let state = $
|
|
801
|
-
return(/*#__PURE__*/ $
|
|
799
|
+
function $d14697b14e638114$var$CenteredWrapper({ children: children }) {
|
|
800
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
801
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
802
802
|
role: "row",
|
|
803
803
|
"aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
|
|
804
|
-
className: $
|
|
805
|
-
}, /*#__PURE__*/ $
|
|
804
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-centeredWrapper')
|
|
805
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
806
806
|
role: "rowheader",
|
|
807
807
|
"aria-colspan": state.collection.columns.length
|
|
808
808
|
}, children)));
|
|
809
809
|
}
|
|
810
810
|
/**
|
|
811
811
|
* Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
|
|
812
|
-
*/ const $
|
|
812
|
+
*/ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$TableView);
|
|
813
813
|
|
|
814
814
|
|
|
815
815
|
|
|
816
816
|
// Override TS for Column to support spectrum specific props.
|
|
817
|
-
const $
|
|
817
|
+
const $e668f3d0f378a712$export$816b5d811295e6bc = $gyhAV$Column;
|
|
818
818
|
|
|
819
819
|
|
|
820
|
-
export {$
|
|
820
|
+
export {$e668f3d0f378a712$export$816b5d811295e6bc as Column, $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, $d14697b14e638114$export$b3c27e869d856b7 as TableView};
|
|
821
821
|
//# sourceMappingURL=module.js.map
|