@atlaskit/table 0.4.27 → 0.4.29
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/CHANGELOG.md +128 -55
- package/dist/cjs/body.js +2 -5
- package/dist/cjs/expandable-cell.js +2 -5
- package/dist/cjs/row.js +4 -6
- package/dist/cjs/selectable-cell.js +2 -5
- package/dist/cjs/sortable-column.js +4 -3
- package/dist/cjs/table.js +2 -5
- package/dist/cjs/thead.js +7 -7
- package/dist/cjs/ui/base-cell.js +4 -2
- package/dist/cjs/ui/th.js +4 -2
- package/dist/es2019/body.js +2 -2
- package/dist/es2019/expandable-cell.js +2 -2
- package/dist/es2019/row.js +4 -3
- package/dist/es2019/selectable-cell.js +2 -2
- package/dist/es2019/sortable-column.js +4 -3
- package/dist/es2019/table.js +2 -2
- package/dist/es2019/thead.js +7 -4
- package/dist/es2019/ui/base-cell.js +4 -2
- package/dist/es2019/ui/th.js +4 -2
- package/dist/esm/body.js +2 -2
- package/dist/esm/expandable-cell.js +2 -2
- package/dist/esm/row.js +4 -3
- package/dist/esm/selectable-cell.js +2 -2
- package/dist/esm/sortable-column.js +4 -3
- package/dist/esm/table.js +2 -2
- package/dist/esm/thead.js +7 -4
- package/dist/esm/ui/base-cell.js +4 -2
- package/dist/esm/ui/th.js +4 -2
- package/dist/types/ui/base-cell.d.ts +10 -2
- package/dist/types/ui/th.d.ts +2 -2
- package/dist/types-ts4.5/ui/base-cell.d.ts +10 -2
- package/dist/types-ts4.5/ui/th.d.ts +2 -2
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,295 +1,368 @@
|
|
|
1
1
|
# @atlaskit/table
|
|
2
2
|
|
|
3
|
+
## 0.4.29
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#95783](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95783)
|
|
8
|
+
[`3c001bfc3c35`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c001bfc3c35) -
|
|
9
|
+
Added `rowSpan` prop to `<BaseCell>`. Added `colSpan` prop to `<TH>`.
|
|
10
|
+
|
|
11
|
+
## 0.4.28
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007)
|
|
16
|
+
[`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) -
|
|
17
|
+
Migrated to the new button component
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 0.4.27
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
6
23
|
|
|
7
|
-
-
|
|
24
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
25
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
26
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
8
27
|
|
|
9
28
|
## 0.4.26
|
|
10
29
|
|
|
11
30
|
### Patch Changes
|
|
12
31
|
|
|
13
|
-
-
|
|
32
|
+
- Updated dependencies
|
|
14
33
|
|
|
15
34
|
## 0.4.25
|
|
16
35
|
|
|
17
36
|
### Patch Changes
|
|
18
37
|
|
|
19
|
-
-
|
|
38
|
+
- [#78598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78598)
|
|
39
|
+
[`cabae83473c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabae83473c3) -
|
|
40
|
+
[ux] Focus styles for Checkbox and Radio components
|
|
20
41
|
|
|
21
42
|
## 0.4.24
|
|
22
43
|
|
|
23
44
|
### Patch Changes
|
|
24
45
|
|
|
25
|
-
-
|
|
46
|
+
- Updated dependencies
|
|
26
47
|
|
|
27
48
|
## 0.4.23
|
|
28
49
|
|
|
29
50
|
### Patch Changes
|
|
30
51
|
|
|
31
|
-
-
|
|
32
|
-
-
|
|
52
|
+
- [#77488](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77488)
|
|
53
|
+
[`27e6fdab53dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/27e6fdab53dc) -
|
|
54
|
+
Cells now use logical property styles.
|
|
55
|
+
- Updated dependencies
|
|
33
56
|
|
|
34
57
|
## 0.4.22
|
|
35
58
|
|
|
36
59
|
### Patch Changes
|
|
37
60
|
|
|
38
|
-
-
|
|
61
|
+
- Updated dependencies
|
|
39
62
|
|
|
40
63
|
## 0.4.21
|
|
41
64
|
|
|
42
65
|
### Patch Changes
|
|
43
66
|
|
|
44
|
-
-
|
|
45
|
-
-
|
|
67
|
+
- [#75714](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75714)
|
|
68
|
+
[`33f4a64132a3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/33f4a64132a3) -
|
|
69
|
+
Remove duplicate accessible labels on Icon buttons, which were unnecessarily added through the
|
|
70
|
+
`aria-label` attribute.
|
|
71
|
+
- Updated dependencies
|
|
46
72
|
|
|
47
73
|
## 0.4.20
|
|
48
74
|
|
|
49
75
|
### Patch Changes
|
|
50
76
|
|
|
51
|
-
-
|
|
77
|
+
- Updated dependencies
|
|
52
78
|
|
|
53
79
|
## 0.4.19
|
|
54
80
|
|
|
55
81
|
### Patch Changes
|
|
56
82
|
|
|
57
|
-
-
|
|
83
|
+
- [#65875](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65875)
|
|
84
|
+
[`98e49fd3f04d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/98e49fd3f04d) -
|
|
85
|
+
[ux] Updated buttons in table to consume new buttons.
|
|
58
86
|
|
|
59
87
|
## 0.4.18
|
|
60
88
|
|
|
61
89
|
### Patch Changes
|
|
62
90
|
|
|
63
|
-
-
|
|
91
|
+
- Updated dependencies
|
|
64
92
|
|
|
65
93
|
## 0.4.17
|
|
66
94
|
|
|
67
95
|
### Patch Changes
|
|
68
96
|
|
|
69
|
-
-
|
|
97
|
+
- Updated dependencies
|
|
70
98
|
|
|
71
99
|
## 0.4.16
|
|
72
100
|
|
|
73
101
|
### Patch Changes
|
|
74
102
|
|
|
75
|
-
-
|
|
103
|
+
- Updated dependencies
|
|
76
104
|
|
|
77
105
|
## 0.4.15
|
|
78
106
|
|
|
79
107
|
### Patch Changes
|
|
80
108
|
|
|
81
|
-
-
|
|
109
|
+
- Updated dependencies
|
|
82
110
|
|
|
83
111
|
## 0.4.14
|
|
84
112
|
|
|
85
113
|
### Patch Changes
|
|
86
114
|
|
|
87
|
-
-
|
|
88
|
-
|
|
115
|
+
- [#37533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37533)
|
|
116
|
+
[`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) -
|
|
117
|
+
Updated dependencies
|
|
118
|
+
- [#37419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37419)
|
|
119
|
+
[`95401cac781`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95401cac781) -
|
|
120
|
+
Internal change to component composition. There is no expected change.
|
|
89
121
|
|
|
90
122
|
## 0.4.13
|
|
91
123
|
|
|
92
124
|
### Patch Changes
|
|
93
125
|
|
|
94
|
-
-
|
|
126
|
+
- [#36900](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36900)
|
|
127
|
+
[`a981691b65e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a981691b65e) -
|
|
128
|
+
Updated internal dependencies.
|
|
95
129
|
|
|
96
130
|
## 0.4.12
|
|
97
131
|
|
|
98
132
|
### Patch Changes
|
|
99
133
|
|
|
100
|
-
-
|
|
134
|
+
- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754)
|
|
135
|
+
[`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use
|
|
136
|
+
`@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility
|
|
137
|
+
testing.
|
|
101
138
|
|
|
102
139
|
## 0.4.11
|
|
103
140
|
|
|
104
141
|
### Patch Changes
|
|
105
142
|
|
|
106
|
-
-
|
|
143
|
+
- Updated dependencies
|
|
107
144
|
|
|
108
145
|
## 0.4.10
|
|
109
146
|
|
|
110
147
|
### Patch Changes
|
|
111
148
|
|
|
112
|
-
-
|
|
149
|
+
- Updated dependencies
|
|
113
150
|
|
|
114
151
|
## 0.4.9
|
|
115
152
|
|
|
116
153
|
### Patch Changes
|
|
117
154
|
|
|
118
|
-
-
|
|
155
|
+
- Updated dependencies
|
|
119
156
|
|
|
120
157
|
## 0.4.8
|
|
121
158
|
|
|
122
159
|
### Patch Changes
|
|
123
160
|
|
|
124
|
-
-
|
|
161
|
+
- Updated dependencies
|
|
125
162
|
|
|
126
163
|
## 0.4.7
|
|
127
164
|
|
|
128
165
|
### Patch Changes
|
|
129
166
|
|
|
130
|
-
-
|
|
167
|
+
- Updated dependencies
|
|
131
168
|
|
|
132
169
|
## 0.4.6
|
|
133
170
|
|
|
134
171
|
### Patch Changes
|
|
135
172
|
|
|
136
|
-
-
|
|
173
|
+
- Updated dependencies
|
|
137
174
|
|
|
138
175
|
## 0.4.5
|
|
139
176
|
|
|
140
177
|
### Patch Changes
|
|
141
178
|
|
|
142
|
-
-
|
|
179
|
+
- Updated dependencies
|
|
143
180
|
|
|
144
181
|
## 0.4.4
|
|
145
182
|
|
|
146
183
|
### Patch Changes
|
|
147
184
|
|
|
148
|
-
-
|
|
185
|
+
- Updated dependencies
|
|
149
186
|
|
|
150
187
|
## 0.4.3
|
|
151
188
|
|
|
152
189
|
### Patch Changes
|
|
153
190
|
|
|
154
|
-
-
|
|
191
|
+
- [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
|
|
192
|
+
[`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) -
|
|
193
|
+
Removing unused dependencies and dev dependencies
|
|
155
194
|
|
|
156
195
|
## 0.4.2
|
|
157
196
|
|
|
158
197
|
### Patch Changes
|
|
159
198
|
|
|
160
|
-
-
|
|
199
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
200
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
201
|
+
legacy types are published for TS 4.5-4.8
|
|
161
202
|
|
|
162
203
|
## 0.4.1
|
|
163
204
|
|
|
164
205
|
### Patch Changes
|
|
165
206
|
|
|
166
|
-
-
|
|
207
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
208
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
|
|
209
|
+
Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
167
210
|
|
|
168
211
|
## 0.4.0
|
|
169
212
|
|
|
170
213
|
### Minor Changes
|
|
171
214
|
|
|
172
|
-
-
|
|
215
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
216
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
217
|
+
minor dependency bump
|
|
173
218
|
|
|
174
219
|
### Patch Changes
|
|
175
220
|
|
|
176
|
-
-
|
|
221
|
+
- Updated dependencies
|
|
177
222
|
|
|
178
223
|
## 0.3.4
|
|
179
224
|
|
|
180
225
|
### Patch Changes
|
|
181
226
|
|
|
182
|
-
-
|
|
227
|
+
- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211)
|
|
228
|
+
[`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) -
|
|
229
|
+
Internal changes.
|
|
183
230
|
|
|
184
231
|
## 0.3.3
|
|
185
232
|
|
|
186
233
|
### Patch Changes
|
|
187
234
|
|
|
188
|
-
-
|
|
235
|
+
- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
|
|
236
|
+
[`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
|
|
237
|
+
remove before merging to master; dupe adf-schema via adf-utils
|
|
189
238
|
|
|
190
239
|
## 0.3.2
|
|
191
240
|
|
|
192
241
|
### Patch Changes
|
|
193
242
|
|
|
194
|
-
-
|
|
243
|
+
- Updated dependencies
|
|
195
244
|
|
|
196
245
|
## 0.3.1
|
|
197
246
|
|
|
198
247
|
### Patch Changes
|
|
199
248
|
|
|
200
|
-
-
|
|
249
|
+
- Updated dependencies
|
|
201
250
|
|
|
202
251
|
## 0.3.0
|
|
203
252
|
|
|
204
253
|
### Minor Changes
|
|
205
254
|
|
|
206
|
-
-
|
|
255
|
+
- [#31531](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31531)
|
|
256
|
+
[`bc489da7472`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc489da7472) - [ux] -
|
|
257
|
+
Adds new primitives to support expandable row functionality. This will supersede the
|
|
258
|
+
`@atlaskit/table-tree` package.
|
|
207
259
|
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
260
|
+
- `<ExpandableRow>`
|
|
261
|
+
- `<ExpandableRowContent>`
|
|
262
|
+
- `<ExpandableCell>`
|
|
211
263
|
|
|
212
264
|
## 0.2.8
|
|
213
265
|
|
|
214
266
|
### Patch Changes
|
|
215
267
|
|
|
216
|
-
-
|
|
268
|
+
- Updated dependencies
|
|
217
269
|
|
|
218
270
|
## 0.2.7
|
|
219
271
|
|
|
220
272
|
### Patch Changes
|
|
221
273
|
|
|
222
|
-
-
|
|
274
|
+
- Updated dependencies
|
|
223
275
|
|
|
224
276
|
## 0.2.6
|
|
225
277
|
|
|
226
278
|
### Patch Changes
|
|
227
279
|
|
|
228
|
-
-
|
|
280
|
+
- Updated dependencies
|
|
229
281
|
|
|
230
282
|
## 0.2.5
|
|
231
283
|
|
|
232
284
|
### Patch Changes
|
|
233
285
|
|
|
234
|
-
-
|
|
286
|
+
- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206)
|
|
287
|
+
[`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) -
|
|
288
|
+
Upgrades component types to support React 18.
|
|
235
289
|
|
|
236
290
|
## 0.2.4
|
|
237
291
|
|
|
238
292
|
### Patch Changes
|
|
239
293
|
|
|
240
|
-
-
|
|
294
|
+
- [#31242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31242)
|
|
295
|
+
[`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) -
|
|
296
|
+
Internal change only. Replace usages of Inline/Stack with stable version from
|
|
297
|
+
`@atlaskit/primitives`.
|
|
241
298
|
|
|
242
299
|
## 0.2.3
|
|
243
300
|
|
|
244
301
|
### Patch Changes
|
|
245
302
|
|
|
246
|
-
-
|
|
303
|
+
- [#31055](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31055)
|
|
304
|
+
[`8fb961ffa76`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8fb961ffa76) - [ux]
|
|
305
|
+
Fixed some accessibility bugs. Now checkboxes in selectable cells are labelled for assistive
|
|
306
|
+
technology users, sortable columns have their sorting state programmatically associated through
|
|
307
|
+
the `aria-sort` attribute, and the sort button has an `aria-roledescription` to ensure that
|
|
308
|
+
assistive technology users are informed that the column headers are sortable in nature.
|
|
247
309
|
|
|
248
310
|
## 0.2.2
|
|
249
311
|
|
|
250
312
|
### Patch Changes
|
|
251
313
|
|
|
252
|
-
-
|
|
314
|
+
- Updated dependencies
|
|
253
315
|
|
|
254
316
|
## 0.2.1
|
|
255
317
|
|
|
256
318
|
### Patch Changes
|
|
257
319
|
|
|
258
|
-
-
|
|
259
|
-
-
|
|
320
|
+
- [#27891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27891)
|
|
321
|
+
[`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) -
|
|
322
|
+
Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs.
|
|
323
|
+
There are no visual or behaviour changes.
|
|
324
|
+
- Updated dependencies
|
|
260
325
|
|
|
261
326
|
## 0.2.0
|
|
262
327
|
|
|
263
328
|
### Minor Changes
|
|
264
329
|
|
|
265
|
-
-
|
|
330
|
+
- [#28885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28885)
|
|
331
|
+
[`0fc5e276eb4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fc5e276eb4) - [ux]
|
|
332
|
+
Fix borders not showing in Safari. Table is shifted down slightly as a result.
|
|
266
333
|
|
|
267
334
|
## 0.1.4
|
|
268
335
|
|
|
269
336
|
### Patch Changes
|
|
270
337
|
|
|
271
|
-
-
|
|
338
|
+
- Updated dependencies
|
|
272
339
|
|
|
273
340
|
## 0.1.3
|
|
274
341
|
|
|
275
342
|
### Patch Changes
|
|
276
343
|
|
|
277
|
-
-
|
|
344
|
+
- Updated dependencies
|
|
278
345
|
|
|
279
346
|
## 0.1.2
|
|
280
347
|
|
|
281
348
|
### Patch Changes
|
|
282
349
|
|
|
283
|
-
-
|
|
350
|
+
- [#28013](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28013)
|
|
351
|
+
[`d2c17ae6f14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2c17ae6f14) - Adds
|
|
352
|
+
the `width` prop to '@atlaskit/table' header elements.
|
|
284
353
|
|
|
285
354
|
## 0.1.1
|
|
286
355
|
|
|
287
356
|
### Patch Changes
|
|
288
357
|
|
|
289
|
-
-
|
|
358
|
+
- [#27929](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27929)
|
|
359
|
+
[`7d3f2c3c117`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d3f2c3c117) -
|
|
360
|
+
Iterate on typings and component performance
|
|
290
361
|
|
|
291
362
|
## 0.1.0
|
|
292
363
|
|
|
293
364
|
### Minor Changes
|
|
294
365
|
|
|
295
|
-
-
|
|
366
|
+
- [#27738](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27738)
|
|
367
|
+
[`e2e5705f5d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2e5705f5d8) - Create
|
|
368
|
+
initial component from Figma spec. Dev release, not intended for consumption.
|
package/dist/cjs/body.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -15,10 +14,8 @@ var _selectionProvider = require("./hooks/selection-provider");
|
|
|
15
14
|
var _useRowId = require("./hooks/use-row-id");
|
|
16
15
|
var _useTable2 = require("./hooks/use-table");
|
|
17
16
|
var _useTableBody = require("./hooks/use-table-body");
|
|
18
|
-
var
|
|
17
|
+
var _ui = require("./ui");
|
|
19
18
|
var _excluded = ["idx"];
|
|
20
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @repo/internal/react/no-clone-element */ /** @jsx jsx */
|
|
24
21
|
/**
|
|
@@ -57,7 +54,7 @@ function TBody(_ref) {
|
|
|
57
54
|
}, [rows, sortFn]);
|
|
58
55
|
return (0, _react2.jsx)(_useTableBody.TableBodyProvider, {
|
|
59
56
|
value: true
|
|
60
|
-
}, (0, _react2.jsx)(
|
|
57
|
+
}, (0, _react2.jsx)(_ui.TBody, null, typeof children === 'function' && sortedRows ? sortedRows.map(function (_ref2) {
|
|
61
58
|
var idx = _ref2.idx,
|
|
62
59
|
row = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
63
60
|
return (0, _react2.jsx)(_useRowId.RowProvider, {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ var _new = require("@atlaskit/button/new");
|
|
|
12
11
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
|
|
13
12
|
var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
|
|
14
13
|
var _useExpand2 = _interopRequireDefault(require("./hooks/use-expand"));
|
|
15
|
-
var
|
|
16
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
var _expandableCell = require("./ui/expandable-cell");
|
|
18
15
|
/** @jsx jsx */
|
|
19
16
|
|
|
20
17
|
/**
|
|
@@ -30,7 +27,7 @@ var ExpandableCell = /*#__PURE__*/(0, _react.memo)(function () {
|
|
|
30
27
|
var handleClick = (0, _react.useCallback)(function () {
|
|
31
28
|
toggleExpanded();
|
|
32
29
|
}, [toggleExpanded]);
|
|
33
|
-
return (0, _react2.jsx)(
|
|
30
|
+
return (0, _react2.jsx)(_expandableCell.ExpandableCell, {
|
|
34
31
|
as: "td"
|
|
35
32
|
}, (0, _react2.jsx)(_new.IconButton, {
|
|
36
33
|
spacing: "compact",
|
package/dist/cjs/row.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -16,9 +15,8 @@ var _useRowId = require("./hooks/use-row-id");
|
|
|
16
15
|
var _useTable2 = require("./hooks/use-table");
|
|
17
16
|
var _useTableBody = require("./hooks/use-table-body");
|
|
18
17
|
var _selectableCell = _interopRequireDefault(require("./selectable-cell"));
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
var _selectableCell2 = require("./ui/selectable-cell");
|
|
19
|
+
var _tr = require("./ui/tr");
|
|
22
20
|
/** @jsx jsx */
|
|
23
21
|
|
|
24
22
|
/**
|
|
@@ -57,11 +55,11 @@ var Row = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
57
55
|
}
|
|
58
56
|
var selectableCell = isSelectable && (0, _react2.jsx)(_selectableCell.default, null);
|
|
59
57
|
if (isSelectable && isExpandableContent) {
|
|
60
|
-
selectableCell = (0, _react2.jsx)(
|
|
58
|
+
selectableCell = (0, _react2.jsx)(_selectableCell2.SelectableCell, {
|
|
61
59
|
as: "td"
|
|
62
60
|
});
|
|
63
61
|
}
|
|
64
|
-
return (0, _react2.jsx)(
|
|
62
|
+
return (0, _react2.jsx)(_tr.TR, {
|
|
65
63
|
isSelected: isSelected,
|
|
66
64
|
testId: testId,
|
|
67
65
|
isSubitem: isExpandableContent
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -13,9 +12,7 @@ var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
|
|
|
13
12
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
14
13
|
var _selectionProvider = require("./hooks/selection-provider");
|
|
15
14
|
var _useRowId = require("./hooks/use-row-id");
|
|
16
|
-
var
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
var _ui = require("./ui");
|
|
19
16
|
/** @jsx jsx */
|
|
20
17
|
|
|
21
18
|
var SelectableCell = function SelectableCell() {
|
|
@@ -32,7 +29,7 @@ var SelectableCell = function SelectableCell() {
|
|
|
32
29
|
var onChange = (0, _react.useCallback)(function (e) {
|
|
33
30
|
return toggleSelection === null || toggleSelection === void 0 ? void 0 : toggleSelection(idx, e.nativeEvent.shiftKey);
|
|
34
31
|
}, [idx, toggleSelection]);
|
|
35
|
-
return (0, _react2.jsx)(
|
|
32
|
+
return (0, _react2.jsx)(_ui.SelectableCell, {
|
|
36
33
|
as: "td"
|
|
37
34
|
}, (0, _react2.jsx)(_checkbox.default, {
|
|
38
35
|
isChecked: isChecked,
|
|
@@ -12,7 +12,8 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
13
13
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
14
14
|
var _useTable2 = require("./hooks/use-table");
|
|
15
|
-
var
|
|
15
|
+
var _sortIcon = require("./ui/sort-icon");
|
|
16
|
+
var _th = require("./ui/th");
|
|
16
17
|
var _excluded = ["name", "testId", "onClick", "children"];
|
|
17
18
|
/* eslint-disable no-unused-vars */
|
|
18
19
|
/** @jsx jsx */
|
|
@@ -68,7 +69,7 @@ var SortableColumn = function SortableColumn(_ref) {
|
|
|
68
69
|
function () {
|
|
69
70
|
return setSortState(name);
|
|
70
71
|
}, [setSortState, name]);
|
|
71
|
-
return (0, _react2.jsx)(
|
|
72
|
+
return (0, _react2.jsx)(_th.TH, (0, _extends2.default)({
|
|
72
73
|
testId: testId,
|
|
73
74
|
sortDirection: sortKey === name ? sortDirection : 'none'
|
|
74
75
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -80,7 +81,7 @@ var SortableColumn = function SortableColumn(_ref) {
|
|
|
80
81
|
testId: "".concat(testId, "--button"),
|
|
81
82
|
spacing: "compact",
|
|
82
83
|
appearance: "subtle",
|
|
83
|
-
iconAfter: (0, _react2.jsx)(
|
|
84
|
+
iconAfter: (0, _react2.jsx)(_sortIcon.SortIcon, {
|
|
84
85
|
name: name
|
|
85
86
|
})
|
|
86
87
|
}, tooltipProps, {
|
package/dist/cjs/table.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,9 +10,7 @@ var _react2 = require("@emotion/react");
|
|
|
11
10
|
var _selectionProvider = _interopRequireDefault(require("./hooks/selection-provider"));
|
|
12
11
|
var _useSorting2 = require("./hooks/use-sorting");
|
|
13
12
|
var _useTable = require("./hooks/use-table");
|
|
14
|
-
var
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
var _ui = require("./ui");
|
|
17
14
|
/** @jsx jsx */
|
|
18
15
|
|
|
19
16
|
/**
|
|
@@ -45,7 +42,7 @@ function Table(_ref) {
|
|
|
45
42
|
}, [isSelectable, localSortKey, setSortState, sortDirection, sortFn]);
|
|
46
43
|
return (0, _react2.jsx)(_useTable.TableProvider, {
|
|
47
44
|
state: tableProviderState
|
|
48
|
-
}, (0, _react2.jsx)(
|
|
45
|
+
}, (0, _react2.jsx)(_ui.Table, {
|
|
49
46
|
testId: testId
|
|
50
47
|
}, isSelectable ? (0, _react2.jsx)(_selectionProvider.default, null, children) : children));
|
|
51
48
|
}
|
package/dist/cjs/thead.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -13,9 +12,10 @@ var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
|
|
|
13
12
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
14
13
|
var _selectionProvider = require("./hooks/selection-provider");
|
|
15
14
|
var _useTable2 = require("./hooks/use-table");
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
var _bulkActionOverlay = require("./ui/bulk-action-overlay");
|
|
16
|
+
var _selectableCell = require("./ui/selectable-cell");
|
|
17
|
+
var _thead = require("./ui/thead");
|
|
18
|
+
var _tr = require("./ui/tr");
|
|
19
19
|
/** @jsx jsx */
|
|
20
20
|
|
|
21
21
|
var THead = function THead(_ref) {
|
|
@@ -30,9 +30,9 @@ var THead = function THead(_ref) {
|
|
|
30
30
|
setAll = _useSelection2$.setAll,
|
|
31
31
|
removeAll = _useSelection2$.removeAll;
|
|
32
32
|
var isChecked = state.allChecked || state.anyChecked;
|
|
33
|
-
return (0, _react.jsx)(
|
|
33
|
+
return (0, _react.jsx)(_thead.THead, null, (0, _react.jsx)(_tr.TR, {
|
|
34
34
|
isBodyRow: false
|
|
35
|
-
}, isSelectable && (0, _react.jsx)(
|
|
35
|
+
}, isSelectable && (0, _react.jsx)(_selectableCell.SelectableCell, {
|
|
36
36
|
as: "th"
|
|
37
37
|
}, (0, _react.jsx)(_checkbox.default, {
|
|
38
38
|
label: (0, _react.jsx)(_visuallyHidden.default, {
|
|
@@ -41,7 +41,7 @@ var THead = function THead(_ref) {
|
|
|
41
41
|
onChange: isChecked ? removeAll : setAll,
|
|
42
42
|
isChecked: isChecked,
|
|
43
43
|
isIndeterminate: state.anyChecked && !state.allChecked
|
|
44
|
-
})), children, isSelectable && isChecked && (0, _react.jsx)(
|
|
44
|
+
})), children, isSelectable && isChecked && (0, _react.jsx)(_bulkActionOverlay.BulkActionOverlay, null, (0, _react.jsx)("span", {
|
|
45
45
|
style: {
|
|
46
46
|
color: "var(--ds-text, #172B4D)",
|
|
47
47
|
/* @ts-ignore migrate to Text */
|
package/dist/cjs/ui/base-cell.js
CHANGED
|
@@ -59,7 +59,8 @@ var BaseCell = exports.BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
59
59
|
width = _ref.width,
|
|
60
60
|
xcss = _ref.xcss,
|
|
61
61
|
sortDirection = _ref.sortDirection,
|
|
62
|
-
colSpan = _ref.colSpan
|
|
62
|
+
colSpan = _ref.colSpan,
|
|
63
|
+
rowSpan = _ref.rowSpan;
|
|
63
64
|
// We're type coercing this as Compiled styles in an array isn't supported by the types
|
|
64
65
|
// But the runtime accepts it none-the-wiser. We can remove this entire block and replace
|
|
65
66
|
// it with cx(defaultStyles, focusRingStyles, xcssStyles) when we've moved away from Emotion.
|
|
@@ -77,6 +78,7 @@ var BaseCell = exports.BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (
|
|
|
77
78
|
width: width
|
|
78
79
|
} : undefined,
|
|
79
80
|
"aria-sort": sortDirection,
|
|
80
|
-
colSpan: colSpan
|
|
81
|
+
colSpan: colSpan,
|
|
82
|
+
rowSpan: rowSpan
|
|
81
83
|
}, children);
|
|
82
84
|
});
|
package/dist/cjs/ui/th.js
CHANGED
|
@@ -21,7 +21,8 @@ var TH = exports.TH = function TH(_ref) {
|
|
|
21
21
|
scope = _ref.scope,
|
|
22
22
|
backgroundColor = _ref.backgroundColor,
|
|
23
23
|
width = _ref.width,
|
|
24
|
-
sortDirection = _ref.sortDirection
|
|
24
|
+
sortDirection = _ref.sortDirection,
|
|
25
|
+
colSpan = _ref.colSpan;
|
|
25
26
|
return /*#__PURE__*/_react.default.createElement(_baseCell.BaseCell, {
|
|
26
27
|
as: "th",
|
|
27
28
|
testId: testId,
|
|
@@ -29,6 +30,7 @@ var TH = exports.TH = function TH(_ref) {
|
|
|
29
30
|
scope: scope,
|
|
30
31
|
width: width,
|
|
31
32
|
backgroundColor: backgroundColor,
|
|
32
|
-
sortDirection: sortDirection
|
|
33
|
+
sortDirection: sortDirection,
|
|
34
|
+
colSpan: colSpan
|
|
33
35
|
}, children);
|
|
34
36
|
};
|
package/dist/es2019/body.js
CHANGED
|
@@ -6,7 +6,7 @@ import { useSelection } from './hooks/selection-provider';
|
|
|
6
6
|
import { RowProvider } from './hooks/use-row-id';
|
|
7
7
|
import { useTable } from './hooks/use-table';
|
|
8
8
|
import { TableBodyProvider } from './hooks/use-table-body';
|
|
9
|
-
import
|
|
9
|
+
import { TBody as TBodyPrimitive } from './ui';
|
|
10
10
|
/**
|
|
11
11
|
* __Table body__
|
|
12
12
|
*/
|
|
@@ -40,7 +40,7 @@ function TBody({
|
|
|
40
40
|
})).sort(sortFn), [rows, sortFn]);
|
|
41
41
|
return jsx(TableBodyProvider, {
|
|
42
42
|
value: true
|
|
43
|
-
}, jsx(
|
|
43
|
+
}, jsx(TBodyPrimitive, null, typeof children === 'function' && sortedRows ? sortedRows.map(({
|
|
44
44
|
idx,
|
|
45
45
|
...row
|
|
46
46
|
}) => jsx(RowProvider, {
|
|
@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
5
5
|
import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
|
|
6
6
|
import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
|
|
7
7
|
import useExpand from './hooks/use-expand';
|
|
8
|
-
import
|
|
8
|
+
import { ExpandableCell as ExpandableCellPrimitive } from './ui/expandable-cell';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* __Expandable cell__
|
|
@@ -21,7 +21,7 @@ const ExpandableCell = /*#__PURE__*/memo(() => {
|
|
|
21
21
|
const handleClick = useCallback(() => {
|
|
22
22
|
toggleExpanded();
|
|
23
23
|
}, [toggleExpanded]);
|
|
24
|
-
return jsx(
|
|
24
|
+
return jsx(ExpandableCellPrimitive, {
|
|
25
25
|
as: "td"
|
|
26
26
|
}, jsx(IconButton, {
|
|
27
27
|
spacing: "compact",
|
package/dist/es2019/row.js
CHANGED
|
@@ -8,7 +8,8 @@ import { useRowId } from './hooks/use-row-id';
|
|
|
8
8
|
import { useTable } from './hooks/use-table';
|
|
9
9
|
import { useTableBody } from './hooks/use-table-body';
|
|
10
10
|
import SelectableCell from './selectable-cell';
|
|
11
|
-
import
|
|
11
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui/selectable-cell';
|
|
12
|
+
import { TR as TRPrimitive } from './ui/tr';
|
|
12
13
|
/**
|
|
13
14
|
* __Row__
|
|
14
15
|
*
|
|
@@ -48,11 +49,11 @@ const Row = /*#__PURE__*/memo(({
|
|
|
48
49
|
}
|
|
49
50
|
let selectableCell = isSelectable && jsx(SelectableCell, null);
|
|
50
51
|
if (isSelectable && isExpandableContent) {
|
|
51
|
-
selectableCell = jsx(
|
|
52
|
+
selectableCell = jsx(SelectableCellPrimitive, {
|
|
52
53
|
as: "td"
|
|
53
54
|
});
|
|
54
55
|
}
|
|
55
|
-
return jsx(
|
|
56
|
+
return jsx(TRPrimitive, {
|
|
56
57
|
isSelected: isSelected,
|
|
57
58
|
testId: testId,
|
|
58
59
|
isSubitem: isExpandableContent
|
|
@@ -5,7 +5,7 @@ import Checkbox from '@atlaskit/checkbox';
|
|
|
5
5
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
6
6
|
import { useSelection } from './hooks/selection-provider';
|
|
7
7
|
import { useRowId } from './hooks/use-row-id';
|
|
8
|
-
import
|
|
8
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui';
|
|
9
9
|
const SelectableCell = () => {
|
|
10
10
|
const [{
|
|
11
11
|
allChecked,
|
|
@@ -16,7 +16,7 @@ const SelectableCell = () => {
|
|
|
16
16
|
const idx = useRowId();
|
|
17
17
|
const isChecked = useMemo(() => allChecked || checked.includes(idx), [allChecked, checked, idx]);
|
|
18
18
|
const onChange = useCallback(e => toggleSelection === null || toggleSelection === void 0 ? void 0 : toggleSelection(idx, e.nativeEvent.shiftKey), [idx, toggleSelection]);
|
|
19
|
-
return jsx(
|
|
19
|
+
return jsx(SelectableCellPrimitive, {
|
|
20
20
|
as: "td"
|
|
21
21
|
}, jsx(Checkbox, {
|
|
22
22
|
isChecked: isChecked,
|
|
@@ -6,7 +6,8 @@ import { css, jsx } from '@emotion/react';
|
|
|
6
6
|
import Button from '@atlaskit/button';
|
|
7
7
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
8
|
import { useTable } from './hooks/use-table';
|
|
9
|
-
import { SortIcon
|
|
9
|
+
import { SortIcon as SortIconPrimitive } from './ui/sort-icon';
|
|
10
|
+
import { TH as THPrimitive } from './ui/th';
|
|
10
11
|
/**
|
|
11
12
|
* TODO these need to be i18n supported
|
|
12
13
|
*/
|
|
@@ -59,7 +60,7 @@ const SortableColumn = ({
|
|
|
59
60
|
const updateSortState = useCallback(
|
|
60
61
|
// @ts-expect-error: TODO: Our `name` typing is off; refer to `SortKey`
|
|
61
62
|
() => setSortState(name), [setSortState, name]);
|
|
62
|
-
return jsx(
|
|
63
|
+
return jsx(THPrimitive, _extends({
|
|
63
64
|
testId: testId,
|
|
64
65
|
sortDirection: sortKey === name ? sortDirection : 'none'
|
|
65
66
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -70,7 +71,7 @@ const SortableColumn = ({
|
|
|
70
71
|
testId: `${testId}--button`,
|
|
71
72
|
spacing: "compact",
|
|
72
73
|
appearance: "subtle",
|
|
73
|
-
iconAfter: jsx(
|
|
74
|
+
iconAfter: jsx(SortIconPrimitive, {
|
|
74
75
|
name: name
|
|
75
76
|
})
|
|
76
77
|
}, tooltipProps, {
|
package/dist/es2019/table.js
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
|
|
|
4
4
|
import SelectionProvider from './hooks/selection-provider';
|
|
5
5
|
import { useSorting } from './hooks/use-sorting';
|
|
6
6
|
import { TableProvider } from './hooks/use-table';
|
|
7
|
-
import
|
|
7
|
+
import { Table as TablePrimitive } from './ui';
|
|
8
8
|
/**
|
|
9
9
|
* __Table__
|
|
10
10
|
*
|
|
@@ -33,7 +33,7 @@ function Table({
|
|
|
33
33
|
}), [isSelectable, localSortKey, setSortState, sortDirection, sortFn]);
|
|
34
34
|
return jsx(TableProvider, {
|
|
35
35
|
state: tableProviderState
|
|
36
|
-
}, jsx(
|
|
36
|
+
}, jsx(TablePrimitive, {
|
|
37
37
|
testId: testId
|
|
38
38
|
}, isSelectable ? jsx(SelectionProvider, null, children) : children));
|
|
39
39
|
}
|
package/dist/es2019/thead.js
CHANGED
|
@@ -6,7 +6,10 @@ import Inline from '@atlaskit/primitives/inline';
|
|
|
6
6
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
7
7
|
import { useSelection } from './hooks/selection-provider';
|
|
8
8
|
import { useTable } from './hooks/use-table';
|
|
9
|
-
import
|
|
9
|
+
import { BulkActionOverlay as BulkActionOverlayPrimitive } from './ui/bulk-action-overlay';
|
|
10
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui/selectable-cell';
|
|
11
|
+
import { THead as THeadPrimitive } from './ui/thead';
|
|
12
|
+
import { TR as TRPrimitive } from './ui/tr';
|
|
10
13
|
const THead = ({
|
|
11
14
|
actions,
|
|
12
15
|
children
|
|
@@ -19,9 +22,9 @@ const THead = ({
|
|
|
19
22
|
removeAll
|
|
20
23
|
}] = useSelection();
|
|
21
24
|
const isChecked = state.allChecked || state.anyChecked;
|
|
22
|
-
return jsx(
|
|
25
|
+
return jsx(THeadPrimitive, null, jsx(TRPrimitive, {
|
|
23
26
|
isBodyRow: false
|
|
24
|
-
}, isSelectable && jsx(
|
|
27
|
+
}, isSelectable && jsx(SelectableCellPrimitive, {
|
|
25
28
|
as: "th"
|
|
26
29
|
}, jsx(Checkbox, {
|
|
27
30
|
label: jsx(VisuallyHidden, {
|
|
@@ -30,7 +33,7 @@ const THead = ({
|
|
|
30
33
|
onChange: isChecked ? removeAll : setAll,
|
|
31
34
|
isChecked: isChecked,
|
|
32
35
|
isIndeterminate: state.anyChecked && !state.allChecked
|
|
33
|
-
})), children, isSelectable && isChecked && jsx(
|
|
36
|
+
})), children, isSelectable && isChecked && jsx(BulkActionOverlayPrimitive, null, jsx("span", {
|
|
34
37
|
style: {
|
|
35
38
|
color: "var(--ds-text, #172B4D)",
|
|
36
39
|
/* @ts-ignore migrate to Text */
|
|
@@ -46,7 +46,8 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
|
|
|
46
46
|
width,
|
|
47
47
|
xcss,
|
|
48
48
|
sortDirection,
|
|
49
|
-
colSpan
|
|
49
|
+
colSpan,
|
|
50
|
+
rowSpan
|
|
50
51
|
}, ref) => {
|
|
51
52
|
// We're type coercing this as Compiled styles in an array isn't supported by the types
|
|
52
53
|
// But the runtime accepts it none-the-wiser. We can remove this entire block and replace
|
|
@@ -65,6 +66,7 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
|
|
|
65
66
|
width
|
|
66
67
|
} : undefined,
|
|
67
68
|
"aria-sort": sortDirection,
|
|
68
|
-
colSpan: colSpan
|
|
69
|
+
colSpan: colSpan,
|
|
70
|
+
rowSpan: rowSpan
|
|
69
71
|
}, children);
|
|
70
72
|
});
|
package/dist/es2019/ui/th.js
CHANGED
|
@@ -14,7 +14,8 @@ export const TH = ({
|
|
|
14
14
|
scope,
|
|
15
15
|
backgroundColor,
|
|
16
16
|
width,
|
|
17
|
-
sortDirection
|
|
17
|
+
sortDirection,
|
|
18
|
+
colSpan
|
|
18
19
|
}) => /*#__PURE__*/React.createElement(BaseCell, {
|
|
19
20
|
as: "th",
|
|
20
21
|
testId: testId,
|
|
@@ -22,5 +23,6 @@ export const TH = ({
|
|
|
22
23
|
scope: scope,
|
|
23
24
|
width: width,
|
|
24
25
|
backgroundColor: backgroundColor,
|
|
25
|
-
sortDirection: sortDirection
|
|
26
|
+
sortDirection: sortDirection,
|
|
27
|
+
colSpan: colSpan
|
|
26
28
|
}, children);
|
package/dist/esm/body.js
CHANGED
|
@@ -12,7 +12,7 @@ import { useSelection } from './hooks/selection-provider';
|
|
|
12
12
|
import { RowProvider } from './hooks/use-row-id';
|
|
13
13
|
import { useTable } from './hooks/use-table';
|
|
14
14
|
import { TableBodyProvider } from './hooks/use-table-body';
|
|
15
|
-
import
|
|
15
|
+
import { TBody as TBodyPrimitive } from './ui';
|
|
16
16
|
/**
|
|
17
17
|
* __Table body__
|
|
18
18
|
*/
|
|
@@ -49,7 +49,7 @@ function TBody(_ref) {
|
|
|
49
49
|
}, [rows, sortFn]);
|
|
50
50
|
return jsx(TableBodyProvider, {
|
|
51
51
|
value: true
|
|
52
|
-
}, jsx(
|
|
52
|
+
}, jsx(TBodyPrimitive, null, typeof children === 'function' && sortedRows ? sortedRows.map(function (_ref2) {
|
|
53
53
|
var idx = _ref2.idx,
|
|
54
54
|
row = _objectWithoutProperties(_ref2, _excluded);
|
|
55
55
|
return jsx(RowProvider, {
|
|
@@ -5,7 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
5
5
|
import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
|
|
6
6
|
import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
|
|
7
7
|
import useExpand from './hooks/use-expand';
|
|
8
|
-
import
|
|
8
|
+
import { ExpandableCell as ExpandableCellPrimitive } from './ui/expandable-cell';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* __Expandable cell__
|
|
@@ -20,7 +20,7 @@ var ExpandableCell = /*#__PURE__*/memo(function () {
|
|
|
20
20
|
var handleClick = useCallback(function () {
|
|
21
21
|
toggleExpanded();
|
|
22
22
|
}, [toggleExpanded]);
|
|
23
|
-
return jsx(
|
|
23
|
+
return jsx(ExpandableCellPrimitive, {
|
|
24
24
|
as: "td"
|
|
25
25
|
}, jsx(IconButton, {
|
|
26
26
|
spacing: "compact",
|
package/dist/esm/row.js
CHANGED
|
@@ -9,7 +9,8 @@ import { useRowId } from './hooks/use-row-id';
|
|
|
9
9
|
import { useTable } from './hooks/use-table';
|
|
10
10
|
import { useTableBody } from './hooks/use-table-body';
|
|
11
11
|
import SelectableCell from './selectable-cell';
|
|
12
|
-
import
|
|
12
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui/selectable-cell';
|
|
13
|
+
import { TR as TRPrimitive } from './ui/tr';
|
|
13
14
|
/**
|
|
14
15
|
* __Row__
|
|
15
16
|
*
|
|
@@ -46,11 +47,11 @@ var Row = /*#__PURE__*/memo(function (_ref) {
|
|
|
46
47
|
}
|
|
47
48
|
var selectableCell = isSelectable && jsx(SelectableCell, null);
|
|
48
49
|
if (isSelectable && isExpandableContent) {
|
|
49
|
-
selectableCell = jsx(
|
|
50
|
+
selectableCell = jsx(SelectableCellPrimitive, {
|
|
50
51
|
as: "td"
|
|
51
52
|
});
|
|
52
53
|
}
|
|
53
|
-
return jsx(
|
|
54
|
+
return jsx(TRPrimitive, {
|
|
54
55
|
isSelected: isSelected,
|
|
55
56
|
testId: testId,
|
|
56
57
|
isSubitem: isExpandableContent
|
|
@@ -6,7 +6,7 @@ import Checkbox from '@atlaskit/checkbox';
|
|
|
6
6
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
7
7
|
import { useSelection } from './hooks/selection-provider';
|
|
8
8
|
import { useRowId } from './hooks/use-row-id';
|
|
9
|
-
import
|
|
9
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui';
|
|
10
10
|
var SelectableCell = function SelectableCell() {
|
|
11
11
|
var _useSelection = useSelection(),
|
|
12
12
|
_useSelection2 = _slicedToArray(_useSelection, 2),
|
|
@@ -21,7 +21,7 @@ var SelectableCell = function SelectableCell() {
|
|
|
21
21
|
var onChange = useCallback(function (e) {
|
|
22
22
|
return toggleSelection === null || toggleSelection === void 0 ? void 0 : toggleSelection(idx, e.nativeEvent.shiftKey);
|
|
23
23
|
}, [idx, toggleSelection]);
|
|
24
|
-
return jsx(
|
|
24
|
+
return jsx(SelectableCellPrimitive, {
|
|
25
25
|
as: "td"
|
|
26
26
|
}, jsx(Checkbox, {
|
|
27
27
|
isChecked: isChecked,
|
|
@@ -8,7 +8,8 @@ import { css, jsx } from '@emotion/react';
|
|
|
8
8
|
import Button from '@atlaskit/button';
|
|
9
9
|
import Tooltip from '@atlaskit/tooltip';
|
|
10
10
|
import { useTable } from './hooks/use-table';
|
|
11
|
-
import { SortIcon
|
|
11
|
+
import { SortIcon as SortIconPrimitive } from './ui/sort-icon';
|
|
12
|
+
import { TH as THPrimitive } from './ui/th';
|
|
12
13
|
/**
|
|
13
14
|
* TODO these need to be i18n supported
|
|
14
15
|
*/
|
|
@@ -61,7 +62,7 @@ var SortableColumn = function SortableColumn(_ref) {
|
|
|
61
62
|
function () {
|
|
62
63
|
return setSortState(name);
|
|
63
64
|
}, [setSortState, name]);
|
|
64
|
-
return jsx(
|
|
65
|
+
return jsx(THPrimitive, _extends({
|
|
65
66
|
testId: testId,
|
|
66
67
|
sortDirection: sortKey === name ? sortDirection : 'none'
|
|
67
68
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -73,7 +74,7 @@ var SortableColumn = function SortableColumn(_ref) {
|
|
|
73
74
|
testId: "".concat(testId, "--button"),
|
|
74
75
|
spacing: "compact",
|
|
75
76
|
appearance: "subtle",
|
|
76
|
-
iconAfter: jsx(
|
|
77
|
+
iconAfter: jsx(SortIconPrimitive, {
|
|
77
78
|
name: name
|
|
78
79
|
})
|
|
79
80
|
}, tooltipProps, {
|
package/dist/esm/table.js
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
|
|
|
4
4
|
import SelectionProvider from './hooks/selection-provider';
|
|
5
5
|
import { useSorting } from './hooks/use-sorting';
|
|
6
6
|
import { TableProvider } from './hooks/use-table';
|
|
7
|
-
import
|
|
7
|
+
import { Table as TablePrimitive } from './ui';
|
|
8
8
|
/**
|
|
9
9
|
* __Table__
|
|
10
10
|
*
|
|
@@ -34,7 +34,7 @@ function Table(_ref) {
|
|
|
34
34
|
}, [isSelectable, localSortKey, setSortState, sortDirection, sortFn]);
|
|
35
35
|
return jsx(TableProvider, {
|
|
36
36
|
state: tableProviderState
|
|
37
|
-
}, jsx(
|
|
37
|
+
}, jsx(TablePrimitive, {
|
|
38
38
|
testId: testId
|
|
39
39
|
}, isSelectable ? jsx(SelectionProvider, null, children) : children));
|
|
40
40
|
}
|
package/dist/esm/thead.js
CHANGED
|
@@ -7,7 +7,10 @@ import Inline from '@atlaskit/primitives/inline';
|
|
|
7
7
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
8
8
|
import { useSelection } from './hooks/selection-provider';
|
|
9
9
|
import { useTable } from './hooks/use-table';
|
|
10
|
-
import
|
|
10
|
+
import { BulkActionOverlay as BulkActionOverlayPrimitive } from './ui/bulk-action-overlay';
|
|
11
|
+
import { SelectableCell as SelectableCellPrimitive } from './ui/selectable-cell';
|
|
12
|
+
import { THead as THeadPrimitive } from './ui/thead';
|
|
13
|
+
import { TR as TRPrimitive } from './ui/tr';
|
|
11
14
|
var THead = function THead(_ref) {
|
|
12
15
|
var actions = _ref.actions,
|
|
13
16
|
children = _ref.children;
|
|
@@ -20,9 +23,9 @@ var THead = function THead(_ref) {
|
|
|
20
23
|
setAll = _useSelection2$.setAll,
|
|
21
24
|
removeAll = _useSelection2$.removeAll;
|
|
22
25
|
var isChecked = state.allChecked || state.anyChecked;
|
|
23
|
-
return jsx(
|
|
26
|
+
return jsx(THeadPrimitive, null, jsx(TRPrimitive, {
|
|
24
27
|
isBodyRow: false
|
|
25
|
-
}, isSelectable && jsx(
|
|
28
|
+
}, isSelectable && jsx(SelectableCellPrimitive, {
|
|
26
29
|
as: "th"
|
|
27
30
|
}, jsx(Checkbox, {
|
|
28
31
|
label: jsx(VisuallyHidden, {
|
|
@@ -31,7 +34,7 @@ var THead = function THead(_ref) {
|
|
|
31
34
|
onChange: isChecked ? removeAll : setAll,
|
|
32
35
|
isChecked: isChecked,
|
|
33
36
|
isIndeterminate: state.anyChecked && !state.allChecked
|
|
34
|
-
})), children, isSelectable && isChecked && jsx(
|
|
37
|
+
})), children, isSelectable && isChecked && jsx(BulkActionOverlayPrimitive, null, jsx("span", {
|
|
35
38
|
style: {
|
|
36
39
|
color: "var(--ds-text, #172B4D)",
|
|
37
40
|
/* @ts-ignore migrate to Text */
|
package/dist/esm/ui/base-cell.js
CHANGED
|
@@ -50,7 +50,8 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
50
50
|
width = _ref.width,
|
|
51
51
|
xcss = _ref.xcss,
|
|
52
52
|
sortDirection = _ref.sortDirection,
|
|
53
|
-
colSpan = _ref.colSpan
|
|
53
|
+
colSpan = _ref.colSpan,
|
|
54
|
+
rowSpan = _ref.rowSpan;
|
|
54
55
|
// We're type coercing this as Compiled styles in an array isn't supported by the types
|
|
55
56
|
// But the runtime accepts it none-the-wiser. We can remove this entire block and replace
|
|
56
57
|
// it with cx(defaultStyles, focusRingStyles, xcssStyles) when we've moved away from Emotion.
|
|
@@ -68,6 +69,7 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
68
69
|
width: width
|
|
69
70
|
} : undefined,
|
|
70
71
|
"aria-sort": sortDirection,
|
|
71
|
-
colSpan: colSpan
|
|
72
|
+
colSpan: colSpan,
|
|
73
|
+
rowSpan: rowSpan
|
|
72
74
|
}, children);
|
|
73
75
|
});
|
package/dist/esm/ui/th.js
CHANGED
|
@@ -14,7 +14,8 @@ export var TH = function TH(_ref) {
|
|
|
14
14
|
scope = _ref.scope,
|
|
15
15
|
backgroundColor = _ref.backgroundColor,
|
|
16
16
|
width = _ref.width,
|
|
17
|
-
sortDirection = _ref.sortDirection
|
|
17
|
+
sortDirection = _ref.sortDirection,
|
|
18
|
+
colSpan = _ref.colSpan;
|
|
18
19
|
return /*#__PURE__*/React.createElement(BaseCell, {
|
|
19
20
|
as: "th",
|
|
20
21
|
testId: testId,
|
|
@@ -22,6 +23,7 @@ export var TH = function TH(_ref) {
|
|
|
22
23
|
scope: scope,
|
|
23
24
|
width: width,
|
|
24
25
|
backgroundColor: backgroundColor,
|
|
25
|
-
sortDirection: sortDirection
|
|
26
|
+
sortDirection: sortDirection,
|
|
27
|
+
colSpan: colSpan
|
|
26
28
|
}, children);
|
|
27
29
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { BoxProps } from '@atlaskit/primitives';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type BoxProps } from '@atlaskit/primitives';
|
|
3
3
|
export type BaseCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* A percentage of pixel width of the table to apply to a column.
|
|
@@ -32,6 +32,10 @@ export type BaseCellProps = {
|
|
|
32
32
|
* Number of columns to span.
|
|
33
33
|
*/
|
|
34
34
|
colSpan?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Number of rows to span.
|
|
37
|
+
*/
|
|
38
|
+
rowSpan?: number;
|
|
35
39
|
} & Pick<BoxProps<any>, 'paddingBlock' | 'paddingInline' | 'backgroundColor' | 'xcss'>;
|
|
36
40
|
/**
|
|
37
41
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
@@ -76,6 +80,10 @@ export declare const BaseCell: React.ForwardRefExoticComponent<{
|
|
|
76
80
|
* Number of columns to span.
|
|
77
81
|
*/
|
|
78
82
|
colSpan?: number | undefined;
|
|
83
|
+
/**
|
|
84
|
+
* Number of rows to span.
|
|
85
|
+
*/
|
|
86
|
+
rowSpan?: number | undefined;
|
|
79
87
|
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
80
88
|
sortDirection?: SortDirection | undefined;
|
|
81
89
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
package/dist/types/ui/th.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { BaseCellProps, SortDirection } from './base-cell';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type BaseCellProps, type SortDirection } from './base-cell';
|
|
3
3
|
export type THProps = Omit<BaseCellProps, 'as'>;
|
|
4
4
|
type InternalTHProps = THProps & {
|
|
5
5
|
sortDirection?: SortDirection;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { BoxProps } from '@atlaskit/primitives';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type BoxProps } from '@atlaskit/primitives';
|
|
3
3
|
export type BaseCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* A percentage of pixel width of the table to apply to a column.
|
|
@@ -32,6 +32,10 @@ export type BaseCellProps = {
|
|
|
32
32
|
* Number of columns to span.
|
|
33
33
|
*/
|
|
34
34
|
colSpan?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Number of rows to span.
|
|
37
|
+
*/
|
|
38
|
+
rowSpan?: number;
|
|
35
39
|
} & Pick<BoxProps<any>, 'paddingBlock' | 'paddingInline' | 'backgroundColor' | 'xcss'>;
|
|
36
40
|
/**
|
|
37
41
|
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
|
|
@@ -76,6 +80,10 @@ export declare const BaseCell: React.ForwardRefExoticComponent<{
|
|
|
76
80
|
* Number of columns to span.
|
|
77
81
|
*/
|
|
78
82
|
colSpan?: number | undefined;
|
|
83
|
+
/**
|
|
84
|
+
* Number of rows to span.
|
|
85
|
+
*/
|
|
86
|
+
rowSpan?: number | undefined;
|
|
79
87
|
} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
|
|
80
88
|
sortDirection?: SortDirection | undefined;
|
|
81
89
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { BaseCellProps, SortDirection } from './base-cell';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type BaseCellProps, type SortDirection } from './base-cell';
|
|
3
3
|
export type THProps = Omit<BaseCellProps, 'as'>;
|
|
4
4
|
type InternalTHProps = THProps & {
|
|
5
5
|
sortDirection?: SortDirection;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/table",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.29",
|
|
4
4
|
"description": "A table is used to display data.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -40,15 +40,15 @@
|
|
|
40
40
|
"./primitives": "./src/ui/index.tsx"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@atlaskit/button": "^17.
|
|
44
|
-
"@atlaskit/checkbox": "^13.
|
|
45
|
-
"@atlaskit/ds-lib": "^2.
|
|
46
|
-
"@atlaskit/focus-ring": "^1.
|
|
43
|
+
"@atlaskit/button": "^17.14.0",
|
|
44
|
+
"@atlaskit/checkbox": "^13.3.0",
|
|
45
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
46
|
+
"@atlaskit/focus-ring": "^1.4.0",
|
|
47
47
|
"@atlaskit/icon": "^22.1.0",
|
|
48
|
-
"@atlaskit/primitives": "^5.
|
|
49
|
-
"@atlaskit/tokens": "^1.
|
|
50
|
-
"@atlaskit/tooltip": "^18.
|
|
51
|
-
"@atlaskit/visually-hidden": "^1.
|
|
48
|
+
"@atlaskit/primitives": "^5.7.0",
|
|
49
|
+
"@atlaskit/tokens": "^1.45.0",
|
|
50
|
+
"@atlaskit/tooltip": "^18.3.0",
|
|
51
|
+
"@atlaskit/visually-hidden": "^1.3.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@emotion/react": "^11.7.1",
|
|
54
54
|
"tiny-invariant": "^1.2.0"
|