@cloudscape-design/components-themeable 3.0.1185 → 3.0.1187
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/internal/components/selectable-item/styles.scss +170 -102
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/slider/mixins.scss +26 -10
- package/lib/internal/scss/slider/styles.scss +52 -16
- package/lib/internal/template/internal/base-component/styles.scoped.css +65 -18
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -23
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +102 -109
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -23
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +8 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +8 -2
- package/lib/internal/template/internal/generated/theming/index.cjs +234 -48
- package/lib/internal/template/internal/generated/theming/index.js +234 -48
- package/lib/internal/template/internal/hooks/use-virtual/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-virtual/index.js +6 -1
- package/lib/internal/template/internal/hooks/use-virtual/index.js.map +1 -1
- package/lib/internal/template/select/parts/virtual-list.d.ts.map +1 -1
- package/lib/internal/template/select/parts/virtual-list.js +1 -1
- package/lib/internal/template/select/parts/virtual-list.js.map +1 -1
- package/lib/internal/template/select/utils/render-options.js +1 -1
- package/lib/internal/template/select/utils/render-options.js.map +1 -1
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +112 -112
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/package.json +1 -1
|
@@ -1467,13 +1467,37 @@ export var preset = {
|
|
|
1467
1467
|
"light": "{colorWhite}",
|
|
1468
1468
|
"dark": "{colorNeutral850}"
|
|
1469
1469
|
},
|
|
1470
|
-
"
|
|
1471
|
-
"light": "{
|
|
1472
|
-
"dark": "{
|
|
1470
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
1471
|
+
"light": "{colorTextStatusError}",
|
|
1472
|
+
"dark": "{colorTextStatusError}"
|
|
1473
1473
|
},
|
|
1474
|
-
"
|
|
1475
|
-
"light": "{
|
|
1476
|
-
"dark": "{
|
|
1474
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
1475
|
+
"light": "{colorTextStatusError}",
|
|
1476
|
+
"dark": "{colorTextStatusError}"
|
|
1477
|
+
},
|
|
1478
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
1479
|
+
"light": "{colorTextStatusWarning}",
|
|
1480
|
+
"dark": "{colorTextStatusWarning}"
|
|
1481
|
+
},
|
|
1482
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
1483
|
+
"light": "{colorTextStatusWarning}",
|
|
1484
|
+
"dark": "{colorTextStatusWarning}"
|
|
1485
|
+
},
|
|
1486
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
1487
|
+
"light": "{colorTextStatusError}",
|
|
1488
|
+
"dark": "{colorTextStatusError}"
|
|
1489
|
+
},
|
|
1490
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
1491
|
+
"light": "{colorTextStatusError}",
|
|
1492
|
+
"dark": "{colorTextStatusError}"
|
|
1493
|
+
},
|
|
1494
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
1495
|
+
"light": "{colorTextStatusWarning}",
|
|
1496
|
+
"dark": "{colorTextStatusWarning}"
|
|
1497
|
+
},
|
|
1498
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
1499
|
+
"light": "{colorTextStatusWarning}",
|
|
1500
|
+
"dark": "{colorTextStatusWarning}"
|
|
1477
1501
|
},
|
|
1478
1502
|
"colorBackgroundStatusError": {
|
|
1479
1503
|
"light": "{colorError50}",
|
|
@@ -3760,13 +3784,37 @@ export var preset = {
|
|
|
3760
3784
|
"light": "{colorNeutral850}",
|
|
3761
3785
|
"dark": "{colorNeutral850}"
|
|
3762
3786
|
},
|
|
3763
|
-
"
|
|
3764
|
-
"light": "{
|
|
3765
|
-
"dark": "{
|
|
3787
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
3788
|
+
"light": "{colorTextStatusError}",
|
|
3789
|
+
"dark": "{colorTextStatusError}"
|
|
3766
3790
|
},
|
|
3767
|
-
"
|
|
3768
|
-
"light": "{
|
|
3769
|
-
"dark": "{
|
|
3791
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
3792
|
+
"light": "{colorTextStatusError}",
|
|
3793
|
+
"dark": "{colorTextStatusError}"
|
|
3794
|
+
},
|
|
3795
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
3796
|
+
"light": "{colorTextStatusWarning}",
|
|
3797
|
+
"dark": "{colorTextStatusWarning}"
|
|
3798
|
+
},
|
|
3799
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
3800
|
+
"light": "{colorTextStatusWarning}",
|
|
3801
|
+
"dark": "{colorTextStatusWarning}"
|
|
3802
|
+
},
|
|
3803
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
3804
|
+
"light": "{colorTextStatusError}",
|
|
3805
|
+
"dark": "{colorTextStatusError}"
|
|
3806
|
+
},
|
|
3807
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
3808
|
+
"light": "{colorTextStatusError}",
|
|
3809
|
+
"dark": "{colorTextStatusError}"
|
|
3810
|
+
},
|
|
3811
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
3812
|
+
"light": "{colorTextStatusWarning}",
|
|
3813
|
+
"dark": "{colorTextStatusWarning}"
|
|
3814
|
+
},
|
|
3815
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
3816
|
+
"light": "{colorTextStatusWarning}",
|
|
3817
|
+
"dark": "{colorTextStatusWarning}"
|
|
3770
3818
|
},
|
|
3771
3819
|
"colorBackgroundStatusError": {
|
|
3772
3820
|
"light": "{colorError1000}",
|
|
@@ -5061,13 +5109,37 @@ export var preset = {
|
|
|
5061
5109
|
"light": "{colorNeutral850}",
|
|
5062
5110
|
"dark": "{colorNeutral850}"
|
|
5063
5111
|
},
|
|
5064
|
-
"
|
|
5065
|
-
"light": "{
|
|
5066
|
-
"dark": "{
|
|
5112
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
5113
|
+
"light": "{colorTextStatusError}",
|
|
5114
|
+
"dark": "{colorTextStatusError}"
|
|
5067
5115
|
},
|
|
5068
|
-
"
|
|
5069
|
-
"light": "{
|
|
5070
|
-
"dark": "{
|
|
5116
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
5117
|
+
"light": "{colorTextStatusError}",
|
|
5118
|
+
"dark": "{colorTextStatusError}"
|
|
5119
|
+
},
|
|
5120
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
5121
|
+
"light": "{colorTextStatusWarning}",
|
|
5122
|
+
"dark": "{colorTextStatusWarning}"
|
|
5123
|
+
},
|
|
5124
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
5125
|
+
"light": "{colorTextStatusWarning}",
|
|
5126
|
+
"dark": "{colorTextStatusWarning}"
|
|
5127
|
+
},
|
|
5128
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
5129
|
+
"light": "{colorTextStatusError}",
|
|
5130
|
+
"dark": "{colorTextStatusError}"
|
|
5131
|
+
},
|
|
5132
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
5133
|
+
"light": "{colorTextStatusError}",
|
|
5134
|
+
"dark": "{colorTextStatusError}"
|
|
5135
|
+
},
|
|
5136
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
5137
|
+
"light": "{colorTextStatusWarning}",
|
|
5138
|
+
"dark": "{colorTextStatusWarning}"
|
|
5139
|
+
},
|
|
5140
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
5141
|
+
"light": "{colorTextStatusWarning}",
|
|
5142
|
+
"dark": "{colorTextStatusWarning}"
|
|
5071
5143
|
},
|
|
5072
5144
|
"colorBackgroundStatusError": {
|
|
5073
5145
|
"light": "{colorError1000}",
|
|
@@ -6298,13 +6370,37 @@ export var preset = {
|
|
|
6298
6370
|
"light": "{colorWhite}",
|
|
6299
6371
|
"dark": "{colorNeutral850}"
|
|
6300
6372
|
},
|
|
6301
|
-
"
|
|
6302
|
-
"light": "{
|
|
6303
|
-
"dark": "{
|
|
6373
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
6374
|
+
"light": "{colorTextStatusError}",
|
|
6375
|
+
"dark": "{colorTextStatusError}"
|
|
6304
6376
|
},
|
|
6305
|
-
"
|
|
6306
|
-
"light": "{
|
|
6307
|
-
"dark": "{
|
|
6377
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
6378
|
+
"light": "{colorTextStatusError}",
|
|
6379
|
+
"dark": "{colorTextStatusError}"
|
|
6380
|
+
},
|
|
6381
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
6382
|
+
"light": "{colorTextStatusWarning}",
|
|
6383
|
+
"dark": "{colorTextStatusWarning}"
|
|
6384
|
+
},
|
|
6385
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
6386
|
+
"light": "{colorTextStatusWarning}",
|
|
6387
|
+
"dark": "{colorTextStatusWarning}"
|
|
6388
|
+
},
|
|
6389
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
6390
|
+
"light": "{colorTextStatusError}",
|
|
6391
|
+
"dark": "{colorTextStatusError}"
|
|
6392
|
+
},
|
|
6393
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
6394
|
+
"light": "{colorTextStatusError}",
|
|
6395
|
+
"dark": "{colorTextStatusError}"
|
|
6396
|
+
},
|
|
6397
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
6398
|
+
"light": "{colorTextStatusWarning}",
|
|
6399
|
+
"dark": "{colorTextStatusWarning}"
|
|
6400
|
+
},
|
|
6401
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
6402
|
+
"light": "{colorTextStatusWarning}",
|
|
6403
|
+
"dark": "{colorTextStatusWarning}"
|
|
6308
6404
|
},
|
|
6309
6405
|
"colorBackgroundStatusError": {
|
|
6310
6406
|
"light": "{colorError50}",
|
|
@@ -7420,13 +7516,37 @@ export var preset = {
|
|
|
7420
7516
|
"light": "{colorWhite}",
|
|
7421
7517
|
"dark": "{colorNeutral850}"
|
|
7422
7518
|
},
|
|
7423
|
-
"
|
|
7424
|
-
"light": "{
|
|
7425
|
-
"dark": "{
|
|
7519
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
7520
|
+
"light": "{colorTextStatusError}",
|
|
7521
|
+
"dark": "{colorTextStatusError}"
|
|
7426
7522
|
},
|
|
7427
|
-
"
|
|
7428
|
-
"light": "{
|
|
7429
|
-
"dark": "{
|
|
7523
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
7524
|
+
"light": "{colorTextStatusError}",
|
|
7525
|
+
"dark": "{colorTextStatusError}"
|
|
7526
|
+
},
|
|
7527
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
7528
|
+
"light": "{colorTextStatusWarning}",
|
|
7529
|
+
"dark": "{colorTextStatusWarning}"
|
|
7530
|
+
},
|
|
7531
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
7532
|
+
"light": "{colorTextStatusWarning}",
|
|
7533
|
+
"dark": "{colorTextStatusWarning}"
|
|
7534
|
+
},
|
|
7535
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
7536
|
+
"light": "{colorTextStatusError}",
|
|
7537
|
+
"dark": "{colorTextStatusError}"
|
|
7538
|
+
},
|
|
7539
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
7540
|
+
"light": "{colorTextStatusError}",
|
|
7541
|
+
"dark": "{colorTextStatusError}"
|
|
7542
|
+
},
|
|
7543
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
7544
|
+
"light": "{colorTextStatusWarning}",
|
|
7545
|
+
"dark": "{colorTextStatusWarning}"
|
|
7546
|
+
},
|
|
7547
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
7548
|
+
"light": "{colorTextStatusWarning}",
|
|
7549
|
+
"dark": "{colorTextStatusWarning}"
|
|
7430
7550
|
},
|
|
7431
7551
|
"colorBackgroundStatusError": {
|
|
7432
7552
|
"light": "{colorError50}",
|
|
@@ -8542,13 +8662,37 @@ export var preset = {
|
|
|
8542
8662
|
"light": "{colorWhite}",
|
|
8543
8663
|
"dark": "{colorNeutral850}"
|
|
8544
8664
|
},
|
|
8545
|
-
"
|
|
8546
|
-
"light": "{
|
|
8547
|
-
"dark": "{
|
|
8665
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
8666
|
+
"light": "{colorTextStatusError}",
|
|
8667
|
+
"dark": "{colorTextStatusError}"
|
|
8548
8668
|
},
|
|
8549
|
-
"
|
|
8550
|
-
"light": "{
|
|
8551
|
-
"dark": "{
|
|
8669
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
8670
|
+
"light": "{colorTextStatusError}",
|
|
8671
|
+
"dark": "{colorTextStatusError}"
|
|
8672
|
+
},
|
|
8673
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
8674
|
+
"light": "{colorTextStatusWarning}",
|
|
8675
|
+
"dark": "{colorTextStatusWarning}"
|
|
8676
|
+
},
|
|
8677
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
8678
|
+
"light": "{colorTextStatusWarning}",
|
|
8679
|
+
"dark": "{colorTextStatusWarning}"
|
|
8680
|
+
},
|
|
8681
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
8682
|
+
"light": "{colorTextStatusError}",
|
|
8683
|
+
"dark": "{colorTextStatusError}"
|
|
8684
|
+
},
|
|
8685
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
8686
|
+
"light": "{colorTextStatusError}",
|
|
8687
|
+
"dark": "{colorTextStatusError}"
|
|
8688
|
+
},
|
|
8689
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
8690
|
+
"light": "{colorTextStatusWarning}",
|
|
8691
|
+
"dark": "{colorTextStatusWarning}"
|
|
8692
|
+
},
|
|
8693
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
8694
|
+
"light": "{colorTextStatusWarning}",
|
|
8695
|
+
"dark": "{colorTextStatusWarning}"
|
|
8552
8696
|
},
|
|
8553
8697
|
"colorBackgroundStatusError": {
|
|
8554
8698
|
"light": "{colorError50}",
|
|
@@ -9666,13 +9810,37 @@ export var preset = {
|
|
|
9666
9810
|
"light": "{colorNeutral850}",
|
|
9667
9811
|
"dark": "{colorNeutral850}"
|
|
9668
9812
|
},
|
|
9669
|
-
"
|
|
9670
|
-
"light": "{
|
|
9671
|
-
"dark": "{
|
|
9813
|
+
"colorBackgroundSliderHandleErrorDefault": {
|
|
9814
|
+
"light": "{colorTextStatusError}",
|
|
9815
|
+
"dark": "{colorTextStatusError}"
|
|
9672
9816
|
},
|
|
9673
|
-
"
|
|
9674
|
-
"light": "{
|
|
9675
|
-
"dark": "{
|
|
9817
|
+
"colorBackgroundSliderHandleErrorActive": {
|
|
9818
|
+
"light": "{colorTextStatusError}",
|
|
9819
|
+
"dark": "{colorTextStatusError}"
|
|
9820
|
+
},
|
|
9821
|
+
"colorBackgroundSliderHandleWarningDefault": {
|
|
9822
|
+
"light": "{colorTextStatusWarning}",
|
|
9823
|
+
"dark": "{colorTextStatusWarning}"
|
|
9824
|
+
},
|
|
9825
|
+
"colorBackgroundSliderHandleWarningActive": {
|
|
9826
|
+
"light": "{colorTextStatusWarning}",
|
|
9827
|
+
"dark": "{colorTextStatusWarning}"
|
|
9828
|
+
},
|
|
9829
|
+
"colorBackgroundSliderRangeErrorDefault": {
|
|
9830
|
+
"light": "{colorTextStatusError}",
|
|
9831
|
+
"dark": "{colorTextStatusError}"
|
|
9832
|
+
},
|
|
9833
|
+
"colorBackgroundSliderRangeErrorActive": {
|
|
9834
|
+
"light": "{colorTextStatusError}",
|
|
9835
|
+
"dark": "{colorTextStatusError}"
|
|
9836
|
+
},
|
|
9837
|
+
"colorBackgroundSliderRangeWarningDefault": {
|
|
9838
|
+
"light": "{colorTextStatusWarning}",
|
|
9839
|
+
"dark": "{colorTextStatusWarning}"
|
|
9840
|
+
},
|
|
9841
|
+
"colorBackgroundSliderRangeWarningActive": {
|
|
9842
|
+
"light": "{colorTextStatusWarning}",
|
|
9843
|
+
"dark": "{colorTextStatusWarning}"
|
|
9676
9844
|
},
|
|
9677
9845
|
"colorBackgroundStatusError": {
|
|
9678
9846
|
"light": "{colorError1000}",
|
|
@@ -10809,8 +10977,14 @@ export var preset = {
|
|
|
10809
10977
|
"colorBackgroundSliderHandleActive": "color",
|
|
10810
10978
|
"colorBackgroundSliderTrackDefault": "color",
|
|
10811
10979
|
"colorBackgroundSliderHandleRing": "color",
|
|
10812
|
-
"
|
|
10813
|
-
"
|
|
10980
|
+
"colorBackgroundSliderHandleErrorDefault": "color",
|
|
10981
|
+
"colorBackgroundSliderHandleErrorActive": "color",
|
|
10982
|
+
"colorBackgroundSliderHandleWarningDefault": "color",
|
|
10983
|
+
"colorBackgroundSliderHandleWarningActive": "color",
|
|
10984
|
+
"colorBackgroundSliderRangeErrorDefault": "color",
|
|
10985
|
+
"colorBackgroundSliderRangeErrorActive": "color",
|
|
10986
|
+
"colorBackgroundSliderRangeWarningDefault": "color",
|
|
10987
|
+
"colorBackgroundSliderRangeWarningActive": "color",
|
|
10814
10988
|
"colorBackgroundStatusError": "color",
|
|
10815
10989
|
"colorBackgroundStatusInfo": "color",
|
|
10816
10990
|
"colorBackgroundDialog": "color",
|
|
@@ -12435,8 +12609,14 @@ export var preset = {
|
|
|
12435
12609
|
"colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
|
|
12436
12610
|
"colorBackgroundSliderTrackDefault": "color-background-slider-track-default",
|
|
12437
12611
|
"colorBackgroundSliderHandleRing": "color-background-slider-handle-ring",
|
|
12438
|
-
"
|
|
12439
|
-
"
|
|
12612
|
+
"colorBackgroundSliderHandleErrorDefault": "color-background-slider-handle-error-default",
|
|
12613
|
+
"colorBackgroundSliderHandleErrorActive": "color-background-slider-handle-error-active",
|
|
12614
|
+
"colorBackgroundSliderHandleWarningDefault": "color-background-slider-handle-warning-default",
|
|
12615
|
+
"colorBackgroundSliderHandleWarningActive": "color-background-slider-handle-warning-active",
|
|
12616
|
+
"colorBackgroundSliderRangeErrorDefault": "color-background-slider-range-error-default",
|
|
12617
|
+
"colorBackgroundSliderRangeErrorActive": "color-background-slider-range-error-active",
|
|
12618
|
+
"colorBackgroundSliderRangeWarningDefault": "color-background-slider-range-warning-default",
|
|
12619
|
+
"colorBackgroundSliderRangeWarningActive": "color-background-slider-range-warning-active",
|
|
12440
12620
|
"colorBackgroundStatusError": "color-background-status-error",
|
|
12441
12621
|
"colorBackgroundStatusInfo": "color-background-status-info",
|
|
12442
12622
|
"colorBackgroundDialog": "color-background-dialog",
|
|
@@ -13250,8 +13430,14 @@ export var preset = {
|
|
|
13250
13430
|
"colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-50ubqb",
|
|
13251
13431
|
"colorBackgroundSliderTrackDefault": "--color-background-slider-track-default-vk2c9o",
|
|
13252
13432
|
"colorBackgroundSliderHandleRing": "--color-background-slider-handle-ring-9sfenj",
|
|
13253
|
-
"
|
|
13254
|
-
"
|
|
13433
|
+
"colorBackgroundSliderHandleErrorDefault": "--color-background-slider-handle-error-default-411tqq",
|
|
13434
|
+
"colorBackgroundSliderHandleErrorActive": "--color-background-slider-handle-error-active-x65pfh",
|
|
13435
|
+
"colorBackgroundSliderHandleWarningDefault": "--color-background-slider-handle-warning-default-or76ej",
|
|
13436
|
+
"colorBackgroundSliderHandleWarningActive": "--color-background-slider-handle-warning-active-7o84zp",
|
|
13437
|
+
"colorBackgroundSliderRangeErrorDefault": "--color-background-slider-range-error-default-b519qn",
|
|
13438
|
+
"colorBackgroundSliderRangeErrorActive": "--color-background-slider-range-error-active-6bo8an",
|
|
13439
|
+
"colorBackgroundSliderRangeWarningDefault": "--color-background-slider-range-warning-default-6isqvo",
|
|
13440
|
+
"colorBackgroundSliderRangeWarningActive": "--color-background-slider-range-warning-active-dm2pha",
|
|
13255
13441
|
"colorBackgroundStatusError": "--color-background-status-error-mu3lcw",
|
|
13256
13442
|
"colorBackgroundStatusInfo": "--color-background-status-info-sfobba",
|
|
13257
13443
|
"colorBackgroundDialog": "--color-background-dialog-2fj3uu",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAmC,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS1F,UAAU,eAAe,CAAC,IAAI;IAC5B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,cAAc;IACtB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAmC,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS1F,UAAU,eAAe,CAAC,IAAI;IAC5B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,cAAc;IACtB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,cAAc,CA2CxC"}
|
|
@@ -21,6 +21,7 @@ const MAX_ITEM_MOUNTS = 50 - 1;
|
|
|
21
21
|
* That is based on the assumption the item height stays constant after its first render.
|
|
22
22
|
*/
|
|
23
23
|
export function useVirtual({ items, parentRef, estimateSize, firstItemSticky, }) {
|
|
24
|
+
var _a, _b;
|
|
24
25
|
const rowVirtualizer = useVirtualDefault({
|
|
25
26
|
size: items.length,
|
|
26
27
|
parentRef,
|
|
@@ -37,6 +38,7 @@ export function useVirtual({ items, parentRef, estimateSize, firstItemSticky, })
|
|
|
37
38
|
}, [indicesKey, items, estimateSize]);
|
|
38
39
|
const virtualItems = useMemo(() => rowVirtualizer.virtualItems.map(virtualItem => ({
|
|
39
40
|
...virtualItem,
|
|
41
|
+
start: virtualItem.start,
|
|
40
42
|
measureRef: (node) => {
|
|
41
43
|
var _a;
|
|
42
44
|
const mountedCount = (_a = measuresCache.current.get(items[virtualItem.index])) !== null && _a !== void 0 ? _a : 0;
|
|
@@ -46,9 +48,12 @@ export function useVirtual({ items, parentRef, estimateSize, firstItemSticky, })
|
|
|
46
48
|
}
|
|
47
49
|
},
|
|
48
50
|
})), [items, rowVirtualizer.virtualItems]);
|
|
51
|
+
// If first item is sticky, substract that item's size from the total size
|
|
52
|
+
const firstItemSize = (_b = (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 0;
|
|
53
|
+
const adjustedTotalSize = firstItemSticky ? rowVirtualizer.totalSize - firstItemSize : rowVirtualizer.totalSize;
|
|
49
54
|
return {
|
|
50
55
|
virtualItems,
|
|
51
|
-
totalSize:
|
|
56
|
+
totalSize: adjustedTotalSize,
|
|
52
57
|
scrollToIndex: rowVirtualizer.scrollToIndex,
|
|
53
58
|
};
|
|
54
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAe,MAAM,4BAA4B,CAAC;AAC1F,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,8EAA8E;AAC9E,sEAAsE;AACtE,sFAAsF;AACtF,yFAAyF;AACzF,MAAM,eAAe,GAAG,EAAE,GAAG,CAAC,CAAC;AAe/B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAsB,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,GACO
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAe,MAAM,4BAA4B,CAAC;AAC1F,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,8EAA8E;AAC9E,sEAAsE;AACtE,sFAAsF;AACtF,yFAAyF;AACzF,MAAM,eAAe,GAAG,EAAE,GAAG,CAAC,CAAC;AAe/B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAsB,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,GACO;;IACtB,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,IAAI,EAAE,KAAK,CAAC,MAAM;QAClB,SAAS;QACT,YAAY;QACZ,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS;KACnE,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,OAAO,EAAgB,CAAC,CAAC;IAE1D,yEAAyE;IACzE,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC9C,GAAG,WAAW;QACd,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,UAAU,EAAE,CAAC,IAAwB,EAAE,EAAE;;YACvC,MAAM,YAAY,GAAG,MAAA,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,mCAAI,CAAC,CAAC;YAC9E,IAAI,YAAY,GAAG,eAAe,EAAE,CAAC;gBACnC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC7B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;KACF,CAAC,CAAC,EACL,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,CACrC,CAAC;IAEF,0EAA0E;IAC1E,MAAM,aAAa,GAAG,MAAA,MAAA,YAAY,CAAC,CAAC,CAAC,0CAAE,IAAI,mCAAI,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;IAEhH,OAAO;QACL,YAAY;QACZ,SAAS,EAAE,iBAAiB;QAC5B,aAAa,EAAE,cAAc,CAAC,aAAa;KAC5C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useMemo, useRef } from 'react';\n\nimport { useVirtual as useVirtualDefault, VirtualItem } from '../../vendor/react-virtual';\nimport stickyRangeExtractor from './sticky-range-extractor';\n\n// Maximum allowed synchronous (nested) item mounts before forcing a bail-out.\n// Mirrors React’s internal safeguard for nested updates: React throws\n// \"Maximum update depth exceeded\" once >50 sync updates occur within a single commit.\n// See: https://github.com/facebook/react/commit/d8c90fa48d3addefe4b805ec56a3c65e4ee39127\nconst MAX_ITEM_MOUNTS = 50 - 1;\n\ninterface UseVirtualProps<Item> {\n items: readonly Item[];\n parentRef: React.RefObject<HTMLElement>;\n estimateSize: () => number;\n firstItemSticky?: boolean;\n}\n\ninterface RowVirtualizer {\n virtualItems: VirtualItem[];\n totalSize: number;\n scrollToIndex: (index: number) => void;\n}\n\n/**\n * The useVirtual from react-virtual@2 might produce an infinite update loop caused by setting\n * measured item sizes in the render cycle (as part of the measureRef assignment):\n * The sum of all measured item sizes is returned as totalSize which is then set on the list container.\n * Enforcing new container height might result in an items size change e.g. when the content wraps.\n *\n * The infinite update cycle causes React \"Maximum update depth exceeded\" error and can be additionally confirmed\n * by logging the totalSize which should then bounce between two values.\n *\n * The number of item refs assignments is limited to MAX_ITEM_MOUNTS unless items or indices change.\n * That is based on the assumption the item height stays constant after its first render.\n */\nexport function useVirtual<Item extends object>({\n items,\n parentRef,\n estimateSize,\n firstItemSticky,\n}: UseVirtualProps<Item>): RowVirtualizer {\n const rowVirtualizer = useVirtualDefault({\n size: items.length,\n parentRef,\n estimateSize,\n overscan: 5,\n rangeExtractor: firstItemSticky ? stickyRangeExtractor : undefined,\n });\n\n // Cache virtual item mounts to limit the amount of mounts per item.\n const measuresCache = useRef(new WeakMap<Item, number>());\n\n // Clear mounts cache every time indices, items, or size estimate change.\n const indicesKey = rowVirtualizer.virtualItems.map(item => `${item.index}`).join(':');\n useEffect(() => {\n measuresCache.current = new WeakMap();\n }, [indicesKey, items, estimateSize]);\n\n const virtualItems = useMemo(\n () =>\n rowVirtualizer.virtualItems.map(virtualItem => ({\n ...virtualItem,\n start: virtualItem.start,\n measureRef: (node: null | HTMLElement) => {\n const mountedCount = measuresCache.current.get(items[virtualItem.index]) ?? 0;\n if (mountedCount < MAX_ITEM_MOUNTS) {\n virtualItem.measureRef(node);\n measuresCache.current.set(items[virtualItem.index], mountedCount + 1);\n }\n },\n })),\n [items, rowVirtualizer.virtualItems]\n );\n\n // If first item is sticky, substract that item's size from the total size\n const firstItemSize = virtualItems[0]?.size ?? 0;\n const adjustedTotalSize = firstItemSticky ? rowVirtualizer.totalSize - firstItemSize : rowVirtualizer.totalSize;\n\n return {\n virtualItems,\n totalSize: adjustedTotalSize,\n scrollToIndex: rowVirtualizer.scrollToIndex,\n };\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAUpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;
|
|
1
|
+
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAUpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AA4H/C,wBAAuC"}
|
|
@@ -73,7 +73,7 @@ const VirtualListOpen = forwardRef(({ menuProps, getOptionProps, filteredOptions
|
|
|
73
73
|
});
|
|
74
74
|
return (React.createElement(OptionsList, { ...menuProps, stickyItemBlockSize: stickySize, ref: menuRef },
|
|
75
75
|
finalOptions,
|
|
76
|
-
React.createElement("div", { "aria-hidden": "true", key: "total-size", className: styles['layout-strut'], style: { height: totalSize
|
|
76
|
+
React.createElement("div", { "aria-hidden": "true", key: "total-size", className: styles['layout-strut'], style: { height: totalSize } }),
|
|
77
77
|
listBottom ? (React.createElement("div", { role: "option", className: styles['list-bottom'] }, listBottom)) : null));
|
|
78
78
|
});
|
|
79
79
|
const VirtualListClosed = forwardRef(({ menuProps, listBottom }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.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, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport OptionsList from '../../internal/components/options-list';\nimport { useVirtual } from '../../internal/hooks/use-virtual';\nimport { renderOptions } from '../utils/render-options';\nimport customScrollToIndex from '../utils/scroll-to-index';\nimport { fallbackItemHeight } from './common';\nimport { SelectListProps } from './plain-list';\n\nimport styles from './styles.css.js';\n\nconst VirtualList = (props: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n return props.menuProps.open ? <VirtualListOpen {...props} ref={ref} /> : <VirtualListClosed {...props} ref={ref} />;\n};\n\nconst VirtualListOpen = forwardRef(\n (\n {\n menuProps,\n getOptionProps,\n filteredOptions,\n filteringValue,\n highlightType,\n checkboxes,\n hasDropdownStatus,\n listBottom,\n useInteractiveGroups,\n screenReaderContent,\n firstOptionSticky,\n renderOption,\n }: SelectListProps,\n ref: React.Ref<SelectListProps.SelectListRef>\n ) => {\n // update component, when it gets wider or narrower to reposition items\n const [width, menuMeasureRef] = useContainerQuery(\n rect => ({ inner: rect.contentBoxWidth, outer: rect.borderBoxWidth }),\n []\n );\n const menuRefObject = useRef(null);\n const menuRef = useMergeRefs(menuMeasureRef, menuRefObject, menuProps.ref);\n const previousHighlightedIndex = useRef<number>();\n const { virtualItems, totalSize, scrollToIndex } = useVirtual({\n items: filteredOptions,\n parentRef: menuRefObject,\n // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n // when the height of any option could have changed:\n // 1: because the component got resized (width property got updated)\n // 2: because the option changed its content (filteringValue property controls the highlight and the visibility of hidden tags)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n estimateSize: useCallback(() => fallbackItemHeight, [width?.inner, filteringValue]),\n firstItemSticky: firstOptionSticky,\n });\n\n useImperativeHandle(\n ref,\n () => (index: number) => {\n if (highlightType.moveFocus) {\n const movingUp = previousHighlightedIndex.current !== undefined && index < previousHighlightedIndex.current;\n if (firstOptionSticky && movingUp && index !== 0 && menuRefObject.current) {\n // React-Virtual v2 does not offer a proper way to handle sticky elements when scrolling,\n // so until we upgrade to v3, use our own scroll implementation\n // to prevent newly highlighted element from being covered by the sticky element\n // when moving the highlight upwards in the list.\n\n // Scrolling behavior is covered by integration tests.\n // istanbul ignore next\n customScrollToIndex({\n index,\n menuEl: menuRefObject?.current,\n });\n } else {\n // Fix for AWSUI-61506. Defer scroll to next frame to ensure\n // virtual items are measured after re-render. When called from\n // parent's useEffect, measurements may not be ready yet.\n requestAnimationFrame(() => scrollToIndex(index));\n }\n }\n previousHighlightedIndex.current = index;\n },\n [firstOptionSticky, highlightType.moveFocus, scrollToIndex]\n );\n\n const stickySize = firstOptionSticky ? virtualItems[0].size : 0;\n const withScrollbar = !!width && width.inner < width.outer;\n\n const idPrefix = useUniqueId('select-list-');\n const finalOptions = renderOptions({\n options: virtualItems.map(({ index }) => filteredOptions[index]),\n renderOption,\n getOptionProps,\n filteringValue,\n highlightType,\n idPrefix,\n checkboxes,\n hasDropdownStatus,\n virtualItems,\n useInteractiveGroups,\n screenReaderContent,\n firstOptionSticky,\n withScrollbar,\n });\n\n return (\n <OptionsList {...menuProps} stickyItemBlockSize={stickySize} ref={menuRef}>\n {finalOptions}\n <div aria-hidden=\"true\" key=\"total-size\" className={styles['layout-strut']} style={{ height: totalSize }} />\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n }\n);\n\nconst VirtualListClosed = forwardRef(\n ({ menuProps, listBottom }: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n useImperativeHandle(ref, () => () => {}, []);\n return (\n <OptionsList {...menuProps} ref={menuProps.ref}>\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n }\n);\n\nexport default forwardRef(VirtualList);\n"]}
|
|
@@ -25,7 +25,7 @@ export const renderOptions = ({ options, getOptionProps, filteringValue, highlig
|
|
|
25
25
|
const padBottom = !hasDropdownStatus && isLastItem;
|
|
26
26
|
const ListItem = useInteractiveGroups ? MultiselectItem : Item;
|
|
27
27
|
const isSticky = firstOptionSticky && globalIndex === 0;
|
|
28
|
-
return (React.createElement(ListItem, { index: index, virtualIndex: virtualItem ? virtualItem.index : undefined, key: globalIndex, ...props, virtualPosition: virtualItem
|
|
28
|
+
return (React.createElement(ListItem, { index: index, virtualIndex: virtualItem ? virtualItem.index : undefined, key: globalIndex, ...props, virtualPosition: virtualItem === null || virtualItem === void 0 ? void 0 : virtualItem.start, ref: isSticky && stickyOptionRef ? stickyOptionRef : virtualItem && virtualItem.measureRef, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaPosinset: globalIndex + 1, ariaSetsize: ariaSetsize, highlightType: highlightType.type, withScrollbar: withScrollbar, sticky: isSticky, renderOption: renderOption, parentProps: parentProps }));
|
|
29
29
|
};
|
|
30
30
|
const unflattenedOptions = unflattenOptions(options);
|
|
31
31
|
return unflattenedOptions.map(nestedDropdownOption => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-options.js","sourceRoot":"","sources":["../../../../src/select/utils/render-options.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAwB,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAKlH,OAAO,IAAyB,MAAM,eAAe,CAAC;AACtD,OAAO,eAA+C,MAAM,2BAA2B,CAAC;AACxF,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAoBhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,YAAY,GACM,EAAE,EAAE;IACtB,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAwB,EAAE,EAAE;QACrE,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5D,OAAO,YAAY,CAAC;YAClB,MAAM;YACN,KAAK,EAAE,WAAW;YAClB,cAAc;YACd,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;YAClE,UAAU;SACX,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,KAAa,EAAE,WAA0D,EAAE,EAAE;QAC/G,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5D,MAAM,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,CAAC,iBAAiB,IAAI,UAAU,CAAC;QACnD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,QAAQ,GAAG,iBAAiB,IAAI,WAAW,KAAK,CAAC,CAAC;QAExD,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACzD,GAAG,EAAE,WAAW,KACZ,KAAK,EACT,eAAe,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"render-options.js","sourceRoot":"","sources":["../../../../src/select/utils/render-options.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';\n\nimport { DropdownOption } from '../../internal/components/option/interfaces';\nimport { NestedDropdownOption, unflattenOptions } from '../../internal/components/option/utils/unflatten-options';\nimport { HighlightType } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { VirtualItem } from '../../internal/vendor/react-virtual';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport { SelectProps } from '../interfaces';\nimport Item, { ItemParentProps } from '../parts/item';\nimport MultiselectItem, { MultiselectItemParentProps } from '../parts/multiselect-item';\nimport OptionGroup from '../parts/option-group';\nimport { getItemProps } from './get-item-props';\n\ninterface RenderOptionProps {\n options: ReadonlyArray<DropdownOption>;\n getOptionProps: any;\n filteringValue: string;\n highlightType: HighlightType;\n idPrefix: string;\n checkboxes?: boolean;\n hasDropdownStatus?: boolean;\n virtualItems?: VirtualItem[];\n useInteractiveGroups?: boolean;\n screenReaderContent?: string;\n ariaSetsize?: number;\n withScrollbar: boolean;\n firstOptionSticky?: boolean;\n stickyOptionRef?: React.Ref<HTMLDivElement>;\n renderOption?: SelectProps.SelectOptionItemRenderer | MultiselectProps.MultiselectOptionItemRenderer;\n}\n\nexport const renderOptions = ({\n options,\n getOptionProps,\n filteringValue,\n highlightType,\n idPrefix,\n checkboxes = false,\n hasDropdownStatus,\n virtualItems,\n useInteractiveGroups,\n screenReaderContent,\n ariaSetsize,\n withScrollbar,\n firstOptionSticky,\n stickyOptionRef,\n renderOption,\n}: RenderOptionProps) => {\n const getNestedItemProps = ({ index, option }: NestedDropdownOption) => {\n const virtualItem = virtualItems && virtualItems[index];\n const globalIndex = virtualItem ? virtualItem.index : index;\n return getItemProps({\n option,\n index: globalIndex,\n getOptionProps,\n filteringValue: option.type === 'select-all' ? '' : filteringValue,\n checkboxes,\n });\n };\n\n const renderListItem = (props: any, index: number, parentProps?: ItemParentProps | MultiselectItemParentProps) => {\n const virtualItem = virtualItems && virtualItems[index];\n const globalIndex = virtualItem ? virtualItem.index : index;\n\n const isLastItem = index === options.length - 1;\n const padBottom = !hasDropdownStatus && isLastItem;\n const ListItem = useInteractiveGroups ? MultiselectItem : Item;\n const isSticky = firstOptionSticky && globalIndex === 0;\n\n return (\n <ListItem\n index={index}\n virtualIndex={virtualItem ? virtualItem.index : undefined}\n key={globalIndex}\n {...props}\n virtualPosition={virtualItem?.start}\n ref={isSticky && stickyOptionRef ? stickyOptionRef : virtualItem && virtualItem.measureRef}\n padBottom={padBottom}\n screenReaderContent={screenReaderContent}\n ariaPosinset={globalIndex + 1}\n ariaSetsize={ariaSetsize}\n highlightType={highlightType.type}\n withScrollbar={withScrollbar}\n sticky={isSticky}\n renderOption={renderOption}\n parentProps={parentProps}\n />\n );\n };\n\n const unflattenedOptions = unflattenOptions(options);\n return unflattenedOptions.map(nestedDropdownOption => {\n const index = nestedDropdownOption.index;\n const props = getNestedItemProps(nestedDropdownOption);\n\n if (nestedDropdownOption.type === 'parent') {\n const { children } = nestedDropdownOption;\n const optionId = props.id ?? `${idPrefix}-option-${index}`;\n return (\n <OptionGroup\n key={`group-${index}`}\n virtual={virtualItems?.[index] !== undefined}\n ariaLabelledby={optionId}\n ariaDisabled={props['aria-disabled']}\n >\n {renderListItem(props, index)}\n {children.map(child => (\n <React.Fragment key={child.index}>\n {renderListItem(getNestedItemProps(child), child.index, {\n option: nestedDropdownOption.option,\n disabled: nestedDropdownOption.option.disabled ?? false,\n index: index,\n virtualIndex: virtualItems?.[index]?.index ?? undefined,\n highlighted: props.highlighted ?? false,\n selected: props.selected ?? false,\n indeterminate: props.indeterminate ?? false,\n })}\n </React.Fragment>\n ))}\n </OptionGroup>\n );\n }\n\n return renderListItem(props, index);\n });\n};\n"]}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"slider": "
|
|
6
|
-
"slider-track": "awsui_slider-
|
|
7
|
-
"slider-range": "awsui_slider-
|
|
8
|
-
"disabled": "
|
|
9
|
-
"readonly": "
|
|
10
|
-
"error": "
|
|
11
|
-
"warning": "
|
|
12
|
-
"active": "
|
|
13
|
-
"error-active": "awsui_error-
|
|
14
|
-
"warning-active": "awsui_warning-
|
|
15
|
-
"labels": "
|
|
16
|
-
"labels-noref": "awsui_labels-
|
|
17
|
-
"labels-reference": "awsui_labels-
|
|
18
|
-
"labels-min": "awsui_labels-
|
|
19
|
-
"labels-max": "awsui_labels-
|
|
20
|
-
"labels-aria-description": "awsui_labels-aria-
|
|
21
|
-
"ticks": "
|
|
22
|
-
"ticks-wrapper": "awsui_ticks-
|
|
23
|
-
"tick": "
|
|
24
|
-
"middle": "
|
|
25
|
-
"filled": "
|
|
26
|
-
"tooltip-thumb": "awsui_tooltip-
|
|
27
|
-
"thumb": "
|
|
28
|
-
"min": "
|
|
29
|
-
"max": "
|
|
4
|
+
"root": "awsui_root_pcgz5_16syv_153",
|
|
5
|
+
"slider": "awsui_slider_pcgz5_16syv_190",
|
|
6
|
+
"slider-track": "awsui_slider-track_pcgz5_16syv_194",
|
|
7
|
+
"slider-range": "awsui_slider-range_pcgz5_16syv_194",
|
|
8
|
+
"disabled": "awsui_disabled_pcgz5_16syv_209",
|
|
9
|
+
"readonly": "awsui_readonly_pcgz5_16syv_213",
|
|
10
|
+
"error": "awsui_error_pcgz5_16syv_222",
|
|
11
|
+
"warning": "awsui_warning_pcgz5_16syv_225",
|
|
12
|
+
"active": "awsui_active_pcgz5_16syv_228",
|
|
13
|
+
"error-active": "awsui_error-active_pcgz5_16syv_231",
|
|
14
|
+
"warning-active": "awsui_warning-active_pcgz5_16syv_234",
|
|
15
|
+
"labels": "awsui_labels_pcgz5_16syv_245",
|
|
16
|
+
"labels-noref": "awsui_labels-noref_pcgz5_16syv_251",
|
|
17
|
+
"labels-reference": "awsui_labels-reference_pcgz5_16syv_254",
|
|
18
|
+
"labels-min": "awsui_labels-min_pcgz5_16syv_261",
|
|
19
|
+
"labels-max": "awsui_labels-max_pcgz5_16syv_267",
|
|
20
|
+
"labels-aria-description": "awsui_labels-aria-description_pcgz5_16syv_275",
|
|
21
|
+
"ticks": "awsui_ticks_pcgz5_16syv_293",
|
|
22
|
+
"ticks-wrapper": "awsui_ticks-wrapper_pcgz5_16syv_299",
|
|
23
|
+
"tick": "awsui_tick_pcgz5_16syv_293",
|
|
24
|
+
"middle": "awsui_middle_pcgz5_16syv_314",
|
|
25
|
+
"filled": "awsui_filled_pcgz5_16syv_317",
|
|
26
|
+
"tooltip-thumb": "awsui_tooltip-thumb_pcgz5_16syv_345",
|
|
27
|
+
"thumb": "awsui_thumb_pcgz5_16syv_358",
|
|
28
|
+
"min": "awsui_min_pcgz5_16syv_394",
|
|
29
|
+
"max": "awsui_max_pcgz5_16syv_397"
|
|
30
30
|
};
|
|
31
31
|
|