@cloudscape-design/components 3.0.662 → 3.0.664

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/breadcrumb-group/implementation.d.ts.map +1 -1
  2. package/breadcrumb-group/implementation.js.map +1 -1
  3. package/button-dropdown/item-element/styles.css.js +11 -11
  4. package/button-dropdown/item-element/styles.scoped.css +16 -16
  5. package/button-dropdown/item-element/styles.selectors.js +11 -11
  6. package/internal/base-component/styles.scoped.css +4 -0
  7. package/internal/environment.js +1 -1
  8. package/internal/environment.json +1 -1
  9. package/internal/generated/styles/tokens.d.ts +7 -0
  10. package/internal/generated/styles/tokens.js +7 -0
  11. package/internal/generated/theming/index.cjs +149 -0
  12. package/internal/generated/theming/index.js +149 -0
  13. package/internal/manifest.json +1 -1
  14. package/internal/tooltip-do-not-use/index.d.ts +4 -0
  15. package/internal/tooltip-do-not-use/index.d.ts.map +1 -0
  16. package/internal/tooltip-do-not-use/index.js +5 -0
  17. package/internal/tooltip-do-not-use/index.js.map +1 -0
  18. package/internal/widgets/index.d.ts +3 -1
  19. package/internal/widgets/index.d.ts.map +1 -1
  20. package/internal/widgets/index.js.map +1 -1
  21. package/package.json +4 -1
  22. package/side-navigation/implementation.d.ts.map +1 -1
  23. package/side-navigation/implementation.js.map +1 -1
  24. package/test-utils/dom/internal/tooltip.d.ts +4 -0
  25. package/test-utils/dom/internal/tooltip.js +11 -0
  26. package/test-utils/dom/internal/tooltip.js.map +1 -0
  27. package/test-utils/selectors/internal/tooltip.d.ts +4 -0
  28. package/test-utils/selectors/internal/tooltip.js +11 -0
  29. package/test-utils/selectors/internal/tooltip.js.map +1 -0
  30. package/test-utils/tsconfig.tsbuildinfo +1 -1
@@ -1045,6 +1045,22 @@ export var preset = {
1045
1045
  "light": "{colorGrey600}",
1046
1046
  "dark": "{colorGrey500}"
1047
1047
  },
