Clear post autocomplete text upon selection

src/Components/AutoSuggest/AutoSuggest.jsx

@@ -54,9 +54,13 @@ export default class AutoSuggest extends Component {
 
   // when a suggestion is actually selected
   onSuggestionSelected(event, { suggestion }) {
+    const { shouldClearOnSelect } = this.props;
     this.props.onSuggestionSelected(
       this.props.queryProperty.length ? suggestion[this.props.queryProperty] : suggestion,
     );
+    if (shouldClearOnSelect) {
+      this.setState({ value: '' });
+    }
   }
 
   // Use your imagination to render suggestions.
@@ -150,6 +154,9 @@ AutoSuggest.propTypes = {
 
   // props to pass to template
   templateProps: PropTypes.shape({}),
+
+  // should the input be cleared upon selection
+  shouldClearOnSelect: PropTypes.bool,
 };
 
 AutoSuggest.defaultProps = {
@@ -168,4 +175,5 @@ AutoSuggest.defaultProps = {
   className: undefined,
   autoSuggestProps: {},
   templateProps: {},
+  shouldClearOnSelect: false,
 };

src/Components/AutoSuggest/AutoSuggest.test.jsx

@@ -185,4 +185,36 @@ describe('AutoSuggestComponent', () => {
     };
     f();
   });
+
+  it('clears the input onSuggestionSelected if shouldClearOnSelect === true', () => {
+    const wrapper = shallow(
+      <AutoSuggest
+        suggestions={suggestions}
+        getSuggestions={() => {}}
+        onSuggestionSelected={() => {}}
+        inputId="input"
+        label="label"
+        shouldClearOnSelect
+      />,
+    );
+    wrapper.instance().setState({ value: 'text' });
+    wrapper.instance().onSuggestionSelected(null, { suggestion: suggestions[0] });
+    expect(wrapper.instance().state.value).toBe('');
+  });
+
+  it('does not clear the input onSuggestionSelected if shouldClearOnSelect === false', () => {
+    const wrapper = shallow(
+      <AutoSuggest
+        suggestions={suggestions}
+        getSuggestions={() => {}}
+        onSuggestionSelected={() => {}}
+        inputId="input"
+        label="label"
+        shouldClearOnSelect={false}
+      />,
+    );
+    wrapper.instance().setState({ value: 'text' });
+    wrapper.instance().onSuggestionSelected(null, { suggestion: suggestions[0] });
+    expect(wrapper.instance().state.value).not.toBe('');
+  });
 });

src/Components/BidderPortfolio/CDOAutoSuggest/__snapshots__/CDOAutoSuggest.test.jsx.snap

@@ -65,6 +65,7 @@ exports[`CDOAutoSuggest matches snapshot 1`] = `
             onSuggestionsClearRequested={[Function]}
             placeholder="Start typing CDO name"
             queryProperty=""
+            shouldClearOnSelect={false}
             suggestionTemplate={[Function]}
             suggestions={
               Array [
@@ -209,6 +210,7 @@ exports[`CDOAutoSuggest matches snapshot after toggling 1`] = `
             onSuggestionsClearRequested={[Function]}
             placeholder="Start typing CDO name"
             queryProperty=""
+            shouldClearOnSelect={false}
             suggestionTemplate={[Function]}
             suggestions={
               Array [

src/Components/SearchFilters/PostFilter/PostFilter.jsx

@@ -90,6 +90,7 @@ class PostFilter extends Component {
           customInputProps={{
             disabled: postSelectionDisabled,
           }}
+          shouldClearOnSelect
         />
         <div className="usa-grid-full tm-nested-accordions">
           <Accordion>

src/Components/SearchFilters/PostFilter/__snapshots__/PostFilter.test.jsx.snap

@@ -23,6 +23,7 @@ exports[`PostFilterComponent matches snapshot 1`] = `
     onSuggestionsClearRequested={[Function]}
     placeholder="Remove regional filters"
     queryProperty="id"
+    shouldClearOnSelect={true}
     suggestionTemplate={[Function]}
     suggestions={Array []}
     templateProps={Object {}}