feat(New dropdown): add new onOpenChange prop in Dropdown and Many2on…

…eSuffix
gisce · Jan 19, 2024 · 6a65194 · 6a65194
1 parent 4ea60e0
commit 6a65194
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/src/components/ui/Dropdown/Dropdown.tsx b/src/components/ui/Dropdown/Dropdown.tsx
@@ -14,6 +14,7 @@ export const Dropdown: React.FC<DropdownProps> = memo(
     trigger = ["click"],
     placement,
     maxHeight,
+    onOpenChange,
   }: DropdownProps) => {
     const [internalOpen, setInternalOpen] = useState(false);
     const [emptyMenu, setEmptyMenu] = useState(false);
@@ -44,6 +45,7 @@ export const Dropdown: React.FC<DropdownProps> = memo(
           trigger={trigger}
           placement={placement}
           onOpenChange={(open) => {
+            onOpenChange?.(open);
             setInternalOpen(open);
           }}
           open={internalOpen}

diff --git a/src/components/ui/Dropdown/Dropdown.types.ts b/src/components/ui/Dropdown/Dropdown.types.ts
@@ -24,6 +24,7 @@ export type DropdownProps = BaseDropdownProps & {
   disabled?: boolean;
   children?: ReactNode;
   placement?: Placement;
+  onOpenChange?: (open: boolean) => void;
 };
 
 export type DropdownButtonProps = Omit<DropdownProps, "children"> & {

diff --git a/src/components/widgets/Many2One/Many2OneSuffix/Many2OneSuffix.tsx b/src/components/widgets/Many2One/Many2OneSuffix/Many2OneSuffix.tsx
@@ -5,13 +5,15 @@ import { Many2OneSuffixProps } from "./Many2OneSuffix.types";
 export const Many2OneSuffix = ({
   onRetrieveData,
   onItemClick,
+  onOpenChange,
 }: Many2OneSuffixProps) => {
   return (
     <Dropdown
       onRetrieveData={onRetrieveData}
       onItemClick={onItemClick}
       maxHeight={300}
       trigger={["click"]}
+      onOpenChange={onOpenChange}
     >
       <RightCircleOutlined style={{ color: "rgba(0,0,0,.45)" }} />
     </Dropdown>

diff --git a/src/components/widgets/Many2One/Many2OneSuffix/Many2OneSuffix.types.tsx b/src/components/widgets/Many2One/Many2OneSuffix/Many2OneSuffix.types.tsx
@@ -3,4 +3,5 @@ import { DropdownMenuGroup, DropdownMenuItem } from "@/components/ui";
 export type Many2OneSuffixProps = {
   onRetrieveData: () => Promise<DropdownMenuGroup[]>;
   onItemClick?: (item: DropdownMenuItem) => void;
+  onOpenChange?: (open: boolean) => void;
 };