feat: 🎸 [Select] Added onClose property

✅ Closes: 215
melfore · Oct 6, 2021 · 35baab3 · 35baab3
1 parent ce77852
commit 35baab3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
@@ -57,6 +57,7 @@ const Select = <T extends any>({
   loading = false,
   multiple = false,
   onChange: externalOnChange,
+  onClose: externalOnClose,
   onInputChange: externalOnInputChange,
   onScrollEnd,
   options: externalOptions,
@@ -95,6 +96,18 @@ const Select = <T extends any>({
     [externalOnChange]
   );
 
+  const onClose = useCallback(
+    (event) => {
+      if (!externalOnClose) {
+        return;
+      }
+
+      suppressEvent(event);
+      externalOnClose();
+    },
+    [externalOnClose]
+  );
+
   const onInputChange = useCallback(
     (event, value: any) => {
       if (!externalOnInputChange) {
@@ -184,6 +197,7 @@ const Select = <T extends any>({
       loading={loading}
       multiple={multiple}
       onChange={onChange}
+      onClose={onClose}
       onInputChange={onInputChange}
       options={options}
       PopperComponent={(props: MUIPopperProps) => {

diff --git a/src/types/Select.ts b/src/types/Select.ts
@@ -11,6 +11,7 @@ interface IBaseSelect<T> extends ILocalizable, ILoadable, IInput {
   getOptionLabel?: (option: T) => string;
   getOptionSelected?: (option: T, value: T) => boolean;
   groupBy?: (option: T) => string;
+  onClose?: () => void;
   onInputChange?: (input: string) => void;
   onScrollEnd?: () => void;
   options: T[];