gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: select tests

Browse Source
This commit is contained in:
Daniel Lautzenheiser
2023-04-17 14:32:14 -04:00
parent 290d708b12
commit b39092c21c
3 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/core/src/components/common/select/Select.tsx
View File

@ -40,6 +40,22 @@ const Select = forwardRef(
{ label, placeholder, value, options, required = false, disabled, onChange }: SelectProps,
ref: Ref<HTMLButtonElement>,
) => {
const { width } = useElementSize<HTMLButtonElement>(ref);
const [open, setOpen] = useState(false);
const debouncedOpen = useDebounce(open, 200);
const handleOpenChange = useCallback(
(newOpen: boolean) => {
if (debouncedOpen !== open) {
return;
}
setOpen(newOpen);
},
[debouncedOpen, open],
);
const handleButtonClick = useCallback(() => handleOpenChange(!open), [handleOpenChange, open]);
const handleChange = useCallback(
(_event: MouseEvent | KeyboardEvent | FocusEvent | null, selectedValue: number | string) => {
if (Array.isArray(value)) {
@ -52,31 +68,16 @@ const Select = forwardRef(
}
onChange(newValue);
setOpen(false);
return;
}
onChange(selectedValue);
setOpen(false);
},
[onChange, value],
);
const { width } = useElementSize<HTMLButtonElement>(ref);
const [open, setOpen] = useState(false);
const debouncedOpen = useDebounce(open, 250);
const handleOpenChange = useCallback(
(newOpen: boolean) => {
if (debouncedOpen !== open) {
return;
}
setOpen(newOpen);
},
[debouncedOpen, open],
);
const handleButtonClick = useCallback(() => handleOpenChange(!open), [handleOpenChange, open]);
return (
<div className="relative w-full">
{/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}