@react-aria/interactions 3.27.1 → 3.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/dist/import.mjs +21 -15
  2. package/dist/main.js +45 -39
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +21 -15
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +31 -0
  7. package/package.json +16 -15
  8. package/src/index.ts +30 -34
  9. package/dist/PressResponder.main.js +0 -61
  10. package/dist/PressResponder.main.js.map +0 -1
  11. package/dist/PressResponder.mjs +0 -51
  12. package/dist/PressResponder.module.js +0 -51
  13. package/dist/PressResponder.module.js.map +0 -1
  14. package/dist/Pressable.main.js +0 -69
  15. package/dist/Pressable.main.js.map +0 -1
  16. package/dist/Pressable.mjs +0 -60
  17. package/dist/Pressable.module.js +0 -60
  18. package/dist/Pressable.module.js.map +0 -1
  19. package/dist/context.main.js +0 -30
  20. package/dist/context.main.js.map +0 -1
  21. package/dist/context.mjs +0 -21
  22. package/dist/context.module.js +0 -21
  23. package/dist/context.module.js.map +0 -1
  24. package/dist/createEventHandler.main.js +0 -46
  25. package/dist/createEventHandler.main.js.map +0 -1
  26. package/dist/createEventHandler.mjs +0 -41
  27. package/dist/createEventHandler.module.js +0 -41
  28. package/dist/createEventHandler.module.js.map +0 -1
  29. package/dist/focusSafely.main.js +0 -41
  30. package/dist/focusSafely.main.js.map +0 -1
  31. package/dist/focusSafely.mjs +0 -36
  32. package/dist/focusSafely.module.js +0 -36
  33. package/dist/focusSafely.module.js.map +0 -1
  34. package/dist/textSelection.main.js +0 -77
  35. package/dist/textSelection.main.js.map +0 -1
  36. package/dist/textSelection.mjs +0 -71
  37. package/dist/textSelection.module.js +0 -71
  38. package/dist/textSelection.module.js.map +0 -1
  39. package/dist/types.d.ts +0 -255
  40. package/dist/types.d.ts.map +0 -1
  41. package/dist/useFocus.main.js +0 -66
  42. package/dist/useFocus.main.js.map +0 -1
  43. package/dist/useFocus.mjs +0 -61
  44. package/dist/useFocus.module.js +0 -61
  45. package/dist/useFocus.module.js.map +0 -1
  46. package/dist/useFocusVisible.main.js +0 -267
  47. package/dist/useFocusVisible.main.js.map +0 -1
  48. package/dist/useFocusVisible.mjs +0 -255
  49. package/dist/useFocusVisible.module.js +0 -255
  50. package/dist/useFocusVisible.module.js.map +0 -1
  51. package/dist/useFocusWithin.main.js +0 -107
  52. package/dist/useFocusWithin.main.js.map +0 -1
  53. package/dist/useFocusWithin.mjs +0 -102
  54. package/dist/useFocusWithin.module.js +0 -102
  55. package/dist/useFocusWithin.module.js.map +0 -1
  56. package/dist/useFocusable.main.js +0 -113
  57. package/dist/useFocusable.main.js.map +0 -1
  58. package/dist/useFocusable.mjs +0 -101
  59. package/dist/useFocusable.module.js +0 -101
  60. package/dist/useFocusable.module.js.map +0 -1
  61. package/dist/useHover.main.js +0 -159
  62. package/dist/useHover.main.js.map +0 -1
  63. package/dist/useHover.mjs +0 -154
  64. package/dist/useHover.module.js +0 -154
  65. package/dist/useHover.module.js.map +0 -1
  66. package/dist/useInteractOutside.main.js +0 -107
  67. package/dist/useInteractOutside.main.js.map +0 -1
  68. package/dist/useInteractOutside.mjs +0 -102
  69. package/dist/useInteractOutside.module.js +0 -102
  70. package/dist/useInteractOutside.module.js.map +0 -1
  71. package/dist/useKeyboard.main.js +0 -30
  72. package/dist/useKeyboard.main.js.map +0 -1
  73. package/dist/useKeyboard.mjs +0 -25
  74. package/dist/useKeyboard.module.js +0 -25
  75. package/dist/useKeyboard.module.js.map +0 -1
  76. package/dist/useLongPress.main.js +0 -86
  77. package/dist/useLongPress.main.js.map +0 -1
  78. package/dist/useLongPress.mjs +0 -81
  79. package/dist/useLongPress.module.js +0 -81
  80. package/dist/useLongPress.module.js.map +0 -1
  81. package/dist/useMove.main.js +0 -272
  82. package/dist/useMove.main.js.map +0 -1
  83. package/dist/useMove.mjs +0 -267
  84. package/dist/useMove.module.js +0 -267
  85. package/dist/useMove.module.js.map +0 -1
  86. package/dist/usePress.main.js +0 -763
  87. package/dist/usePress.main.js.map +0 -1
  88. package/dist/usePress.mjs +0 -758
  89. package/dist/usePress.module.js +0 -758
  90. package/dist/usePress.module.js.map +0 -1
  91. package/dist/useScrollWheel.main.js +0 -41
  92. package/dist/useScrollWheel.main.js.map +0 -1
  93. package/dist/useScrollWheel.mjs +0 -36
  94. package/dist/useScrollWheel.module.js +0 -36
  95. package/dist/useScrollWheel.module.js.map +0 -1
  96. package/dist/utils.main.js +0 -164
  97. package/dist/utils.main.js.map +0 -1
  98. package/dist/utils.mjs +0 -155
  99. package/dist/utils.module.js +0 -155
  100. package/dist/utils.module.js.map +0 -1
  101. package/src/PressResponder.tsx +0 -67
  102. package/src/Pressable.tsx +0 -97
  103. package/src/context.ts +0 -23
  104. package/src/createEventHandler.ts +0 -55
  105. package/src/focusSafely.ts +0 -49
  106. package/src/textSelection.ts +0 -101
  107. package/src/useFocus.ts +0 -88
  108. package/src/useFocusVisible.ts +0 -359
  109. package/src/useFocusWithin.ts +0 -134
  110. package/src/useFocusable.tsx +0 -191
  111. package/src/useHover.ts +0 -222
  112. package/src/useInteractOutside.ts +0 -143
  113. package/src/useKeyboard.ts +0 -36
  114. package/src/useLongPress.ts +0 -135
  115. package/src/useMove.ts +0 -259
  116. package/src/usePress.ts +0 -1095
  117. package/src/useScrollWheel.ts +0 -41
  118. package/src/utils.ts +0 -175
