29 lines
805 B
TypeScript
29 lines
805 B
TypeScript
import { MultiAutocompleteChoiceType } from "@saleor/components/MultiAutocompleteSelectField";
|
|
import { maybe } from "@saleor/misc";
|
|
|
|
import useListActions from "./useListActions";
|
|
|
|
function useMultiAutocomplete(initial: MultiAutocompleteChoiceType[] = []) {
|
|
const { listElements, toggle } = useListActions<MultiAutocompleteChoiceType>(
|
|
initial,
|
|
(a, b) => a.value === b.value
|
|
);
|
|
const handleSelect = (
|
|
event: React.ChangeEvent<any>,
|
|
choices: MultiAutocompleteChoiceType[]
|
|
) => {
|
|
const value: string = event.target.value;
|
|
const match = choices.find(choice => choice.value === value);
|
|
toggle({
|
|
label: maybe(() => match.label, value),
|
|
value
|
|
});
|
|
};
|
|
|
|
return {
|
|
change: handleSelect,
|
|
data: listElements
|
|
};
|
|
}
|
|
|
|
export default useMultiAutocomplete;
|