etudes 7.0.3 → 7.1.0

package/hooks/useClickOutsideEffect.d.ts

@@ -1,2 +1,4 @@
 import { type DependencyList, type RefObject } from 'react';
-export declare function useClickOutsideEffect(targetRef: RefObject<HTMLElement> | RefObject<HTMLElement | undefined> | RefObject<HTMLElement | null>, handler: () => void, deps?: DependencyList): void;
+type TargetRef = RefObject<HTMLElement> | RefObject<HTMLElement | undefined> | RefObject<HTMLElement | null>;
+export declare function useClickOutsideEffect(targetRef: TargetRef | TargetRef[], handler: () => void, deps?: DependencyList): void;
+export {};

package/hooks/useClickOutsideEffect.js

@@ -6,8 +6,10 @@ export function useClickOutsideEffect(targetRef, handler, deps = []) {
                 return;
             let isOutside = true;
             let node = event.target;
+            const targetRefs = [].concat(targetRef);
+            const targetNodes = targetRefs.map(ref => ref.current);
             while (node) {
-                if (node === targetRef.current) {
+                if (targetNodes.find(t => t === node)) {
                     isOutside = false;
                     break;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etudes",
-  "version": "7.0.3",
+  "version": "7.1.0",
   "description": "A study of headless React components",
   "type": "module",
   "scripts": {