···

       
13
       
 
       


     

       
14
       
 
       
export function useDismissable<T extends HTMLElement>(

     

       
15
       
 
       
  ref: Ref<T>,

     

       
16
       
-
       
  onDismiss: () => void,

     

       
17
       
 
       
  options?: DismissableOptions

     

       
18
       
 
       
) {

     

       
19
       
 
       
  const focusLoss = !!(options && options.focusLoss);

     
···

       
40
       
 
       
        !contains(element, relatedTarget)

     

       
41
       
 
       
      ) {

     

       
42
       
 
       
        willLoseFocus = false;

     

       
43
       
-
       
        onDismissRef.current();

     

       
44
       
 
       
      }

     

       
45
       
 
       
    }

     

       
46
       
 
       


     

       
47
       
 
       
    function onFocusIn(event: FocusEvent) {

     

       
48
       
 
       
      const { target } = event;

     

       
49
       
 
       
      if (!event.defaultPrevented && !contains(element, target)) {

     

       
50
       
-
       
        onDismissRef.current();

     

       
51
       
 
       
      }

     

       
52
       
 
       
    }

     

       
53
       
 
       


     
···

       
60
       
 
       
        // The current dialog can be dismissed by pressing escape if it either has focus

     

       
61
       
 
       
        // or it has priority

     

       
62
       
 
       
        event.preventDefault();

     

       
63
       
-
       
        onDismissRef.current();

     

       
64
       
 
       
      } else if (event.code === 'Tab') {

     

       
65
       
 
       
        willLoseFocus = true;

     

       
66
       
 
       
      }

     
···

       
76
       
 
       
      } else if (hasPriority.current) {

     

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

     

       
78
       
 
       
        // focus or it has priority

     

       
79
       
-
       
        onDismissRef.current();

     

       
0
       
 
       

     

       
80
       
 
       
      }

     

       
81
       
 
       
    }

     

       
82
       
 
       


     

···

       
13
       
 
       


     

       
14
       
 
       
export function useDismissable<T extends HTMLElement>(

     

       
15
       
 
       
  ref: Ref<T>,

     

       
16
       
+
       
  onDismiss: (event: Event) => void,

     

       
17
       
 
       
  options?: DismissableOptions

     

       
18
       
 
       
) {

     

       
19
       
 
       
  const focusLoss = !!(options && options.focusLoss);

     
···

       
40
       
 
       
        !contains(element, relatedTarget)

     

       
41
       
 
       
      ) {

     

       
42
       
 
       
        willLoseFocus = false;

     

       
43
       
+
       
        onDismissRef.current(event);

     

       
44
       
 
       
      }

     

       
45
       
 
       
    }

     

       
46
       
 
       


     

       
47
       
 
       
    function onFocusIn(event: FocusEvent) {

     

       
48
       
 
       
      const { target } = event;

     

       
49
       
 
       
      if (!event.defaultPrevented && !contains(element, target)) {

     

       
50
       
+
       
        onDismissRef.current(event);

     

       
51
       
 
       
      }

     

       
52
       
 
       
    }

     

       
53
       
 
       


     
···

       
60
       
 
       
        // The current dialog can be dismissed by pressing escape if it either has focus

     

       
61
       
 
       
        // or it has priority

     

       
62
       
 
       
        event.preventDefault();

     

       
63
       
+
       
        onDismissRef.current(event);

     

       
64
       
 
       
      } else if (event.code === 'Tab') {

     

       
65
       
 
       
        willLoseFocus = true;

     

       
66
       
 
       
      }

     
···

       
76
       
 
       
      } else if (hasPriority.current) {

     

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

     

       
78
       
 
       
        // focus or it has priority

     

       
79
       
+
       
        event.preventDefault();

     

       
80
       
+
       
        onDismissRef.current(event);

     

       
81
       
 
       
      }

     

       
82
       
 
       
    }

     

       
83