Добавление хука для отлавливания кликов вне контейнера (#37)

.eslintrc.json

@@ -39,7 +39,7 @@
         "react-hooks/exhaustive-deps": [
             "warn",
             {
-                "additionalHooks": "(useTypedQuery|useTypedParams)"
+                "additionalHooks": "(useEqualMemo)"
             }
         ],
         "jsx-a11y/label-has-associated-control": 0,

src/core/hooks/useOutsideClick.ts

@@ -0,0 +1,25 @@
+import {useCallback, useEffect, useRef} from 'react';
+
+export const useOutsideClick = <T extends HTMLElement>(callback: EventListener) => {
+    const container = useRef<T>(null);
+
+    const handleEvent = useCallback((e: Event) => {
+            if (container.current && e.target !== null) {
+                if (!container.current.contains(e.target as Node)) {
+                    callback(e);
+                }
+            }
+        }, [callback]);
+
+    useEffect(() => {
+        document.addEventListener('mousedown', handleEvent, true);
+        document.addEventListener('touchstart', handleEvent, true);
+        return () => {
+            document.removeEventListener('mousedown', handleEvent, true);
+            document.removeEventListener('touchstart', handleEvent, true);
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    return container;
+};