Added the ability to add new entries to a select list when addNewEntries is enabled.

.gitignore

@@ -0,0 +1 @@
+.DS_Store

components/SelectList.tsx

@@ -31,6 +31,7 @@ const SelectList: React.FC<SelectListProps> =  ({
         search = true,
         searchPlaceholder = "search",
         notFoundText = "No data found",
+        allowNewEntries = false,
         disabledItemStyles,
         disabledTextStyles,
         onSelect = () => {},
@@ -45,7 +46,8 @@ const SelectList: React.FC<SelectListProps> =  ({
     const [selectedval, setSelectedVal] = React.useState<any>("");
     const [height,setHeight] = React.useState<number>(200)
     const animatedvalue = React.useRef(new Animated.Value(0)).current;
-    const [filtereddata,setFilteredData] = React.useState(data)
+    const [filtereddata,setFilteredData] = React.useState(data);
+    const [enteredVal, setEnteredVal] = React.useState<any>("");
 
 
     const slidedown = () => {
@@ -143,6 +145,7 @@ const SelectList: React.FC<SelectListProps> =  ({
                                         let row = item.value.toLowerCase()
                                         return row.search(val.toLowerCase()) > -1;
                                     });
+                                    setEnteredVal(val);
                                     setFilteredData(result)
                                 }}
                                 style={[{padding:0,height:20,flex:1,fontFamily},inputStyles]}
@@ -222,15 +225,29 @@ const SelectList: React.FC<SelectListProps> =  ({
                                             </TouchableOpacity>
                                         )
                                     }
-
                                 })
                                 :
-                                <TouchableOpacity style={[styles.option,dropdownItemStyles]} onPress={ () => {
+                                (allowNewEntries)
+                                ?
+                                <TouchableOpacity style={[styles.option, dropdownItemStyles]} onPress={() => {
+                                        setSelected(enteredVal)
+                                    let key = data.length+1
+                                    data.push({key:key,value:enteredVal})
+                                    setSelected(key);
+                                    setSelectedVal(enteredVal);
+                                    slideup()
+                                    setTimeout(() => setFilteredData(data), 800)
+
+                                }}>
+                                    <Text style={[{ fontFamily }, dropdownTextStyles]}>{enteredVal}</Text>
+                                </TouchableOpacity>
+                                :
+                                <TouchableOpacity style={[styles.option, dropdownItemStyles]} onPress={() => {
                                     setSelected(undefined)
                                     setSelectedVal("")
                                     slideup()
                                     setTimeout(() => setFilteredData(data), 800)
-                                    
+
                                 }}>
                                     <Text style={[{fontFamily},dropdownTextStyles]}>{notFoundText}</Text>
                                 </TouchableOpacity>

index.d.ts

@@ -112,6 +112,11 @@ export interface SelectListProps  {
     *  Pass any JSX to this prop like Text, Image or Icon to show instead of close icon
     */
     closeicon?: JSX.Element,
+
+    /**
+    * Set to true if you want to allow adding new values
+    */
+     allowNewEntries?: boolean,
 }