snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/navbar/NavBarSearch/hooks/useSearchNavigation.ts

@@ -0,0 +1,64 @@
+import { useFocusManager } from '@react-aria/focus';
+import type { OverlayTriggerState } from '@react-stately/overlays';
+import type { KeyboardEvent } from 'react';
+import { useCallback } from 'react';
+
+export const isOption = (node: Element) => node.getAttribute('role') === 'option';
+
+export const useListboxNavigation = (state: OverlayTriggerState) => {
+	const focusManager = useFocusManager();
+
+	const handleKeyDown = useCallback(
+		(e: KeyboardEvent) => {
+			if (e.code === 'Tab') {
+				state.close();
+			}
+
+			if (e.code === 'ArrowUp' || e.code === 'ArrowDown') {
+				e.preventDefault();
+
+				if (e.code === 'ArrowUp') {
+					return focusManager?.focusPrevious({
+						wrap: true,
+						accept: (node) => isOption(node),
+					});
+				}
+
+				if (e.code === 'ArrowDown') {
+					focusManager?.focusNext({
+						wrap: true,
+						accept: (node) => isOption(node),
+					});
+				}
+			}
+		},
+		[focusManager, state],
+	);
+
+	return handleKeyDown;
+};
+
+export const useSearchInputNavigation = (state: OverlayTriggerState) => {
+	const focusManager = useFocusManager();
+
+	const handleKeyDown = useCallback(
+		(e: KeyboardEvent) => {
+			state.setOpen(true);
+
+			if ((e.code === 'Tab' && e.shiftKey) || e.key === 'Escape') {
+				state.close();
+			}
+
+			if (e.code === 'ArrowUp' || e.code === 'ArrowDown') {
+				e.preventDefault();
+
+				focusManager?.focusNext({
+					accept: (node) => isOption(node),
+				});
+			}
+		},
+		[focusManager, state],
+	);
+
+	return handleKeyDown;
+};