feat: add props closeModalWhenSelectedItem

hoaphantn7604 · May 3, 2024 · a3c771b · a3c771b
1 parent 7f3cd78
commit a3c771b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/example/src/dropdown/Dropdown2.tsx b/example/src/dropdown/Dropdown2.tsx
@@ -34,6 +34,7 @@ const DropdownComponent = () => {
         placeholder="Dropdown 2"
         searchPlaceholder="Search..."
         value={value}
+        closeModalWhenSelectedItem={false}
         onChange={(item) => {
           setValue(item.value);
         }}

diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
@@ -88,6 +88,7 @@ const DropdownComponent: <T>(
       accessibilityLabel,
       itemAccessibilityLabelField,
       mode = 'default',
+      closeModalWhenSelectedItem = true,
     } = props;
 
     const ref = useRef<View>(null);
@@ -353,7 +354,9 @@ const DropdownComponent: <T>(
         onSearch('');
         setCurrentValue(item);
         onChange(item);
-        eventClose();
+        if (closeModalWhenSelectedItem) {
+          eventClose();
+        }
       },
       [
         confirmSelectItem,
@@ -362,6 +365,7 @@ const DropdownComponent: <T>(
         onChangeText,
         onConfirmSelectItem,
         onSearch,
+        closeModalWhenSelectedItem,
       ]
     );
 

diff --git a/src/components/Dropdown/model.ts b/src/components/Dropdown/model.ts
@@ -54,6 +54,7 @@ export interface DropdownProps<T> {
   itemAccessibilityLabelField?: string;
   inverted?: boolean;
   mode?: 'default' | 'modal' | 'auto';
+  closeModalWhenSelectedItem?: boolean;
   onChange: (item: T) => void;
   renderLeftIcon?: (visible?: boolean) => JSX.Element | null | undefined;
   renderRightIcon?: (visible?: boolean) => JSX.Element | null | undefined;