@pareto-engineering/design-system 4.0.0-alpha.76 → 4.0.0-alpha.78

package/src/ui/utils/hooks/useOutsideClick.js

@@ -0,0 +1,23 @@
+import { useEffect } from 'react'
+
+const useOutsideClick = (ref, callback) => {
+  // const ref = useRef(null)
+
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback()
+      }
+    }
+
+    document.addEventListener('mousedown', handleClickOutside)
+    document.addEventListener('touchstart', handleClickOutside)
+
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside)
+      document.removeEventListener('touchstart', handleClickOutside)
+    }
+  }, [callback])
+}
+
+export default useOutsideClick

package/src/ui/utils/index.js

@@ -1 +1 @@
-export { useWindowSize, useDynamicPosition } from './hooks'
+export { useWindowSize, useDynamicPosition, useOutsideClick } from './hooks'