@cloudscape-design/components 3.0.249 → 3.0.250
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/visual-refresh/app-bar.js +1 -1
- package/app-layout/visual-refresh/app-bar.js.map +1 -1
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +1 -2
- package/autosuggest/internal.js.map +1 -1
- package/autosuggest/options-list.d.ts +1 -2
- package/autosuggest/options-list.d.ts.map +1 -1
- package/autosuggest/options-list.js +2 -8
- package/autosuggest/options-list.js.map +1 -1
- package/button/internal.d.ts +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +2 -3
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +19 -20
- package/button/styles.scoped.css +136 -298
- package/button/styles.selectors.js +19 -20
- package/form-field/internal.d.ts +1 -6
- package/form-field/internal.d.ts.map +1 -1
- package/form-field/internal.js +3 -6
- package/form-field/internal.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/internal/base-component/styles.scoped.css +0 -17
- package/internal/components/dropdown-footer/index.d.ts +0 -1
- package/internal/components/dropdown-footer/index.d.ts.map +1 -1
- package/internal/components/dropdown-footer/index.js +2 -2
- package/internal/components/dropdown-footer/index.js.map +1 -1
- package/internal/components/live-region/index.d.ts +1 -2
- package/internal/components/live-region/index.d.ts.map +1 -1
- package/internal/components/live-region/index.js +2 -2
- package/internal/components/live-region/index.js.map +1 -1
- package/internal/components/options-list/index.d.ts +0 -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/generated/theming/index.cjs +0 -95
- package/internal/generated/theming/index.js +0 -95
- package/internal/manifest.json +1 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +3 -4
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -2
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +1 -1
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +1 -2
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
- package/property-filter/property-filter-autosuggest.js +2 -4
- package/property-filter/property-filter-autosuggest.js.map +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +3 -4
- package/select/internal.js.map +1 -1
- package/split-panel/interfaces.d.ts +8 -8
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
- package/split-panel/preferences-modal.d.ts +7 -7
- package/split-panel/preferences-modal.d.ts.map +1 -1
- package/split-panel/preferences-modal.js.map +1 -1
- package/table/body-cell/index.js +1 -1
- package/table/body-cell/index.js.map +1 -1
- package/test-utils/dom/index.d.ts +0 -3
- package/test-utils/dom/index.js +2 -10
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/index.d.ts +0 -3
- package/test-utils/selectors/index.js +2 -10
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/token-group/styles.css.js +5 -7
- package/token-group/styles.scoped.css +23 -41
- package/token-group/styles.selectors.js +5 -7
- package/token-group/token.d.ts +1 -4
- package/token-group/token.d.ts.map +1 -1
- package/token-group/token.js +4 -13
- package/token-group/token.js.map +1 -1
- package/file-upload/default-formatters.d.ts +0 -3
- package/file-upload/default-formatters.d.ts.map +0 -1
- package/file-upload/default-formatters.js +0 -23
- package/file-upload/default-formatters.js.map +0 -1
- package/file-upload/dropzone/index.d.ts +0 -9
- package/file-upload/dropzone/index.d.ts.map +0 -1
- package/file-upload/dropzone/index.js +0 -69
- package/file-upload/dropzone/index.js.map +0 -1
- package/file-upload/dropzone/styles.css.js +0 -7
- package/file-upload/dropzone/styles.scoped.css +0 -108
- package/file-upload/dropzone/styles.selectors.js +0 -8
- package/file-upload/file-input/index.d.ts +0 -14
- package/file-upload/file-input/index.d.ts.map +0 -1
- package/file-upload/file-input/index.js +0 -55
- package/file-upload/file-input/index.js.map +0 -1
- package/file-upload/file-input/styles.css.js +0 -8
- package/file-upload/file-input/styles.scoped.css +0 -21
- package/file-upload/file-input/styles.selectors.js +0 -9
- package/file-upload/file-option/index.d.ts +0 -10
- package/file-upload/file-option/index.d.ts.map +0 -1
- package/file-upload/file-option/index.js +0 -22
- package/file-upload/file-option/index.js.map +0 -1
- package/file-upload/file-option/styles.css.js +0 -12
- package/file-upload/file-option/styles.scoped.css +0 -35
- package/file-upload/file-option/styles.selectors.js +0 -13
- package/file-upload/file-option/thumbnail.d.ts +0 -7
- package/file-upload/file-option/thumbnail.d.ts.map +0 -1
- package/file-upload/file-option/thumbnail.js +0 -20
- package/file-upload/file-option/thumbnail.js.map +0 -1
- package/file-upload/index.d.ts +0 -6
- package/file-upload/index.d.ts.map +0 -1
- package/file-upload/index.js +0 -17
- package/file-upload/index.js.map +0 -1
- package/file-upload/interfaces.d.ts +0 -99
- package/file-upload/interfaces.d.ts.map +0 -1
- package/file-upload/interfaces.js +0 -4
- package/file-upload/interfaces.js.map +0 -1
- package/file-upload/internal.d.ts +0 -7
- package/file-upload/internal.d.ts.map +0 -1
- package/file-upload/internal.js +0 -72
- package/file-upload/internal.js.map +0 -1
- package/file-upload/styles.css.js +0 -7
- package/file-upload/styles.scoped.css +0 -16
- package/file-upload/styles.selectors.js +0 -8
- package/test-utils/dom/file-upload/index.d.ts +0 -29
- package/test-utils/dom/file-upload/index.js +0 -66
- package/test-utils/dom/file-upload/index.js.map +0 -1
- package/test-utils/selectors/file-upload/index.d.ts +0 -29
- package/test-utils/selectors/file-upload/index.js +0 -66
- package/test-utils/selectors/file-upload/index.js.map +0 -1
|
@@ -1587,22 +1587,6 @@ module.exports.preset = {
|
|
|
1587
1587
|
"light": "{colorBlue200}",
|
|
1588
1588
|
"dark": "{colorBlue600}"
|
|
1589
1589
|
},
|
|
1590
|
-
"colorDropzoneBackgroundActive": {
|
|
1591
|
-
"light": "{colorGrey200}",
|
|
1592
|
-
"dark": "{colorGrey500}"
|
|
1593
|
-
},
|
|
1594
|
-
"colorDropzoneBackgroundHover": {
|
|
1595
|
-
"light": "{colorBlue200}",
|
|
1596
|
-
"dark": "{colorBlue600}"
|
|
1597
|
-
},
|
|
1598
|
-
"colorDropzoneTextActive": {
|
|
1599
|
-
"light": "{colorGrey550}",
|
|
1600
|
-
"dark": "{colorGrey800}"
|
|
1601
|
-
},
|
|
1602
|
-
"colorDropzoneTextHover": {
|
|
1603
|
-
"light": "{colorBlue800}",
|
|
1604
|
-
"dark": "{colorWhite}"
|
|
1605
|
-
},
|
|
1606
1590
|
"fontBodyMLineHeight": "22px",
|
|
1607
1591
|
"fontBodyMSize": "14px",
|
|
1608
1592
|
"fontBodySLetterSpacing": "0.005em",
|
|
@@ -1680,7 +1664,6 @@ module.exports.preset = {
|
|
|
1680
1664
|
"borderRadiusControlCircularFocusRing": "4px",
|
|
1681
1665
|
"borderRadiusControlDefaultFocusRing": "4px",
|
|
1682
1666
|
"borderRadiusDropdown": "{borderRadiusItem}",
|
|
1683
|
-
"borderRadiusDropzone": "12px",
|
|
1684
1667
|
"borderRadiusFlashbar": "12px",
|
|
1685
1668
|
"borderRadiusItem": "8px",
|
|
1686
1669
|
"borderRadiusInput": "8px",
|
|
@@ -3539,22 +3522,6 @@ module.exports.preset = {
|
|
|
3539
3522
|
"colorDragPlaceholderHover": {
|
|
3540
3523
|
"light": "{colorBlue600}",
|
|
3541
3524
|
"dark": "{colorBlue600}"
|
|
3542
|
-
},
|
|
3543
|
-
"colorDropzoneBackgroundActive": {
|
|
3544
|
-
"light": "{colorGrey500}",
|
|
3545
|
-
"dark": "{colorGrey500}"
|
|
3546
|
-
},
|
|
3547
|
-
"colorDropzoneBackgroundHover": {
|
|
3548
|
-
"light": "{colorBlue600}",
|
|
3549
|
-
"dark": "{colorBlue600}"
|
|
3550
|
-
},
|
|
3551
|
-
"colorDropzoneTextActive": {
|
|
3552
|
-
"light": "{colorGrey800}",
|
|
3553
|
-
"dark": "{colorGrey800}"
|
|
3554
|
-
},
|
|
3555
|
-
"colorDropzoneTextHover": {
|
|
3556
|
-
"light": "{colorWhite}",
|
|
3557
|
-
"dark": "{colorWhite}"
|
|
3558
3525
|
}
|
|
3559
3526
|
}
|
|
3560
3527
|
},
|
|
@@ -4509,22 +4476,6 @@ module.exports.preset = {
|
|
|
4509
4476
|
"colorDragPlaceholderHover": {
|
|
4510
4477
|
"light": "{colorBlue600}",
|
|
4511
4478
|
"dark": "{colorBlue600}"
|
|
4512
|
-
},
|
|
4513
|
-
"colorDropzoneBackgroundActive": {
|
|
4514
|
-
"light": "{colorGrey500}",
|
|
4515
|
-
"dark": "{colorGrey500}"
|
|
4516
|
-
},
|
|
4517
|
-
"colorDropzoneBackgroundHover": {
|
|
4518
|
-
"light": "{colorBlue600}",
|
|
4519
|
-
"dark": "{colorBlue600}"
|
|
4520
|
-
},
|
|
4521
|
-
"colorDropzoneTextActive": {
|
|
4522
|
-
"light": "{colorGrey800}",
|
|
4523
|
-
"dark": "{colorGrey800}"
|
|
4524
|
-
},
|
|
4525
|
-
"colorDropzoneTextHover": {
|
|
4526
|
-
"light": "{colorWhite}",
|
|
4527
|
-
"dark": "{colorWhite}"
|
|
4528
4479
|
}
|
|
4529
4480
|
}
|
|
4530
4481
|
},
|
|
@@ -5419,22 +5370,6 @@ module.exports.preset = {
|
|
|
5419
5370
|
"colorDragPlaceholderHover": {
|
|
5420
5371
|
"light": "{colorBlue200}",
|
|
5421
5372
|
"dark": "{colorBlue600}"
|
|
5422
|
-
},
|
|
5423
|
-
"colorDropzoneBackgroundActive": {
|
|
5424
|
-
"light": "{colorGrey200}",
|
|
5425
|
-
"dark": "{colorGrey500}"
|
|
5426
|
-
},
|
|
5427
|
-
"colorDropzoneBackgroundHover": {
|
|
5428
|
-
"light": "{colorBlue200}",
|
|
5429
|
-
"dark": "{colorBlue600}"
|
|
5430
|
-
},
|
|
5431
|
-
"colorDropzoneTextActive": {
|
|
5432
|
-
"light": "{colorGrey550}",
|
|
5433
|
-
"dark": "{colorGrey800}"
|
|
5434
|
-
},
|
|
5435
|
-
"colorDropzoneTextHover": {
|
|
5436
|
-
"light": "{colorBlue800}",
|
|
5437
|
-
"dark": "{colorWhite}"
|
|
5438
5373
|
}
|
|
5439
5374
|
}
|
|
5440
5375
|
},
|
|
@@ -6329,22 +6264,6 @@ module.exports.preset = {
|
|
|
6329
6264
|
"colorDragPlaceholderHover": {
|
|
6330
6265
|
"light": "{colorBlue200}",
|
|
6331
6266
|
"dark": "{colorBlue600}"
|
|
6332
|
-
},
|
|
6333
|
-
"colorDropzoneBackgroundActive": {
|
|
6334
|
-
"light": "{colorGrey200}",
|
|
6335
|
-
"dark": "{colorGrey500}"
|
|
6336
|
-
},
|
|
6337
|
-
"colorDropzoneBackgroundHover": {
|
|
6338
|
-
"light": "{colorBlue200}",
|
|
6339
|
-
"dark": "{colorBlue600}"
|
|
6340
|
-
},
|
|
6341
|
-
"colorDropzoneTextActive": {
|
|
6342
|
-
"light": "{colorGrey550}",
|
|
6343
|
-
"dark": "{colorGrey800}"
|
|
6344
|
-
},
|
|
6345
|
-
"colorDropzoneTextHover": {
|
|
6346
|
-
"light": "{colorBlue800}",
|
|
6347
|
-
"dark": "{colorWhite}"
|
|
6348
6267
|
}
|
|
6349
6268
|
}
|
|
6350
6269
|
}
|
|
@@ -6726,10 +6645,6 @@ module.exports.preset = {
|
|
|
6726
6645
|
"colorBoardPlaceholderHover": "color",
|
|
6727
6646
|
"colorDragPlaceholderActive": "color",
|
|
6728
6647
|
"colorDragPlaceholderHover": "color",
|
|
6729
|
-
"colorDropzoneBackgroundActive": "color",
|
|
6730
|
-
"colorDropzoneBackgroundHover": "color",
|
|
6731
|
-
"colorDropzoneTextActive": "color",
|
|
6732
|
-
"colorDropzoneTextHover": "color",
|
|
6733
6648
|
"motionDurationExtraFast": "motion",
|
|
6734
6649
|
"motionDurationExtraSlow": "motion",
|
|
6735
6650
|
"motionDurationFast": "motion",
|
|
@@ -7755,10 +7670,6 @@ module.exports.preset = {
|
|
|
7755
7670
|
"colorBoardPlaceholderHover": "color-board-placeholder-hover",
|
|
7756
7671
|
"colorDragPlaceholderActive": "color-drag-placeholder-active",
|
|
7757
7672
|
"colorDragPlaceholderHover": "color-drag-placeholder-hover",
|
|
7758
|
-
"colorDropzoneBackgroundActive": "color-dropzone-background-active",
|
|
7759
|
-
"colorDropzoneBackgroundHover": "color-dropzone-background-hover",
|
|
7760
|
-
"colorDropzoneTextActive": "color-dropzone-text-active",
|
|
7761
|
-
"colorDropzoneTextHover": "color-dropzone-text-hover",
|
|
7762
7673
|
"fontBodyMLineHeight": "font-body-m-line-height",
|
|
7763
7674
|
"fontBodyMSize": "font-body-m-size",
|
|
7764
7675
|
"fontBodySLetterSpacing": "font-body-s-letter-spacing",
|
|
@@ -7836,7 +7747,6 @@ module.exports.preset = {
|
|
|
7836
7747
|
"borderRadiusControlCircularFocusRing": "border-radius-control-circular-focus-ring",
|
|
7837
7748
|
"borderRadiusControlDefaultFocusRing": "border-radius-control-default-focus-ring",
|
|
7838
7749
|
"borderRadiusDropdown": "border-radius-dropdown",
|
|
7839
|
-
"borderRadiusDropzone": "border-radius-dropzone",
|
|
7840
7750
|
"borderRadiusFlashbar": "border-radius-flashbar",
|
|
7841
7751
|
"borderRadiusItem": "border-radius-item",
|
|
7842
7752
|
"borderRadiusInput": "border-radius-input",
|
|
@@ -8420,10 +8330,6 @@ module.exports.preset = {
|
|
|
8420
8330
|
"colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
|
|
8421
8331
|
"colorDragPlaceholderActive": "--color-drag-placeholder-active-fkpj7i",
|
|
8422
8332
|
"colorDragPlaceholderHover": "--color-drag-placeholder-hover-3ohnz1",
|
|
8423
|
-
"colorDropzoneBackgroundActive": "--color-dropzone-background-active-g4zi07",
|
|
8424
|
-
"colorDropzoneBackgroundHover": "--color-dropzone-background-hover-j98f7z",
|
|
8425
|
-
"colorDropzoneTextActive": "--color-dropzone-text-active-aobpir",
|
|
8426
|
-
"colorDropzoneTextHover": "--color-dropzone-text-hover-ud2lnq",
|
|
8427
8333
|
"fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
|
|
8428
8334
|
"fontBodyMSize": "--font-body-m-size-sregvd",
|
|
8429
8335
|
"fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",
|
|
@@ -8501,7 +8407,6 @@ module.exports.preset = {
|
|
|
8501
8407
|
"borderRadiusControlCircularFocusRing": "--border-radius-control-circular-focus-ring-qawzn7",
|
|
8502
8408
|
"borderRadiusControlDefaultFocusRing": "--border-radius-control-default-focus-ring-7661kz",
|
|
8503
8409
|
"borderRadiusDropdown": "--border-radius-dropdown-ujknaf",
|
|
8504
|
-
"borderRadiusDropzone": "--border-radius-dropzone-poqo08",
|
|
8505
8410
|
"borderRadiusFlashbar": "--border-radius-flashbar-i7jm55",
|
|
8506
8411
|
"borderRadiusItem": "--border-radius-item-u2ibpi",
|
|
8507
8412
|
"borderRadiusInput": "--border-radius-input-txq8zy",
|
|
@@ -1587,22 +1587,6 @@ export var preset = {
|
|
|
1587
1587
|
"light": "{colorBlue200}",
|
|
1588
1588
|
"dark": "{colorBlue600}"
|
|
1589
1589
|
},
|
|
1590
|
-
"colorDropzoneBackgroundActive": {
|
|
1591
|
-
"light": "{colorGrey200}",
|
|
1592
|
-
"dark": "{colorGrey500}"
|
|
1593
|
-
},
|
|
1594
|
-
"colorDropzoneBackgroundHover": {
|
|
1595
|
-
"light": "{colorBlue200}",
|
|
1596
|
-
"dark": "{colorBlue600}"
|
|
1597
|
-
},
|
|
1598
|
-
"colorDropzoneTextActive": {
|
|
1599
|
-
"light": "{colorGrey550}",
|
|
1600
|
-
"dark": "{colorGrey800}"
|
|
1601
|
-
},
|
|
1602
|
-
"colorDropzoneTextHover": {
|
|
1603
|
-
"light": "{colorBlue800}",
|
|
1604
|
-
"dark": "{colorWhite}"
|
|
1605
|
-
},
|
|
1606
1590
|
"fontBodyMLineHeight": "22px",
|
|
1607
1591
|
"fontBodyMSize": "14px",
|
|
1608
1592
|
"fontBodySLetterSpacing": "0.005em",
|
|
@@ -1680,7 +1664,6 @@ export var preset = {
|
|
|
1680
1664
|
"borderRadiusControlCircularFocusRing": "4px",
|
|
1681
1665
|
"borderRadiusControlDefaultFocusRing": "4px",
|
|
1682
1666
|
"borderRadiusDropdown": "{borderRadiusItem}",
|
|
1683
|
-
"borderRadiusDropzone": "12px",
|
|
1684
1667
|
"borderRadiusFlashbar": "12px",
|
|
1685
1668
|
"borderRadiusItem": "8px",
|
|
1686
1669
|
"borderRadiusInput": "8px",
|
|
@@ -3539,22 +3522,6 @@ export var preset = {
|
|
|
3539
3522
|
"colorDragPlaceholderHover": {
|
|
3540
3523
|
"light": "{colorBlue600}",
|
|
3541
3524
|
"dark": "{colorBlue600}"
|
|
3542
|
-
},
|
|
3543
|
-
"colorDropzoneBackgroundActive": {
|
|
3544
|
-
"light": "{colorGrey500}",
|
|
3545
|
-
"dark": "{colorGrey500}"
|
|
3546
|
-
},
|
|
3547
|
-
"colorDropzoneBackgroundHover": {
|
|
3548
|
-
"light": "{colorBlue600}",
|
|
3549
|
-
"dark": "{colorBlue600}"
|
|
3550
|
-
},
|
|
3551
|
-
"colorDropzoneTextActive": {
|
|
3552
|
-
"light": "{colorGrey800}",
|
|
3553
|
-
"dark": "{colorGrey800}"
|
|
3554
|
-
},
|
|
3555
|
-
"colorDropzoneTextHover": {
|
|
3556
|
-
"light": "{colorWhite}",
|
|
3557
|
-
"dark": "{colorWhite}"
|
|
3558
3525
|
}
|
|
3559
3526
|
}
|
|
3560
3527
|
},
|
|
@@ -4509,22 +4476,6 @@ export var preset = {
|
|
|
4509
4476
|
"colorDragPlaceholderHover": {
|
|
4510
4477
|
"light": "{colorBlue600}",
|
|
4511
4478
|
"dark": "{colorBlue600}"
|
|
4512
|
-
},
|
|
4513
|
-
"colorDropzoneBackgroundActive": {
|
|
4514
|
-
"light": "{colorGrey500}",
|
|
4515
|
-
"dark": "{colorGrey500}"
|
|
4516
|
-
},
|
|
4517
|
-
"colorDropzoneBackgroundHover": {
|
|
4518
|
-
"light": "{colorBlue600}",
|
|
4519
|
-
"dark": "{colorBlue600}"
|
|
4520
|
-
},
|
|
4521
|
-
"colorDropzoneTextActive": {
|
|
4522
|
-
"light": "{colorGrey800}",
|
|
4523
|
-
"dark": "{colorGrey800}"
|
|
4524
|
-
},
|
|
4525
|
-
"colorDropzoneTextHover": {
|
|
4526
|
-
"light": "{colorWhite}",
|
|
4527
|
-
"dark": "{colorWhite}"
|
|
4528
4479
|
}
|
|
4529
4480
|
}
|
|
4530
4481
|
},
|
|
@@ -5419,22 +5370,6 @@ export var preset = {
|
|
|
5419
5370
|
"colorDragPlaceholderHover": {
|
|
5420
5371
|
"light": "{colorBlue200}",
|
|
5421
5372
|
"dark": "{colorBlue600}"
|
|
5422
|
-
},
|
|
5423
|
-
"colorDropzoneBackgroundActive": {
|
|
5424
|
-
"light": "{colorGrey200}",
|
|
5425
|
-
"dark": "{colorGrey500}"
|
|
5426
|
-
},
|
|
5427
|
-
"colorDropzoneBackgroundHover": {
|
|
5428
|
-
"light": "{colorBlue200}",
|
|
5429
|
-
"dark": "{colorBlue600}"
|
|
5430
|
-
},
|
|
5431
|
-
"colorDropzoneTextActive": {
|
|
5432
|
-
"light": "{colorGrey550}",
|
|
5433
|
-
"dark": "{colorGrey800}"
|
|
5434
|
-
},
|
|
5435
|
-
"colorDropzoneTextHover": {
|
|
5436
|
-
"light": "{colorBlue800}",
|
|
5437
|
-
"dark": "{colorWhite}"
|
|
5438
5373
|
}
|
|
5439
5374
|
}
|
|
5440
5375
|
},
|
|
@@ -6329,22 +6264,6 @@ export var preset = {
|
|
|
6329
6264
|
"colorDragPlaceholderHover": {
|
|
6330
6265
|
"light": "{colorBlue200}",
|
|
6331
6266
|
"dark": "{colorBlue600}"
|
|
6332
|
-
},
|
|
6333
|
-
"colorDropzoneBackgroundActive": {
|
|
6334
|
-
"light": "{colorGrey200}",
|
|
6335
|
-
"dark": "{colorGrey500}"
|
|
6336
|
-
},
|
|
6337
|
-
"colorDropzoneBackgroundHover": {
|
|
6338
|
-
"light": "{colorBlue200}",
|
|
6339
|
-
"dark": "{colorBlue600}"
|
|
6340
|
-
},
|
|
6341
|
-
"colorDropzoneTextActive": {
|
|
6342
|
-
"light": "{colorGrey550}",
|
|
6343
|
-
"dark": "{colorGrey800}"
|
|
6344
|
-
},
|
|
6345
|
-
"colorDropzoneTextHover": {
|
|
6346
|
-
"light": "{colorBlue800}",
|
|
6347
|
-
"dark": "{colorWhite}"
|
|
6348
6267
|
}
|
|
6349
6268
|
}
|
|
6350
6269
|
}
|
|
@@ -6726,10 +6645,6 @@ export var preset = {
|
|
|
6726
6645
|
"colorBoardPlaceholderHover": "color",
|
|
6727
6646
|
"colorDragPlaceholderActive": "color",
|
|
6728
6647
|
"colorDragPlaceholderHover": "color",
|
|
6729
|
-
"colorDropzoneBackgroundActive": "color",
|
|
6730
|
-
"colorDropzoneBackgroundHover": "color",
|
|
6731
|
-
"colorDropzoneTextActive": "color",
|
|
6732
|
-
"colorDropzoneTextHover": "color",
|
|
6733
6648
|
"motionDurationExtraFast": "motion",
|
|
6734
6649
|
"motionDurationExtraSlow": "motion",
|
|
6735
6650
|
"motionDurationFast": "motion",
|
|
@@ -7755,10 +7670,6 @@ export var preset = {
|
|
|
7755
7670
|
"colorBoardPlaceholderHover": "color-board-placeholder-hover",
|
|
7756
7671
|
"colorDragPlaceholderActive": "color-drag-placeholder-active",
|
|
7757
7672
|
"colorDragPlaceholderHover": "color-drag-placeholder-hover",
|
|
7758
|
-
"colorDropzoneBackgroundActive": "color-dropzone-background-active",
|
|
7759
|
-
"colorDropzoneBackgroundHover": "color-dropzone-background-hover",
|
|
7760
|
-
"colorDropzoneTextActive": "color-dropzone-text-active",
|
|
7761
|
-
"colorDropzoneTextHover": "color-dropzone-text-hover",
|
|
7762
7673
|
"fontBodyMLineHeight": "font-body-m-line-height",
|
|
7763
7674
|
"fontBodyMSize": "font-body-m-size",
|
|
7764
7675
|
"fontBodySLetterSpacing": "font-body-s-letter-spacing",
|
|
@@ -7836,7 +7747,6 @@ export var preset = {
|
|
|
7836
7747
|
"borderRadiusControlCircularFocusRing": "border-radius-control-circular-focus-ring",
|
|
7837
7748
|
"borderRadiusControlDefaultFocusRing": "border-radius-control-default-focus-ring",
|
|
7838
7749
|
"borderRadiusDropdown": "border-radius-dropdown",
|
|
7839
|
-
"borderRadiusDropzone": "border-radius-dropzone",
|
|
7840
7750
|
"borderRadiusFlashbar": "border-radius-flashbar",
|
|
7841
7751
|
"borderRadiusItem": "border-radius-item",
|
|
7842
7752
|
"borderRadiusInput": "border-radius-input",
|
|
@@ -8420,10 +8330,6 @@ export var preset = {
|
|
|
8420
8330
|
"colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
|
|
8421
8331
|
"colorDragPlaceholderActive": "--color-drag-placeholder-active-fkpj7i",
|
|
8422
8332
|
"colorDragPlaceholderHover": "--color-drag-placeholder-hover-3ohnz1",
|
|
8423
|
-
"colorDropzoneBackgroundActive": "--color-dropzone-background-active-g4zi07",
|
|
8424
|
-
"colorDropzoneBackgroundHover": "--color-dropzone-background-hover-j98f7z",
|
|
8425
|
-
"colorDropzoneTextActive": "--color-dropzone-text-active-aobpir",
|
|
8426
|
-
"colorDropzoneTextHover": "--color-dropzone-text-hover-ud2lnq",
|
|
8427
8333
|
"fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
|
|
8428
8334
|
"fontBodyMSize": "--font-body-m-size-sregvd",
|
|
8429
8335
|
"fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",
|
|
@@ -8501,7 +8407,6 @@ export var preset = {
|
|
|
8501
8407
|
"borderRadiusControlCircularFocusRing": "--border-radius-control-circular-focus-ring-qawzn7",
|
|
8502
8408
|
"borderRadiusControlDefaultFocusRing": "--border-radius-control-default-focus-ring-7661kz",
|
|
8503
8409
|
"borderRadiusDropdown": "--border-radius-dropdown-ujknaf",
|
|
8504
|
-
"borderRadiusDropzone": "--border-radius-dropzone-poqo08",
|
|
8505
8410
|
"borderRadiusFlashbar": "--border-radius-flashbar-i7jm55",
|
|
8506
8411
|
"borderRadiusItem": "--border-radius-item-u2ibpi",
|
|
8507
8412
|
"borderRadiusInput": "--border-radius-input-txq8zy",
|
package/internal/manifest.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AA2B3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,QAAA,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AA2B3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,QAAA,MAAM,mBAAmB,4HAsRxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/multiselect/internal.js
CHANGED
|
@@ -74,7 +74,6 @@ const InternalMultiselect = React.forwardRef((_a, externalRef) => {
|
|
|
74
74
|
const selfControlId = useUniqueId('trigger');
|
|
75
75
|
const controlId = (_b = formFieldContext.controlId) !== null && _b !== void 0 ? _b : selfControlId;
|
|
76
76
|
const multiSelectAriaLabelId = useUniqueId('multiselect-arialabel-');
|
|
77
|
-
const footerId = useUniqueId('footer');
|
|
78
77
|
const scrollToIndex = useRef(null);
|
|
79
78
|
const { isOpen, highlightType, highlightedOption, highlightedIndex, getTriggerProps, getDropdownProps, getFilterProps, getMenuProps, getOptionProps, highlightOption, announceSelected, } = useSelect({
|
|
80
79
|
selectedOptions,
|
|
@@ -113,7 +112,7 @@ const InternalMultiselect = React.forwardRef((_a, externalRef) => {
|
|
|
113
112
|
});
|
|
114
113
|
const filter = (React.createElement(Filter, Object.assign({ clearAriaLabel: filteringClearAriaLabel, filteringType: filteringType, placeholder: filteringPlaceholder, ariaLabel: filteringAriaLabel, ariaRequired: ariaRequired, value: filteringValue }, getFilterProps())));
|
|
115
114
|
const trigger = (React.createElement(Trigger, Object.assign({ placeholder: placeholder, disabled: disabled, triggerProps: getTriggerProps(disabled, autoFocus), selectedOption: null, isOpen: isOpen }, formFieldContext, { controlId: controlId, ariaLabelledby: joinStrings(formFieldContext.ariaLabelledby, multiSelectAriaLabelId) })));
|
|
116
|
-
const menuProps = Object.assign(Object.assign({}, getMenuProps()), { onLoadMore: handleLoadMore, ariaLabelledby: joinStrings(multiSelectAriaLabelId, controlId)
|
|
115
|
+
const menuProps = Object.assign(Object.assign({}, getMenuProps()), { onLoadMore: handleLoadMore, ariaLabelledby: joinStrings(multiSelectAriaLabelId, controlId) });
|
|
117
116
|
const announcement = useAnnouncement({
|
|
118
117
|
announceSelected,
|
|
119
118
|
highlightedOption,
|
|
@@ -160,8 +159,8 @@ const InternalMultiselect = React.forwardRef((_a, externalRef) => {
|
|
|
160
159
|
};
|
|
161
160
|
const mergedRef = useMergeRefs(rootRef, __internalRootRef);
|
|
162
161
|
return (React.createElement("div", Object.assign({}, baseProps, { ref: mergedRef, className: clsx(styles.root, baseProps.className), onKeyPress: handleNativeSearch }),
|
|
163
|
-
React.createElement(Dropdown, Object.assign({}, getDropdownProps(), { open: isOpen, trigger: trigger, header: filter, onMouseDown: handleMouseDown, footer: dropdownStatus.isSticky ?
|
|
164
|
-
React.createElement(ListComponent, { listBottom: !dropdownStatus.isSticky ?
|
|
162
|
+
React.createElement(Dropdown, Object.assign({}, getDropdownProps(), { open: isOpen, trigger: trigger, header: filter, onMouseDown: handleMouseDown, footer: dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: isOpen ? dropdownStatus.content : null }) : null, expandToViewport: expandToViewport }),
|
|
163
|
+
React.createElement(ListComponent, { listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: isOpen ? dropdownStatus.content : null }) : null, menuProps: menuProps, getOptionProps: getOptionProps, filteredOptions: filteredOptions, filteringValue: filteringValue, ref: scrollToIndex, hasDropdownStatus: dropdownStatus.content !== null, checkboxes: true, useInteractiveGroups: useInteractiveGroups, screenReaderContent: announcement, highlightType: highlightType })),
|
|
165
164
|
showTokens && (React.createElement(InternalTokenGroup, { alignment: "horizontal", limit: tokenLimit, items: tokens, onDismiss: handleTokenDismiss, i18nStrings: tokenGroupI18nStrings })),
|
|
166
165
|
React.createElement(ScreenreaderOnly, { id: multiSelectAriaLabelId }, ariaLabel)));
|
|
167
166
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["multiselect/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { isGroup } from '../internal/components/option/utils/filter-options';\n\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport { prepareOptions } from '../internal/components/option/utils/prepare-options';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport Dropdown from '../internal/components/dropdown';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\n\nimport { useSelect, MenuProps } from '../select/utils/use-select';\nimport { useNativeSearch } from '../select/utils/use-native-search';\nimport { useLoadItems } from '../select/utils/use-load-items';\nimport { useAnnouncement } from '../select/utils/use-announcement';\nimport { findOptionIndex } from '../select/utils/connect-options';\nimport PlainList, { SelectListProps } from '../select/parts/plain-list';\nimport VirtualList from '../select/parts/virtual-list';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field.js';\nimport Filter from '../select/parts/filter';\nimport Trigger from '../select/parts/trigger';\n\nimport InternalTokenGroup from '../token-group/internal';\nimport { TokenGroupProps } from '../token-group/interfaces';\n\nimport { MultiselectProps } from './interfaces';\nimport styles from './styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { joinStrings } from '../internal/utils/strings';\n\ntype InternalMultiselectProps = MultiselectProps & InternalBaseComponentProps;\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options = [],\n filteringType = 'none',\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n ariaLabel,\n statusType = 'finished',\n empty,\n loadingText,\n finishedText,\n errorText,\n recoveryText,\n noMatch,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n selectedOptions = [],\n deselectAriaLabel,\n keepOpen = true,\n tokenLimit,\n i18nStrings,\n onBlur,\n onFocus,\n onLoadItems,\n onChange,\n virtualScroll,\n hideTokens = false,\n expandToViewport,\n __internalRootRef = null,\n autoFocus,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n checkOptionValueField('Multiselect', 'options', options);\n\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const { handleLoadMore, handleRecoveryClick, fireLoadItems } = useLoadItems({\n onLoadItems,\n options,\n statusType,\n });\n const useInteractiveGroups = true;\n const [filteringValue, setFilteringValue] = useState('');\n const { filteredOptions, parentMap } = prepareOptions(options, filteringType, filteringValue);\n\n const updateSelectedOption = useCallback(\n (option: OptionDefinition | OptionGroup) => {\n const filtered = filteredOptions.filter(item => item.type !== 'parent').map(item => item.option);\n\n // switch between selection and deselection behavior, ignores disabled options to prevent\n // getting stuck on one behavior when an option is disabled and its state cannot be changed\n const isAllChildrenSelected = (optionsArray: OptionDefinition[]) =>\n optionsArray.every(item => findOptionIndex(selectedOptions, item) > -1 || item.disabled);\n const intersection = (visibleOptions: OptionDefinition[], options: OptionDefinition[]) =>\n visibleOptions.filter(item => findOptionIndex(options, item) > -1 && !item.disabled);\n const union = (visibleOptions: OptionDefinition[], options: OptionDefinition[]) =>\n visibleOptions.filter(item => findOptionIndex(options, item) === -1).concat(options);\n const select = (options: OptionDefinition[], selectedOptions: OptionDefinition[]) => {\n return union(selectedOptions, options);\n };\n const unselect = (options: OptionDefinition[], selectedOptions: OptionDefinition[]) => {\n return selectedOptions.filter(option => findOptionIndex(options, option) === -1);\n };\n let newSelectedOptions = [...selectedOptions];\n\n if (isGroup(option)) {\n const visibleOptions = intersection([...option.options], filtered);\n newSelectedOptions = isAllChildrenSelected(visibleOptions)\n ? unselect(visibleOptions, newSelectedOptions)\n : select(visibleOptions, newSelectedOptions);\n } else {\n newSelectedOptions = isAllChildrenSelected([option])\n ? unselect([option], newSelectedOptions)\n : select([option], newSelectedOptions);\n }\n\n fireNonCancelableEvent(onChange, {\n selectedOptions: newSelectedOptions,\n });\n },\n [onChange, selectedOptions, filteredOptions]\n );\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n\n const multiSelectAriaLabelId = useUniqueId('multiselect-arialabel-');\n\n const footerId = useUniqueId('footer');\n\n const scrollToIndex = useRef<SelectListProps.SelectListRef>(null);\n const {\n isOpen,\n highlightType,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getDropdownProps,\n getFilterProps,\n getMenuProps,\n getOptionProps,\n highlightOption,\n announceSelected,\n } = useSelect({\n selectedOptions,\n updateSelectedOption,\n options: filteredOptions,\n filteringType,\n onFocus,\n onBlur,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups,\n });\n\n const handleNativeSearch = useNativeSearch({\n isEnabled: filteringType === 'none' && isOpen,\n options: filteredOptions,\n highlightOption: highlightOption,\n highlightedOption: highlightedOption?.option,\n useInteractiveGroups,\n });\n\n const isEmpty = !options || options.length === 0;\n const isNoMatch = filteredOptions && filteredOptions.length === 0;\n const dropdownStatus = useDropdownStatus({\n statusType,\n empty,\n loadingText,\n finishedText,\n errorText,\n recoveryText,\n isEmpty,\n isNoMatch,\n noMatch,\n onRecoveryClick: handleRecoveryClick,\n errorIconAriaLabel: restProps.errorIconAriaLabel,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...getFilterProps()}\n />\n );\n\n const trigger = (\n <Trigger\n placeholder={placeholder}\n disabled={disabled}\n triggerProps={getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n isOpen={isOpen}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, multiSelectAriaLabelId)}\n />\n );\n\n const menuProps: MenuProps = {\n ...getMenuProps(),\n onLoadMore: handleLoadMore,\n ariaLabelledby: joinStrings(multiSelectAriaLabelId, controlId),\n ariaDescribedby: dropdownStatus.content ? footerId : undefined,\n };\n\n const announcement = useAnnouncement({\n announceSelected,\n highlightedOption,\n getParent: option => parentMap.get(option)?.option as undefined | OptionGroup,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n });\n\n const tokens: TokenGroupProps['items'] = selectedOptions.map(option => ({\n label: option.label,\n disabled: disabled || option.disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: deselectAriaLabel ? deselectAriaLabel(option) : undefined,\n }));\n\n useEffect(() => {\n scrollToIndex.current?.(highlightedIndex);\n }, [highlightedIndex]);\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const handleMouseDown = (event: React.MouseEvent) => {\n const target = event.target as HTMLElement;\n\n if (target !== document.activeElement) {\n // prevent currently focused element from losing it\n event.preventDefault();\n }\n };\n\n const showTokens = !hideTokens && tokens.length > 0;\n const handleTokenDismiss: TokenGroupProps['onDismiss'] = ({ detail }) => {\n const optionToDeselect = selectedOptions[detail.itemIndex];\n updateSelectedOption(optionToDeselect);\n const targetRef = getTriggerProps().ref;\n if (targetRef.current) {\n targetRef.current.focus();\n }\n };\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n return (\n <div\n {...baseProps}\n ref={mergedRef}\n className={clsx(styles.root, baseProps.className)}\n onKeyPress={handleNativeSearch}\n >\n <Dropdown\n {...getDropdownProps()}\n open={isOpen}\n trigger={trigger}\n header={filter}\n onMouseDown={handleMouseDown}\n footer={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n expandToViewport={expandToViewport}\n >\n <ListComponent\n listBottom={\n !dropdownStatus.isSticky ? (\n <DropdownFooter content={isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n menuProps={menuProps}\n getOptionProps={getOptionProps}\n filteredOptions={filteredOptions}\n filteringValue={filteringValue}\n ref={scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={useInteractiveGroups}\n screenReaderContent={announcement}\n highlightType={highlightType}\n />\n </Dropdown>\n {showTokens && (\n <InternalTokenGroup\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n onDismiss={handleTokenDismiss}\n i18nStrings={tokenGroupI18nStrings}\n />\n )}\n <ScreenreaderOnly id={multiSelectAriaLabelId}>{ariaLabel}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["multiselect/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { isGroup } from '../internal/components/option/utils/filter-options';\n\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport { prepareOptions } from '../internal/components/option/utils/prepare-options';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport Dropdown from '../internal/components/dropdown';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\n\nimport { useSelect, MenuProps } from '../select/utils/use-select';\nimport { useNativeSearch } from '../select/utils/use-native-search';\nimport { useLoadItems } from '../select/utils/use-load-items';\nimport { useAnnouncement } from '../select/utils/use-announcement';\nimport { findOptionIndex } from '../select/utils/connect-options';\nimport PlainList, { SelectListProps } from '../select/parts/plain-list';\nimport VirtualList from '../select/parts/virtual-list';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field.js';\nimport Filter from '../select/parts/filter';\nimport Trigger from '../select/parts/trigger';\n\nimport InternalTokenGroup from '../token-group/internal';\nimport { TokenGroupProps } from '../token-group/interfaces';\n\nimport { MultiselectProps } from './interfaces';\nimport styles from './styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { joinStrings } from '../internal/utils/strings';\n\ntype InternalMultiselectProps = MultiselectProps & InternalBaseComponentProps;\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options = [],\n filteringType = 'none',\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n ariaLabel,\n statusType = 'finished',\n empty,\n loadingText,\n finishedText,\n errorText,\n recoveryText,\n noMatch,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n selectedOptions = [],\n deselectAriaLabel,\n keepOpen = true,\n tokenLimit,\n i18nStrings,\n onBlur,\n onFocus,\n onLoadItems,\n onChange,\n virtualScroll,\n hideTokens = false,\n expandToViewport,\n __internalRootRef = null,\n autoFocus,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n checkOptionValueField('Multiselect', 'options', options);\n\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const { handleLoadMore, handleRecoveryClick, fireLoadItems } = useLoadItems({\n onLoadItems,\n options,\n statusType,\n });\n const useInteractiveGroups = true;\n const [filteringValue, setFilteringValue] = useState('');\n const { filteredOptions, parentMap } = prepareOptions(options, filteringType, filteringValue);\n\n const updateSelectedOption = useCallback(\n (option: OptionDefinition | OptionGroup) => {\n const filtered = filteredOptions.filter(item => item.type !== 'parent').map(item => item.option);\n\n // switch between selection and deselection behavior, ignores disabled options to prevent\n // getting stuck on one behavior when an option is disabled and its state cannot be changed\n const isAllChildrenSelected = (optionsArray: OptionDefinition[]) =>\n optionsArray.every(item => findOptionIndex(selectedOptions, item) > -1 || item.disabled);\n const intersection = (visibleOptions: OptionDefinition[], options: OptionDefinition[]) =>\n visibleOptions.filter(item => findOptionIndex(options, item) > -1 && !item.disabled);\n const union = (visibleOptions: OptionDefinition[], options: OptionDefinition[]) =>\n visibleOptions.filter(item => findOptionIndex(options, item) === -1).concat(options);\n const select = (options: OptionDefinition[], selectedOptions: OptionDefinition[]) => {\n return union(selectedOptions, options);\n };\n const unselect = (options: OptionDefinition[], selectedOptions: OptionDefinition[]) => {\n return selectedOptions.filter(option => findOptionIndex(options, option) === -1);\n };\n let newSelectedOptions = [...selectedOptions];\n\n if (isGroup(option)) {\n const visibleOptions = intersection([...option.options], filtered);\n newSelectedOptions = isAllChildrenSelected(visibleOptions)\n ? unselect(visibleOptions, newSelectedOptions)\n : select(visibleOptions, newSelectedOptions);\n } else {\n newSelectedOptions = isAllChildrenSelected([option])\n ? unselect([option], newSelectedOptions)\n : select([option], newSelectedOptions);\n }\n\n fireNonCancelableEvent(onChange, {\n selectedOptions: newSelectedOptions,\n });\n },\n [onChange, selectedOptions, filteredOptions]\n );\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n\n const multiSelectAriaLabelId = useUniqueId('multiselect-arialabel-');\n\n const scrollToIndex = useRef<SelectListProps.SelectListRef>(null);\n const {\n isOpen,\n highlightType,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getDropdownProps,\n getFilterProps,\n getMenuProps,\n getOptionProps,\n highlightOption,\n announceSelected,\n } = useSelect({\n selectedOptions,\n updateSelectedOption,\n options: filteredOptions,\n filteringType,\n onFocus,\n onBlur,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups,\n });\n\n const handleNativeSearch = useNativeSearch({\n isEnabled: filteringType === 'none' && isOpen,\n options: filteredOptions,\n highlightOption: highlightOption,\n highlightedOption: highlightedOption?.option,\n useInteractiveGroups,\n });\n\n const isEmpty = !options || options.length === 0;\n const isNoMatch = filteredOptions && filteredOptions.length === 0;\n const dropdownStatus = useDropdownStatus({\n statusType,\n empty,\n loadingText,\n finishedText,\n errorText,\n recoveryText,\n isEmpty,\n isNoMatch,\n noMatch,\n onRecoveryClick: handleRecoveryClick,\n errorIconAriaLabel: restProps.errorIconAriaLabel,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...getFilterProps()}\n />\n );\n\n const trigger = (\n <Trigger\n placeholder={placeholder}\n disabled={disabled}\n triggerProps={getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n isOpen={isOpen}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, multiSelectAriaLabelId)}\n />\n );\n\n const menuProps: MenuProps = {\n ...getMenuProps(),\n onLoadMore: handleLoadMore,\n ariaLabelledby: joinStrings(multiSelectAriaLabelId, controlId),\n };\n\n const announcement = useAnnouncement({\n announceSelected,\n highlightedOption,\n getParent: option => parentMap.get(option)?.option as undefined | OptionGroup,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n });\n\n const tokens: TokenGroupProps['items'] = selectedOptions.map(option => ({\n label: option.label,\n disabled: disabled || option.disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: deselectAriaLabel ? deselectAriaLabel(option) : undefined,\n }));\n\n useEffect(() => {\n scrollToIndex.current?.(highlightedIndex);\n }, [highlightedIndex]);\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const handleMouseDown = (event: React.MouseEvent) => {\n const target = event.target as HTMLElement;\n\n if (target !== document.activeElement) {\n // prevent currently focused element from losing it\n event.preventDefault();\n }\n };\n\n const showTokens = !hideTokens && tokens.length > 0;\n const handleTokenDismiss: TokenGroupProps['onDismiss'] = ({ detail }) => {\n const optionToDeselect = selectedOptions[detail.itemIndex];\n updateSelectedOption(optionToDeselect);\n const targetRef = getTriggerProps().ref;\n if (targetRef.current) {\n targetRef.current.focus();\n }\n };\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n return (\n <div\n {...baseProps}\n ref={mergedRef}\n className={clsx(styles.root, baseProps.className)}\n onKeyPress={handleNativeSearch}\n >\n <Dropdown\n {...getDropdownProps()}\n open={isOpen}\n trigger={trigger}\n header={filter}\n onMouseDown={handleMouseDown}\n footer={dropdownStatus.isSticky ? <DropdownFooter content={isOpen ? dropdownStatus.content : null} /> : null}\n expandToViewport={expandToViewport}\n >\n <ListComponent\n listBottom={\n !dropdownStatus.isSticky ? <DropdownFooter content={isOpen ? dropdownStatus.content : null} /> : null\n }\n menuProps={menuProps}\n getOptionProps={getOptionProps}\n filteredOptions={filteredOptions}\n filteringValue={filteringValue}\n ref={scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={useInteractiveGroups}\n screenReaderContent={announcement}\n highlightType={highlightType}\n />\n </Dropdown>\n {showTokens && (\n <InternalTokenGroup\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n onDismiss={handleTokenDismiss}\n i18nStrings={tokenGroupI18nStrings}\n />\n )}\n <ScreenreaderOnly id={multiSelectAriaLabelId}>{ariaLabel}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}
|
package/package.json
CHANGED
|
@@ -33,7 +33,6 @@
|
|
|
33
33
|
"./date-picker": "./date-picker/index.js",
|
|
34
34
|
"./date-range-picker": "./date-range-picker/index.js",
|
|
35
35
|
"./expandable-section": "./expandable-section/index.js",
|
|
36
|
-
"./file-upload": "./file-upload/index.js",
|
|
37
36
|
"./flashbar": "./flashbar/index.js",
|
|
38
37
|
"./form": "./form/index.js",
|
|
39
38
|
"./form-field": "./form-field/index.js",
|
|
@@ -109,7 +108,7 @@
|
|
|
109
108
|
"./internal/base-component/index.js",
|
|
110
109
|
"./internal/base-component/styles.css.js"
|
|
111
110
|
],
|
|
112
|
-
"version": "3.0.
|
|
111
|
+
"version": "3.0.250",
|
|
113
112
|
"repository": {
|
|
114
113
|
"type": "git",
|
|
115
114
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["property-filter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,mBAAmB,EAAiE,MAAM,cAAc,CAAC;AAoBlH,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAa/B,QAAA,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["property-filter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,mBAAmB,EAAiE,MAAM,cAAc,CAAC;AAoBlH,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAa/B,QAAA,MAAM,cAAc,qGA2TnB,CAAC;AAGF,eAAe,cAAc,CAAC"}
|
package/property-filter/index.js
CHANGED
|
@@ -153,7 +153,7 @@ const PropertyFilter = React.forwardRef((_a, ref) => {
|
|
|
153
153
|
return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
|
|
154
154
|
React.createElement("div", { className: styles['search-field'] },
|
|
155
155
|
customControl && React.createElement("div", { className: styles['custom-control'] }, customControl),
|
|
156
|
-
React.createElement(PropertyFilterAutosuggest, Object.assign({ ref: inputRef, virtualScroll: virtualScroll, enteredTextLabel: (_c = i18nStrings.enteredTextLabel) !== null && _c !== void 0 ? _c : (value => value), ariaLabel: i18nStrings.filteringAriaLabel, placeholder: i18nStrings.filteringPlaceholder,
|
|
156
|
+
React.createElement(PropertyFilterAutosuggest, Object.assign({ ref: inputRef, virtualScroll: virtualScroll, enteredTextLabel: (_c = i18nStrings.enteredTextLabel) !== null && _c !== void 0 ? _c : (value => value), ariaLabel: i18nStrings.filteringAriaLabel, placeholder: i18nStrings.filteringPlaceholder, value: filteringText, disabled: disabled, onKeyDown: handleKeyDown }, autosuggestOptions, { onChange: event => setFilteringText(event.detail.value), empty: filteringEmpty }, asyncAutosuggestProps, { expandToViewport: expandToViewport, onOptionClick: handleSelected, customForm: operatorForm && (React.createElement(PropertyEditor, { property: parsedText.property, operator: parsedText.operator, filter: parsedText.value, operatorForm: operatorForm, i18nStrings: i18nStrings, onCancel: () => {
|
|
157
157
|
var _a, _b;
|
|
158
158
|
setFilteringText('');
|
|
159
159
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.close();
|