@cloudscape-design/components 3.0.269 → 3.0.271

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 (37) hide show
  1. package/internal/base-component/styles.scoped.css +4 -4
  2. package/internal/environment.js +1 -1
  3. package/internal/generated/theming/index.cjs +11 -11
  4. package/internal/generated/theming/index.js +11 -11
  5. package/internal/manifest.json +1 -1
  6. package/modal/index.d.ts +1 -1
  7. package/modal/index.d.ts.map +1 -1
  8. package/modal/index.js +2 -2
  9. package/modal/index.js.map +1 -1
  10. package/modal/internal.d.ts +1 -1
  11. package/modal/internal.d.ts.map +1 -1
  12. package/modal/internal.js.map +1 -1
  13. package/package.json +1 -1
  14. package/split-panel/index.d.ts.map +1 -1
  15. package/split-panel/index.js +3 -3
  16. package/split-panel/index.js.map +1 -1
  17. package/split-panel/utils/use-keyboard-events.d.ts.map +1 -1
  18. package/split-panel/utils/use-keyboard-events.js +8 -4
  19. package/split-panel/utils/use-keyboard-events.js.map +1 -1
  20. package/table/header-cell/styles.css.js +19 -19
  21. package/table/header-cell/styles.scoped.css +33 -33
  22. package/table/header-cell/styles.selectors.js +19 -19
  23. package/test-utils/dom/flashbar/index.d.ts +8 -0
  24. package/test-utils/dom/flashbar/index.js +10 -0
  25. package/test-utils/dom/flashbar/index.js.map +1 -1
  26. package/test-utils/dom/multiselect/index.d.ts +1 -1
  27. package/test-utils/dom/multiselect/index.js +1 -1
  28. package/test-utils/dom/select/index.d.ts +1 -1
  29. package/test-utils/dom/select/index.js +1 -1
  30. package/test-utils/selectors/flashbar/index.d.ts +8 -0
  31. package/test-utils/selectors/flashbar/index.js +10 -0
  32. package/test-utils/selectors/flashbar/index.js.map +1 -1
  33. package/test-utils/selectors/multiselect/index.d.ts +1 -1
  34. package/test-utils/selectors/multiselect/index.js +1 -1
  35. package/test-utils/selectors/select/index.d.ts +1 -1
  36. package/test-utils/selectors/select/index.js +1 -1
  37. package/test-utils/tsconfig.tsbuildinfo +1 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_header-cell_1spae_f15ng_93:not(#\9) {
93
+ .awsui_header-cell_1spae_12dot_93:not(#\9) {
94
94
  position: relative;
95
95
  text-align: left;
96
96
  box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
103
103
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
104
104
  }
105
- .awsui_header-cell-sticky_1spae_f15ng_105:not(#\9) {
105
+ .awsui_header-cell-sticky_1spae_12dot_105:not(#\9) {
106
106
  border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
107
107
  }
108
- .awsui_header-cell-stuck_1spae_f15ng_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_f15ng_108) {
108
+ .awsui_header-cell-stuck_1spae_12dot_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_12dot_108) {
109
109
  border-bottom-color: transparent;
110
110
  }
111
- .awsui_header-cell-variant-full-page_1spae_f15ng_108.awsui_header-cell-hidden_1spae_f15ng_111:not(#\9) {
111
+ .awsui_header-cell-variant-full-page_1spae_12dot_108.awsui_header-cell-hidden_1spae_12dot_111:not(#\9) {
112
112
  border-bottom-color: transparent;
113
113
  }
114
- .awsui_header-cell_1spae_f15ng_93:not(#\9):last-child, .awsui_header-cell_1spae_f15ng_93.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9) {
114
+ .awsui_header-cell_1spae_12dot_93:not(#\9):last-child, .awsui_header-cell_1spae_12dot_93.awsui_header-cell-sortable_1spae_12dot_114:not(#\9) {
115
115
  padding-right: var(--space-xs-rsr2qu, 8px);
116
116
  }
117
- .awsui_header-cell_1spae_f15ng_93:not(#\9):not(:last-child):before {
117
+ .awsui_header-cell_1spae_12dot_93:not(#\9):not(:last-child):before {
118
118
  content: "";
119
119
  position: absolute;
120
120
  right: 0;
@@ -126,11 +126,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
127
127
  box-sizing: border-box;
128
128
  }
129
- .awsui_header-cell-resizable_1spae_f15ng_129:not(#\9):not(:last-child):before {
130
- border-left-color: var(--color-border-divider-interactive-default-0hdcst, #414d5c);
129
+ .awsui_header-cell-resizable_1spae_12dot_129:not(#\9):not(:last-child):before {
130
+ border-left-color: var(--color-border-divider-interactive-default-4pf6ra, #7d8998);
131
131
  }
132
132
 
133
- .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
133
+ .awsui_sorting-icon_1spae_12dot_133:not(#\9) {
134
134
  position: absolute;
135
135
  top: 50%;
136
136
  transform: translateY(-50%);
@@ -138,31 +138,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
138
138
  color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
139
139
  }
140
140
 
141
- .awsui_edit-icon_1spae_f15ng_141:not(#\9) {
141
+ .awsui_edit-icon_1spae_12dot_141:not(#\9) {
142
142
  margin-left: var(--space-xxs-ynfts5, 4px);
143
143
  margin-top: var(--space-scaled-xxs-95dhkm, 4px);
144
144
  color: inherit;
145
145
  }
146
146
 
147
- .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
147
+ .awsui_header-cell-content_1spae_12dot_147:not(#\9) {
148
148
  position: relative;
149
149
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
150
150
  }
151
- .awsui_header-cell-sortable_1spae_f15ng_114 > .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
151
+ .awsui_header-cell-sortable_1spae_12dot_114 > .awsui_header-cell-content_1spae_12dot_147:not(#\9) {
152
152
  padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
153
153
  }
154
- .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
154
+ .awsui_header-cell-content_1spae_12dot_147:not(#\9):focus {
155
155
  outline: none;
156
156
  text-decoration: none;
157
157
  }
158
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
158
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147:not(#\9):focus {
159
159
  position: relative;
160
160
  }
161
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
161
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147:not(#\9):focus {
162
162
  outline: 2px dotted transparent;
163
163
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus::before {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147:not(#\9):focus::before {
166
166
  content: " ";
167
167
  display: block;
168
168
  position: absolute;
@@ -173,14 +173,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:n
173
173
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
174
174
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
175
175
  }
176
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
176
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147.awsui_header-cell-fake-focus_1spae_12dot_176:not(#\9) {
177
177
  position: relative;
178
178
  }
179
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
179
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147.awsui_header-cell-fake-focus_1spae_12dot_176:not(#\9) {
180
180
  outline: 2px dotted transparent;
181
181
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
182
182
  }
183
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9)::before {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_12dot_147.awsui_header-cell-fake-focus_1spae_12dot_176:not(#\9)::before {
184
184
  content: " ";
185
185
  display: block;
186
186
  position: absolute;
@@ -191,33 +191,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.a
191
191
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
192
192
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
193
193
  }
194
- .awsui_header-cell-disabled_1spae_f15ng_194.awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
194
+ .awsui_header-cell-disabled_1spae_12dot_194.awsui_header-cell-sorted_1spae_12dot_194 > .awsui_header-cell-content_1spae_12dot_147 > .awsui_sorting-icon_1spae_12dot_133:not(#\9) {
195
195
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
196
196
  }
197
197
 
198
- .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147 {
198
+ .awsui_header-cell-sortable_1spae_12dot_114:not(#\9):not(.awsui_header-cell-disabled_1spae_12dot_194) > .awsui_header-cell-content_1spae_12dot_147 {
199
199
  cursor: pointer;
200
200
  }
201
- .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 {
201
+ .awsui_header-cell-sortable_1spae_12dot_114:not(#\9):not(.awsui_header-cell-disabled_1spae_12dot_194) > .awsui_header-cell-content_1spae_12dot_147:hover, .awsui_header-cell-sortable_1spae_12dot_114:not(#\9):not(.awsui_header-cell-disabled_1spae_12dot_194).awsui_header-cell-sorted_1spae_12dot_194 > .awsui_header-cell-content_1spae_12dot_147 {
202
202
  color: var(--color-text-interactive-active-vol84d, #000716);
203
203
  }
204
- .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover > .awsui_sorting-icon_1spae_f15ng_133, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133 {
204
+ .awsui_header-cell-sortable_1spae_12dot_114:not(#\9):not(.awsui_header-cell-disabled_1spae_12dot_194) > .awsui_header-cell-content_1spae_12dot_147:hover > .awsui_sorting-icon_1spae_12dot_133, .awsui_header-cell-sortable_1spae_12dot_114:not(#\9):not(.awsui_header-cell-disabled_1spae_12dot_194).awsui_header-cell-sorted_1spae_12dot_194 > .awsui_header-cell-content_1spae_12dot_147 > .awsui_sorting-icon_1spae_12dot_133 {
205
205
  color: var(--color-text-interactive-active-vol84d, #000716);
206
206
  }
207
207
 
208
- .awsui_header-cell-text_1spae_f15ng_208:not(#\9) {
208
+ .awsui_header-cell-text_1spae_12dot_208:not(#\9) {
209
209
  line-height: var(--font-heading-xs-line-height-5x131j, 18px);
210
210
  padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
211
211
  padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
212
212
  }
213
- .awsui_header-cell-text_1spae_f15ng_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_f15ng_213) {
213
+ .awsui_header-cell-text_1spae_12dot_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_12dot_213) {
214
214
  white-space: nowrap;
215
215
  overflow: hidden;
216
216
  text-overflow: ellipsis;
217
217
  }
218
218
 
219
- .awsui_header-cell-ascending_1spae_f15ng_219:not(#\9),
220
- .awsui_header-cell-descending_1spae_f15ng_220:not(#\9) {
219
+ .awsui_header-cell-ascending_1spae_12dot_219:not(#\9),
220
+ .awsui_header-cell-descending_1spae_12dot_220:not(#\9) {
221
221
  /* used in test-utils */
222
222
  }
223
223
 
@@ -227,26 +227,26 @@ with the left edge of the table as closely as possible. If the
227
227
  last header cell is sortable the sort icon should align with the
228
228
  settings icon in the pagination slot.
229
229
  */
230
- .awsui_header-cell_1spae_f15ng_93:not(#\9):not(.awsui_is-visual-refresh_1spae_f15ng_230):first-child {
230
+ .awsui_header-cell_1spae_12dot_93:not(#\9):not(.awsui_is-visual-refresh_1spae_12dot_230):first-child {
231
231
  padding-left: var(--space-xs-rsr2qu, 8px);
232
232
  }
233
233
 
234
- .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9) {
234
+ .awsui_header-cell_1spae_12dot_93.awsui_is-visual-refresh_1spae_12dot_230:not(#\9) {
235
235
  /*
236
236
  Striped rows requires additional left padding because the
237
237
  shaded background makes the child content appear too close
238
238
  to the table edge.
239
239
  */
240
240
  }
241
- .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_f15ng_241) {
241
+ .awsui_header-cell_1spae_12dot_93.awsui_is-visual-refresh_1spae_12dot_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_12dot_241) {
242
242
  padding-left: var(--space-xxxs-k2w98v, 2px);
243
243
  }
244
- .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child.awsui_has-striped-rows_1spae_f15ng_241 {
244
+ .awsui_header-cell_1spae_12dot_93.awsui_is-visual-refresh_1spae_12dot_230:not(#\9):first-child.awsui_has-striped-rows_1spae_12dot_241 {
245
245
  padding-left: var(--space-xxs-ynfts5, 4px);
246
246
  }
247
- .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child > .awsui_header-cell-content_1spae_f15ng_147 {
247
+ .awsui_header-cell_1spae_12dot_93.awsui_is-visual-refresh_1spae_12dot_230:not(#\9):first-child > .awsui_header-cell-content_1spae_12dot_147 {
248
248
  padding-left: 0;
249
249
  }
250
- .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_f15ng_114 {
250
+ .awsui_header-cell_1spae_12dot_93.awsui_is-visual-refresh_1spae_12dot_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_12dot_114 {
251
251
  padding-right: var(--space-xxxs-k2w98v, 2px);
252
252
  }
@@ -2,24 +2,24 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header-cell": "awsui_header-cell_1spae_f15ng_93",
6
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
7
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
8
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
9
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
10
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
11
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
12
- "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
13
- "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
14
- "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
15
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
16
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
17
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
18
- "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
19
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
20
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
21
- "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
22
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
23
- "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
5
+ "header-cell": "awsui_header-cell_1spae_12dot_93",
6
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_12dot_105",
7
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_12dot_108",
8
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_12dot_108",
9
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_12dot_111",
10
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_12dot_114",
11
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_12dot_129",
12
+ "sorting-icon": "awsui_sorting-icon_1spae_12dot_133",
13
+ "edit-icon": "awsui_edit-icon_1spae_12dot_141",
14
+ "header-cell-content": "awsui_header-cell-content_1spae_12dot_147",
15
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_12dot_176",
16
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_12dot_194",
17
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_12dot_194",
18
+ "header-cell-text": "awsui_header-cell-text_1spae_12dot_208",
19
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_12dot_213",
20
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_12dot_219",
21
+ "header-cell-descending": "awsui_header-cell-descending_1spae_12dot_220",
22
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_12dot_230",
23
+ "has-striped-rows": "awsui_has-striped-rows_1spae_12dot_241"
24
24
  };
25
25
 
@@ -8,6 +8,14 @@ export default class FlashbarWrapper extends ComponentWrapper {
8
8
  * If the items are stacked, only the item at the top of the stack is returned.
9
9
  */
10
10
  findItems(): Array<FlashWrapper>;
11
+ /**
12
+ * Returns the individual flashes of this flashbar given the item type.
13
+ *
14
+ * If the items are stacked, only the item at the top of the stack is returned.
15
+ *
16
+ * If an item is loading its type is considered as "info".
17
+ */
18
+ findItemsByType(type: 'success' | 'warning' | 'info' | 'error'): Array<FlashWrapper>;
11
19
  /**
12
20
  * Returns the toggle button that expands and collapses stacked notifications.
13
21
  */
@@ -14,6 +14,16 @@ class FlashbarWrapper extends dom_1.ComponentWrapper {
14
14
  findItems() {
15
15
  return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
16
16
  }
17
+ /**
18
+ * Returns the individual flashes of this flashbar given the item type.
19
+ *
20
+ * If the items are stacked, only the item at the top of the stack is returned.
21
+ *
22
+ * If an item is loading its type is considered as "info".
23
+ */
24
+ findItemsByType(type) {
25
+ return this.findAll(`.${styles_selectors_js_1.default['flash-list-item']} .${styles_selectors_js_1.default[`flash-type-${type}`]}`).map(item => new flash_1.default(item.getElement()));
26
+ }
17
27
  /**
18
28
  * Returns the toggle button that expands and collapses stacked notifications.
19
29
  */
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,+EAA2D;AAC3D,mCAAmC;AAEnC,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,+EAA2D;AAC3D,mCAAmC;AAEnC,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;;;;;OAMG;IACH,eAAe,CAAC,IAA8C;QAC5D,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,KAAK,6BAAM,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CACvF,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAC5C,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AA9BH,kCA+BC;AA9BQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
@@ -12,7 +12,7 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
12
12
  expandToViewport: boolean;
13
13
  }): ElementWrapper | null;
14
14
  /**
15
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
15
+ * Returns the input that is used for filtering.
16
16
  * @param options
17
17
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
18
18
  */
@@ -27,7 +27,7 @@ class MultiselectWrapper extends dropdown_host_1.default {
27
27
  return this.findDropdown(options).findByClassName(styles_selectors_js_6.default.recovery);
28
28
  }
29
29
  /**
30
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
30
+ * Returns the input that is used for filtering.
31
31
  * @param options
32
32
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
33
33
  */
@@ -18,7 +18,7 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
18
18
  expandToViewport: boolean;
19
19
  }): ElementWrapper | null;
20
20
  /**
21
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
21
+ * Returns the input that is used for filtering.
22
22
  * @param options
23
23
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
24
24
  */
@@ -33,7 +33,7 @@ class SelectWrapper extends dropdown_host_1.default {
33
33
  return this.findDropdown(options).findByClassName(styles_selectors_js_5.default.root);
34
34
  }
35
35
  /**
36
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
36
+ * Returns the input that is used for filtering.
37
37
  * @param options
38
38
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
39
39
  */
@@ -8,6 +8,14 @@ export default class FlashbarWrapper extends ComponentWrapper {
8
8
  * If the items are stacked, only the item at the top of the stack is returned.
9
9
  */
10
10
  findItems(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<FlashWrapper>;
11
+ /**
12
+ * Returns the individual flashes of this flashbar given the item type.
13
+ *
14
+ * If the items are stacked, only the item at the top of the stack is returned.
15
+ *
16
+ * If an item is loading its type is considered as "info".
17
+ */
18
+ findItemsByType(type: 'success' | 'warning' | 'info' | 'error'): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<FlashWrapper>;
11
19
  /**
12
20
  * Returns the toggle button that expands and collapses stacked notifications.
13
21
  */
@@ -14,6 +14,16 @@ class FlashbarWrapper extends selectors_1.ComponentWrapper {
14
14
  findItems() {
15
15
  return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
16
16
  }
17
+ /**
18
+ * Returns the individual flashes of this flashbar given the item type.
19
+ *
20
+ * If the items are stacked, only the item at the top of the stack is returned.
21
+ *
22
+ * If an item is loading its type is considered as "info".
23
+ */
24
+ findItemsByType(type) {
25
+ return this.findAll(`.${styles_selectors_js_1.default['flash-list-item']} .${styles_selectors_js_1.default[`flash-type-${type}`]}`).map(item => new flash_1.default(item.getElement()));
26
+ }
17
27
  /**
18
28
  * Returns the toggle button that expands and collapses stacked notifications.
19
29
  */
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,+EAA2D;AAC3D,mCAAmC;AACnC,MAAqB,eAAgB,SAAQ,4BAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,+EAA2D;AAC3D,mCAAmC;AACnC,MAAqB,eAAgB,SAAQ,4BAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;;;;;OAMG;IACH,eAAe,CAAC,IAA8C;QAC5D,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,KAAK,6BAAM,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACzI,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AA5BH,kCA6BC;AA5BQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
@@ -12,7 +12,7 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
12
12
  expandToViewport: boolean;
13
13
  }): ElementWrapper;
14
14
  /**
15
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
15
+ * Returns the input that is used for filtering.
16
16
  * @param options
17
17
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
18
18
  */
@@ -20,7 +20,7 @@ class MultiselectWrapper extends dropdown_host_1.default {
20
20
  return this.findDropdown(options).findByClassName(styles_selectors_js_6.default.recovery);
21
21
  }
22
22
  /**
23
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
23
+ * Returns the input that is used for filtering.
24
24
  * @param options
25
25
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
26
26
  */
@@ -18,7 +18,7 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
18
18
  expandToViewport: boolean;
19
19
  }): ElementWrapper;
20
20
  /**
21
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
21
+ * Returns the input that is used for filtering.
22
22
  * @param options
23
23
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
24
24
  */
@@ -28,7 +28,7 @@ class SelectWrapper extends dropdown_host_1.default {
28
28
  return this.findDropdown(options).findByClassName(styles_selectors_js_5.default.root);
29
29
  }
30
30
  /**
31
- * Returns the input that is used for filtering. Returns `null` if `enableFiltering` is not set to `true`.
31
+ * Returns the input that is used for filtering.
32
32
  * @param options
33
33
  * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
34
34
  */