@cloudscape-design/components 3.0.1352 → 3.0.1354

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/alert/internal.d.ts +6 -0
  2. package/alert/internal.d.ts.map +1 -1
  3. package/alert/internal.js +4 -4
  4. package/alert/internal.js.map +1 -1
  5. package/alert/styles.css.js +27 -27
  6. package/alert/styles.scoped.css +149 -71
  7. package/alert/styles.selectors.js +27 -27
  8. package/badge/index.d.ts.map +1 -1
  9. package/badge/index.js +2 -1
  10. package/badge/index.js.map +1 -1
  11. package/badge/styles.css.js +10 -10
  12. package/badge/styles.scoped.css +91 -54
  13. package/badge/styles.selectors.js +10 -10
  14. package/button/index.d.ts.map +1 -1
  15. package/button/index.js +1 -1
  16. package/button/index.js.map +1 -1
  17. package/button/internal.d.ts +5 -0
  18. package/button/internal.d.ts.map +1 -1
  19. package/button/internal.js +3 -2
  20. package/button/internal.js.map +1 -1
  21. package/button/styles.css.js +23 -23
  22. package/button/styles.scoped.css +375 -302
  23. package/button/styles.selectors.js +23 -23
  24. package/icon/generated/icons.js +27 -18
  25. package/icon/generated/icons.js.map +1 -1
  26. package/icon/styles.css.js +41 -41
  27. package/icon/styles.scoped.css +99 -91
  28. package/icon/styles.selectors.js +41 -41
  29. package/internal/base-component/styles.scoped.css +1 -1
  30. package/internal/environment.js +2 -2
  31. package/internal/environment.json +2 -2
  32. package/internal/manifest.json +1 -1
  33. package/manifest.json +2 -2
  34. package/package.json +1 -1
  35. package/table/column-groups/utils.d.ts +1 -0
  36. package/table/column-groups/utils.d.ts.map +1 -1
  37. package/table/column-groups/utils.js +13 -11
  38. package/table/column-groups/utils.js.map +1 -1
  39. package/table/thead.js +6 -6
  40. package/table/thead.js.map +1 -1
