Ensure onDropdownClose always gets called

Author: PaitoAnderson

components/Autocomplete/index.js

@@ -143,7 +143,10 @@ class Autocomplete extends Component {
 
   handleBlur() {
     clearTimeout(this.timer);
-    this.setState({loading: false, items: []});
+    this.setState({loading: false});
+    if (this.dropdown) {
+      this.dropdown.close();
+    }
   }
 
   render() {

components/Dropdown/index.js

@@ -159,6 +159,20 @@ export default class Dropdown extends PureComponent {
     });
   }
 
+  close() {
+    const {onBlur, onDropdownClose} = this.props;
+
+    if (typeof onBlur === "function") {
+      onBlur();
+    }
+    if (typeof onDropdownClose === "function") {
+      onDropdownClose();
+    }
+    if (this.mounted) {
+      this.setState({modal: false});
+    }
+  }
+
   onClose(val) {
     const {onBlur, onDropdownClose} = this.props;
     const {value} = this.state;

components/DropdownItem/index.js

@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import React, {PureComponent} from "react";
-import { Keyboard } from 'react-native';
+import {Keyboard} from 'react-native';
 import {Button} from "react-native-material-buttons";
 import styles from "./DropdownItem.styles";
 import {theme} from "../../constants/Theme";