vaishu-react-comp 1.1.2 → 1.1.3

package/lib/hooks/useClickOutside.d.ts

@@ -1,2 +1,5 @@
-declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+type ClickOutsideOptions = {
+    ignoreSelectors?: string[];
+};
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>, options?: ClickOutsideOptions) => void;
 export default useClickOutside;

package/lib/hooks/useClickOutside.js

@@ -1,11 +1,13 @@
 import { useEffect } from 'react';
-const useClickOutside = (ref, callback, ignoreRefs = []) => {
+const useClickOutside = (ref, callback, ignoreRefs = [], options) => {
     useEffect(() => {
         const handleClickOutside = (event) => {
+            const target = event.target;
+            const isIgnoredSelector = options?.ignoreSelectors?.some((selector) => target instanceof Element && target.closest(selector));
             if (ref.current &&
-                !ref.current.contains(event.target) &&
-                !ignoreRefs.some((ignoreRef) => ignoreRef?.current &&
-                    ignoreRef.current.contains(event.target))) {
+                !ref.current.contains(target) &&
+                !ignoreRefs.some((ignoreRef) => ignoreRef?.current && ignoreRef.current.contains(target)) &&
+                !isIgnoredSelector) {
                 callback();
             }
         };
@@ -13,7 +15,7 @@ const useClickOutside = (ref, callback, ignoreRefs = []) => {
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [ref, callback, ignoreRefs]);
+    }, [ref, callback, ignoreRefs, options]);
 };
 export default useClickOutside;
 //# sourceMappingURL=useClickOutside.js.map

package/lib/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,eAAe,GAAG,CACtB,GAAiC,EACjC,QAAoB,EACpB,aAA8D,EAAE,EAChE,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC3C,CAAC,UAAU,CAAC,IAAI,CACd,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,OAAO;oBAClB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CACnD,EACD,CAAC;gBACD,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,eAAe,GAAG,CACtB,GAAiC,EACjC,QAAoB,EACpB,aAA8D,EAAE,EAChE,OAA6B,EAC7B,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;YACpC,MAAM,iBAAiB,GAAG,OAAO,EAAE,eAAe,EAAE,IAAI,CACtD,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,YAAY,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CACpE,CAAC;YAEF,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAC7B,CAAC,UAAU,CAAC,IAAI,CACd,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC3D;gBACD,CAAC,iBAAiB,EAClB,CAAC;gBACD,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}