@cloudscape-design/components 3.0.75 → 3.0.77
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/app-layout/drawer.d.ts +2 -1
- package/app-layout/drawer.d.ts.map +1 -1
- package/app-layout/drawer.js +8 -2
- package/app-layout/drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +6 -5
- package/app-layout/index.js.map +1 -1
- package/app-layout/interfaces.d.ts +6 -0
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/notifications/index.js +1 -1
- package/app-layout/notifications/index.js.map +1 -1
- package/app-layout/tools-and-split-panel.d.ts +2 -1
- package/app-layout/tools-and-split-panel.d.ts.map +1 -1
- package/app-layout/tools-and-split-panel.js +2 -2
- package/app-layout/tools-and-split-panel.js.map +1 -1
- package/app-layout/utils/use-focus-control.d.ts +10 -4
- package/app-layout/utils/use-focus-control.d.ts.map +1 -1
- package/app-layout/utils/use-focus-control.js +30 -9
- package/app-layout/utils/use-focus-control.js.map +1 -1
- package/app-layout/visual-refresh/app-bar.js +2 -2
- package/app-layout/visual-refresh/app-bar.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +3 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +8 -4
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +1 -1
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -2
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +7 -4
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -38
- package/calendar/styles.selectors.js +18 -18
- package/date-picker/index.js +10 -14
- package/date-picker/index.js.map +1 -1
- package/date-range-picker/calendar/grids/grid.d.ts +14 -0
- package/date-range-picker/calendar/grids/grid.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/grid.js +9 -5
- package/date-range-picker/calendar/grids/grid.js.map +1 -1
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +45 -42
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/calendar/index.d.ts.map +1 -1
- package/date-range-picker/calendar/index.js +23 -27
- package/date-range-picker/calendar/index.js.map +1 -1
- package/date-range-picker/index.js +1 -1
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/styles.css.js +36 -37
- package/date-range-picker/styles.scoped.css +50 -54
- package/date-range-picker/styles.selectors.js +36 -37
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +2 -3
- package/input/internal.js.map +1 -1
- package/internal/base-component/styles.scoped.css +4 -0
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js +4 -5
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -3
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/chart-popover/index.js +1 -1
- package/internal/components/chart-popover/index.js.map +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +1 -1
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown-status/index.d.ts.map +1 -1
- package/internal/components/dropdown-status/index.js +2 -4
- package/internal/components/dropdown-status/index.js.map +1 -1
- package/internal/components/options-list/index.d.ts.map +1 -1
- package/internal/components/options-list/index.js +2 -2
- package/internal/components/options-list/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/events/index.d.ts +0 -9
- package/internal/events/index.d.ts.map +1 -1
- package/internal/events/index.js +0 -11
- package/internal/events/index.js.map +1 -1
- package/internal/generated/theming/index.cjs +23 -0
- package/internal/generated/theming/index.js +23 -0
- package/package.json +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +50 -49
- package/popover/styles.scoped.css +67 -62
- package/popover/styles.selectors.js +50 -49
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +1 -0
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +15 -14
- package/table/header-cell/styles.scoped.css +27 -24
- package/table/header-cell/styles.selectors.js +15 -14
|
@@ -182,11 +182,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
185
|
+
.awsui_arrow_xjuzf_10pru_185:not(#\9) {
|
|
186
186
|
width: 20px;
|
|
187
187
|
height: 10px;
|
|
188
188
|
}
|
|
189
|
-
.awsui_arrow-
|
|
189
|
+
.awsui_arrow-outer_xjuzf_10pru_189:not(#\9), .awsui_arrow-inner_xjuzf_10pru_189:not(#\9) {
|
|
190
190
|
position: absolute;
|
|
191
191
|
overflow: hidden;
|
|
192
192
|
width: 20px;
|
|
@@ -194,7 +194,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
194
194
|
top: 0;
|
|
195
195
|
left: 0;
|
|
196
196
|
}
|
|
197
|
-
.awsui_arrow-
|
|
197
|
+
.awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_10pru_189:not(#\9)::after {
|
|
198
198
|
content: "";
|
|
199
199
|
box-sizing: border-box;
|
|
200
200
|
display: inline-block;
|
|
@@ -207,26 +207,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
207
207
|
transform: rotate(45deg);
|
|
208
208
|
transform-origin: 0 100%;
|
|
209
209
|
}
|
|
210
|
-
.awsui_arrow-
|
|
210
|
+
.awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after {
|
|
211
211
|
background-color: var(--color-border-popover-5pygk7, #9ba7b6);
|
|
212
212
|
}
|
|
213
|
-
.awsui_arrow-
|
|
213
|
+
.awsui_arrow-inner_xjuzf_10pru_189:not(#\9) {
|
|
214
214
|
top: 2px;
|
|
215
215
|
}
|
|
216
|
-
.awsui_arrow-
|
|
216
|
+
.awsui_arrow-inner_xjuzf_10pru_189:not(#\9)::after {
|
|
217
217
|
border-radius: 1px 0 0 0;
|
|
218
218
|
background-color: var(--color-background-popover-mn5o9k, #ffffff);
|
|
219
219
|
}
|
|
220
|
-
.awsui_arrow-position-right-
|
|
220
|
+
.awsui_arrow-position-right-top_xjuzf_10pru_220 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_10pru_220 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after {
|
|
221
221
|
box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
222
222
|
}
|
|
223
|
-
.awsui_arrow-position-left-
|
|
223
|
+
.awsui_arrow-position-left-top_xjuzf_10pru_223 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_10pru_223 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after {
|
|
224
224
|
box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
225
225
|
}
|
|
226
|
-
.awsui_arrow-position-top-
|
|
226
|
+
.awsui_arrow-position-top-center_xjuzf_10pru_226 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_10pru_226 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_10pru_226 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_10pru_226 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after {
|
|
227
227
|
box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
228
228
|
}
|
|
229
|
-
.awsui_arrow-position-bottom-
|
|
229
|
+
.awsui_arrow-position-bottom-center_xjuzf_10pru_229 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_10pru_229 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_10pru_229 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_10pru_229 > .awsui_arrow-outer_xjuzf_10pru_189:not(#\9)::after {
|
|
230
230
|
box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
231
231
|
}
|
|
232
232
|
|
|
@@ -322,7 +322,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
322
322
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
323
323
|
SPDX-License-Identifier: Apache-2.0
|
|
324
324
|
*/
|
|
325
|
-
.
|
|
325
|
+
.awsui_body_xjuzf_10pru_325:not(#\9) {
|
|
326
326
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
327
327
|
border-collapse: separate;
|
|
328
328
|
border-spacing: 0;
|
|
@@ -362,31 +362,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
362
362
|
overflow: hidden;
|
|
363
363
|
padding: var(--space-s-hv8c1d, 12px) var(--space-m-17eucw, 16px);
|
|
364
364
|
}
|
|
365
|
-
.awsui_body-overflow-
|
|
365
|
+
.awsui_body-overflow-visible_xjuzf_10pru_339:not(#\9) {
|
|
366
366
|
overflow: visible;
|
|
367
367
|
}
|
|
368
368
|
|
|
369
|
-
.awsui_has-
|
|
369
|
+
.awsui_has-dismiss_xjuzf_10pru_343:not(#\9) {
|
|
370
370
|
display: flex;
|
|
371
371
|
align-items: baseline;
|
|
372
372
|
}
|
|
373
373
|
|
|
374
|
-
.
|
|
374
|
+
.awsui_dismiss_xjuzf_10pru_348:not(#\9) {
|
|
375
375
|
margin: calc(-1 * (var(--space-scaled-xxs-95dhkm, 4px) + var(--border-field-width-idlekx, 2px))) calc(-1 * (var(--space-xxs-ynfts5, 4px) + var(--border-field-width-idlekx, 2px)));
|
|
376
376
|
margin-left: 0;
|
|
377
377
|
flex: 0 0 auto;
|
|
378
378
|
order: 1;
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
.awsui_dismiss-
|
|
381
|
+
.awsui_dismiss-control_xjuzf_10pru_355:not(#\9) {
|
|
382
382
|
/* used in test-utils */
|
|
383
383
|
}
|
|
384
384
|
|
|
385
|
-
.awsui_header-
|
|
385
|
+
.awsui_header-row_xjuzf_10pru_359:not(#\9) {
|
|
386
386
|
margin-bottom: var(--space-xs-rsr2qu, 8px);
|
|
387
387
|
}
|
|
388
388
|
|
|
389
|
-
.
|
|
389
|
+
.awsui_header_xjuzf_10pru_359:not(#\9) {
|
|
390
390
|
word-wrap: break-word;
|
|
391
391
|
max-width: 100%;
|
|
392
392
|
overflow: hidden;
|
|
@@ -397,21 +397,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
397
397
|
/* stylelint-disable selector-max-type */
|
|
398
398
|
/* stylelint-enable selector-max-type */
|
|
399
399
|
}
|
|
400
|
-
.
|
|
400
|
+
.awsui_header_xjuzf_10pru_359 > h2:not(#\9) {
|
|
401
401
|
font-size: var(--font-heading-xs-size-fryxro, 14px);
|
|
402
402
|
line-height: var(--font-heading-xs-line-height-5x131j, 18px);
|
|
403
403
|
font-weight: var(--font-heading-xs-weight-wwznty, 800);
|
|
404
404
|
display: inline;
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
.
|
|
407
|
+
.awsui_content_xjuzf_10pru_381:not(#\9) {
|
|
408
408
|
word-wrap: break-word;
|
|
409
409
|
max-width: 100%;
|
|
410
410
|
overflow: hidden;
|
|
411
411
|
color: var(--color-text-body-secondary-fdstdf, #414d5c);
|
|
412
412
|
flex: 1 1 auto;
|
|
413
413
|
}
|
|
414
|
-
.awsui_content-overflow-
|
|
414
|
+
.awsui_content-overflow-visible_xjuzf_10pru_388:not(#\9) {
|
|
415
415
|
overflow: visible;
|
|
416
416
|
}
|
|
417
417
|
|
|
@@ -507,7 +507,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
507
507
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
508
508
|
SPDX-License-Identifier: Apache-2.0
|
|
509
509
|
*/
|
|
510
|
-
.
|
|
510
|
+
.awsui_container_xjuzf_10pru_484:not(#\9) {
|
|
511
511
|
display: inline-block;
|
|
512
512
|
position: fixed;
|
|
513
513
|
top: -9999px;
|
|
@@ -515,7 +515,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
515
515
|
z-index: 2000;
|
|
516
516
|
}
|
|
517
517
|
|
|
518
|
-
.awsui_container-
|
|
518
|
+
.awsui_container-body_xjuzf_10pru_492:not(#\9) {
|
|
519
519
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
520
520
|
border-collapse: separate;
|
|
521
521
|
border-spacing: 0;
|
|
@@ -556,90 +556,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
556
556
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-popover-5pygk7, #9ba7b6);
|
|
557
557
|
}
|
|
558
558
|
|
|
559
|
-
.awsui_container-body-variant-
|
|
559
|
+
.awsui_container-body-variant-annotation_xjuzf_10pru_507:not(#\9) {
|
|
560
560
|
background-color: var(--color-background-status-info-usb30e, #f2f8fd);
|
|
561
561
|
border-color: var(--color-border-status-info-546i7i, #0972d3);
|
|
562
562
|
}
|
|
563
563
|
|
|
564
|
-
.awsui_container-body-size-
|
|
564
|
+
.awsui_container-body-size-small_xjuzf_10pru_512:not(#\9) {
|
|
565
565
|
max-width: 210px;
|
|
566
566
|
}
|
|
567
|
-
.awsui_container-body-size-
|
|
567
|
+
.awsui_container-body-size-small_xjuzf_10pru_512.awsui_fixed-width_xjuzf_10pru_515:not(#\9) {
|
|
568
568
|
width: 210px;
|
|
569
569
|
}
|
|
570
570
|
|
|
571
|
-
.awsui_container-body-size-
|
|
571
|
+
.awsui_container-body-size-medium_xjuzf_10pru_519:not(#\9) {
|
|
572
572
|
max-width: 310px;
|
|
573
573
|
}
|
|
574
|
-
.awsui_container-body-size-
|
|
574
|
+
.awsui_container-body-size-medium_xjuzf_10pru_519.awsui_fixed-width_xjuzf_10pru_515:not(#\9) {
|
|
575
575
|
width: 310px;
|
|
576
576
|
}
|
|
577
577
|
|
|
578
|
-
.awsui_container-body-size-
|
|
578
|
+
.awsui_container-body-size-large_xjuzf_10pru_526:not(#\9) {
|
|
579
579
|
max-width: 480px;
|
|
580
580
|
}
|
|
581
581
|
@media (max-width: 480px) {
|
|
582
|
-
.awsui_container-body-size-
|
|
582
|
+
.awsui_container-body-size-large_xjuzf_10pru_526:not(#\9) {
|
|
583
583
|
max-width: 310px;
|
|
584
584
|
}
|
|
585
585
|
}
|
|
586
|
-
.awsui_container-body-size-
|
|
586
|
+
.awsui_container-body-size-large_xjuzf_10pru_526.awsui_fixed-width_xjuzf_10pru_515:not(#\9) {
|
|
587
587
|
width: 480px;
|
|
588
588
|
}
|
|
589
589
|
|
|
590
|
-
.awsui_container-
|
|
590
|
+
.awsui_container-arrow_xjuzf_10pru_538:not(#\9) {
|
|
591
591
|
position: absolute;
|
|
592
592
|
display: inline-block;
|
|
593
593
|
}
|
|
594
|
-
.awsui_container-arrow-position-right-
|
|
594
|
+
.awsui_container-arrow-position-right-top_xjuzf_10pru_542:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_10pru_542:not(#\9) {
|
|
595
595
|
transform: rotate(-90deg);
|
|
596
596
|
transform-origin: 0 100%;
|
|
597
597
|
}
|
|
598
|
-
.awsui_container-arrow-position-right-
|
|
598
|
+
.awsui_container-arrow-position-right-top_xjuzf_10pru_542:not(#\9) {
|
|
599
599
|
top: calc(12px + 10px);
|
|
600
600
|
left: 0;
|
|
601
601
|
}
|
|
602
|
-
.awsui_container-arrow-position-right-
|
|
602
|
+
.awsui_container-arrow-position-right-bottom_xjuzf_10pru_542:not(#\9) {
|
|
603
603
|
bottom: 12px;
|
|
604
604
|
left: 0;
|
|
605
605
|
}
|
|
606
|
-
.awsui_container-arrow-position-left-
|
|
606
|
+
.awsui_container-arrow-position-left-top_xjuzf_10pru_554:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_10pru_554:not(#\9) {
|
|
607
607
|
transform: rotate(90deg);
|
|
608
608
|
transform-origin: 100% 100%;
|
|
609
609
|
}
|
|
610
|
-
.awsui_container-arrow-position-left-
|
|
610
|
+
.awsui_container-arrow-position-left-top_xjuzf_10pru_554:not(#\9) {
|
|
611
611
|
top: calc(12px + 10px);
|
|
612
612
|
right: 0;
|
|
613
613
|
}
|
|
614
|
-
.awsui_container-arrow-position-left-
|
|
614
|
+
.awsui_container-arrow-position-left-bottom_xjuzf_10pru_554:not(#\9) {
|
|
615
615
|
bottom: 12px;
|
|
616
616
|
right: 0;
|
|
617
617
|
}
|
|
618
|
-
.awsui_container-arrow-position-top-
|
|
618
|
+
.awsui_container-arrow-position-top-center_xjuzf_10pru_566:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_10pru_566:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_10pru_566:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_10pru_566:not(#\9) {
|
|
619
619
|
transform: rotate(180deg);
|
|
620
620
|
transform-origin: 50% 50%;
|
|
621
621
|
}
|
|
622
|
-
.awsui_container-arrow-position-top-
|
|
622
|
+
.awsui_container-arrow-position-top-center_xjuzf_10pru_566:not(#\9) {
|
|
623
623
|
bottom: -10px;
|
|
624
624
|
left: calc(50% - 10px);
|
|
625
625
|
}
|
|
626
|
-
.awsui_container-arrow-position-top-
|
|
626
|
+
.awsui_container-arrow-position-top-right_xjuzf_10pru_566:not(#\9) {
|
|
627
627
|
bottom: -10px;
|
|
628
628
|
left: 12px;
|
|
629
629
|
}
|
|
630
|
-
.awsui_container-arrow-position-top-
|
|
630
|
+
.awsui_container-arrow-position-top-left_xjuzf_10pru_566:not(#\9) {
|
|
631
631
|
bottom: -10px;
|
|
632
632
|
left: calc(100% - 20px - 12px);
|
|
633
633
|
}
|
|
634
|
-
.awsui_container-arrow-position-bottom-
|
|
634
|
+
.awsui_container-arrow-position-bottom-center_xjuzf_10pru_582:not(#\9) {
|
|
635
635
|
top: -10px;
|
|
636
636
|
left: calc(50% - 10px);
|
|
637
637
|
}
|
|
638
|
-
.awsui_container-arrow-position-bottom-
|
|
638
|
+
.awsui_container-arrow-position-bottom-right_xjuzf_10pru_586:not(#\9) {
|
|
639
639
|
top: -10px;
|
|
640
640
|
left: 12px;
|
|
641
641
|
}
|
|
642
|
-
.awsui_container-arrow-position-bottom-
|
|
642
|
+
.awsui_container-arrow-position-bottom-left_xjuzf_10pru_590:not(#\9) {
|
|
643
643
|
top: -10px;
|
|
644
644
|
left: calc(100% - 20px - 12px);
|
|
645
645
|
}
|
|
@@ -736,10 +736,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
736
736
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
737
737
|
SPDX-License-Identifier: Apache-2.0
|
|
738
738
|
*/
|
|
739
|
-
.
|
|
740
|
-
animation: awsui_awsui-motion-fade-
|
|
739
|
+
.awsui_container_xjuzf_10pru_484:not(#\9) {
|
|
740
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_10pru_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
741
741
|
}
|
|
742
|
-
@keyframes awsui_awsui-motion-fade-
|
|
742
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_10pru_1 {
|
|
743
743
|
from {
|
|
744
744
|
opacity: 0.2;
|
|
745
745
|
}
|
|
@@ -748,19 +748,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
748
748
|
}
|
|
749
749
|
}
|
|
750
750
|
@media (prefers-reduced-motion: reduce) {
|
|
751
|
-
.
|
|
751
|
+
.awsui_container_xjuzf_10pru_484:not(#\9) {
|
|
752
752
|
animation: none;
|
|
753
753
|
transition: none;
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
|
-
.awsui-motion-disabled .
|
|
756
|
+
.awsui-motion-disabled .awsui_container_xjuzf_10pru_484:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_10pru_484:not(#\9) {
|
|
757
757
|
animation: none;
|
|
758
758
|
transition: none;
|
|
759
759
|
}
|
|
760
|
-
.
|
|
761
|
-
animation: awsui_awsui-motion-fade-
|
|
760
|
+
.awsui_container_xjuzf_10pru_484.awsui_refresh_xjuzf_10pru_708:not(#\9) {
|
|
761
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_10pru_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
762
762
|
}
|
|
763
|
-
@keyframes awsui_awsui-motion-fade-
|
|
763
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_10pru_1 {
|
|
764
764
|
from {
|
|
765
765
|
opacity: 0.2;
|
|
766
766
|
}
|
|
@@ -769,17 +769,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
771
|
@media (prefers-reduced-motion: reduce) {
|
|
772
|
-
.
|
|
772
|
+
.awsui_container_xjuzf_10pru_484.awsui_refresh_xjuzf_10pru_708:not(#\9) {
|
|
773
773
|
animation: none;
|
|
774
774
|
transition: none;
|
|
775
775
|
}
|
|
776
776
|
}
|
|
777
|
-
.awsui-motion-disabled .
|
|
777
|
+
.awsui-motion-disabled .awsui_container_xjuzf_10pru_484.awsui_refresh_xjuzf_10pru_708:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_10pru_484.awsui_refresh_xjuzf_10pru_708:not(#\9) {
|
|
778
778
|
animation: none;
|
|
779
779
|
transition: none;
|
|
780
780
|
}
|
|
781
781
|
|
|
782
|
-
.
|
|
782
|
+
.awsui_root_xjuzf_10pru_730:not(#\9) {
|
|
783
783
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
784
784
|
border-collapse: separate;
|
|
785
785
|
border-spacing: 0;
|
|
@@ -815,16 +815,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
815
815
|
font-weight: 400;
|
|
816
816
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
817
817
|
color: inherit;
|
|
818
|
+
display: inline;
|
|
818
819
|
}
|
|
819
820
|
|
|
820
|
-
.
|
|
821
|
+
.awsui_trigger_xjuzf_10pru_743:not(#\9) {
|
|
821
822
|
display: inline-block;
|
|
822
823
|
max-width: 100%;
|
|
823
824
|
color: inherit;
|
|
824
825
|
text-align: inherit;
|
|
825
826
|
}
|
|
826
827
|
|
|
827
|
-
.awsui_trigger-type-
|
|
828
|
+
.awsui_trigger-type-text_xjuzf_10pru_750:not(#\9) {
|
|
828
829
|
border: 0;
|
|
829
830
|
margin: 0;
|
|
830
831
|
padding: 0;
|
|
@@ -832,17 +833,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
832
833
|
cursor: pointer;
|
|
833
834
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) dashed currentColor;
|
|
834
835
|
}
|
|
835
|
-
.awsui_trigger-type-
|
|
836
|
+
.awsui_trigger-type-text_xjuzf_10pru_750:not(#\9):focus {
|
|
836
837
|
outline: none;
|
|
837
838
|
}
|
|
838
|
-
.awsui_trigger-type-
|
|
839
|
+
.awsui_trigger-type-text_xjuzf_10pru_750[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
839
840
|
position: relative;
|
|
840
841
|
}
|
|
841
|
-
.awsui_trigger-type-
|
|
842
|
+
.awsui_trigger-type-text_xjuzf_10pru_750[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
842
843
|
outline: 2px dotted transparent;
|
|
843
844
|
outline-offset: calc(1px - 1px);
|
|
844
845
|
}
|
|
845
|
-
.awsui_trigger-type-
|
|
846
|
+
.awsui_trigger-type-text_xjuzf_10pru_750[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
846
847
|
content: " ";
|
|
847
848
|
display: block;
|
|
848
849
|
position: absolute;
|
|
@@ -853,6 +854,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
853
854
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
854
855
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
855
856
|
}
|
|
856
|
-
.awsui_trigger-type-
|
|
857
|
+
.awsui_trigger-type-text_xjuzf_10pru_750 > .awsui_trigger-inner-text_xjuzf_10pru_779:not(#\9) {
|
|
857
858
|
position: relative;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.awsui_popover-content_xjuzf_10pru_783:not(#\9) {
|
|
862
|
+
display: inline;
|
|
858
863
|
}
|
|
@@ -2,54 +2,55 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"has-dismiss": "awsui_has-
|
|
23
|
-
"dismiss": "
|
|
24
|
-
"dismiss-control": "awsui_dismiss-
|
|
25
|
-
"header-row": "awsui_header-
|
|
26
|
-
"header": "
|
|
27
|
-
"content": "
|
|
28
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
29
|
-
"container": "
|
|
30
|
-
"container-body": "awsui_container-
|
|
31
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
32
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
33
|
-
"fixed-width": "awsui_fixed-
|
|
34
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
35
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
36
|
-
"container-arrow": "awsui_container-
|
|
37
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
42
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
43
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
44
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
45
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
46
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
47
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
48
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
49
|
-
"refresh": "
|
|
50
|
-
"root": "
|
|
51
|
-
"trigger": "
|
|
52
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
53
|
-
"trigger-inner-text": "awsui_trigger-inner-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_10pru_185",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_10pru_189",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_10pru_189",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_10pru_220",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_10pru_220",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_10pru_223",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_10pru_223",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_10pru_226",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_10pru_226",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_10pru_226",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_10pru_226",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_10pru_229",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_10pru_229",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_10pru_229",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_10pru_229",
|
|
20
|
+
"body": "awsui_body_xjuzf_10pru_325",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_10pru_339",
|
|
22
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_10pru_343",
|
|
23
|
+
"dismiss": "awsui_dismiss_xjuzf_10pru_348",
|
|
24
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_10pru_355",
|
|
25
|
+
"header-row": "awsui_header-row_xjuzf_10pru_359",
|
|
26
|
+
"header": "awsui_header_xjuzf_10pru_359",
|
|
27
|
+
"content": "awsui_content_xjuzf_10pru_381",
|
|
28
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_10pru_388",
|
|
29
|
+
"container": "awsui_container_xjuzf_10pru_484",
|
|
30
|
+
"container-body": "awsui_container-body_xjuzf_10pru_492",
|
|
31
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_10pru_507",
|
|
32
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_10pru_512",
|
|
33
|
+
"fixed-width": "awsui_fixed-width_xjuzf_10pru_515",
|
|
34
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_10pru_519",
|
|
35
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_10pru_526",
|
|
36
|
+
"container-arrow": "awsui_container-arrow_xjuzf_10pru_538",
|
|
37
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_10pru_542",
|
|
38
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_10pru_542",
|
|
39
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_10pru_554",
|
|
40
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_10pru_554",
|
|
41
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_10pru_566",
|
|
42
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_10pru_566",
|
|
43
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_10pru_566",
|
|
44
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_10pru_566",
|
|
45
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_10pru_582",
|
|
46
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_10pru_586",
|
|
47
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_10pru_590",
|
|
48
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_10pru_1",
|
|
49
|
+
"refresh": "awsui_refresh_xjuzf_10pru_708",
|
|
50
|
+
"root": "awsui_root_xjuzf_10pru_730",
|
|
51
|
+
"trigger": "awsui_trigger_xjuzf_10pru_743",
|
|
52
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_10pru_750",
|
|
53
|
+
"trigger-inner-text": "awsui_trigger-inner-text_xjuzf_10pru_779",
|
|
54
|
+
"popover-content": "awsui_popover-content_xjuzf_10pru_783"
|
|
54
55
|
};
|
|
55
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzC,mBAAmB,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC/D,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzC,mBAAmB,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC/D,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,eAyEtB"}
|
|
@@ -33,6 +33,7 @@ export function TableHeaderCell(_a) {
|
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
return (React.createElement("th", { className: clsx(className, (_b = {},
|
|
36
|
+
_b[styles['header-cell-resizable']] = !!resizer,
|
|
36
37
|
_b[styles['header-cell-sortable']] = sortingStatus,
|
|
37
38
|
_b[styles['header-cell-sorted']] = sortingStatus === 'ascending' || sortingStatus === 'descending',
|
|
38
39
|
_b[styles['header-cell-disabled']] = sortingDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.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 clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\n\ninterface TableHeaderCellProps {\n className?: string;\n style?: React.CSSProperties;\n tabIndex: number;\n column: TableProps.ColumnDefinition<any>;\n activeSortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n wrapLines: boolean | undefined;\n resizer: React.ReactNode;\n showFocusRing: boolean;\n onClick(detail: TableProps.SortingState<any>): void;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nexport function TableHeaderCell({\n className,\n style,\n tabIndex,\n column,\n activeSortingColumn,\n sortingDescending,\n sortingDisabled,\n wrapLines,\n resizer,\n showFocusRing,\n onClick,\n onFocus,\n onBlur,\n}: TableHeaderCellProps) {\n const focusVisible = useFocusVisible();\n const sortable = !!column.sortingComparator || !!column.sortingField;\n const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n const handleClick = () =>\n onClick({\n sortingColumn: column,\n isDescending: sorted ? !sortingDescending : false,\n });\n\n // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n e.preventDefault();\n handleClick();\n }\n };\n\n return (\n <th\n className={clsx(className, {\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n })}\n aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n style={style}\n scope=\"col\"\n >\n <div\n className={clsx(styles['header-cell-content'], {\n [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n })}\n aria-label={\n column.ariaLabel\n ? column.ariaLabel({\n sorted: sorted,\n descending: sorted && !!sortingDescending,\n disabled: !!sortingDisabled,\n })\n : undefined\n }\n {...(sortingDisabled || !sortingStatus\n ? { ['aria-disabled']: 'true' }\n : {\n onKeyPress: handleKeyPress,\n tabIndex: tabIndex,\n role: 'button',\n ...focusVisible,\n onClick: handleClick,\n onFocus,\n onBlur,\n })}\n >\n <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])}>\n {column.header}\n </div>\n {sortingStatus && (\n <span className={styles['sorting-icon']}>\n <InternalIcon name={getSortingIconName(sortingStatus)} />\n </span>\n )}\n </div>\n {resizer}\n </th>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,MAAM,UAAU,eAAe,CAAC,EAcT;;QAbrB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,mBAAmB,yBAAA,EACnB,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA;IAEN,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IACrE,IAAM,MAAM,GAAG,CAAC,CAAC,mBAAmB,IAAI,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC9E,IAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC;IACjG,IAAM,WAAW,GAAG;QAClB,OAAA,OAAO,CAAC;YACN,aAAa,EAAE,MAAM;YACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;SAClD,CAAC;IAHF,CAGE,CAAC;IAEL,2FAA2F;IAC3F,sFAAsF;IACtF,4FAA4F;IAC5F,sDAAsD;IACtD,IAAM,cAAc,GAAG,UAAC,EAAuC;YAAxB,CAAC,iBAAA;QACtC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,SAAS;YACvB,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,CAAC,CAAC,OAAO;YAC5C,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,aAAa;YAC/C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,aAAa,KAAK,WAAW,IAAI,aAAa,KAAK,YAAY;YAC/F,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,eAAe;YACjD,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,aAAa,KAAK,WAAW;YAChE,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,aAAa,KAAK,YAAY;gBAClE,eACS,aAAa,IAAI,WAAW,CAAC,aAAa,CAAC,EACtD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,KAAK;QAEX,sCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBAC3C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,aAAa,IAAI,YAAY,CAAC,0BAA0B,CAAC;oBAC7F,gBAEA,MAAM,CAAC,SAAS;gBACd,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;oBACf,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC,iBAAiB;oBACzC,QAAQ,EAAE,CAAC,CAAC,eAAe;iBAC5B,CAAC;gBACJ,CAAC,CAAC,SAAS,IAEX,CAAC,eAAe,IAAI,CAAC,aAAa;YACpC,CAAC,WAAG,GAAC,eAAe,IAAG,MAAM,MAC7B,CAAC,qBACG,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,IACX,YAAY,KACf,OAAO,EAAE,WAAW,EACpB,OAAO,SAAA,EACP,MAAM,QAAA,GACP,CAAC;YAEN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAC3F,MAAM,CAAC,MAAM,CACV;YACL,aAAa,IAAI,CAChB,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;gBACrC,oBAAC,YAAY,IAAC,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAI,CACpD,CACR,CACG;QACL,OAAO,CACL,CACN,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\n\ninterface TableHeaderCellProps {\n className?: string;\n style?: React.CSSProperties;\n tabIndex: number;\n column: TableProps.ColumnDefinition<any>;\n activeSortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n wrapLines: boolean | undefined;\n resizer: React.ReactNode;\n showFocusRing: boolean;\n onClick(detail: TableProps.SortingState<any>): void;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nexport function TableHeaderCell({\n className,\n style,\n tabIndex,\n column,\n activeSortingColumn,\n sortingDescending,\n sortingDisabled,\n wrapLines,\n resizer,\n showFocusRing,\n onClick,\n onFocus,\n onBlur,\n}: TableHeaderCellProps) {\n const focusVisible = useFocusVisible();\n const sortable = !!column.sortingComparator || !!column.sortingField;\n const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n const handleClick = () =>\n onClick({\n sortingColumn: column,\n isDescending: sorted ? !sortingDescending : false,\n });\n\n // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n e.preventDefault();\n handleClick();\n }\n };\n\n return (\n <th\n className={clsx(className, {\n [styles['header-cell-resizable']]: !!resizer,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n })}\n aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n style={style}\n scope=\"col\"\n >\n <div\n className={clsx(styles['header-cell-content'], {\n [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n })}\n aria-label={\n column.ariaLabel\n ? column.ariaLabel({\n sorted: sorted,\n descending: sorted && !!sortingDescending,\n disabled: !!sortingDisabled,\n })\n : undefined\n }\n {...(sortingDisabled || !sortingStatus\n ? { ['aria-disabled']: 'true' }\n : {\n onKeyPress: handleKeyPress,\n tabIndex: tabIndex,\n role: 'button',\n ...focusVisible,\n onClick: handleClick,\n onFocus,\n onBlur,\n })}\n >\n <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])}>\n {column.header}\n </div>\n {sortingStatus && (\n <span className={styles['sorting-icon']}>\n <InternalIcon name={getSortingIconName(sortingStatus)} />\n </span>\n )}\n </div>\n {resizer}\n </th>\n );\n}\n"]}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"header-cell": "awsui_header-
|
|
5
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
6
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
7
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
8
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"header-cell-
|
|
12
|
-
"header-cell-
|
|
13
|
-
"header-cell-
|
|
14
|
-
"header-cell-
|
|
15
|
-
"header-cell-text
|
|
16
|
-
"header-cell-
|
|
17
|
-
"header-cell-
|
|
4
|
+
"header-cell": "awsui_header-cell_1spae_1kck5_93",
|
|
5
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1kck5_103",
|
|
6
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1kck5_106",
|
|
7
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1kck5_109",
|
|
8
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1kck5_115",
|
|
9
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_1kck5_127",
|
|
10
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1kck5_131",
|
|
11
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1kck5_138",
|
|
12
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1kck5_138",
|
|
13
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1kck5_138",
|
|
14
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1kck5_171",
|
|
15
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1kck5_200",
|
|
16
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1kck5_200",
|
|
17
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1kck5_206",
|
|
18
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1kck5_207"
|
|
18
19
|
};
|
|
19
20
|
|