@react-aria/interactions 3.0.0-nightly.2699 → 3.0.0-nightly.2707

package/dist/import.mjs

@@ -905,7 +905,7 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
 
 let $507fabe10e71c6fb$var$currentModality = null;
 let $507fabe10e71c6fb$var$changeHandlers = new Set();
-let $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
+let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
 let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
 let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
 // Only Tab or Esc keys will make focus visible on text input elements
@@ -964,39 +964,65 @@ function $507fabe10e71c6fb$var$handleWindowBlur() {
 }
 /**
  * Setup global event listeners to control when keyboard focus style should be visible.
- */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {
-    if (typeof window === "undefined" || $507fabe10e71c6fb$var$hasSetupGlobalListeners) return;
+ */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
+    if (typeof window === "undefined" || $507fabe10e71c6fb$export$d90243b58daecda7.get((0, $bx7SL$getOwnerWindow)(element))) return;
+    const windowObject = (0, $bx7SL$getOwnerWindow)(element);
+    const documentObject = (0, $bx7SL$getOwnerDocument)(element);
     // Programmatic focus() calls shouldn't affect the current input modality.
     // However, we need to detect other cases when a focus event occurs without
     // a preceding user event (e.g. screen reader focus). Overriding the focus
     // method on HTMLElement.prototype is a bit hacky, but works.
-    let focus = HTMLElement.prototype.focus;
-    HTMLElement.prototype.focus = function() {
+    let focus = windowObject.HTMLElement.prototype.focus;
+    windowObject.HTMLElement.prototype.focus = function() {
         $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
         focus.apply(this, arguments);
     };
-    document.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-    document.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-    document.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
+    documentObject.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
     // Register focus events on the window so they are sure to happen
     // before React's event listeners (registered on the document).
-    window.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
-    window.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
+    windowObject.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
+    windowObject.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
     if (typeof PointerEvent !== "undefined") {
-        document.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-        document.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-        document.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
     } else {
-        document.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-        document.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-        document.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
     }
-    $507fabe10e71c6fb$var$hasSetupGlobalListeners = true;
-}
-if (typeof document !== "undefined") {
-    if (document.readyState !== "loading") $507fabe10e71c6fb$var$setupGlobalFocusEvents();
-    else document.addEventListener("DOMContentLoaded", $507fabe10e71c6fb$var$setupGlobalFocusEvents);
+    // Add unmount handler
+    windowObject.addEventListener("beforeunload", ()=>{
+        documentObject.removeEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+        documentObject.removeEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+        documentObject.removeEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
+        windowObject.removeEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
+        windowObject.removeEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
+        if (typeof PointerEvent !== "undefined") {
+            documentObject.removeEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+            documentObject.removeEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+            documentObject.removeEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        } else {
+            documentObject.removeEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+            documentObject.removeEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+            documentObject.removeEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+        }
+        if ($507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
+    }, {
+        once: true
+    });
+    $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, true);
 }
+const $507fabe10e71c6fb$export$904d5b09c9b06fff = (element)=>{
+    const documentObject = (0, $bx7SL$getOwnerDocument)(element);
+    if (documentObject.readyState !== "loading") $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+    else documentObject.addEventListener("DOMContentLoaded", ()=>$507fabe10e71c6fb$var$setupGlobalFocusEvents(element));
+};
+// Server-side rendering does not have the document object defined
+// eslint-disable-next-line no-restricted-globals
+if (typeof document !== "undefined") $507fabe10e71c6fb$export$904d5b09c9b06fff();
 function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
     return $507fabe10e71c6fb$var$currentModality !== "pointer";
 }
@@ -1037,8 +1063,12 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
  * focus visible style can be properly set.
  */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
     var _e_target;
