Add onOpenChange function as prop to select (#173)

src/components/Select/MultiSelect.tsx

@@ -12,6 +12,7 @@ export interface MultiSelectProps
   onSelect?: (value: Array<string>) => void;
   value?: Array<string>;
   defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }
 
 export const MultiSelect = ({
@@ -20,13 +21,24 @@ export const MultiSelect = ({
   onSelect: onSelectProp,
   options,
   children,
+  onOpenChange: onOpenChangeProp,
   ...props
 }: MultiSelectProps) => {
   const [selectedValues, setSelectedValues] = useState<Array<string>>(
     valueProp ?? defaultValue ?? []
   );
   const [open, setOpen] = useState(false);
 
+  const onOpenChange = useCallback(
+    (open: boolean) => {
+      setOpen(open);
+      if (typeof onOpenChangeProp === "function") {
+        onOpenChangeProp(open);
+      }
+    },
+    [onOpenChangeProp]
+  );
+
   useEffect(() => {
     setSelectedValues(valueProp ?? []);
   }, [valueProp]);
@@ -67,7 +79,7 @@ export const MultiSelect = ({
       onChange={onChange}
       value={valueProp ?? selectedValues}
       open={open}
-      onOpenChange={setOpen}
+      onOpenChange={onOpenChange}
       onSelect={onSelect}
       multiple
       {...conditionalProps}

src/components/Select/SingleSelect.tsx

@@ -11,6 +11,7 @@ export interface SelectProps
   onSelect?: (value: string) => void;
   value?: string;
   placeholder?: string;
+  onOpenChange?: (open: boolean) => void;
 }
 
 export const Select = ({
@@ -19,16 +20,23 @@ export const Select = ({
   onSelect: onSelectProp,
   options,
   children,
+  onOpenChange: onOpenChangeProp,
   ...props
 }: SelectProps) => {
   const [selectedValues, setSelectedValues] = useState<Array<string>>(
     valueProp ? [valueProp] : defaultValue ? [defaultValue] : []
   );
   const [open, setOpen] = useState(false);
 
-  const onOpenChange = useCallback((open: boolean) => {
-    setOpen(open);
-  }, []);
+  const onOpenChange = useCallback(
+    (open: boolean) => {
+      setOpen(open);
+      if (typeof onOpenChangeProp === "function") {
+        onOpenChangeProp(open);
+      }
+    },
+    [onOpenChangeProp]
+  );
 
   const onSelect = useCallback(
     (value: string) => {