feat: add props closeModalWhenSelectedItem

Author: hoaphantn7604

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);
         }}

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,
       ]
     );
 

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;