@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.
- package/internal/base-component/styles.scoped.css +4 -4
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +11 -11
- package/internal/generated/theming/index.js +11 -11
- package/internal/manifest.json +1 -1
- package/modal/index.d.ts +1 -1
- package/modal/index.d.ts.map +1 -1
- package/modal/index.js +2 -2
- package/modal/index.js.map +1 -1
- package/modal/internal.d.ts +1 -1
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js.map +1 -1
- package/package.json +1 -1
- package/split-panel/index.d.ts.map +1 -1
- package/split-panel/index.js +3 -3
- package/split-panel/index.js.map +1 -1
- package/split-panel/utils/use-keyboard-events.d.ts.map +1 -1
- package/split-panel/utils/use-keyboard-events.js +8 -4
- package/split-panel/utils/use-keyboard-events.js.map +1 -1
- package/table/header-cell/styles.css.js +19 -19
- package/table/header-cell/styles.scoped.css +33 -33
- package/table/header-cell/styles.selectors.js +19 -19
- package/test-utils/dom/flashbar/index.d.ts +8 -0
- package/test-utils/dom/flashbar/index.js +10 -0
- package/test-utils/dom/flashbar/index.js.map +1 -1
- package/test-utils/dom/multiselect/index.d.ts +1 -1
- package/test-utils/dom/multiselect/index.js +1 -1
- package/test-utils/dom/select/index.d.ts +1 -1
- package/test-utils/dom/select/index.js +1 -1
- package/test-utils/selectors/flashbar/index.d.ts +8 -0
- package/test-utils/selectors/flashbar/index.js +10 -0
- package/test-utils/selectors/flashbar/index.js.map +1 -1
- package/test-utils/selectors/multiselect/index.d.ts +1 -1
- package/test-utils/selectors/multiselect/index.js +1 -1
- package/test-utils/selectors/select/index.d.ts +1 -1
- package/test-utils/selectors/select/index.js +1 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
130
|
-
border-left-color: var(--color-border-divider-interactive-default-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
220
|
-
.awsui_header-cell-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
6
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
7
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
8
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
9
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
10
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
11
|
-
"header-cell-resizable": "awsui_header-cell-
|
|
12
|
-
"sorting-icon": "awsui_sorting-
|
|
13
|
-
"edit-icon": "awsui_edit-
|
|
14
|
-
"header-cell-content": "awsui_header-cell-
|
|
15
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
16
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
17
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
18
|
-
"header-cell-text": "awsui_header-cell-
|
|
19
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
20
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
21
|
-
"header-cell-descending": "awsui_header-cell-
|
|
22
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
23
|
-
"has-striped-rows": "awsui_has-striped-
|
|
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;;
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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;;
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
*/
|