Revert "fix: issue-4301"

This reverts commit fef90c5.

Author: yoution

src/components/TeamManagement/AutocompleteInput.jsx

@@ -16,8 +16,7 @@ class AutocompleteInput extends React.Component {
     const {
       placeholder,
       selectedMembers,
-      disabled,
-      inputValue
+      disabled
     } = this.props
 
     return (
@@ -28,7 +27,6 @@ class AutocompleteInput extends React.Component {
           showDropdownIndicator={false}
           createOption
           placeholder={placeholder}
-          inputValue={inputValue}
           value={selectedMembers}
           onInputChange={this.props.onInputChange}
           onChange={this.props.onUpdate}
@@ -43,7 +41,6 @@ class AutocompleteInput extends React.Component {
 AutocompleteInput.defaultProps = {
   placeholder: 'Enter one or more user handles',
   selectedMembers: [],
-  inputValue: '',
   disabled: false
 }
 
@@ -73,11 +70,6 @@ AutocompleteInput.propTypes = {
    * The flag if component is disabled
    */
   disabled: PropTypes.bool,
-
-  /**
-   * The inputValue for the input field
-   */
-  inputValue: PropTypes.string,
 }
 
 export default AutocompleteInput

src/components/TeamManagement/AutocompleteInputContainer.jsx

@@ -11,10 +11,6 @@ class AutocompleteInputContainer extends React.Component {
   constructor(props) {
     super(props)
     this.debounceTimer = null
-    this.state = {
-      // field input value
-      inputValue: ''
-    }
 
     this.clearUserSuggestions = this.clearUserSuggestions.bind(this)
   }
@@ -31,11 +27,7 @@ class AutocompleteInputContainer extends React.Component {
     }
   }
 
-  onInputChange(inputValue, reason) {
-    // for keeping inputValue
-    if (reason.action === 'input-blur' || reason.action === 'menu-close') {
-      return 
-    }
+  onInputChange(inputValue) {
     const indexOfSpace = inputValue.indexOf(' ')
     const indexOfSemiColon = inputValue.indexOf(';')
 
@@ -44,7 +36,6 @@ class AutocompleteInputContainer extends React.Component {
       return ''
     }
 
-    this.setState({inputValue})
     if (indexOfSpace >= 1 || indexOfSemiColon >= 1 ) {
       inputValue = inputValue.substring(0, inputValue.length -1 )
       this.onUpdate([...this.props.selectedMembers, {label: inputValue, value: inputValue}])
@@ -78,11 +69,9 @@ class AutocompleteInputContainer extends React.Component {
   render() {
 
     const { placeholder, currentUser, selectedMembers, disabled } = this.props
-    const {inputValue} = this.state
 
     return (
       <AutocompleteInput
-        inputValue={inputValue}
         placeholder={placeholder ? placeholder:''}
         onInputChange={this.onInputChange.bind(this)}
         onUpdate={this.onUpdate.bind(this)}