@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 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
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
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
- - Updated dependencies
32
+ - Updated dependencies
14
33
 
15
34
  ## 0.4.25
16
35
 
17
36
  ### Patch Changes
18
37
 
19
- - [#78598](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78598) [`cabae83473c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabae83473c3) - [ux] Focus styles for Checkbox and Radio components
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
- - Updated dependencies
46
+ - Updated dependencies
26
47
 
27
48
  ## 0.4.23
28
49
 
29
50
  ### Patch Changes
30
51
 
31
- - [#77488](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77488) [`27e6fdab53dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/27e6fdab53dc) - Cells now use logical property styles.
32
- - Updated dependencies
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
- - Updated dependencies
61
+ - Updated dependencies
39
62
 
40
63
  ## 0.4.21
41
64
 
42
65
  ### Patch Changes
43
66
 
44
- - [#75714](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75714) [`33f4a64132a3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/33f4a64132a3) - Remove duplicate accessible labels on Icon buttons, which were unnecessarily added through the `aria-label` attribute.
45
- - Updated dependencies
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
- - Updated dependencies
77
+ - Updated dependencies
52
78
 
53
79
  ## 0.4.19
54
80
 
55
81
  ### Patch Changes
56
82
 
57
- - [#65875](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65875) [`98e49fd3f04d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/98e49fd3f04d) - [ux] Updated buttons in table to consume new buttons.
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
- - Updated dependencies
91
+ - Updated dependencies
64
92
 
65
93
  ## 0.4.17
66
94
 
67
95
  ### Patch Changes
68
96
 
69
- - Updated dependencies
97
+ - Updated dependencies
70
98
 
71
99
  ## 0.4.16
72
100
 
73
101
  ### Patch Changes
74
102
 
75
- - Updated dependencies
103
+ - Updated dependencies
76
104
 
77
105
  ## 0.4.15
78
106
 
79
107
  ### Patch Changes
80
108
 
81
- - Updated dependencies
109
+ - Updated dependencies
82
110
 
83
111
  ## 0.4.14
84
112
 
85
113
  ### Patch Changes
86
114
 
87
- - [#37533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37533) [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
88
- - [#37419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37419) [`95401cac781`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95401cac781) - Internal change to component composition. There is no expected change.
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
- - [#36900](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36900) [`a981691b65e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a981691b65e) - Updated internal dependencies.
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
- - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
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
- - Updated dependencies
143
+ - Updated dependencies
107
144
 
108
145
  ## 0.4.10
109
146
 
110
147
  ### Patch Changes
111
148
 
112
- - Updated dependencies
149
+ - Updated dependencies
113
150
 
114
151
  ## 0.4.9
115
152
 
116
153
  ### Patch Changes
117
154
 
118
- - Updated dependencies
155
+ - Updated dependencies
119
156
 
120
157
  ## 0.4.8
121
158
 
122
159
  ### Patch Changes
123
160
 
124
- - Updated dependencies
161
+ - Updated dependencies
125
162
 
126
163
  ## 0.4.7
127
164
 
128
165
  ### Patch Changes
129
166
 
130
- - Updated dependencies
167
+ - Updated dependencies
131
168
 
132
169
  ## 0.4.6
133
170
 
134
171
  ### Patch Changes
135
172
 
136
- - Updated dependencies
173
+ - Updated dependencies
137
174
 
138
175
  ## 0.4.5
139
176
 
140
177
  ### Patch Changes
141
178
 
142
- - Updated dependencies
179
+ - Updated dependencies
143
180
 
144
181
  ## 0.4.4
145
182
 
146
183
  ### Patch Changes
147
184
 
148
- - Updated dependencies
185
+ - Updated dependencies
149
186
 
150
187
  ## 0.4.3
151
188
 
152
189
  ### Patch Changes
153
190
 
154
- - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443) [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
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
- - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
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
- - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
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
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
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
- - Updated dependencies
221
+ - Updated dependencies
177
222
 
178
223
  ## 0.3.4
179
224
 
180
225
  ### Patch Changes
181
226
 
182
- - [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
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
- - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
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
- - Updated dependencies
243
+ - Updated dependencies
195
244
 
196
245
  ## 0.3.1
197
246
 
198
247
  ### Patch Changes
199
248
 
200
- - Updated dependencies
249
+ - Updated dependencies
201
250
 
202
251
  ## 0.3.0
203
252
 
204
253
  ### Minor Changes
205
254
 
206
- - [#31531](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31531) [`bc489da7472`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc489da7472) - [ux] - Adds new primitives to support expandable row functionality. This will supersede the `@atlaskit/table-tree` package.
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
- - `<ExpandableRow>`
209
- - `<ExpandableRowContent>`
210
- - `<ExpandableCell>`
260
+ - `<ExpandableRow>`
261
+ - `<ExpandableRowContent>`
262
+ - `<ExpandableCell>`
211
263
 
212
264
  ## 0.2.8
213
265
 
214
266
  ### Patch Changes
215
267
 
216
- - Updated dependencies
268
+ - Updated dependencies
217
269
 
218
270
  ## 0.2.7
219
271
 
220
272
  ### Patch Changes
221
273
 
222
- - Updated dependencies
274
+ - Updated dependencies
223
275
 
224
276
  ## 0.2.6
225
277
 
226
278
  ### Patch Changes
227
279
 
228
- - Updated dependencies
280
+ - Updated dependencies
229
281
 
230
282
  ## 0.2.5
231
283
 
232
284
  ### Patch Changes
233
285
 
234
- - [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206) [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
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
- - [#31242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31242) [`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
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
- - [#31055](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31055) [`8fb961ffa76`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8fb961ffa76) - [ux] Fixed some accessibility bugs. Now checkboxes in selectable cells are labelled for assistive technology users, sortable columns have their sorting state programmatically associated through the `aria-sort` attribute, and the sort button has an `aria-roledescription` to ensure that assistive technology users are informed that the column headers are sortable in nature.
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
- - Updated dependencies
314
+ - Updated dependencies
253
315
 
254
316
  ## 0.2.1
255
317
 
256
318
  ### Patch Changes
257
319
 
258
- - [#27891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27891) [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
259
- - Updated dependencies
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
- - [#28885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28885) [`0fc5e276eb4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fc5e276eb4) - [ux] Fix borders not showing in Safari. Table is shifted down slightly as a result.
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
- - Updated dependencies
338
+ - Updated dependencies
272
339
 
273
340
  ## 0.1.3
274
341
 
275
342
  ### Patch Changes
276
343
 
277
- - Updated dependencies
344
+ - Updated dependencies
278
345
 
279
346
  ## 0.1.2
280
347
 
281
348
  ### Patch Changes
282
349
 
283
- - [#28013](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28013) [`d2c17ae6f14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2c17ae6f14) - Adds the `width` prop to '@atlaskit/table' header elements.
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
- - [#27929](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27929) [`7d3f2c3c117`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d3f2c3c117) - Iterate on typings and component performance
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
- - [#27738](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27738) [`e2e5705f5d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2e5705f5d8) - Create initial component from Figma spec. Dev release, not intended for consumption.
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 Primitives = _interopRequireWildcard(require("./ui"));
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)(Primitives.TBody, null, typeof children === 'function' && sortedRows ? sortedRows.map(function (_ref2) {
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 Primitives = _interopRequireWildcard(require("./ui"));
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)(Primitives.ExpandableCell, {
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 Primitives = _interopRequireWildcard(require("./ui"));
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; }
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)(Primitives.SelectableCell, {
58
+ selectableCell = (0, _react2.jsx)(_selectableCell2.SelectableCell, {
61
59
  as: "td"
62
60
  });
63
61
  }
64
- return (0, _react2.jsx)(Primitives.TR, {
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 Primitives = _interopRequireWildcard(require("./ui"));
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)(Primitives.SelectableCell, {
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 _ui = require("./ui");
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)(_ui.TH, (0, _extends2.default)({
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)(_ui.SortIcon, {
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 Primitives = _interopRequireWildcard(require("./ui"));
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)(Primitives.Table, {
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 Primitives = _interopRequireWildcard(require("./ui"));
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 _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)(Primitives.THead, null, (0, _react.jsx)(Primitives.TR, {
33
+ return (0, _react.jsx)(_thead.THead, null, (0, _react.jsx)(_tr.TR, {
34
34
  isBodyRow: false
35
- }, isSelectable && (0, _react.jsx)(Primitives.SelectableCell, {
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)(Primitives.BulkActionOverlay, null, (0, _react.jsx)("span", {
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 */
@@ -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
  };
@@ -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 * as Primitives from './ui';
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(Primitives.TBody, null, typeof children === 'function' && sortedRows ? sortedRows.map(({
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 * as Primitives from './ui';
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(Primitives.ExpandableCell, {
24
+ return jsx(ExpandableCellPrimitive, {
25
25
  as: "td"
26
26
  }, jsx(IconButton, {
27
27
  spacing: "compact",
@@ -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 * as Primitives from './ui';
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(Primitives.SelectableCell, {
52
+ selectableCell = jsx(SelectableCellPrimitive, {
52
53
  as: "td"
53
54
  });
54
55
  }
55
- return jsx(Primitives.TR, {
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 * as Primitives from './ui';
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(Primitives.SelectableCell, {
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, TH } from './ui';
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(TH, _extends({
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(SortIcon, {
74
+ iconAfter: jsx(SortIconPrimitive, {
74
75
  name: name
75
76
  })
76
77
  }, tooltipProps, {
@@ -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 * as Primitives from './ui';
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(Primitives.Table, {
36
+ }, jsx(TablePrimitive, {
37
37
  testId: testId
38
38
  }, isSelectable ? jsx(SelectionProvider, null, children) : children));
39
39
  }
@@ -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 * as Primitives from './ui';
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(Primitives.THead, null, jsx(Primitives.TR, {
25
+ return jsx(THeadPrimitive, null, jsx(TRPrimitive, {
23
26
  isBodyRow: false
24
- }, isSelectable && jsx(Primitives.SelectableCell, {
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(Primitives.BulkActionOverlay, null, jsx("span", {
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
  });
@@ -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 * as Primitives from './ui';
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(Primitives.TBody, null, typeof children === 'function' && sortedRows ? sortedRows.map(function (_ref2) {
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 * as Primitives from './ui';
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(Primitives.ExpandableCell, {
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 * as Primitives from './ui';
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(Primitives.SelectableCell, {
50
+ selectableCell = jsx(SelectableCellPrimitive, {
50
51
  as: "td"
51
52
  });
52
53
  }
53
- return jsx(Primitives.TR, {
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 * as Primitives from './ui';
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(Primitives.SelectableCell, {
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, TH } from './ui';
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(TH, _extends({
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(SortIcon, {
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 * as Primitives from './ui';
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(Primitives.Table, {
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 * as Primitives from './ui';
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(Primitives.THead, null, jsx(Primitives.TR, {
26
+ return jsx(THeadPrimitive, null, jsx(TRPrimitive, {
24
27
  isBodyRow: false
25
- }, isSelectable && jsx(Primitives.SelectableCell, {
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(Primitives.BulkActionOverlay, null, jsx("span", {
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 */
@@ -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>>;
@@ -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.27",
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.7.0",
44
- "@atlaskit/checkbox": "^13.1.0",
45
- "@atlaskit/ds-lib": "^2.2.0",
46
- "@atlaskit/focus-ring": "^1.3.0",
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.1.0",
49
- "@atlaskit/tokens": "^1.42.0",
50
- "@atlaskit/tooltip": "^18.1.0",
51
- "@atlaskit/visually-hidden": "^1.2.0",
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"