autocomplete initial results

Author: Andrei Alexandru

views/src/components/DepartmentsAutocomplete.jsx

@@ -28,6 +28,11 @@ const mapStateToProps = state => {
   }
 
 class DepartmentsAutocomplete extends Component {
+  componentDidMount(){
+    this.props.searchChanged('');
+    this.props.handleBlur();
+  }
+
   render() {
     const props = this.props,
       items = props.items,
@@ -57,8 +62,8 @@ DepartmentsAutocomplete.propTypes = {
   value: PropTypes.string,
   items: PropTypes.array,
   suggestionsVisible: PropTypes.bool,
+  searchChanged: PropTypes.func,
   selectedChanged: PropTypes.func,
   handleFocus: PropTypes.func,
   handleBlur: PropTypes.func
- 
 }

views/src/components/ProductsAutocomplete.jsx

@@ -28,6 +28,11 @@ const mapStateToProps = state => {
   }
 
 class ProductsAutocomplete extends Component {
+  componentDidMount() {
+    this.props.searchChanged('');
+    this.props.handleBlur();
+  }
+
   render() {
     const props = this.props,
       items = props.items,
@@ -57,6 +62,7 @@ ProductsAutocomplete.propTypes = {
   value: PropTypes.string,
   items: PropTypes.array,
   suggestionsVisible: PropTypes.bool,
+  searchChanged: PropTypes.func,
   selectedChanged: PropTypes.func,
   handleFocus: PropTypes.func,
   handleBlur: PropTypes.func

views/src/reducers/index.js

@@ -37,12 +37,12 @@ const initialState = {
     items: [],
     search: '',
     selected: '',
-    suggestionsVisible: true,
+    suggestionsVisible: false,
     products: {
       items: [],
       search: '',
       selected: {},
-      suggestionsVisible: true
+      suggestionsVisible: false
     }
   },
   notifications: {