fix: add missing blur event and option types (#386)

Author: ghiscoding

packages/multiple-select-vanilla/src/MultipleSelectInstance.ts

@@ -282,7 +282,7 @@ export class MultipleSelectInstance {
     // listen to Tab and call `onBlur` when that happens
     this._bindEventService.bind(this.dropElm, 'keyup', ((e: KeyboardEvent) => {
       if (e.code === 'Tab') {
-        this.options.onBlur();
+        this.options.onBlur(e);
       }
     }) as EventListener);
   }
@@ -1628,7 +1628,7 @@ export class MultipleSelectInstance {
     const options = Object.assign({}, this.options);
     delete options.data;
 
-    return returnDeepCopy ? deepCopy(options) : this.options;
+    return returnDeepCopy ? deepCopy<MultipleSelectOption>(options) : this.options;
   }
 
   refreshOptions(options: Partial<MultipleSelectOption>) {

packages/multiple-select-vanilla/src/models/multipleSelectOption.interface.ts

@@ -30,6 +30,7 @@ export interface ClickedOption extends ClickedItem<'option'> {
 }
 
 export type CloseReason =
+  | 'blur'
   | 'body.click'
   | 'hover.mouseout'
   | 'key.shift+tab'
@@ -308,7 +309,7 @@ export interface MultipleSelectOption extends MultipleSelectLocale {
   onFocus: () => void;
 
   /** Bind an event handler to the "blur" */
-  onBlur: () => void;
+  onBlur: (e?: KeyboardEvent | FocusEvent) => void;
 
   /**
    * Fires when any option/group selections changes.

packages/multiple-select-vanilla/src/utils/utils.ts

@@ -17,20 +17,20 @@ export function compareObjects(objectA: any, objectB: any, compareLength = false
 }
 
 /** make deep copy clone of an object */
-export function deepCopy(obj: any): any {
+export function deepCopy<T = any>(obj: T): T {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
   }
 
   if (Array.isArray(obj)) {
-    return obj.map(deepCopy);
+    return obj.map(deepCopy) as T;
   }
 
   if (typeof obj === 'function') {
     return obj;
   }
 
-  return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)]));
+  return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;
 }
 
 export function isDefined(val: any) {