17 lines
461 B
TypeScript
17 lines
461 B
TypeScript
|
import { Choice } from "@saleor/components/SingleSelectField";
|
||
|
|
import { filter } from "fuzzaldrin";
|
||
|
|
import { useMemo, useState } from "react";
|
||
|
|
|
||
|
|
function useChoiceSearch(choices: Array<Choice<string, string>>) {
|
||
|
|
const [query, setQuery] = useState("");
|
||
|
|
|
||
|
|
const sortedChoices = useMemo(
|
||
|
|
() => filter(choices, query, { key: "label" }) || [],
|
||
|
|
[choices, query]
|
||
|
|
);
|
||
|
|
|
||
|
|
return { search: setQuery, result: sortedChoices };
|
||
|
|
}
|
||
|
|
|
||
|
|
export default useChoiceSearch;
|