···

       
32
       
 
       
        return;

     

       
33
       
 
       
      }

     

       
34
       
 
       


     

       
35
       
-
       
      event.preventDefault();

     

       
36
       
-
       
      onDismiss();

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
37
       
 
       
    }

     

       
38
       
 
       


     

       
39
       
-
       
    if (hasPriority) {

     

       
40
       
-
       
      document.addEventListener('mousedown', onClick);

     

       
41
       
-
       
      document.addEventListener('touchstart', onClick);

     

       
42
       
-
       
    }

     

       
43
       
-
       


     

       
44
       
 
       
    document.addEventListener('keydown', onKey);

     

       
45
       
 
       


     

       
46
       
 
       
    return () => {

     

       
47
       
-
       
      if (hasPriority) {

     

       
48
       
-
       
        document.removeEventListener('mousedown', onClick);

     

       
49
       
-
       
        document.removeEventListener('touchstart', onClick);

     

       
50
       
-
       
      }

     

       
51
       
-
       


     

       
52
       
 
       
      document.removeEventListener('keydown', onKey);

     

       
53
       
 
       
    };

     

       
54
       
 
       
  }, [ref, hasPriority, onDismiss]);

     

···

       
32
       
 
       
        return;

     

       
33
       
 
       
      }

     

       
34
       
 
       


     

       
35
       
+
       
      // The current dialog can be dismissed by pressing outside of it if it either has

     

       
36
       
+
       
      // focus or it has priority

     

       
37
       
+
       
      const active = document.activeElement;

     

       
38
       
+
       
      if (hasPriority || (active && contains(ref.current, active))) {

     

       
39
       
+
       
        event.preventDefault();

     

       
40
       
+
       
        onDismiss();

     

       
41
       
+
       
      }

     

       
42
       
 
       
    }

     

       
43
       
 
       


     

       
44
       
+
       
    document.addEventListener('mousedown', onClick);

     

       
45
       
+
       
    document.addEventListener('touchstart', onClick);

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
46
       
 
       
    document.addEventListener('keydown', onKey);

     

       
47
       
 
       


     

       
48
       
 
       
    return () => {

     

       
49
       
+
       
      document.removeEventListener('mousedown', onClick);

     

       
50
       
+
       
      document.removeEventListener('touchstart', onClick);

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
51
       
 
       
      document.removeEventListener('keydown', onKey);

     

       
52
       
 
       
    };

     

       
53
       
 
       
  }, [ref, hasPriority, onDismiss]);