-    isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
-    return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+    const IHTMLInputElement = typeof window !== "undefined" ? (0, $bx7SL$getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+    const IHTMLTextAreaElement = typeof window !== "undefined" ? (0, $bx7SL$getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+    const IHTMLElement = typeof window !== "undefined" ? (0, $bx7SL$getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+    const IKeyboardEvent = typeof window !== "undefined" ? (0, $bx7SL$getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+    isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
+    return !(isTextInput && modality === "keyboard" && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
 }
 function $507fabe10e71c6fb$export$ffd9e5021c1fb2d6(props = {}) {
     let { isTextInput: isTextInput, autoFocus: autoFocus } = props;
@@ -1747,5 +1777,5 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
 
 
 
-export {$3b117e43dc0ca95d$export$27c701ed9e449e99 as Pressable, $f1ab8c75478c6f73$export$3351871ee4b288b8 as PressResponder, $f1ab8c75478c6f73$export$cf75428e0b9ed1ea as ClearPressResponder, $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as useFocus, $507fabe10e71c6fb$export$b9b3dfddab17db27 as isFocusVisible, $507fabe10e71c6fb$export$630ff653c5ada6a9 as getInteractionModality, $507fabe10e71c6fb$export$8397ddfc504fdb9a as setInteractionModality, $507fabe10e71c6fb$export$98e20ec92f614cfe as useInteractionModality, $507fabe10e71c6fb$export$ffd9e5021c1fb2d6 as useFocusVisible, $507fabe10e71c6fb$export$ec71b4b83ac08ec3 as useFocusVisibleListener, $9ab94262bd0047c7$export$420e68273165f4ec as useFocusWithin, $6179b936705e76d3$export$ae780daf29e6d456 as useHover, $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 as useInteractOutside, $46d819fcbaf35654$export$8f71654801c2f7cd as useKeyboard, $e8a7022cf87cba2a$export$36da96379f79f245 as useMove, $f6c31cce2adf654f$export$45712eceda6fad21 as usePress, $7d0a636d7a4dcefd$export$2123ff2b87c81ca as useScrollWheel, $8a26561d2877236e$export$c24ed0104d07eab9 as useLongPress};
+export {$3b117e43dc0ca95d$export$27c701ed9e449e99 as Pressable, $f1ab8c75478c6f73$export$3351871ee4b288b8 as PressResponder, $f1ab8c75478c6f73$export$cf75428e0b9ed1ea as ClearPressResponder, $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as useFocus, $507fabe10e71c6fb$export$b9b3dfddab17db27 as isFocusVisible, $507fabe10e71c6fb$export$630ff653c5ada6a9 as getInteractionModality, $507fabe10e71c6fb$export$8397ddfc504fdb9a as setInteractionModality, $507fabe10e71c6fb$export$904d5b09c9b06fff as setupFocus, $507fabe10e71c6fb$export$98e20ec92f614cfe as useInteractionModality, $507fabe10e71c6fb$export$ffd9e5021c1fb2d6 as useFocusVisible, $507fabe10e71c6fb$export$ec71b4b83ac08ec3 as useFocusVisibleListener, $9ab94262bd0047c7$export$420e68273165f4ec as useFocusWithin, $6179b936705e76d3$export$ae780daf29e6d456 as useHover, $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 as useInteractOutside, $46d819fcbaf35654$export$8f71654801c2f7cd as useKeyboard, $e8a7022cf87cba2a$export$36da96379f79f245 as useMove, $f6c31cce2adf654f$export$45712eceda6fad21 as usePress, $7d0a636d7a4dcefd$export$2123ff2b87c81ca as useScrollWheel, $8a26561d2877236e$export$c24ed0104d07eab9 as useLongPress};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "useFocus", () => $5cb73d0ce355b0dc$export$f8168d
 $parcel$export(module.exports, "isFocusVisible", () => $e77252a287ef94ab$export$b9b3dfddab17db27);
 $parcel$export(module.exports, "getInteractionModality", () => $e77252a287ef94ab$export$630ff653c5ada6a9);
 $parcel$export(module.exports, "setInteractionModality", () => $e77252a287ef94ab$export$8397ddfc504fdb9a);
+$parcel$export(module.exports, "setupFocus", () => $e77252a287ef94ab$export$904d5b09c9b06fff);
 $parcel$export(module.exports, "useInteractionModality", () => $e77252a287ef94ab$export$98e20ec92f614cfe);
 $parcel$export(module.exports, "useFocusVisible", () => $e77252a287ef94ab$export$ffd9e5021c1fb2d6);
 $parcel$export(module.exports, "useFocusVisibleListener", () => $e77252a287ef94ab$export$ec71b4b83ac08ec3);
@@ -932,7 +933,7 @@ function $5cb73d0ce355b0dc$export$f8168d8dd8fd66e6(props) {
 
 let $e77252a287ef94ab$var$currentModality = null;
 let $e77252a287ef94ab$var$changeHandlers = new Set();
-let $e77252a287ef94ab$var$hasSetupGlobalListeners = false;
+let $e77252a287ef94ab$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
 let $e77252a287ef94ab$var$hasEventBeforeFocus = false;
 let $e77252a287ef94ab$var$hasBlurredWindowRecently = false;
 // Only Tab or Esc keys will make focus visible on text input elements
@@ -991,39 +992,65 @@ function $e77252a287ef94ab$var$handleWindowBlur() {
 }
 /**
  * Setup global event listeners to control when keyboard focus style should be visible.
- */ function $e77252a287ef94ab$var$setupGlobalFocusEvents() {
-    if (typeof window === "undefined" || $e77252a287ef94ab$var$hasSetupGlobalListeners) return;
+ */ function $e77252a287ef94ab$var$setupGlobalFocusEvents(element) {
+    if (typeof window === "undefined" || $e77252a287ef94ab$export$d90243b58daecda7.get((0, $goTMa$reactariautils.getOwnerWindow)(element))) return;
+    const windowObject = (0, $goTMa$reactariautils.getOwnerWindow)(element);
+    const documentObject = (0, $goTMa$reactariautils.getOwnerDocument)(element);
     // Programmatic focus() calls shouldn't affect the current input modality.
     // However, we need to detect other cases when a focus event occurs without
     // a preceding user event (e.g. screen reader focus). Overriding the focus
     // method on HTMLElement.prototype is a bit hacky, but works.
-    let focus = HTMLElement.prototype.focus;
-    HTMLElement.prototype.focus = function() {
+    let focus = windowObject.HTMLElement.prototype.focus;
+    windowObject.HTMLElement.prototype.focus = function() {
         $e77252a287ef94ab$var$hasEventBeforeFocus = true;
         focus.apply(this, arguments);
     };
-    document.addEventListener("keydown", $e77252a287ef94ab$var$handleKeyboardEvent, true);
-    document.addEventListener("keyup", $e77252a287ef94ab$var$handleKeyboardEvent, true);
-    document.addEventListener("click", $e77252a287ef94ab$var$handleClickEvent, true);
+    documentObject.addEventListener("keydown", $e77252a287ef94ab$var$handleKeyboardEvent, true);
+    documentObject.addEventListener("keyup", $e77252a287ef94ab$var$handleKeyboardEvent, true);
+    documentObject.addEventListener("click", $e77252a287ef94ab$var$handleClickEvent, true);
     // Register focus events on the window so they are sure to happen
     // before React's event listeners (registered on the document).
-    window.addEventListener("focus", $e77252a287ef94ab$var$handleFocusEvent, true);
-    window.addEventListener("blur", $e77252a287ef94ab$var$handleWindowBlur, false);
+    windowObject.addEventListener("focus", $e77252a287ef94ab$var$handleFocusEvent, true);
+    windowObject.addEventListener("blur", $e77252a287ef94ab$var$handleWindowBlur, false);
     if (typeof PointerEvent !== "undefined") {
-        document.addEventListener("pointerdown", $e77252a287ef94ab$var$handlePointerEvent, true);
-        document.addEventListener("pointermove", $e77252a287ef94ab$var$handlePointerEvent, true);
-        document.addEventListener("pointerup", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointerdown", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointermove", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("pointerup", $e77252a287ef94ab$var$handlePointerEvent, true);
     } else {
-        document.addEventListener("mousedown", $e77252a287ef94ab$var$handlePointerEvent, true);
-        document.addEventListener("mousemove", $e77252a287ef94ab$var$handlePointerEvent, true);
-        document.addEventListener("mouseup", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("mousedown", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("mousemove", $e77252a287ef94ab$var$handlePointerEvent, true);
+        documentObject.addEventListener("mouseup", $e77252a287ef94ab$var$handlePointerEvent, true);
     }
-    $e77252a287ef94ab$var$hasSetupGlobalListeners = true;
-}
-if (typeof document !== "undefined") {
-    if (document.readyState !== "loading") $e77252a287ef94ab$var$setupGlobalFocusEvents();
-    else document.addEventListener("DOMContentLoaded", $e77252a287ef94ab$var$setupGlobalFocusEvents);
+    // Add unmount handler
+    windowObject.addEventListener("beforeunload", ()=>{
+        documentObject.removeEventListener("keydown", $e77252a287ef94ab$var$handleKeyboardEvent, true);
+        documentObject.removeEventListener("keyup", $e77252a287ef94ab$var$handleKeyboardEvent, true);
+        documentObject.removeEventListener("click", $e77252a287ef94ab$var$handleClickEvent, true);
+        windowObject.removeEventListener("focus", $e77252a287ef94ab$var$handleFocusEvent, true);
+        windowObject.removeEventListener("blur", $e77252a287ef94ab$var$handleWindowBlur, false);
+        if (typeof PointerEvent !== "undefined") {
+            documentObject.removeEventListener("pointerdown", $e77252a287ef94ab$var$handlePointerEvent, true);
+            documentObject.removeEventListener("pointermove", $e77252a287ef94ab$var$handlePointerEvent, true);
+            documentObject.removeEventListener("pointerup", $e77252a287ef94ab$var$handlePointerEvent, true);
+        } else {
+            documentObject.removeEventListener("mousedown", $e77252a287ef94ab$var$handlePointerEvent, true);
+            documentObject.removeEventListener("mousemove", $e77252a287ef94ab$var$handlePointerEvent, true);
+            documentObject.removeEventListener("mouseup", $e77252a287ef94ab$var$handlePointerEvent, true);
+        }
+        if ($e77252a287ef94ab$export$d90243b58daecda7.has(windowObject)) $e77252a287ef94ab$export$d90243b58daecda7.delete(windowObject);
+    }, {
+        once: true
+    });
+    $e77252a287ef94ab$export$d90243b58daecda7.set(windowObject, true);
 }
+const $e77252a287ef94ab$export$904d5b09c9b06fff = (element)=>{
+    const documentObject = (0, $goTMa$reactariautils.getOwnerDocument)(element);
+    if (documentObject.readyState !== "loading") $e77252a287ef94ab$var$setupGlobalFocusEvents(element);
+    else documentObject.addEventListener("DOMContentLoaded", ()=>$e77252a287ef94ab$var$setupGlobalFocusEvents(element));
+};
+// Server-side rendering does not have the document object defined
+// eslint-disable-next-line no-restricted-globals
+if (typeof document !== "undefined") $e77252a287ef94ab$export$904d5b09c9b06fff();
 function $e77252a287ef94ab$export$b9b3dfddab17db27() {
     return $e77252a287ef94ab$var$currentModality !== "pointer";
 }
@@ -1064,8 +1091,12 @@ const $e77252a287ef94ab$var$nonTextInputTypes = new Set([
  * focus visible style can be properly set.
  */ function $e77252a287ef94ab$var$isKeyboardFocusEvent(isTextInput, modality, e) {
     var _e_target;
-    isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLInputElement && !$e77252a287ef94ab$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof HTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
-    return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$e77252a287ef94ab$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+    const IHTMLInputElement = typeof window !== "undefined" ? (0, $goTMa$reactariautils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+    const IHTMLTextAreaElement = typeof window !== "undefined" ? (0, $goTMa$reactariautils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+    const IHTMLElement = typeof window !== "undefined" ? (0, $goTMa$reactariautils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+    const IKeyboardEvent = typeof window !== "undefined" ? (0, $goTMa$reactariautils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+    isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLInputElement && !$e77252a287ef94ab$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
+    return !(isTextInput && modality === "keyboard" && e instanceof IKeyboardEvent && !$e77252a287ef94ab$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
 }
 function $e77252a287ef94ab$export$ffd9e5021c1fb2d6(props = {}) {
     let { isTextInput: isTextInput, autoFocus: autoFocus } = props;