@@ -182,7 +182,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_icon_h11ix_1v2t1_185:not(#\9) {
185
+ /*
186
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
+ SPDX-License-Identifier: Apache-2.0
188
+ */
189
+ /*
190
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
+ SPDX-License-Identifier: Apache-2.0
192
+ */
193
+ .awsui_icon_h11ix_34215_193:not(#\9) {
186
194
  position: relative;
187
195
  display: inline-block;
188
196
  vertical-align: top;
@@ -190,214 +198,214 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
198
  /* stylelint-disable selector-max-type, selector-max-universal */
191
199
  /* stylelint-enable selector-max-type, selector-max-universal */
192
200
  }
193
- .awsui_icon-flex-height_h11ix_1v2t1_193:not(#\9) {
201
+ .awsui_icon-flex-height_h11ix_34215_201:not(#\9) {
194
202
  display: inline-flex;
195
203
  align-items: center;
196
204
  }
197
- .awsui_icon_h11ix_1v2t1_185 > svg:not(#\9) {
205
+ .awsui_icon_h11ix_34215_193 > svg:not(#\9) {
198
206
  pointer-events: none;
199
207
  }
200
- .awsui_icon_h11ix_1v2t1_185 > svg:not(#\9) {
208
+ .awsui_icon_h11ix_34215_193 > svg:not(#\9) {
201
209
  fill: none;
202
210
  }
203
- .awsui_icon_h11ix_1v2t1_185 > svg *:not(#\9) {
211
+ .awsui_icon_h11ix_34215_193 > svg *:not(#\9) {
204
212
  stroke: currentColor;
205
213
  }
206
- .awsui_icon_h11ix_1v2t1_185 > svg .stroke-linejoin-round:not(#\9) {
214
+ .awsui_icon_h11ix_34215_193 > svg .stroke-linejoin-round:not(#\9) {
207
215
  stroke-linejoin: round;
208
216
  }
209
- .awsui_icon_h11ix_1v2t1_185 > svg .stroke-linecap-square:not(#\9) {
217
+ .awsui_icon_h11ix_34215_193 > svg .stroke-linecap-square:not(#\9) {
210
218
  stroke-linecap: square;
211
219
  }
212
- .awsui_icon_h11ix_1v2t1_185 > svg .stroke-linecap-round:not(#\9) {
220
+ .awsui_icon_h11ix_34215_193 > svg .stroke-linecap-round:not(#\9) {
213
221
  stroke-linecap: round;
214
222
  }
215
- .awsui_icon_h11ix_1v2t1_185 > svg .filled:not(#\9) {
223
+ .awsui_icon_h11ix_34215_193 > svg .filled:not(#\9) {
216
224
  fill: currentColor;
217
225
  }
218
- .awsui_icon_h11ix_1v2t1_185 > svg .no-stroke:not(#\9) {
226
+ .awsui_icon_h11ix_34215_193 > svg .no-stroke:not(#\9) {
219
227
  stroke: none;
220
228
  }
221
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small_h11ix_1v2t1_221:not(#\9) {
229
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small_h11ix_34215_229:not(#\9) {
222
230
  inline-size: 12px;
223
231
  box-sizing: border-box;
224
232
  }
225
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small-mapped-height_h11ix_1v2t1_225:not(#\9) {
233
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small-mapped-height_h11ix_34215_233:not(#\9) {
226
234
  block-size: var(--line-height-body-s-nu5hx1, 16px);
227
235
  padding-block: calc((var(--line-height-body-s-nu5hx1, 16px) - 12px) / 2);
228
236
  padding-inline: 0;
229
237
  }
230
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small_h11ix_1v2t1_221 > svg:not(#\9),
231
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small_h11ix_1v2t1_221 > img:not(#\9) {
238
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small_h11ix_34215_229 > svg:not(#\9),
239
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small_h11ix_34215_229 > img:not(#\9) {
232
240
  inline-size: 12px;
233
241
  block-size: 12px;
234
242
  vertical-align: top;
235
243
  }
236
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small_h11ix_1v2t1_221 > svg:not(#\9),
237
- .awsui_icon_h11ix_1v2t1_185.awsui_size-x-small_h11ix_1v2t1_221 > svg *:not(#\9) {
244
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small_h11ix_34215_229 > svg:not(#\9),
245
+ .awsui_icon_h11ix_34215_193.awsui_size-x-small_h11ix_34215_229 > svg *:not(#\9) {
238
246
  stroke-width: calc(var(--border-width-icon-x-small-45lnog, 1.5px) / 0.75);
239
247
  }
240
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small_h11ix_1v2t1_240:not(#\9) {
248
+ .awsui_icon_h11ix_34215_193.awsui_size-small_h11ix_34215_248:not(#\9) {
241
249
  inline-size: var(--size-icon-normal-levt08, 16px);
242
250
  box-sizing: border-box;
243
251
  }
244
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small-mapped-height_h11ix_1v2t1_244:not(#\9) {
252
+ .awsui_icon_h11ix_34215_193.awsui_size-small-mapped-height_h11ix_34215_252:not(#\9) {
245
253
  block-size: var(--line-height-body-s-nu5hx1, 16px);
246
254
  padding-block: calc((var(--line-height-body-s-nu5hx1, 16px) - var(--size-icon-normal-levt08, 16px)) / 2);
247
255
  padding-inline: 0;
248
256
  }
249
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small_h11ix_1v2t1_240 > svg:not(#\9),
250
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small_h11ix_1v2t1_240 > img:not(#\9) {
257
+ .awsui_icon_h11ix_34215_193.awsui_size-small_h11ix_34215_248 > svg:not(#\9),
258
+ .awsui_icon_h11ix_34215_193.awsui_size-small_h11ix_34215_248 > img:not(#\9) {
251
259
  inline-size: var(--size-icon-normal-levt08, 16px);
252
260
  block-size: var(--size-icon-normal-levt08, 16px);
253
261
  vertical-align: top;
254
262
  }
255
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small_h11ix_1v2t1_240 > svg:not(#\9),
256
- .awsui_icon_h11ix_1v2t1_185.awsui_size-small_h11ix_1v2t1_240 > svg *:not(#\9) {
263
+ .awsui_icon_h11ix_34215_193.awsui_size-small_h11ix_34215_248 > svg:not(#\9),
264
+ .awsui_icon_h11ix_34215_193.awsui_size-small_h11ix_34215_248 > svg *:not(#\9) {
257
265
  stroke-width: calc(var(--border-width-icon-small-z55i5t, 2px) / 1);
258
266
  }
259
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal_h11ix_1v2t1_259:not(#\9) {
267
+ .awsui_icon_h11ix_34215_193.awsui_size-normal_h11ix_34215_267:not(#\9) {
260
268
  inline-size: var(--size-icon-normal-levt08, 16px);
261
269
  box-sizing: border-box;
262
270
  }
263
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal-mapped-height_h11ix_1v2t1_263:not(#\9) {
271
+ .awsui_icon_h11ix_34215_193.awsui_size-normal-mapped-height_h11ix_34215_271:not(#\9) {
264
272
  block-size: var(--line-height-body-m-2mh3ke, 20px);
265
273
  padding-block: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / 2);
266
274
  padding-inline: 0;
267
275
  }
268
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal_h11ix_1v2t1_259 > svg:not(#\9),
269
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal_h11ix_1v2t1_259 > img:not(#\9) {
276
+ .awsui_icon_h11ix_34215_193.awsui_size-normal_h11ix_34215_267 > svg:not(#\9),
277
+ .awsui_icon_h11ix_34215_193.awsui_size-normal_h11ix_34215_267 > img:not(#\9) {
270
278
  inline-size: var(--size-icon-normal-levt08, 16px);
271
279
  block-size: var(--size-icon-normal-levt08, 16px);
272
280
  vertical-align: top;
273
281
  }
274
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal_h11ix_1v2t1_259 > svg:not(#\9),
275
- .awsui_icon_h11ix_1v2t1_185.awsui_size-normal_h11ix_1v2t1_259 > svg *:not(#\9) {
282
+ .awsui_icon_h11ix_34215_193.awsui_size-normal_h11ix_34215_267 > svg:not(#\9),
283
+ .awsui_icon_h11ix_34215_193.awsui_size-normal_h11ix_34215_267 > svg *:not(#\9) {
276
284
  stroke-width: calc(var(--border-width-icon-normal-9h7vj7, 2px) / 1);
277
285
  }
278
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium_h11ix_1v2t1_278:not(#\9) {
286
+ .awsui_icon_h11ix_34215_193.awsui_size-medium_h11ix_34215_286:not(#\9) {
279
287
  inline-size: var(--size-icon-medium-uv8xcz, 20px);
280
288
  box-sizing: border-box;
281
289
  }
282
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium-mapped-height_h11ix_1v2t1_282:not(#\9) {
290
+ .awsui_icon_h11ix_34215_193.awsui_size-medium-mapped-height_h11ix_34215_290:not(#\9) {
283
291
  block-size: var(--line-height-heading-l-mg5bx6, 24px);
284
292
  padding-block: calc((var(--line-height-heading-l-mg5bx6, 24px) - var(--size-icon-medium-uv8xcz, 20px)) / 2);
285
293
  padding-inline: 0;
286
294
  }
287
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium_h11ix_1v2t1_278 > svg:not(#\9),
288
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium_h11ix_1v2t1_278 > img:not(#\9) {
295
+ .awsui_icon_h11ix_34215_193.awsui_size-medium_h11ix_34215_286 > svg:not(#\9),
296
+ .awsui_icon_h11ix_34215_193.awsui_size-medium_h11ix_34215_286 > img:not(#\9) {
289
297
  inline-size: var(--size-icon-medium-uv8xcz, 20px);
290
298
  block-size: var(--size-icon-medium-uv8xcz, 20px);
291
299
  vertical-align: top;
292
300
  }
293
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium_h11ix_1v2t1_278 > svg:not(#\9),
294
- .awsui_icon_h11ix_1v2t1_185.awsui_size-medium_h11ix_1v2t1_278 > svg *:not(#\9) {
301
+ .awsui_icon_h11ix_34215_193.awsui_size-medium_h11ix_34215_286 > svg:not(#\9),
302
+ .awsui_icon_h11ix_34215_193.awsui_size-medium_h11ix_34215_286 > svg *:not(#\9) {
295
303
  stroke-width: calc(var(--border-width-icon-medium-b7icqv, 2px) / 1.25);
296
304
  }
297
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big_h11ix_1v2t1_297:not(#\9) {
305
+ .awsui_icon_h11ix_34215_193.awsui_size-big_h11ix_34215_305:not(#\9) {
298
306
  inline-size: var(--size-icon-big-7pq9l3, 32px);
299
307
  box-sizing: border-box;
300
308
  }
301
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big-mapped-height_h11ix_1v2t1_301:not(#\9) {
309
+ .awsui_icon_h11ix_34215_193.awsui_size-big-mapped-height_h11ix_34215_309:not(#\9) {
302
310
  block-size: var(--line-height-heading-xl-hko6p0, 30px);
303
311
  padding-block: calc((var(--line-height-heading-xl-hko6p0, 30px) - var(--size-icon-big-7pq9l3, 32px)) / 2);
304
312
  padding-inline: 0;
305
313
  }
306
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big_h11ix_1v2t1_297 > svg:not(#\9),
307
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big_h11ix_1v2t1_297 > img:not(#\9) {
314
+ .awsui_icon_h11ix_34215_193.awsui_size-big_h11ix_34215_305 > svg:not(#\9),
315
+ .awsui_icon_h11ix_34215_193.awsui_size-big_h11ix_34215_305 > img:not(#\9) {
308
316
  inline-size: var(--size-icon-big-7pq9l3, 32px);
309
317
  block-size: var(--size-icon-big-7pq9l3, 32px);
310
318
  vertical-align: top;
311
319
  }
312
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big_h11ix_1v2t1_297 > svg:not(#\9),
313
- .awsui_icon_h11ix_1v2t1_185.awsui_size-big_h11ix_1v2t1_297 > svg *:not(#\9) {
320
+ .awsui_icon_h11ix_34215_193.awsui_size-big_h11ix_34215_305 > svg:not(#\9),
321
+ .awsui_icon_h11ix_34215_193.awsui_size-big_h11ix_34215_305 > svg *:not(#\9) {
314
322
  stroke-width: calc(var(--border-width-icon-big-ymgy42, 3px) / 2);
315
323
  }
316
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large_h11ix_1v2t1_316:not(#\9) {
324
+ .awsui_icon_h11ix_34215_193.awsui_size-large_h11ix_34215_324:not(#\9) {
317
325
  inline-size: var(--size-icon-large-mb6y6y, 48px);
318
326
  box-sizing: border-box;
319
327
  }
320
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large-mapped-height_h11ix_1v2t1_320:not(#\9) {
328
+ .awsui_icon_h11ix_34215_193.awsui_size-large-mapped-height_h11ix_34215_328:not(#\9) {
321
329
  block-size: var(--line-height-display-l-vwanzp, 48px);
322
330
  padding-block: calc((var(--line-height-display-l-vwanzp, 48px) - var(--size-icon-large-mb6y6y, 48px)) / 2);
323
331
  padding-inline: 0;
324
332
  }
325
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large_h11ix_1v2t1_316 > svg:not(#\9),
326
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large_h11ix_1v2t1_316 > img:not(#\9) {
333
+ .awsui_icon_h11ix_34215_193.awsui_size-large_h11ix_34215_324 > svg:not(#\9),
334
+ .awsui_icon_h11ix_34215_193.awsui_size-large_h11ix_34215_324 > img:not(#\9) {
327
335
  inline-size: var(--size-icon-large-mb6y6y, 48px);
328
336
  block-size: var(--size-icon-large-mb6y6y, 48px);
329
337
  vertical-align: top;
330
338
  }
331
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large_h11ix_1v2t1_316 > svg:not(#\9),
332
- .awsui_icon_h11ix_1v2t1_185.awsui_size-large_h11ix_1v2t1_316 > svg *:not(#\9) {
339
+ .awsui_icon_h11ix_34215_193.awsui_size-large_h11ix_34215_324 > svg:not(#\9),
340
+ .awsui_icon_h11ix_34215_193.awsui_size-large_h11ix_34215_324 > svg *:not(#\9) {
333
341
  stroke-width: calc(var(--border-width-icon-large-u645rg, 4px) / 3);
334
342
  }
335
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-normal_h11ix_1v2t1_335:not(#\9) {
343
+ .awsui_icon_h11ix_34215_193.awsui_variant-normal_h11ix_34215_343:not(#\9) {
336
344
  color: currentColor;
337
345
  }
338
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-disabled_h11ix_1v2t1_338:not(#\9) {
346
+ .awsui_icon_h11ix_34215_193.awsui_variant-disabled_h11ix_34215_346:not(#\9) {
339
347
  color: var(--color-text-interactive-disabled-bhh1zo, #b4b4bb);
340
348
  }
341
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-inverted_h11ix_1v2t1_341:not(#\9) {
349
+ .awsui_icon_h11ix_34215_193.awsui_variant-inverted_h11ix_34215_349:not(#\9) {
342
350
  color: var(--color-text-inverted-my1sxo, #ffffff);
343
351
  }
344
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-subtle_h11ix_1v2t1_344:not(#\9) {
352
+ .awsui_icon_h11ix_34215_193.awsui_variant-subtle_h11ix_34215_352:not(#\9) {
345
353
  color: var(--color-text-icon-subtle-7e5fex, #656871);
346
354
  }
347
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-warning_h11ix_1v2t1_347:not(#\9) {
355
+ .awsui_icon_h11ix_34215_193.awsui_variant-warning_h11ix_34215_355:not(#\9) {
348
356
  color: var(--color-text-status-warning-avkj4w, #855900);
349
357
  }
350
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-error_h11ix_1v2t1_350:not(#\9) {
358
+ .awsui_icon_h11ix_34215_193.awsui_variant-error_h11ix_34215_358:not(#\9) {
351
359
  color: var(--color-text-status-error-ak9yp5, #db0000);
352
360
  }
353
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-success_h11ix_1v2t1_353:not(#\9) {
361
+ .awsui_icon_h11ix_34215_193.awsui_variant-success_h11ix_34215_361:not(#\9) {
354
362
  color: var(--color-text-status-success-9wcobb, #00802f);
355
363
  }
356
- .awsui_icon_h11ix_1v2t1_185.awsui_variant-link_h11ix_1v2t1_356:not(#\9) {
364
+ .awsui_icon_h11ix_34215_193.awsui_variant-link_h11ix_34215_364:not(#\9) {
357
365
  color: var(--color-text-link-default-rhby5q, #006ce0);
358
366
  }
359
- .awsui_icon_h11ix_1v2t1_185:not(#\9):is(.awsui_name-angle-left-double_h11ix_1v2t1_359,
360
- .awsui_name-angle-left_h11ix_1v2t1_359,
361
- .awsui_name-angle-right-double_h11ix_1v2t1_361,
362
- .awsui_name-angle-right_h11ix_1v2t1_361,
363
- .awsui_name-arrow-left_h11ix_1v2t1_363,
364
- .awsui_name-arrow-right_h11ix_1v2t1_364,
365
- .awsui_name-caret-left-filled_h11ix_1v2t1_365,
366
- .awsui_name-caret-right-filled_h11ix_1v2t1_366,
367
- .awsui_name-audio-full_h11ix_1v2t1_367,
368
- .awsui_name-audio-half_h11ix_1v2t1_368,
369
- .awsui_name-audio-off_h11ix_1v2t1_369,
370
- .awsui_name-external_h11ix_1v2t1_370,
371
- .awsui_name-redo_h11ix_1v2t1_371,
372
- .awsui_name-resize-area_h11ix_1v2t1_372,
373
- .awsui_name-send_h11ix_1v2t1_373,
374
- .awsui_name-shrink_h11ix_1v2t1_374,
375
- .awsui_name-undo_h11ix_1v2t1_375,
376
- .awsui_name-view-vertical_h11ix_1v2t1_376) {
367
+ .awsui_icon_h11ix_34215_193:not(#\9):is(.awsui_name-angle-left-double_h11ix_34215_367,
368
+ .awsui_name-angle-left_h11ix_34215_367,
369
+ .awsui_name-angle-right-double_h11ix_34215_369,
370
+ .awsui_name-angle-right_h11ix_34215_369,
371
+ .awsui_name-arrow-left_h11ix_34215_371,
372
+ .awsui_name-arrow-right_h11ix_34215_372,
373
+ .awsui_name-caret-left-filled_h11ix_34215_373,
374
+ .awsui_name-caret-right-filled_h11ix_34215_374,
375
+ .awsui_name-audio-full_h11ix_34215_375,
376
+ .awsui_name-audio-half_h11ix_34215_376,
377
+ .awsui_name-audio-off_h11ix_34215_377,
378
+ .awsui_name-external_h11ix_34215_378,
379
+ .awsui_name-redo_h11ix_34215_379,
380
+ .awsui_name-resize-area_h11ix_34215_380,
381
+ .awsui_name-send_h11ix_34215_381,
382
+ .awsui_name-shrink_h11ix_34215_382,
383
+ .awsui_name-undo_h11ix_34215_383,
384
+ .awsui_name-view-vertical_h11ix_34215_384) {
377
385
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
378
386
  }
379
- .awsui_icon_h11ix_1v2t1_185:not(#\9):is(.awsui_name-angle-left-double_h11ix_1v2t1_359,
380
- .awsui_name-angle-left_h11ix_1v2t1_359,
381
- .awsui_name-angle-right-double_h11ix_1v2t1_361,
382
- .awsui_name-angle-right_h11ix_1v2t1_361,
383
- .awsui_name-arrow-left_h11ix_1v2t1_363,
384
- .awsui_name-arrow-right_h11ix_1v2t1_364,
385
- .awsui_name-caret-left-filled_h11ix_1v2t1_365,
386
- .awsui_name-caret-right-filled_h11ix_1v2t1_366,
387
- .awsui_name-audio-full_h11ix_1v2t1_367,
388
- .awsui_name-audio-half_h11ix_1v2t1_368,
389
- .awsui_name-audio-off_h11ix_1v2t1_369,
390
- .awsui_name-external_h11ix_1v2t1_370,
391
- .awsui_name-redo_h11ix_1v2t1_371,
392
- .awsui_name-resize-area_h11ix_1v2t1_372,
393
- .awsui_name-send_h11ix_1v2t1_373,
394
- .awsui_name-shrink_h11ix_1v2t1_374,
395
- .awsui_name-undo_h11ix_1v2t1_375,
396
- .awsui_name-view-vertical_h11ix_1v2t1_376):dir(rtl) {
387
+ .awsui_icon_h11ix_34215_193:not(#\9):is(.awsui_name-angle-left-double_h11ix_34215_367,
388
+ .awsui_name-angle-left_h11ix_34215_367,
389
+ .awsui_name-angle-right-double_h11ix_34215_369,
390
+ .awsui_name-angle-right_h11ix_34215_369,
391
+ .awsui_name-arrow-left_h11ix_34215_371,
392
+ .awsui_name-arrow-right_h11ix_34215_372,
393
+ .awsui_name-caret-left-filled_h11ix_34215_373,
394
+ .awsui_name-caret-right-filled_h11ix_34215_374,
395
+ .awsui_name-audio-full_h11ix_34215_375,
396
+ .awsui_name-audio-half_h11ix_34215_376,
397
+ .awsui_name-audio-off_h11ix_34215_377,
398
+ .awsui_name-external_h11ix_34215_378,
399
+ .awsui_name-redo_h11ix_34215_379,
400
+ .awsui_name-resize-area_h11ix_34215_380,
401
+ .awsui_name-send_h11ix_34215_381,
402
+ .awsui_name-shrink_h11ix_34215_382,
403
+ .awsui_name-undo_h11ix_34215_383,
404
+ .awsui_name-view-vertical_h11ix_34215_384):dir(rtl) {
397
405
  transform: scaleX(-1);
398
406
  }
399
407
 
400
- .awsui_badge_h11ix_1v2t1_400:not(#\9)::after {
408
+ .awsui_badge_h11ix_34215_408:not(#\9)::after {
401
409
  content: "";
402
410
  position: absolute;
403
411
  inline-size: 6px;
@@ -2,46 +2,46 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "icon": "awsui_icon_h11ix_1v2t1_185",
6
- "icon-flex-height": "awsui_icon-flex-height_h11ix_1v2t1_193",
7
- "size-x-small": "awsui_size-x-small_h11ix_1v2t1_221",
8
- "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_1v2t1_225",
9
- "size-small": "awsui_size-small_h11ix_1v2t1_240",
10
- "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1v2t1_244",
11
- "size-normal": "awsui_size-normal_h11ix_1v2t1_259",
12
- "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1v2t1_263",
13
- "size-medium": "awsui_size-medium_h11ix_1v2t1_278",
14
- "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1v2t1_282",
15
- "size-big": "awsui_size-big_h11ix_1v2t1_297",
16
- "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1v2t1_301",
17
- "size-large": "awsui_size-large_h11ix_1v2t1_316",
18
- "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1v2t1_320",
19
- "variant-normal": "awsui_variant-normal_h11ix_1v2t1_335",
20
- "variant-disabled": "awsui_variant-disabled_h11ix_1v2t1_338",
21
- "variant-inverted": "awsui_variant-inverted_h11ix_1v2t1_341",
22
- "variant-subtle": "awsui_variant-subtle_h11ix_1v2t1_344",
23
- "variant-warning": "awsui_variant-warning_h11ix_1v2t1_347",
24
- "variant-error": "awsui_variant-error_h11ix_1v2t1_350",
25
- "variant-success": "awsui_variant-success_h11ix_1v2t1_353",
26
- "variant-link": "awsui_variant-link_h11ix_1v2t1_356",
27
- "name-angle-left-double": "awsui_name-angle-left-double_h11ix_1v2t1_359",
28
- "name-angle-left": "awsui_name-angle-left_h11ix_1v2t1_359",
29
- "name-angle-right-double": "awsui_name-angle-right-double_h11ix_1v2t1_361",
30
- "name-angle-right": "awsui_name-angle-right_h11ix_1v2t1_361",
31
- "name-arrow-left": "awsui_name-arrow-left_h11ix_1v2t1_363",
32
- "name-arrow-right": "awsui_name-arrow-right_h11ix_1v2t1_364",
33
- "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_1v2t1_365",
34
- "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_1v2t1_366",
35
- "name-audio-full": "awsui_name-audio-full_h11ix_1v2t1_367",
36
- "name-audio-half": "awsui_name-audio-half_h11ix_1v2t1_368",
37
- "name-audio-off": "awsui_name-audio-off_h11ix_1v2t1_369",
38
- "name-external": "awsui_name-external_h11ix_1v2t1_370",
39
- "name-redo": "awsui_name-redo_h11ix_1v2t1_371",
40
- "name-resize-area": "awsui_name-resize-area_h11ix_1v2t1_372",
41
- "name-send": "awsui_name-send_h11ix_1v2t1_373",
42
- "name-shrink": "awsui_name-shrink_h11ix_1v2t1_374",
43
- "name-undo": "awsui_name-undo_h11ix_1v2t1_375",
44
- "name-view-vertical": "awsui_name-view-vertical_h11ix_1v2t1_376",
45
- "badge": "awsui_badge_h11ix_1v2t1_400"
5
+ "icon": "awsui_icon_h11ix_34215_193",
6
+ "icon-flex-height": "awsui_icon-flex-height_h11ix_34215_201",
7
+ "size-x-small": "awsui_size-x-small_h11ix_34215_229",
8
+ "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_34215_233",
9
+ "size-small": "awsui_size-small_h11ix_34215_248",
10
+ "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_34215_252",
11
+ "size-normal": "awsui_size-normal_h11ix_34215_267",
12
+ "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_34215_271",
13
+ "size-medium": "awsui_size-medium_h11ix_34215_286",
14
+ "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_34215_290",
15
+ "size-big": "awsui_size-big_h11ix_34215_305",
16
+ "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_34215_309",
17
+ "size-large": "awsui_size-large_h11ix_34215_324",
18
+ "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_34215_328",
19
+ "variant-normal": "awsui_variant-normal_h11ix_34215_343",
20
+ "variant-disabled": "awsui_variant-disabled_h11ix_34215_346",
21
+ "variant-inverted": "awsui_variant-inverted_h11ix_34215_349",
22
+ "variant-subtle": "awsui_variant-subtle_h11ix_34215_352",
23
+ "variant-warning": "awsui_variant-warning_h11ix_34215_355",
24
+ "variant-error": "awsui_variant-error_h11ix_34215_358",
25
+ "variant-success": "awsui_variant-success_h11ix_34215_361",
26
+ "variant-link": "awsui_variant-link_h11ix_34215_364",
27
+ "name-angle-left-double": "awsui_name-angle-left-double_h11ix_34215_367",
28
+ "name-angle-left": "awsui_name-angle-left_h11ix_34215_367",
29
+ "name-angle-right-double": "awsui_name-angle-right-double_h11ix_34215_369",
30
+ "name-angle-right": "awsui_name-angle-right_h11ix_34215_369",
31
+ "name-arrow-left": "awsui_name-arrow-left_h11ix_34215_371",
32
+ "name-arrow-right": "awsui_name-arrow-right_h11ix_34215_372",
33
+ "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_34215_373",
34
+ "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_34215_374",
35
+ "name-audio-full": "awsui_name-audio-full_h11ix_34215_375",
36
+ "name-audio-half": "awsui_name-audio-half_h11ix_34215_376",
37
+ "name-audio-off": "awsui_name-audio-off_h11ix_34215_377",
38
+ "name-external": "awsui_name-external_h11ix_34215_378",
39
+ "name-redo": "awsui_name-redo_h11ix_34215_379",
40
+ "name-resize-area": "awsui_name-resize-area_h11ix_34215_380",
41
+ "name-send": "awsui_name-send_h11ix_34215_381",
42
+ "name-shrink": "awsui_name-shrink_h11ix_34215_382",
43
+ "name-undo": "awsui_name-undo_h11ix_34215_383",
44
+ "name-view-vertical": "awsui_name-view-vertical_h11ix_34215_384",
45
+ "badge": "awsui_badge_h11ix_34215_408"
46
46
  };
47
47
 
@@ -48,5 +48,5 @@
48
48
  }
49
49
  }
50
50
  :root {
51
- --awsui-version-info-0ebe4971: true;
51
+ --awsui-version-info-4194984b: true;
52
52
  }
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (0ebe4971)";
3
- export var GIT_SHA = "0ebe4971";
2
+ export var PACKAGE_VERSION = "3.0.0 (4194984b)";
3
+ export var GIT_SHA = "4194984b";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (0ebe4971)",
4
- "GIT_SHA": "0ebe4971",
3
+ "PACKAGE_VERSION": "3.0.0 (4194984b)",
4
+ "GIT_SHA": "4194984b",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true,
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "0ebe4971c559023ff5f9147242478d94083058c7"
2
+ "commit": "4194984bedd0518b6a2b33f8e30f4f4c0112017a"
3
3
  }
package/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "artifactId": "9446769909",
2
+ "artifactId": "9607990675",
3
3
  "repoName": "components",
4
- "commitSha": "0ebe4971c559023ff5f9147242478d94083058c7"
4
+ "commitSha": "4194984bedd0518b6a2b33f8e30f4f4c0112017a"
5
5
  }
package/package.json CHANGED
@@ -356,7 +356,7 @@
356
356
  "./internal/base-theme/styles.css.js",
357
357
  "./internal/base-component/styles.css.js"
358
358
  ],
359
- "version": "3.0.1352",
359
+ "version": "3.0.1354",
360
360
  "repository": {
361
361
  "type": "git",
362
362
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1,6 +1,7 @@
1
1
  import { TableProps } from '../interfaces';
2
2
  export interface HeaderRowColumn<T> {
3
3
  id: string;
4
+ cellKey: string;
4
5
  header?: React.ReactNode;
5
6
  colSpan: number;
6
7
  rowSpan: number;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/column-groups/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAC7C,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,qBAAa,eAAe,CAAC,CAAC;IAC5B,SAAgB,EAAE,EAAE,MAAM,CAAC;IAC3B,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAgB,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClE,SAAgB,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAEtD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAK;IAE1B,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAM;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;gBAEvB,EAAE,EAAE,MAAM,EAAE,KAAK,GAAE,oBAAoB,CAAC,CAAC,CAAM;IAW3D,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;CAI1C;AAkGD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAChE,gBAAgB,EAAE,SAAS,MAAM,EAAE,EACnC,gBAAgB,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,EAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,GAChE,kBAAkB,CAAC,CAAC,CAAC,CAyCvB;AAuDD,wBAAgB,oBAAoB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,GAAG,MAAM,CAW9G"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/column-groups/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAC7C,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,qBAAa,eAAe,CAAC,CAAC;IAC5B,SAAgB,EAAE,EAAE,MAAM,CAAC;IAC3B,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAgB,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClE,SAAgB,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC;IAEtD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAK;IAE1B,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAM;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;gBAEvB,EAAE,EAAE,MAAM,EAAE,KAAK,GAAE,oBAAoB,CAAC,CAAC,CAAM;IAW3D,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;CAI1C;AAmGD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAChE,gBAAgB,EAAE,SAAS,MAAM,EAAE,EACnC,gBAAgB,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,EAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,GAChE,kBAAkB,CAAC,CAAC,CAAC,CA0CvB;AAwDD,wBAAgB,oBAAoB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,GAAG,MAAM,CAW9G"}
@@ -37,15 +37,15 @@ export class TableHeaderNode {
37
37
  * Builds the tree from the nested columnDisplay structure.
38
38
  * Groups are only attached if they contain at least one visible descendant.
39
39
  */
40
- function buildTreeFromColumnDisplay(displayItems, nodeMap, parent) {
40
+ function buildTreeFromColumnDisplay(displayItems, columnNodeMap, groupNodeMap, parent) {
41
41
  for (const item of displayItems) {
42
42
  if (item.type === 'group') {
43
- const groupNode = nodeMap.get(item.id);
43
+ const groupNode = groupNodeMap.get(item.id);
44
44
  if (!groupNode) {
45
45
  warnOnce('[Table]', `Group "${item.id}" referenced in columnDisplay not found in groupDefinitions. Skipping.`);
46
46
  continue;
47
47
  }
48
- buildTreeFromColumnDisplay(item.children, nodeMap, groupNode);
48
+ buildTreeFromColumnDisplay(item.children, columnNodeMap, groupNodeMap, groupNode);
49
49
  // Only attach group if it has visible descendants. The recursive call above
50
50
  // only adds children that are either visible columns or nested groups with
51
51
  // their own visible descendants, so this check handles all nesting levels.
@@ -57,7 +57,7 @@ function buildTreeFromColumnDisplay(displayItems, nodeMap, parent) {
57
57
  if (!item.visible) {
58
58
  continue;
59
59
  }
60
- const colNode = nodeMap.get(item.id);
60
+ const colNode = columnNodeMap.get(item.id);
61
61
  if (colNode) {
62
62
  parent.addChild(colNode);
63
63
  }
@@ -67,14 +67,14 @@ function buildTreeFromColumnDisplay(displayItems, nodeMap, parent) {
67
67
  /**
68
68
  * Fallback when no columnDisplay is provided: all visible columns attach directly to root.
69
69
  */
70
- function buildTreeFromVisibleColumns(visibleColumns, nodeMap, root) {
70
+ function buildTreeFromVisibleColumns(visibleColumns, columnNodeMap, root) {
71
71
  for (const col of visibleColumns) {
72
72
  // Columns without IDs cannot participate in grouping, they have no key
73
73
  // to match against columnDisplay entries or groupDefinitions.
74
74
  if (!col.id) {
75
75
  continue;
76
76
  }
77
- const node = nodeMap.get(col.id);
77
+ const node = columnNodeMap.get(col.id);
78
78
  if (node) {
79
79
  root.addChild(node);
80
80
  }
@@ -118,21 +118,22 @@ export function calculateHierarchyTree(columnDefinitions, visibleColumnIds, grou
118
118
  visibleColumns: visibleColumnIds,
119
119
  columnDefinitions,
120
120
  });
121
- const nodeMap = new Map();
121
+ const columnNodeMap = new Map();
122
+ const groupNodeMap = new Map();
122
123
  for (const col of visibleColumns) {
123
124
  if (col.id) {
124
- nodeMap.set(col.id, new TableHeaderNode(col.id, { columnDefinition: col }));
125
+ columnNodeMap.set(col.id, new TableHeaderNode(col.id, { columnDefinition: col }));
125
126
  }
126
127
  }
127
128
  for (const group of groupDefinitions) {
128
- nodeMap.set(group.id, new TableHeaderNode(group.id, { groupDefinition: group }));
129
+ groupNodeMap.set(group.id, new TableHeaderNode(group.id, { groupDefinition: group }));
129
130
  }
130
131
  const root = new TableHeaderNode('*', { isRoot: true });
131
132
  if (columnDisplay && columnDisplay.length > 0) {
132
- buildTreeFromColumnDisplay(columnDisplay, nodeMap, root);
133
+ buildTreeFromColumnDisplay(columnDisplay, columnNodeMap, groupNodeMap, root);
133
134
  }
134
135
  else {
135
- buildTreeFromVisibleColumns(visibleColumns, nodeMap, root);
136
+ buildTreeFromVisibleColumns(visibleColumns, columnNodeMap, root);
136
137
  }
137
138
  computeSubTreeHeights(root);
138
139
  const treeHeight = root.subTreeHeight - 1;
@@ -164,6 +165,7 @@ function buildOutput(root, maxDepth) {
164
165
  const parentChain = getParentChain(node);
165
166
  const entry = {
166
167
  id: node.id,
168
+ cellKey: node.isGroup ? `group:${node.id}` : `column:${node.id}`,
167
169
  header: (_b = (_a = node.groupDefinition) === null || _a === void 0 ? void 0 : _a.header) !== null && _b !== void 0 ? _b : (_c = node.columnDefinition) === null || _c === void 0 ? void 0 : _c.header,
168
170
  colSpan: node.colSpan,
169
171
  rowSpan: node.rowSpan,