feat(useOnClickOutside): Allow passing multiple refs

src/useOnClickOutside/index.js

@@ -10,22 +10,27 @@ import useEventListener from '../useEventListener';
 
 export function getOutsideTargetCallback(excludedElementRef, callback) {
 	return event => {
-		const excludedElement =
-			excludedElementRef && excludedElementRef.current;
-
-		// Bail out if the clicked element or the currently focused element
-		// is inside of excludedElement. We need to check the focused element
-		// to prevent an issue in Chrome where initiating a drag inside of an
-		// input (to select the text inside of it) and ending that drag outside
-		// of the input fires a click event, breaking our excludedElement rule.
-		if (
-			excludedElement &&
-			(excludedElement === event.target ||
-				excludedElement.contains(event.target) ||
-				excludedElement === document.activeElement ||
-				excludedElement.contains(document.activeElement))
-		) {
-			return null;
+		const excludedRefs = Array.isArray(excludedElementRef)
+			? excludedElementRef
+			: [excludedElementRef];
+
+		for (const ref of excludedRefs) {
+			const excludedElement = ref && ref.current;
+
+			// Bail out if the clicked element or the currently focused element
+			// is inside of excludedElement. We need to check the focused element
+			// to prevent an issue in Chrome where initiating a drag inside of an
+			// input (to select the text inside of it) and ending that drag outside
+			// of the input fires a click event, breaking our excludedElement rule.
+			if (
+				excludedElement &&
+				(excludedElement === event.target ||
+					excludedElement.contains(event.target) ||
+					excludedElement === document.activeElement ||
+					excludedElement.contains(document.activeElement))
+			) {
+				return null;
+			}
 		}
 
 		callback(event);