react-aria 3.49.0 → 3.51.0

package/dist/private/selection/useSelectableCollection.mjs

@@ -7,10 +7,12 @@ import {getFocusableTreeWalker as $535772f9d2c1f38d$export$2d6ec8fc375ceafa} fro
 import {getInteractionModality as $8f5a2122b0992be3$export$630ff653c5ada6a9} from "../interactions/useFocusVisible.mjs";
 import {getItemElement as $22bbea12c2567021$export$c3d8340acf92597f, isNonContiguousSelectionModifier as $22bbea12c2567021$export$d3e3bd3e26688c04, useCollectionId as $22bbea12c2567021$export$881eb0d9f3605d9d} from "./utils.mjs";
 import {isCtrlKeyPressed as $bb39c0fc1c19b34c$export$16792effe837dba3} from "../utils/keyboard.mjs";
+import {isMac as $2add3ce32c6007eb$export$9ac100e40613ea10} from "../utils/platform.mjs";
 import {isTabbable as $3b8b240c1bf84ab9$export$bebd5a1431fec25d} from "../utils/isFocusable.mjs";
 import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/mergeProps.mjs";
 import {scrollIntoView as $51a3e22a5186a962$export$53a0910f038337bd, scrollIntoViewport as $51a3e22a5186a962$export$c826860796309d1b} from "../utils/scrollIntoView.mjs";
 import {useEvent as $600b3cf69ae46262$export$90fc3a17d93f704c} from "../utils/useEvent.mjs";
