fix: Don't clear searchValue onMouseDown when autoClearSearchValue is false (#874)

* Fix autoclear search value onClick when autoClearSearchValue is false

* Add test

Author: roelvdboom

docs/examples/multiple.tsx

@@ -18,6 +18,7 @@ class Test extends React.Component {
     showArrow: false,
     loading: false,
     value: ['a10'],
+    searchValue: "",
   };
 
   onChange = (value, options) => {
@@ -53,6 +54,12 @@ class Test extends React.Component {
     });
   };
 
+  setSearchValue = val => {
+    this.setState({
+      searchValue: val,
+    })
+  }
+
   render() {
     const { useAnim, showArrow, loading, value } = this.state;
     return (
@@ -101,6 +108,31 @@ class Test extends React.Component {
             {children}
           </Select>
         </div>
+
+
+        <h2>multiple select with autoClearSearchValue = false</h2>
+        <div style={{ width: 300 }}>
+          <Select
+              value={value}
+              style={{ width: 500 }}
+              mode="multiple"
+              autoClearSearchValue={false}
+              showSearch={true}
+              searchValue={this.state.searchValue}
+              onSearch={this.setSearchValue}
+              optionFilterProp="children"
+              optionLabelProp="children"
+              onSelect={this.onSelect}
+              onDeselect={this.onDeselect}
+              placeholder="please select"
+              onChange={this.onChange}
+              onFocus={() => console.log('focus')}
+              onBlur={v => console.log('blur', v)}
+              tokenSeparators={[' ', ',']}
+          >
+            {children}
+          </Select>
+        </div>
       </div>
     );
   }

src/Selector/index.tsx

@@ -109,6 +109,8 @@ const Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> =
     showSearch,
     tokenWithEnter,
 
+    autoClearSearchValue,
+
     onSearch,
     onSearchSubmit,
     onToggleOpen,
@@ -233,7 +235,7 @@ const Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> =
     }
 
     if ((mode !== 'combobox' && (!showSearch || !inputMouseDown)) || !open) {
-      if (open) {
+      if (open && autoClearSearchValue !== false) {
         onSearch('', true, false);
       }
       onToggleOpen();

tests/Multiple.test.tsx

@@ -634,7 +634,7 @@ describe('Select.Multiple', () => {
       );
       expect(wrapper.find('input').props().value).toBe('');
     });
-    it('search value should show when autoClearSearchValue is true', () => {
+    it('search value should show when autoClearSearchValue is false', () => {
       const wrapper = mount(
         <Select
           mode="multiple"
@@ -646,5 +646,32 @@ describe('Select.Multiple', () => {
       );
       expect(wrapper.find('input').props().value).toBe('test');
     });
+    it('search value should no clear when autoClearSearchValue is false', () => {
+      const wrapper = mount(
+          <Select
+              mode="multiple"
+              autoClearSearchValue={false}
+              showSearch={true}
+              searchValue="test"
+          />,
+      );
+
+      toggleOpen(wrapper);
+      toggleOpen(wrapper);
+      expect(wrapper.find('input').props().value).toBe('test');
+    });
+    it('search value should clear when autoClearSearchValue is true', () => {
+      const wrapper = mount(
+          <Select
+              mode="multiple"
+              autoClearSearchValue={true}
+              showSearch={true}
+              searchValue="test"
+          />,
+      );
+      toggleOpen(wrapper);
+      toggleOpen(wrapper);
+      expect(wrapper.find('input').props().value).toBe('');
+    });
   });
 });