@react-aria/overlays 3.10.0 → 3.11.0

package/dist/module.js

@@ -1,10 +1,11 @@
 import $k7QOs$react, {useState as $k7QOs$useState, useCallback as $k7QOs$useCallback, useRef as $k7QOs$useRef, useEffect as $k7QOs$useEffect, useContext as $k7QOs$useContext, useMemo as $k7QOs$useMemo} from "react";
-import {useLayoutEffect as $k7QOs$useLayoutEffect, useId as $k7QOs$useId, isIOS as $k7QOs$isIOS, chain as $k7QOs$chain, getScrollParent as $k7QOs$getScrollParent, useLabels as $k7QOs$useLabels} from "@react-aria/utils";
+import {useLayoutEffect as $k7QOs$useLayoutEffect, useId as $k7QOs$useId, isIOS as $k7QOs$isIOS, chain as $k7QOs$chain, getScrollParent as $k7QOs$getScrollParent, useLabels as $k7QOs$useLabels, mergeProps as $k7QOs$mergeProps} from "@react-aria/utils";
 import {useLocale as $k7QOs$useLocale, useLocalizedStringFormatter as $k7QOs$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useInteractOutside as $k7QOs$useInteractOutside, useFocusWithin as $k7QOs$useFocusWithin} from "@react-aria/interactions";
 import $k7QOs$reactdom from "react-dom";
 import {useIsSSR as $k7QOs$useIsSSR} from "@react-aria/ssr";
 import {VisuallyHidden as $k7QOs$VisuallyHidden} from "@react-aria/visually-hidden";
+import {FocusScope as $k7QOs$FocusScope} from "@react-aria/focus";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -1049,11 +1050,10 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
             // If this node is a live announcer, add it to the set of nodes to keep visible.
             if ((node instanceof HTMLElement || node instanceof SVGElement) && node.dataset.liveAnnouncer === 'true') visibleNodes.add(node);
             // Skip this node and its children if it is one of the target nodes, or a live announcer.
-            // Also skip children of already hidden nodes, as aria-hidden is recursive.
-            if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement)) return NodeFilter.FILTER_REJECT;
-            // VoiceOver on iOS has issues hiding elements with role="row". Hide the cells inside instead.
-            // https://bugs.webkit.org/show_bug.cgi?id=222623
-            if (node instanceof Element && node.getAttribute('role') === 'row') return NodeFilter.FILTER_SKIP;
+            // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is
+            // made for elements with role="row" since VoiceOver on iOS has issues hiding elements with role="row".
+            // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).
+            if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute('role') !== 'row') return NodeFilter.FILTER_REJECT;
             // Skip this node but continue to children if one of the targets is inside the node.
             if (targets.some((target)=>node.contains(target)
             )) return NodeFilter.FILTER_SKIP;
@@ -1109,5 +1109,100 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
 
 
 