1048
+ "colorBackgroundAvatarGenAi": {
1049
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
1050
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
1051
+ },
1052
+ "colorBackgroundAvatarDefault": {
1053
+ "light": "{colorGrey600}",
1054
+ "dark": "{colorGrey600}"
1055
+ },
1056
+ "colorTextAvatar": {
1057
+ "light": "{colorWhite}",
1058
+ "dark": "{colorWhite}"
1059
+ },
1060
+ "colorBackgroundLoadingBarGenAi": {
1061
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
1062
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
1063
+ },
1048
1064
  "colorBorderButtonNormalActive": {
1049
1065
  "light": "{colorBlue800}",
1050
1066
  "dark": "{colorBlue400}"
@@ -1803,6 +1819,14 @@ export var preset = {
1803
1819
  "default": "250ms",
1804
1820
  "disabled": "0ms"
1805
1821
  },
1822
+ "motionDurationAvatarGenAiGradient": {
1823
+ "default": "3600ms",
1824
+ "disabled": "0ms"
1825
+ },
1826
+ "motionDurationAvatarLoadingDots": {
1827
+ "default": "1200ms",
1828
+ "disabled": "0ms"
1829
+ },
1806
1830
  "motionDurationRotate180": {
1807
1831
  "default": "{motionDurationModerate}",
1808
1832
  "disabled": "{motionDurationModerate}"
@@ -1855,6 +1879,10 @@ export var preset = {
1855
1879
  "default": "cubic-bezier(0.33, 0, 0.67, 1)",
1856
1880
  "disabled": "cubic-bezier(0.33, 0, 0.67, 1)"
1857
1881
  },
1882
+ "motionEasingAvatarGenAiGradient": {
1883
+ "default": "cubic-bezier(0.7, 0, 0.3, 1)",
1884
+ "disabled": "cubic-bezier(0.7, 0, 0.3, 1)"
1885
+ },
1858
1886
  "motionEasingRotate180": {
1859
1887
  "default": "{motionEasingEaseOutQuart}",
1860
1888
  "disabled": "{motionEasingEaseOutQuart}"
@@ -3163,6 +3191,22 @@ export var preset = {
3163
3191
  "light": "{colorGrey500}",
3164
3192
  "dark": "{colorGrey500}"
3165
3193
  },
3194
+ "colorBackgroundAvatarGenAi": {
3195
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
3196
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
3197
+ },
3198
+ "colorBackgroundAvatarDefault": {
3199
+ "light": "{colorGrey600}",
3200
+ "dark": "{colorGrey600}"
3201
+ },
3202
+ "colorTextAvatar": {
3203
+ "light": "{colorWhite}",
3204
+ "dark": "{colorWhite}"
3205
+ },
3206
+ "colorBackgroundLoadingBarGenAi": {
3207
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
3208
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
3209
+ },
3166
3210
  "colorBorderButtonNormalActive": {
3167
3211
  "light": "{colorBlue400}",
3168
3212
  "dark": "{colorBlue400}"
@@ -4213,6 +4257,22 @@ export var preset = {
4213
4257
  "light": "{colorGrey500}",
4214
4258
  "dark": "{colorGrey500}"
4215
4259
  },
4260
+ "colorBackgroundAvatarGenAi": {
4261
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
4262
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
4263
+ },
4264
+ "colorBackgroundAvatarDefault": {
4265
+ "light": "{colorGrey600}",
4266
+ "dark": "{colorGrey600}"
4267
+ },
4268
+ "colorTextAvatar": {
4269
+ "light": "{colorWhite}",
4270
+ "dark": "{colorWhite}"
4271
+ },
4272
+ "colorBackgroundLoadingBarGenAi": {
4273
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
4274
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
4275
+ },
4216
4276
  "colorBorderButtonNormalActive": {
4217
4277
  "light": "{colorBlue400}",
4218
4278
  "dark": "{colorBlue400}"
@@ -5195,6 +5255,22 @@ export var preset = {
5195
5255
  "light": "{colorGrey600}",
5196
5256
  "dark": "{colorGrey500}"
5197
5257
  },
5258
+ "colorBackgroundAvatarGenAi": {
5259
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
5260
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
5261
+ },
5262
+ "colorBackgroundAvatarDefault": {
5263
+ "light": "{colorGrey600}",
5264
+ "dark": "{colorGrey600}"
5265
+ },
5266
+ "colorTextAvatar": {
5267
+ "light": "{colorWhite}",
5268
+ "dark": "{colorWhite}"
5269
+ },
5270
+ "colorBackgroundLoadingBarGenAi": {
5271
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
5272
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
5273
+ },
5198
5274
  "colorBorderButtonNormalActive": {
5199
5275
  "light": "{colorWhite}",
5200
5276
  "dark": "{colorWhite}"
@@ -6177,6 +6253,22 @@ export var preset = {
6177
6253
  "light": "{colorGrey600}",
6178
6254
  "dark": "{colorGrey500}"
6179
6255
  },
6256
+ "colorBackgroundAvatarGenAi": {
6257
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
6258
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
6259
+ },
6260
+ "colorBackgroundAvatarDefault": {
6261
+ "light": "{colorGrey600}",
6262
+ "dark": "{colorGrey600}"
6263
+ },
6264
+ "colorTextAvatar": {
6265
+ "light": "{colorWhite}",
6266
+ "dark": "{colorWhite}"
6267
+ },
6268
+ "colorBackgroundLoadingBarGenAi": {
6269
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
6270
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
6271
+ },
6180
6272
  "colorBorderButtonNormalActive": {
6181
6273
  "light": "{colorTextButtonNormalHover}",
6182
6274
  "dark": "{colorTextButtonNormalHover}"
@@ -7159,6 +7251,22 @@ export var preset = {
7159
7251
  "light": "{colorGrey600}",
7160
7252
  "dark": "{colorGrey500}"
7161
7253
  },
7254
+ "colorBackgroundAvatarGenAi": {
7255
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
7256
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
7257
+ },
7258
+ "colorBackgroundAvatarDefault": {
7259
+ "light": "{colorGrey600}",
7260
+ "dark": "{colorGrey600}"
7261
+ },
7262
+ "colorTextAvatar": {
7263
+ "light": "{colorWhite}",
7264
+ "dark": "{colorWhite}"
7265
+ },
7266
+ "colorBackgroundLoadingBarGenAi": {
7267
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
7268
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
7269
+ },
7162
7270
  "colorBorderButtonNormalActive": {
7163
7271
  "light": "{colorTextButtonNormalHover}",
7164
7272
  "dark": "{colorTextButtonNormalHover}"
@@ -8143,6 +8251,22 @@ export var preset = {
8143
8251
  "light": "{colorGrey500}",
8144
8252
  "dark": "{colorGrey500}"
8145
8253
  },
8254
+ "colorBackgroundAvatarGenAi": {
8255
+ "light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
8256
+ "dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
8257
+ },
8258
+ "colorBackgroundAvatarDefault": {
8259
+ "light": "{colorGrey600}",
8260
+ "dark": "{colorGrey600}"
8261
+ },
8262
+ "colorTextAvatar": {
8263
+ "light": "{colorWhite}",
8264
+ "dark": "{colorWhite}"
8265
+ },
8266
+ "colorBackgroundLoadingBarGenAi": {
8267
+ "light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
8268
+ "dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
8269
+ },
8146
8270
  "colorBorderButtonNormalActive": {
8147
8271
  "light": "{colorTextButtonNormalHover}",
8148
8272
  "dark": "{colorTextButtonNormalHover}"
@@ -9025,6 +9149,10 @@ export var preset = {
9025
9149
  "colorBackgroundTilesDisabled": "color",
9026
9150
  "colorBackgroundToggleCheckedDisabled": "color",
9027
9151
  "colorBackgroundToggleDefault": "color",
9152
+ "colorBackgroundAvatarGenAi": "color",
9153
+ "colorBackgroundAvatarDefault": "color",
9154
+ "colorTextAvatar": "color",
9155
+ "colorBackgroundLoadingBarGenAi": "color",
9028
9156
  "colorBorderButtonNormalActive": "color",
9029
9157
  "colorBorderButtonNormalDefault": "color",
9030
9158
  "colorBorderButtonNormalDisabled": "color",
@@ -9193,6 +9321,8 @@ export var preset = {
9193
9321
  "motionDurationRefreshOnlyFast": "motion",
9194
9322
  "motionDurationRefreshOnlyMedium": "motion",
9195
9323
  "motionDurationRefreshOnlySlow": "motion",
9324
+ "motionDurationAvatarGenAiGradient": "motion",
9325
+ "motionDurationAvatarLoadingDots": "motion",
9196
9326
  "motionDurationRotate180": "motion",
9197
9327
  "motionDurationRotate90": "motion",
9198
9328
  "motionDurationShowPaced": "motion",
@@ -9206,6 +9336,7 @@ export var preset = {
9206
9336
  "motionEasingRefreshOnlyB": "motion",
9207
9337
  "motionEasingRefreshOnlyC": "motion",
9208
9338
  "motionEasingRefreshOnlyD": "motion",
9339
+ "motionEasingAvatarGenAiGradient": "motion",
9209
9340
  "motionEasingRotate180": "motion",
9210
9341
  "motionEasingRotate90": "motion",
9211
9342
  "motionEasingShowPaced": "motion",
@@ -9768,6 +9899,10 @@ export var preset = {
9768
9899
  "colorBackgroundStatusSuccess",
9769
9900
  "colorBackgroundStatusWarning",
9770
9901
  "colorBackgroundToggleCheckedDisabled",
9902
+ "colorBackgroundAvatarGenAi",
9903
+ "colorBackgroundAvatarDefault",
9904
+ "colorTextAvatar",
9905
+ "colorBackgroundLoadingBarGenAi",
9771
9906
  "colorBorderButtonNormalActive",
9772
9907
  "colorBorderButtonNormalDefault",
9773
9908
  "colorBorderButtonNormalDisabled",
@@ -10211,6 +10346,10 @@ export var preset = {
10211
10346
  "colorBackgroundTilesDisabled": "color-background-tiles-disabled",
10212
10347
  "colorBackgroundToggleCheckedDisabled": "color-background-toggle-checked-disabled",
10213
10348
  "colorBackgroundToggleDefault": "color-background-toggle-default",
10349
+ "colorBackgroundAvatarGenAi": "color-background-avatar-gen-ai",
10350
+ "colorBackgroundAvatarDefault": "color-background-avatar-default",
10351
+ "colorTextAvatar": "color-text-avatar",
10352
+ "colorBackgroundLoadingBarGenAi": "color-background-loading-bar-gen-ai",
10214
10353
  "colorBorderButtonNormalActive": "color-border-button-normal-active",
10215
10354
  "colorBorderButtonNormalDefault": "color-border-button-normal-default",
10216
10355
  "colorBorderButtonNormalDisabled": "color-border-button-normal-disabled",
@@ -10465,6 +10604,8 @@ export var preset = {
10465
10604
  "motionDurationRefreshOnlyFast": "motion-duration-refresh-only-fast",
10466
10605
  "motionDurationRefreshOnlyMedium": "motion-duration-refresh-only-medium",
10467
10606
  "motionDurationRefreshOnlySlow": "motion-duration-refresh-only-slow",
10607
+ "motionDurationAvatarGenAiGradient": "motion-duration-avatar-gen-ai-gradient",
10608
+ "motionDurationAvatarLoadingDots": "motion-duration-avatar-loading-dots",
10468
10609
  "motionDurationRotate180": "motion-duration-rotate-180",
10469
10610
  "motionDurationRotate90": "motion-duration-rotate-90",
10470
10611
  "motionDurationShowPaced": "motion-duration-show-paced",
@@ -10478,6 +10619,7 @@ export var preset = {
10478
10619
  "motionEasingRefreshOnlyB": "motion-easing-refresh-only-b",
10479
10620
  "motionEasingRefreshOnlyC": "motion-easing-refresh-only-c",
10480
10621
  "motionEasingRefreshOnlyD": "motion-easing-refresh-only-d",
10622
+ "motionEasingAvatarGenAiGradient": "motion-easing-avatar-gen-ai-gradient",
10481
10623
  "motionEasingRotate180": "motion-easing-rotate-180",
10482
10624
  "motionEasingRotate90": "motion-easing-rotate-90",
10483
10625
  "motionEasingShowPaced": "motion-easing-show-paced",
@@ -10913,6 +11055,10 @@ export var preset = {
10913
11055
  "colorBackgroundTilesDisabled": "--color-background-tiles-disabled-0j6ior",
10914
11056
  "colorBackgroundToggleCheckedDisabled": "--color-background-toggle-checked-disabled-uqvx2z",
10915
11057
  "colorBackgroundToggleDefault": "--color-background-toggle-default-6qtbef",
11058
+ "colorBackgroundAvatarGenAi": "--color-background-avatar-gen-ai-i9hcw6",
11059
+ "colorBackgroundAvatarDefault": "--color-background-avatar-default-vm4u8g",
11060
+ "colorTextAvatar": "--color-text-avatar-jddpvm",
11061
+ "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
10916
11062
  "colorBorderButtonNormalActive": "--color-border-button-normal-active-tc4102",
10917
11063
  "colorBorderButtonNormalDefault": "--color-border-button-normal-default-x52rkp",
10918
11064
  "colorBorderButtonNormalDisabled": "--color-border-button-normal-disabled-40wkb4",
@@ -11167,6 +11313,8 @@ export var preset = {
11167
11313
  "motionDurationRefreshOnlyFast": "--motion-duration-refresh-only-fast-4jn2d7",
11168
11314
  "motionDurationRefreshOnlyMedium": "--motion-duration-refresh-only-medium-nf6485",
11169
11315
  "motionDurationRefreshOnlySlow": "--motion-duration-refresh-only-slow-zbvbxt",
11316
+ "motionDurationAvatarGenAiGradient": "--motion-duration-avatar-gen-ai-gradient-xetl2o",
11317
+ "motionDurationAvatarLoadingDots": "--motion-duration-avatar-loading-dots-pe8a3q",
11170
11318
  "motionDurationRotate180": "--motion-duration-rotate-180-dpvl4m",
11171
11319
  "motionDurationRotate90": "--motion-duration-rotate-90-4ry26y",
11172
11320
  "motionDurationShowPaced": "--motion-duration-show-paced-q2lo2h",
@@ -11180,6 +11328,7 @@ export var preset = {
11180
11328
  "motionEasingRefreshOnlyB": "--motion-easing-refresh-only-b-ufhmjm",
11181
11329
  "motionEasingRefreshOnlyC": "--motion-easing-refresh-only-c-vg1m9h",
11182
11330
  "motionEasingRefreshOnlyD": "--motion-easing-refresh-only-d-3kjugn",
11331
+ "motionEasingAvatarGenAiGradient": "--motion-easing-avatar-gen-ai-gradient-tjyrpp",
11183
11332
  "motionEasingRotate180": "--motion-easing-rotate-180-e270ko",
11184
11333
  "motionEasingRotate90": "--motion-easing-rotate-90-sb4dk7",
11185
11334
  "motionEasingShowPaced": "--motion-easing-show-paced-ne2o0s",
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "2daa649583c342a4b7edbebd2261372fa7aa9cf1"
2
+ "commit": "1b84e107d7ba936913ae8890124156e5984dc8fc"
3
3
  }
@@ -0,0 +1,4 @@
1
+ import InternalTooltip_DO_NOT_USE, { TooltipProps } from '../components/tooltip/index.js';
2
+ export type InternalTooltipProps = TooltipProps;
3
+ export default InternalTooltip_DO_NOT_USE;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/tooltip-do-not-use/index.ts"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,EAAE,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE1F,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAChD,eAAe,0BAA0B,CAAC"}
@@ -0,0 +1,5 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import InternalTooltip_DO_NOT_USE from '../components/tooltip/index.js';
4
+ export default InternalTooltip_DO_NOT_USE;
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/tooltip-do-not-use/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,0BAA4C,MAAM,gCAAgC,CAAC;AAG1F,eAAe,0BAA0B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalTooltip_DO_NOT_USE, { TooltipProps } from '../components/tooltip/index.js';\n\nexport type InternalTooltipProps = TooltipProps;\nexport default InternalTooltip_DO_NOT_USE;\n"]}
@@ -1,4 +1,6 @@
1
1
  import React from 'react';
2
- export declare function createWidgetizedComponent<Props, Component extends React.ComponentType<Props>>(Implementation: Component): (Loader?: Component) => Component;
2
+ type FunctionComponent<Props> = (props: Props) => JSX.Element;
3
+ export declare function createWidgetizedComponent<Component extends FunctionComponent<any>>(Implementation: Component): (Loader?: Component) => Component;
3
4
  export declare function createWidgetizedForwardRef<Props, RefType, Component extends React.ForwardRefExoticComponent<Props & React.RefAttributes<RefType>>>(Implementation: Component): (Loader?: Component) => Component;
5
+ export {};
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,SAAS,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3F,cAAc,EAAE,SAAS,aAER,SAAS,KAAG,SAAS,CAUvC;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EACL,OAAO,EACP,SAAS,SAAS,KAAK,CAAC,yBAAyB,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EACvF,cAAc,EAAE,SAAS,aACR,SAAS,KAAG,SAAS,CAUvC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,iBAAiB,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;AAE9D,wBAAgB,yBAAyB,CAAC,SAAS,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,SAAS,aAC1F,SAAS,KAAG,SAAS,CAUvC;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EACL,OAAO,EACP,SAAS,SAAS,KAAK,CAAC,yBAAyB,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EACvF,cAAc,EAAE,SAAS,aACR,SAAS,KAAG,SAAS,CAUvC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,UAAU,yBAAyB,CACvC,cAAyB;IAEzB,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,EAAE;YACd,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,oBAAM,KAAa,EAAI,CAAC;aACvC;YAED,OAAO,oBAAC,cAAc,oBAAM,KAAa,EAAI,CAAC;QAChD,CAAC,CAAc,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAIxC,cAAyB;IACzB,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,KAAK,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACrD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAO,KAAa,EAAI,CAAC;aACjD;YAED,OAAO,oBAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAO,KAAa,EAAI,CAAC;QAC1D,CAAC,CAAc,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getGlobalFlag } from '../utils/global-flags';\nimport { useVisualRefresh } from '../hooks/use-visual-mode';\n\nexport function createWidgetizedComponent<Props, Component extends React.ComponentType<Props>>(\n Implementation: Component\n) {\n return (Loader?: Component): Component => {\n return (props => {\n const isRefresh = useVisualRefresh();\n if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n return <Loader {...(props as any)} />;\n }\n\n return <Implementation {...(props as any)} />;\n }) as Component;\n };\n}\n\nexport function createWidgetizedForwardRef<\n Props,\n RefType,\n Component extends React.ForwardRefExoticComponent<Props & React.RefAttributes<RefType>>,\n>(Implementation: Component) {\n return (Loader?: Component): Component => {\n return React.forwardRef<RefType, Props>((props, ref) => {\n const isRefresh = useVisualRefresh();\n if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n return <Loader ref={ref} {...(props as any)} />;\n }\n\n return <Implementation ref={ref} {...(props as any)} />;\n }) as Component;\n };\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,MAAM,UAAU,yBAAyB,CAA2C,cAAyB;IAC3G,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,EAAE;YACd,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,oBAAM,KAAa,EAAI,CAAC;aACvC;YAED,OAAO,oBAAC,cAAc,oBAAM,KAAa,EAAI,CAAC;QAChD,CAAC,CAAc,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAIxC,cAAyB;IACzB,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,KAAK,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACrD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAO,KAAa,EAAI,CAAC;aACjD;YAED,OAAO,oBAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAO,KAAa,EAAI,CAAC;QAC1D,CAAC,CAAc,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getGlobalFlag } from '../utils/global-flags';\nimport { useVisualRefresh } from '../hooks/use-visual-mode';\n\n// Built-in React.FunctionComponent has always present `children` property which is not desired\ntype FunctionComponent<Props> = (props: Props) => JSX.Element;\n\nexport function createWidgetizedComponent<Component extends FunctionComponent<any>>(Implementation: Component) {\n return (Loader?: Component): Component => {\n return (props => {\n const isRefresh = useVisualRefresh();\n if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n return <Loader {...(props as any)} />;\n }\n\n return <Implementation {...(props as any)} />;\n }) as Component;\n };\n}\n\nexport function createWidgetizedForwardRef<\n Props,\n RefType,\n Component extends React.ForwardRefExoticComponent<Props & React.RefAttributes<RefType>>,\n>(Implementation: Component) {\n return (Loader?: Component): Component => {\n return React.forwardRef<RefType, Props>((props, ref) => {\n const isRefresh = useVisualRefresh();\n if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n return <Loader ref={ref} {...(props as any)} />;\n }\n\n return <Implementation ref={ref} {...(props as any)} />;\n }) as Component;\n };\n}\n"]}
package/package.json CHANGED
@@ -9,6 +9,9 @@
9
9
  "./test-utils/selectors": "./test-utils/selectors/index.js",
10
10
  "./interfaces": "./interfaces.js",
11
11
  "./contexts/form-field": "./contexts/form-field.js",
12
+ "./internal/tooltip-do-not-use": "./internal/tooltip-do-not-use/index.js",
13
+ "./test-utils/dom/internal/tooltip": "./test-utils/dom/internal/tooltip.js",
14
+ "./test-utils/selectors/internal/tooltip": "./test-utils/selectors/internal/tooltip.js",
12
15
  "./alert": "./alert/index.js",
13
16
  "./anchor-navigation": "./anchor-navigation/index.js",
14
17
  "./annotation-context": "./annotation-context/index.js",
@@ -117,7 +120,7 @@
117
120
  "./internal/base-component/index.js",
118
121
  "./internal/base-component/styles.css.js"
119
122
  ],
120
- "version": "3.0.662",
123
+ "version": "3.0.664",
121
124
  "repository": {
122
125
  "type": "git",
123
126
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1 +1 @@
1
- {"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAE3F,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAmD7B;AAED,eAAO,MAAM,8BAA8B,mGAGZ,CAAC"}
1
+ {"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAE3F,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAmD7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAKhE,MAAM,UAAU,4BAA4B,CAAC,EAQf;QARe,EAC3C,MAAM,EACN,UAAU,EACV,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,OAEW,EADzB,KAAK,cAPmC,8EAQ5C,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhF,IAAI,aAAa,EAAE;QACjB,kDAAkD;QAClD,sDAAsD;QACtD,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KACtD;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAA2E,EAAE,QAAiB,EAAE,EAAE;QACjG,wGAAwG;QACxG,oEAAoE;QACpE,sBAAsB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAE,EAAE,CAAC,CAAC;IAC1G,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,IAI2C,EAC3C,WAAyC,EACzC,EAAE;QACF,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC1F,MAAM,IAAI,CACT,oBAAC,MAAM,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,GAAI,CACjH;QACA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACtC,oBAAC,mBAAmB,IAClB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,yBAAyB,CAGrE,4BAA4B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent, fireCancelableEvent } from '../internal/events';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport { generateExpandableItemsMapping, checkDuplicateHrefs } from './util';\nimport styles from './styles.css.js';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n header,\n activeHref,\n items = [],\n onFollow,\n onChange,\n __internalRootRef,\n ...props\n}: SideNavigationInternalProps) {\n const baseProps = getBaseProps(props);\n const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n\n if (isDevelopment) {\n // This code should be wiped in production anyway.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => checkDuplicateHrefs(items), [items]);\n }\n\n const onChangeHandler = useCallback(\n (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n },\n [onChange, parentMap]\n );\n\n const onFollowHandler = useCallback(\n (\n item:\n | SideNavigationProps.Link\n | SideNavigationProps.Header\n | SideNavigationProps.LinkGroup\n | SideNavigationProps.ExpandableLinkGroup,\n sourceEvent: React.SyntheticEvent | Event\n ) => {\n fireCancelableEvent(onFollow, item, sourceEvent);\n },\n [onFollow]\n );\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef}>\n {header && (\n <Header definition={header} activeHref={activeHref} fireChange={onChangeHandler} fireFollow={onFollowHandler} />\n )}\n {items && (\n <div className={styles['list-container']}>\n <NavigationItemsList\n variant=\"root\"\n items={items}\n fireFollow={onFollowHandler}\n fireChange={onChangeHandler}\n activeHref={activeHref}\n />\n </div>\n )}\n </div>\n );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent<\n SideNavigationInternalProps,\n typeof SideNavigationImplementation\n>(SideNavigationImplementation);\n"]}
1
+ {"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAKhE,MAAM,UAAU,4BAA4B,CAAC,EAQf;QARe,EAC3C,MAAM,EACN,UAAU,EACV,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,OAEW,EADzB,KAAK,cAPmC,8EAQ5C,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhF,IAAI,aAAa,EAAE;QACjB,kDAAkD;QAClD,sDAAsD;QACtD,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KACtD;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAA2E,EAAE,QAAiB,EAAE,EAAE;QACjG,wGAAwG;QACxG,oEAAoE;QACpE,sBAAsB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAE,EAAE,CAAC,CAAC;IAC1G,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,IAI2C,EAC3C,WAAyC,EACzC,EAAE;QACF,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC1F,MAAM,IAAI,CACT,oBAAC,MAAM,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,GAAI,CACjH;QACA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACtC,oBAAC,mBAAmB,IAClB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,yBAAyB,CAAC,4BAA4B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent, fireCancelableEvent } from '../internal/events';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport { generateExpandableItemsMapping, checkDuplicateHrefs } from './util';\nimport styles from './styles.css.js';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n header,\n activeHref,\n items = [],\n onFollow,\n onChange,\n __internalRootRef,\n ...props\n}: SideNavigationInternalProps) {\n const baseProps = getBaseProps(props);\n const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n\n if (isDevelopment) {\n // This code should be wiped in production anyway.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => checkDuplicateHrefs(items), [items]);\n }\n\n const onChangeHandler = useCallback(\n (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n },\n [onChange, parentMap]\n );\n\n const onFollowHandler = useCallback(\n (\n item:\n | SideNavigationProps.Link\n | SideNavigationProps.Header\n | SideNavigationProps.LinkGroup\n | SideNavigationProps.ExpandableLinkGroup,\n sourceEvent: React.SyntheticEvent | Event\n ) => {\n fireCancelableEvent(onFollow, item, sourceEvent);\n },\n [onFollow]\n );\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef}>\n {header && (\n <Header definition={header} activeHref={activeHref} fireChange={onChangeHandler} fireFollow={onFollowHandler} />\n )}\n {items && (\n <div className={styles['list-container']}>\n <NavigationItemsList\n variant=\"root\"\n items={items}\n fireFollow={onFollowHandler}\n fireChange={onChangeHandler}\n activeHref={activeHref}\n />\n </div>\n )}\n </div>\n );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);\n"]}
@@ -0,0 +1,4 @@
1
+ import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
2
+ export default class TooltipWrapper extends ElementWrapper {
3
+ static rootSelector: string;
4
+ }
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4
+ // SPDX-License-Identifier: Apache-2.0
5
+ const dom_1 = require("@cloudscape-design/test-utils-core/dom");
6
+ const styles_selectors_js_1 = require("../../../internal/components/tooltip/styles.selectors.js");
7
+ class TooltipWrapper extends dom_1.ElementWrapper {
8
+ }
9
+ exports.default = TooltipWrapper;
10
+ TooltipWrapper.rootSelector = styles_selectors_js_1.default.root;
11
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/tooltip.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAwE;AACxE,kGAAqF;AAErF,MAAqB,cAAe,SAAQ,oBAAc;;AAA1D,iCAEC;AADQ,2BAAY,GAAW,6BAAa,CAAC,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
2
+ export default class TooltipWrapper extends ElementWrapper {
3
+ static rootSelector: string;
4
+ }
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4
+ // SPDX-License-Identifier: Apache-2.0
5
+ const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
6
+ const styles_selectors_js_1 = require("../../../internal/components/tooltip/styles.selectors.js");
7
+ class TooltipWrapper extends selectors_1.ElementWrapper {
8
+ }
9
+ exports.default = TooltipWrapper;
10
+ TooltipWrapper.rootSelector = styles_selectors_js_1.default.root;
11
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/tooltip.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA8E;AAC9E,kGAAqF;AACrF,MAAqB,cAAe,SAAQ,0BAAc;;AAA1D,iCAEC;AADQ,2BAAY,GAAW,6BAAa,CAAC,IAAI,CAAC"}