@purpurds/table 8.3.0 → 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.
Files changed (82) hide show
  1. package/dist/LICENSE.txt +205 -35
  2. package/dist/drag-indicator-circle.d.ts +13 -0
  3. package/dist/drag-indicator-circle.d.ts.map +1 -0
  4. package/dist/draggable-table.d.ts +23 -0
  5. package/dist/draggable-table.d.ts.map +1 -0
  6. package/dist/empty-table.d.ts +14 -0
  7. package/dist/empty-table.d.ts.map +1 -0
  8. package/dist/loading-table-rows.d.ts +13 -0
  9. package/dist/loading-table-rows.d.ts.map +1 -0
  10. package/dist/styles.css +1 -1
  11. package/dist/table-body.d.ts +2 -2
  12. package/dist/table-body.d.ts.map +1 -1
  13. package/dist/table-column-header-cell.d.ts +15 -2
  14. package/dist/table-column-header-cell.d.ts.map +1 -1
  15. package/dist/table-content.d.ts +42 -0
  16. package/dist/table-content.d.ts.map +1 -0
  17. package/dist/table-headers.d.ts +28 -0
  18. package/dist/table-headers.d.ts.map +1 -0
  19. package/dist/table-row-cell-skeleton.d.ts +1 -1
  20. package/dist/table-row-cell-skeleton.d.ts.map +1 -1
  21. package/dist/table-row-cell.d.ts +5 -2
  22. package/dist/table-row-cell.d.ts.map +1 -1
  23. package/dist/table-row.d.ts +2 -2
  24. package/dist/table-row.d.ts.map +1 -1
  25. package/dist/table-settings-drawer.d.ts +44 -11
  26. package/dist/table-settings-drawer.d.ts.map +1 -1
  27. package/dist/table.cjs.js +89 -85
  28. package/dist/table.cjs.js.map +1 -1
  29. package/dist/table.d.ts +3 -3
  30. package/dist/table.d.ts.map +1 -1
  31. package/dist/table.es.js +14397 -10195
  32. package/dist/table.es.js.map +1 -1
  33. package/dist/test-utils/helpers.d.ts +1 -0
  34. package/dist/test-utils/helpers.d.ts.map +1 -1
  35. package/dist/types.d.ts +23 -2
  36. package/dist/types.d.ts.map +1 -1
  37. package/dist/use-drag-handle.hook.d.ts +15 -0
  38. package/dist/use-drag-handle.hook.d.ts.map +1 -0
  39. package/dist/use-drag-indicator-position.hook.d.ts +19 -0
  40. package/dist/use-drag-indicator-position.hook.d.ts.map +1 -0
  41. package/dist/use-drop-indicator.hook.d.ts +15 -0
  42. package/dist/use-drop-indicator.hook.d.ts.map +1 -0
  43. package/dist/use-element-visibility.hook.d.ts +4 -0
  44. package/dist/use-element-visibility.hook.d.ts.map +1 -0
  45. package/dist/use-table-scroll.hook.d.ts +6 -0
  46. package/dist/use-table-scroll.hook.d.ts.map +1 -0
  47. package/dist/utils/custom-keyboard-coordinates.d.ts +8 -0
  48. package/dist/utils/custom-keyboard-coordinates.d.ts.map +1 -0
  49. package/package.json +27 -23
  50. package/src/drag-indicator-circle.tsx +36 -0
  51. package/src/draggable-table.test.tsx +381 -0
  52. package/src/draggable-table.tsx +191 -0
  53. package/src/empty-table.tsx +54 -0
  54. package/src/loading-table-rows.tsx +41 -0
  55. package/src/table-body.tsx +1 -3
  56. package/src/table-column-header-cell.tsx +135 -64
  57. package/src/table-content-drag.test.tsx +505 -0
  58. package/src/table-content.tsx +165 -0
  59. package/src/table-dnd-integration.test.tsx +425 -0
  60. package/src/table-drag-and-drop.test.tsx +276 -0
  61. package/src/table-headers.tsx +118 -0
  62. package/src/table-row-cell-skeleton.tsx +1 -1
  63. package/src/table-row-cell.test.tsx +2 -1
  64. package/src/table-row-cell.tsx +42 -31
  65. package/src/table-row.tsx +1 -3
  66. package/src/table-settings-drawer.module.scss +165 -2
  67. package/src/table-settings-drawer.test.tsx +0 -99
  68. package/src/table-settings-drawer.tsx +359 -53
  69. package/src/table.module.scss +191 -30
  70. package/src/table.stories.tsx +60 -4
  71. package/src/table.test.tsx +5 -1
  72. package/src/table.tsx +255 -213
  73. package/src/test-utils/helpers.ts +2 -0
  74. package/src/types.ts +25 -2
  75. package/src/use-drag-handle.hook.tsx +60 -0
  76. package/src/use-drag-handle.test.tsx +380 -0
  77. package/src/use-drag-indicator-position.hook.ts +74 -0
  78. package/src/use-drop-indicator.hook.ts +46 -0
  79. package/src/use-element-visibility.hook.ts +28 -0
  80. package/src/use-table-scroll.hook.tsx +30 -0
  81. package/src/utils/custom-keyboard-coordinates.ts +83 -0
  82. package/vitest.setup.ts +1 -1
package/dist/LICENSE.txt CHANGED
@@ -68,33 +68,87 @@ SOFTWARE.
68
68
 
69
69
  ---
70
70
 
71
- Name: @purpurds/heading
72
- Version: 8.2.6
73
- License: AGPL-3.0-only
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: @purpurds/paragraph
79
- Version: 8.2.6
80
- License: AGPL-3.0-only
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: classnames
86
- Version: 2.5.1
139
+ Name: @dnd-kit/accessibility
140
+ Version: 3.1.1
87
141
  License: MIT
88
142
  Private: false
89
- Description: A simple utility for conditionally joining classNames together
90
- Repository: git+https://github.com/JedWatson/classnames.git
91
- Author: Jed Watson
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
- The MIT License (MIT)
149
+ MIT License
96
150
 
97
- Copyright (c) 2018 Jed Watson
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: @purpurds/button
120
- Version: 8.2.6
121
- License: AGPL-3.0-only
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/toggle
127
- Version: 8.2.6
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: @purpurds/tokens
134
- Version: 8.2.6
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.2.6
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.2.6
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.2.6
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.2.6
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.2.6
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.2.6
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/drawer
183
- Version: 8.2.6
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/badge
190
- Version: 8.2.6
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/cta-link
197
- Version: 8.2.6
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/link
204
- Version: 8.2.6
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.2.6
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)}
@@ -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 default TableBody;
8
+ export declare const TableBody: ({ children, className, ...props }: TableBodyProps) => React.JSX.Element;
9
+ export {};
10
10
  //# sourceMappingURL=table-body.d.ts.map
@@ -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,QAAA,MAAM,SAAS,GAAI,mCAAmC,cAAc,sBAQnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
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
- } & (SortingEnabledProps | SortingDisabledProps);
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,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,OAAO,EAEZ,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAQ/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,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;CACtB,GAAG,CAAC,mBAAmB,GAAG,oBAAoB,CAAC,CAAC;AAEjD,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,8HAU1D,0BAA0B,CAAC,KAAK,CAAC,sBA+FnC,CAAC"}
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