-export {$2a41e45df1593e64$export$d39e1813b3bdd0e1 as useOverlayPosition, $a11501f3d1d39e6c$export$ea8f71083e90600f as useOverlay, $628037886ba31236$export$f9d5c8beee7d008d as useOverlayTrigger, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18 as usePreventScroll, $f57aed4a881a3485$export$178405afcd8c5eb as ModalProvider, $f57aed4a881a3485$export$d9aaed4c3ece1bc0 as useModalProvider, $f57aed4a881a3485$export$bf688221f59024e5 as OverlayProvider, $f57aed4a881a3485$export$b47c3594eab58386 as OverlayContainer, $f57aed4a881a3485$export$33ffd74ebf07f060 as useModal, $86ea4cb521eb2e37$export$2317d149ed6f78c4 as DismissButton, $5e3802645cc19319$export$1c3ebcada18427bf as ariaHideOutside};
+
+
+
+function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
+    let { triggerRef: triggerRef , popoverRef: popoverRef , isNonModal: isNonModal , ...otherProps } = props;
+    let { overlayProps: overlayProps  } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+        isOpen: state.isOpen,
+        onClose: state.close,
+        shouldCloseOnBlur: true,
+        isDismissable: true
+    }, popoverRef);
+    let { overlayProps: positionProps , arrowProps: arrowProps  } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+        ...otherProps,
+        targetRef: triggerRef,
+        overlayRef: popoverRef,
+        isOpen: state.isOpen
+    });
+    $k7QOs$useEffect(()=>{
+        if (state.isOpen && !isNonModal) return $5e3802645cc19319$export$1c3ebcada18427bf([
+            popoverRef.current
+        ]);
+    }, [
+        isNonModal,
+        state.isOpen,
+        popoverRef
+    ]);
+    return {
+        popoverProps: $k7QOs$mergeProps(overlayProps, positionProps),
+        arrowProps: arrowProps
+    };
+}
+
+
+
+
+
+
+
+
+
+
+
+const $337b884510726a0d$var$OverlayContext = /*#__PURE__*/ $k7QOs$react.createContext(null);
+function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
+    let isSSR = $k7QOs$useIsSSR();
+    let { portalContainer: portalContainer = isSSR ? null : document.body  } = props;
+    let [contain, setContain] = $k7QOs$useState(false);
+    if (!portalContainer) return null;
+    let contents = /*#__PURE__*/ $k7QOs$react.createElement($337b884510726a0d$var$OverlayContext.Provider, {
+        value: setContain
+    }, /*#__PURE__*/ $k7QOs$react.createElement($k7QOs$FocusScope, {
+        restoreFocus: true,
+        contain: contain
+    }, props.children));
+    return(/*#__PURE__*/ $k7QOs$reactdom.createPortal(contents, portalContainer));
+}
+function $337b884510726a0d$export$14c98a7594375490() {
+    let setContain = $k7QOs$useContext($337b884510726a0d$var$OverlayContext);
+    $k7QOs$useLayoutEffect(()=>{
+        setContain === null || setContain === void 0 ? void 0 : setContain(true);
+    }, [
+        setContain
+    ]);
+}
+
+
+
+function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
+    let { overlayProps: overlayProps , underlayProps: underlayProps  } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+        ...props,
+        isOpen: state.isOpen,
+        onClose: state.close
+    }, ref);
+    $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+        isDisabled: !state.isOpen
+    });
+    $337b884510726a0d$export$14c98a7594375490();
+    $k7QOs$useEffect(()=>{
+        if (state.isOpen) return $5e3802645cc19319$export$1c3ebcada18427bf([
+            ref.current
+        ]);
+    }, [
+        state.isOpen,
+        ref
+    ]);
+    return {
+        modalProps: $k7QOs$mergeProps(overlayProps),
+        underlayProps: underlayProps
+    };
+}
+
+
+
+
+
+export {$2a41e45df1593e64$export$d39e1813b3bdd0e1 as useOverlayPosition, $a11501f3d1d39e6c$export$ea8f71083e90600f as useOverlay, $628037886ba31236$export$f9d5c8beee7d008d as useOverlayTrigger, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18 as usePreventScroll, $f57aed4a881a3485$export$178405afcd8c5eb as ModalProvider, $f57aed4a881a3485$export$d9aaed4c3ece1bc0 as useModalProvider, $f57aed4a881a3485$export$bf688221f59024e5 as OverlayProvider, $f57aed4a881a3485$export$b47c3594eab58386 as OverlayContainer, $f57aed4a881a3485$export$33ffd74ebf07f060 as useModal, $86ea4cb521eb2e37$export$2317d149ed6f78c4 as DismissButton, $5e3802645cc19319$export$1c3ebcada18427bf as ariaHideOutside, $f2f8a6077418541e$export$542a6fd13ac93354 as usePopover, $8ac8429251c45e4b$export$dbc0f175b25fb0fb as useModalOverlay, $337b884510726a0d$export$c6fdb837b070b4ff as Overlay, $337b884510726a0d$export$14c98a7594375490 as useOverlayFocusContain};
 //# sourceMappingURL=module.js.map