@cloudscape-design/components-themeable 3.0.964 → 3.0.965

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 (42) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/segmented-control/styles.scss +1 -0
  3. package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts +6 -1
  4. package/lib/internal/template/checkbox/analytics-metadata/interfaces.d.ts.map +1 -1
  5. package/lib/internal/template/checkbox/analytics-metadata/interfaces.js.map +1 -1
  6. package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
  7. package/lib/internal/template/checkbox/internal.js +1 -3
  8. package/lib/internal/template/checkbox/internal.js.map +1 -1
  9. package/lib/internal/template/internal/base-component/index.d.ts +1 -0
  10. package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
  11. package/lib/internal/template/internal/base-component/index.js +11 -1
  12. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  13. package/lib/internal/template/internal/base-component/styles.scoped.css +10 -0
  14. package/lib/internal/template/internal/environment.js +1 -1
  15. package/lib/internal/template/internal/environment.json +1 -1
  16. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  17. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  18. package/lib/internal/template/internal/generated/theming/index.cjs +32 -0
  19. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  20. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  21. package/lib/internal/template/internal/generated/theming/index.js +32 -0
  22. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  23. package/lib/internal/template/segmented-control/styles.scoped.css +37 -36
  24. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  25. package/lib/internal/template/table/analytics-metadata/interfaces.d.ts +15 -3
  26. package/lib/internal/template/table/analytics-metadata/interfaces.d.ts.map +1 -1
  27. package/lib/internal/template/table/analytics-metadata/interfaces.js.map +1 -1
  28. package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
  29. package/lib/internal/template/table/selection/selection-cell.js +4 -1
  30. package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
  31. package/lib/internal/template/table/selection/selection-control.d.ts.map +1 -1
  32. package/lib/internal/template/table/selection/selection-control.js.map +1 -1
  33. package/lib/internal/template/table/thead.d.ts.map +1 -1
  34. package/lib/internal/template/table/thead.js +1 -4
  35. package/lib/internal/template/table/thead.js.map +1 -1
  36. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts +6 -1
  37. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts.map +1 -1
  38. package/lib/internal/template/toggle/analytics-metadata/interfaces.js.map +1 -1
  39. package/lib/internal/template/toggle/internal.d.ts.map +1 -1
  40. package/lib/internal/template/toggle/internal.js +1 -3
  41. package/lib/internal/template/toggle/internal.js.map +1 -1
  42. package/package.json +1 -1
package/lib/internal/template/internal/generated/theming/index.js CHANGED
@@ -1082,6 +1082,10 @@ export var preset = {
1082
1082
  "light": "{colorBackgroundButtonNormalHover}",
1083
1083
  "dark": "{colorBackgroundButtonNormalHover}"
1084
1084
  },
