@purpurds/table 8.3.1 → 8.4.0
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/LICENSE.txt +205 -35
- package/dist/drag-indicator-circle.d.ts +13 -0
- package/dist/drag-indicator-circle.d.ts.map +1 -0
- package/dist/draggable-table.d.ts +23 -0
- package/dist/draggable-table.d.ts.map +1 -0
- package/dist/empty-table.d.ts +14 -0
- package/dist/empty-table.d.ts.map +1 -0
- package/dist/loading-table-rows.d.ts +13 -0
- package/dist/loading-table-rows.d.ts.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/table-body.d.ts +2 -2
- package/dist/table-body.d.ts.map +1 -1
- package/dist/table-column-header-cell.d.ts +15 -2
- package/dist/table-column-header-cell.d.ts.map +1 -1
- package/dist/table-content.d.ts +42 -0
- package/dist/table-content.d.ts.map +1 -0
- package/dist/table-headers.d.ts +28 -0
- package/dist/table-headers.d.ts.map +1 -0
- package/dist/table-row-cell-skeleton.d.ts +1 -1
- package/dist/table-row-cell-skeleton.d.ts.map +1 -1
- package/dist/table-row-cell.d.ts +5 -2
- package/dist/table-row-cell.d.ts.map +1 -1
- package/dist/table-row.d.ts +2 -2
- package/dist/table-row.d.ts.map +1 -1
- package/dist/table-settings-drawer.d.ts +44 -11
- package/dist/table-settings-drawer.d.ts.map +1 -1
- package/dist/table.cjs.js +89 -85
- package/dist/table.cjs.js.map +1 -1
- package/dist/table.d.ts +3 -3
- package/dist/table.d.ts.map +1 -1
- package/dist/table.es.js +14397 -10195
- package/dist/table.es.js.map +1 -1
- package/dist/test-utils/helpers.d.ts +1 -0
- package/dist/test-utils/helpers.d.ts.map +1 -1
- package/dist/types.d.ts +23 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/use-drag-handle.hook.d.ts +15 -0
- package/dist/use-drag-handle.hook.d.ts.map +1 -0
- package/dist/use-drag-indicator-position.hook.d.ts +19 -0
- package/dist/use-drag-indicator-position.hook.d.ts.map +1 -0
- package/dist/use-drop-indicator.hook.d.ts +15 -0
- package/dist/use-drop-indicator.hook.d.ts.map +1 -0
- package/dist/use-element-visibility.hook.d.ts +4 -0
- package/dist/use-element-visibility.hook.d.ts.map +1 -0
- package/dist/use-table-scroll.hook.d.ts +6 -0
- package/dist/use-table-scroll.hook.d.ts.map +1 -0
- package/dist/utils/custom-keyboard-coordinates.d.ts +8 -0
- package/dist/utils/custom-keyboard-coordinates.d.ts.map +1 -0
- package/package.json +27 -23
- package/src/drag-indicator-circle.tsx +36 -0
- package/src/draggable-table.test.tsx +381 -0
- package/src/draggable-table.tsx +191 -0
- package/src/empty-table.tsx +54 -0
- package/src/loading-table-rows.tsx +41 -0
- package/src/table-body.tsx +1 -3
- package/src/table-column-header-cell.tsx +135 -64
- package/src/table-content-drag.test.tsx +505 -0
- package/src/table-content.tsx +165 -0
- package/src/table-dnd-integration.test.tsx +425 -0
- package/src/table-drag-and-drop.test.tsx +276 -0
- package/src/table-headers.tsx +118 -0
- package/src/table-row-cell-skeleton.tsx +1 -1
- package/src/table-row-cell.test.tsx +2 -1
- package/src/table-row-cell.tsx +42 -31
- package/src/table-row.tsx +1 -3
- package/src/table-settings-drawer.module.scss +165 -2
- package/src/table-settings-drawer.test.tsx +0 -99
- package/src/table-settings-drawer.tsx +359 -53
- package/src/table.module.scss +191 -30
- package/src/table.stories.tsx +60 -4
- package/src/table.test.tsx +5 -1
- package/src/table.tsx +255 -213
- package/src/test-utils/helpers.ts +2 -0
- package/src/types.ts +25 -2
- package/src/use-drag-handle.hook.tsx +60 -0
- package/src/use-drag-handle.test.tsx +380 -0
- package/src/use-drag-indicator-position.hook.ts +74 -0
- package/src/use-drop-indicator.hook.ts +46 -0
- package/src/use-element-visibility.hook.ts +28 -0
- package/src/use-table-scroll.hook.tsx +30 -0
- package/src/utils/custom-keyboard-coordinates.ts +83 -0
- package/vitest.setup.ts +1 -1
package/dist/LICENSE.txt
CHANGED
|
@@ -68,33 +68,87 @@ SOFTWARE.
|
|
|
68
68
|
|
|
69
69
|
---
|
|
70
70
|
|
|
71
|
-
Name:
|
|
72
|
-
Version:
|
|
73
|
-
License:
|
|
71
|
+
Name: classnames
|
|
72
|
+
Version: 2.5.1
|
|
73
|
+
License: MIT
|
|
74
74
|
Private: false
|
|
75
|
+
Description: A simple utility for conditionally joining classNames together
|
|
76
|
+
Repository: git+https://github.com/JedWatson/classnames.git
|
|
77
|
+
Author: Jed Watson
|
|
78
|
+
License Copyright:
|
|
79
|
+
===
|
|
80
|
+
|
|
81
|
+
The MIT License (MIT)
|
|
82
|
+
|
|
83
|
+
Copyright (c) 2018 Jed Watson
|
|
84
|
+
|
|
85
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
86
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
87
|
+
in the Software without restriction, including without limitation the rights
|
|
88
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
89
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
90
|
+
furnished to do so, subject to the following conditions:
|
|
91
|
+
|
|
92
|
+
The above copyright notice and this permission notice shall be included in all
|
|
93
|
+
copies or substantial portions of the Software.
|
|
94
|
+
|
|
95
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
96
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
97
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
98
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
99
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
100
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
101
|
+
SOFTWARE.
|
|
75
102
|
|
|
76
103
|
---
|
|
77
104
|
|
|
78
|
-
Name: @
|
|
79
|
-
Version:
|
|
80
|
-
License:
|
|
105
|
+
Name: @dnd-kit/utilities
|
|
106
|
+
Version: 3.2.2
|
|
107
|
+
License: MIT
|
|
81
108
|
Private: false
|
|
109
|
+
Description: Internal utilities to bee shared between `@dnd-kit` packages
|
|
110
|
+
Repository: git+https://github.com/clauderic/dnd-kit.git
|
|
111
|
+
Author: Claudéric Demers
|
|
112
|
+
License Copyright:
|
|
113
|
+
===
|
|
114
|
+
|
|
115
|
+
MIT License
|
|
116
|
+
|
|
117
|
+
Copyright (c) 2021, Claudéric Demers
|
|
118
|
+
|
|
119
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
120
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
121
|
+
in the Software without restriction, including without limitation the rights
|
|
122
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
123
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
124
|
+
furnished to do so, subject to the following conditions:
|
|
125
|
+
|
|
126
|
+
The above copyright notice and this permission notice shall be included in all
|
|
127
|
+
copies or substantial portions of the Software.
|
|
128
|
+
|
|
129
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
130
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
131
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
132
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
133
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
134
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
135
|
+
SOFTWARE.
|
|
82
136
|
|
|
83
137
|
---
|
|
84
138
|
|
|
85
|
-
Name:
|
|
86
|
-
Version:
|
|
139
|
+
Name: @dnd-kit/accessibility
|
|
140
|
+
Version: 3.1.1
|
|
87
141
|
License: MIT
|
|
88
142
|
Private: false
|
|
89
|
-
Description: A
|
|
90
|
-
Repository: git+https://github.com/
|
|
91
|
-
Author:
|
|
143
|
+
Description: A generic toolkit to help with accessibility
|
|
144
|
+
Repository: git+https://github.com/clauderic/dnd-kit.git
|
|
145
|
+
Author: Claudéric Demers
|
|
92
146
|
License Copyright:
|
|
93
147
|
===
|
|
94
148
|
|
|
95
|
-
|
|
149
|
+
MIT License
|
|
96
150
|
|
|
97
|
-
Copyright (c)
|
|
151
|
+
Copyright (c) 2021, Claudéric Demers
|
|
98
152
|
|
|
99
153
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
100
154
|
of this software and associated documentation files (the "Software"), to deal
|
|
@@ -116,98 +170,214 @@ SOFTWARE.
|
|
|
116
170
|
|
|
117
171
|
---
|
|
118
172
|
|
|
119
|
-
Name: @
|
|
120
|
-
Version:
|
|
121
|
-
License:
|
|
173
|
+
Name: @dnd-kit/core
|
|
174
|
+
Version: 6.3.1
|
|
175
|
+
License: MIT
|
|
176
|
+
Private: false
|
|
177
|
+
Description: dnd kit – a lightweight React library for building performant and accessible drag and drop experiences
|
|
178
|
+
Repository: git+https://github.com/clauderic/dnd-kit.git
|
|
179
|
+
Author: Claudéric Demers
|
|
180
|
+
License Copyright:
|
|
181
|
+
===
|
|
182
|
+
|
|
183
|
+
MIT License
|
|
184
|
+
|
|
185
|
+
Copyright (c) 2021, Claudéric Demers
|
|
186
|
+
|
|
187
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
188
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
189
|
+
in the Software without restriction, including without limitation the rights
|
|
190
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
191
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
192
|
+
furnished to do so, subject to the following conditions:
|
|
193
|
+
|
|
194
|
+
The above copyright notice and this permission notice shall be included in all
|
|
195
|
+
copies or substantial portions of the Software.
|
|
196
|
+
|
|
197
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
198
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
199
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
200
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
201
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
202
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
203
|
+
SOFTWARE.
|
|
204
|
+
|
|
205
|
+
---
|
|
206
|
+
|
|
207
|
+
Name: @dnd-kit/modifiers
|
|
208
|
+
Version: 9.0.0
|
|
209
|
+
License: MIT
|
|
122
210
|
Private: false
|
|
211
|
+
Description: Translate modifier presets for use with `@dnd-kit` packages.
|
|
212
|
+
Repository: git+https://github.com/clauderic/dnd-kit.git
|
|
213
|
+
Author: Claudéric Demers
|
|
214
|
+
License Copyright:
|
|
215
|
+
===
|
|
216
|
+
|
|
217
|
+
MIT License
|
|
218
|
+
|
|
219
|
+
Copyright (c) 2021, Claudéric Demers
|
|
220
|
+
|
|
221
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
222
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
223
|
+
in the Software without restriction, including without limitation the rights
|
|
224
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
225
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
226
|
+
furnished to do so, subject to the following conditions:
|
|
227
|
+
|
|
228
|
+
The above copyright notice and this permission notice shall be included in all
|
|
229
|
+
copies or substantial portions of the Software.
|
|
230
|
+
|
|
231
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
232
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
233
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
234
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
235
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
236
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
237
|
+
SOFTWARE.
|
|
123
238
|
|
|
124
239
|
---
|
|
125
240
|
|
|
126
|
-
Name: @purpurds/
|
|
127
|
-
Version: 8.3.
|
|
241
|
+
Name: @purpurds/tokens
|
|
242
|
+
Version: 8.3.1
|
|
128
243
|
License: AGPL-3.0-only
|
|
129
244
|
Private: false
|
|
130
245
|
|
|
131
246
|
---
|
|
132
247
|
|
|
133
|
-
Name: @
|
|
134
|
-
Version:
|
|
248
|
+
Name: @dnd-kit/sortable
|
|
249
|
+
Version: 10.0.0
|
|
250
|
+
License: MIT
|
|
251
|
+
Private: false
|
|
252
|
+
Description: Official sortable preset and sensors for dnd kit
|
|
253
|
+
Repository: git+https://github.com/clauderic/dnd-kit.git
|
|
254
|
+
Author: Claudéric Demers
|
|
255
|
+
License Copyright:
|
|
256
|
+
===
|
|
257
|
+
|
|
258
|
+
MIT License
|
|
259
|
+
|
|
260
|
+
Copyright (c) 2021, Claudéric Demers
|
|
261
|
+
|
|
262
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
263
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
264
|
+
in the Software without restriction, including without limitation the rights
|
|
265
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
266
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
267
|
+
furnished to do so, subject to the following conditions:
|
|
268
|
+
|
|
269
|
+
The above copyright notice and this permission notice shall be included in all
|
|
270
|
+
copies or substantial portions of the Software.
|
|
271
|
+
|
|
272
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
273
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
274
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
275
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
276
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
277
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
278
|
+
SOFTWARE.
|
|
279
|
+
|
|
280
|
+
---
|
|
281
|
+
|
|
282
|
+
Name: @purpurds/button
|
|
283
|
+
Version: 8.3.1
|
|
135
284
|
License: AGPL-3.0-only
|
|
136
285
|
Private: false
|
|
137
286
|
|
|
138
287
|
---
|
|
139
288
|
|
|
140
289
|
Name: @purpurds/checkbox
|
|
141
|
-
Version: 8.3.
|
|
290
|
+
Version: 8.3.1
|
|
142
291
|
License: AGPL-3.0-only
|
|
143
292
|
Private: false
|
|
144
293
|
|
|
145
294
|
---
|
|
146
295
|
|
|
147
296
|
Name: @purpurds/icon
|
|
148
|
-
Version: 8.3.
|
|
297
|
+
Version: 8.3.1
|
|
298
|
+
License: AGPL-3.0-only
|
|
299
|
+
Private: false
|
|
300
|
+
|
|
301
|
+
---
|
|
302
|
+
|
|
303
|
+
Name: @purpurds/paragraph
|
|
304
|
+
Version: 8.3.1
|
|
149
305
|
License: AGPL-3.0-only
|
|
150
306
|
Private: false
|
|
151
307
|
|
|
152
308
|
---
|
|
153
309
|
|
|
154
310
|
Name: @purpurds/select
|
|
155
|
-
Version: 8.3.
|
|
311
|
+
Version: 8.3.1
|
|
156
312
|
License: AGPL-3.0-only
|
|
157
313
|
Private: false
|
|
158
314
|
|
|
159
315
|
---
|
|
160
316
|
|
|
161
317
|
Name: @purpurds/text-field
|
|
162
|
-
Version: 8.3.
|
|
318
|
+
Version: 8.3.1
|
|
163
319
|
License: AGPL-3.0-only
|
|
164
320
|
Private: false
|
|
165
321
|
|
|
166
322
|
---
|
|
167
323
|
|
|
168
324
|
Name: @purpurds/tooltip
|
|
169
|
-
Version: 8.3.
|
|
325
|
+
Version: 8.3.1
|
|
170
326
|
License: AGPL-3.0-only
|
|
171
327
|
Private: false
|
|
172
328
|
|
|
173
329
|
---
|
|
174
330
|
|
|
175
331
|
Name: @purpurds/visually-hidden
|
|
176
|
-
Version: 8.3.
|
|
332
|
+
Version: 8.3.1
|
|
177
333
|
License: AGPL-3.0-only
|
|
178
334
|
Private: false
|
|
179
335
|
|
|
180
336
|
---
|
|
181
337
|
|
|
182
|
-
Name: @purpurds/
|
|
183
|
-
Version: 8.3.
|
|
338
|
+
Name: @purpurds/badge
|
|
339
|
+
Version: 8.3.1
|
|
184
340
|
License: AGPL-3.0-only
|
|
185
341
|
Private: false
|
|
186
342
|
|
|
187
343
|
---
|
|
188
344
|
|
|
189
|
-
Name: @purpurds/
|
|
190
|
-
Version: 8.3.
|
|
345
|
+
Name: @purpurds/cta-link
|
|
346
|
+
Version: 8.3.1
|
|
191
347
|
License: AGPL-3.0-only
|
|
192
348
|
Private: false
|
|
193
349
|
|
|
194
350
|
---
|
|
195
351
|
|
|
196
|
-
Name: @purpurds/
|
|
197
|
-
Version: 8.3.
|
|
352
|
+
Name: @purpurds/link
|
|
353
|
+
Version: 8.3.1
|
|
198
354
|
License: AGPL-3.0-only
|
|
199
355
|
Private: false
|
|
200
356
|
|
|
201
357
|
---
|
|
202
358
|
|
|
203
|
-
Name: @purpurds/
|
|
204
|
-
Version: 8.3.
|
|
359
|
+
Name: @purpurds/toggle
|
|
360
|
+
Version: 8.3.1
|
|
361
|
+
License: AGPL-3.0-only
|
|
362
|
+
Private: false
|
|
363
|
+
|
|
364
|
+
---
|
|
365
|
+
|
|
366
|
+
Name: @purpurds/heading
|
|
367
|
+
Version: 8.3.1
|
|
205
368
|
License: AGPL-3.0-only
|
|
206
369
|
Private: false
|
|
207
370
|
|
|
208
371
|
---
|
|
209
372
|
|
|
210
373
|
Name: @purpurds/skeleton
|
|
211
|
-
Version: 8.3.
|
|
374
|
+
Version: 8.3.1
|
|
375
|
+
License: AGPL-3.0-only
|
|
376
|
+
Private: false
|
|
377
|
+
|
|
378
|
+
---
|
|
379
|
+
|
|
380
|
+
Name: @purpurds/drawer
|
|
381
|
+
Version: 8.3.1
|
|
212
382
|
License: AGPL-3.0-only
|
|
213
383
|
Private: false
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DragIndicatorProps {
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
container?: HTMLElement;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Renders a drag indicator circle using a React Portal
|
|
10
|
+
* to escape overflow clipping
|
|
11
|
+
*/
|
|
12
|
+
export declare const DragIndicatorCircle: React.FC<DragIndicatorProps>;
|
|
13
|
+
//# sourceMappingURL=drag-indicator-circle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag-indicator-circle.d.ts","sourceRoot":"","sources":["../src/drag-indicator-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsB5D,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
import { Row, RowData, Table } from '@tanstack/react-table';
|
|
4
|
+
|
|
5
|
+
export interface ColumnDragAriaLabelsCopy {
|
|
6
|
+
grab: string;
|
|
7
|
+
grabbing: string;
|
|
8
|
+
}
|
|
9
|
+
export interface DraggableTableProps<TData extends RowData = RowData> {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
activeId: UniqueIdentifier | null;
|
|
12
|
+
setActiveId: React.Dispatch<React.SetStateAction<UniqueIdentifier | null>>;
|
|
13
|
+
handleDragEnd: (event: DragEndEvent) => void;
|
|
14
|
+
tableRows: Row<TData>[];
|
|
15
|
+
tanstackTable: Table<TData>;
|
|
16
|
+
variant: string;
|
|
17
|
+
fullWidth: boolean;
|
|
18
|
+
showColumnFiltersEnabled: boolean;
|
|
19
|
+
columnDragAriaLabelsCopy: ColumnDragAriaLabelsCopy;
|
|
20
|
+
rootClassName: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const DraggableTable: <TData extends RowData = RowData>({ children, activeId, setActiveId, handleDragEnd, tableRows, tanstackTable, variant, fullWidth, showColumnFiltersEnabled, columnDragAriaLabelsCopy, rootClassName, }: DraggableTableProps<TData>) => React.ReactElement;
|
|
23
|
+
//# sourceMappingURL=draggable-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draggable-table.d.ts","sourceRoot":"","sources":["../src/draggable-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,YAAY,EAOjB,KAAK,gBAAgB,EAGtB,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAa3E,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3E,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,wBAAwB,EAAE,OAAO,CAAC;IAClC,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,OAAO,GAAG,OAAO,EAAE,sKAY7D,mBAAmB,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,YA8HrC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { HeadingTagType } from '@purpurds/heading';
|
|
3
|
+
|
|
4
|
+
type EmptyTableProps = {
|
|
5
|
+
variant: "primary" | "secondary";
|
|
6
|
+
tag: HeadingTagType;
|
|
7
|
+
title: string;
|
|
8
|
+
description: string;
|
|
9
|
+
colSpan: number;
|
|
10
|
+
icon: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export declare const EmptyTable: ({ variant, tag, title, description, colSpan, icon, }: EmptyTableProps) => React.JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=empty-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-table.d.ts","sourceRoot":"","sources":["../src/empty-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,sDAOxB,eAAe,sBAyBjB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
type LoadingTableRowsProps = {
|
|
4
|
+
rowCount: number;
|
|
5
|
+
isScrolled: boolean;
|
|
6
|
+
stickyFirstColumn: boolean;
|
|
7
|
+
getStickyColumn: (index: number) => boolean;
|
|
8
|
+
cellWidths: (string | number)[];
|
|
9
|
+
showBorder: (index: number) => boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const LoadingTableRows: ({ rowCount, getStickyColumn, stickyFirstColumn, isScrolled, cellWidths, showBorder, }: LoadingTableRowsProps) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=loading-table-rows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loading-table-rows.d.ts","sourceRoot":"","sources":["../src/loading-table-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,uFAO9B,qBAAqB,sBAmBvB,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-table_1nkv2_1{--table-border: var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);--table-border-radius: var(--purpur-border-radius-lg);display:flex;overflow:hidden;flex-direction:column;gap:var(--purpur-spacing-200);background-color:inherit}._purpur-table--without-toolbar_1nkv2_10{padding-bottom:var(--purpur-spacing-50)}._purpur-table__container_1nkv2_14{overflow:auto}._purpur-table__container_1nkv2_14:has(._purpur-table-column-header-cell__first-header-visible_1nkv2_17){border-top-left-radius:var(--table-border-radius)}._purpur-table__container_1nkv2_14:has(._purpur-table-column-header-cell__last-header-visible_1nkv2_20){border-top-right-radius:var(--table-border-radius)}._purpur-table__container_1nkv2_14:has(._purpur-table-row-cell__last-row-first-cell-visible_1nkv2_23){border-bottom-left-radius:var(--table-border-radius)}._purpur-table__container_1nkv2_14:has(._purpur-table-row-cell__last-row-last-cell-visible_1nkv2_26){border-bottom-right-radius:var(--table-border-radius)}._purpur-table__table_1nkv2_30{table-layout:auto;border-collapse:separate;border-spacing:0;position:relative}._purpur-table__table--full-width_1nkv2_36{width:100%}._purpur-table-header_1nkv2_40 ._purpur-table-column-header-cell_1nkv2_17{border-top:var(--table-border)}._purpur-table-header_1nkv2_40 ._purpur-table-column-header-cell_1nkv2_17:first-of-type{border-left:var(--table-border)}._purpur-table-header_1nkv2_40 ._purpur-table-column-header-cell_1nkv2_17:last-of-type{border-right:var(--table-border)}._purpur-table-header_1nkv2_40 ._purpur-table-column-header-cell__sticky-header_1nkv2_49{position:sticky;top:0;z-index:4;background-color:inherit}._purpur-table-header_1nkv2_40 ._purpur-table-column-header-cell__sticky-column_1nkv2_55{z-index:5}._purpur-table-header--has-filters_1nkv2_58 ._purpur-table-row_1nkv2_23{vertical-align:baseline}._purpur-table-column-header-cell_1nkv2_17{padding:var(--purpur-spacing-100) var(--purpur-spacing-150) var(--purpur-spacing-100) var(--purpur-spacing-300);border-bottom:var(--table-border);text-align:left}._purpur-table-column-header-cell_1nkv2_17:has([role=checkbox]){padding:calc(var(--purpur-spacing-25) + var(--purpur-spacing-50)) var(--purpur-spacing-150) calc(var(--purpur-spacing-25) + var(--purpur-spacing-50)) var(--purpur-spacing-300)}._purpur-table-column-header-cell__checkbox_1nkv2_70{vertical-align:middle}._purpur-table-column-header-cell__border-radius-first-cell_1nkv2_73{border-top-left-radius:var(--table-border-radius)}._purpur-table-column-header-cell__border-radius-last-cell_1nkv2_76{border-top-right-radius:var(--table-border-radius)}._purpur-table-column-header-cell__content_1nkv2_79{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-50)}._purpur-table-column-header-cell__title_1nkv2_85{display:flex;align-items:center;gap:var(--purpur-spacing-50);align-self:stretch}._purpur-table-column-header-cell__title--default_1nkv2_91{padding:var(--purpur-spacing-100) var(--purpur-spacing-0)}._purpur-table-column-header-cell__sortable-title_1nkv2_94{padding-left:0;text-align:left}._purpur-table-column-header-cell__sortable-icon_1nkv2_98{flex-shrink:0}._purpur-table-column-header-cell__filter-wrapper_1nkv2_101{display:flex;padding-right:var(--purpur-spacing-150);padding-bottom:var(--purpur-spacing-150);flex-direction:column;align-self:stretch}._purpur-table-row_1nkv2_23 ._purpur-table-row-cell_1nkv2_23:first-of-type{border-left:var(--table-border)}._purpur-table-row_1nkv2_23 ._purpur-table-row-cell_1nkv2_23:last-of-type{border-right:var(--table-border)}._purpur-table-row_1nkv2_23 ._purpur-table-row-cell_1nkv2_23._purpur-table-row-cell__border-radius-first-cell_1nkv2_115{border-bottom-left-radius:var(--table-border-radius)}._purpur-table-row_1nkv2_23 ._purpur-table-row-cell_1nkv2_23._purpur-table-row-cell__border-radius-last-cell_1nkv2_118{border-bottom-right-radius:var(--table-border-radius)}._purpur-table-row_1nkv2_23:last-of-type ._purpur-table-row-cell_1nkv2_23{border-bottom:var(--table-border)}._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-selection_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type,._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-toggle_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type{transform:translateZ(0)}._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-selection_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type:after,._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-toggle_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type:after{content:"";position:absolute;left:calc(-1 * var(--purpur-border-width-xs));top:0;bottom:0;width:var(--purpur-border-width-md);opacity:0;transition:opacity var(--purpur-motion-duration-150) ease;background-color:var(--purpur-color-border-weak);pointer-events:none}._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-selection_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type:hover:after,._purpur-table-row_1nkv2_23:has(._purpur-table-row-cell__row-toggle_1nkv2_124) ._purpur-table-row-cell_1nkv2_23:first-of-type:hover:after{opacity:1}._purpur-table-row_1nkv2_23._purpur-table-row--selected_1nkv2_142 ._purpur-table-row-cell_1nkv2_23:first-of-type{transform:translateZ(0)}._purpur-table-row_1nkv2_23._purpur-table-row--selected_1nkv2_142 ._purpur-table-row-cell_1nkv2_23:first-of-type:after{content:"";position:absolute;left:calc(-1 * var(--purpur-border-width-xs));top:0;bottom:0;width:var(--purpur-border-width-md);background-color:var(--purpur-color-border-interactive-primary);opacity:1;pointer-events:none}._purpur-table-column-header-cell__sticky-column_1nkv2_55,._purpur-table-row-cell__sticky-column_1nkv2_158{position:sticky;left:0;z-index:3;background-color:inherit}._purpur-table-column-header-cell__sticky-column_1nkv2_55+._purpur-table-column-header-cell__sticky-column_1nkv2_55,._purpur-table-column-header-cell__sticky-column_1nkv2_55+._purpur-table-row-cell__sticky-column_1nkv2_158,._purpur-table-row-cell__sticky-column_1nkv2_158+._purpur-table-column-header-cell__sticky-column_1nkv2_55,._purpur-table-row-cell__sticky-column_1nkv2_158+._purpur-table-row-cell__sticky-column_1nkv2_158{left:73px}._purpur-table-column-header-cell__sticky-column__with-sticky-border_1nkv2_169,._purpur-table-row-cell__sticky-column__with-sticky-border_1nkv2_170{border-right:var(--purpur-border-width-sm) solid var(--purpur-color-border-base);box-shadow:var(--purpur-border-width-sm) 0 calc(2 * var(--purpur-border-width-sm)) #0000000d}._purpur-table-row-cell_1nkv2_23{height:calc(var(--purpur-spacing-600) + var(--purpur-spacing-150));padding:var(--purpur-spacing-0) var(--purpur-spacing-300);align-items:center;align-self:stretch;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__date_1nkv2_183{display:flex;align-items:center;gap:var(--purpur-spacing-100);flex:1 0 0}._purpur-table-row-cell__icon-text_1nkv2_189,._purpur-table-row-cell__error-message_1nkv2_196,._purpur-table-row-cell__warning-message_1nkv2_196{display:flex;padding:var(--purpur-spacing-0) var(--purpur-spacing-300);align-items:center;gap:var(--purpur-spacing-100);flex-shrink:0}._purpur-table-row-cell__row-toggle_1nkv2_124{display:inline-flex;padding:calc((var(--purpur-spacing-400) + var(--purpur-spacing-150) - var(--purpur-spacing-300)) / 2);margin:0;align-items:center;background:var(--purpur-color-background-primary);width:var(--purpur-spacing-300);height:var(--purpur-spacing-300);aspect-ratio:1/1;accent-color:var(--purpur-color-background-interactive-primary)}._purpur-table-row-cell__row-toggle_1nkv2_124:hover{border-left:var(--purpur-border-width-md) solid var(--purpur-color-border-weak);accent-color:var(--purpur-color-background-interactive-primary);cursor:pointer}._purpur-table-row-cell__row-toggle_1nkv2_124:hover:disabled,._purpur-table-row-cell__row-toggle_1nkv2_124:hover[aria-checked=true]{cursor:default}._purpur-table-row-cell__row-toggle_1nkv2_124:active{outline:none}._purpur-table-row-cell__row-toggle_1nkv2_124:focus{outline:none}._purpur-table-row-cell__right-align_1nkv2_228{text-align:right}._purpur-table-row-cell__truncate-wrapper_1nkv2_231{width:100%;display:grid;grid-template-columns:1fr}._purpur-table-row-cell__truncate_1nkv2_231{position:relative;max-width:100%;width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__truncate_1nkv2_231 a{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__link_1nkv2_251{padding:var(--purpur-spacing-50)}._purpur-table-row-cell__link--has-popover_1nkv2_254 a{display:block}._purpur-table-row-cell__skeleton_1nkv2_257{height:30%;width:100%}._purpur-table-row-cell__tooltip-content_1nkv2_261{z-index:10}._purpur-table--primary_1nkv2_265 ._purpur-table-header_1nkv2_40 ._purpur-table-row_1nkv2_23,._purpur-table--primary_1nkv2_265 ._purpur-table-body_1nkv2_268 ._purpur-table-row_1nkv2_23{background:var(--purpur-color-background-primary)}._purpur-table--primary_1nkv2_265 ._purpur-table-body_1nkv2_268 ._purpur-table-row_1nkv2_23:nth-of-type(odd){background:var(--purpur-color-background-secondary)}._purpur-table--secondary_1nkv2_275 ._purpur-table-header_1nkv2_40 ._purpur-table-row_1nkv2_23,._purpur-table--secondary_1nkv2_275 ._purpur-table-body_1nkv2_268 ._purpur-table-row_1nkv2_23{background:var(--purpur-color-background-secondary)}._purpur-table--secondary_1nkv2_275 ._purpur-table-body_1nkv2_268 ._purpur-table-row_1nkv2_23:nth-of-type(odd){background:var(--purpur-color-background-primary)}._purpur-table__empty-section_1nkv2_285{display:flex;padding:var(--purpur-spacing-250) var(--purpur-spacing-400) var(--purpur-spacing-400) var(--purpur-spacing-400);flex-direction:column;justify-content:center;align-items:center;gap:var(--purpur-spacing-150);align-self:stretch}._purpur-table__empty-section__icon_1nkv2_294{width:var(--purpur-spacing-1600);height:var(--purpur-spacing-1600);aspect-ratio:1/1;opacity:.9}._purpur-table__empty-section__texts_1nkv2_300{display:flex;flex-direction:column;align-items:center;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table__empty-section--primary_1nkv2_307{background:var(--purpur-color-background-secondary)}._purpur-table__empty-section--secondary_1nkv2_310{background:var(--purpur-color-background-primary)}@media (min-width: 600px){._purpur-table__empty-section_1nkv2_285{padding:var(--purpur-spacing-250) var(--purpur-spacing-0) var(--purpur-spacing-400) var(--purpur-spacing-0)}}._purpur-table-action-bar_1gs9x_1{position:fixed;bottom:0;left:0;box-sizing:border-box;z-index:6;width:100%;display:flex;padding:var(--purpur-spacing-150) 0px var(--purpur-spacing-150) var(--purpur-spacing-200);flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-150);border-top:1px solid var(--purpur-color-border-weak);background:var(--purpur-color-background-primary);box-shadow:var(--purpur-shadow-lg);visibility:hidden;transform:translateY(100%);transition:transform var(--purpur-motion-duration-300) var(--purpur-motion-easing-ease-in),visibility var(--purpur-motion-duration-300) var(--purpur-motion-easing-ease-in)}._purpur-table-action-bar--is-visible_1gs9x_20{visibility:visible;transform:translateY(0)}._purpur-table-action-bar__selected-wrapper_1gs9x_24{display:flex;justify-content:space-between;row-gap:var(--purpur-spacing-100);align-self:stretch;align-items:center;flex-wrap:wrap;gap:var(--purpur-spacing-100)}._purpur-table-action-bar__button-group_1gs9x_33{display:flex;padding-right:var(--purpur-spacing-200);flex-direction:column-reverse;justify-content:center;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-action-bar__button-group_1gs9x_33 ._purpur-table-action-bar__primary-secondary-buttons_1gs9x_42{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}@media (min-width: 600px){._purpur-table-action-bar_1gs9x_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-100) var(--purpur-spacing-150) var(--purpur-spacing-150)}._purpur-table-action-bar__selected-wrapper_1gs9x_24{align-items:center;align-content:center;flex-direction:row}._purpur-table-action-bar__selected-wrapper_1gs9x_24 span{font-weight:700}._purpur-table-action-bar__button-group_1gs9x_33{flex-direction:column-reverse;align-items:center;gap:var(--purpur-spacing-100);align-self:stretch;padding-right:0}._purpur-table-action-bar__button-group_1gs9x_33 ._purpur-table-action-bar__primary-secondary-buttons_1gs9x_42{align-items:center;flex-direction:row}}@media (min-width: 1024px){._purpur-table-action-bar_1gs9x_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-400) var(--purpur-spacing-150) var(--purpur-spacing-600);justify-content:space-between;align-items:center;align-content:center;flex-direction:row}._purpur-table-action-bar__selected-wrapper_1gs9x_24{gap:var(--purpur-spacing-100) var(--purpur-spacing-200);flex-wrap:wrap}._purpur-table-action-bar__button-group_1gs9x_33{flex-direction:row}}._purpur-table-export-drawer__content_1soij_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table-settings-drawer_118yf_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-600);align-self:stretch}._purpur-table-settings-drawer__general-settings_118yf_8,._purpur-table-settings-drawer__visible-columns_118yf_8{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-settings-drawer__button-group_118yf_15{text-align:center}._purpur-table-settings-drawer_118yf_1 ._purpur-table-settings-drawer__toggle_118yf_18{justify-content:space-between;width:100%}._purpur-table-toolbar_1i1x1_1{display:flex;justify-content:space-between;align-items:center;align-content:center;column-gap:var(--purpur-spacing-100);row-gap:var(--purpur-spacing-50);align-self:stretch;flex-wrap:wrap;width:100%;padding:var(--purpur-spacing-50) var(--purpur-spacing-50) 0 0;box-sizing:border-box}._purpur-table-toolbar__content_1i1x1_14{display:flex;align-items:center;gap:var(--purpur-spacing-200)}
|
|
1
|
+
._purpur-table_nu7b8_1{--table-border: var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);--table-border-radius: var(--purpur-border-radius-lg);display:flex;overflow:hidden;flex-direction:column;gap:var(--purpur-spacing-200);background-color:inherit}._purpur-table--without-toolbar_nu7b8_10{padding-bottom:var(--purpur-spacing-50)}._purpur-table__container_nu7b8_14{overflow:auto}._purpur-table__container_nu7b8_14:has(._purpur-table-column-header-cell__first-header-visible_nu7b8_17){border-top-left-radius:var(--table-border-radius)}._purpur-table__container_nu7b8_14:has(._purpur-table-column-header-cell__last-header-visible_nu7b8_20){border-top-right-radius:var(--table-border-radius)}._purpur-table__container_nu7b8_14:has(._purpur-table-row-cell__last-row-first-cell-visible_nu7b8_23){border-bottom-left-radius:var(--table-border-radius)}._purpur-table__container_nu7b8_14:has(._purpur-table-row-cell__last-row-last-cell-visible_nu7b8_26){border-bottom-right-radius:var(--table-border-radius)}._purpur-table__table_nu7b8_30{table-layout:auto;border-collapse:separate;border-spacing:0;position:relative}._purpur-table__table--full-width_nu7b8_36{width:100%}._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell_nu7b8_17{border-top:var(--table-border)}._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell_nu7b8_17:first-of-type,._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell__column-drag-enabled_nu7b8_43{border-left:var(--table-border)}._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell_nu7b8_17:last-of-type{border-right:var(--table-border)}@media (min-width: 600px){._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell__sticky-header_nu7b8_50{position:sticky;top:0;z-index:4;background-color:inherit}._purpur-table-header_nu7b8_40 ._purpur-table-column-header-cell__sticky-column_nu7b8_56{z-index:5}}._purpur-table-header--has-filters_nu7b8_60 th{min-height:calc(31.4rem * var(--purpur-rescale))}._purpur-table-header--has-filters_nu7b8_60 ._purpur-table-row_nu7b8_23{vertical-align:baseline}._purpur-table-column-header-cell_nu7b8_17{border-bottom:var(--table-border);text-align:left}._purpur-table-column-header-cell__checkbox_nu7b8_71{vertical-align:middle}._purpur-table-column-header-cell__border-radius-first-cell_nu7b8_74{border-top-left-radius:var(--table-border-radius)}._purpur-table-column-header-cell__border-radius-last-cell_nu7b8_77{border-top-right-radius:var(--table-border-radius)}._purpur-table-column-header-cell__inner_nu7b8_80{padding:var(--purpur-spacing-100) var(--purpur-spacing-150) var(--purpur-spacing-100) var(--purpur-spacing-300);align-self:stretch}._purpur-table-column-header-cell__content_nu7b8_84{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-50)}._purpur-table-column-header-cell__title_nu7b8_90{display:flex;align-items:center;gap:var(--purpur-spacing-50);align-self:stretch}._purpur-table-column-header-cell__title--default_nu7b8_96{padding:var(--purpur-spacing-100) var(--purpur-spacing-0)}._purpur-table-column-header-cell__sortable-title_nu7b8_99{padding-left:0;text-align:left}._purpur-table-column-header-cell__sortable-icon_nu7b8_103{flex-shrink:0}._purpur-table-column-header-cell__filter-wrapper_nu7b8_106{display:flex;padding-right:var(--purpur-spacing-150);padding-bottom:var(--purpur-spacing-150);flex-direction:column;width:100%}._purpur-table-column-header-cell__draggable_nu7b8_113{cursor:grab}._purpur-table-column-header-cell__dragging_nu7b8_116{cursor:grabbing;opacity:.4}._purpur-table-column-header-cell__content_nu7b8_84{display:flex;align-items:center}._purpur-table-column-header-cell__drag-handle_nu7b8_124{display:flex;padding:var(--purpur-spacing-25) var(--purpur-spacing-50);justify-content:center;align-items:center;align-self:stretch;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);background:var(--purpur-color-background-secondary)}._purpur-table-column-header-cell__drag-handle_nu7b8_124:hover{opacity:1}._purpur-table-column-header-cell__drag-handle_nu7b8_124:hover:not(._purpur-table-column-header-cell__drag-handle--active_nu7b8_136){background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-table-column-header-cell__drag-handle_nu7b8_124:focus,._purpur-table-column-header-cell__drag-handle_nu7b8_124:focus-visible{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);border-radius:var(--purpur-border-radius-xs)}._purpur-table-column-header-cell__drag-handle--active_nu7b8_136{border:inherit;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);background:var(--purpur-color-background-interactive-transparent-active);border-top-left-radius:7px;border-top-right-radius:7px}._purpur-table-column-header-cell__drag-handle-icon_nu7b8_150{color:var(--purpur-color-text-weak)}._purpur-table-column-header-cell__filter-placeholder_nu7b8_153{height:calc(3.4rem * var(--purpur-rescale));visibility:hidden}._purpur-table-column-header-cell--drop-indicator-before_nu7b8_157:before,._purpur-table-column-header-cell--drop-indicator-after_nu7b8_157:after{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;background-color:var(--purpur-color-border-interactive-primary);pointer-events:none}._purpur-table-column-header-cell--drop-indicator-before_nu7b8_157:before{left:0}._purpur-table-column-header-cell--drop-indicator-after_nu7b8_157:after{right:0}._purpur-table-row_nu7b8_23 ._purpur-table-row-cell_nu7b8_23:first-of-type,._purpur-table-row_nu7b8_23 ._purpur-table-row-cell__column-drag-enabled_nu7b8_174{border-left:var(--table-border)}._purpur-table-row_nu7b8_23 ._purpur-table-row-cell_nu7b8_23:last-of-type{border-right:var(--table-border)}._purpur-table-row_nu7b8_23 ._purpur-table-row-cell_nu7b8_23._purpur-table-row-cell__border-radius-first-cell_nu7b8_180{border-bottom-left-radius:var(--table-border-radius)}._purpur-table-row_nu7b8_23 ._purpur-table-row-cell_nu7b8_23._purpur-table-row-cell__border-radius-last-cell_nu7b8_183{border-bottom-right-radius:var(--table-border-radius)}._purpur-table-row_nu7b8_23:last-of-type ._purpur-table-row-cell_nu7b8_23{border-bottom:var(--table-border)}._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-selection_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type,._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-toggle_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type{transform:translateZ(0)}._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-selection_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type:after,._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-toggle_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type:after{content:"";position:absolute;left:calc(-1 * var(--purpur-border-width-xs));top:0;bottom:0;width:var(--purpur-border-width-md);opacity:0;transition:opacity var(--purpur-motion-duration-150) ease;background-color:var(--purpur-color-border-weak);pointer-events:none}._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-selection_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type:hover:after,._purpur-table-row_nu7b8_23:has(._purpur-table-row-cell__row-toggle_nu7b8_189) ._purpur-table-row-cell_nu7b8_23:first-of-type:hover:after{opacity:1}._purpur-table-row_nu7b8_23._purpur-table-row--selected_nu7b8_207 ._purpur-table-row-cell_nu7b8_23:first-of-type{transform:translateZ(0)}._purpur-table-row_nu7b8_23._purpur-table-row--selected_nu7b8_207 ._purpur-table-row-cell_nu7b8_23:first-of-type:after{content:"";position:absolute;left:calc(-1 * var(--purpur-border-width-xs));top:0;bottom:0;width:var(--purpur-border-width-md);background-color:var(--purpur-color-border-interactive-primary);opacity:1;pointer-events:none}@media (min-width: 600px){._purpur-table-column-header-cell__sticky-column_nu7b8_56,._purpur-table-row-cell__sticky-column_nu7b8_224{position:sticky;left:0;z-index:3;background-color:inherit}._purpur-table-column-header-cell__sticky-column_nu7b8_56+._purpur-table-column-header-cell__sticky-column_nu7b8_56,._purpur-table-column-header-cell__sticky-column_nu7b8_56+._purpur-table-row-cell__sticky-column_nu7b8_224,._purpur-table-row-cell__sticky-column_nu7b8_224+._purpur-table-column-header-cell__sticky-column_nu7b8_56,._purpur-table-row-cell__sticky-column_nu7b8_224+._purpur-table-row-cell__sticky-column_nu7b8_224{left:85px}._purpur-table-column-header-cell__sticky-column__with-sticky-border_nu7b8_235,._purpur-table-row-cell__sticky-column__with-sticky-border_nu7b8_236{border-right:var(--purpur-border-width-sm) solid var(--purpur-color-border-base);box-shadow:var(--purpur-border-width-sm) 0 calc(2 * var(--purpur-border-width-sm)) #0000000d}}._purpur-table-row-cell_nu7b8_23{height:calc(var(--purpur-spacing-600) + var(--purpur-spacing-150));padding:var(--purpur-spacing-0) var(--purpur-spacing-300);align-items:center;align-self:stretch;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__date_nu7b8_250{display:flex;align-items:center;gap:var(--purpur-spacing-100);flex:1 0 0}._purpur-table-row-cell__icon-text_nu7b8_256,._purpur-table-row-cell__error-message_nu7b8_263,._purpur-table-row-cell__warning-message_nu7b8_263{display:flex;padding:var(--purpur-spacing-0) var(--purpur-spacing-300);align-items:center;gap:var(--purpur-spacing-100);flex-shrink:0}._purpur-table-row-cell__row-toggle_nu7b8_189{display:inline-flex;padding:calc((var(--purpur-spacing-400) + var(--purpur-spacing-150) - var(--purpur-spacing-300)) / 2);margin:0;align-items:center;background:var(--purpur-color-background-primary);width:var(--purpur-spacing-300);height:var(--purpur-spacing-300);aspect-ratio:1/1;accent-color:var(--purpur-color-background-interactive-primary)}._purpur-table-row-cell__row-toggle_nu7b8_189:hover{border-left:var(--purpur-border-width-md) solid var(--purpur-color-border-weak);accent-color:var(--purpur-color-background-interactive-primary);cursor:pointer}._purpur-table-row-cell__row-toggle_nu7b8_189:hover:disabled,._purpur-table-row-cell__row-toggle_nu7b8_189:hover[aria-checked=true]{cursor:default}._purpur-table-row-cell__row-toggle_nu7b8_189:active{outline:none}._purpur-table-row-cell__row-toggle_nu7b8_189:focus{outline:none}._purpur-table-row-cell__right-align_nu7b8_295{text-align:right}._purpur-table-row-cell__truncate-wrapper_nu7b8_298{width:100%;display:grid;grid-template-columns:1fr}._purpur-table-row-cell__truncate_nu7b8_298{position:relative;max-width:100%;width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__truncate_nu7b8_298 a{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._purpur-table-row-cell__link_nu7b8_318{padding:var(--purpur-spacing-50)}._purpur-table-row-cell__link--has-popover_nu7b8_321 a{display:block}._purpur-table-row-cell__skeleton_nu7b8_324{height:30%;width:100%}._purpur-table-row-cell__tooltip-content_nu7b8_328{z-index:10}._purpur-table-row-cell__dragging_nu7b8_331{opacity:.4}._purpur-table-row-cell--drop-indicator-before_nu7b8_334,._purpur-table-row-cell--drop-indicator-after_nu7b8_334{position:sticky}._purpur-table-row-cell--drop-indicator-before_nu7b8_334:before,._purpur-table-row-cell--drop-indicator-after_nu7b8_334:after{content:"";position:absolute;top:0;bottom:0;width:3px;background-color:var(--purpur-color-border-interactive-primary);pointer-events:none}._purpur-table-row-cell--drop-indicator-before_nu7b8_334:before{left:0}._purpur-table-row-cell--drop-indicator-after_nu7b8_334:after{right:0}._purpur-table--primary_nu7b8_353 ._purpur-table-header_nu7b8_40 ._purpur-table-row_nu7b8_23,._purpur-table--primary_nu7b8_353 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23{background:var(--purpur-color-background-primary)}._purpur-table--primary_nu7b8_353 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23:nth-of-type(odd){background:var(--purpur-color-background-secondary)}._purpur-table--secondary_nu7b8_363 ._purpur-table-header_nu7b8_40 ._purpur-table-row_nu7b8_23,._purpur-table--secondary_nu7b8_363 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23{background:var(--purpur-color-background-secondary)}._purpur-table--secondary_nu7b8_363 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23:nth-of-type(odd){background:var(--purpur-color-background-primary)}._purpur-table__empty-section_nu7b8_373{display:flex;padding:var(--purpur-spacing-250) var(--purpur-spacing-400) var(--purpur-spacing-400) var(--purpur-spacing-400);flex-direction:column;justify-content:center;align-items:center;gap:var(--purpur-spacing-150);align-self:stretch}._purpur-table__empty-section__icon_nu7b8_382{width:var(--purpur-spacing-1600);height:var(--purpur-spacing-1600);aspect-ratio:1/1;opacity:.9}._purpur-table__empty-section__texts_nu7b8_388{display:flex;flex-direction:column;align-items:center;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table__empty-section--primary_nu7b8_395{background:var(--purpur-color-background-secondary)}._purpur-table__empty-section--secondary_nu7b8_398{background:var(--purpur-color-background-primary)}@media (min-width: 600px){._purpur-table__empty-section_nu7b8_373{padding:var(--purpur-spacing-250) var(--purpur-spacing-0) var(--purpur-spacing-400) var(--purpur-spacing-0)}}._purpur-table__drag-overlay_nu7b8_407{z-index:999;position:relative;border-radius:8px;box-shadow:var(--purpur-shadow-lg)}._purpur-table__drag-overlay--primary_nu7b8_413 ._purpur-table-header_nu7b8_40 ._purpur-table-row_nu7b8_23{background:var(--purpur-color-background-primary)}._purpur-table__drag-overlay--primary_nu7b8_413 ._purpur-table-header_nu7b8_40 ._purpur-table-row_nu7b8_23 th{border-top-left-radius:var(--purpur-border-radius-md);border-top-right-radius:var(--purpur-border-radius-md)}._purpur-table__drag-overlay--primary_nu7b8_413 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23{background:var(--purpur-color-background-primary)}._purpur-table__drag-overlay--primary_nu7b8_413 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23:nth-of-type(odd){background:var(--purpur-color-background-secondary)}._purpur-table__drag-overlay--primary_nu7b8_413 ._purpur-table-body_nu7b8_356 ._purpur-table-row_nu7b8_23:last-of-type td{border-bottom-left-radius:var(--purpur-border-radius-md);border-bottom-right-radius:var(--purpur-border-radius-md)}._purpur-table__drag-overlay--secondary_nu7b8_430 ._purpur-table-row_nu7b8_23{background-color:var(--purpur-color-background-secondary)}._purpur-table__drag-overlay--secondary_nu7b8_430 ._purpur-table-row_nu7b8_23:nth-of-type(odd){background-color:var(--purpur-color-background-primary)}._purpur-table-action-bar_1gs9x_1{position:fixed;bottom:0;left:0;box-sizing:border-box;z-index:6;width:100%;display:flex;padding:var(--purpur-spacing-150) 0px var(--purpur-spacing-150) var(--purpur-spacing-200);flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-150);border-top:1px solid var(--purpur-color-border-weak);background:var(--purpur-color-background-primary);box-shadow:var(--purpur-shadow-lg);visibility:hidden;transform:translateY(100%);transition:transform var(--purpur-motion-duration-300) var(--purpur-motion-easing-ease-in),visibility var(--purpur-motion-duration-300) var(--purpur-motion-easing-ease-in)}._purpur-table-action-bar--is-visible_1gs9x_20{visibility:visible;transform:translateY(0)}._purpur-table-action-bar__selected-wrapper_1gs9x_24{display:flex;justify-content:space-between;row-gap:var(--purpur-spacing-100);align-self:stretch;align-items:center;flex-wrap:wrap;gap:var(--purpur-spacing-100)}._purpur-table-action-bar__button-group_1gs9x_33{display:flex;padding-right:var(--purpur-spacing-200);flex-direction:column-reverse;justify-content:center;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-action-bar__button-group_1gs9x_33 ._purpur-table-action-bar__primary-secondary-buttons_1gs9x_42{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}@media (min-width: 600px){._purpur-table-action-bar_1gs9x_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-100) var(--purpur-spacing-150) var(--purpur-spacing-150)}._purpur-table-action-bar__selected-wrapper_1gs9x_24{align-items:center;align-content:center;flex-direction:row}._purpur-table-action-bar__selected-wrapper_1gs9x_24 span{font-weight:700}._purpur-table-action-bar__button-group_1gs9x_33{flex-direction:column-reverse;align-items:center;gap:var(--purpur-spacing-100);align-self:stretch;padding-right:0}._purpur-table-action-bar__button-group_1gs9x_33 ._purpur-table-action-bar__primary-secondary-buttons_1gs9x_42{align-items:center;flex-direction:row}}@media (min-width: 1024px){._purpur-table-action-bar_1gs9x_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-400) var(--purpur-spacing-150) var(--purpur-spacing-600);justify-content:space-between;align-items:center;align-content:center;flex-direction:row}._purpur-table-action-bar__selected-wrapper_1gs9x_24{gap:var(--purpur-spacing-100) var(--purpur-spacing-200);flex-wrap:wrap}._purpur-table-action-bar__button-group_1gs9x_33{flex-direction:row}}._purpur-table-export-drawer__content_1soij_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table-settings-drawer_nc9zj_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-600);align-self:stretch}._purpur-table-settings-drawer__visible-columns-header-wrapper_nc9zj_8{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table-settings-drawer__general-settings_nc9zj_15,._purpur-table-settings-drawer__visible-columns_nc9zj_8,._purpur-table-settings-drawer__draggable-list_nc9zj_15{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-settings-drawer__visible-columns_nc9zj_8 ._purpur-table-settings-drawer__toggle_nc9zj_22{display:flex;height:60px;box-sizing:border-box;padding:var(--purpur-spacing-25) var(--purpur-spacing-200);justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--purpur-border-radius-md);background:var(--purpur-color-background-secondary)}._purpur-table-settings-drawer__visible-columns-header_nc9zj_8{display:flex;align-items:center;justify-content:space-between;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-settings-drawer__visible-columns-header-content_nc9zj_40{display:flex;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table-settings-drawer__button-group_nc9zj_46{text-align:center}._purpur-table-settings-drawer__toggle_nc9zj_22{justify-content:space-between;width:100%}._purpur-table-settings-drawer__draggable-item_nc9zj_53{position:relative;display:flex;padding-right:var(--purpur-spacing-200);align-items:center;gap:var(--purpur-spacing-50);align-self:stretch;justify-content:space-between;border-radius:var(--purpur-border-radius-md);background:var(--purpur-color-background-secondary)}._purpur-table-settings-drawer__draggable-item--overlay_nc9zj_64{border:1px solid var(--purpur-color-border-weak);box-shadow:var(--purpur-shadow-lg)}._purpur-table-settings-drawer__draggable-item--dragging_nc9zj_68{opacity:.4}._purpur-table-settings-drawer__draggable-item--drop-indicator-before_nc9zj_71:before,._purpur-table-settings-drawer__draggable-item--drop-indicator-after_nc9zj_71:after{content:"";position:absolute;left:0;right:0;height:3px;background-color:var(--purpur-color-border-interactive-primary);z-index:5;pointer-events:none}._purpur-table-settings-drawer__draggable-item--drop-indicator-before_nc9zj_71:before{top:calc(-1 * var(--purpur-spacing-200) / 2);transform:translateY(-50%)}._purpur-table-settings-drawer__draggable-item--drop-indicator-after_nc9zj_71:after{bottom:calc(-1 * var(--purpur-spacing-200) / 2);transform:translateY(50%)}._purpur-table-settings-drawer__draggable-item--drop-indicator-before_nc9zj_71:after,._purpur-table-settings-drawer__draggable-item--drop-indicator-after_nc9zj_71:before{content:"";position:absolute;width:var(--purpur-spacing-150);height:var(--purpur-spacing-150);background-color:var(--purpur-color-border-interactive-primary);border-radius:50%;z-index:6;pointer-events:none;left:0}._purpur-table-settings-drawer__draggable-item--drop-indicator-before_nc9zj_71:after{top:calc(-1 * var(--purpur-spacing-200) / 2);transform:translate(-50%,-50%)}._purpur-table-settings-drawer__draggable-item--drop-indicator-after_nc9zj_71:before{bottom:calc(-1 * var(--purpur-spacing-200) / 2);transform:translate(-50%,50%)}._purpur-table-settings-drawer__draggable-item-content_nc9zj_108{display:flex;gap:var(--purpur-spacing-200);align-items:center}._purpur-table-settings-drawer__draggable-handle_nc9zj_113{display:flex;height:60px;box-sizing:border-box;padding:0 var(--purpur-spacing-50);justify-content:center;align-items:center;gap:var(--purpur-spacing-100);cursor:grab;border-right:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-table-settings-drawer__draggable-handle_nc9zj_113:hover{border-top-left-radius:calc(var(--purpur-border-radius-md) - 1px);border-bottom-left-radius:calc(var(--purpur-border-radius-md) - 1px);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-table-settings-drawer__draggable-handle_nc9zj_113:focus,._purpur-table-settings-drawer__draggable-handle_nc9zj_113:focus-visible{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);border-radius:var(--purpur-border-radius-xs)}._purpur-table-settings-drawer__draggable-handle--overlay_nc9zj_133,._purpur-table-settings-drawer__draggable-handle--overlay_nc9zj_133:hover{cursor:grabbing;background:var(--purpur-color-background-interactive-transparent-active)}._purpur-table-settings-drawer__draggable-handle-icon_nc9zj_137{color:var(--purpur-color-text-weak)}._purpur-table-settings-drawer__draggable-item-buttons_nc9zj_140{display:flex;align-items:center;gap:var(--purpur-spacing-100)}._purpur-table-settings-drawer__draggable-list_nc9zj_15{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-toolbar_1i1x1_1{display:flex;justify-content:space-between;align-items:center;align-content:center;column-gap:var(--purpur-spacing-100);row-gap:var(--purpur-spacing-50);align-self:stretch;flex-wrap:wrap;width:100%;padding:var(--purpur-spacing-50) var(--purpur-spacing-50) 0 0;box-sizing:border-box}._purpur-table-toolbar__content_1i1x1_14{display:flex;align-items:center;gap:var(--purpur-spacing-200)}
|
package/dist/table-body.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ type TableBodyProps = {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
7
|
};
|
|
8
|
-
declare const TableBody: ({ children, className, ...props }: TableBodyProps) => React.JSX.Element;
|
|
9
|
-
export
|
|
8
|
+
export declare const TableBody: ({ children, className, ...props }: TableBodyProps) => React.JSX.Element;
|
|
9
|
+
export {};
|
|
10
10
|
//# sourceMappingURL=table-body.d.ts.map
|
package/dist/table-body.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../src/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,KAAK,cAAc,GAAG;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,
|
|
1
|
+
{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../src/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,KAAK,cAAc,GAAG;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,SAAS,GAAI,mCAAmC,cAAc,sBAQ1E,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
2
3
|
import { Header, RowData, Table } from '@tanstack/react-table';
|
|
3
4
|
|
|
4
5
|
export type SortingEnabledProps = {
|
|
@@ -9,6 +10,14 @@ export type SortingDisabledProps = {
|
|
|
9
10
|
enableSorting?: false;
|
|
10
11
|
sortingAriaLabels?: never;
|
|
11
12
|
};
|
|
13
|
+
export type ColumnDragEnabledProps = {
|
|
14
|
+
enableColumnDrag: true;
|
|
15
|
+
columnDragAriaLabel: string;
|
|
16
|
+
};
|
|
17
|
+
export type ColumnDragDisabledProps = {
|
|
18
|
+
enableColumnDrag?: false;
|
|
19
|
+
columnDragAriaLabel?: never;
|
|
20
|
+
};
|
|
12
21
|
export type TableColumnHeaderCellProps<TData> = {
|
|
13
22
|
className?: string;
|
|
14
23
|
stickyColumn: boolean;
|
|
@@ -17,12 +26,16 @@ export type TableColumnHeaderCellProps<TData> = {
|
|
|
17
26
|
tanstackTable: Table<TData>;
|
|
18
27
|
isScrolled?: boolean;
|
|
19
28
|
showBorder?: boolean;
|
|
20
|
-
|
|
29
|
+
sortableId?: string;
|
|
30
|
+
activeId?: UniqueIdentifier | null;
|
|
31
|
+
overlayActive?: boolean;
|
|
32
|
+
tableHasFilters: boolean;
|
|
33
|
+
} & (SortingEnabledProps | SortingDisabledProps) & (ColumnDragEnabledProps | ColumnDragDisabledProps);
|
|
21
34
|
export type SortingAriaLabels = {
|
|
22
35
|
desc: string;
|
|
23
36
|
asc: string;
|
|
24
37
|
default: string;
|
|
25
38
|
};
|
|
26
39
|
export type FilterVariants = "string" | "select";
|
|
27
|
-
export declare const TableColumnHeaderCell: <TData extends RowData>({ className, enableSorting, header, sortingAriaLabels, stickyColumn, stickyHeaders, tanstackTable, isScrolled, showBorder, }: TableColumnHeaderCellProps<TData>) => React.JSX.Element;
|
|
40
|
+
export declare const TableColumnHeaderCell: <TData extends RowData>({ className, enableSorting, header, sortingAriaLabels, stickyColumn, stickyHeaders, tanstackTable, isScrolled, showBorder, enableColumnDrag, sortableId, activeId, overlayActive, columnDragAriaLabel, tableHasFilters, }: TableColumnHeaderCellProps<TData>) => React.JSX.Element;
|
|
28
41
|
//# sourceMappingURL=table-column-header-cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-column-header-cell.d.ts","sourceRoot":"","sources":["../src/table-column-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"table-column-header-cell.d.ts","sourceRoot":"","sources":["../src/table-column-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYtD,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,OAAO,EAEZ,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAc/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,IAAI,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,gBAAgB,EAAE,IAAI,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,KAAK,IAAI;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;CAC1B,GAAG,CAAC,mBAAmB,GAAG,oBAAoB,CAAC,GAC9C,CAAC,sBAAsB,GAAG,uBAAuB,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAIjD,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,OAAO,EAAE,2NAgB1D,0BAA0B,CAAC,KAAK,CAAC,sBAyInC,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
import { HeadingTagType } from '@purpurds/heading';
|
|
4
|
+
import { Row, Table, RowData } from '@tanstack/react-table';
|
|
5
|
+
|
|
6
|
+
type BaseTableContentProps<TData extends RowData> = {
|
|
7
|
+
tanstackTable: Table<TData>;
|
|
8
|
+
tableRows: Row<TData>[];
|
|
9
|
+
showColumnFiltersEnabled: boolean;
|
|
10
|
+
fullWidth: boolean;
|
|
11
|
+
renderTableHeaders: () => React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
type NormalTableContentProps<TData extends RowData> = BaseTableContentProps<TData> & {
|
|
14
|
+
stickyFirstColumn: boolean;
|
|
15
|
+
getStickyColumn: (index: number) => boolean;
|
|
16
|
+
isScrolled: boolean;
|
|
17
|
+
showBorder: (index: number) => boolean;
|
|
18
|
+
enableColumnDrag: boolean;
|
|
19
|
+
activeId: UniqueIdentifier | null;
|
|
20
|
+
};
|
|
21
|
+
export declare function NormalTableContent<TData extends RowData>({ tableRows, showColumnFiltersEnabled, fullWidth, renderTableHeaders, stickyFirstColumn, getStickyColumn, isScrolled, showBorder, enableColumnDrag, activeId, }: NormalTableContentProps<TData>): React.JSX.Element;
|
|
22
|
+
type LoadingTableContentProps<TData extends RowData> = BaseTableContentProps<TData> & {
|
|
23
|
+
skeletonRows: number;
|
|
24
|
+
getStickyColumn: (index: number) => boolean;
|
|
25
|
+
stickyFirstColumn: boolean;
|
|
26
|
+
isScrolled: boolean;
|
|
27
|
+
showBorder: (index: number) => boolean;
|
|
28
|
+
getColumnWidths: () => (string | number)[];
|
|
29
|
+
};
|
|
30
|
+
export declare function LoadingTableContent<TData extends RowData>({ showColumnFiltersEnabled, fullWidth, renderTableHeaders, skeletonRows, getStickyColumn, stickyFirstColumn, isScrolled, showBorder, getColumnWidths, }: LoadingTableContentProps<TData>): React.JSX.Element;
|
|
31
|
+
type EmptyTableContentProps<TData extends RowData> = BaseTableContentProps<TData> & {
|
|
32
|
+
variant: "primary" | "secondary";
|
|
33
|
+
emptyTableHeadingTag: HeadingTagType;
|
|
34
|
+
emptyTableCopy: {
|
|
35
|
+
title: string;
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
emptyTableIcon?: React.ReactNode;
|
|
39
|
+
};
|
|
40
|
+
export declare function EmptyTableContent<TData extends RowData>({ tanstackTable, showColumnFiltersEnabled, fullWidth, renderTableHeaders, variant, emptyTableHeadingTag, emptyTableCopy, emptyTableIcon, }: EmptyTableContentProps<TData>): React.JSX.Element;
|
|
41
|
+
export {};
|
|
42
|
+
//# sourceMappingURL=table-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../src/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAcrD,KAAK,qBAAqB,CAAC,KAAK,SAAS,OAAO,IAAI;IAClD,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC3C,CAAC;AAEF,KAAK,uBAAuB,CAAC,KAAK,SAAS,OAAO,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACnF,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,SAAS,OAAO,EAAE,EACxD,SAAS,EACT,wBAAwB,EACxB,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,GACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,qBAiChC;AAED,KAAK,wBAAwB,CAAC,KAAK,SAAS,OAAO,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACpF,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC5C,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,OAAO,EAAE,EACzD,wBAAwB,EACxB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,eAAe,GAChB,EAAE,wBAAwB,CAAC,KAAK,CAAC,qBAuBjC;AAED,KAAK,sBAAsB,CAAC,KAAK,SAAS,OAAO,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAClF,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,oBAAoB,EAAE,cAAc,CAAC;IACrC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,OAAO,EAAE,EACvD,aAAa,EACb,wBAAwB,EACxB,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,oBAAoB,EACpB,cAAc,EACd,cAAc,GACf,EAAE,sBAAsB,CAAC,KAAK,CAAC,qBAuB/B"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
import { HeaderGroup, Table, RowData } from '@tanstack/react-table';
|
|
4
|
+
import { SortingAriaLabels } from './table-column-header-cell';
|
|
5
|
+
|
|
6
|
+
type StandardTableHeadersProps<TData extends RowData> = {
|
|
7
|
+
headerGroup: HeaderGroup<TData>;
|
|
8
|
+
tanstackTable: Table<TData>;
|
|
9
|
+
tableHasFilters: boolean;
|
|
10
|
+
emptyTable: boolean;
|
|
11
|
+
stickyFirstColumn: boolean;
|
|
12
|
+
stickyHeaders: boolean;
|
|
13
|
+
isScrolled: boolean;
|
|
14
|
+
getStickyColumn: (index: number) => boolean;
|
|
15
|
+
showBorder: (index: number) => boolean;
|
|
16
|
+
enableSorting: boolean;
|
|
17
|
+
sortingAriaLabels?: SortingAriaLabels;
|
|
18
|
+
};
|
|
19
|
+
export declare function StandardTableHeaders<TData extends RowData>({ headerGroup, tanstackTable, tableHasFilters, emptyTable, stickyFirstColumn, stickyHeaders, isScrolled, getStickyColumn, showBorder, enableSorting, sortingAriaLabels, }: StandardTableHeadersProps<TData>): React.JSX.Element;
|
|
20
|
+
type SortableTableHeadersProps<TData extends RowData> = StandardTableHeadersProps<TData> & {
|
|
21
|
+
columnOrder: string[];
|
|
22
|
+
activeId: UniqueIdentifier | null;
|
|
23
|
+
enableColumnDrag: boolean;
|
|
24
|
+
columnDragAriaLabelsCopy?: Record<string, string>;
|
|
25
|
+
};
|
|
26
|
+
export declare function SortableTableHeaders<TData extends RowData>({ headerGroup, tanstackTable, tableHasFilters, emptyTable, stickyFirstColumn, stickyHeaders, isScrolled, getStickyColumn, showBorder, enableSorting, sortingAriaLabels, columnOrder, activeId, enableColumnDrag, columnDragAriaLabelsCopy, }: SortableTableHeadersProps<TData>): React.JSX.Element;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=table-headers.d.ts.map
|