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

Author: maksymkordiyak

README.md

@@ -132,6 +132,7 @@ Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
 :----------------- |:--------------------------------------------- | --------:|:------------------
  autoCorrect       | Disable auto-correct                          |  Boolean | true
  highlightText     | Highlight search results                      |  Boolean | true
+ highLightColor    | Highlight text color                          |   String | #129a8d
  rightContent      | Render additional text to the right of the item |  Boolean | false
  resetOnSelect     | Reset the input after choosing an item        |  Boolean | false
  minimumCharactersCount  | Perform API request after certain number of characters entered       |   Number | 2
@@ -155,15 +156,17 @@ Change valueExtractor and pass the data to Autocomplete without fetchDataUrl
  listHeaderTextStyle | Styles for list header text                 |   Object | -
  overlayStyle      | Styles for overlay view                       |   Object | -
  pickerStyle       | Styles for item picker view                   |   Object | -
- containerStyle | Styles for dropdown container view               |   Object | -
+ containerStyle    | Styles for dropdown container view            |   Object | -
+ scrollStyle       | Styles for dropdown flatlist                  |   Object | -
  scrollToInput     | Focus on selected field                       | Function | -
- handleSelectItem  | Selection callback (agrs: item, index)        | Function | -
+ handleSelectItem  | Selection callback (args: item, index)        | Function | -
  onDropdownShow    | Show keyboard                                 | Function | -
- onDropdownClose   | Hide  keyboard                                | Function | -
+ onDropdownClose   | Hide keyboard                                 | Function | -
+ onChangeText      | Autocomplete input text changes               | Function | -
  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
+ fetchData         | Fetch data for autocomplete                   | Function | -
 
 ### Authors:
 

components/Autocomplete/index.js

@@ -29,7 +29,10 @@ class Autocomplete extends Component {
   }
 
   handleInputChange(text) {
-    const {minimumCharactersCount, waitInterval} = this.props;
+    const {onChangeText, minimumCharactersCount, waitInterval} = this.props;
+    if (onChangeText) {
+      onChangeText(text);
+    }
     clearTimeout(this.timer);
     this.setState({inputValue: text});
     if (text.length > minimumCharactersCount) {
@@ -114,14 +117,14 @@ class Autocomplete extends Component {
   }
 
   setItem(value) {
-    const { index, handleSelectItem, valueExtractor, resetOnSelect } = this.props;
+    const {index, handleSelectItem, valueExtractor, resetOnSelect} = this.props;
     handleSelectItem(value, index);
-      
+
     if (resetOnSelect) {
-      this.setState({ inputValue: '' });
+      this.setState({inputValue: ""});
     } else {
-        const capitalizedValue = capitalizeFirstLetter(valueExtractor(value));
-        this.setState({inputValue: capitalizedValue});
+      const capitalizedValue = capitalizeFirstLetter(valueExtractor(value));
+      this.setState({inputValue: capitalizedValue});
     }
   }
 
@@ -233,8 +236,8 @@ Autocomplete.propTypes = {
   renderIcon: func,
   scrollToInput: func.isRequired,
   handleSelectItem: func.isRequired,
-  onDropdownClose: func.isRequired,
-  onDropdownShow: func.isRequired,
+  onDropdownClose: func,
+  onDropdownShow: func,
   rightTextExtractor: func,
   fetchData: func,
 };

components/Dropdown/index.js

@@ -454,6 +454,7 @@ export default class Dropdown extends PureComponent {
   render() {
     const {
       containerStyle,
+      scrollStyle,
       overlayStyle: overlayStyleOverrides,
       pickerStyle: pickerStyleOverrides,
       supportedOrientations,
@@ -497,7 +498,7 @@ export default class Dropdown extends PureComponent {
                 keyboardShouldPersistTaps="always"
                 ref={this.updateScrollRef}
                 data={itemData}
-                style={styles.scroll}
+                style={[styles.scroll, scrollStyle]}
                 renderItem={this.renderItem}
                 keyExtractor={this.keyExtractor}
                 scrollEnabled={visibleItemCount <= itemCount}

index.d.ts

@@ -6,6 +6,7 @@ import { ViewStyle, TextStyle, StyleProp } from 'react-native';
 type AutocompleteProps = {
     autoCorrect?: boolean,
     highlightText?: boolean,
+    highLightColor?: string,
     rightContent?: boolean,
     resetOnSelect?: boolean,
     minimumCharactersCount?: number,
@@ -30,11 +31,13 @@ type AutocompleteProps = {
     overlayStyle?: StyleProp<TextStyle>;
     pickerStyle?: StyleProp<TextStyle>;
     containerStyle?: StyleProp<ViewStyle>;
+    scrollStyle?: StyleProp<ViewStyle>;
 
     scrollToInput: (ev: any) => void,
     handleSelectItem: (item: any, index: number) => void,
-    onDropdownShow: () => void,
-    onDropdownClose: () => void,
+    onDropdownShow?: () => void,
+    onDropdownClose?: () => void,
+    onChangeText?: (search: string) => void,
     renderIcon?: () => void,
     valueExtractor?: (item: any) => void,
     rightTextExtractor?: (item: any) => void,

package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "prop-types": "^15.6.2",
     "query-string": "^6.2.0",
-    "react-native-keyboard-aware-scroll-view": "^0.7.4",
+    "react-native-keyboard-aware-scroll-view": "^0.8.0",
     "react-native-material-buttons": "^0.5.0",
     "react-native-material-ripple": "^0.8.0"
   },