@bigbinary/neeto-commons-frontend 2.1.13 → 2.1.15

package/react-utils.d.ts

@@ -333,7 +333,9 @@ export function useLocalStorage<T>(key: string, initialValue?: T): [T, (value: T
  * };
  * @endexample
 */
-export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (event: MouseEvent | TouchEvent) => any);
+export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (event: MouseEvent | TouchEvent) => any, options: {
+  enabled: boolean;
+});
 /**
  *
  * The usePrevious hook is a convenient utility to track the previous value of

package/react-utils.js

@@ -3590,6 +3590,9 @@ var useMutationWithInvalidation = function useMutationWithInvalidation(mutationF
 };
 
 var useOnClickOutside = function useOnClickOutside(ref, handler) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled;
   useEffect(function () {
     var listener = function listener(event) {
       // Do nothing if clicking ref's element or descendent elements
@@ -3598,13 +3601,15 @@ var useOnClickOutside = function useOnClickOutside(ref, handler) {
       }
       handler(event);
     };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
+    if (enabled) {
+      document.addEventListener("mousedown", listener);
+      document.addEventListener("touchstart", listener);
+    }
     return function () {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };
-  }, [handler]);
+  }, [handler, enabled]);
 };
 
 var usePrevious = function usePrevious(value) {