Function handleInlineKeyDown

site/src/components/Autocomplete/Autocomplete.tsx:188–245

(e: KeyboardEvent<HTMLElement>)

			: undefined;

	const handleInlineKeyDown = (e: KeyboardEvent<HTMLElement>) => {
		if (disabled) {
			return;
		}

		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
			e.preventDefault();
			if (!isOpen) {
				handleOpenChange(true);
			}

			if (options.length === 0) {
				updateHighlightedValue(null);
				return;
			}

			const currentIndex = options.findIndex(
				(option) => getOptionValue(option) === highlightedValueRef.current,
			);
			const nextIndex =
				e.key === "ArrowDown"
					? (currentIndex + 1) % options.length
					: (currentIndex <= 0 ? options.length : currentIndex) - 1;
			const nextOption = options[nextIndex];
			if (!nextOption) {
				updateHighlightedValue(null);
				return;
			}
			updateHighlightedValue(getOptionValue(nextOption));
			return;
		}

		if (e.key === "Enter") {
			e.preventDefault();
			e.stopPropagation();
			if (!loading && options.length === 0) {
				onEnterEmpty?.();
				return;
			}

			const highlightedOption = options.find(
				(option) => getOptionValue(option) === highlightedValueRef.current,
			);
			if (highlightedOption) {
				handleSelect(highlightedOption);
			}
			return;
		}

		if (e.key === "Escape") {
			e.preventDefault();
			if (onEscapeKeyDown) {
				e.stopPropagation();
				onEscapeKeyDown();
			}
			handleOpenChange(false);
		}
	};