On Submit Functionality Added

Author: CaptainHaider

src/RightButton.js

@@ -15,7 +15,9 @@ export const RightButton = memo(
     loading,
     buttonsContainerStyle,
     ChevronIconComponent,
-    ClearIconComponent
+    ClearIconComponent,
+    RightIconComponent,
+    onSubmit,
   }) => {
     const isOpenedAnimationValue = useRef(new Animated.Value(0)).current
 
@@ -46,6 +48,9 @@ export const RightButton = memo(
           </TouchableOpacity>
         )}
         {loading && <ActivityIndicator color="#999" />}
+        {RightIconComponent && <TouchableOpacity onPress={onSubmit} style={styles.chevronButton}>
+          {RightIconComponent}
+        </TouchableOpacity>}
         {showChevron && (
           <Animated.View style={{ transform: [{ rotate: chevronSpin }] }}>
             <TouchableOpacity onPress={onChevronPress} style={styles.chevronButton}>

src/index.d.ts

@@ -1,5 +1,11 @@
-import React, { FC } from 'react';
-import { StyleProp, TextInputProps, TextStyle, ViewStyle, FlatListProps } from 'react-native';
+import React, { FC } from "react";
+import {
+  StyleProp,
+  TextInputProps,
+  TextStyle,
+  ViewStyle,
+  FlatListProps,
+} from "react-native";
 
 export type TAutocompleteDropdownItem = {
   id: string;
@@ -35,35 +41,36 @@ interface AutocompleteDropdownProps {
   closeOnSubmit?: boolean;
   clearOnFocus?: boolean;
   debounce?: number;
-  direction?: 'down' | 'up';
-  position?: 'absolute' | 'relative';
+  direction?: "down" | "up";
+  position?: "absolute" | "relative";
   bottomOffset?: number;
   textInputProps?: TextInputProps;
   onChangeText?: (text: string) => void;
   onSelectItem?: (item: TAutocompleteDropdownItem) => void;
   renderItem?: (
     item: TAutocompleteDropdownItem,
-    searchText: string,
+    searchText: string
   ) => JSX.Element;
   onOpenSuggestionsList?: (isOpened: boolean) => void;
   onClear?: () => void;
   onChevronPress?: () => void;
-  onSubmit?: TextInputProps['onSubmitEditing'];
-  onBlur?: TextInputProps['onBlur'];
-  onFocus?: TextInputProps['onFocus'];
+  onSubmit?: TextInputProps["onSubmitEditing"];
+  onBlur?: TextInputProps["onBlur"];
+  onFocus?: TextInputProps["onFocus"];
   controller?: (controller: AutocompleteDropdownRef) => void;
   containerStyle?: StyleProp<ViewStyle>;
   inputContainerStyle?: StyleProp<ViewStyle>;
   rightButtonsContainerStyle?: StyleProp<ViewStyle>;
   suggestionsListContainerStyle?: StyleProp<ViewStyle>;
   suggestionsListTextStyle?: StyleProp<TextStyle>;
   ChevronIconComponent?: JSX.Element;
+  RightIconComponent?: JSX.Element;
   ClearIconComponent?: JSX.Element;
   InputComponent?: React.ComponentType;
   ItemSeparatorComponent?: JSX.Element;
   EmptyResultComponent?: JSX.Element;
   emptyResultText?: string;
-  flatListProps?: FlatListProps<any>
+  flatListProps?: FlatListProps<any>;
 }
 
 export const AutocompleteDropdown: FC<AutocompleteDropdownProps>;

src/index.js

@@ -299,6 +299,8 @@ export const AutocompleteDropdown = memo(
             buttonsContainerStyle={props.rightButtonsContainerStyle}
             ChevronIconComponent={props.ChevronIconComponent}
             ClearIconComponent={props.ClearIconComponent}
+            RightIconComponent={props.RightIconComponent}
+            onSubmit={onSubmit}
           />
         </View>
         {isOpened && Array.isArray(dataSet) && (
@@ -349,6 +351,7 @@ AutocompleteDropdown.propTypes = {
   suggestionsListContainerStyle: PropTypes.object,
   suggestionsListTextStyle: PropTypes.object,
   ChevronIconComponent: PropTypes.element,
+  RightIconComponent: PropTypes.element,
   ClearIconComponent: PropTypes.element,
   ScrollViewComponent: PropTypes.elementType,
   EmptyResultComponent: PropTypes.element,