binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5120] refactor: add onSearchQueryKeyDown prop to ComboboxOptions for keyboard event handling #7941

Browse source
This commit is contained in:
Jayash Tripathy 2025-10-10 16:46:47 +05:30 • committed by GitHub
parent 71ec9fadb7
commit 9ce6179421
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/propel/src/combobox/combobox.tsx
View file

@ -37,6 +37,7 @@ export interface ComboboxOptionsProps {
positionerClassName?: string; positionerClassName?: string;
searchQuery?: string; searchQuery?: string;
onSearchQueryChange?: (query: string) => void; onSearchQueryChange?: (query: string) => void;
onSearchQueryKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
} }
export interface ComboboxOptionProps { export interface ComboboxOptionProps {
@ -109,6 +110,7 @@ function ComboboxOptions({
positionerClassName, positionerClassName,
searchQuery: controlledSearchQuery, searchQuery: controlledSearchQuery,
onSearchQueryChange, onSearchQueryChange,
onSearchQueryKeyDown,
}: ComboboxOptionsProps) { }: ComboboxOptionsProps) {
// const [searchQuery, setSearchQuery] = React.useState(""); // const [searchQuery, setSearchQuery] = React.useState("");
const [internalSearchQuery, setInternalSearchQuery] = React.useState(""); const [internalSearchQuery, setInternalSearchQuery] = React.useState("");
@ -172,6 +174,7 @@ function ComboboxOptions({
placeholder={searchPlaceholder} placeholder={searchPlaceholder}
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
onKeyDown={onSearchQueryKeyDown}
className={cn( className={cn(
"w-full rounded border border-custom-border-100 bg-custom-background-90 py-1.5 pl-8 pr-2 text-sm outline-none placeholder:text-custom-text-400", "w-full rounded border border-custom-border-100 bg-custom-background-90 py-1.5 pl-8 pr-2 text-sm outline-none placeholder:text-custom-text-400",
inputClassName inputClassName