@purpurds/table 0.0.1
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 +213 -0
- package/dist/cell-types/badge-cell.d.ts +8 -0
- package/dist/cell-types/badge-cell.d.ts.map +1 -0
- package/dist/cell-types/body-text-cell.d.ts +8 -0
- package/dist/cell-types/body-text-cell.d.ts.map +1 -0
- package/dist/cell-types/button-cell.d.ts +8 -0
- package/dist/cell-types/button-cell.d.ts.map +1 -0
- package/dist/cell-types/button-group-cell.d.ts +16 -0
- package/dist/cell-types/button-group-cell.d.ts.map +1 -0
- package/dist/cell-types/cta-link-cell.d.ts +8 -0
- package/dist/cell-types/cta-link-cell.d.ts.map +1 -0
- package/dist/cell-types/date-cell.d.ts +8 -0
- package/dist/cell-types/date-cell.d.ts.map +1 -0
- package/dist/cell-types/empty-cell.d.ts +4 -0
- package/dist/cell-types/empty-cell.d.ts.map +1 -0
- package/dist/cell-types/error-message-cell.d.ts +8 -0
- package/dist/cell-types/error-message-cell.d.ts.map +1 -0
- package/dist/cell-types/icon-text-cell.d.ts +8 -0
- package/dist/cell-types/icon-text-cell.d.ts.map +1 -0
- package/dist/cell-types/lead-text-cell.d.ts +8 -0
- package/dist/cell-types/lead-text-cell.d.ts.map +1 -0
- package/dist/cell-types/link-cell.d.ts +8 -0
- package/dist/cell-types/link-cell.d.ts.map +1 -0
- package/dist/cell-types/number-cell.d.ts +8 -0
- package/dist/cell-types/number-cell.d.ts.map +1 -0
- package/dist/cell-types/row-selection-cell.d.ts +8 -0
- package/dist/cell-types/row-selection-cell.d.ts.map +1 -0
- package/dist/cell-types/row-toggle-cell.d.ts +8 -0
- package/dist/cell-types/row-toggle-cell.d.ts.map +1 -0
- package/dist/cell-types/toggle-cell.d.ts +8 -0
- package/dist/cell-types/toggle-cell.d.ts.map +1 -0
- package/dist/cell-types/warning-message-cell.d.ts +8 -0
- package/dist/cell-types/warning-message-cell.d.ts.map +1 -0
- package/dist/metadata.js +17 -0
- package/dist/story-utils/column-def.d.ts +5 -0
- package/dist/story-utils/column-def.d.ts.map +1 -0
- package/dist/story-utils/table-data.d.ts +35 -0
- package/dist/story-utils/table-data.d.ts.map +1 -0
- package/dist/story-utils/use-fetch-table-data-hook.d.ts +11 -0
- package/dist/story-utils/use-fetch-table-data-hook.d.ts.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/table-action-bar.d.ts +26 -0
- package/dist/table-action-bar.d.ts.map +1 -0
- package/dist/table-body.d.ts +10 -0
- package/dist/table-body.d.ts.map +1 -0
- package/dist/table-column-header-cell.d.ts +28 -0
- package/dist/table-column-header-cell.d.ts.map +1 -0
- package/dist/table-export-drawer.d.ts +17 -0
- package/dist/table-export-drawer.d.ts.map +1 -0
- package/dist/table-header.d.ts +11 -0
- package/dist/table-header.d.ts.map +1 -0
- package/dist/table-row-cell-skeleton.d.ts +14 -0
- package/dist/table-row-cell-skeleton.d.ts.map +1 -0
- package/dist/table-row-cell.d.ts +25 -0
- package/dist/table-row-cell.d.ts.map +1 -0
- package/dist/table-row.d.ts +11 -0
- package/dist/table-row.d.ts.map +1 -0
- package/dist/table-settings-drawer.d.ts +41 -0
- package/dist/table-settings-drawer.d.ts.map +1 -0
- package/dist/table-toolbar.d.ts +37 -0
- package/dist/table-toolbar.d.ts.map +1 -0
- package/dist/table.cjs.js +259 -0
- package/dist/table.cjs.js.map +1 -0
- package/dist/table.d.ts +20 -0
- package/dist/table.d.ts.map +1 -0
- package/dist/table.es.js +13585 -0
- package/dist/table.es.js.map +1 -0
- package/dist/test-utils/column-def.d.ts +6 -0
- package/dist/test-utils/column-def.d.ts.map +1 -0
- package/dist/test-utils/helpers.d.ts +138 -0
- package/dist/test-utils/helpers.d.ts.map +1 -0
- package/dist/test-utils/table-data.d.ts +33 -0
- package/dist/test-utils/table-data.d.ts.map +1 -0
- package/dist/types.d.ts +420 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/use-screen-size.hook.d.ts +7 -0
- package/dist/use-screen-size.hook.d.ts.map +1 -0
- package/dist/use-truncated-hook.d.ts +10 -0
- package/dist/use-truncated-hook.d.ts.map +1 -0
- package/dist/utils/custom-functions.d.ts +9 -0
- package/dist/utils/custom-functions.d.ts.map +1 -0
- package/dist/utils/unit-conversions.d.ts +19 -0
- package/dist/utils/unit-conversions.d.ts.map +1 -0
- package/dist/utils/unit-conversions.spec.d.ts +2 -0
- package/dist/utils/unit-conversions.spec.d.ts.map +1 -0
- package/eslint.config.mjs +2 -0
- package/package.json +82 -0
- package/src/cell-types/badge-cell.tsx +25 -0
- package/src/cell-types/body-text-cell.tsx +54 -0
- package/src/cell-types/button-cell.tsx +26 -0
- package/src/cell-types/button-group-cell.tsx +54 -0
- package/src/cell-types/cta-link-cell.tsx +25 -0
- package/src/cell-types/date-cell.tsx +33 -0
- package/src/cell-types/empty-cell.tsx +6 -0
- package/src/cell-types/error-message-cell.tsx +30 -0
- package/src/cell-types/icon-text-cell.tsx +30 -0
- package/src/cell-types/lead-text-cell.tsx +19 -0
- package/src/cell-types/link-cell.tsx +58 -0
- package/src/cell-types/number-cell.tsx +27 -0
- package/src/cell-types/row-selection-cell.tsx +22 -0
- package/src/cell-types/row-toggle-cell.tsx +23 -0
- package/src/cell-types/toggle-cell.tsx +19 -0
- package/src/cell-types/warning-message-cell.tsx +30 -0
- package/src/global.d.ts +4 -0
- package/src/story-utils/column-def.ts +148 -0
- package/src/story-utils/table-data.tsx +262 -0
- package/src/story-utils/use-fetch-table-data-hook.tsx +30 -0
- package/src/table-action-bar.module.scss +106 -0
- package/src/table-action-bar.test.tsx +111 -0
- package/src/table-action-bar.tsx +104 -0
- package/src/table-body.tsx +25 -0
- package/src/table-column-header-cell.tsx +305 -0
- package/src/table-export-drawer.module.scss +9 -0
- package/src/table-export-drawer.test.tsx +75 -0
- package/src/table-export-drawer.tsx +59 -0
- package/src/table-header.tsx +35 -0
- package/src/table-kitchen-sink.test.tsx +1196 -0
- package/src/table-row-cell-skeleton.tsx +61 -0
- package/src/table-row-cell.test.tsx +360 -0
- package/src/table-row-cell.tsx +188 -0
- package/src/table-row.tsx +30 -0
- package/src/table-settings-drawer.module.scss +25 -0
- package/src/table-settings-drawer.test.tsx +350 -0
- package/src/table-settings-drawer.tsx +254 -0
- package/src/table-toolbar.module.scss +17 -0
- package/src/table-toolbar.test.tsx +95 -0
- package/src/table-toolbar.tsx +136 -0
- package/src/table.module.scss +367 -0
- package/src/table.stories.tsx +1246 -0
- package/src/table.story.css +11 -0
- package/src/table.test.tsx +318 -0
- package/src/table.tsx +501 -0
- package/src/test-utils/column-def.ts +152 -0
- package/src/test-utils/helpers.ts +234 -0
- package/src/test-utils/table-data.tsx +318 -0
- package/src/types.ts +496 -0
- package/src/use-screen-size.hook.ts +23 -0
- package/src/use-truncated-hook.tsx +74 -0
- package/src/utils/custom-functions.ts +52 -0
- package/src/utils/unit-conversions.spec.ts +92 -0
- package/src/utils/unit-conversions.ts +30 -0
- package/vitest.setup.ts +60 -0
package/dist/LICENSE.txt
ADDED
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
Name: @tanstack/table-core
|
|
2
|
+
Version: 8.21.3
|
|
3
|
+
License: MIT
|
|
4
|
+
Private: false
|
|
5
|
+
Description: Headless UI for building powerful tables & datagrids for TS/JS.
|
|
6
|
+
Repository: https://github.com/TanStack/table.git
|
|
7
|
+
Homepage: https://tanstack.com/table
|
|
8
|
+
Author: Tanner Linsley
|
|
9
|
+
License Copyright:
|
|
10
|
+
===
|
|
11
|
+
|
|
12
|
+
MIT License
|
|
13
|
+
|
|
14
|
+
Copyright (c) 2016 Tanner Linsley
|
|
15
|
+
|
|
16
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
17
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
18
|
+
in the Software without restriction, including without limitation the rights
|
|
19
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
20
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
21
|
+
furnished to do so, subject to the following conditions:
|
|
22
|
+
|
|
23
|
+
The above copyright notice and this permission notice shall be included in all
|
|
24
|
+
copies or substantial portions of the Software.
|
|
25
|
+
|
|
26
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
27
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
28
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
29
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
30
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
31
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
32
|
+
SOFTWARE.
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
Name: @tanstack/react-table
|
|
37
|
+
Version: 8.21.3
|
|
38
|
+
License: MIT
|
|
39
|
+
Private: false
|
|
40
|
+
Description: Headless UI for building powerful tables & datagrids for React.
|
|
41
|
+
Repository: https://github.com/TanStack/table.git
|
|
42
|
+
Homepage: https://tanstack.com/table
|
|
43
|
+
Author: Tanner Linsley
|
|
44
|
+
License Copyright:
|
|
45
|
+
===
|
|
46
|
+
|
|
47
|
+
MIT License
|
|
48
|
+
|
|
49
|
+
Copyright (c) 2016 Tanner Linsley
|
|
50
|
+
|
|
51
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
52
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
53
|
+
in the Software without restriction, including without limitation the rights
|
|
54
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
55
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
56
|
+
furnished to do so, subject to the following conditions:
|
|
57
|
+
|
|
58
|
+
The above copyright notice and this permission notice shall be included in all
|
|
59
|
+
copies or substantial portions of the Software.
|
|
60
|
+
|
|
61
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
62
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
63
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
64
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
65
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
66
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
67
|
+
SOFTWARE.
|
|
68
|
+
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
Name: @purpurds/heading
|
|
72
|
+
Version: 6.11.1
|
|
73
|
+
License: AGPL-3.0-only
|
|
74
|
+
Private: false
|
|
75
|
+
|
|
76
|
+
---
|
|
77
|
+
|
|
78
|
+
Name: @purpurds/paragraph
|
|
79
|
+
Version: 6.11.1
|
|
80
|
+
License: AGPL-3.0-only
|
|
81
|
+
Private: false
|
|
82
|
+
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
Name: classnames
|
|
86
|
+
Version: 2.5.1
|
|
87
|
+
License: MIT
|
|
88
|
+
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
|
|
92
|
+
License Copyright:
|
|
93
|
+
===
|
|
94
|
+
|
|
95
|
+
The MIT License (MIT)
|
|
96
|
+
|
|
97
|
+
Copyright (c) 2018 Jed Watson
|
|
98
|
+
|
|
99
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
100
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
101
|
+
in the Software without restriction, including without limitation the rights
|
|
102
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
103
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
104
|
+
furnished to do so, subject to the following conditions:
|
|
105
|
+
|
|
106
|
+
The above copyright notice and this permission notice shall be included in all
|
|
107
|
+
copies or substantial portions of the Software.
|
|
108
|
+
|
|
109
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
110
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
111
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
112
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
113
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
114
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
115
|
+
SOFTWARE.
|
|
116
|
+
|
|
117
|
+
---
|
|
118
|
+
|
|
119
|
+
Name: @purpurds/button
|
|
120
|
+
Version: 6.11.1
|
|
121
|
+
License: AGPL-3.0-only
|
|
122
|
+
Private: false
|
|
123
|
+
|
|
124
|
+
---
|
|
125
|
+
|
|
126
|
+
Name: @purpurds/toggle
|
|
127
|
+
Version: 6.11.1
|
|
128
|
+
License: AGPL-3.0-only
|
|
129
|
+
Private: false
|
|
130
|
+
|
|
131
|
+
---
|
|
132
|
+
|
|
133
|
+
Name: @purpurds/tokens
|
|
134
|
+
Version: 6.11.1
|
|
135
|
+
License: AGPL-3.0-only
|
|
136
|
+
Private: false
|
|
137
|
+
|
|
138
|
+
---
|
|
139
|
+
|
|
140
|
+
Name: @purpurds/checkbox
|
|
141
|
+
Version: 6.11.1
|
|
142
|
+
License: AGPL-3.0-only
|
|
143
|
+
Private: false
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
147
|
+
Name: @purpurds/icon
|
|
148
|
+
Version: 6.11.1
|
|
149
|
+
License: AGPL-3.0-only
|
|
150
|
+
Private: false
|
|
151
|
+
|
|
152
|
+
---
|
|
153
|
+
|
|
154
|
+
Name: @purpurds/select
|
|
155
|
+
Version: 6.11.1
|
|
156
|
+
License: AGPL-3.0-only
|
|
157
|
+
Private: false
|
|
158
|
+
|
|
159
|
+
---
|
|
160
|
+
|
|
161
|
+
Name: @purpurds/text-field
|
|
162
|
+
Version: 6.11.1
|
|
163
|
+
License: AGPL-3.0-only
|
|
164
|
+
Private: false
|
|
165
|
+
|
|
166
|
+
---
|
|
167
|
+
|
|
168
|
+
Name: @purpurds/visually-hidden
|
|
169
|
+
Version: 6.11.1
|
|
170
|
+
License: AGPL-3.0-only
|
|
171
|
+
Private: false
|
|
172
|
+
|
|
173
|
+
---
|
|
174
|
+
|
|
175
|
+
Name: @purpurds/drawer
|
|
176
|
+
Version: 6.11.1
|
|
177
|
+
License: AGPL-3.0-only
|
|
178
|
+
Private: false
|
|
179
|
+
|
|
180
|
+
---
|
|
181
|
+
|
|
182
|
+
Name: @purpurds/badge
|
|
183
|
+
Version: 6.11.1
|
|
184
|
+
License: AGPL-3.0-only
|
|
185
|
+
Private: false
|
|
186
|
+
|
|
187
|
+
---
|
|
188
|
+
|
|
189
|
+
Name: @purpurds/tooltip
|
|
190
|
+
Version: 6.11.1
|
|
191
|
+
License: AGPL-3.0-only
|
|
192
|
+
Private: false
|
|
193
|
+
|
|
194
|
+
---
|
|
195
|
+
|
|
196
|
+
Name: @purpurds/cta-link
|
|
197
|
+
Version: 6.11.1
|
|
198
|
+
License: AGPL-3.0-only
|
|
199
|
+
Private: false
|
|
200
|
+
|
|
201
|
+
---
|
|
202
|
+
|
|
203
|
+
Name: @purpurds/link
|
|
204
|
+
Version: 6.11.1
|
|
205
|
+
License: AGPL-3.0-only
|
|
206
|
+
Private: false
|
|
207
|
+
|
|
208
|
+
---
|
|
209
|
+
|
|
210
|
+
Name: @purpurds/skeleton
|
|
211
|
+
Version: 6.11.1
|
|
212
|
+
License: AGPL-3.0-only
|
|
213
|
+
Private: false
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type BadgeCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const BadgeCell: <TData extends RowData>({ cell }: BadgeCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=badge-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/badge-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI;IAClC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,OAAO,YAAY,cAAc,CAAC,KAAK,CAAC,sBAc/E,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type BodyTextCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const BodyTextCell: <TData extends RowData>({ cell }: BodyTextCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=body-text-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"body-text-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/body-text-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAStD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;IACrC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS,OAAO,YAAY,iBAAiB,CAAC,KAAK,CAAC,sBAqCrF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type ButtonCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const ButtonCell: <TData extends RowData>({ cell }: ButtonCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=button-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/button-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI;IACnC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,OAAO,YAAY,eAAe,CAAC,KAAK,CAAC,sBAejF,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React, ReactElement } from 'react';
|
|
2
|
+
import { ButtonVariant } from '@purpurds/button';
|
|
3
|
+
import { IconProps } from '@purpurds/icon';
|
|
4
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
5
|
+
|
|
6
|
+
export type ButtonGroupButtonProp = {
|
|
7
|
+
id: string;
|
|
8
|
+
ariaLabel: string;
|
|
9
|
+
variant: ButtonVariant;
|
|
10
|
+
icon: ReactElement<IconProps>;
|
|
11
|
+
};
|
|
12
|
+
export type ButtonGroupCellProps<TData> = {
|
|
13
|
+
cell: Cell<TData, unknown>;
|
|
14
|
+
};
|
|
15
|
+
export declare const ButtonGroupCell: <TData extends RowData>({ cell }: ButtonGroupCellProps<TData>) => React.JSX.Element;
|
|
16
|
+
//# sourceMappingURL=button-group-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/button-group-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAU,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,KAAK,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,OAAO,YAAY,oBAAoB,CAAC,KAAK,CAAC,sBAgC3F,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type CtaLinkCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const CtaLinkCell: <TData extends RowData>({ cell }: CtaLinkCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=cta-link-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cta-link-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/cta-link-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI;IACpC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,OAAO,YAAY,gBAAgB,CAAC,KAAK,CAAC,sBAcnF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type DateCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const DateCell: <TData extends RowData>({ cell }: DateCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=date-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/date-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI;IACjC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,OAAO,YAAY,aAAa,CAAC,KAAK,CAAC,sBAmB7E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/empty-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,SAAS,yBAErB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type ErrorAlertMessageProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const ErrorAlertMessageCell: <TData extends RowData>({ cell, }: ErrorAlertMessageProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=error-message-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-message-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/error-message-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,sBAAsB,CAAC,KAAK,IAAI;IAC1C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,OAAO,aAExD,sBAAsB,CAAC,KAAK,CAAC,sBAa/B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type IconTextCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const IconTextCell: <TData extends RowData>({ cell }: IconTextCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=icon-text-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-text-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/icon-text-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;IACrC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS,OAAO,YAAY,iBAAiB,CAAC,KAAK,CAAC,sBAerF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type LeadTextCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const LeadTextCell: <TData extends RowData>({ cell }: LeadTextCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=lead-text-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lead-text-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/lead-text-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;IACrC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS,OAAO,YAAY,iBAAiB,CAAC,KAAK,CAAC,sBAQrF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type LinkCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const LinkCell: <TData extends RowData>({ cell }: LinkCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=link-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/link-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAStD,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI;IACjC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,OAAO,YAAY,aAAa,CAAC,KAAK,CAAC,sBAyC7E,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type NumberCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const NumberCell: <TData extends RowData>({ cell }: NumberCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=number-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/number-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI;IACnC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,OAAO,YAAY,eAAe,CAAC,KAAK,CAAC,sBAajF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type RowSelectionCellProps<TData extends RowData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const RowSelectionCell: <TData extends RowData>({ cell }: RowSelectionCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=row-selection-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"row-selection-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/row-selection-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMtD,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,OAAO,IAAI;IACzD,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,OAAO,YAAY,qBAAqB,CAAC,KAAK,CAAC,sBAS7F,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type RowToggleCellProps<TData extends RowData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const RowToggleCell: <TData extends RowData>({ cell }: RowToggleCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=row-toggle-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"row-toggle-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/row-toggle-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMtD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI;IACtD,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,YAAY,kBAAkB,CAAC,KAAK,CAAC,sBAWvF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type ToggleCellProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToggleCell: <TData extends RowData>({ cell }: ToggleCellProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=toggle-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/toggle-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI;IACnC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,OAAO,YAAY,eAAe,CAAC,KAAK,CAAC,sBAQjF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Cell, RowData } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type WarningAlertMessageProps<TData> = {
|
|
5
|
+
cell: Cell<TData, unknown>;
|
|
6
|
+
};
|
|
7
|
+
export declare const WarningAlertMessageCell: <TData extends RowData>({ cell, }: WarningAlertMessageProps<TData>) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=warning-message-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"warning-message-cell.d.ts","sourceRoot":"","sources":["../../src/cell-types/warning-message-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOtD,MAAM,MAAM,wBAAwB,CAAC,KAAK,IAAI;IAC5C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,KAAK,SAAS,OAAO,aAE1D,wBAAwB,CAAC,KAAK,CAAC,sBAajC,CAAC"}
|
package/dist/metadata.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
"moduleName": "table",
|
|
3
|
+
"exports": [
|
|
4
|
+
"createColumnHelper",
|
|
5
|
+
"ColumnDef",
|
|
6
|
+
"ColumnFiltersState",
|
|
7
|
+
"CoreOptions",
|
|
8
|
+
"PaginationState",
|
|
9
|
+
"RowData",
|
|
10
|
+
"RowSelectionState",
|
|
11
|
+
"SortingState",
|
|
12
|
+
"TableOptions",
|
|
13
|
+
"VisibilityState",
|
|
14
|
+
"TableProps",
|
|
15
|
+
"Table"
|
|
16
|
+
]
|
|
17
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SimpleTableData, TableData } from './table-data';
|
|
2
|
+
|
|
3
|
+
export declare const columnDef: ((import('@tanstack/react-table').AccessorKeyColumnDefBase<TableData, number> & Partial<import('@tanstack/react-table').IdIdentifier<TableData, number>>) | (import('@tanstack/react-table').ColumnDefBase<TableData, unknown> & import('@tanstack/react-table').StringHeaderIdentifier) | (import('@tanstack/react-table').ColumnDefBase<TableData, unknown> & import('@tanstack/react-table').IdIdentifier<TableData, unknown>))[];
|
|
4
|
+
export declare const simpleColumnDef: (import('@tanstack/react-table').AccessorKeyColumnDefBase<SimpleTableData, string> & Partial<import('@tanstack/react-table').IdIdentifier<SimpleTableData, string>>)[];
|
|
5
|
+
//# sourceMappingURL=column-def.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-def.d.ts","sourceRoot":"","sources":["../../src/story-utils/column-def.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,eAAO,MAAM,SAAS,saA6GrB,CAAC;AAGF,eAAO,MAAM,eAAe,wKA6B3B,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BadgeVariant } from '@purpurds/badge';
|
|
3
|
+
import { ButtonProps } from '@purpurds/button';
|
|
4
|
+
import { ButtonGroupButtonProp } from '../cell-types/button-group-cell';
|
|
5
|
+
|
|
6
|
+
export type TableData = {
|
|
7
|
+
id: number;
|
|
8
|
+
name: string;
|
|
9
|
+
badge: {
|
|
10
|
+
variant: BadgeVariant;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
date: string;
|
|
14
|
+
link?: {
|
|
15
|
+
href: string;
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
longString: string;
|
|
19
|
+
position: number;
|
|
20
|
+
button?: ButtonProps | undefined;
|
|
21
|
+
buttonGroup?: ButtonGroupButtonProp[] | undefined;
|
|
22
|
+
};
|
|
23
|
+
export type SimpleTableData = {
|
|
24
|
+
id: number;
|
|
25
|
+
name: string;
|
|
26
|
+
link: {
|
|
27
|
+
href: string;
|
|
28
|
+
children: React.ReactNode;
|
|
29
|
+
};
|
|
30
|
+
longString: string;
|
|
31
|
+
};
|
|
32
|
+
export declare const tableData: TableData[];
|
|
33
|
+
export declare const simpleTableData: SimpleTableData[];
|
|
34
|
+
export declare const generateLargeTableData: (rowCount: number) => TableData[];
|
|
35
|
+
//# sourceMappingURL=table-data.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-data.d.ts","sourceRoot":"","sources":["../../src/story-utils/table-data.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QACL,OAAO,EAAE,YAAY,CAAC;QACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;CACnD,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SAAS,EAoDhC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,EAyB5C,CAAC;AAuDF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,SAAS,EAwFlE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PaginationState } from '../table';
|
|
2
|
+
import { TableData } from './table-data';
|
|
3
|
+
|
|
4
|
+
export declare const useFetchTableData: ({ pagination, selectedRows, }: {
|
|
5
|
+
pagination: PaginationState;
|
|
6
|
+
selectedRows?: string[];
|
|
7
|
+
}) => {
|
|
8
|
+
data: TableData[];
|
|
9
|
+
totalRowCount: number;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=use-fetch-table-data-hook.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-fetch-table-data-hook.d.ts","sourceRoot":"","sources":["../../src/story-utils/use-fetch-table-data-hook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjE,eAAO,MAAM,iBAAiB,kCAG3B;IACD,UAAU,EAAE,eAAe,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,KAAG;IAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAkB7C,CAAC"}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._purpur-table_1l370_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);z-index:1;max-width:fit-content;background-color:inherit}._purpur-table__container_1l370_13{overflow-x:scroll;overflow-y:auto}._purpur-table__container_1l370_13:has(._purpur-table-column-header-cell__first-header-visible_1l370_17){border-top-left-radius:var(--table-border-radius)}._purpur-table__container_1l370_13:has(._purpur-table-column-header-cell__last-header-visible_1l370_20){border-top-right-radius:var(--table-border-radius)}._purpur-table__container_1l370_13:has(._purpur-table-row-cell__last-row-first-cell-visible_1l370_23){border-bottom-left-radius:var(--table-border-radius)}._purpur-table__container_1l370_13:has(._purpur-table-row-cell__last-row-last-cell-visible_1l370_26){border-bottom-right-radius:var(--table-border-radius)}._purpur-table__table_1l370_30{table-layout:auto;border-collapse:separate;border-spacing:0;position:relative}._purpur-table-header_1l370_37 ._purpur-table-column-header-cell_1l370_17{border-top:var(--table-border)}._purpur-table-header_1l370_37 ._purpur-table-column-header-cell_1l370_17:first-of-type{border-left:var(--table-border)}._purpur-table-header_1l370_37 ._purpur-table-column-header-cell_1l370_17:last-of-type{border-right:var(--table-border)}._purpur-table-header_1l370_37 ._purpur-table-column-header-cell__sticky-header_1l370_46{position:sticky;top:0;z-index:4;background-color:inherit}._purpur-table-header_1l370_37 ._purpur-table-column-header-cell__sticky-column_1l370_52{z-index:5}._purpur-table-header--has-filters_1l370_55 ._purpur-table-row_1l370_23{vertical-align:baseline}._purpur-table-column-header-cell_1l370_17{padding:var(--purpur-spacing-150) var(--purpur-spacing-150) var(--purpur-spacing-150) var(--purpur-spacing-300);border-bottom:var(--table-border);text-align:left}._purpur-table-column-header-cell__checkbox_1l370_64{vertical-align:middle}._purpur-table-column-header-cell__border-radius-first-cell_1l370_67{border-top-left-radius:var(--table-border-radius)}._purpur-table-column-header-cell__border-radius-last-cell_1l370_70{border-top-right-radius:var(--table-border-radius)}._purpur-table-column-header-cell__content_1l370_73{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100)}._purpur-table-column-header-cell__title_1l370_79{display:flex;align-items:center;gap:var(--purpur-spacing-50);align-self:stretch}._purpur-table-column-header-cell__sortable-title_1l370_85{padding-left:0}._purpur-table-column-header-cell__filter-wrapper_1l370_88{display:flex;padding-right:var(--purpur-spacing-150);flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table-row_1l370_23 ._purpur-table-row-cell_1l370_23:first-of-type{border-left:var(--table-border)}._purpur-table-row_1l370_23 ._purpur-table-row-cell_1l370_23:last-of-type{border-right:var(--table-border)}._purpur-table-row_1l370_23 ._purpur-table-row-cell_1l370_23._purpur-table-row-cell__border-radius-first-cell_1l370_103{border-bottom-left-radius:var(--table-border-radius)}._purpur-table-row_1l370_23 ._purpur-table-row-cell_1l370_23._purpur-table-row-cell__border-radius-last-cell_1l370_106{border-bottom-right-radius:var(--table-border-radius)}._purpur-table-row_1l370_23:last-of-type ._purpur-table-row-cell_1l370_23{border-bottom:var(--table-border)}._purpur-table-row_1l370_23:has(._purpur-table-row-cell__row-selection_1l370_112) ._purpur-table-row-cell_1l370_23:hover:first-of-type:before,._purpur-table-row_1l370_23:has(._purpur-table-row-cell__row-toggle_1l370_112) ._purpur-table-row-cell_1l370_23:hover:first-of-type:before{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-weak)}._purpur-table-row--selected_1l370_121 td:first-of-type:before{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)}._purpur-table-column-header-cell__sticky-column_1l370_52,._purpur-table-row-cell__sticky-column_1l370_132{position:sticky;left:0;z-index:3;background-color:inherit}._purpur-table-column-header-cell__sticky-column_1l370_52+._purpur-table-column-header-cell__sticky-column_1l370_52,._purpur-table-column-header-cell__sticky-column_1l370_52+._purpur-table-row-cell__sticky-column_1l370_132,._purpur-table-row-cell__sticky-column_1l370_132+._purpur-table-column-header-cell__sticky-column_1l370_52,._purpur-table-row-cell__sticky-column_1l370_132+._purpur-table-row-cell__sticky-column_1l370_132{left:73px}._purpur-table-column-header-cell__sticky-column__with-sticky-border_1l370_143,._purpur-table-row-cell__sticky-column__with-sticky-border_1l370_144{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_1l370_23{height:var(--purpur-spacing-1200);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_1l370_157{display:flex;align-items:center;gap:var(--purpur-spacing-100);flex:1 0 0}._purpur-table-row-cell__icon-text_1l370_163,._purpur-table-row-cell__error-message_1l370_170,._purpur-table-row-cell__warning-message_1l370_170{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_1l370_112{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_1l370_112: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_1l370_112:hover:disabled,._purpur-table-row-cell__row-toggle_1l370_112:hover[aria-checked=true]{cursor:default}._purpur-table-row-cell__row-toggle_1l370_112:active{outline:none}._purpur-table-row-cell__row-toggle_1l370_112:focus{outline:none}._purpur-table-row-cell__right-align_1l370_202{text-align:right}._purpur-table-row-cell__truncate_1l370_205{position:relative;max-width:100%;width:100%}._purpur-table-row-cell__truncate_1l370_205 a,._purpur-table-row-cell__truncate_1l370_205 p,._purpur-table-row-cell__truncate_1l370_205 span,._purpur-table-row-cell__truncate_1l370_205 div{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;width:inherit}._purpur-table-row-cell__skeleton_1l370_221{height:30%;width:100%}._purpur-table-row-cell__tooltip-content_1l370_225{z-index:10}._purpur-table--primary_1l370_229 ._purpur-table-header_1l370_37 ._purpur-table-row_1l370_23,._purpur-table--primary_1l370_229 ._purpur-table-body_1l370_232 ._purpur-table-row_1l370_23{background:var(--purpur-color-background-primary)}._purpur-table--primary_1l370_229 ._purpur-table-body_1l370_232 ._purpur-table-row_1l370_23:nth-of-type(odd){background:var(--purpur-color-background-secondary)}._purpur-table--secondary_1l370_239 ._purpur-table-header_1l370_37 ._purpur-table-row_1l370_23,._purpur-table--secondary_1l370_239 ._purpur-table-body_1l370_232 ._purpur-table-row_1l370_23{background:var(--purpur-color-background-secondary)}._purpur-table--secondary_1l370_239 ._purpur-table-body_1l370_232 ._purpur-table-row_1l370_23:nth-of-type(odd){background:var(--purpur-color-background-primary)}._purpur-table__empty-section_1l370_249{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_1l370_258{width:var(--purpur-spacing-1600);height:var(--purpur-spacing-1600);aspect-ratio:1/1;opacity:.9}._purpur-table__empty-section__texts_1l370_264{display:flex;flex-direction:column;align-items:center;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-table__empty-section--primary_1l370_271{background:var(--purpur-color-background-secondary)}._purpur-table__empty-section--secondary_1l370_274{background:var(--purpur-color-background-primary)}@media (min-width: 600px){._purpur-table__empty-section_1l370_249{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_spgbp_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-600);align-self:stretch}._purpur-table-settings-drawer__general-settings_spgbp_8,._purpur-table-settings-drawer__visible-columns_spgbp_8{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-200);align-self:stretch}._purpur-table-settings-drawer__button-group_spgbp_15{text-align:center}._purpur-table-settings-drawer__toggle_spgbp_18{justify-content:space-between;width:100%}._purpur-table-toolbar_8vziu_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%}._purpur-table-toolbar__content_8vziu_12{display:flex;align-items:center;gap:var(--purpur-spacing-200)}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type TableActionBarCopyProps = {
|
|
4
|
+
buttons: {
|
|
5
|
+
cancel: string;
|
|
6
|
+
primary: string;
|
|
7
|
+
secondary?: string;
|
|
8
|
+
toggleSelected: string;
|
|
9
|
+
};
|
|
10
|
+
selectedRowsCount: {
|
|
11
|
+
of: string;
|
|
12
|
+
selected: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export type TableActionBarProps = {
|
|
16
|
+
rowCount: number;
|
|
17
|
+
selectedRowsCount: number;
|
|
18
|
+
copy: TableActionBarCopyProps;
|
|
19
|
+
isVisible: boolean;
|
|
20
|
+
onCancelSelection: () => void;
|
|
21
|
+
onToggleSelected: () => void;
|
|
22
|
+
onPrimaryButtonClick: () => void;
|
|
23
|
+
onSecondaryButtonClick?: () => void;
|
|
24
|
+
};
|
|
25
|
+
export declare const TableActionBar: ({ rowCount, selectedRowsCount, copy, isVisible, onCancelSelection, onToggleSelected, onPrimaryButtonClick, onSecondaryButtonClick, }: TableActionBarProps) => React.JSX.Element;
|
|
26
|
+
//# sourceMappingURL=table-action-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-action-bar.d.ts","sourceRoot":"","sources":["../src/table-action-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,iBAAiB,EAAE;QACjB,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,uBAAuB,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC,CAAC;AAMF,eAAO,MAAM,cAAc,yIASxB,mBAAmB,sBAyDrB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type TableBodyProps = {
|
|
4
|
+
["data-testid"]?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const TableBody: ({ children, className, ...props }: TableBodyProps) => React.JSX.Element;
|
|
9
|
+
export default TableBody;
|
|
10
|
+
//# sourceMappingURL=table-body.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../src/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,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,sCAAuC,cAAc,sBAQnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Header, RowData, Table } from '@tanstack/react-table';
|
|
3
|
+
|
|
4
|
+
export type SortingEnabledProps = {
|
|
5
|
+
enableSorting: true;
|
|
6
|
+
sortingAriaLabels: SortingAriaLabels;
|
|
7
|
+
};
|
|
8
|
+
export type SortingDisabledProps = {
|
|
9
|
+
enableSorting?: false;
|
|
10
|
+
sortingAriaLabels?: never;
|
|
11
|
+
};
|
|
12
|
+
export type TableColumnHeaderCellProps<TData> = {
|
|
13
|
+
className?: string;
|
|
14
|
+
stickyColumn: boolean;
|
|
15
|
+
stickyHeaders: boolean;
|
|
16
|
+
header: Header<TData, unknown>;
|
|
17
|
+
tanstackTable: Table<TData>;
|
|
18
|
+
isScrolled?: boolean;
|
|
19
|
+
showBorder?: boolean;
|
|
20
|
+
} & (SortingEnabledProps | SortingDisabledProps);
|
|
21
|
+
export type SortingAriaLabels = {
|
|
22
|
+
desc: string;
|
|
23
|
+
asc: string;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
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;
|
|
28
|
+
//# sourceMappingURL=table-column-header-cell.d.ts.map
|
|
@@ -0,0 +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;AAU3D,OAAO,EAAc,MAAM,EAAE,OAAO,EAAiB,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAO1F,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,gIAUxD,0BAA0B,CAAC,KAAK,CAAC,sBAmGnC,CAAC"}
|