+import {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from "../interactions/useKeyboard.mjs";
 import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
 import {useRouter as $caaf0dd3060ed57c$export$9a302a45f65d0572} from "../utils/openLink.mjs";
 import {useTypeSelect as $f5a4a9a3486154da$export$e32c88dfddc6e1d8} from "./useTypeSelect.mjs";
@@ -47,161 +49,214 @@ import {useRef as $V3AJM$useRef, useEffect as $V3AJM$useEffect} from "react";
 
 
 
+
+
 function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
     let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
-    scrollRef = ref, linkBehavior: linkBehavior = 'action' } = options;
+    scrollRef = ref, linkBehavior: linkBehavior = 'action', UNSTABLE_focusOnEntry: UNSTABLE_focusOnEntry } = options;
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let router = (0, $caaf0dd3060ed57c$export$9a302a45f65d0572)();
-    let onKeyDown = (e)=>{
-        // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
-        if (e.altKey && e.key === 'Tab') e.preventDefault();
-        // Keyboard events bubble through portals. Don't handle keyboard events
-        // for elements outside the collection (e.g. menus).
-        if (!ref.current || !(0, $23f2114a1b82827e$export$4282f70798064fe0)(ref.current, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e))) return;
-        const navigateToKey = (key, childFocus)=>{
-            if (key != null) {
-                if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !(0, $22bbea12c2567021$export$d3e3bd3e26688c04)(e)) {
-                    // Set focused key and re-render synchronously to bring item into view if needed.
-                    (0, $V3AJM$flushSync)(()=>{
-                        manager.setFocusedKey(key, childFocus);
-                    });
-                    let item = (0, $22bbea12c2567021$export$c3d8340acf92597f)(ref, key);
-                    let itemProps = manager.getItemProps(key);
-                    if (item) router.open(item, e, itemProps.href, itemProps.routerOptions);
+    const navigateToKey = (e, key, childFocus)=>{
+        if (key != null) {
+            if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !(0, $22bbea12c2567021$export$d3e3bd3e26688c04)(e)) {
+                // Set focused key and re-render synchronously to bring item into view if needed.
+                (0, $V3AJM$flushSync)(()=>{
+                    manager.setFocusedKey(key, childFocus);
+                });
+                let item = (0, $22bbea12c2567021$export$c3d8340acf92597f)(ref, key);
+                let itemProps = manager.getItemProps(key);
+                if (item) {
+                    router.open(item, e, itemProps.href, itemProps.routerOptions);
                     return;
                 }
-                manager.setFocusedKey(key, childFocus);
-                if (manager.isLink(key) && linkBehavior === 'override') return;
-                if (e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(key);
-                else if (selectOnFocus && !(0, $22bbea12c2567021$export$d3e3bd3e26688c04)(e)) manager.replaceSelection(key);
+                return false;
             }
-        };
-        switch(e.key){
-            case 'ArrowDown':
-                if (delegate.getKeyBelow) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyBelow?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = delegate.getFirstKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'ArrowUp':
-                if (delegate.getKeyAbove) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyAbove?.(manager.focusedKey) : delegate.getLastKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = delegate.getLastKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'ArrowLeft':
-                if (delegate.getKeyLeftOf) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyLeftOf?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getFirstKey?.(manager.focusedKey) : delegate.getLastKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
-                    }
-                }
-                break;
-            case 'ArrowRight':
-                if (delegate.getKeyRightOf) {
-                    let nextKey = manager.focusedKey != null ? delegate.getKeyRightOf?.(manager.focusedKey) : delegate.getFirstKey?.();
-                    if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getLastKey?.(manager.focusedKey) : delegate.getFirstKey?.(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
-                    }
-                }
-                break;
-            case 'Home':
-                if (delegate.getFirstKey) {
-                    if (manager.focusedKey === null && e.shiftKey) return;
-                    e.preventDefault();
-                    let firstKey = delegate.getFirstKey(manager.focusedKey, (0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e));
-                    manager.setFocusedKey(firstKey);
-                    if (firstKey != null) {
-                        if ((0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
-                        else if (selectOnFocus) manager.replaceSelection(firstKey);
-                    }
-                }
-                break;
-            case 'End':
-                if (delegate.getLastKey) {
-                    if (manager.focusedKey === null && e.shiftKey) return;
-                    e.preventDefault();
-                    let lastKey = delegate.getLastKey(manager.focusedKey, (0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e));
-                    manager.setFocusedKey(lastKey);
-                    if (lastKey != null) {
-                        if ((0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
-                        else if (selectOnFocus) manager.replaceSelection(lastKey);
-                    }
-                }
-                break;
-            case 'PageDown':
-                if (delegate.getKeyPageBelow && manager.focusedKey != null) {
-                    let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'PageUp':
-                if (delegate.getKeyPageAbove && manager.focusedKey != null) {
-                    let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
-                    if (nextKey != null) {
-                        e.preventDefault();
-                        navigateToKey(nextKey);
-                    }
-                }
-                break;
-            case 'a':
-                if ((0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
-                    e.preventDefault();
-                    manager.selectAll();
-                }
-                break;
-            case 'Escape':
-                if (escapeKeyBehavior === 'clearSelection' && !disallowEmptySelection && manager.selectedKeys.size !== 0) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    manager.clearSelection();
+            manager.setFocusedKey(key, childFocus);
+            if (manager.isLink(key) && linkBehavior === 'override') return false;
+            if (e.shiftKey && manager.selectionMode === 'multiple') {
+                manager.extendSelection(key);
+                return;
+            } else if (selectOnFocus && !(0, $22bbea12c2567021$export$d3e3bd3e26688c04)(e)) {
+                manager.replaceSelection(key);
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowDown = (e)=>{
+        if (delegate.getKeyBelow) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyBelow?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = delegate.getFirstKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey);
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowUp = (e)=>{
+        if (delegate.getKeyAbove) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyAbove?.(manager.focusedKey) : delegate.getLastKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = delegate.getLastKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey);
+                return;
+            }
+        }
+        return false;
+    };
+    let home = (e)=>{
+        if (delegate.getFirstKey) {
+            if (manager.focusedKey === null && e.shiftKey) return false;
+            // TODO: should Home and End also be reversed in column reverse aka Home goes to top? Or should Home always to to the "first" (bottom)
+            let firstKey = delegate.getFirstKey(manager.focusedKey, (0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e));
+            manager.setFocusedKey(firstKey);
+            if (firstKey != null) {
+                if ((0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') {
+                    manager.extendSelection(firstKey);
+                    return;
+                } else if (selectOnFocus) {
+                    manager.replaceSelection(firstKey);
+                    return;
                 }
-                break;
-            case 'Tab':
-                if (!allowsTabNavigation) {
-                    // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell).
-                    // However, collections should be treated as a single tab stop, with arrow key navigation internally.
-                    // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.
-                    // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element
-                    // in the collection, so that the browser default behavior will apply starting from that element
-                    // rather than the currently focused one.
-                    if (e.shiftKey) ref.current.focus();
-                    else {
-                        let walker = (0, $535772f9d2c1f38d$export$2d6ec8fc375ceafa)(ref.current, {
-                            tabbable: true
-                        });
-                        let next = undefined;
-                        let last;
-                        do {
-                            last = walker.lastChild();
-                            // oxlint-disable-next-line max-depth
-                            if (last) next = last;
-                        }while (last);
-                        // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to
-                        // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between
-                        // focusing the containing cell and back to the non-tabbable child element
-                        let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)();
-                        if (next && (!(0, $23f2114a1b82827e$export$b4f377a2b6254582)(next) || activeElement && !(0, $3b8b240c1bf84ab9$export$bebd5a1431fec25d)(activeElement))) (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(next);
-                    }
-                    break;
+            }
+        }
+        return false;
+    };
+    let arrowLeft = (e)=>{
+        if (delegate.getKeyLeftOf) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyLeftOf?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getFirstKey?.(manager.focusedKey) : delegate.getLastKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey, direction === 'rtl' ? 'first' : 'last');
+                return;
+            }
+        }
+        return false;
+    };
+    let arrowRight = (e)=>{
+        if (delegate.getKeyRightOf) {
+            let nextKey = manager.focusedKey != null ? delegate.getKeyRightOf?.(manager.focusedKey) : delegate.getFirstKey?.();
+            if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? delegate.getLastKey?.(manager.focusedKey) : delegate.getFirstKey?.(manager.focusedKey);
+            if (nextKey != null) {
+                navigateToKey(e, nextKey, direction === 'rtl' ? 'last' : 'first');
+                return;
+            }
+        }
+        return false;
+    };
+    let end = (e)=>{
+        if (delegate.getLastKey) {
+            if (manager.focusedKey === null && e.shiftKey) return false;
+            let lastKey = delegate.getLastKey(manager.focusedKey, (0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e));
+            manager.setFocusedKey(lastKey);
+            if (lastKey != null) {
+                if ((0, $bb39c0fc1c19b34c$export$16792effe837dba3)(e) && e.shiftKey && manager.selectionMode === 'multiple') {
+                    manager.extendSelection(lastKey);
+                    return;
+                } else if (selectOnFocus) {
+                    manager.replaceSelection(lastKey);
+                    return;
                 }
+            }
+        }
+        return false;
+    };
+    let pageDown = (e)=>{
+        if (delegate.getKeyPageBelow && manager.focusedKey != null) {
+            let nextKey = delegate.getKeyPageBelow(manager.focusedKey);
+            if (nextKey != null) return navigateToKey(e, nextKey);
+        }
+        return false;
+    };
+    let pageUp = (e)=>{
+        if (delegate.getKeyPageAbove && manager.focusedKey != null) {
+            let nextKey = delegate.getKeyPageAbove(manager.focusedKey);
+            if (nextKey != null) return navigateToKey(e, nextKey);
+        }
+        return false;
+    };
+    let aHandler = ()=>{
+        if (manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
+            manager.selectAll();
+            return;
         }
+        return false;
+    };
+    let escape = ()=>{
+        if (escapeKeyBehavior === 'clearSelection' && !disallowEmptySelection && manager.selectedKeys.size !== 0) {
+            manager.clearSelection();
+            return;
+        }
+        return false;
+    };
+    let tab = ()=>{
+        if (!allowsTabNavigation && ref.current) {
+            // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell).
+            // However, collections should be treated as a single tab stop, with arrow key navigation internally.
+            // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing.
+            // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element
+            // in the collection, so that the browser default behavior will apply starting from that element
+            // rather than the currently focused one.
+            let walker = (0, $535772f9d2c1f38d$export$2d6ec8fc375ceafa)(ref.current, {
+                tabbable: true
+            });
+            let next = undefined;
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) next = last;
+            }while (last);
+            // If the active element is NOT tabbable but is contained by an element that IS tabbable (aka the cell), the browser will actually move focus to
+            // the containing element. We need to special case this so that tab will move focus out of the grid instead of looping between
+            // focusing the containing cell and back to the non-tabbable child element
+            let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)();
+            if (next && (!(0, $23f2114a1b82827e$export$b4f377a2b6254582)(next) || activeElement && !(0, $3b8b240c1bf84ab9$export$bebd5a1431fec25d)(activeElement))) (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(next);
+        }
+        return {
+            shouldContinuePropagation: true,
+            shouldPreventDefault: false
+        };
+    };
+    let shiftTab = ()=>{
+        if (!allowsTabNavigation && ref.current) ref.current.focus();
+        return {
+            shouldContinuePropagation: true,
+            shouldPreventDefault: false
+        };
     };
+    let withShiftSel = (key, callback)=>{
+        return {
+            [(0, $2add3ce32c6007eb$export$9ac100e40613ea10)() ? key + '+Shift+Alt' : key + '+Shift+Control']: callback,
+            [key + '+Shift']: callback,
+            [(0, $2add3ce32c6007eb$export$9ac100e40613ea10)() ? key + '+Alt' : key + '+Control']: callback,
+            [key]: callback
+        };
+    };
+    // oxlint-disable react/react-compiler
+    let { keyboardProps: repeatKeyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            ...withShiftSel('ArrowDown', arrowDown),
+            ...withShiftSel('ArrowUp', arrowUp),
+            ...withShiftSel('ArrowLeft', arrowLeft),
+            ...withShiftSel('ArrowRight', arrowRight),
+            ...withShiftSel('PageDown', pageDown),
+            ...withShiftSel('PageUp', pageUp)
+        },
+        allowRepeats: true
+    });
+    // oxlint-disable react/react-compiler
+    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)({
+        shortcuts: {
+            ...withShiftSel('Home', home),
+            ...withShiftSel('End', end),
+            'Mod+A': aHandler,
+            Escape: escape,
+            Tab: tab,
+            'Tab+Shift': shiftTab
+        }
+    });
+    // oxlint-enable react/react-compiler
     // Store the scroll position so we can restore it later.
     /// TODO: should this happen all the time??
     let scrollPos = (0, $V3AJM$useRef)({
@@ -222,14 +277,20 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
         }
         // Focus events can bubble through portals. Ignore these events.
         if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e))) return;