@@ -1,255 +0,0 @@
1
- import {ignoreFocusEvent as $8a9cb279dc87e130$export$fda7da73ab5d4c48} from "./utils.mjs";
2
- import {isMac as $28AnR$isMac, openLink as $28AnR$openLink, isVirtualClick as $28AnR$isVirtualClick, getEventTarget as $28AnR$getEventTarget, getOwnerWindow as $28AnR$getOwnerWindow, getOwnerDocument as $28AnR$getOwnerDocument, getActiveElement as $28AnR$getActiveElement} from "@react-aria/utils";
3
- import {useState as $28AnR$useState, useEffect as $28AnR$useEffect} from "react";
4
- import {useIsSSR as $28AnR$useIsSSR} from "@react-aria/ssr";
5
-
6
- /*
7
- * Copyright 2020 Adobe. All rights reserved.
8
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9
- * you may not use this file except in compliance with the License. You may obtain a copy
10
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software distributed under
13
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
14
- * OF ANY KIND, either express or implied. See the License for the specific language
15
- * governing permissions and limitations under the License.
16
- */ // Portions of the code in this file are based on code from react.
17
- // Original licensing for the following can be found in the
18
- // NOTICE file in the root directory of this source tree.
19
- // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
20
-
21
-
22
-
23
-
24
- let $507fabe10e71c6fb$var$currentModality = null;
25
- let $507fabe10e71c6fb$var$currentPointerType = 'keyboard';
26
- const $507fabe10e71c6fb$export$901e90a13c50a14e = new Set();
27
- let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
28
- let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
29
- let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
30
- // Only Tab or Esc keys will make focus visible on text input elements
31
- const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
32
- Tab: true,
33
- Escape: true
34
- };
35
- function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
36
- for (let handler of $507fabe10e71c6fb$export$901e90a13c50a14e)handler(modality, e);
37
- }
38
- /**
39
- * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
40
- */ function $507fabe10e71c6fb$var$isValidKey(e) {
41
- // Control and Shift keys trigger when navigating back to the tab with keyboard.
42
- return !(e.metaKey || !(0, $28AnR$isMac)() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
43
- }
44
- function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
45
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
46
- if (!(0, $28AnR$openLink).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
47
- $507fabe10e71c6fb$var$currentModality = 'keyboard';
48
- $507fabe10e71c6fb$var$currentPointerType = 'keyboard';
49
- $507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
50
- }
51
- }
52
- function $507fabe10e71c6fb$var$handlePointerEvent(e) {
53
- $507fabe10e71c6fb$var$currentModality = 'pointer';
54
- $507fabe10e71c6fb$var$currentPointerType = 'pointerType' in e ? e.pointerType : 'mouse';
55
- if (e.type === 'mousedown' || e.type === 'pointerdown') {
56
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
57
- $507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
58
- }
59
- }
60
- function $507fabe10e71c6fb$var$handleClickEvent(e) {
61
- if (!(0, $28AnR$openLink).isOpening && (0, $28AnR$isVirtualClick)(e)) {
62
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
63
- $507fabe10e71c6fb$var$currentModality = 'virtual';
64
- $507fabe10e71c6fb$var$currentPointerType = 'virtual';
65
- }
66
- }
67
- function $507fabe10e71c6fb$var$handleFocusEvent(e) {
68
- // Firefox fires two extra focus events when the user first clicks into an iframe:
69
- // first on the window, then on the document. We ignore these events so they don't
70
- // cause keyboard focus rings to appear.
71
- if ((0, $28AnR$getEventTarget)(e) === window || (0, $28AnR$getEventTarget)(e) === document || (0, $8a9cb279dc87e130$export$fda7da73ab5d4c48) || !e.isTrusted) return;
72
- // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
73
- // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
74
- if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
75
- $507fabe10e71c6fb$var$currentModality = 'virtual';
76
- $507fabe10e71c6fb$var$currentPointerType = 'virtual';
77
- $507fabe10e71c6fb$var$triggerChangeHandlers('virtual', e);
78
- }
79
- $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
80
- $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
81
- }
82
- function $507fabe10e71c6fb$var$handleWindowBlur() {
83
- if (0, $8a9cb279dc87e130$export$fda7da73ab5d4c48) return;
84
- // When the window is blurred, reset state. This is necessary when tabbing out of the window,
85
- // for example, since a subsequent focus event won't be fired.
86
- $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
87
- $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
88
- }
89
- /**
90
- * Setup global event listeners to control when keyboard focus style should be visible.
91
- */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
92
- if (typeof window === 'undefined' || typeof document === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get((0, $28AnR$getOwnerWindow)(element))) return;
93
- const windowObject = (0, $28AnR$getOwnerWindow)(element);
94
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
95
- // Programmatic focus() calls shouldn't affect the current input modality.
96
- // However, we need to detect other cases when a focus event occurs without
97
- // a preceding user event (e.g. screen reader focus). Overriding the focus
98
- // method on HTMLElement.prototype is a bit hacky, but works.
99
- let focus = windowObject.HTMLElement.prototype.focus;
100
- windowObject.HTMLElement.prototype.focus = function() {
101
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
102
- focus.apply(this, arguments);
103
- };
104
- documentObject.addEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
105
- documentObject.addEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
106
- documentObject.addEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
107
- // Register focus events on the window so they are sure to happen
108
- // before React's event listeners (registered on the document).
109
- windowObject.addEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
110
- windowObject.addEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
111
- if (typeof PointerEvent !== 'undefined') {
112
- documentObject.addEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
113
- documentObject.addEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
114
- documentObject.addEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
115
- } else if (process.env.NODE_ENV === 'test') {
116
- documentObject.addEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
117
- documentObject.addEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
118
- documentObject.addEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
119
- }
120
- // Add unmount handler
121
- windowObject.addEventListener('beforeunload', ()=>{
122
- $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
123
- }, {
124
- once: true
125
- });
126
- $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, {
127
- focus: focus
128
- });
129
- }
130
- const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener)=>{
131
- const windowObject = (0, $28AnR$getOwnerWindow)(element);
132
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
133
- if (loadListener) documentObject.removeEventListener('DOMContentLoaded', loadListener);
134
- if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
135
- windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
136
- documentObject.removeEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
137
- documentObject.removeEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
138
- documentObject.removeEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
139
- windowObject.removeEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
140
- windowObject.removeEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
141
- if (typeof PointerEvent !== 'undefined') {
142
- documentObject.removeEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
143
- documentObject.removeEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
144
- documentObject.removeEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
145
- } else if (process.env.NODE_ENV === 'test') {
146
- documentObject.removeEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
147
- documentObject.removeEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
148
- documentObject.removeEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
149
- }
150
- $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
151
- };
152
- function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
153
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
154
- let loadListener;
155
- if (documentObject.readyState !== 'loading') $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
156
- else {
157
- loadListener = ()=>{
158
- $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
159
- };
160
- documentObject.addEventListener('DOMContentLoaded', loadListener);
161
- }
162
- return ()=>$507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
163
- }
164
- // Server-side rendering does not have the document object defined
165
- // eslint-disable-next-line no-restricted-globals
166
- if (typeof document !== 'undefined') $507fabe10e71c6fb$export$2f1888112f558a7d();
167
- function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
168
- return $507fabe10e71c6fb$var$currentModality !== 'pointer';
169
- }
170
- function $507fabe10e71c6fb$export$630ff653c5ada6a9() {
171
- return $507fabe10e71c6fb$var$currentModality;
172
- }
173
- function $507fabe10e71c6fb$export$8397ddfc504fdb9a(modality) {
174
- $507fabe10e71c6fb$var$currentModality = modality;
175
- $507fabe10e71c6fb$var$currentPointerType = modality === 'pointer' ? 'mouse' : modality;
176
- $507fabe10e71c6fb$var$triggerChangeHandlers(modality, null);
177
- }
178
- function $507fabe10e71c6fb$export$887a228355cf7d95() {
179
- return $507fabe10e71c6fb$var$currentPointerType;
180
- }
181
- function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
182
- $507fabe10e71c6fb$var$setupGlobalFocusEvents();
183
- let [modality, setModality] = (0, $28AnR$useState)($507fabe10e71c6fb$var$currentModality);
184
- (0, $28AnR$useEffect)(()=>{
185
- let handler = ()=>{
186
- setModality($507fabe10e71c6fb$var$currentModality);
187
- };
188
- $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
189
- return ()=>{
190
- $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
191
- };
192
- }, []);
193
- return (0, $28AnR$useIsSSR)() ? null : modality;
194
- }
195
- const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
196
- 'checkbox',
197
- 'radio',
198
- 'range',
199
- 'color',
200
- 'file',
201
- 'image',
202
- 'button',
203
- 'submit',
204
- 'reset'
205
- ]);
206
- /**
207
- * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
208
- * focus visible style can be properly set.
209
- */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
210
- let document1 = (0, $28AnR$getOwnerDocument)(e ? (0, $28AnR$getEventTarget)(e) : undefined);
211
- let eventTarget = e ? (0, $28AnR$getEventTarget)(e) : undefined;
212
- const IHTMLInputElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLInputElement : HTMLInputElement;
213
- const IHTMLTextAreaElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLTextAreaElement : HTMLTextAreaElement;
214
- const IHTMLElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLElement : HTMLElement;
215
- const IKeyboardEvent = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).KeyboardEvent : KeyboardEvent;
216
- // For keyboard events that occur on a non-input element that will move focus into input element (aka ArrowLeft going from Datepicker button to the main input group)
217
- // we need to rely on the user passing isTextInput into here. This way we can skip toggling focus visiblity for said input element
218
- let activeElement = (0, $28AnR$getActiveElement)(document1);
219
- isTextInput = isTextInput || activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(activeElement.type) || activeElement instanceof IHTMLTextAreaElement || activeElement instanceof IHTMLElement && activeElement.isContentEditable;
220
- return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
221
- }
222
- function $507fabe10e71c6fb$export$ffd9e5021c1fb2d6(props = {}) {
223
- let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
224
- let [isFocusVisibleState, setFocusVisible] = (0, $28AnR$useState)(autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27());
225
- $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible)=>{
226
- setFocusVisible(isFocusVisible);
227
- }, [
228
- isTextInput
229
- ], {
230
- isTextInput: isTextInput
231
- });
232
- return {
233
- isFocusVisible: isFocusVisibleState
234
- };
235
- }
236
- function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
237
- $507fabe10e71c6fb$var$setupGlobalFocusEvents();
238
- (0, $28AnR$useEffect)(()=>{
239
- if ((opts === null || opts === void 0 ? void 0 : opts.enabled) === false) return;
240
- let handler = (modality, e)=>{
241
- // We want to early return for any keyboard events that occur inside text inputs EXCEPT for Tab and Escape
242
- if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
243
- fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
244
- };
245
- $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
246
- return ()=>{
247
- $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
248
- };
249
- // eslint-disable-next-line react-hooks/exhaustive-deps
250
- }, deps);
251
- }
252
-
253
-
254
- export {$507fabe10e71c6fb$export$901e90a13c50a14e as changeHandlers, $507fabe10e71c6fb$export$d90243b58daecda7 as hasSetupGlobalListeners, $507fabe10e71c6fb$export$2f1888112f558a7d as addWindowFocusTracking, $507fabe10e71c6fb$export$b9b3dfddab17db27 as isFocusVisible, $507fabe10e71c6fb$export$630ff653c5ada6a9 as getInteractionModality, $507fabe10e71c6fb$export$8397ddfc504fdb9a as setInteractionModality, $507fabe10e71c6fb$export$887a228355cf7d95 as getPointerType, $507fabe10e71c6fb$export$98e20ec92f614cfe as useInteractionModality, $507fabe10e71c6fb$export$ffd9e5021c1fb2d6 as useFocusVisible, $507fabe10e71c6fb$export$ec71b4b83ac08ec3 as useFocusVisibleListener};
255
- //# sourceMappingURL=useFocusVisible.module.js.map
@@ -1,255 +0,0 @@
1
- import {ignoreFocusEvent as $8a9cb279dc87e130$export$fda7da73ab5d4c48} from "./utils.module.js";
2
- import {isMac as $28AnR$isMac, openLink as $28AnR$openLink, isVirtualClick as $28AnR$isVirtualClick, getEventTarget as $28AnR$getEventTarget, getOwnerWindow as $28AnR$getOwnerWindow, getOwnerDocument as $28AnR$getOwnerDocument, getActiveElement as $28AnR$getActiveElement} from "@react-aria/utils";
3
- import {useState as $28AnR$useState, useEffect as $28AnR$useEffect} from "react";
4
- import {useIsSSR as $28AnR$useIsSSR} from "@react-aria/ssr";
5
-
6
- /*
7
- * Copyright 2020 Adobe. All rights reserved.
8
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
9
- * you may not use this file except in compliance with the License. You may obtain a copy
10
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software distributed under
13
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
14
- * OF ANY KIND, either express or implied. See the License for the specific language
15
- * governing permissions and limitations under the License.
16
- */ // Portions of the code in this file are based on code from react.
17
- // Original licensing for the following can be found in the
18
- // NOTICE file in the root directory of this source tree.
19
- // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
20
-
21
-
22
-
23
-
24
- let $507fabe10e71c6fb$var$currentModality = null;
25
- let $507fabe10e71c6fb$var$currentPointerType = 'keyboard';
26
- const $507fabe10e71c6fb$export$901e90a13c50a14e = new Set();
27
- let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
28
- let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
29
- let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
30
- // Only Tab or Esc keys will make focus visible on text input elements
31
- const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
32
- Tab: true,
33
- Escape: true
34
- };
35
- function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
36
- for (let handler of $507fabe10e71c6fb$export$901e90a13c50a14e)handler(modality, e);
37
- }
38
- /**
39
- * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
40
- */ function $507fabe10e71c6fb$var$isValidKey(e) {
41
- // Control and Shift keys trigger when navigating back to the tab with keyboard.
42
- return !(e.metaKey || !(0, $28AnR$isMac)() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
43
- }
44
- function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
45
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
46
- if (!(0, $28AnR$openLink).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
47
- $507fabe10e71c6fb$var$currentModality = 'keyboard';
48
- $507fabe10e71c6fb$var$currentPointerType = 'keyboard';
49
- $507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
50
- }
51
- }
52
- function $507fabe10e71c6fb$var$handlePointerEvent(e) {
53
- $507fabe10e71c6fb$var$currentModality = 'pointer';
54
- $507fabe10e71c6fb$var$currentPointerType = 'pointerType' in e ? e.pointerType : 'mouse';
55
- if (e.type === 'mousedown' || e.type === 'pointerdown') {
56
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
57
- $507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
58
- }
59
- }
60
- function $507fabe10e71c6fb$var$handleClickEvent(e) {
61
- if (!(0, $28AnR$openLink).isOpening && (0, $28AnR$isVirtualClick)(e)) {
62
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
63
- $507fabe10e71c6fb$var$currentModality = 'virtual';
64
- $507fabe10e71c6fb$var$currentPointerType = 'virtual';
65
- }
66
- }
67
- function $507fabe10e71c6fb$var$handleFocusEvent(e) {
68
- // Firefox fires two extra focus events when the user first clicks into an iframe:
69
- // first on the window, then on the document. We ignore these events so they don't
70
- // cause keyboard focus rings to appear.
71
- if ((0, $28AnR$getEventTarget)(e) === window || (0, $28AnR$getEventTarget)(e) === document || (0, $8a9cb279dc87e130$export$fda7da73ab5d4c48) || !e.isTrusted) return;
72
- // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
73
- // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
74
- if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
75
- $507fabe10e71c6fb$var$currentModality = 'virtual';
76
- $507fabe10e71c6fb$var$currentPointerType = 'virtual';
77
- $507fabe10e71c6fb$var$triggerChangeHandlers('virtual', e);
78
- }
79
- $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
80
- $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
81
- }
82
- function $507fabe10e71c6fb$var$handleWindowBlur() {
83
- if (0, $8a9cb279dc87e130$export$fda7da73ab5d4c48) return;
84
- // When the window is blurred, reset state. This is necessary when tabbing out of the window,
85
- // for example, since a subsequent focus event won't be fired.
86
- $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
87
- $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
88
- }
89
- /**
90
- * Setup global event listeners to control when keyboard focus style should be visible.
91
- */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
92
- if (typeof window === 'undefined' || typeof document === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get((0, $28AnR$getOwnerWindow)(element))) return;
93
- const windowObject = (0, $28AnR$getOwnerWindow)(element);
94
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
95
- // Programmatic focus() calls shouldn't affect the current input modality.
96
- // However, we need to detect other cases when a focus event occurs without
97
- // a preceding user event (e.g. screen reader focus). Overriding the focus
98
- // method on HTMLElement.prototype is a bit hacky, but works.
99
- let focus = windowObject.HTMLElement.prototype.focus;
100
- windowObject.HTMLElement.prototype.focus = function() {
101
- $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
102
- focus.apply(this, arguments);
103
- };
104
- documentObject.addEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
105
- documentObject.addEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
106
- documentObject.addEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
107
- // Register focus events on the window so they are sure to happen
108
- // before React's event listeners (registered on the document).
109
- windowObject.addEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
110
- windowObject.addEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
111
- if (typeof PointerEvent !== 'undefined') {
112
- documentObject.addEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
113
- documentObject.addEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
114
- documentObject.addEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
115
- } else if (process.env.NODE_ENV === 'test') {
116
- documentObject.addEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
117
- documentObject.addEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
118
- documentObject.addEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
119
- }
120
- // Add unmount handler
121
- windowObject.addEventListener('beforeunload', ()=>{
122
- $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
123
- }, {
124
- once: true
125
- });
126
- $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, {
127
- focus: focus
128
- });
129
- }
130
- const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener)=>{
131
- const windowObject = (0, $28AnR$getOwnerWindow)(element);
132
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
133
- if (loadListener) documentObject.removeEventListener('DOMContentLoaded', loadListener);
134
- if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
135
- windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
136
- documentObject.removeEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
137
- documentObject.removeEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
138
- documentObject.removeEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
139
- windowObject.removeEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
140
- windowObject.removeEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
141
- if (typeof PointerEvent !== 'undefined') {
142
- documentObject.removeEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
143
- documentObject.removeEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
144
- documentObject.removeEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
145
- } else if (process.env.NODE_ENV === 'test') {
146
- documentObject.removeEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
147
- documentObject.removeEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
148
- documentObject.removeEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
149
- }
150
- $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
151
- };
152
- function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
153
- const documentObject = (0, $28AnR$getOwnerDocument)(element);
154
- let loadListener;
155
- if (documentObject.readyState !== 'loading') $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
156
- else {
157
- loadListener = ()=>{
158
- $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
159
- };
160
- documentObject.addEventListener('DOMContentLoaded', loadListener);
161
- }
162
- return ()=>$507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
163
- }
164
- // Server-side rendering does not have the document object defined
165
- // eslint-disable-next-line no-restricted-globals
166
- if (typeof document !== 'undefined') $507fabe10e71c6fb$export$2f1888112f558a7d();
167
- function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
168
- return $507fabe10e71c6fb$var$currentModality !== 'pointer';
169
- }
170
- function $507fabe10e71c6fb$export$630ff653c5ada6a9() {
171
- return $507fabe10e71c6fb$var$currentModality;
172
- }
173
- function $507fabe10e71c6fb$export$8397ddfc504fdb9a(modality) {
174
- $507fabe10e71c6fb$var$currentModality = modality;
175
- $507fabe10e71c6fb$var$currentPointerType = modality === 'pointer' ? 'mouse' : modality;
176
- $507fabe10e71c6fb$var$triggerChangeHandlers(modality, null);
177
- }
178
- function $507fabe10e71c6fb$export$887a228355cf7d95() {
179
- return $507fabe10e71c6fb$var$currentPointerType;
180
- }
181
- function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
182
- $507fabe10e71c6fb$var$setupGlobalFocusEvents();
183
- let [modality, setModality] = (0, $28AnR$useState)($507fabe10e71c6fb$var$currentModality);
184
- (0, $28AnR$useEffect)(()=>{
185
- let handler = ()=>{
186
- setModality($507fabe10e71c6fb$var$currentModality);
187
- };
188
- $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
189
- return ()=>{
190
- $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
191
- };
192
- }, []);
193
- return (0, $28AnR$useIsSSR)() ? null : modality;
194
- }
195
- const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
196
- 'checkbox',
197
- 'radio',
198
- 'range',
199
- 'color',
200
- 'file',
201
- 'image',
202
- 'button',
203
- 'submit',
204
- 'reset'
205
- ]);
206
- /**
207
- * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
208
- * focus visible style can be properly set.
209
- */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
210
- let document1 = (0, $28AnR$getOwnerDocument)(e ? (0, $28AnR$getEventTarget)(e) : undefined);
211
- let eventTarget = e ? (0, $28AnR$getEventTarget)(e) : undefined;
212
- const IHTMLInputElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLInputElement : HTMLInputElement;
213
- const IHTMLTextAreaElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLTextAreaElement : HTMLTextAreaElement;
214
- const IHTMLElement = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).HTMLElement : HTMLElement;
215
- const IKeyboardEvent = typeof window !== 'undefined' ? (0, $28AnR$getOwnerWindow)(eventTarget).KeyboardEvent : KeyboardEvent;
216
- // For keyboard events that occur on a non-input element that will move focus into input element (aka ArrowLeft going from Datepicker button to the main input group)
217
- // we need to rely on the user passing isTextInput into here. This way we can skip toggling focus visiblity for said input element
218
- let activeElement = (0, $28AnR$getActiveElement)(document1);
219
- isTextInput = isTextInput || activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(activeElement.type) || activeElement instanceof IHTMLTextAreaElement || activeElement instanceof IHTMLElement && activeElement.isContentEditable;
220
- return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
221
- }
222
- function $507fabe10e71c6fb$export$ffd9e5021c1fb2d6(props = {}) {
223
- let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
224
- let [isFocusVisibleState, setFocusVisible] = (0, $28AnR$useState)(autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27());
225
- $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible)=>{
226
- setFocusVisible(isFocusVisible);
227
- }, [
228
- isTextInput
229
- ], {
230
- isTextInput: isTextInput
231
- });
232
- return {
233
- isFocusVisible: isFocusVisibleState
234
- };
235
- }
236
- function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
237
- $507fabe10e71c6fb$var$setupGlobalFocusEvents();
238
- (0, $28AnR$useEffect)(()=>{
239
- if ((opts === null || opts === void 0 ? void 0 : opts.enabled) === false) return;
240
- let handler = (modality, e)=>{
241
- // We want to early return for any keyboard events that occur inside text inputs EXCEPT for Tab and Escape
242
- if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
243
- fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
244
- };
245
- $507fabe10e71c6fb$export$901e90a13c50a14e.add(handler);
246
- return ()=>{
247
- $507fabe10e71c6fb$export$901e90a13c50a14e.delete(handler);
248
- };
249
- // eslint-disable-next-line react-hooks/exhaustive-deps
250
- }, deps);
251
- }
252
-
253
-
254
- export {$507fabe10e71c6fb$export$901e90a13c50a14e as changeHandlers, $507fabe10e71c6fb$export$d90243b58daecda7 as hasSetupGlobalListeners, $507fabe10e71c6fb$export$2f1888112f558a7d as addWindowFocusTracking, $507fabe10e71c6fb$export$b9b3dfddab17db27 as isFocusVisible, $507fabe10e71c6fb$export$630ff653c5ada6a9 as getInteractionModality, $507fabe10e71c6fb$export$8397ddfc504fdb9a as setInteractionModality, $507fabe10e71c6fb$export$887a228355cf7d95 as getPointerType, $507fabe10e71c6fb$export$98e20ec92f614cfe as useInteractionModality, $507fabe10e71c6fb$export$ffd9e5021c1fb2d6 as useFocusVisible, $507fabe10e71c6fb$export$ec71b4b83ac08ec3 as useFocusVisibleListener};
255
- //# sourceMappingURL=useFocusVisible.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":"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","sources":["packages/@react-aria/interactions/src/useFocusVisible.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\nimport {getActiveElement, getEventTarget, getOwnerDocument, getOwnerWindow, isMac, isVirtualClick, openLink} from '@react-aria/utils';\nimport {ignoreFocusEvent} from './utils';\nimport {PointerType} from '@react-types/shared';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '@react-aria/ssr';\n\nexport type Modality = 'keyboard' | 'pointer' | 'virtual';\ntype HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent | null;\ntype Handler = (modality: Modality, e: HandlerEvent) => void;\nexport type FocusVisibleHandler = (isFocusVisible: boolean) => void;\nexport interface FocusVisibleProps {\n /** Whether the element is a text input. */\n isTextInput?: boolean,\n /** Whether the element will be auto focused. */\n autoFocus?: boolean\n}\n\nexport interface FocusVisibleResult {\n /** Whether keyboard focus is visible globally. */\n isFocusVisible: boolean\n}\n\nlet currentModality: null | Modality = null;\nlet currentPointerType: PointerType = 'keyboard';\nexport const changeHandlers = new Set<Handler>();\ninterface GlobalListenerData {\n focus: () => void\n}\nexport let hasSetupGlobalListeners: Map<Window, GlobalListenerData> = new Map<Window, GlobalListenerData>(); // We use a map here to support setting event listeners across multiple document objects.\nlet hasEventBeforeFocus = false;\nlet hasBlurredWindowRecently = false;\n\n// Only Tab or Esc keys will make focus visible on text input elements\nconst FOCUS_VISIBLE_INPUT_KEYS = {\n Tab: true,\n Escape: true\n};\n\nfunction triggerChangeHandlers(modality: Modality, e: HandlerEvent) {\n for (let handler of changeHandlers) {\n handler(modality, e);\n }\n}\n\n/**\n * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.\n */\nfunction isValidKey(e: KeyboardEvent) {\n // Control and Shift keys trigger when navigating back to the tab with keyboard.\n return !(e.metaKey || (!isMac() && e.altKey) || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');\n}\n\n\nfunction handleKeyboardEvent(e: KeyboardEvent) {\n hasEventBeforeFocus = true;\n if (!(openLink as any).isOpening && isValidKey(e)) {\n currentModality = 'keyboard';\n currentPointerType = 'keyboard';\n triggerChangeHandlers('keyboard', e);\n }\n}\n\nfunction handlePointerEvent(e: PointerEvent | MouseEvent) {\n currentModality = 'pointer';\n currentPointerType = 'pointerType' in e ? e.pointerType as PointerType : 'mouse';\n if (e.type === 'mousedown' || e.type === 'pointerdown') {\n hasEventBeforeFocus = true;\n triggerChangeHandlers('pointer', e);\n }\n}\n\nfunction handleClickEvent(e: MouseEvent) {\n if (!(openLink as any).isOpening && isVirtualClick(e)) {\n hasEventBeforeFocus = true;\n currentModality = 'virtual';\n currentPointerType = 'virtual';\n }\n}\n\nfunction handleFocusEvent(e: FocusEvent) {\n // Firefox fires two extra focus events when the user first clicks into an iframe:\n // first on the window, then on the document. We ignore these events so they don't\n // cause keyboard focus rings to appear.\n if (getEventTarget(e) === window || getEventTarget(e) === document || ignoreFocusEvent || !e.isTrusted) {\n return;\n }\n\n // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.\n // This occurs, for example, when navigating a form with the next/previous buttons on iOS.\n if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n currentModality = 'virtual';\n currentPointerType = 'virtual';\n triggerChangeHandlers('virtual', e);\n }\n\n hasEventBeforeFocus = false;\n hasBlurredWindowRecently = false;\n}\n\nfunction handleWindowBlur() {\n if (ignoreFocusEvent) {\n return;\n }\n\n // When the window is blurred, reset state. This is necessary when tabbing out of the window,\n // for example, since a subsequent focus event won't be fired.\n hasEventBeforeFocus = false;\n hasBlurredWindowRecently = true;\n}\n\n/**\n * Setup global event listeners to control when keyboard focus style should be visible.\n */\nfunction setupGlobalFocusEvents(element?: HTMLElement | null) {\n if (typeof window === 'undefined' || typeof document === 'undefined' || hasSetupGlobalListeners.get(getOwnerWindow(element))) {\n return;\n }\n\n const windowObject = getOwnerWindow(element);\n const documentObject = getOwnerDocument(element);\n\n // Programmatic focus() calls shouldn't affect the current input modality.\n // However, we need to detect other cases when a focus event occurs without\n // a preceding user event (e.g. screen reader focus). Overriding the focus\n // method on HTMLElement.prototype is a bit hacky, but works.\n let focus = windowObject.HTMLElement.prototype.focus;\n windowObject.HTMLElement.prototype.focus = function () {\n hasEventBeforeFocus = true;\n focus.apply(this, arguments as unknown as [options?: FocusOptions | undefined]);\n };\n\n documentObject.addEventListener('keydown', handleKeyboardEvent, true);\n documentObject.addEventListener('keyup', handleKeyboardEvent, true);\n documentObject.addEventListener('click', handleClickEvent, true);\n\n // Register focus events on the window so they are sure to happen\n // before React's event listeners (registered on the document).\n windowObject.addEventListener('focus', handleFocusEvent, true);\n windowObject.addEventListener('blur', handleWindowBlur, false);\n\n if (typeof PointerEvent !== 'undefined') {\n documentObject.addEventListener('pointerdown', handlePointerEvent, true);\n documentObject.addEventListener('pointermove', handlePointerEvent, true);\n documentObject.addEventListener('pointerup', handlePointerEvent, true);\n } else if (process.env.NODE_ENV === 'test') {\n documentObject.addEventListener('mousedown', handlePointerEvent, true);\n documentObject.addEventListener('mousemove', handlePointerEvent, true);\n documentObject.addEventListener('mouseup', handlePointerEvent, true);\n }\n\n // Add unmount handler\n windowObject.addEventListener('beforeunload', () => {\n tearDownWindowFocusTracking(element);\n }, {once: true});\n\n hasSetupGlobalListeners.set(windowObject, {focus});\n}\n\nconst tearDownWindowFocusTracking = (element, loadListener?: () => void) => {\n const windowObject = getOwnerWindow(element);\n const documentObject = getOwnerDocument(element);\n if (loadListener) {\n documentObject.removeEventListener('DOMContentLoaded', loadListener);\n }\n if (!hasSetupGlobalListeners.has(windowObject)) {\n return;\n }\n windowObject.HTMLElement.prototype.focus = hasSetupGlobalListeners.get(windowObject)!.focus;\n\n documentObject.removeEventListener('keydown', handleKeyboardEvent, true);\n documentObject.removeEventListener('keyup', handleKeyboardEvent, true);\n documentObject.removeEventListener('click', handleClickEvent, true);\n\n windowObject.removeEventListener('focus', handleFocusEvent, true);\n windowObject.removeEventListener('blur', handleWindowBlur, false);\n\n if (typeof PointerEvent !== 'undefined') {\n documentObject.removeEventListener('pointerdown', handlePointerEvent, true);\n documentObject.removeEventListener('pointermove', handlePointerEvent, true);\n documentObject.removeEventListener('pointerup', handlePointerEvent, true);\n } else if (process.env.NODE_ENV === 'test') {\n documentObject.removeEventListener('mousedown', handlePointerEvent, true);\n documentObject.removeEventListener('mousemove', handlePointerEvent, true);\n documentObject.removeEventListener('mouseup', handlePointerEvent, true);\n }\n\n hasSetupGlobalListeners.delete(windowObject);\n};\n\n/**\n * EXPERIMENTAL\n * Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.\n *\n * Sometimes apps render portions of their tree into an iframe. In this case, we cannot accurately track if the focus\n * is visible because we cannot see interactions inside the iframe. If you have this in your application's architecture,\n * then this function will attach event listeners inside the iframe. You should call `addWindowFocusTracking` with an\n * element from inside the window you wish to add. We'll retrieve the relevant elements based on that.\n * Note, you do not need to call this for the default window, as we call it for you.\n *\n * When you are ready to stop listening, but you do not wish to unmount the iframe, you may call the cleanup function\n * returned by `addWindowFocusTracking`. Otherwise, when you unmount the iframe, all listeners and state will be cleaned\n * up automatically for you.\n *\n * @param element @default document.body - The element provided will be used to get the window to add.\n * @returns A function to remove the event listeners and cleanup the state.\n */\nexport function addWindowFocusTracking(element?: HTMLElement | null): () => void {\n const documentObject = getOwnerDocument(element);\n let loadListener;\n if (documentObject.readyState !== 'loading') {\n setupGlobalFocusEvents(element);\n } else {\n loadListener = () => {\n setupGlobalFocusEvents(element);\n };\n documentObject.addEventListener('DOMContentLoaded', loadListener);\n }\n\n return () => tearDownWindowFocusTracking(element, loadListener);\n}\n\n// Server-side rendering does not have the document object defined\n// eslint-disable-next-line no-restricted-globals\nif (typeof document !== 'undefined') {\n addWindowFocusTracking();\n}\n\n/**\n * If true, keyboard focus is visible.\n */\nexport function isFocusVisible(): boolean {\n return currentModality !== 'pointer';\n}\n\nexport function getInteractionModality(): Modality | null {\n return currentModality;\n}\n\nexport function setInteractionModality(modality: Modality): void {\n currentModality = modality;\n currentPointerType = modality === 'pointer' ? 'mouse' : modality;\n triggerChangeHandlers(modality, null);\n}\n\n/** @private */\nexport function getPointerType(): PointerType {\n return currentPointerType;\n}\n\n/**\n * Keeps state of the current modality.\n */\nexport function useInteractionModality(): Modality | null {\n setupGlobalFocusEvents();\n\n let [modality, setModality] = useState(currentModality);\n useEffect(() => {\n let handler = () => {\n setModality(currentModality);\n };\n\n changeHandlers.add(handler);\n return () => {\n changeHandlers.delete(handler);\n };\n }, []);\n\n return useIsSSR() ? null : modality;\n}\n\nconst nonTextInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'range',\n 'color',\n 'file',\n 'image',\n 'button',\n 'submit',\n 'reset'\n]);\n\n/**\n * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that\n * focus visible style can be properly set.\n */\nfunction isKeyboardFocusEvent(isTextInput: boolean, modality: Modality, e: HandlerEvent) {\n let document = getOwnerDocument(e ? getEventTarget(e) as Element : undefined);\n let eventTarget = e ? getEventTarget(e) as Element : undefined;\n const IHTMLInputElement = typeof window !== 'undefined' ? getOwnerWindow(eventTarget).HTMLInputElement : HTMLInputElement;\n const IHTMLTextAreaElement = typeof window !== 'undefined' ? getOwnerWindow(eventTarget).HTMLTextAreaElement : HTMLTextAreaElement;\n const IHTMLElement = typeof window !== 'undefined' ? getOwnerWindow(eventTarget).HTMLElement : HTMLElement;\n const IKeyboardEvent = typeof window !== 'undefined' ? getOwnerWindow(eventTarget).KeyboardEvent : KeyboardEvent;\n\n // For keyboard events that occur on a non-input element that will move focus into input element (aka ArrowLeft going from Datepicker button to the main input group)\n // we need to rely on the user passing isTextInput into here. This way we can skip toggling focus visiblity for said input element\n let activeElement = getActiveElement(document);\n isTextInput = isTextInput ||\n (activeElement instanceof IHTMLInputElement && !nonTextInputTypes.has(activeElement.type)) ||\n activeElement instanceof IHTMLTextAreaElement ||\n (activeElement instanceof IHTMLElement && activeElement.isContentEditable);\n return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !FOCUS_VISIBLE_INPUT_KEYS[e.key]);\n}\n\n/**\n * Manages focus visible state for the page, and subscribes individual components for updates.\n */\nexport function useFocusVisible(props: FocusVisibleProps = {}): FocusVisibleResult {\n let {isTextInput, autoFocus} = props;\n let [isFocusVisibleState, setFocusVisible] = useState(autoFocus || isFocusVisible());\n useFocusVisibleListener((isFocusVisible) => {\n setFocusVisible(isFocusVisible);\n }, [isTextInput], {isTextInput});\n\n return {isFocusVisible: isFocusVisibleState};\n}\n\n/**\n * Listens for trigger change and reports if focus is visible (i.e., modality is not pointer).\n */\nexport function useFocusVisibleListener(fn: FocusVisibleHandler, deps: ReadonlyArray<any>, opts?: {enabled?: boolean, isTextInput?: boolean}): void {\n setupGlobalFocusEvents();\n\n useEffect(() => {\n if (opts?.enabled === false) {\n return;\n }\n let handler = (modality: Modality, e: HandlerEvent) => {\n // We want to early return for any keyboard events that occur inside text inputs EXCEPT for Tab and Escape\n if (!isKeyboardFocusEvent(!!(opts?.isTextInput), modality, e)) {\n return;\n }\n fn(isFocusVisible());\n };\n changeHandlers.add(handler);\n return () => {\n changeHandlers.delete(handler);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n}\n\n"],"names":[],"version":3,"file":"useFocusVisible.module.js.map"}