@cloudscape-design/components 3.0.952 → 3.0.954
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/checkbox/analytics-metadata/interfaces.d.ts +6 -1
- package/checkbox/analytics-metadata/interfaces.d.ts.map +1 -1
- package/checkbox/analytics-metadata/interfaces.js.map +1 -1
- package/checkbox/internal.d.ts.map +1 -1
- package/checkbox/internal.js +1 -3
- package/checkbox/internal.js.map +1 -1
- package/internal/base-component/index.d.ts +1 -0
- package/internal/base-component/index.d.ts.map +1 -1
- package/internal/base-component/index.js +15 -1
- package/internal/base-component/index.js.map +1 -1
- package/internal/base-component/styles.scoped.css +5 -0
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +32 -0
- package/internal/generated/theming/index.cjs.d.ts +9 -0
- package/internal/generated/theming/index.d.ts +9 -0
- package/internal/generated/theming/index.js +32 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +37 -36
- package/segmented-control/styles.selectors.js +16 -16
- package/table/analytics-metadata/interfaces.d.ts +15 -3
- package/table/analytics-metadata/interfaces.d.ts.map +1 -1
- package/table/analytics-metadata/interfaces.js.map +1 -1
- package/table/selection/selection-cell.d.ts.map +1 -1
- package/table/selection/selection-cell.js +4 -1
- package/table/selection/selection-cell.js.map +1 -1
- package/table/selection/selection-control.d.ts.map +1 -1
- package/table/selection/selection-control.js.map +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +1 -4
- package/table/thead.js.map +1 -1
- package/toggle/analytics-metadata/interfaces.d.ts +6 -1
- package/toggle/analytics-metadata/interfaces.d.ts.map +1 -1
- package/toggle/analytics-metadata/interfaces.js.map +1 -1
- package/toggle/internal.d.ts.map +1 -1
- package/toggle/internal.js +1 -3
- package/toggle/internal.js.map +1 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"segment": "
|
|
5
|
-
"refresh": "
|
|
6
|
-
"disabled": "
|
|
7
|
-
"selected": "
|
|
8
|
-
"icon": "
|
|
9
|
-
"with-text": "awsui_with-
|
|
10
|
-
"with-no-text": "awsui_with-no-
|
|
11
|
-
"root": "
|
|
12
|
-
"segment-part": "awsui_segment-
|
|
13
|
-
"select": "
|
|
14
|
-
"segment-count-2": "awsui_segment-count-
|
|
15
|
-
"segment-count-3": "awsui_segment-count-
|
|
16
|
-
"segment-count-4": "awsui_segment-count-
|
|
17
|
-
"segment-count-5": "awsui_segment-count-
|
|
18
|
-
"segment-count-6": "awsui_segment-count-
|
|
19
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
4
|
+
"segment": "awsui_segment_8cbea_y85gu_161",
|
|
5
|
+
"refresh": "awsui_refresh_8cbea_y85gu_187",
|
|
6
|
+
"disabled": "awsui_disabled_8cbea_y85gu_193",
|
|
7
|
+
"selected": "awsui_selected_8cbea_y85gu_256",
|
|
8
|
+
"icon": "awsui_icon_8cbea_y85gu_279",
|
|
9
|
+
"with-text": "awsui_with-text_8cbea_y85gu_283",
|
|
10
|
+
"with-no-text": "awsui_with-no-text_8cbea_y85gu_289",
|
|
11
|
+
"root": "awsui_root_8cbea_y85gu_294",
|
|
12
|
+
"segment-part": "awsui_segment-part_8cbea_y85gu_326",
|
|
13
|
+
"select": "awsui_select_8cbea_y85gu_256",
|
|
14
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_y85gu_362",
|
|
15
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_y85gu_366",
|
|
16
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_y85gu_370",
|
|
17
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_y85gu_374",
|
|
18
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_y85gu_378",
|
|
19
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_y85gu_382"
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -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
|
-
.
|
|
161
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9) {
|
|
162
162
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
163
163
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
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
|
-
.
|
|
187
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):not(.awsui_refresh_8cbea_y85gu_187) {
|
|
188
188
|
block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px) - 2 * var(--border-width-field-2xc78x, 1px));
|
|
189
189
|
}
|
|
190
|
-
.
|
|
190
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):focus {
|
|
191
191
|
outline: none;
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
.awsui_segment_8cbea_y85gu_161.awsui_disabled_8cbea_y85gu_193:not(#\9) {
|
|
194
194
|
background: var(--color-background-segment-disabled-2aqenf, #ffffff);
|
|
195
195
|
border-color: var(--color-border-segment-disabled-8j0zwo, #424650);
|
|
196
196
|
color: var(--color-text-interactive-disabled-bhh1zo, #b4b4bb);
|
|
197
197
|
}
|
|
198
|
-
body[data-awsui-focus-visible=true] .
|
|
198
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_y85gu_161:not(#\9):focus {
|
|
199
199
|
position: relative;
|
|
200
200
|
}
|
|
201
|
-
body[data-awsui-focus-visible=true] .
|
|
201
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_y85gu_161:not(#\9):focus {
|
|
202
202
|
outline: 2px dotted transparent;
|
|
203
203
|
outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) - 1px);
|
|
204
204
|
}
|
|
205
|
-
body[data-awsui-focus-visible=true] .
|
|
205
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_y85gu_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_kke4j_161:not(#\9):focu
|
|
|
216
216
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
217
217
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-8bi903, #006ce0);
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
.awsui_segment_8cbea_y85gu_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-ns94dp, 4px) + 1px));
|
|
@@ -226,72 +226,72 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_kke4j_161:not(#\9):focu
|
|
|
226
226
|
background: var(--color-border-input-default-f3bzwh, #8c8c94);
|
|
227
227
|
z-index: 1;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):not(.awsui_refresh_8cbea_y85gu_187):not(:last-child)::after {
|
|
230
230
|
inset-inline-end: calc(-1 * var(--space-static-xxs-ns94dp, 4px));
|
|
231
231
|
}
|
|
232
|
-
.
|
|
232
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(1) {
|
|
233
233
|
grid-column: 1;
|
|
234
234
|
-ms-grid-column: 1;
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(2) {
|
|
237
237
|
grid-column: 2;
|
|
238
238
|
-ms-grid-column: 2;
|
|
239
239
|
}
|
|
240
|
-
.
|
|
240
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(3) {
|
|
241
241
|
grid-column: 3;
|
|
242
242
|
-ms-grid-column: 3;
|
|
243
243
|
}
|
|
244
|
-
.
|
|
244
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(4) {
|
|
245
245
|
grid-column: 4;
|
|
246
246
|
-ms-grid-column: 4;
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(5) {
|
|
249
249
|
grid-column: 5;
|
|
250
250
|
-ms-grid-column: 5;
|
|
251
251
|
}
|
|
252
|
-
.
|
|
252
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):nth-child(6) {
|
|
253
253
|
grid-column: 6;
|
|
254
254
|
-ms-grid-column: 6;
|
|
255
255
|
}
|
|
256
|
-
.
|
|
256
|
+
.awsui_segment_8cbea_y85gu_161.awsui_selected_8cbea_y85gu_256:not(#\9) {
|
|
257
257
|
background: var(--color-background-segment-active-nrp5ms, #006ce0);
|
|
258
258
|
color: var(--color-text-segment-active-ul57kp, #ffffff);
|
|
259
259
|
}
|
|
260
|
-
.
|
|
260
|
+
.awsui_segment_8cbea_y85gu_161.awsui_selected_8cbea_y85gu_256 + .awsui_segment_8cbea_y85gu_161:not(#\9), .awsui_segment_8cbea_y85gu_161.awsui_selected_8cbea_y85gu_256 + .awsui_segment_8cbea_y85gu_161.awsui_disabled_8cbea_y85gu_193:not(#\9) {
|
|
261
261
|
border-inline-start-color: var(--color-border-segment-active-trxbfe, #424650);
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):not(.awsui_disabled_8cbea_y85gu_193) + .awsui_segment_8cbea_y85gu_161.awsui_disabled_8cbea_y85gu_193 {
|
|
264
264
|
border-inline-start-color: var(--color-border-segment-default-8mo02x, #424650);
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):hover:not(.awsui_selected_8cbea_y85gu_256):not(.awsui_disabled_8cbea_y85gu_193):not(:focus) {
|
|
267
267
|
background: var(--color-background-segment-hover-aa95sd, #f0fbff);
|
|
268
268
|
color: var(--color-text-segment-hover-ldx8k3, #002b66);
|
|
269
269
|
border-color: var(--color-border-segment-hover-epoe83, #424650);
|
|
270
270
|
cursor: pointer;
|
|
271
271
|
}
|
|
272
|
-
.
|
|
272
|
+
.awsui_segment_8cbea_y85gu_161:not(#\9):hover:not(.awsui_selected_8cbea_y85gu_256):not(.awsui_disabled_8cbea_y85gu_193):not(:focus) + .awsui_segment_8cbea_y85gu_161:not(.awsui_selected_8cbea_y85gu_256) {
|
|
273
273
|
border-inline-start-color: var(--color-border-segment-hover-epoe83, #424650);
|
|
274
274
|
}
|
|
275
|
-
.
|
|
275
|
+
.awsui_segment_8cbea_y85gu_161.awsui_selected_8cbea_y85gu_256 + .awsui_segment_8cbea_y85gu_161:not(#\9):hover:not(.awsui_selected_8cbea_y85gu_256):not(.awsui_disabled_8cbea_y85gu_193):not(:focus) {
|
|
276
276
|
border-inline-start-color: var(--color-border-segment-active-trxbfe, #424650);
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.
|
|
279
|
+
.awsui_icon_8cbea_y85gu_279:not(#\9) {
|
|
280
280
|
/* used in test-utils */
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
.awsui_with-
|
|
283
|
+
.awsui_with-text_8cbea_y85gu_283:not(#\9) {
|
|
284
284
|
position: relative;
|
|
285
285
|
inset-inline-start: calc(-1 * var(--space-xxs-hwfkai, 4px));
|
|
286
286
|
margin-inline-end: var(--space-xxs-hwfkai, 4px);
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
.awsui_with-no-
|
|
289
|
+
.awsui_with-no-text_8cbea_y85gu_289:not(#\9) {
|
|
290
290
|
margin-inline: auto;
|
|
291
291
|
inset-inline: 0;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.
|
|
294
|
+
.awsui_root_8cbea_y85gu_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_kke4j_161:not(#\9):focu
|
|
|
324
324
|
-moz-osx-font-smoothing: auto;
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
.awsui_segment-
|
|
327
|
+
.awsui_segment-part_8cbea_y85gu_326:not(#\9) {
|
|
328
328
|
display: inline-grid;
|
|
329
329
|
border-inline: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-f3bzwh, #8c8c94);
|
|
330
330
|
border-block: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-f3bzwh, #8c8c94);
|
|
@@ -332,52 +332,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_kke4j_161:not(#\9):focu
|
|
|
332
332
|
border-start-end-radius: var(--border-radius-button-7bgkcs, 20px);
|
|
333
333
|
border-end-start-radius: var(--border-radius-button-7bgkcs, 20px);
|
|
334
334
|
border-end-end-radius: var(--border-radius-button-7bgkcs, 20px);
|
|
335
|
+
background-color: var(--color-background-segment-wrapper-nyb7yz, #ffffff);
|
|
335
336
|
align-items: center;
|
|
336
337
|
min-block-size: calc(var(--line-height-body-m-2mh3ke, 20px) + var(--space-static-xxs-ns94dp, 4px));
|
|
337
338
|
padding-block: calc(var(--space-static-xxs-ns94dp, 4px) / 2 - var(--border-width-field-2xc78x, 1px));
|
|
338
339
|
padding-inline: calc(var(--space-static-xxs-ns94dp, 4px) - var(--border-width-field-2xc78x, 1px));
|
|
339
340
|
gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 + 1px);
|
|
340
341
|
}
|
|
341
|
-
.awsui_segment-
|
|
342
|
+
.awsui_segment-part_8cbea_y85gu_326:not(#\9):not(.awsui_refresh_8cbea_y85gu_187) {
|
|
342
343
|
padding-inline: calc(var(--space-static-xxxs-yidks1, 2px) + var(--border-width-field-2xc78x, 1px));
|
|
343
344
|
padding-block: 0;
|
|
344
345
|
gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 - 1px);
|
|
345
346
|
}
|
|
346
347
|
@media (max-width: 688px) {
|
|
347
|
-
.awsui_segment-
|
|
348
|
+
.awsui_segment-part_8cbea_y85gu_326:not(#\9) {
|
|
348
349
|
display: none;
|
|
349
350
|
}
|
|
350
351
|
}
|
|
351
352
|
|
|
352
|
-
.
|
|
353
|
+
.awsui_select_8cbea_y85gu_256:not(#\9) {
|
|
353
354
|
display: none;
|
|
354
355
|
}
|
|
355
356
|
@media (max-width: 688px) {
|
|
356
|
-
.
|
|
357
|
+
.awsui_select_8cbea_y85gu_256:not(#\9) {
|
|
357
358
|
display: block;
|
|
358
359
|
}
|
|
359
360
|
}
|
|
360
361
|
|
|
361
|
-
.awsui_segment-count-
|
|
362
|
+
.awsui_segment-count-2_8cbea_y85gu_362:not(#\9) {
|
|
362
363
|
grid-template-columns: repeat(2, auto);
|
|
363
364
|
}
|
|
364
365
|
|
|
365
|
-
.awsui_segment-count-
|
|
366
|
+
.awsui_segment-count-3_8cbea_y85gu_366:not(#\9) {
|
|
366
367
|
grid-template-columns: repeat(3, auto);
|
|
367
368
|
}
|
|
368
369
|
|
|
369
|
-
.awsui_segment-count-
|
|
370
|
+
.awsui_segment-count-4_8cbea_y85gu_370:not(#\9) {
|
|
370
371
|
grid-template-columns: repeat(4, auto);
|
|
371
372
|
}
|
|
372
373
|
|
|
373
|
-
.awsui_segment-count-
|
|
374
|
+
.awsui_segment-count-5_8cbea_y85gu_374:not(#\9) {
|
|
374
375
|
grid-template-columns: repeat(5, auto);
|
|
375
376
|
}
|
|
376
377
|
|
|
377
|
-
.awsui_segment-count-
|
|
378
|
+
.awsui_segment-count-6_8cbea_y85gu_378:not(#\9) {
|
|
378
379
|
grid-template-columns: repeat(6, auto);
|
|
379
380
|
}
|
|
380
381
|
|
|
381
|
-
.awsui_disabled-reason-
|
|
382
|
+
.awsui_disabled-reason-tooltip_8cbea_y85gu_382:not(#\9) {
|
|
382
383
|
/* used in test-utils or tests */
|
|
383
384
|
}
|
|
@@ -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": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"disabled": "
|
|
8
|
-
"selected": "
|
|
9
|
-
"icon": "
|
|
10
|
-
"with-text": "awsui_with-
|
|
11
|
-
"with-no-text": "awsui_with-no-
|
|
12
|
-
"root": "
|
|
13
|
-
"segment-part": "awsui_segment-
|
|
14
|
-
"select": "
|
|
15
|
-
"segment-count-2": "awsui_segment-count-
|
|
16
|
-
"segment-count-3": "awsui_segment-count-
|
|
17
|
-
"segment-count-4": "awsui_segment-count-
|
|
18
|
-
"segment-count-5": "awsui_segment-count-
|
|
19
|
-
"segment-count-6": "awsui_segment-count-
|
|
20
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
5
|
+
"segment": "awsui_segment_8cbea_y85gu_161",
|
|
6
|
+
"refresh": "awsui_refresh_8cbea_y85gu_187",
|
|
7
|
+
"disabled": "awsui_disabled_8cbea_y85gu_193",
|
|
8
|
+
"selected": "awsui_selected_8cbea_y85gu_256",
|
|
9
|
+
"icon": "awsui_icon_8cbea_y85gu_279",
|
|
10
|
+
"with-text": "awsui_with-text_8cbea_y85gu_283",
|
|
11
|
+
"with-no-text": "awsui_with-no-text_8cbea_y85gu_289",
|
|
12
|
+
"root": "awsui_root_8cbea_y85gu_294",
|
|
13
|
+
"segment-part": "awsui_segment-part_8cbea_y85gu_326",
|
|
14
|
+
"select": "awsui_select_8cbea_y85gu_256",
|
|
15
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_y85gu_362",
|
|
16
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_y85gu_366",
|
|
17
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_y85gu_370",
|
|
18
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_y85gu_374",
|
|
19
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_y85gu_378",
|
|
20
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_y85gu_382"
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -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
|
|
6
|
-
|
|
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
|
-
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export interface GeneratedAnalyticsMetadataTableDeselectAll {
|
|
25
|
+
action: 'deselectAll';
|
|
26
|
+
detail: {
|
|
27
|
+
label: string;
|
|
16
28
|
};
|
|
17
29
|
}
|
|
18
30
|
export interface GeneratedAnalyticsMetadataTableSort {
|
|
@@ -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;
|
|
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"}
|
|
@@ -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
|
|
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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";
|
|
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"}
|
|
@@ -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)),
|
|
@@ -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;
|
|
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"]}
|
|
@@ -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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-control.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAmD,UAAU,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2DAA2D,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,WAAW,MAAM,gCAAgC,CAAC;
|
|
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 \n </span>\n </>\n );\n}\n"]}
|
package/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;
|
|
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/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 },
|
|
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 => {
|
package/table/thead.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.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 from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { TableHeaderCell } from './header-cell';\nimport { TableProps } from './interfaces';\nimport { focusMarkers, SelectionProps } from './selection';\nimport { TableHeaderSelectionCell } from './selection/selection-cell';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { useColumnWidths } from './use-column-widths';\nimport { getColumnKey } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface TheadProps {\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Map<PropertyKey, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n resizerRoleDescription?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: null | string;\n onFocusedComponentChange?: (focusId: null | string) => void;\n tableRole: TableRole;\n isExpandable?: boolean;\n setLastUserAction: (name: string) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n tableRole,\n resizerRoleDescription,\n isExpandable,\n setLastUserAction,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const { getColumnStyles, columnWidths, updateColumn, setCell } = useColumnWidths();\n\n const commonCellProps = {\n stuck,\n sticky,\n hidden,\n stripedRows,\n tableRole,\n variant,\n stickyState,\n };\n\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr\n {...focusMarkers.all}\n ref={outerRef}\n aria-rowindex={1}\n {...getTableHeaderRowRoleProps({ tableRole })}\n onFocus={event => {\n const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n onFocusedComponentChange?.(focusId);\n }}\n onBlur={() => onFocusedComponentChange?.(null)}\n >\n {selectionType ? (\n <TableHeaderSelectionCell\n {...commonCellProps}\n focusedComponent={focusedComponent}\n columnId={selectionColumnId}\n getSelectAllProps={getSelectAllProps}\n onFocusMove={onFocusMove}\n singleSelectionHeaderAriaLabel={singleSelectionHeaderAriaLabel}\n />\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n const columnId = getColumnKey(column, colIndex);\n return (\n <TableHeaderCell\n {...commonCellProps}\n key={columnId}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n colIndex={selectionType ? colIndex + 1 : colIndex}\n columnId={columnId}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n resizableStyle={getColumnStyles(sticky, columnId)}\n onClick={detail => {\n setLastUserAction('sorting');\n fireNonCancelableEvent(onSortingChange, detail);\n }}\n isEditable={!!column.editConfig}\n cellRef={node => setCell(sticky, columnId, node)}\n tableRole={tableRole}\n resizerRoleDescription={resizerRoleDescription}\n // Expandable option is only applicable to the first data column of the table.\n // When present, the header content receives extra padding to match the first offset in the data cells.\n isExpandable={colIndex === 0 && isExpandable}\n hasDynamicContent={hidden && !resizableColumns && column.hasDynamicContent}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
|
|
@@ -3,7 +3,12 @@ export interface GeneratedAnalyticsMetadataToggleSelect {
|
|
|
3
3
|
action: 'select';
|
|
4
4
|
detail: {
|
|
5
5
|
label: string;
|
|
6
|
-
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export interface GeneratedAnalyticsMetadataToggleDeselect {
|
|
9
|
+
action: 'deselect';
|
|
10
|
+
detail: {
|
|
11
|
+
label: string;
|
|
7
12
|
};
|
|
8
13
|
}
|
|
9
14
|
export interface GeneratedAnalyticsMetadataToggleComponent {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/toggle/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,sCAAsC;IACrD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/toggle/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,sCAAsC;IACrD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,yCAAyC;IACxD,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/toggle/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 GeneratedAnalyticsMetadataToggleSelect {\n action: 'select';\n detail: {\n label: string;\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/toggle/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 GeneratedAnalyticsMetadataToggleSelect {\n action: 'select';\n detail: {\n label: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataToggleDeselect {\n action: 'deselect';\n detail: {\n label: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataToggleComponent {\n name: 'awsui.Toggle';\n label: string | LabelIdentifier;\n}\n"]}
|
package/toggle/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAatC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAatC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,UAAU,mBAAoB,SAAQ,WAAW,EAAE,0BAA0B;IAC3E,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,QAAA,MAAM,cAAc,6FA6FnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/toggle/internal.js
CHANGED
|
@@ -24,9 +24,7 @@ const InternalToggle = React.forwardRef((_a, ref) => {
|
|
|
24
24
|
analyticsMetadata.component = analyticsComponentMetadata;
|
|
25
25
|
}
|
|
26
26
|
if (!disabled && !readOnly) {
|
|
27
|
-
analyticsMetadata.
|
|
28
|
-
selected: `${!checked}`,
|
|
29
|
-
};
|
|
27
|
+
analyticsMetadata.action = !checked ? 'select' : 'deselect';
|
|
30
28
|
}
|
|
31
29
|
useForwardFocus(ref, checkboxRef);
|
|
32
30
|
return (React.createElement(AbstractSwitch, Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className), controlClassName: clsx(styles['toggle-control'], {
|
package/toggle/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAEL,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,eAAe,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport {\n GeneratedAnalyticsMetadataFragment,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataToggleComponent } from './analytics-metadata/interfaces';\nimport { ToggleProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalToggleProps extends ToggleProps, InternalBaseComponentProps {\n __injectAnalyticsComponentMetadata?: boolean;\n}\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n (\n {\n controlId,\n checked,\n name,\n disabled,\n readOnly,\n children,\n description,\n ariaLabel,\n ariaControls,\n onFocus,\n onBlur,\n onChange,\n __internalRootRef = null,\n __injectAnalyticsComponentMetadata,\n ...rest\n },\n ref\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n const checkboxRef = useRef<HTMLInputElement>(null);\n\n const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataToggleComponent = {\n name: 'awsui.Toggle',\n label: { root: 'self' },\n };\n\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = analyticsComponentMetadata;\n }\n\n if (!disabled && !readOnly) {\n analyticsMetadata.action = !checked ? 'select' : 'deselect';\n }\n useForwardFocus(ref, checkboxRef);\n\n return (\n <AbstractSwitch\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n controlClassName={clsx(styles['toggle-control'], {\n [styles['toggle-control-checked']]: checked,\n [styles['toggle-control-disabled']]: disabled,\n [styles['toggle-control-readonly']]: readOnly,\n })}\n outlineClassName={styles.outline}\n controlId={controlId}\n disabled={disabled}\n readOnly={readOnly}\n label={children}\n description={description}\n descriptionBottomPadding={true}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n ariaControls={ariaControls}\n nativeControl={nativeControlProps => (\n <input\n {...nativeControlProps}\n ref={checkboxRef}\n type=\"checkbox\"\n checked={checked}\n name={name}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n onBlur={() => fireNonCancelableEvent(onBlur)}\n // empty handler to suppress React controllability warning\n onChange={() => {}}\n />\n )}\n onClick={() => {\n checkboxRef.current?.focus();\n fireNonCancelableEvent(onChange, { checked: !checked });\n }}\n styledControl={\n /*Using span, not div for HTML validity*/\n <span\n className={clsx(styles['toggle-handle'], {\n [styles['toggle-handle-checked']]: checked,\n [styles['toggle-handle-disabled']]: disabled,\n [styles['toggle-handle-readonly']]: readOnly,\n })}\n />\n }\n __internalRootRef={__internalRootRef}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n />\n );\n }\n);\n\nexport default InternalToggle;\n"]}
|