···

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

     

       
180
       
 
       


     

       
181
       
 
       
    return () => {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
182
       
 
       
      const active = document.activeElement as HTMLElement;

     

       
183
       
 
       
      if (!active || contains(element, active)) {

     

       
184
       
 
       
        restoreSelection(selection);

     

       
185
       
 
       
      }

     

       
186
       
-
       


     

       
187
       
-
       
      element.removeEventListener('mousedown', onClick);

     

       
188
       
-
       
      document.body.removeEventListener('focusin', onFocus);

     

       
189
       
-
       
      document.removeEventListener('keydown', onKey);

     

       
190
       
 
       
    };

     

       
191
       
 
       
  }, [ref.current, disabled]);

     

       
192
       
 
       
}

     

···

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

     

       
180
       
 
       


     

       
181
       
 
       
    return () => {

     

       
182
       
+
       
      element.removeEventListener('mousedown', onClick);

     

       
183
       
+
       
      document.body.removeEventListener('focusin', onFocus);

     

       
184
       
+
       
      document.removeEventListener('keydown', onKey);

     

       
185
       
+
       


     

       
186
       
 
       
      const active = document.activeElement as HTMLElement;

     

       
187
       
 
       
      if (!active || contains(element, active)) {

     

       
188
       
 
       
        restoreSelection(selection);

     

       
189
       
 
       
      }

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
190
       
 
       
    };

     

       
191
       
 
       
  }, [ref.current, disabled]);

     

       
192
       
 
       
}

     

···

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

     

       
136
       
 
       


     

       
137
       
 
       
    return () => {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
138
       
 
       
      const active = document.activeElement as HTMLElement;

     

       
139
       
 
       
      if (!active || contains(element, active)) {

     

       
140
       
 
       
        restoreSelection(selection);

     

       
141
       
 
       
      }

     

       
142
       
-
       


     

       
143
       
-
       
      document.body.removeEventListener('focusin', onFocus);

     

       
144
       
-
       
      document.removeEventListener('keydown', onKey);

     

       
145
       
 
       
    };

     

       
146
       
 
       
  }, [ref.current, disabled]);

     

       
147
       
 
       
}

     

···

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

     

       
136
       
 
       


     

       
137
       
 
       
    return () => {

     

       
138
       
+
       
      document.body.removeEventListener('focusin', onFocus);

     

       
139
       
+
       
      document.removeEventListener('keydown', onKey);

     

       
140
       
+
       


     

       
141
       
 
       
      const active = document.activeElement as HTMLElement;

     

       
142
       
 
       
      if (!active || contains(element, active)) {

     

       
143
       
 
       
        restoreSelection(selection);

     

       
144
       
 
       
      }

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
145
       
 
       
    };

     

       
146
       
 
       
  }, [ref.current, disabled]);

     

       
147
       
 
       
}

     

···

       
29
       
 
       
  const hasPriority = usePriority(ref, disabled);

     

       
30
       
 
       


     

       
31
       
 
       
  useLayoutEffect(() => {

     

       
32
       
-
       
    const { current: element } = ref;

     

       
33
       
-
       
    if (!element || disabled) return;

     

       
34
       
 
       


     

       
35
       
 
       
    let selection: RestoreSelection | null = null;

     

       
36
       
-
       
    if (!document.activeElement || !contains(element, document.activeElement)) {

     

       
37
       
-
       
      const newTarget = getAutofocusTarget(element);

     

       
38
       
-
       
      selection = snapshotSelection(element);

     

       
39
       
-
       
      newTarget.focus();

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
40
       
 
       
    }

     

       
41
       
 
       


     

       
42
       
 
       
    function onBlur(event: FocusEvent) {

     

       
0
       
 
       

     

       
43
       
 
       
      if (!hasPriority.current || !element || event.defaultPrevented) return;

     

       
44
       
 
       


     

       
45
       
 
       
      if (

     
···

       
52
       
 
       
    }

     

       
53
       
 
       


     

       
54
       
 
       
    function onKeyDown(event: KeyboardEvent) {

     

       
0
       
 
       

     

       
55
       
 
       
      if (!hasPriority.current || !element || event.defaultPrevented) return;

     

       
56
       
 
       


     

       
57
       
 
       
      if (event.code === 'Tab') {

     
···

       
72
       
 
       
    document.addEventListener('keydown', onKeyDown);

     

       
73
       
 
       


     

       
74
       
 
       
    return () => {

     

       
75
       
-
       
      restoreSelection(selection);

     

       
76
       
 
       
      document.body.removeEventListener('focusout', onBlur);

     

       
77
       
 
       
      document.removeEventListener('keydown', onKeyDown);

     

       
0
       
 
       

     

       
78
       
 
       
    };

     

       
79
       
-
       
  }, [ref.current, hasPriority, disabled]);

     

       
80
       
 
       
}

     

···

       
29
       
 
       
  const hasPriority = usePriority(ref, disabled);

     

       
30
       
 
       


     

       
31
       
 
       
  useLayoutEffect(() => {

     

       
32
       
+
       
    if (disabled) return;

     

       
0
       
 
       

     

       
33
       
 
       


     

       
34
       
 
       
    let selection: RestoreSelection | null = null;

     

       
35
       
+
       
    if (

     

       
36
       
+
       
      !document.activeElement ||

     

       
37
       
+
       
      !contains(ref.current, document.activeElement)

     

       
38
       
+
       
    ) {

     

       
39
       
+
       
      const newTarget = ref.current ? getAutofocusTarget(ref.current) : null;

     

       
40
       
+
       
      selection = snapshotSelection();

     

       
41
       
+
       
      if (newTarget) newTarget.focus();

     

       
42
       
 
       
    }

     

       
43
       
 
       


     

       
44
       
 
       
    function onBlur(event: FocusEvent) {

     

       
45
       
+
       
      const { current: element } = ref;

     

       
46
       
 
       
      if (!hasPriority.current || !element || event.defaultPrevented) return;

     

       
47
       
 
       


     

       
48
       
 
       
      if (

     
···

       
55
       
 
       
    }

     

       
56
       
 
       


     

       
57
       
 
       
    function onKeyDown(event: KeyboardEvent) {

     

       
58
       
+
       
      const { current: element } = ref;

     

       
59
       
 
       
      if (!hasPriority.current || !element || event.defaultPrevented) return;

     

       
60
       
 
       


     

       
61
       
 
       
      if (event.code === 'Tab') {

     
···

       
76
       
 
       
    document.addEventListener('keydown', onKeyDown);

     

       
77
       
 
       


     

       
78
       
 
       
    return () => {

     

       
0
       
 
       

     

       
79
       
 
       
      document.body.removeEventListener('focusout', onBlur);

     

       
80
       
 
       
      document.removeEventListener('keydown', onKeyDown);

     

       
81
       
+
       
      restoreSelection(selection);

     

       
82
       
 
       
    };

     

       
83
       
+
       
  }, [ref, hasPriority, disabled]);

     

       
84
       
 
       
}