@1771technologies/lytenyte-pro
Version:
Blazingly fast headless React data grid with 100s of features.
12 lines (11 loc) • 661 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { useCompletionListContext } from "./completion-context.js";
function CompleteListItemBase({ item, index, ...props }, ref) {
const { selectedIndex, onSelect } = useCompletionListContext();
return (_jsx("li", { ...props, ref: ref, role: "option", "aria-selected": index === selectedIndex, "data-ln-selected": index === selectedIndex ? "" : undefined, onMouseDown: (e) => {
e.preventDefault();
onSelect(item);
}, "data-ln-expression-completion-item": true }));
}
export const CompletionListItem = forwardRef(CompleteListItemBase);