react-ui-suite 0.1.0 → 1.0.0

package/dist/index.js

@@ -1803,7 +1803,19 @@ function Select({
   const id = React11.useId();
   const listboxId = `${id}-listbox`;
   const [open, setOpen] = React11.useState(false);
-  const [activeIndex, setActiveIndex] = React11.useState(-1);
+  const [activeIndexState, setActiveIndexState] = React11.useState(-1);
+  const activeIndexRef = React11.useRef(activeIndexState);
+  const setActiveIndex = React11.useCallback(
+    (value2) => {
+      setActiveIndexState((prev) => {
+        const next = typeof value2 === "function" ? value2(prev) : value2;
+        activeIndexRef.current = next;
+        return next;
+      });
+    },
+    []
+  );
+  const activeIndex = activeIndexState;
   const [selected, setSelected] = useControlledState(value, defaultValue != null ? defaultValue : null);
   useOutsideClick(
     [containerRef],
@@ -1900,7 +1912,7 @@ function Select({
       case "Enter":
       case " ":
         e.preventDefault();
-        if (activeIndex >= 0) commitSelection(activeIndex);
+        if (activeIndexRef.current >= 0) commitSelection(activeIndexRef.current);
         break;
       case "Escape":
         e.preventDefault();