Merge branch 'master' of https://github.com/maxkordiyak/react-native-dropdown-autocomplete

Author: maksymkordiyak

README.md

@@ -163,6 +163,7 @@ Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
  renderIcon        | Render icon near input                        | Function | -
  valueExtractor    | Extract value from item (args: item, index)   | Function | ({ value }) => value
  rightTextExtractor   | Extract value from item (args: item, index)   | Function | ({ value }) => value
+ fetchData         | Fetch data for autocomplete                   | Function | (searchInput) => Promise
 
 ### Authors:
 

components/Autocomplete/index.js

@@ -57,8 +57,22 @@ class Autocomplete extends Component {
 
   async triggerChange() {
     const {inputValue, items} = this.state;
-    const {fetchDataUrl, valueExtractor} = this.props;
-    if (fetchDataUrl) {
+    const {fetchData, fetchDataUrl, valueExtractor} = this.props;
+    if (fetchData) {
+      try {
+        const response = await fetchData(inputValue);
+        if (response.length && this.mounted) {
+          this.setState({items: response, loading: false});
+        } else {
+          this.setState({items: [NO_DATA], loading: false});
+        }
+        if (this.dropdown) {
+          this.dropdown.onPress(this.container);
+        }
+      } catch (error) {
+        throw new Error(error);
+      }
+    } else if (fetchDataUrl) {
       try {
         const response = await get(fetchDataUrl, {search: inputValue});
         if (response.length && this.mounted) {
@@ -222,6 +236,7 @@ Autocomplete.propTypes = {
   onDropdownClose: func.isRequired,
   onDropdownShow: func.isRequired,
   rightTextExtractor: func,
+  fetchData: func,
 };
 
 export default Autocomplete;

index.d.ts

@@ -15,7 +15,6 @@ type AutocompleteProps = {
     spinnerColor?: string,
     listHeader?: string,
     fetchDataUrl?: string,
-    fetchDataParams?: any,
     noDataText?: string;
     inputContainerStyle?: any;
     inputStyle?: any;
@@ -38,6 +37,7 @@ type AutocompleteProps = {
     renderIcon?: () => void,
     valueExtractor?: (item: any) => void,
     rightTextExtractor?: (item: any) => void,
+    fetchData?: (search: string) => Promise<any>,
 }
 
 export class Autocomplete extends React.Component<AutocompleteProps, any> {