@react-spectrum/table 3.1.2 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.js +411 -409
- package/dist/main.js.map +1 -1
- package/dist/module.js +405 -403
- package/dist/module.js.map +1 -1
- 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 @@ $5d024c74cb4c4766$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 $650015207d61bccb$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 $650015207d61bccb$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 $650015207d61bccb$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 $650015207d61bccb$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 $650015207d61bccb$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,25 +514,26 @@ function $650015207d61bccb$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 $
|
|
518
|
-
|
|
519
|
-
let
|
|
520
|
-
let
|
|
517
|
+
function $d14697b14e638114$var$TableVirtualizer({ layout: layout , collection: collection , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , ...otherProps }) {
|
|
518
|
+
var ref;
|
|
519
|
+
let { direction: direction } = $gyhAV$useLocale();
|
|
520
|
+
let headerRef = $gyhAV$useRef();
|
|
521
|
+
let bodyRef = $gyhAV$useRef();
|
|
521
522
|
let loadingState = collection.body.props.loadingState;
|
|
522
523
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
523
524
|
let onLoadMore = collection.body.props.onLoadMore;
|
|
524
|
-
let state = $
|
|
525
|
+
let state = $gyhAV$useVirtualizerState({
|
|
525
526
|
layout: layout,
|
|
526
527
|
collection: collection,
|
|
527
528
|
renderView: renderView,
|
|
528
529
|
renderWrapper: renderWrapper,
|
|
529
530
|
onVisibleRectChange (rect) {
|
|
530
531
|
bodyRef.current.scrollTop = rect.y;
|
|
531
|
-
$
|
|
532
|
+
$gyhAV$setScrollLeft(bodyRef.current, direction, rect.x);
|
|
532
533
|
},
|
|
533
534
|
transitionDuration: isLoading ? 160 : 220
|
|
534
535
|
});
|
|
535
|
-
let { virtualizerProps: virtualizerProps } = $
|
|
536
|
+
let { virtualizerProps: virtualizerProps } = $gyhAV$useVirtualizer({
|
|
536
537
|
focusedKey: focusedKey,
|
|
537
538
|
scrollToItem (key) {
|
|
538
539
|
let item = collection.getItem(key);
|
|
@@ -540,22 +541,22 @@ function $650015207d61bccb$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
540
541
|
state.virtualizer.scrollToItem(key, {
|
|
541
542
|
duration: 0,
|
|
542
543
|
// Prevent scrolling to the top when clicking on column headers.
|
|
543
|
-
shouldScrollY: item
|
|
544
|
+
shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
|
|
544
545
|
// Offset scroll position by width of selection cell
|
|
545
546
|
// (which is sticky and will overlap the cell we're scrolling to).
|
|
546
547
|
offsetX: column.props.isSelectionCell ? layout.columnWidths.get(column.key) : 0
|
|
547
548
|
});
|
|
548
549
|
}
|
|
549
550
|
}, state, domRef);
|
|
550
|
-
let headerHeight = layout.getLayoutInfo('header')
|
|
551
|
+
let headerHeight = ((ref = layout.getLayoutInfo('header')) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
|
|
551
552
|
let visibleRect = state.virtualizer.visibleRect;
|
|
552
553
|
// Sync the scroll position from the table body to the header container.
|
|
553
|
-
let onScroll = $
|
|
554
|
+
let onScroll = $gyhAV$useCallback(()=>{
|
|
554
555
|
headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
|
|
555
556
|
}, [
|
|
556
557
|
bodyRef
|
|
557
558
|
]);
|
|
558
|
-
let onVisibleRectChange = $
|
|
559
|
+
let onVisibleRectChange = $gyhAV$useCallback((rect)=>{
|
|
559
560
|
state.setVisibleRect(rect);
|
|
560
561
|
if (!isLoading && onLoadMore) {
|
|
561
562
|
let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
|
|
@@ -567,7 +568,7 @@ function $650015207d61bccb$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
567
568
|
state.setVisibleRect,
|
|
568
569
|
state.virtualizer
|
|
569
570
|
]);
|
|
570
|
-
$
|
|
571
|
+
$gyhAV$useLayoutEffect(()=>{
|
|
571
572
|
if (!isLoading && onLoadMore && !state.isAnimating) {
|
|
572
573
|
if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
|
|
573
574
|
}
|
|
@@ -578,12 +579,12 @@ function $650015207d61bccb$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
578
579
|
onLoadMore,
|
|
579
580
|
isLoading
|
|
580
581
|
]);
|
|
581
|
-
return(/*#__PURE__*/ $
|
|
582
|
-
...$
|
|
582
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
583
|
+
...$gyhAV$mergeProps(otherProps, virtualizerProps),
|
|
583
584
|
ref: domRef
|
|
584
|
-
}, /*#__PURE__*/ $
|
|
585
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
585
586
|
role: "presentation",
|
|
586
|
-
className: $
|
|
587
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headWrapper'),
|
|
587
588
|
style: {
|
|
588
589
|
width: visibleRect.width,
|
|
589
590
|
height: headerHeight,
|
|
@@ -593,9 +594,9 @@ function $650015207d61bccb$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
593
594
|
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
594
595
|
},
|
|
595
596
|
ref: headerRef
|
|
596
|
-
}, state.visibleViews[0]), /*#__PURE__*/ $
|
|
597
|
+
}, state.visibleViews[0]), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$ScrollView, {
|
|
597
598
|
role: "presentation",
|
|
598
|
-
className: $
|
|
599
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-body'),
|
|
599
600
|
style: {
|
|
600
601
|
flex: 1
|
|
601
602
|
},
|
|
@@ -611,62 +612,63 @@ function $650015207d61bccb$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
611
612
|
onScroll: onScroll
|
|
612
613
|
}, state.visibleViews[1])));
|
|
613
614
|
}
|
|
614
|
-
function $
|
|
615
|
-
let { rowGroupProps: rowGroupProps } = $
|
|
616
|
-
return(/*#__PURE__*/ $
|
|
615
|
+
function $d14697b14e638114$var$TableHeader({ children: children , ...otherProps }) {
|
|
616
|
+
let { rowGroupProps: rowGroupProps } = $gyhAV$useTableRowGroup();
|
|
617
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
617
618
|
...rowGroupProps,
|
|
618
619
|
...otherProps,
|
|
619
|
-
className: $
|
|
620
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-head')
|
|
620
621
|
}, children));
|
|
621
622
|
}
|
|
622
|
-
function $
|
|
623
|
-
|
|
624
|
-
let
|
|
625
|
-
let
|
|
623
|
+
function $d14697b14e638114$var$TableColumnHeader({ column: column }) {
|
|
624
|
+
var ref, ref1, ref2, ref3;
|
|
625
|
+
let ref4 = $gyhAV$useRef();
|
|
626
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
627
|
+
let { columnHeaderProps: columnHeaderProps } = $gyhAV$useTableColumnHeader({
|
|
626
628
|
node: column,
|
|
627
629
|
isVirtualized: true
|
|
628
|
-
}, state,
|
|
630
|
+
}, state, ref4);
|
|
629
631
|
let columnProps = column.props;
|
|
630
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
632
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
631
633
|
});
|
|
632
|
-
return(/*#__PURE__*/ $
|
|
633
|
-
focusRingClass: $
|
|
634
|
-
}, /*#__PURE__*/ $
|
|
635
|
-
...$
|
|
636
|
-
ref:
|
|
637
|
-
className: $
|
|
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
|
+
ref: ref4,
|
|
639
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', {
|
|
638
640
|
'is-sortable': columnProps.allowsSorting,
|
|
639
|
-
'is-sorted-desc': state.sortDescriptor
|
|
640
|
-
'is-sorted-asc': state.sortDescriptor
|
|
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
|
+
'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',
|
|
641
643
|
'is-hovered': isHovered,
|
|
642
644
|
'spectrum-Table-cell--hideHeader': columnProps.hideHeader
|
|
643
|
-
}, $
|
|
645
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
|
|
644
646
|
'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center' || column.colspan > 1,
|
|
645
647
|
'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
|
|
646
648
|
}))
|
|
647
|
-
}, columnProps.hideHeader ? /*#__PURE__*/ $
|
|
648
|
-
className: $
|
|
649
|
-
}, column.rendered), columnProps.allowsSorting && /*#__PURE__*/ $
|
|
650
|
-
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')
|
|
651
653
|
}))));
|
|
652
654
|
}
|
|
653
|
-
function $
|
|
654
|
-
let ref = $
|
|
655
|
-
let state = $
|
|
655
|
+
function $d14697b14e638114$var$TableSelectAllCell({ column: column }) {
|
|
656
|
+
let ref = $gyhAV$useRef();
|
|
657
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
656
658
|
let isSingleSelectionMode = state.selectionManager.selectionMode === 'single';
|
|
657
|
-
let { columnHeaderProps: columnHeaderProps } = $
|
|
659
|
+
let { columnHeaderProps: columnHeaderProps } = $gyhAV$useTableColumnHeader({
|
|
658
660
|
node: column,
|
|
659
661
|
isVirtualized: true
|
|
660
662
|
}, state, ref);
|
|
661
|
-
let { checkboxProps: checkboxProps } = $
|
|
662
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
663
|
+
let { checkboxProps: checkboxProps } = $gyhAV$useTableSelectAllCheckbox(state);
|
|
664
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
663
665
|
});
|
|
664
|
-
return(/*#__PURE__*/ $
|
|
665
|
-
focusRingClass: $
|
|
666
|
-
}, /*#__PURE__*/ $
|
|
667
|
-
...$
|
|
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),
|
|
668
670
|
ref: ref,
|
|
669
|
-
className: $
|
|
671
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-headCell', 'spectrum-Table-checkboxCell', {
|
|
670
672
|
'is-hovered': isHovered
|
|
671
673
|
})
|
|
672
674
|
}, /*
|
|
@@ -674,50 +676,50 @@ function $650015207d61bccb$var$TableSelectAllCell({ column: column }) {
|
|
|
674
676
|
So to avoid leaving a column header with no accessible content,
|
|
675
677
|
we use a VisuallyHidden component to include the aria-label from the checkbox,
|
|
676
678
|
which for single selection will be "Select."
|
|
677
|
-
*/ isSingleSelectionMode && /*#__PURE__*/ $
|
|
679
|
+
*/ isSingleSelectionMode && /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$VisuallyHidden, null, checkboxProps['aria-label']), /*#__PURE__*/ $gyhAV$react.createElement($gyhAV$Checkbox, {
|
|
678
680
|
...checkboxProps,
|
|
679
681
|
isDisabled: isSingleSelectionMode,
|
|
680
682
|
isEmphasized: true,
|
|
681
683
|
UNSAFE_style: isSingleSelectionMode ? {
|
|
682
684
|
visibility: 'hidden'
|
|
683
685
|
} : undefined,
|
|
684
|
-
UNSAFE_className: $
|
|
686
|
+
UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
|
|
685
687
|
}))));
|
|
686
688
|
}
|
|
687
|
-
function $
|
|
688
|
-
let { rowGroupProps: rowGroupProps } = $
|
|
689
|
-
return(/*#__PURE__*/ $
|
|
689
|
+
function $d14697b14e638114$var$TableRowGroup({ children: children , ...otherProps }) {
|
|
690
|
+
let { rowGroupProps: rowGroupProps } = $gyhAV$useTableRowGroup();
|
|
691
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
690
692
|
...rowGroupProps,
|
|
691
693
|
...otherProps
|
|
692
694
|
}, children));
|
|
693
695
|
}
|
|
694
|
-
function $
|
|
695
|
-
let ref = $
|
|
696
|
-
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();
|
|
697
699
|
let allowsInteraction = state.selectionManager.selectionMode !== 'none' || hasActions;
|
|
698
700
|
let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
|
|
699
701
|
let isSelected = state.selectionManager.isSelected(item.key);
|
|
700
|
-
let { rowProps: rowProps } = $
|
|
702
|
+
let { rowProps: rowProps } = $gyhAV$useTableRow({
|
|
701
703
|
node: item,
|
|
702
704
|
isVirtualized: true
|
|
703
705
|
}, state, ref);
|
|
704
|
-
let { pressProps: pressProps , isPressed: isPressed } = $
|
|
706
|
+
let { pressProps: pressProps , isPressed: isPressed } = $gyhAV$usePress({
|
|
705
707
|
isDisabled: isDisabled
|
|
706
708
|
});
|
|
707
709
|
// The row should show the focus background style when any cell inside it is focused.
|
|
708
710
|
// If the row itself is focused, then it should have a blue focus indicator on the left.
|
|
709
|
-
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = $
|
|
711
|
+
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = $gyhAV$useFocusRing({
|
|
710
712
|
within: true
|
|
711
713
|
});
|
|
712
|
-
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $
|
|
713
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
714
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $gyhAV$useFocusRing();
|
|
715
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $gyhAV$useHover({
|
|
714
716
|
isDisabled: isDisabled
|
|
715
717
|
});
|
|
716
|
-
let props = $
|
|
717
|
-
return(/*#__PURE__*/ $
|
|
718
|
+
let props = $gyhAV$mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
|
|
719
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
718
720
|
...props,
|
|
719
721
|
ref: ref,
|
|
720
|
-
className: $
|
|
722
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-row', {
|
|
721
723
|
'is-active': isPressed,
|
|
722
724
|
'is-selected': isSelected,
|
|
723
725
|
'spectrum-Table-row--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),
|
|
@@ -728,92 +730,92 @@ function $650015207d61bccb$var$TableRow({ item: item , children: children , hasA
|
|
|
728
730
|
})
|
|
729
731
|
}, children));
|
|
730
732
|
}
|
|
731
|
-
function $
|
|
732
|
-
let state = $
|
|
733
|
-
let ref = $
|
|
734
|
-
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({
|
|
735
737
|
node: item,
|
|
736
738
|
isVirtualized: true
|
|
737
739
|
}, state, ref);
|
|
738
|
-
return(/*#__PURE__*/ $
|
|
740
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
739
741
|
...rowProps,
|
|
740
742
|
ref: ref,
|
|
741
743
|
style: style
|
|
742
744
|
}, children));
|
|
743
745
|
}
|
|
744
|
-
function $
|
|
745
|
-
let ref = $
|
|
746
|
-
let state = $
|
|
746
|
+
function $d14697b14e638114$var$TableCheckboxCell({ cell: cell }) {
|
|
747
|
+
let ref = $gyhAV$useRef();
|
|
748
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
747
749
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
748
|
-
let { gridCellProps: gridCellProps } = $
|
|
750
|
+
let { gridCellProps: gridCellProps } = $gyhAV$useTableCell({
|
|
749
751
|
node: cell,
|
|
750
752
|
isVirtualized: true
|
|
751
753
|
}, state, ref);
|
|
752
|
-
let { checkboxProps: checkboxProps } = $
|
|
754
|
+
let { checkboxProps: checkboxProps } = $gyhAV$useTableSelectionCheckbox({
|
|
753
755
|
key: cell.parentKey
|
|
754
756
|
}, state);
|
|
755
|
-
return(/*#__PURE__*/ $
|
|
756
|
-
focusRingClass: $
|
|
757
|
-
}, /*#__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", {
|
|
758
760
|
...gridCellProps,
|
|
759
761
|
ref: ref,
|
|
760
|
-
className: $
|
|
762
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', 'spectrum-Table-checkboxCell', {
|
|
761
763
|
'is-disabled': isDisabled
|
|
762
|
-
}, $
|
|
763
|
-
}, 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, {
|
|
764
766
|
...checkboxProps,
|
|
765
767
|
isEmphasized: true,
|
|
766
768
|
isDisabled: isDisabled,
|
|
767
|
-
UNSAFE_className: $
|
|
769
|
+
UNSAFE_className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-checkbox')
|
|
768
770
|
}))));
|
|
769
771
|
}
|
|
770
|
-
function $
|
|
771
|
-
let state = $
|
|
772
|
-
let ref = $
|
|
772
|
+
function $d14697b14e638114$var$TableCell({ cell: cell }) {
|
|
773
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
774
|
+
let ref = $gyhAV$useRef();
|
|
773
775
|
let columnProps = cell.column.props;
|
|
774
776
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
775
|
-
let { gridCellProps: gridCellProps } = $
|
|
777
|
+
let { gridCellProps: gridCellProps } = $gyhAV$useTableCell({
|
|
776
778
|
node: cell,
|
|
777
779
|
isVirtualized: true
|
|
778
780
|
}, state, ref);
|
|
779
|
-
return(/*#__PURE__*/ $
|
|
780
|
-
focusRingClass: $
|
|
781
|
-
}, /*#__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", {
|
|
782
784
|
...gridCellProps,
|
|
783
785
|
ref: ref,
|
|
784
|
-
className: $
|
|
786
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cell', {
|
|
785
787
|
'spectrum-Table-cell--divider': columnProps.showDivider && cell.column.nextKey !== null,
|
|
786
788
|
'spectrum-Table-cell--hideHeader': columnProps.hideHeader,
|
|
787
789
|
'is-disabled': isDisabled
|
|
788
|
-
}, $
|
|
790
|
+
}, $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-cell', {
|
|
789
791
|
'react-spectrum-Table-cell--alignStart': columnProps.align === 'start',
|
|
790
792
|
'react-spectrum-Table-cell--alignCenter': columnProps.align === 'center',
|
|
791
793
|
'react-spectrum-Table-cell--alignEnd': columnProps.align === 'end'
|
|
792
794
|
}))
|
|
793
|
-
}, /*#__PURE__*/ $
|
|
794
|
-
className: $
|
|
795
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("span", {
|
|
796
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports)), 'spectrum-Table-cellContents')
|
|
795
797
|
}, cell.rendered))));
|
|
796
798
|
}
|
|
797
|
-
function $
|
|
798
|
-
let state = $
|
|
799
|
-
return(/*#__PURE__*/ $
|
|
799
|
+
function $d14697b14e638114$var$CenteredWrapper({ children: children }) {
|
|
800
|
+
let state = $d14697b14e638114$var$useTableContext();
|
|
801
|
+
return(/*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
800
802
|
role: "row",
|
|
801
803
|
"aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
|
|
802
|
-
className: $
|
|
803
|
-
}, /*#__PURE__*/ $
|
|
804
|
+
className: $gyhAV$classNames((/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports)), 'react-spectrum-Table-centeredWrapper')
|
|
805
|
+
}, /*#__PURE__*/ $gyhAV$react.createElement("div", {
|
|
804
806
|
role: "rowheader",
|
|
805
807
|
"aria-colspan": state.collection.columns.length
|
|
806
808
|
}, children)));
|
|
807
809
|
}
|
|
808
810
|
/**
|
|
809
811
|
* Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
|
|
810
|
-
*/ const $
|
|
812
|
+
*/ const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ $gyhAV$react.forwardRef($d14697b14e638114$var$TableView);
|
|
811
813
|
|
|
812
814
|
|
|
813
815
|
|
|
814
816
|
// Override TS for Column to support spectrum specific props.
|
|
815
|
-
const $
|
|
817
|
+
const $e668f3d0f378a712$export$816b5d811295e6bc = $gyhAV$Column;
|
|
816
818
|
|
|
817
819
|
|
|
818
|
-
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};
|
|
819
821
|
//# sourceMappingURL=module.js.map
|