+        let modality = (0, $8f5a2122b0992be3$export$630ff653c5ada6a9)();
         manager.setFocused(true);
-        if (manager.focusedKey == null) {
-            let navigateToKey = (key)=>{
-                if (key != null) {
-                    manager.setFocusedKey(key);
-                    if (selectOnFocus && !manager.isSelected(key)) manager.replaceSelection(key);
-                }
-            };
+        let navigateToKey = (key)=>{
+            if (key != null) {
+                manager.setFocusedKey(key);
+                if (selectOnFocus && !manager.isSelected(key)) manager.replaceSelection(key);
+            }
+        };
+        // we need the "virtual" modality case checks here because shift tabbing from the prompt field's attachment card back into the
+        // thread is a virtual focus event (the tab handler in onKeyDown focuses the ref of the attachmentList aka TagGroup via a focus() call, hence the virtual modality)
+        if (UNSTABLE_focusOnEntry && (modality === 'keyboard' || modality === 'virtual')) // always go to the first item in the Thread when tabbing forwards/backwards into the collection
+        // since it is probably more important to the user to see the new prompt reply rather than go to the last focused key
+        navigateToKey(UNSTABLE_focusOnEntry === 'first' ? delegate.getFirstKey?.() : delegate.getLastKey?.());
+        else if (manager.focusedKey == null) {
             // If the user hasn't yet interacted with the collection, there will be no focusedKey set.
             // Attempt to detect whether the user is tabbing forward or backward into the collection
             // and either focus the first or last item accordingly.
@@ -247,8 +308,7 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
             if (element instanceof HTMLElement) {
                 // This prevents a flash of focus on the first/last element in the collection, or the collection itself.
                 if (!(0, $23f2114a1b82827e$export$b4f377a2b6254582)(element) && !shouldUseVirtualFocus) (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(element);
-                let modality = (0, $8f5a2122b0992be3$export$630ff653c5ada6a9)();
-                if (modality === 'keyboard') (0, $51a3e22a5186a962$export$c826860796309d1b)(element, {
+                if (modality === 'keyboard' || UNSTABLE_focusOnEntry && modality === 'virtual') (0, $51a3e22a5186a962$export$c826860796309d1b)(element, {
                     containingElement: ref.current
                 });
             }
@@ -273,12 +333,12 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
         if (detail?.focusStrategy === 'first') shouldVirtualFocusFirst.current = true;
     });
     // update active descendant
+    let firstKey = delegate.getFirstKey?.() ?? null;
     (0, $a475cdc2445827b5$export$72ef708ab07251f1)(()=>{
         if (shouldVirtualFocusFirst.current) {
-            let keyToFocus = delegate.getFirstKey?.() ?? null;
             // If no focusable items exist in the list, make sure to clear any activedescendant that may still exist and move focus back to
             // the original active element (e.g. the autocomplete input)
-            if (keyToFocus == null) {
+            if (firstKey == null) {
                 let previousActiveElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)();
                 (0, $b72f3f7b3b5f42c6$export$76e4e37e5339496d)(ref.current);
                 (0, $b72f3f7b3b5f42c6$export$2b35b76d2e30e129)(previousActiveElement, null);
@@ -286,7 +346,7 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
                 // Reset shouldVirtualFocusFirst so that we don't erronously autofocus an item when the collection is filtered again.
                 if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
             } else {
-                manager.setFocusedKey(keyToFocus);
+                manager.setFocusedKey(firstKey);
                 // Only set shouldVirtualFocusFirst to false if we've successfully set the first key as the focused key
                 // If there wasn't a key to focus, we might be in a temporary loading state so we'll want to still focus the first key
                 // after the collection updates after load
@@ -294,7 +354,8 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
             }
         }
     }, [
-        manager.collection
+        firstKey,
+        manager.collection.size
     ]);
     // reset focus first flag
     (0, $a475cdc2445827b5$export$72ef708ab07251f1)(()=>{
@@ -376,7 +437,7 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
         manager.setFocused(true);
     });
     let handlers = {
-        onKeyDown: onKeyDown,
+        ...(0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(keyboardProps, repeatKeyboardProps),
         onFocus: onFocus,
         onBlur: onBlur,
         onMouseDown (e) {
@@ -389,13 +450,15 @@ function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
         keyboardDelegate: delegate,
         selectionManager: manager
     });
-    if (!disallowTypeAhead) handlers = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(typeSelectProps, handlers);
+    if (!disallowTypeAhead) // oxlint-disable-next-line react/react-compiler
+    handlers = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(typeSelectProps, handlers);
     // If nothing is focused within the collection, make the collection itself tabbable.
     // This will be marshalled to either the first or last item depending on where focus came from.
     let tabIndex = undefined;
     if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
     let collectionId = (0, $22bbea12c2567021$export$881eb0d9f3605d9d)(manager.collection);
     return {
+        // oxlint-disable-next-line react/react-compiler
         collectionProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(handlers, {
             tabIndex: tabIndex,
             'data-collection': collectionId