fix(dropdown): clear value when dropdown is blurred (#1046)

fixes #1019

Author: vageeshb

src/modules/Dropdown/Dropdown.js

@@ -654,7 +654,7 @@ export default class Dropdown extends Component {
     if (this.isMouseDown) return
     if (onBlur) onBlur(e, this.props)
     if (selectOnBlur && !multiple) this.selectHighlightedItem(e)
-    this.setState({ focus: false })
+    this.setState({ focus: false, searchQuery: '' })
   }
 
   handleSearchChange = (e) => {

test/specs/modules/Dropdown/Dropdown-test.js

@@ -187,6 +187,13 @@ describe('Dropdown Component', () => {
         .should.have.state('focus', false)
     })
 
+    it('sets searchQuery state to empty', () => {
+      wrapperShallow(<Dropdown />)
+        .setState({ searchQuery: 'foo' })
+        .simulate('blur')
+        .should.have.state('searchQuery', '')
+    })
+
     it('does not call onBlur when the mouse is down', () => {
       const spy = sandbox.spy()