utils useOnClickOutside.js

0% Statements 0/12

0% Branches 0/6

0% Functions 0/4

0% Lines 0/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  export default (element, onClickOutside) => {
  const clickOutsideHandler = event => {
    Iif (element.current && !element.current.contains(event.target)) {
      onClickOutside();
      Iif (typeof window !== 'undefined') {
        window.removeEventListener('mousedown', clickOutsideHandler);
      }
    }
  };
 
  const add = () => {
    Iif (typeof window !== 'undefined') {
      window.addEventListener('mousedown', clickOutsideHandler);
    }
  };
  const remove = () => {
    Iif (typeof window !== 'undefined') {
      window.removeEventListener('mousedown', clickOutsideHandler);
    }
  };
 
  return {
    add,
    remove,
  };
};