fix: OHIF-307 - Click outside patient info should close tooltip (#1886)

platform/ui/src/utils/blurHandlerListener.js

@@ -1,10 +0,0 @@
-export default element => {
-  const handleClickOutside = event => {
-    if (element.current && !element.current.contains(event.target)) {
-      element.current.blur();
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-  };
-
-  document.addEventListener('mousedown', handleClickOutside);
-};

platform/ui/src/utils/useOnClickOutside.js

@@ -0,0 +1,17 @@
+export default (element, onClickOutside) => {
+  const clickOutsideHandler = event => {
+    if (element.current && !element.current.contains(event.target)) {
+      onClickOutside();
+      window.removeEventListener('mousedown', clickOutsideHandler);
+    }
+  };
+
+  const add = () => window.addEventListener('mousedown', clickOutsideHandler);
+  const remove = () =>
+    window.removeEventListener('mousedown', clickOutsideHandler);
+
+  return {
+    add,
+    remove,
+  };
+};