1085
+ "colorBackgroundSegmentWrapper": {
1086
+ "light": "{colorBackgroundContainerContent}",
1087
+ "dark": "{colorBackgroundContainerContent}"
1088
+ },
1085
1089
  "colorBackgroundSliderHandleDefault": {
1086
1090
  "light": "{colorBlue600}",
1087
1091
  "dark": "{colorBlue500}"
@@ -3346,6 +3350,10 @@ export var preset = {
3346
3350
  "light": "{colorBackgroundButtonNormalHover}",
3347
3351
  "dark": "{colorBackgroundButtonNormalHover}"
3348
3352
  },
3353
+ "colorBackgroundSegmentWrapper": {
3354
+ "light": "{colorBackgroundContainerContent}",
3355
+ "dark": "{colorBackgroundContainerContent}"
3356
+ },
3349
3357
  "colorBackgroundSliderHandleDefault": {
3350
3358
  "light": "{colorBlue500}",
3351
3359
  "dark": "{colorBlue500}"
@@ -4508,6 +4516,10 @@ export var preset = {
4508
4516
  "light": "{colorBackgroundButtonNormalHover}",
4509
4517
  "dark": "{colorBackgroundButtonNormalHover}"
4510
4518
  },
4519
+ "colorBackgroundSegmentWrapper": {
4520
+ "light": "{colorGrey900}",
4521
+ "dark": "{colorGrey900}"
4522
+ },
4511
4523
  "colorBackgroundSliderHandleDefault": {
4512
4524
  "light": "{colorBlue500}",
4513
4525
  "dark": "{colorBlue500}"
@@ -5602,6 +5614,10 @@ export var preset = {
5602
5614
  "light": "{colorBackgroundButtonNormalHover}",
5603
5615
  "dark": "{colorBackgroundButtonNormalHover}"
5604
5616
  },
5617
+ "colorBackgroundSegmentWrapper": {
5618
+ "light": "{colorBackgroundContainerContent}",
5619
+ "dark": "{colorBackgroundContainerContent}"
5620
+ },
5605
5621
  "colorBackgroundSliderHandleDefault": {
5606
5622
  "light": "{colorBlue600}",
5607
5623
  "dark": "{colorBlue500}"
@@ -6696,6 +6712,10 @@ export var preset = {
6696
6712
  "light": "{colorBackgroundButtonNormalHover}",
6697
6713
  "dark": "{colorBackgroundButtonNormalHover}"
6698
6714
  },
6715
+ "colorBackgroundSegmentWrapper": {
6716
+ "light": "{colorBackgroundContainerContent}",
6717
+ "dark": "{colorBackgroundContainerContent}"
6718
+ },
6699
6719
  "colorBackgroundSliderHandleDefault": {
6700
6720
  "light": "{colorBlue600}",
6701
6721
  "dark": "{colorBlue500}"
@@ -7790,6 +7810,10 @@ export var preset = {
7790
7810
  "light": "{colorBackgroundButtonNormalHover}",
7791
7811
  "dark": "{colorBackgroundButtonNormalHover}"
7792
7812
  },
7813
+ "colorBackgroundSegmentWrapper": {
7814
+ "light": "{colorBackgroundContainerContent}",
7815
+ "dark": "{colorBackgroundContainerContent}"
7816
+ },
7793
7817
  "colorBackgroundSliderHandleDefault": {
7794
7818
  "light": "{colorBlue600}",
7795
7819
  "dark": "{colorBlue500}"
@@ -8896,6 +8920,10 @@ export var preset = {
8896
8920
  "light": "{colorBackgroundButtonNormalHover}",
8897
8921
  "dark": "{colorBackgroundButtonNormalHover}"
8898
8922
  },
8923
+ "colorBackgroundSegmentWrapper": {
8924
+ "light": "{colorBackgroundContainerContent}",
8925
+ "dark": "{colorBackgroundContainerContent}"
8926
+ },
8899
8927
  "colorBackgroundSliderHandleDefault": {
8900
8928
  "light": "{colorBlue500}",
8901
8929
  "dark": "{colorBlue500}"
@@ -9923,6 +9951,7 @@ export var preset = {
9923
9951
  "colorBackgroundSegmentDefault": "color",
9924
9952
  "colorBackgroundSegmentDisabled": "color",
9925
9953
  "colorBackgroundSegmentHover": "color",
9954
+ "colorBackgroundSegmentWrapper": "color",
9926
9955
  "colorBackgroundSliderHandleDefault": "color",
9927
9956
  "colorBackgroundSliderHandleActive": "color",
9928
9957
  "colorBackgroundSliderTrack": "color",
@@ -10398,6 +10427,7 @@ export var preset = {
10398
10427
  "colorBackgroundSegmentDefault",
10399
10428
  "colorBackgroundSegmentDisabled",
10400
10429
  "colorBackgroundSegmentHover",
10430
+ "colorBackgroundSegmentWrapper",
10401
10431
  "colorBackgroundStatusError",
10402
10432
  "colorBackgroundStatusInfo",
10403
10433
  "colorBackgroundDialog",
@@ -11230,6 +11260,7 @@ export var preset = {
11230
11260
  "colorBackgroundSegmentDefault": "color-background-segment-default",
11231
11261
  "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
11232
11262
  "colorBackgroundSegmentHover": "color-background-segment-hover",
11263
+ "colorBackgroundSegmentWrapper": "color-background-segment-wrapper",
11233
11264
  "colorBackgroundSliderHandleDefault": "color-background-slider-handle-default",
11234
11265
  "colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
11235
11266
  "colorBackgroundSliderTrack": "color-background-slider-track",
@@ -11987,6 +12018,7 @@ export var preset = {
11987
12018
  "colorBackgroundSegmentDefault": "--color-background-segment-default-9hln0n",
11988
12019
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-2aqenf",
11989
12020
  "colorBackgroundSegmentHover": "--color-background-segment-hover-aa95sd",
12021
+ "colorBackgroundSegmentWrapper": "--color-background-segment-wrapper-nyb7yz",
11990
12022
  "colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-8d9sfs",
11991
12023
  "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-trfoqh",
11992
12024
  "colorBackgroundSliderTrack": "--color-background-slider-track-04c9wf",
package/lib/internal/template/segmented-control/styles.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_rieo0_161",
5
- "refresh": "awsui_refresh_8cbea_rieo0_187",
6
- "disabled": "awsui_disabled_8cbea_rieo0_193",
7
- "selected": "awsui_selected_8cbea_rieo0_256",
8
- "icon": "awsui_icon_8cbea_rieo0_279",
9
- "with-text": "awsui_with-text_8cbea_rieo0_283",
10
- "with-no-text": "awsui_with-no-text_8cbea_rieo0_289",
11
- "root": "awsui_root_8cbea_rieo0_294",
12
- "segment-part": "awsui_segment-part_8cbea_rieo0_326",
13
- "select": "awsui_select_8cbea_rieo0_256",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_rieo0_361",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_rieo0_365",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_rieo0_369",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_rieo0_373",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_rieo0_377",
19
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_rieo0_381"
4
+ "segment": "awsui_segment_8cbea_1j9xm_161",
5
+ "refresh": "awsui_refresh_8cbea_1j9xm_187",
6
+ "disabled": "awsui_disabled_8cbea_1j9xm_193",
7
+ "selected": "awsui_selected_8cbea_1j9xm_256",
8
+ "icon": "awsui_icon_8cbea_1j9xm_279",
9
+ "with-text": "awsui_with-text_8cbea_1j9xm_283",
10
+ "with-no-text": "awsui_with-no-text_8cbea_1j9xm_289",
11
+ "root": "awsui_root_8cbea_1j9xm_294",
12
+ "segment-part": "awsui_segment-part_8cbea_1j9xm_326",
13
+ "select": "awsui_select_8cbea_1j9xm_256",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_1j9xm_362",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_1j9xm_366",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_1j9xm_370",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_1j9xm_374",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_1j9xm_378",
19
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1j9xm_382"
20
20
  };
21
21
 
package/lib/internal/template/segmented-control/styles.scoped.css CHANGED
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_segment_8cbea_rieo0_161:not(#\9) {
161
+ .awsui_segment_8cbea_1j9xm_161:not(#\9) {
162
162
  font-size: var(--font-size-body-m-vv54cm, 14px);
163
163
  line-height: var(--line-height-body-m-bedeoh, 22px);
164
164
  word-wrap: break-word;
@@ -184,25 +184,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
184
  border-inline: none;
185
185
  border-block: none;
186
186
  }
187
- .awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_refresh_8cbea_rieo0_187) {
187
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187) {
188
188
  block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
189
189
  }
190
- .awsui_segment_8cbea_rieo0_161:not(#\9):focus {
190
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
191
191
  outline: none;
192
192
  }
193
- .awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_193:not(#\9) {
193
+ .awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193:not(#\9) {
194
194
  background: var(--color-background-segment-disabled-6rn547, #ffffff);
195
195
  border-color: var(--color-border-segment-disabled-e054cl, #d5dbdb);
196
196
  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
197
197
  }
198
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus {
198
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
199
199
  position: relative;
200
200
  }
201
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus {
201
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
202
202
  outline: 2px dotted transparent;
203
203
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) - 1px);
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus::before {
205
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus::before {
206
206
  content: " ";
207
207
  display: block;
208
208
  position: absolute;
@@ -216,7 +216,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focu
216
216
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
217
217
  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
218
218
  }
219
- .awsui_segment_8cbea_rieo0_161:not(#\9):not(:last-child)::after {
219
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):not(:last-child)::after {
220
220
  content: "";
221
221
  position: absolute;
222
222
  inset-inline-end: calc(-1 * (var(--space-static-xxs-0cgyf1, 4px) + 1px));
@@ -226,72 +226,72 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focu
226
226
  background: var(--color-border-input-default-dwoouh, #687078);
227
227
  z-index: 1;
228
228
  }
229
- .awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_refresh_8cbea_rieo0_187):not(:last-child)::after {
229
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187):not(:last-child)::after {
230
230
  inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
231
231
  }
232
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(1) {
232
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(1) {
233
233
  grid-column: 1;
234
234
  -ms-grid-column: 1;
235
235
  }
236
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(2) {
236
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(2) {
237
237
  grid-column: 2;
238
238
  -ms-grid-column: 2;
239
239
  }
240
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(3) {
240
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(3) {
241
241
  grid-column: 3;
242
242
  -ms-grid-column: 3;
243
243
  }
244
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(4) {
244
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(4) {
245
245
  grid-column: 4;
246
246
  -ms-grid-column: 4;
247
247
  }
248
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(5) {
248
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(5) {
249
249
  grid-column: 5;
250
250
  -ms-grid-column: 5;
251
251
  }
252
- .awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(6) {
252
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(6) {
253
253
  grid-column: 6;
254
254
  -ms-grid-column: 6;
255
255
  }
256
- .awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256:not(#\9) {
256
+ .awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256:not(#\9) {
257
257
  background: var(--color-background-segment-active-tb5v1u, #0073bb);
258
258
  color: var(--color-text-segment-active-j0pz2b, #ffffff);
259
259
  }
260
- .awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161:not(#\9), .awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_193:not(#\9) {
260
+ .awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161:not(#\9), .awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193:not(#\9) {
261
261
  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
262
262
  }
263
- .awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_disabled_8cbea_rieo0_193) + .awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_193 {
263
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_disabled_8cbea_1j9xm_193) + .awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193 {
264
264
  border-inline-start-color: var(--color-border-segment-default-t8hr6z, #687078);
265
265
  }
266
- .awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_193):not(:focus) {
266
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) {
267
267
  background: var(--color-background-segment-hover-jtyxhf, #fafafa);
268
268
  color: var(--color-text-segment-hover-bhj7qd, #16191f);
269
269
  border-color: var(--color-border-segment-hover-y1gvtl, #16191f);
270
270
  cursor: pointer;
271
271
  }
272
- .awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_193):not(:focus) + .awsui_segment_8cbea_rieo0_161:not(.awsui_selected_8cbea_rieo0_256) {
272
+ .awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) + .awsui_segment_8cbea_1j9xm_161:not(.awsui_selected_8cbea_1j9xm_256) {
273
273
  border-inline-start-color: var(--color-border-segment-hover-y1gvtl, #16191f);
274
274
  }
275
- .awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_193):not(:focus) {
275
+ .awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) {
276
276
  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
277
277
  }
278
278
 
279
- .awsui_icon_8cbea_rieo0_279:not(#\9) {
279
+ .awsui_icon_8cbea_1j9xm_279:not(#\9) {
280
280
  /* used in test-utils */
281
281
  }
282
282
 
283
- .awsui_with-text_8cbea_rieo0_283:not(#\9) {
283
+ .awsui_with-text_8cbea_1j9xm_283:not(#\9) {
284
284
  position: relative;
285
285
  inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
286
286
  margin-inline-end: var(--space-xxs-jnczic, 4px);
287
287
  }
288
288
 
289
- .awsui_with-no-text_8cbea_rieo0_289:not(#\9) {
289
+ .awsui_with-no-text_8cbea_1j9xm_289:not(#\9) {
290
290
  margin-inline: auto;
291
291
  inset-inline: 0;
292
292
  }
293
293
 
294
- .awsui_root_8cbea_rieo0_294:not(#\9) {
294
+ .awsui_root_8cbea_1j9xm_294:not(#\9) {
295
295
  border-collapse: separate;
296
296
  border-spacing: 0;
297
297
  box-sizing: border-box;
@@ -324,7 +324,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focu
324
324
  -moz-osx-font-smoothing: auto;
325
325
  }
326
326
 
327
- .awsui_segment-part_8cbea_rieo0_326:not(#\9) {
327
+ .awsui_segment-part_8cbea_1j9xm_326:not(#\9) {
328
328
  display: inline-grid;
329
329
  border-inline: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-dwoouh, #687078);
330
330
  border-block: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-dwoouh, #687078);
@@ -332,52 +332,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focu
332
332
  border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
333
333
  border-end-start-radius: var(--border-radius-button-vm1lh4, 2px);
334
334
  border-end-end-radius: var(--border-radius-button-vm1lh4, 2px);
335
+ background-color: var(--color-background-segment-wrapper-06se6k, #ffffff);
335
336
  align-items: center;
336
337
  min-block-size: calc(var(--line-height-body-m-bedeoh, 22px) + var(--space-static-xxs-0cgyf1, 4px));
337
338
  padding-block: calc(var(--space-static-xxs-0cgyf1, 4px) / 2 - var(--border-width-field-9k1tdz, 1px));
338
339
  padding-inline: calc(var(--space-static-xxs-0cgyf1, 4px) - var(--border-width-field-9k1tdz, 1px));
339
340
  gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 + 1px);
340
341
  }
341
- .awsui_segment-part_8cbea_rieo0_326:not(#\9):not(.awsui_refresh_8cbea_rieo0_187) {
342
+ .awsui_segment-part_8cbea_1j9xm_326:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187) {
342
343
  padding-inline: calc(var(--space-static-xxxs-zckw10, 2px) + var(--border-width-field-9k1tdz, 1px));
343
344
  padding-block: 0;
344
345
  gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 - 1px);
345
346
  }
346
347
  @media (max-width: 688px) {
347
- .awsui_segment-part_8cbea_rieo0_326:not(#\9) {
348
+ .awsui_segment-part_8cbea_1j9xm_326:not(#\9) {
348
349
  display: none;
349
350
  }
350
351
  }
351
352
 
352
- .awsui_select_8cbea_rieo0_256:not(#\9) {
353
+ .awsui_select_8cbea_1j9xm_256:not(#\9) {
353
354
  display: none;
354
355
  }
355
356
  @media (max-width: 688px) {
356
- .awsui_select_8cbea_rieo0_256:not(#\9) {
357
+ .awsui_select_8cbea_1j9xm_256:not(#\9) {
357
358
  display: block;
358
359
  }
359
360
  }
360
361
 
361
- .awsui_segment-count-2_8cbea_rieo0_361:not(#\9) {
362
+ .awsui_segment-count-2_8cbea_1j9xm_362:not(#\9) {
362
363
  grid-template-columns: repeat(2, auto);
363
364
  }
364
365
 
365
- .awsui_segment-count-3_8cbea_rieo0_365:not(#\9) {
366
+ .awsui_segment-count-3_8cbea_1j9xm_366:not(#\9) {
366
367
  grid-template-columns: repeat(3, auto);
367
368
  }
368
369
 
369
- .awsui_segment-count-4_8cbea_rieo0_369:not(#\9) {
370
+ .awsui_segment-count-4_8cbea_1j9xm_370:not(#\9) {
370
371
  grid-template-columns: repeat(4, auto);
371
372
  }
372
373
 
373
- .awsui_segment-count-5_8cbea_rieo0_373:not(#\9) {
374
+ .awsui_segment-count-5_8cbea_1j9xm_374:not(#\9) {
374
375
  grid-template-columns: repeat(5, auto);
375
376
  }
376
377
 
377
- .awsui_segment-count-6_8cbea_rieo0_377:not(#\9) {
378
+ .awsui_segment-count-6_8cbea_1j9xm_378:not(#\9) {
378
379
  grid-template-columns: repeat(6, auto);
379
380
  }
380
381
 
381
- .awsui_disabled-reason-tooltip_8cbea_rieo0_381:not(#\9) {
382
+ .awsui_disabled-reason-tooltip_8cbea_1j9xm_382:not(#\9) {
382
383
  /* used in test-utils or tests */
383
384
  }
package/lib/internal/template/segmented-control/styles.selectors.js CHANGED
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_rieo0_161",
6
- "refresh": "awsui_refresh_8cbea_rieo0_187",
7
- "disabled": "awsui_disabled_8cbea_rieo0_193",
8
- "selected": "awsui_selected_8cbea_rieo0_256",
9
- "icon": "awsui_icon_8cbea_rieo0_279",
10
- "with-text": "awsui_with-text_8cbea_rieo0_283",
11
- "with-no-text": "awsui_with-no-text_8cbea_rieo0_289",
12
- "root": "awsui_root_8cbea_rieo0_294",
13
- "segment-part": "awsui_segment-part_8cbea_rieo0_326",
14
- "select": "awsui_select_8cbea_rieo0_256",
15
- "segment-count-2": "awsui_segment-count-2_8cbea_rieo0_361",
16
- "segment-count-3": "awsui_segment-count-3_8cbea_rieo0_365",
17
- "segment-count-4": "awsui_segment-count-4_8cbea_rieo0_369",
18
- "segment-count-5": "awsui_segment-count-5_8cbea_rieo0_373",
19
- "segment-count-6": "awsui_segment-count-6_8cbea_rieo0_377",
20
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_rieo0_381"
5
+ "segment": "awsui_segment_8cbea_1j9xm_161",
6
+ "refresh": "awsui_refresh_8cbea_1j9xm_187",
7
+ "disabled": "awsui_disabled_8cbea_1j9xm_193",
8
+ "selected": "awsui_selected_8cbea_1j9xm_256",
9
+ "icon": "awsui_icon_8cbea_1j9xm_279",
10
+ "with-text": "awsui_with-text_8cbea_1j9xm_283",
11
+ "with-no-text": "awsui_with-no-text_8cbea_1j9xm_289",
12
+ "root": "awsui_root_8cbea_1j9xm_294",
13
+ "segment-part": "awsui_segment-part_8cbea_1j9xm_326",
14
+ "select": "awsui_select_8cbea_1j9xm_256",
15
+ "segment-count-2": "awsui_segment-count-2_8cbea_1j9xm_362",
16
+ "segment-count-3": "awsui_segment-count-3_8cbea_1j9xm_366",
17
+ "segment-count-4": "awsui_segment-count-4_8cbea_1j9xm_370",
18
+ "segment-count-5": "awsui_segment-count-5_8cbea_1j9xm_374",
19
+ "segment-count-6": "awsui_segment-count-6_8cbea_1j9xm_378",
20
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1j9xm_382"
21
21
  };
22
22
 
package/lib/internal/template/table/analytics-metadata/interfaces.d.ts CHANGED
@@ -2,8 +2,15 @@ import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/a
2
2
  export interface GeneratedAnalyticsMetadataTableSelect {
3
3
  action: 'select';
4
4
  detail: {
5
- label: string;
6
- selected: string;
5
+ label?: string;
6
+ position: string;
7
+ item: string;
8
+ };
9
+ }
10
+ export interface GeneratedAnalyticsMetadataTableDeselect {
11
+ action: 'deselect';
12
+ detail: {
13
+ label?: string;
7
14
  position: string;
8
15
  item: string;
9
16
  };
@@ -12,7 +19,12 @@ export interface GeneratedAnalyticsMetadataTableSelectAll {
12
19
  action: 'selectAll';
13
20
  detail: {
14
21
  label: string;
15
- selected: string;
22
+ };
23
+ }
24
+ export interface GeneratedAnalyticsMetadataTableDeselectAll {
25
+ action: 'deselectAll';
26
+ detail: {
27
+ label: string;
16
28
  };
17
29
  }
18
30
  export interface GeneratedAnalyticsMetadataTableSort {
package/lib/internal/template/table/analytics-metadata/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,mCAAmC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;IAChC,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,GAAG,eAAe,CAAC;QACtC,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,uCAAuC;IACtD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,0CAA0C;IACzD,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,mCAAmC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;IAChC,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,GAAG,eAAe,CAAC;QACtC,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH"}
package/lib/internal/template/table/analytics-metadata/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTableSelect {\n action: 'select';\n detail: {\n label: string;\n selected: string;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableSelectAll {\n action: 'selectAll';\n detail: {\n label: string;\n selected: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableSort {\n action: 'sort';\n detail: {\n label: string;\n position: string;\n columnId: string;\n sortingDescending: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableComponent {\n name: 'awsui.Table';\n label: string | LabelIdentifier;\n properties: {\n selectionType: string;\n itemsCount: string;\n selectedItemsCount: string;\n sortingColumnId?: string;\n sortingDescending?: string;\n variant: string;\n };\n innerContext?: {\n position: string;\n columnId: string;\n columnLabel: string | LabelIdentifier;\n item: string;\n };\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTableSelect {\n action: 'select';\n detail: {\n label?: string;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableDeselect {\n action: 'deselect';\n detail: {\n label?: string;\n position: string;\n item: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableSelectAll {\n action: 'selectAll';\n detail: {\n label: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableDeselectAll {\n action: 'deselectAll';\n detail: {\n label: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableSort {\n action: 'sort';\n detail: {\n label: string;\n position: string;\n columnId: string;\n sortingDescending: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTableComponent {\n name: 'awsui.Table';\n label: string | LabelIdentifier;\n properties: {\n selectionType: string;\n itemsCount: string;\n selectedItemsCount: string;\n sortingColumnId?: string;\n sortingDescending?: string;\n variant: string;\n };\n innerContext?: {\n position: string;\n columnId: string;\n columnLabel: string | LabelIdentifier;\n item: string;\n };\n}\n"]}
package/lib/internal/template/table/selection/selection-cell.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,eAyB/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,eAQtG"}
1
+ {"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,eA4B/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,eAQtG"}
package/lib/internal/template/table/selection/selection-cell.js CHANGED
@@ -2,6 +2,7 @@ import { __rest } from "tslib";
2
2
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import React from 'react';
5
+ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
5
6
  import ScreenreaderOnly from '../../internal/components/screenreader-only';
6
7
  import { TableTdElement } from '../body-cell/td-element';
7
8
  import { TableThElement } from '../header-cell/th-element';
@@ -11,7 +12,9 @@ import styles from '../styles.css.js';
11
12
  export function TableHeaderSelectionCell(_a) {
12
13
  var { focusedComponent, singleSelectionHeaderAriaLabel, getSelectAllProps, onFocusMove } = _a, props = __rest(_a, ["focusedComponent", "singleSelectionHeaderAriaLabel", "getSelectAllProps", "onFocusMove"]);
13
14
  const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;
14
- return (React.createElement(TableThElement, Object.assign({}, props, { isSelection: true, colIndex: 0, focusedComponent: focusedComponent, ariaLabel: selectAllProps === null || selectAllProps === void 0 ? void 0 : selectAllProps.selectionGroupLabel }),
15
+ return (React.createElement(TableThElement, Object.assign({}, props, { isSelection: true, colIndex: 0, focusedComponent: focusedComponent, ariaLabel: selectAllProps === null || selectAllProps === void 0 ? void 0 : selectAllProps.selectionGroupLabel }, getAnalyticsMetadataAttribute({
16
+ action: (selectAllProps === null || selectAllProps === void 0 ? void 0 : selectAllProps.checked) ? 'deselectAll' : 'selectAll',
17
+ })),
15
18
  selectAllProps ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
16
19
  onFocusMove(event.target, -1, +1);
17
20
  }, focusedComponent: focusedComponent }, selectAllProps, (props.sticky ? { tabIndex: -1 } : {})))) : (React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel)),
package/lib/internal/template/table/selection/selection-cell.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,CAAC,EACX,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,mBAAmB;QAE7C,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,cAAc,EACd,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE;QACD,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACjC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAgE;QAAhE,EAAE,qBAAqB,OAAyC,EAApC,KAAK,cAAjC,yBAAmC,CAAF;IACtE,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAC7G,qBAAqB,CAAC,CAAC,CAAC,CACvB,oBAAC,gBAAgB,oBAAK,qBAAqB,IAAE,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,CACpF,CAAC,CAAC,CAAC,IAAI,CACO,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { TableTdElement, TableTdElementProps } from '../body-cell/td-element';\nimport { TableThElement, TableThElementProps } from '../header-cell/th-element';\nimport { Divider } from '../resizer';\nimport { SelectionProps } from './interfaces';\nimport { SelectionControl, SelectionControlProps } from './selection-control';\n\nimport styles from '../styles.css.js';\n\ninterface TableHeaderSelectionCellProps extends Omit<TableThElementProps, 'children' | 'colIndex'> {\n focusedComponent?: null | string;\n singleSelectionHeaderAriaLabel?: string;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n}\n\ninterface TableBodySelectionCellProps\n extends Omit<TableTdElementProps, 'children' | 'colIndex' | 'wrapLines' | 'isEditable' | 'isEditing'> {\n selectionControlProps?: SelectionControlProps;\n}\n\nexport function TableHeaderSelectionCell({\n focusedComponent,\n singleSelectionHeaderAriaLabel,\n getSelectAllProps,\n onFocusMove,\n ...props\n}: TableHeaderSelectionCellProps) {\n const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;\n return (\n <TableThElement\n {...props}\n isSelection={true}\n colIndex={0}\n focusedComponent={focusedComponent}\n ariaLabel={selectAllProps?.selectionGroupLabel}\n >\n {selectAllProps ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n {...selectAllProps}\n {...(props.sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n <Divider className={styles['resize-divider']} />\n </TableThElement>\n );\n}\n\nexport function TableBodySelectionCell({ selectionControlProps, ...props }: TableBodySelectionCellProps) {\n return (\n <TableTdElement {...props} isSelection={true} wrapLines={false} isEditable={false} isEditing={false} colIndex={0}>\n {selectionControlProps ? (\n <SelectionControl {...selectionControlProps} verticalAlign={props.verticalAlign} />\n ) : null}\n </TableTdElement>\n );\n}\n"]}
1
+ {"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,CAAC,EACX,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,mBAAmB,IAC1C,6BAA6B,CAAC;QAChC,MAAM,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,EAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;KAC9D,CAAC;QAED,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,cAAc,EACd,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE;QACD,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACjC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAgE;QAAhE,EAAE,qBAAqB,OAAyC,EAApC,KAAK,cAAjC,yBAAmC,CAAF;IACtE,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAC7G,qBAAqB,CAAC,CAAC,CAAC,CACvB,oBAAC,gBAAgB,oBAAK,qBAAqB,IAAE,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,CACpF,CAAC,CAAC,CAAC,IAAI,CACO,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { TableTdElement, TableTdElementProps } from '../body-cell/td-element';\nimport { TableThElement, TableThElementProps } from '../header-cell/th-element';\nimport { Divider } from '../resizer';\nimport { SelectionProps } from './interfaces';\nimport { SelectionControl, SelectionControlProps } from './selection-control';\n\nimport styles from '../styles.css.js';\n\ninterface TableHeaderSelectionCellProps extends Omit<TableThElementProps, 'children' | 'colIndex'> {\n focusedComponent?: null | string;\n singleSelectionHeaderAriaLabel?: string;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n}\n\ninterface TableBodySelectionCellProps\n extends Omit<TableTdElementProps, 'children' | 'colIndex' | 'wrapLines' | 'isEditable' | 'isEditing'> {\n selectionControlProps?: SelectionControlProps;\n}\n\nexport function TableHeaderSelectionCell({\n focusedComponent,\n singleSelectionHeaderAriaLabel,\n getSelectAllProps,\n onFocusMove,\n ...props\n}: TableHeaderSelectionCellProps) {\n const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;\n return (\n <TableThElement\n {...props}\n isSelection={true}\n colIndex={0}\n focusedComponent={focusedComponent}\n ariaLabel={selectAllProps?.selectionGroupLabel}\n {...getAnalyticsMetadataAttribute({\n action: selectAllProps?.checked ? 'deselectAll' : 'selectAll',\n })}\n >\n {selectAllProps ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n {...selectAllProps}\n {...(props.sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n <Divider className={styles['resize-divider']} />\n </TableThElement>\n );\n}\n\nexport function TableBodySelectionCell({ selectionControlProps, ...props }: TableBodySelectionCellProps) {\n return (\n <TableTdElement {...props} isSelection={true} wrapLines={false} isEditable={false} isEditing={false} colIndex={0}>\n {selectionControlProps ? (\n <SelectionControl {...selectionControlProps} verticalAlign={props.verticalAlign} />\n ) : null}\n </TableTdElement>\n );\n}\n"]}
package/lib/internal/template/table/selection/selection-control.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAiB,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAW3F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,aAAa,CAAC,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAqB,EACrB,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,aAAwB,EACxB,GAAG,WAAW,EACf,EAAE,qBAAqB,eAmFvB"}
1
+ {"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAiB,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAU3F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,aAAa,CAAC,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,aAAqB,EACrB,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,aAAwB,EACxB,GAAG,WAAW,EACf,EAAE,qBAAqB,eAmFvB"}
package/lib/internal/template/table/selection/selection-control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalCheckbox from '../../checkbox/internal';\nimport { SingleTabStopNavigationContext } from '../../internal/context/single-tab-stop-navigation-context';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { KeyCode } from '../../internal/keycode';\nimport RadioButton from '../../radio-group/radio-button';\nimport { GeneratedAnalyticsMetadataTableSelect } from '../analytics-metadata/interfaces';\nimport { SelectionProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface SelectionControlProps extends SelectionProps {\n onShiftToggle?(shiftPressed: boolean): void;\n onFocusUp?: KeyboardEventHandler;\n onFocusDown?: KeyboardEventHandler;\n ariaLabel?: string;\n tabIndex?: -1;\n focusedComponent?: null | string;\n rowIndex?: number;\n itemKey?: string;\n verticalAlign?: 'middle' | 'top';\n}\n\nexport function SelectionControl({\n selectionType,\n indeterminate = false,\n onShiftToggle,\n onFocusUp,\n onFocusDown,\n name,\n ariaLabel,\n focusedComponent,\n rowIndex,\n itemKey,\n verticalAlign = 'middle',\n ...sharedProps\n}: SelectionControlProps) {\n const controlId = useUniqueId();\n const isMultiSelection = selectionType === 'multi';\n const { navigationActive } = useContext(SingleTabStopNavigationContext);\n\n const setShiftState = (event: KeyboardEvent | MouseEvent) => {\n if (isMultiSelection) {\n onShiftToggle?.(event.shiftKey);\n }\n };\n\n const onMouseDownHandler = (event: MouseEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n // To overcome an issue\n // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n event.preventDefault();\n }\n };\n\n // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n const handleKeyDown = (event: KeyboardEvent) => {\n setShiftState(event);\n if (isMultiSelection && !navigationActive) {\n if (event.keyCode === KeyCode.up) {\n event.preventDefault();\n onFocusUp?.(event);\n }\n if (event.keyCode === KeyCode.down) {\n event.preventDefault();\n onFocusDown?.(event);\n }\n }\n };\n\n const handleClick = (event: MouseEvent) => {\n const target = event.currentTarget;\n const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n nativeInput?.focus();\n };\n\n const selector = isMultiSelection ? (\n <InternalCheckbox\n {...sharedProps}\n showOutline={focusedComponent === 'selection-control'}\n controlId={controlId}\n data-focus-id=\"selection-control\"\n indeterminate={indeterminate}\n />\n ) : (\n <RadioButton {...sharedProps} controlId={controlId} name={name} value={''} label={''} />\n );\n\n return (\n <>\n <label\n onKeyDown={handleKeyDown}\n onKeyUp={setShiftState}\n onMouseDown={onMouseDownHandler}\n onMouseUp={setShiftState}\n onClick={handleClick}\n htmlFor={controlId}\n className={clsx(styles.label, styles.root, verticalAlign === 'top' && styles['label-top'])}\n aria-label={ariaLabel}\n title={ariaLabel}\n {...(rowIndex !== undefined && !sharedProps.disabled\n ? getAnalyticsMetadataAttribute({\n detail: {\n position: `${rowIndex + 1}`,\n item: itemKey || '',\n },\n } as Partial<GeneratedAnalyticsMetadataTableSelect>)\n : {})}\n >\n {selector}\n </label>\n <span className={styles.stud} aria-hidden={true}>\n &nbsp;\n </span>\n </>\n );\n}\n"]}
1
+ {"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalCheckbox from '../../checkbox/internal';\nimport { SingleTabStopNavigationContext } from '../../internal/context/single-tab-stop-navigation-context';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { KeyCode } from '../../internal/keycode';\nimport RadioButton from '../../radio-group/radio-button';\nimport { SelectionProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface SelectionControlProps extends SelectionProps {\n onShiftToggle?(shiftPressed: boolean): void;\n onFocusUp?: KeyboardEventHandler;\n onFocusDown?: KeyboardEventHandler;\n ariaLabel?: string;\n tabIndex?: -1;\n focusedComponent?: null | string;\n rowIndex?: number;\n itemKey?: string;\n verticalAlign?: 'middle' | 'top';\n}\n\nexport function SelectionControl({\n selectionType,\n indeterminate = false,\n onShiftToggle,\n onFocusUp,\n onFocusDown,\n name,\n ariaLabel,\n focusedComponent,\n rowIndex,\n itemKey,\n verticalAlign = 'middle',\n ...sharedProps\n}: SelectionControlProps) {\n const controlId = useUniqueId();\n const isMultiSelection = selectionType === 'multi';\n const { navigationActive } = useContext(SingleTabStopNavigationContext);\n\n const setShiftState = (event: KeyboardEvent | MouseEvent) => {\n if (isMultiSelection) {\n onShiftToggle?.(event.shiftKey);\n }\n };\n\n const onMouseDownHandler = (event: MouseEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n // To overcome an issue\n // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n event.preventDefault();\n }\n };\n\n // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n const handleKeyDown = (event: KeyboardEvent) => {\n setShiftState(event);\n if (isMultiSelection && !navigationActive) {\n if (event.keyCode === KeyCode.up) {\n event.preventDefault();\n onFocusUp?.(event);\n }\n if (event.keyCode === KeyCode.down) {\n event.preventDefault();\n onFocusDown?.(event);\n }\n }\n };\n\n const handleClick = (event: MouseEvent) => {\n const target = event.currentTarget;\n const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n nativeInput?.focus();\n };\n\n const selector = isMultiSelection ? (\n <InternalCheckbox\n {...sharedProps}\n showOutline={focusedComponent === 'selection-control'}\n controlId={controlId}\n data-focus-id=\"selection-control\"\n indeterminate={indeterminate}\n />\n ) : (\n <RadioButton {...sharedProps} controlId={controlId} name={name} value={''} label={''} />\n );\n\n return (\n <>\n <label\n onKeyDown={handleKeyDown}\n onKeyUp={setShiftState}\n onMouseDown={onMouseDownHandler}\n onMouseUp={setShiftState}\n onClick={handleClick}\n htmlFor={controlId}\n className={clsx(styles.label, styles.root, verticalAlign === 'top' && styles['label-top'])}\n aria-label={ariaLabel}\n title={ariaLabel}\n {...(rowIndex !== undefined && !sharedProps.disabled\n ? getAnalyticsMetadataAttribute({\n detail: {\n position: `${rowIndex + 1}`,\n item: itemKey || '',\n },\n })\n : {})}\n >\n {selector}\n </label>\n <span className={styles.stud} aria-hidden={true}>\n &nbsp;\n </span>\n </>\n );\n}\n"]}
package/lib/internal/template/table/thead.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA6GV,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA0GV,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/lib/internal/template/table/thead.js CHANGED
@@ -3,7 +3,6 @@
3
3
  import React from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
6
- import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
7
6
  import { fireNonCancelableEvent } from '../internal/events';
8
7
  import { TableHeaderCell } from './header-cell';
9
8
  import { focusMarkers } from './selection';
@@ -30,9 +29,7 @@ const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefini
30
29
  const focusId = (_a = focusControlElement === null || focusControlElement === void 0 ? void 0 : focusControlElement.getAttribute('data-focus-id')) !== null && _a !== void 0 ? _a : null;
31
30
  onFocusedComponentChange === null || onFocusedComponentChange === void 0 ? void 0 : onFocusedComponentChange(focusId);
32
31
  }, onBlur: () => onFocusedComponentChange === null || onFocusedComponentChange === void 0 ? void 0 : onFocusedComponentChange(null) }),
33
- selectionType ? (React.createElement(TableHeaderSelectionCell, Object.assign({}, commonCellProps, { focusedComponent: focusedComponent, columnId: selectionColumnId, getSelectAllProps: getSelectAllProps, onFocusMove: onFocusMove, singleSelectionHeaderAriaLabel: singleSelectionHeaderAriaLabel }, getAnalyticsMetadataAttribute({
34
- action: 'selectAll',
35
- })))) : null,
32
+ selectionType ? (React.createElement(TableHeaderSelectionCell, Object.assign({}, commonCellProps, { focusedComponent: focusedComponent, columnId: selectionColumnId, getSelectAllProps: getSelectAllProps, onFocusMove: onFocusMove, singleSelectionHeaderAriaLabel: singleSelectionHeaderAriaLabel }))) : null,
36
33
  columnDefinitions.map((column, colIndex) => {
37
34
  const columnId = getColumnKey(column, colIndex);
38
35
  return (React.createElement(TableHeaderCell, Object.assign({}, commonCellProps, { key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidths), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {