From 292c12fe77527180947a66d850984a7d69931885 Mon Sep 17 00:00:00 2001
From: Brodrick Childs <brodrick.childs@gmail.com>
Date: Tue, 23 Jan 2018 14:01:56 -0800
Subject: [PATCH] Add option to clear typeahead on select option

---
 README.md              |  6 ++++++
 src/typeahead/index.js | 15 ++++++++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 733abc66..b6a0f163 100644
--- a/README.md
+++ b/README.md
@@ -112,6 +112,12 @@ Type: `Boolean`
 
 Set to `true` to use a `<textarea>` element rather than an `<input>` element
 
+#### props.clearOnSelect
+
+Type: `Boolean`
+
+Set to `true` to use clear the `<input>` or `<textarea>` element after selecting an option
+
 #### props.inputProps
 
 Type: `Object`
diff --git a/src/typeahead/index.js b/src/typeahead/index.js
index 7e231041..323dea1a 100644
--- a/src/typeahead/index.js
+++ b/src/typeahead/index.js
@@ -26,6 +26,7 @@ var Typeahead = createReactClass({
     placeholder: PropTypes.string,
     disabled: PropTypes.bool,
     textarea: PropTypes.bool,
+    clearOnSelect: PropTypes.bool,
     inputProps: PropTypes.object,
     onOptionSelected: PropTypes.func,
     onChange: PropTypes.func,
@@ -69,6 +70,7 @@ var Typeahead = createReactClass({
       placeholder: "",
       disabled: false,
       textarea: false,
+      clearOnSelect: false,
       inputProps: {},
       onOptionSelected: function(option) {},
       onChange: function(event) {},
@@ -199,11 +201,14 @@ var Typeahead = createReactClass({
     var formInputOption = Accessor.generateOptionToStringFor(this.props.formInputOption || displayOption);
     var formInputOptionString = formInputOption(option);
 
-    nEntry.value = optionString;
-    this.setState({searchResults: this.getOptionsForValue(optionString, this.props.options),
-                   selection: formInputOptionString,
-                   entryValue: optionString,
-                   showResults: false});
+    var valueAfterSelect = this.props.clearOnSelect ? '' : optionString;
+    var selectionAfterSelect = this.props.clearOnSelect ? '' : formInputOptionString
+
+    nEntry.value = valueAfterSelect;
+    this.setState({searchResults: this.getOptionsForValue(valueAfterSelect, this.props.options),
+                   selection: selectionAfterSelect,
+                   entryValue: valueAfterSelect,
+                   showResults: !!this.props.clearOnSelect});
     return this.props.onOptionSelected(option, event);
   },