fix: FIT-831: Member dropdown in Member Performance Dashboard not working (#8686)

Co-authored-by: yyassi-heartex <[email protected]>

Author: yyassi-heartex

web/libs/ui/src/lib/select/select.tsx

@@ -87,6 +87,8 @@ export const Select = forwardRef(
       pageSize = VARIABLE_LIST_PAGE_SIZE,
       page = 1,
       itemCount,
+      onClose,
+      onOpen,
       ...props
     }: SelectProps<T, A>,
     _ref: ForwardedRef<HTMLSelectElement>,
@@ -143,7 +145,10 @@ export const Select = forwardRef(
           valueRef.current = val;
           setValue(val);
         }
-        !multiple && setIsOpen(false);
+        if (!multiple) {
+          setIsOpen(false);
+          onClose?.();
+        }
         props?.onChange?.(valueRef.current);
         setTimeout(() => {
           const changeEvent = new Event("change", {
@@ -310,7 +315,13 @@ export const Select = forwardRef(
     }, [_options, multiple, isSelected, _onChange]);
 
     const combobox = (
-      <Popover open={isOpen} onOpenChange={setIsOpen}>
+      <Popover
+        open={isOpen}
+        onOpenChange={(_isOpen) => {
+          setIsOpen(_isOpen);
+          _isOpen ? onOpen?.() : onClose?.();
+        }}
+      >
         <PopoverTrigger asChild={true} disabled={disabled}>
           <button
             variant="outline"

web/libs/ui/src/lib/select/types.ts

@@ -83,6 +83,8 @@ export type SelectProps<T, A extends SelectOption<T>[]> = {
   pageSize?: number;
   page?: number;
   itemCount?: number;
+  onClose?: () => void;
+  onOpen?: () => void;
 } & SelectVirtualizedProps &
   Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "value" | "placeholder">;