@react-aria/overlays 3.14.1 → 3.16.0

package/dist/import.mjs

@@ -67,7 +67,7 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
 };
 const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
 // @ts-ignore
-let $edcf132a9284368a$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+let $edcf132a9284368a$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
     let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
     let scroll = {};
@@ -236,7 +236,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
     };
 }
 function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
-    let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight , arrowSize: arrowSize , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = opts;
+    let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight , arrowSize: arrowSize = 0 , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = opts;
     let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
     let isViewportContainer = container === document.documentElement;
     const containerPositionStyle = window.getComputedStyle(container).position;
@@ -361,7 +361,7 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
 
 
 // @ts-ignore
-let $2a41e45df1593e64$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+let $2a41e45df1593e64$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
     let { direction: direction  } = (0, $k7QOs$useLocale)();
     let { arrowSize: arrowSize = 0 , targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = "bottom" , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== "undefined" ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = props;
@@ -469,6 +469,8 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         },
         placement: position.placement,
         arrowProps: {
+            "aria-hidden": "true",
+            role: "presentation",
             style: {
                 left: position.arrowOffsetLeft,
                 top: position.arrowOffsetTop
@@ -636,7 +638,7 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
  * governing permissions and limitations under the License.
  */ 
 // @ts-ignore
-const $49c51c25361d4cd2$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+const $49c51c25361d4cd2$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 // HTML input types that do not cause the software keyboard to appear.
 const $49c51c25361d4cd2$var$nonTextInputTypes = new Set([
     "checkbox",
@@ -711,7 +713,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
     };
     let onTouchMove = (e)=>{
         // Prevent scrolling the window.
-        if (scrollable === document.documentElement || scrollable === document.body) {
+        if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
             e.preventDefault();
             return;
         }
@@ -722,6 +724,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
         let y = e.changedTouches[0].pageY;
         let scrollTop = scrollable.scrollTop;
         let bottom = scrollable.scrollHeight - scrollable.clientHeight;
+        if (bottom === 0) return;
         if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) e.preventDefault();
         lastY = y;
     };
@@ -935,7 +938,7 @@ function $f57aed4a881a3485$export$33ffd74ebf07f060(options) {
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ var $61fe14465afefc5e$exports = {};
+ */ var $a2f21f5f14f60553$exports = {};
 var $773d5888b972f1cf$exports = {};
 $773d5888b972f1cf$exports = {
     "dismiss": `تجاهل`
@@ -1140,7 +1143,7 @@ $2b2734393847c884$exports = {
 };
 
 
-$61fe14465afefc5e$exports = {
+$a2f21f5f14f60553$exports = {
     "ar-AE": $773d5888b972f1cf$exports,
     "bg-BG": $d11f19852b941573$exports,
     "cs-CZ": $b983974c2ee1efb3$exports,
@@ -1184,7 +1187,7 @@ $61fe14465afefc5e$exports = {
 
 function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
     let { onDismiss: onDismiss , ...otherProps } = props;
-    let stringFormatter = (0, $k7QOs$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($61fe14465afefc5e$exports))));
+    let stringFormatter = (0, $k7QOs$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a2f21f5f14f60553$exports))));
     let labels = (0, $k7QOs$useLabels)(otherProps, stringFormatter.format("dismiss"));
     let onClick = ()=>{
         if (onDismiss) onDismiss();
@@ -1270,9 +1273,9 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
                     visibleNodes.delete(node);
                     hiddenNodes.delete(node);
                 }
-                for (let node1 of change.addedNodes){
-                    if ((node1 instanceof HTMLElement || node1 instanceof SVGElement) && (node1.dataset.liveAnnouncer === "true" || node1.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node1);
-                    else if (node1 instanceof Element) walk(node1);
+                for (let node of change.addedNodes){
+                    if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node);
+                    else if (node instanceof Element) walk(node);
                 }
             }
         }
@@ -1395,7 +1398,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
 const $337b884510726a0d$export$a2200b96afd16271 = /*#__PURE__*/ (0, $k7QOs$react).createContext(null);
 function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
     let isSSR = (0, $k7QOs$useIsSSR)();
-    let { portalContainer: portalContainer = isSSR ? null : document.body  } = props;
+    let { portalContainer: portalContainer = isSSR ? null : document.body , isExiting: isExiting  } = props;
     let [contain, setContain] = (0, $k7QOs$useState)(false);
     let contextValue = (0, $k7QOs$useMemo)(()=>({
             contain: contain,
@@ -1405,12 +1408,16 @@ function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
         setContain
     ]);
     if (!portalContainer) return null;
-    let contents = /*#__PURE__*/ (0, $k7QOs$react).createElement($337b884510726a0d$export$a2200b96afd16271.Provider, {
+    let contents;
+    if (!props.disableFocusManagement) contents = /*#__PURE__*/ (0, $k7QOs$react).createElement($337b884510726a0d$export$a2200b96afd16271.Provider, {
         value: contextValue
     }, /*#__PURE__*/ (0, $k7QOs$react).createElement((0, $k7QOs$FocusScope), {
         restoreFocus: true,
-        contain: contain
+        contain: contain && !isExiting
     }, props.children));
+    else contents = /*#__PURE__*/ (0, $k7QOs$react).createElement($337b884510726a0d$export$a2200b96afd16271.Provider, {
+        value: contextValue
+    }, props.children);
     return /*#__PURE__*/ (0, $k7QOs$reactdom).createPortal(contents, portalContainer);
 }
 function $337b884510726a0d$export$14c98a7594375490() {

package/dist/main.js

@@ -86,7 +86,7 @@ const $5935ba4d7da2c103$var$TOTAL_SIZE = {
 };
 const $5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE = {};
 // @ts-ignore
-let $5935ba4d7da2c103$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+let $5935ba4d7da2c103$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5935ba4d7da2c103$var$getContainerDimensions(containerNode) {
     let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
     let scroll = {};
@@ -255,7 +255,7 @@ function $5935ba4d7da2c103$export$6839422d1f33cee9(placementInput, childOffset,
     };
 }
 function $5935ba4d7da2c103$export$b3ceb0cbf1056d98(opts) {
-    let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight , arrowSize: arrowSize , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = opts;
+    let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight , arrowSize: arrowSize = 0 , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = opts;
     let container = overlayNode instanceof HTMLElement ? $5935ba4d7da2c103$var$getContainingBlock(overlayNode) : document.documentElement;
     let isViewportContainer = container === document.documentElement;
     const containerPositionStyle = window.getComputedStyle(container).position;
@@ -380,7 +380,7 @@ function $9a8aa1b0b336ea3a$export$18fc8428861184da(opts) {
 
 
 // @ts-ignore
-let $cd94b4896dd97759$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+let $cd94b4896dd97759$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $cd94b4896dd97759$export$d39e1813b3bdd0e1(props) {
     let { direction: direction  } = (0, $6Zb2x$reactariai18n.useLocale)();
     let { arrowSize: arrowSize = 0 , targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = "bottom" , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== "undefined" ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight , arrowBoundaryOffset: arrowBoundaryOffset = 0  } = props;
@@ -488,6 +488,8 @@ function $cd94b4896dd97759$export$d39e1813b3bdd0e1(props) {
         },
         placement: position.placement,
         arrowProps: {
+            "aria-hidden": "true",
+            role: "presentation",
             style: {
                 left: position.arrowOffsetLeft,
                 top: position.arrowOffsetTop
@@ -655,7 +657,7 @@ function $b4878eb6316f670a$export$f9d5c8beee7d008d(props, state, ref) {
  * governing permissions and limitations under the License.
  */ 
 // @ts-ignore
-const $5c2f5cd01815d369$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+const $5c2f5cd01815d369$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 // HTML input types that do not cause the software keyboard to appear.
 const $5c2f5cd01815d369$var$nonTextInputTypes = new Set([
     "checkbox",
@@ -730,7 +732,7 @@ function $5c2f5cd01815d369$var$preventScrollMobileSafari() {
     };
     let onTouchMove = (e)=>{
         // Prevent scrolling the window.
-        if (scrollable === document.documentElement || scrollable === document.body) {
+        if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
             e.preventDefault();
             return;
         }
@@ -741,6 +743,7 @@ function $5c2f5cd01815d369$var$preventScrollMobileSafari() {
         let y = e.changedTouches[0].pageY;
         let scrollTop = scrollable.scrollTop;
         let bottom = scrollable.scrollHeight - scrollable.clientHeight;
+        if (bottom === 0) return;
         if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) e.preventDefault();
         lastY = y;
     };
@@ -954,7 +957,7 @@ function $0775ea8ea6a0565e$export$33ffd74ebf07f060(options) {
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ var $18d014414048a7ba$exports = {};
+ */ var $90f032faf016e1fb$exports = {};
 var $4393d9b86d3ad278$exports = {};
 $4393d9b86d3ad278$exports = {
     "dismiss": `تجاهل`
@@ -1159,7 +1162,7 @@ $3f3b5d798a5abdbc$exports = {
 };
 
 
-$18d014414048a7ba$exports = {
+$90f032faf016e1fb$exports = {
     "ar-AE": $4393d9b86d3ad278$exports,
     "bg-BG": $254224013ae06959$exports,
     "cs-CZ": $55d3567b59d09782$exports,
@@ -1203,7 +1206,7 @@ $18d014414048a7ba$exports = {
 
 function $f69bb3e6457495cc$export$2317d149ed6f78c4(props) {
     let { onDismiss: onDismiss , ...otherProps } = props;
-    let stringFormatter = (0, $6Zb2x$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($18d014414048a7ba$exports))));
+    let stringFormatter = (0, $6Zb2x$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($90f032faf016e1fb$exports))));
     let labels = (0, $6Zb2x$reactariautils.useLabels)(otherProps, stringFormatter.format("dismiss"));
     let onClick = ()=>{
         if (onDismiss) onDismiss();
@@ -1289,9 +1292,9 @@ function $08ef1685902b6011$export$1c3ebcada18427bf(targets, root = document.body
                     visibleNodes.delete(node);
                     hiddenNodes.delete(node);
                 }
-                for (let node1 of change.addedNodes){
-                    if ((node1 instanceof HTMLElement || node1 instanceof SVGElement) && (node1.dataset.liveAnnouncer === "true" || node1.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node1);
-                    else if (node1 instanceof Element) walk(node1);
+                for (let node of change.addedNodes){
+                    if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node);
+                    else if (node instanceof Element) walk(node);
                 }
             }
         }
@@ -1414,7 +1417,7 @@ function $6c2dfcdee3e15e20$export$542a6fd13ac93354(props, state) {
 const $745edbb83ab4296f$export$a2200b96afd16271 = /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$react))).createContext(null);
 function $745edbb83ab4296f$export$c6fdb837b070b4ff(props) {
     let isSSR = (0, $6Zb2x$reactariassr.useIsSSR)();
-    let { portalContainer: portalContainer = isSSR ? null : document.body  } = props;
+    let { portalContainer: portalContainer = isSSR ? null : document.body , isExiting: isExiting  } = props;
     let [contain, setContain] = (0, $6Zb2x$react.useState)(false);
     let contextValue = (0, $6Zb2x$react.useMemo)(()=>({
             contain: contain,
@@ -1424,12 +1427,16 @@ function $745edbb83ab4296f$export$c6fdb837b070b4ff(props) {
         setContain
     ]);
     if (!portalContainer) return null;
-    let contents = /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$react))).createElement($745edbb83ab4296f$export$a2200b96afd16271.Provider, {
+    let contents;
+    if (!props.disableFocusManagement) contents = /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$react))).createElement($745edbb83ab4296f$export$a2200b96afd16271.Provider, {
         value: contextValue
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$react))).createElement((0, $6Zb2x$reactariafocus.FocusScope), {
         restoreFocus: true,
-        contain: contain
+        contain: contain && !isExiting
     }, props.children));
+    else contents = /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$react))).createElement($745edbb83ab4296f$export$a2200b96afd16271.Provider, {
+        value: contextValue
+    }, props.children);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($6Zb2x$reactdom))).createPortal(contents, portalContainer);
 }
 function $745edbb83ab4296f$export$14c98a7594375490() {