fix: fix selectPicker when search is controlled and exit Dropdown wit…

src/SelectPicker/SelectPicker.tsx

@@ -83,7 +83,7 @@ export interface SelectProps<T> {
   onGroupTitleClick?: (event: React.SyntheticEvent) => void;
 
   /** Called when searching */
-  onSearch?: (searchKeyword: string, event: React.SyntheticEvent) => void;
+  onSearch?: (searchKeyword: string, event?: React.SyntheticEvent) => void;
 
   /** Called when clean */
   onClean?: (event: React.SyntheticEvent) => void;
@@ -288,8 +288,9 @@ const SelectPicker = React.forwardRef(
     const handleExited = useCallback(() => {
       setSearchKeyword('');
       setActive(false);
+      onSearch?.('');
       onClose?.();
-    }, [onClose, setSearchKeyword]);
+    }, [onClose, setSearchKeyword, onSearch]);
 
     const handleEntered = useCallback(() => {
       setActive(true);

src/SelectPicker/test/SelectPickerSpec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, fireEvent, waitFor } from '@testing-library/react';
 import ReactTestUtils from 'react-dom/test-utils';
 import { getDOMNode, getInstance } from '@test/testUtils';
 import SelectPicker from '../SelectPicker';
@@ -400,4 +400,22 @@ describe('SelectPicker', () => {
       expect(getByTestId('content')).to.have.text('Not selected');
     });
   });
+  it('Should call onSearch when closed', async () => {
+    const handleSearch = sinon.spy();
+    const handleClose = sinon.spy();
+    let { container } = render(
+      <>
+        <button id="exit">exit</button>
+        <SelectPicker onClose={handleClose} defaultOpen onSearch={handleSearch} data={data} />
+      </>
+    );
+    const exit = container.querySelector('#exit');
+
+    // close select
+    fireEvent.mouseDown(exit, { bubbles: true });
+    await waitFor(() => assert.isTrue(handleClose.calledOnce));
+
+    assert.isTrue(handleSearch.calledOnce);
+    assert.equal(handleSearch.args[0][0], '');
+  });
 });