npm - @cloudscape-design/components - Versions diffs - 3.0.1168 → 3.0.1170 - Mend

@cloudscape-design/components 3.0.1168 → 3.0.1170

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 (11) hide show

package/internal/base-component/styles.scoped.css +1 -1
package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
package/internal/components/drag-handle-wrapper/styles.scoped.css +52 -52
package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
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 +4 -1
package/select/parts/virtual-list.js.map +1 -1

package/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -2004,5 +2004,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-2432b158: true;
+  --awsui-version-info-6aace07d: true;
 }

package/internal/components/drag-handle-wrapper/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_117wo_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_117wo_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_117wo_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_117wo_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_117wo_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_117wo_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_117wo_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_117wo_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_117wo_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_117wo_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_117wo_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_117wo_248",
-  "contents": "awsui_contents_155yk_117wo_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_117wo_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_117wo_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_117wo_275",
-  "drag-handle": "awsui_drag-handle_155yk_117wo_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_117wo_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_117wo_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_117wo_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_117wo_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_117wo_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_117wo_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_117wo_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_117wo_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_117wo_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_117wo_348",
-  "direction-button": "awsui_direction-button_155yk_117wo_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_117wo_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_yyyo1_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_yyyo1_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_yyyo1_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_yyyo1_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_yyyo1_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_yyyo1_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_yyyo1_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248",
+  "contents": "awsui_contents_155yk_yyyo1_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_yyyo1_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_yyyo1_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_yyyo1_275",
+  "drag-handle": "awsui_drag-handle_155yk_yyyo1_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_yyyo1_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_yyyo1_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_yyyo1_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_yyyo1_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_yyyo1_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_yyyo1_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_yyyo1_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_yyyo1_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_yyyo1_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_yyyo1_348",
+  "direction-button": "awsui_direction-button_155yk_yyyo1_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_yyyo1_371"
 };

