@cloudscape-design/components 3.0.1135 → 3.0.1136
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 +1 -1
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +42 -74
- package/internal/components/selectable-item/styles.selectors.js +22 -22
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/select/parts/virtual-list.d.ts.map +1 -1
- package/select/parts/virtual-list.js +1 -4
- package/select/parts/virtual-list.js.map +1 -1
- package/select/utils/render-options.d.ts.map +1 -1
- package/select/utils/render-options.js +1 -4
- package/select/utils/render-options.js.map +1 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"selectable-item": "awsui_selectable-
|
|
5
|
-
"pad-bottom": "awsui_pad-
|
|
6
|
-
"virtual": "
|
|
7
|
-
"has-background": "awsui_has-
|
|
8
|
-
"highlighted": "
|
|
9
|
-
"selected": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"is-keyboard": "awsui_is-
|
|
12
|
-
"visual-refresh": "awsui_visual-
|
|
13
|
-
"next-item-selected": "awsui_next-item-
|
|
14
|
-
"previous-item-selected": "awsui_previous-item-
|
|
15
|
-
"parent": "
|
|
16
|
-
"interactiveGroups": "
|
|
17
|
-
"child": "
|
|
18
|
-
"sticky": "
|
|
19
|
-
"with-scrollbar": "awsui_with-
|
|
20
|
-
"after-header": "awsui_after-
|
|
21
|
-
"measure-strut": "awsui_measure-
|
|
22
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
23
|
-
"screenreader-content": "awsui_screenreader-
|
|
24
|
-
"option-content": "awsui_option-
|
|
25
|
-
"select-all": "awsui_select-
|
|
4
|
+
"selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
|
|
5
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
|
|
6
|
+
"virtual": "awsui_virtual_15o6u_d2ghy_171",
|
|
7
|
+
"has-background": "awsui_has-background_15o6u_d2ghy_174",
|
|
8
|
+
"highlighted": "awsui_highlighted_15o6u_d2ghy_177",
|
|
9
|
+
"selected": "awsui_selected_15o6u_d2ghy_177",
|
|
10
|
+
"disabled": "awsui_disabled_15o6u_d2ghy_195",
|
|
11
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
|
|
12
|
+
"visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
|
|
13
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
|
|
14
|
+
"previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
|
|
15
|
+
"parent": "awsui_parent_15o6u_d2ghy_236",
|
|
16
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
|
|
17
|
+
"child": "awsui_child_15o6u_d2ghy_256",
|
|
18
|
+
"sticky": "awsui_sticky_15o6u_d2ghy_262",
|
|
19
|
+
"with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
|
|
20
|
+
"after-header": "awsui_after-header_15o6u_d2ghy_280",
|
|
21
|
+
"measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
|
|
22
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
|
|
23
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
|
|
24
|
+
"option-content": "awsui_option-content_15o6u_d2ghy_334",
|
|
25
|
+
"select-all": "awsui_select-all_15o6u_d2ghy_338"
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_selectable-
|
|
145
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9) {
|
|
146
146
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
147
147
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
148
148
|
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
164
164
|
padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
165
165
|
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
|
|
166
166
|
}
|
|
167
|
-
.awsui_selectable-
|
|
167
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
|
|
168
168
|
padding-block-end: calc(calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) + var(--space-xxxs-pajhad, 2px));
|
|
169
169
|
border-block-end-color: transparent;
|
|
170
170
|
}
|
|
171
|
-
.awsui_selectable-
|
|
171
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
|
|
172
172
|
margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
|
|
173
173
|
}
|
|
174
|
-
.awsui_selectable-
|
|
174
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_has-background_15o6u_d2ghy_174:not(#\9) {
|
|
175
175
|
background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
|
|
176
176
|
}
|
|
177
|
-
.awsui_selectable-
|
|
177
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
178
178
|
color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
|
|
179
179
|
border-width: var(--border-item-width-miijiw, 2px);
|
|
180
180
|
border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
|
|
@@ -184,167 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
184
184
|
padding-block: var(--space-xxs-hwfkai, 4px);
|
|
185
185
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
186
186
|
}
|
|
187
|
-
.awsui_selectable-
|
|
187
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_pad-bottom_15o6u_d2ghy_167:not(#\9) {
|
|
188
188
|
padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
|
|
189
189
|
}
|
|
190
|
-
.awsui_selectable-
|
|
190
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
191
191
|
z-index: 3;
|
|
192
192
|
background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
|
|
193
193
|
border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
194
194
|
}
|
|
195
|
-
.awsui_selectable-
|
|
195
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
|
|
196
196
|
color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
|
|
197
197
|
border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
|
|
198
198
|
background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
|
|
199
199
|
}
|
|
200
|
-
.awsui_selectable-
|
|
200
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
|
|
201
201
|
border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
202
202
|
}
|
|
203
|
-
.awsui_selectable-
|
|
203
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
|
|
204
204
|
box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
|
|
205
205
|
}
|
|
206
|
-
.awsui_selectable-
|
|
206
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
207
207
|
z-index: 2;
|
|
208
208
|
background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
|
|
209
209
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
210
210
|
}
|
|
211
|
-
.awsui_selectable-
|
|
211
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_next-item-selected_15o6u_d2ghy_211:not(#\9) {
|
|
212
212
|
border-end-start-radius: 0;
|
|
213
213
|
border-end-end-radius: 0;
|
|
214
214
|
}
|
|
215
|
-
.awsui_selectable-
|
|
215
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
216
216
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
217
217
|
z-index: 3;
|
|
218
218
|
outline: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
219
219
|
outline-offset: calc(-2 * var(--border-item-width-miijiw, 2px));
|
|
220
220
|
}
|
|
221
|
-
.awsui_selectable-
|
|
221
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177.awsui_is-keyboard_15o6u_d2ghy_200:not(#\9) {
|
|
222
222
|
border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
223
223
|
outline-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
224
224
|
}
|
|
225
|
-
.awsui_selectable-
|
|
225
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203) {
|
|
226
226
|
border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
227
227
|
outline: none;
|
|
228
228
|
}
|
|
229
|
-
.awsui_selectable-
|
|
229
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_highlighted_15o6u_d2ghy_177:not(#\9):not(.awsui_visual-refresh_15o6u_d2ghy_203).awsui_is-keyboard_15o6u_d2ghy_200 {
|
|
230
230
|
border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
231
231
|
}
|
|
232
|
-
.awsui_selectable-
|
|
232
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177 + .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_selected_15o6u_d2ghy_177.awsui_previous-item-selected_15o6u_d2ghy_232:not(#\9) {
|
|
233
233
|
border-start-start-radius: 0;
|
|
234
234
|
border-start-end-radius: 0;
|
|
235
235
|
}
|
|
236
|
-
.awsui_selectable-
|
|
236
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9) {
|
|
237
237
|
font-weight: bold;
|
|
238
238
|
color: var(--color-text-dropdown-group-label-2tmyik, #424650);
|
|
239
239
|
}
|
|
240
|
-
.awsui_selectable-
|
|
240
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236:not(#\9):not(.awsui_interactiveGroups_15o6u_d2ghy_240) {
|
|
241
241
|
border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
|
|
242
242
|
padding-block: var(--space-xs-ymlm0b, 8px);
|
|
243
243
|
padding-inline: var(--space-xs-ymlm0b, 8px);
|
|
244
244
|
}
|
|
245
|
-
.awsui_selectable-
|
|
245
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9) {
|
|
246
246
|
padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
247
247
|
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
|
|
248
248
|
}
|
|
249
|
-
.awsui_selectable-
|
|
249
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9) {
|
|
250
250
|
color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
|
|
251
251
|
}
|
|
252
|
-
.awsui_selectable-
|
|
252
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_parent_15o6u_d2ghy_236.awsui_interactiveGroups_15o6u_d2ghy_240.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
253
253
|
padding-block: var(--space-xs-ymlm0b, 8px);
|
|
254
254
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
255
255
|
}
|
|
256
|
-
.awsui_selectable-
|
|
256
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256:not(#\9) {
|
|
257
257
|
padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + var(--border-item-width-miijiw, 2px));
|
|
258
258
|
}
|
|
259
|
-
.awsui_selectable-
|
|
259
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_child_15o6u_d2ghy_256.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
260
260
|
padding-inline-start: var(--space-xxl-32srm4, 32px);
|
|
261
261
|
}
|
|
262
|
-
.awsui_selectable-
|
|
262
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9) {
|
|
263
263
|
position: sticky;
|
|
264
264
|
inset-block-start: 0;
|
|
265
265
|
margin-block-end: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
|
|
266
266
|
z-index: 4;
|
|
267
267
|
}
|
|
268
|
-
.awsui_selectable-
|
|
268
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177) {
|
|
269
269
|
border-inline-start-width: var(--border-item-width-miijiw, 2px);
|
|
270
270
|
border-inline-start-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
|
|
271
271
|
border-inline-end-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
|
|
272
272
|
padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
|
|
273
273
|
}
|
|
274
|
-
.awsui_selectable-
|
|
274
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_with-scrollbar_15o6u_d2ghy_274) {
|
|
275
275
|
border-inline-end-width: var(--border-item-width-miijiw, 2px);
|
|
276
276
|
}
|
|
277
|
-
.awsui_selectable-
|
|
277
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_with-scrollbar_15o6u_d2ghy_274 {
|
|
278
278
|
border-inline-end-width: 0;
|
|
279
279
|
}
|
|
280
|
-
.awsui_selectable-
|
|
280
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280) {
|
|
281
281
|
border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
|
|
282
282
|
}
|
|
283
|
-
.awsui_selectable-
|
|
283
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280):not(.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177):not(.awsui_after-header_15o6u_d2ghy_280).awsui_with-scrollbar_15o6u_d2ghy_274) {
|
|
284
284
|
border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
|
|
285
285
|
}
|
|
286
|
-
.awsui_selectable-
|
|
286
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262:not(#\9):not(.awsui_highlighted_15o6u_d2ghy_177):not(.awsui_selected_15o6u_d2ghy_177).awsui_after-header_15o6u_d2ghy_280 {
|
|
287
287
|
border-block-start-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
|
|
288
288
|
}
|
|
289
|
-
.awsui_selectable-
|
|
289
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_highlighted_15o6u_d2ghy_177:not(#\9), .awsui_selectable-item_15o6u_d2ghy_145.awsui_sticky_15o6u_d2ghy_262.awsui_disabled_15o6u_d2ghy_195.awsui_selected_15o6u_d2ghy_177:not(#\9) {
|
|
290
290
|
border-block-end-color: transparent;
|
|
291
291
|
border-block-start-color: transparent;
|
|
292
292
|
border-inline-start-color: transparent;
|
|
293
293
|
border-inline-end-color: transparent;
|
|
294
294
|
}
|
|
295
|
-
.awsui_selectable-
|
|
295
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_disabled_15o6u_d2ghy_195:not(#\9) {
|
|
296
296
|
color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
|
|
297
297
|
}
|
|
298
|
-
.awsui_selectable-
|
|
298
|
+
.awsui_selectable-item_15o6u_d2ghy_145:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195):not(.awsui_parent_15o6u_d2ghy_236) {
|
|
299
299
|
cursor: pointer;
|
|
300
300
|
}
|
|
301
|
-
.awsui_selectable-
|
|
301
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_interactiveGroups_15o6u_d2ghy_240:not(#\9):not(.awsui_disabled_15o6u_d2ghy_195) {
|
|
302
302
|
cursor: pointer;
|
|
303
303
|
}
|
|
304
|
-
.awsui_selectable-
|
|
304
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9) {
|
|
305
305
|
position: absolute;
|
|
306
306
|
inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
|
|
307
307
|
inset-inline-start: 0;
|
|
308
308
|
inline-size: 100%;
|
|
309
309
|
box-sizing: border-box;
|
|
310
310
|
}
|
|
311
|
-
.awsui_selectable-
|
|
311
|
+
.awsui_selectable-item_15o6u_d2ghy_145.awsui_virtual_15o6u_d2ghy_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_d2ghy_177, .awsui_highlighted_15o6u_d2ghy_177) {
|
|
312
312
|
border-block-start-color: var(--color-border-dropdown-item-top-gp2d1p, transparent);
|
|
313
313
|
}
|
|
314
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177), .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
|
|
315
|
-
border-width: var(--border-divider-list-width-tdfx1x, 1px);
|
|
316
|
-
padding-block: calc(var(--space-xxs-hwfkai, 4px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
317
|
-
padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
318
|
-
}
|
|
319
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_pad-bottom_15o6u_xfvek_167, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_pad-bottom_15o6u_xfvek_167:not(#\9) {
|
|
320
|
-
padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
321
|
-
}
|
|
322
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_child_15o6u_xfvek_256, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_child_15o6u_xfvek_256:not(#\9) {
|
|
323
|
-
padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
324
|
-
}
|
|
325
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240, .awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_parent_15o6u_xfvek_236.awsui_interactiveGroups_15o6u_xfvek_240:not(#\9) {
|
|
326
|
-
padding-block: calc(var(--space-xs-ymlm0b, 8px) + calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)));
|
|
327
|
-
}
|
|
328
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177) {
|
|
329
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
330
|
-
}
|
|
331
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_highlighted_15o6u_xfvek_177:not(#\9):not(.awsui_selected_15o6u_xfvek_177).awsui_is-keyboard_15o6u_xfvek_200 {
|
|
332
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
333
|
-
}
|
|
334
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177:not(#\9) {
|
|
335
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
|
|
336
|
-
}
|
|
337
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177:not(#\9) {
|
|
338
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
|
|
339
|
-
}
|
|
340
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_selected_15o6u_xfvek_177.awsui_highlighted_15o6u_xfvek_177.awsui_is-keyboard_15o6u_xfvek_200:not(#\9) {
|
|
341
|
-
box-shadow: inset 0 0 0 calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
|
|
342
|
-
}
|
|
343
|
-
.awsui_selectable-item_15o6u_xfvek_145.awsui_virtual_15o6u_xfvek_171.awsui_parent_15o6u_xfvek_236:not(#\9):not(.awsui_interactiveGroups_15o6u_xfvek_240) {
|
|
344
|
-
border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
|
|
345
|
-
}
|
|
346
314
|
|
|
347
|
-
.awsui_measure-
|
|
315
|
+
.awsui_measure-strut_15o6u_d2ghy_315:not(#\9) {
|
|
348
316
|
position: absolute;
|
|
349
317
|
pointer-events: none;
|
|
350
318
|
block-size: 100%;
|
|
@@ -353,20 +321,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
353
321
|
inset-inline-start: 0;
|
|
354
322
|
padding-block-start: var(--border-divider-list-width-tdfx1x, 1px);
|
|
355
323
|
}
|
|
356
|
-
.awsui_measure-strut-
|
|
324
|
+
.awsui_measure-strut-first_15o6u_d2ghy_324:not(#\9) {
|
|
357
325
|
padding-block-end: var(--border-divider-list-width-tdfx1x, 1px);
|
|
358
326
|
}
|
|
359
327
|
|
|
360
|
-
.awsui_screenreader-
|
|
328
|
+
.awsui_screenreader-content_15o6u_d2ghy_328:not(#\9) {
|
|
361
329
|
position: absolute !important;
|
|
362
330
|
inset-block-start: -9999px !important;
|
|
363
331
|
inset-inline-start: -9999px !important;
|
|
364
332
|
}
|
|
365
333
|
|
|
366
|
-
.awsui_option-
|
|
334
|
+
.awsui_option-content_15o6u_d2ghy_334:not(#\9) {
|
|
367
335
|
/* used in test-utils */
|
|
368
336
|
}
|
|
369
337
|
|
|
370
|
-
.awsui_select-
|
|
338
|
+
.awsui_select-all_15o6u_d2ghy_338:not(#\9) {
|
|
371
339
|
/* used in test-utils */
|
|
372
340
|
}
|
|
@@ -2,27 +2,27 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"selectable-item": "awsui_selectable-
|
|
6
|
-
"pad-bottom": "awsui_pad-
|
|
7
|
-
"virtual": "
|
|
8
|
-
"has-background": "awsui_has-
|
|
9
|
-
"highlighted": "
|
|
10
|
-
"selected": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"is-keyboard": "awsui_is-
|
|
13
|
-
"visual-refresh": "awsui_visual-
|
|
14
|
-
"next-item-selected": "awsui_next-item-
|
|
15
|
-
"previous-item-selected": "awsui_previous-item-
|
|
16
|
-
"parent": "
|
|
17
|
-
"interactiveGroups": "
|
|
18
|
-
"child": "
|
|
19
|
-
"sticky": "
|
|
20
|
-
"with-scrollbar": "awsui_with-
|
|
21
|
-
"after-header": "awsui_after-
|
|
22
|
-
"measure-strut": "awsui_measure-
|
|
23
|
-
"measure-strut-first": "awsui_measure-strut-
|
|
24
|
-
"screenreader-content": "awsui_screenreader-
|
|
25
|
-
"option-content": "awsui_option-
|
|
26
|
-
"select-all": "awsui_select-
|
|
5
|
+
"selectable-item": "awsui_selectable-item_15o6u_d2ghy_145",
|
|
6
|
+
"pad-bottom": "awsui_pad-bottom_15o6u_d2ghy_167",
|
|
7
|
+
"virtual": "awsui_virtual_15o6u_d2ghy_171",
|
|
8
|
+
"has-background": "awsui_has-background_15o6u_d2ghy_174",
|
|
9
|
+
"highlighted": "awsui_highlighted_15o6u_d2ghy_177",
|
|
10
|
+
"selected": "awsui_selected_15o6u_d2ghy_177",
|
|
11
|
+
"disabled": "awsui_disabled_15o6u_d2ghy_195",
|
|
12
|
+
"is-keyboard": "awsui_is-keyboard_15o6u_d2ghy_200",
|
|
13
|
+
"visual-refresh": "awsui_visual-refresh_15o6u_d2ghy_203",
|
|
14
|
+
"next-item-selected": "awsui_next-item-selected_15o6u_d2ghy_211",
|
|
15
|
+
"previous-item-selected": "awsui_previous-item-selected_15o6u_d2ghy_232",
|
|
16
|
+
"parent": "awsui_parent_15o6u_d2ghy_236",
|
|
17
|
+
"interactiveGroups": "awsui_interactiveGroups_15o6u_d2ghy_240",
|
|
18
|
+
"child": "awsui_child_15o6u_d2ghy_256",
|
|
19
|
+
"sticky": "awsui_sticky_15o6u_d2ghy_262",
|
|
20
|
+
"with-scrollbar": "awsui_with-scrollbar_15o6u_d2ghy_274",
|
|
21
|
+
"after-header": "awsui_after-header_15o6u_d2ghy_280",
|
|
22
|
+
"measure-strut": "awsui_measure-strut_15o6u_d2ghy_315",
|
|
23
|
+
"measure-strut-first": "awsui_measure-strut-first_15o6u_d2ghy_324",
|
|
24
|
+
"screenreader-content": "awsui_screenreader-content_15o6u_d2ghy_328",
|
|
25
|
+
"option-content": "awsui_option-content_15o6u_d2ghy_334",
|
|
26
|
+
"select-all": "awsui_select-all_15o6u_d2ghy_338"
|
|
27
27
|
};
|
|
28
28
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (567860d0)";
|
|
3
|
+
export var GIT_SHA = "567860d0";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "console";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
"./internal/base-component/index.js",
|
|
155
155
|
"./internal/base-component/styles.css.js"
|
|
156
156
|
],
|
|
157
|
-
"version": "3.0.
|
|
157
|
+
"version": "3.0.1136",
|
|
158
158
|
"repository": {
|
|
159
159
|
"type": "git",
|
|
160
160
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAUpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;
|
|
1
|
+
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAUpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AA4H/C,wBAAuC"}
|
|
@@ -67,12 +67,9 @@ const VirtualListOpen = forwardRef(({ menuProps, getOptionProps, filteredOptions
|
|
|
67
67
|
firstOptionSticky,
|
|
68
68
|
withScrollbar,
|
|
69
69
|
});
|
|
70
|
-
// Adjust totalSize to account for 1px overlap per item (matching the position adjustment in renderOptions)
|
|
71
|
-
const overlapAdjustment = filteredOptions.length;
|
|
72
|
-
const adjustedTotalSize = totalSize - overlapAdjustment;
|
|
73
70
|
return (React.createElement(OptionsList, { ...menuProps, stickyItemBlockSize: stickySize, ref: menuRef },
|
|
74
71
|
finalOptions,
|
|
75
|
-
React.createElement("div", { "aria-hidden": "true", key: "total-size", className: styles['layout-strut'], style: { height:
|
|
72
|
+
React.createElement("div", { "aria-hidden": "true", key: "total-size", className: styles['layout-strut'], style: { height: totalSize - stickySize } }),
|
|
76
73
|
listBottom ? (React.createElement("div", { role: "option", className: styles['list-bottom'] }, listBottom)) : null));
|
|
77
74
|
});
|
|
78
75
|
const VirtualListClosed = forwardRef(({ menuProps, listBottom }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,GAA6C,EAAE,EAAE;IAC5F,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACtH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GACD,EAClB,GAA6C,EAC7C,EAAE;IACF,uEAAuE;IACvE,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAC/C,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,EACrE,EAAE,CACH,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,wBAAwB,GAAG,MAAM,EAAU,CAAC;IAClD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QAC5D,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,aAAa;QACxB,8FAA8F;QAC9F,oDAAoD;QACpD,oEAAoE;QACpE,+HAA+H;QAC/H,uDAAuD;QACvD,YAAY,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QACnF,eAAe,EAAE,iBAAiB;KACnC,CAAC,CAAC;IAEH,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;QACtB,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;YAC5B,MAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,GAAG,wBAAwB,CAAC,OAAO,CAAC;YAC5G,IAAI,iBAAiB,IAAI,QAAQ,IAAI,KAAK,KAAK,CAAC,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1E,yFAAyF;gBACzF,+DAA+D;gBAC/D,gFAAgF;gBAChF,iDAAiD;gBAEjD,sDAAsD;gBACtD,uBAAuB;gBACvB,mBAAmB,CAAC;oBAClB,KAAK;oBACL,MAAM,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO;iBAC/B,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3C,CAAC,EACD,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE3D,MAAM,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAChE,cAAc;QACd,cAAc;QACd,aAAa;QACb,QAAQ;QACR,UAAU;QACV,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;QACpB,mBAAmB;QACnB,iBAAiB;QACjB,aAAa;KACd,CAAC,CAAC;IAEH,
|
|
1
|
+
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,GAA6C,EAAE,EAAE;IAC5F,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACtH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GACD,EAClB,GAA6C,EAC7C,EAAE;IACF,uEAAuE;IACvE,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAC/C,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,EACrE,EAAE,CACH,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,wBAAwB,GAAG,MAAM,EAAU,CAAC;IAClD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QAC5D,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,aAAa;QACxB,8FAA8F;QAC9F,oDAAoD;QACpD,oEAAoE;QACpE,+HAA+H;QAC/H,uDAAuD;QACvD,YAAY,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QACnF,eAAe,EAAE,iBAAiB;KACnC,CAAC,CAAC;IAEH,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;QACtB,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;YAC5B,MAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,GAAG,wBAAwB,CAAC,OAAO,CAAC;YAC5G,IAAI,iBAAiB,IAAI,QAAQ,IAAI,KAAK,KAAK,CAAC,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1E,yFAAyF;gBACzF,+DAA+D;gBAC/D,gFAAgF;gBAChF,iDAAiD;gBAEjD,sDAAsD;gBACtD,uBAAuB;gBACvB,mBAAmB,CAAC;oBAClB,KAAK;oBACL,MAAM,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO;iBAC/B,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3C,CAAC,EACD,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE3D,MAAM,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAChE,cAAc;QACd,cAAc;QACd,aAAa;QACb,QAAQ;QACR,UAAU;QACV,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;QACpB,mBAAmB;QACnB,iBAAiB;QACjB,aAAa;KACd,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,OAAK,SAAS,EAAE,mBAAmB,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO;QACtE,YAAY;QACb,4CACc,MAAM,EAClB,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GACzC;QACD,UAAU,CAAC,CAAC,CAAC,CACZ,6BAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAChD,UAAU,CACP,CACP,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,GAA6C,EAAE,EAAE;IAC5F,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,WAAW,OAAK,SAAS,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,IAC3C,UAAU,CAAC,CAAC,CAAC,CACZ,6BAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAChD,UAAU,CACP,CACP,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport OptionsList from '../../internal/components/options-list';\nimport { useVirtual } from '../../internal/hooks/use-virtual';\nimport { renderOptions } from '../utils/render-options';\nimport customScrollToIndex from '../utils/scroll-to-index';\nimport { fallbackItemHeight } from './common';\nimport { SelectListProps } from './plain-list';\n\nimport styles from './styles.css.js';\n\nconst VirtualList = (props: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n return props.menuProps.open ? <VirtualListOpen {...props} ref={ref} /> : <VirtualListClosed {...props} ref={ref} />;\n};\n\nconst VirtualListOpen = forwardRef(\n (\n {\n menuProps,\n getOptionProps,\n filteredOptions,\n filteringValue,\n highlightType,\n checkboxes,\n hasDropdownStatus,\n listBottom,\n useInteractiveGroups,\n screenReaderContent,\n firstOptionSticky,\n }: SelectListProps,\n ref: React.Ref<SelectListProps.SelectListRef>\n ) => {\n // update component, when it gets wider or narrower to reposition items\n const [width, menuMeasureRef] = useContainerQuery(\n rect => ({ inner: rect.contentBoxWidth, outer: rect.borderBoxWidth }),\n []\n );\n const menuRefObject = useRef(null);\n const menuRef = useMergeRefs(menuMeasureRef, menuRefObject, menuProps.ref);\n const previousHighlightedIndex = useRef<number>();\n const { virtualItems, totalSize, scrollToIndex } = useVirtual({\n items: filteredOptions,\n parentRef: menuRefObject,\n // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n // when the height of any option could have changed:\n // 1: because the component got resized (width property got updated)\n // 2: because the option changed its content (filteringValue property controls the highlight and the visibility of hidden tags)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n estimateSize: useCallback(() => fallbackItemHeight, [width?.inner, filteringValue]),\n firstItemSticky: firstOptionSticky,\n });\n\n useImperativeHandle(\n ref,\n () => (index: number) => {\n if (highlightType.moveFocus) {\n const movingUp = previousHighlightedIndex.current !== undefined && index < previousHighlightedIndex.current;\n if (firstOptionSticky && movingUp && index !== 0 && menuRefObject.current) {\n // React-Virtual v2 does not offer a proper way to handle sticky elements when scrolling,\n // so until we upgrade to v3, use our own scroll implementation\n // to prevent newly highlighted element from being covered by the sticky element\n // when moving the highlight upwards in the list.\n\n // Scrolling behavior is covered by integration tests.\n // istanbul ignore next\n customScrollToIndex({\n index,\n menuEl: menuRefObject?.current,\n });\n } else {\n scrollToIndex(index);\n }\n }\n previousHighlightedIndex.current = index;\n },\n [firstOptionSticky, highlightType.moveFocus, scrollToIndex]\n );\n\n const stickySize = firstOptionSticky ? virtualItems[0].size : 0;\n const withScrollbar = !!width && width.inner < width.outer;\n\n const idPrefix = useUniqueId('select-list-');\n const finalOptions = renderOptions({\n options: virtualItems.map(({ index }) => filteredOptions[index]),\n getOptionProps,\n filteringValue,\n highlightType,\n idPrefix,\n checkboxes,\n hasDropdownStatus,\n virtualItems,\n useInteractiveGroups,\n screenReaderContent,\n firstOptionSticky,\n withScrollbar,\n });\n\n return (\n <OptionsList {...menuProps} stickyItemBlockSize={stickySize} ref={menuRef}>\n {finalOptions}\n <div\n aria-hidden=\"true\"\n key=\"total-size\"\n className={styles['layout-strut']}\n style={{ height: totalSize - stickySize }}\n />\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n }\n);\n\nconst VirtualListClosed = forwardRef(\n ({ menuProps, listBottom }: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n useImperativeHandle(ref, () => () => {}, []);\n return (\n <OptionsList {...menuProps} ref={menuProps.ref}>\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n }\n);\n\nexport default forwardRef(VirtualList);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-options.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/render-options.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAMlE,UAAU,iBAAiB;IACzB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,GAAI,+NAe3B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"render-options.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/render-options.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAMlE,UAAU,iBAAiB;IACzB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,cAAc,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,GAAI,+NAe3B,iBAAiB,kBAgEnB,CAAC"}
|
|
@@ -25,10 +25,7 @@ export const renderOptions = ({ options, getOptionProps, filteringValue, highlig
|
|
|
25
25
|
const padBottom = !hasDropdownStatus && isLastItem;
|
|
26
26
|
const ListItem = useInteractiveGroups ? MultiselectItem : Item;
|
|
27
27
|
const isSticky = firstOptionSticky && globalIndex === 0;
|
|
28
|
-
|
|
29
|
-
// Subtract globalIndex to shift each item up by 1px per item
|
|
30
|
-
const adjustedVirtualPosition = virtualItem ? virtualItem.start - globalIndex : undefined;
|
|
31
|
-
return (React.createElement(ListItem, { key: globalIndex, ...props, virtualPosition: adjustedVirtualPosition, ref: isSticky && stickyOptionRef ? stickyOptionRef : virtualItem && virtualItem.measureRef, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaPosinset: globalIndex + 1, ariaSetsize: ariaSetsize, highlightType: highlightType.type, withScrollbar: withScrollbar, sticky: isSticky }));
|
|
28
|
+
return (React.createElement(ListItem, { key: globalIndex, ...props, virtualPosition: virtualItem && virtualItem.start, ref: isSticky && stickyOptionRef ? stickyOptionRef : virtualItem && virtualItem.measureRef, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaPosinset: globalIndex + 1, ariaSetsize: ariaSetsize, highlightType: highlightType.type, withScrollbar: withScrollbar, sticky: isSticky }));
|
|
32
29
|
};
|
|
33
30
|
const unflattenedOptions = unflattenOptions(options);
|
|
34
31
|
return unflattenedOptions.map(nestedDropdownOption => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-options.js","sourceRoot":"","sources":["../../../../src/select/utils/render-options.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAwB,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAGlH,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAmBhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAwB,EAAE,EAAE;QACrE,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5D,OAAO,YAAY,CAAC;YAClB,MAAM;YACN,KAAK,EAAE,WAAW;YAClB,cAAc;YACd,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;YAClE,UAAU;SACX,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;QACnD,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5D,MAAM,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,CAAC,iBAAiB,IAAI,UAAU,CAAC;QACnD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,QAAQ,GAAG,iBAAiB,IAAI,WAAW,KAAK,CAAC,CAAC;QAExD,
|
|
1
|
+
{"version":3,"file":"render-options.js","sourceRoot":"","sources":["../../../../src/select/utils/render-options.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { DropdownOption } from '../../internal/components/option/interfaces';\nimport { NestedDropdownOption, unflattenOptions } from '../../internal/components/option/utils/unflatten-options';\nimport { HighlightType } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { VirtualItem } from '../../internal/vendor/react-virtual';\nimport Item from '../parts/item';\nimport MultiselectItem from '../parts/multiselect-item';\nimport OptionGroup from '../parts/option-group';\nimport { getItemProps } from './get-item-props';\n\ninterface RenderOptionProps {\n options: ReadonlyArray<DropdownOption>;\n getOptionProps: any;\n filteringValue: string;\n highlightType: HighlightType;\n idPrefix: string;\n checkboxes?: boolean;\n hasDropdownStatus?: boolean;\n virtualItems?: VirtualItem[];\n useInteractiveGroups?: boolean;\n screenReaderContent?: string;\n ariaSetsize?: number;\n withScrollbar: boolean;\n firstOptionSticky?: boolean;\n stickyOptionRef?: React.Ref<HTMLDivElement>;\n}\n\nexport const renderOptions = ({\n options,\n getOptionProps,\n filteringValue,\n highlightType,\n idPrefix,\n checkboxes = false,\n hasDropdownStatus,\n virtualItems,\n useInteractiveGroups,\n screenReaderContent,\n ariaSetsize,\n withScrollbar,\n firstOptionSticky,\n stickyOptionRef,\n}: RenderOptionProps) => {\n const getNestedItemProps = ({ index, option }: NestedDropdownOption) => {\n const virtualItem = virtualItems && virtualItems[index];\n const globalIndex = virtualItem ? virtualItem.index : index;\n return getItemProps({\n option,\n index: globalIndex,\n getOptionProps,\n filteringValue: option.type === 'select-all' ? '' : filteringValue,\n checkboxes,\n });\n };\n\n const renderListItem = (props: any, index: number) => {\n const virtualItem = virtualItems && virtualItems[index];\n const globalIndex = virtualItem ? virtualItem.index : index;\n\n const isLastItem = index === options.length - 1;\n const padBottom = !hasDropdownStatus && isLastItem;\n const ListItem = useInteractiveGroups ? MultiselectItem : Item;\n const isSticky = firstOptionSticky && globalIndex === 0;\n\n return (\n <ListItem\n key={globalIndex}\n {...props}\n virtualPosition={virtualItem && virtualItem.start}\n ref={isSticky && stickyOptionRef ? stickyOptionRef : virtualItem && virtualItem.measureRef}\n padBottom={padBottom}\n screenReaderContent={screenReaderContent}\n ariaPosinset={globalIndex + 1}\n ariaSetsize={ariaSetsize}\n highlightType={highlightType.type}\n withScrollbar={withScrollbar}\n sticky={isSticky}\n />\n );\n };\n\n const unflattenedOptions = unflattenOptions(options);\n return unflattenedOptions.map(nestedDropdownOption => {\n const index = nestedDropdownOption.index;\n const props = getNestedItemProps(nestedDropdownOption);\n\n if (nestedDropdownOption.type === 'parent') {\n const { children } = nestedDropdownOption;\n const optionId = props.id ?? `${idPrefix}-option-${index}`;\n return (\n <OptionGroup\n key={index}\n virtual={virtualItems?.[index] !== undefined}\n ariaLabelledby={optionId}\n ariaDisabled={props['aria-disabled']}\n >\n {renderListItem(props, index)}\n {children.map(child => (\n <React.Fragment key={child.index}>{renderListItem(getNestedItemProps(child), child.index)}</React.Fragment>\n ))}\n </OptionGroup>\n );\n }\n\n return renderListItem(props, index);\n });\n};\n"]}
|