package/internal/components/drag-handle-wrapper/styles.scoped.css CHANGED Viewed

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@keyframes awsui_drag-handle-entry_155yk_117wo_1 {
+@keyframes awsui_drag-handle-entry_155yk_yyyo1_1 {
   from {
     transform: translate(var(--awsui-drag-handle-animation-inline-offset-rhu47t), var(--awsui-drag-handle-animation-block-offset-rhu47t));
   }
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_117wo_1 {
+@keyframes awsui_drag-handle-exit_155yk_yyyo1_1 {
   from {
     transform: translate(0, 0);
   }
@@ -166,11 +166,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(var(--awsui-drag-handle-animation-inline-offset-rhu47t), var(--awsui-drag-handle-animation-block-offset-rhu47t));
   }
 }
-.awsui_direction-button-wrapper_155yk_117wo_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_yyyo1_169:not(#\9) {
   --awsui-drag-handle-animation-inline-offset-rhu47t: 0;
   --awsui-drag-handle-animation-block-offset-rhu47t: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_117wo_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_yyyo1_1 {
   from {
     opacity: 0.2;
   }
@@ -178,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-fade-out-0_155yk_117wo_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_yyyo1_1 {
   from {
     opacity: 1;
   }
@@ -186,81 +186,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 0;
   }
 }
-.awsui_direction-button-wrapper-motion-enter_155yk_117wo_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_117wo_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_117wo_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_yyyo1_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_yyyo1_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_117wo_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_117wo_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_117wo_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
+.awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_yyyo1_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_yyyo1_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_117wo_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_117wo_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_117wo_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_117wo_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_117wo_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_yyyo1_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_yyyo1_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_117wo_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_yyyo1_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_117wo_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_117wo_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_yyyo1_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_yyyo1_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_117wo_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_yyyo1_229:not(#\9) {
   --awsui-drag-handle-animation-block-offset-rhu47t: 20px;
 }
-.awsui_direction-button-wrapper-block-end_155yk_117wo_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_yyyo1_233:not(#\9) {
   --awsui-drag-handle-animation-block-offset-rhu47t: -20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_117wo_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-start_155yk_117wo_237:not(#\9):dir(ltr) {
+.awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237:not(#\9):dir(ltr) {
   --awsui-drag-handle-animation-inline-offset-rhu47t: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_117wo_237:not(#\9):dir(rtl) {
+.awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237:not(#\9):dir(rtl) {
   --awsui-drag-handle-animation-inline-offset-rhu47t: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_117wo_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-end_155yk_117wo_248:not(#\9):dir(ltr) {
+.awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248:not(#\9):dir(ltr) {
   --awsui-drag-handle-animation-inline-offset-rhu47t: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_117wo_248:not(#\9):dir(rtl) {
+.awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248:not(#\9):dir(rtl) {
   --awsui-drag-handle-animation-inline-offset-rhu47t: 20px;
 }
-.awsui_contents_155yk_117wo_259:not(#\9) {
+.awsui_contents_155yk_yyyo1_259:not(#\9) {
   display: contents;
 }
-.awsui_portal-overlay_155yk_117wo_263:not(#\9) {
+.awsui_portal-overlay_155yk_yyyo1_263:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -268,20 +268,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
-.awsui_portal-overlay-disabled_155yk_117wo_271:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_yyyo1_271:not(#\9) {
   display: none;
 }
-.awsui_portal-overlay-contents_155yk_117wo_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_yyyo1_275:not(#\9) {
   pointer-events: auto;
 }
-.awsui_drag-handle_155yk_117wo_279:not(#\9) {
+.awsui_drag-handle_155yk_yyyo1_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
-.awsui_direction-button-wrapper_155yk_117wo_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_yyyo1_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-4tedi6, 24px);
   inline-size: var(--space-static-xl-4tedi6, 24px);
@@ -289,67 +289,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-xxs-ns94dp, 4px);
 }
-.awsui_direction-button-wrapper-hidden_155yk_117wo_292:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_yyyo1_292:not(#\9) {
   display: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_117wo_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_yyyo1_229:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-block-end_155yk_117wo_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_yyyo1_233:not(#\9) {
   inset-block-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-inline-start_155yk_117wo_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237:not(#\9) {
   inset-inline-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-inline-end_155yk_117wo_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248:not(#\9) {
   inset-inline-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-forced_155yk_117wo_316:not(#\9) {
+.awsui_direction-button-wrapper-forced_155yk_yyyo1_316:not(#\9) {
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-forced-top-0_155yk_117wo_320:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-0_155yk_yyyo1_320:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-1_155yk_117wo_324:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-1_155yk_yyyo1_324:not(#\9) {
   inset-block-start: calc(-2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-2_155yk_117wo_328:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-2_155yk_yyyo1_328:not(#\9) {
   inset-block-start: calc(-3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-3_155yk_117wo_332:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-3_155yk_yyyo1_332:not(#\9) {
   inset-block-start: calc(-4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-0_155yk_117wo_336:not(#\9) {
-  inset-block-start: calc(1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) - 50%);
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_yyyo1_336:not(#\9) {
+  inset-block-start: calc(1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-1_155yk_117wo_340:not(#\9) {
-  inset-block-start: calc(2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) - 50%);
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_yyyo1_340:not(#\9) {
+  inset-block-start: calc(2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-2_155yk_117wo_344:not(#\9) {
-  inset-block-start: calc(3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) - 50%);
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_yyyo1_344:not(#\9) {
+  inset-block-start: calc(3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-3_155yk_117wo_348:not(#\9) {
-  inset-block-start: calc(4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) - 50%);
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_yyyo1_348:not(#\9) {
+  inset-block-start: calc(4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
-.awsui_direction-button_155yk_117wo_169:not(#\9) {
+.awsui_direction-button_155yk_yyyo1_169:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
@@ -368,14 +368,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-direction-button-default-p88lvb, #ffffff);
   box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_direction-button_155yk_117wo_169:not(#\9):not(.awsui_direction-button-disabled_155yk_117wo_371):hover {
+.awsui_direction-button_155yk_yyyo1_169:not(#\9):not(.awsui_direction-button-disabled_155yk_yyyo1_371):hover {
   background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
 }
-.awsui_direction-button_155yk_117wo_169:not(#\9):not(.awsui_direction-button-disabled_155yk_117wo_371):active {
+.awsui_direction-button_155yk_yyyo1_169:not(#\9):not(.awsui_direction-button-disabled_155yk_yyyo1_371):active {
   background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
 }
-.awsui_direction-button-disabled_155yk_117wo_371:not(#\9) {
+.awsui_direction-button-disabled_155yk_yyyo1_371:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-s9x4zq, #ebebf0);
   color: var(--color-text-direction-button-disabled-2jds36, #b4b4bb);

package/internal/components/drag-handle-wrapper/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_117wo_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_117wo_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_117wo_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_117wo_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_117wo_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_117wo_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_117wo_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_117wo_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_117wo_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_117wo_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_117wo_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_117wo_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_117wo_248",
-  "contents": "awsui_contents_155yk_117wo_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_117wo_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_117wo_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_117wo_275",
-  "drag-handle": "awsui_drag-handle_155yk_117wo_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_117wo_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_117wo_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_117wo_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_117wo_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_117wo_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_117wo_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_117wo_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_117wo_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_117wo_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_117wo_348",
-  "direction-button": "awsui_direction-button_155yk_117wo_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_117wo_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_yyyo1_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_yyyo1_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_yyyo1_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_yyyo1_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_yyyo1_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_yyyo1_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_yyyo1_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_yyyo1_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_yyyo1_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_yyyo1_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_yyyo1_248",
+  "contents": "awsui_contents_155yk_yyyo1_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_yyyo1_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_yyyo1_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_yyyo1_275",
+  "drag-handle": "awsui_drag-handle_155yk_yyyo1_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_yyyo1_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_yyyo1_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_yyyo1_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_yyyo1_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_yyyo1_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_yyyo1_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_yyyo1_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_yyyo1_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_yyyo1_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_yyyo1_348",
+  "direction-button": "awsui_direction-button_155yk_yyyo1_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_yyyo1_371"
 };

package/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (2432b158)";
-export var GIT_SHA = "2432b158";
+export var PACKAGE_VERSION = "3.0.0 (6aace07d)";
+export var GIT_SHA = "6aace07d";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (2432b158)",
-  "GIT_SHA": "2432b158",
+  "PACKAGE_VERSION": "3.0.0 (6aace07d)",
+  "GIT_SHA": "6aace07d",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "2432b1580b63a87ffbe0e6de0dd0e4aab7553695"
+  "commit": "6aace07def1de0d2f1ac9d78a11b51af09c06df7"
 }

package/package.json CHANGED Viewed

@@ -158,7 +158,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1168",
+  "version": "3.0.1170",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/select/parts/virtual-list.d.ts.map CHANGED Viewed

	@@ -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;;~~AA8H~~/C,wBAAuC"}
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;;AAiI/C,wBAAuC"}

package/select/parts/virtual-list.js CHANGED Viewed

@@ -45,7 +45,10 @@ const VirtualListOpen = forwardRef(({ menuProps, getOptionProps, filteredOptions
                 });
             }
             else {
-                scrollToIndex(index);
+                // Fix for AWSUI-61506. Defer scroll to next frame to ensure
+                // virtual items are measured after re-render. When called from
+                // parent's useEffect, measurements may not be ready yet.
+                requestAnimationFrame(() => scrollToIndex(index));
             }
         }
         previousHighlightedIndex.current = index;

package/select/parts/virtual-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.tsx"],"names":[],"mappings":"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~~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,YAAY;QACZ,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 renderOption,\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 renderOption,\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	+ {"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../../src/select/parts/virtual-list.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, { 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 renderOption,\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 // Fix for AWSUI-61506. Defer scroll to next frame to ensure\n // virtual items are measured after re-render. When called from\n // parent's useEffect, measurements may not be ready yet.\n requestAnimationFrame(() => 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 renderOption,\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"]}