@react-native-aria/overlays 0.3.10 → 0.3.11-alpha.0

package/lib/module/web/overlays/src/useCloseOnScroll.js

@@ -1,5 +1,4 @@
 //@ts-nocheck
-
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -11,14 +10,15 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-import { useEffect } from 'react'; // This behavior moved from useOverlayTrigger to useOverlayPosition.
+
+import { useEffect } from 'react';
+
+// This behavior moved from useOverlayTrigger to useOverlayPosition.
 // For backward compatibility, where useOverlayTrigger handled hiding the popover on close,
 // it sets a close function here mapped from the trigger element. This way we can avoid
 // forcing users to pass an onClose function to useOverlayPosition which could be considered
 // a breaking change.
-
 export const onCloseMap = new WeakMap();
-
 /** @private */
 export function useCloseOnScroll(opts) {
   let {
@@ -30,22 +30,17 @@ export function useCloseOnScroll(opts) {
     if (!isOpen) {
       return;
     }
-
     let onScroll = e => {
       // Ignore if scrolling an scrollable region outside the trigger's tree.
       let target = e.target;
-
       if (!triggerRef.current || !target.contains(triggerRef.current)) {
         return;
       }
-
       let onCloseHandler = onClose || onCloseMap.get(triggerRef.current);
-
       if (onCloseHandler) {
         onCloseHandler();
       }
     };
-
     window.addEventListener('scroll', onScroll, true);
     return () => {
       window.removeEventListener('scroll', onScroll, true);

package/lib/module/web/overlays/src/useCloseOnScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCloseOnScroll.ts"],"names":["useEffect","onCloseMap","WeakMap","useCloseOnScroll","opts","triggerRef","isOpen","onClose","onScroll","e","target","current","contains","onCloseHandler","get","window","addEventListener","removeEventListener"],"mappings":"AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAAoBA,SAApB,QAAqC,OAArC,C,CAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,UAA4C,GAAG,IAAIC,OAAJ,EAArD;;AAQP;AACA,OAAO,SAASC,gBAAT,CAA0BC,IAA1B,EAAsD;AAC3D,MAAI;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA;AAAtB,MAAkCH,IAAtC;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACM,MAAL,EAAa;AACX;AACD;;AAED,QAAIE,QAAQ,GAAIC,CAAD,IAAmB;AAChC;AACA,UAAIC,MAAM,GAAGD,CAAC,CAACC,MAAf;;AACA,UAAI,CAACL,UAAU,CAACM,OAAZ,IAAuB,CAACD,MAAM,CAACE,QAAP,CAAgBP,UAAU,CAACM,OAA3B,CAA5B,EAAiE;AAC/D;AACD;;AAED,UAAIE,cAAc,GAAGN,OAAO,IAAIN,UAAU,CAACa,GAAX,CAAeT,UAAU,CAACM,OAA1B,CAAhC;;AACA,UAAIE,cAAJ,EAAoB;AAClBA,QAAAA,cAAc;AACf;AACF,KAXD;;AAaAE,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCR,QAAlC,EAA4C,IAA5C;AACA,WAAO,MAAM;AACXO,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCT,QAArC,EAA+C,IAA/C;AACD,KAFD;AAGD,GAtBQ,EAsBN,CAACF,MAAD,EAASC,OAAT,EAAkBF,UAAlB,CAtBM,CAAT;AAuBD","sourcesContent":["//@ts-nocheck\n/*\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\nimport { RefObject, useEffect } from 'react';\n\n// This behavior moved from useOverlayTrigger to useOverlayPosition.\n// For backward compatibility, where useOverlayTrigger handled hiding the popover on close,\n// it sets a close function here mapped from the trigger element. This way we can avoid\n// forcing users to pass an onClose function to useOverlayPosition which could be considered\n// a breaking change.\nexport const onCloseMap: WeakMap<HTMLElement, () => void> = new WeakMap();\n\ninterface CloseOnScrollOptions {\n  triggerRef: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onClose?: () => void;\n}\n\n/** @private */\nexport function useCloseOnScroll(opts: CloseOnScrollOptions) {\n  let { triggerRef, isOpen, onClose } = opts;\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    let onScroll = (e: MouseEvent) => {\n      // Ignore if scrolling an scrollable region outside the trigger's tree.\n      let target = e.target as HTMLElement;\n      if (!triggerRef.current || !target.contains(triggerRef.current)) {\n        return;\n      }\n\n      let onCloseHandler = onClose || onCloseMap.get(triggerRef.current);\n      if (onCloseHandler) {\n        onCloseHandler();\n      }\n    };\n\n    window.addEventListener('scroll', onScroll, true);\n    return () => {\n      window.removeEventListener('scroll', onScroll, true);\n    };\n  }, [isOpen, onClose, triggerRef]);\n}\n"]}
+{"version":3,"names":["useEffect","onCloseMap","WeakMap","useCloseOnScroll","opts","triggerRef","isOpen","onClose","onScroll","e","target","current","contains","onCloseHandler","get","window","addEventListener","removeEventListener"],"sourceRoot":"../../../../../src","sources":["web/overlays/src/useCloseOnScroll.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,SAAS,QAAQ,OAAO;;AAE5C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA4C,GAAG,IAAIC,OAAO,CAAC,CAAC;AAQzE;AACA,OAAO,SAASC,gBAAgBA,CAACC,IAA0B,EAAE;EAC3D,IAAI;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGH,IAAI;EAE1CJ,SAAS,CAAC,MAAM;IACd,IAAI,CAACM,MAAM,EAAE;MACX;IACF;IAEA,IAAIE,QAAQ,GAAIC,CAAa,IAAK;MAChC;MACA,IAAIC,MAAM,GAAGD,CAAC,CAACC,MAAqB;MACpC,IAAI,CAACL,UAAU,CAACM,OAAO,IAAI,CAACD,MAAM,CAACE,QAAQ,CAACP,UAAU,CAACM,OAAO,CAAC,EAAE;QAC/D;MACF;MAEA,IAAIE,cAAc,GAAGN,OAAO,IAAIN,UAAU,CAACa,GAAG,CAACT,UAAU,CAACM,OAAO,CAAC;MAClE,IAAIE,cAAc,EAAE;QAClBA,cAAc,CAAC,CAAC;MAClB;IACF,CAAC;IAEDE,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAER,QAAQ,EAAE,IAAI,CAAC;IACjD,OAAO,MAAM;MACXO,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAET,QAAQ,EAAE,IAAI,CAAC;IACtD,CAAC;EACH,CAAC,EAAE,CAACF,MAAM,EAAEC,OAAO,EAAEF,UAAU,CAAC,CAAC;AACnC"}

package/lib/module/web/overlays/src/useOverlayPosition.js

@@ -1,5 +1,4 @@
 //@ts-nocheck
-
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -11,20 +10,20 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
+
 import { calculatePosition } from './calculatePosition';
 import { useCallback, useRef, useState } from 'react';
 import { useCloseOnScroll } from './useCloseOnScroll';
 import { isRTL, useLayoutEffect } from '@react-native-aria/utils';
 // @ts-ignore
 let visualViewport = typeof window !== 'undefined' && window.visualViewport;
+
 /**
  * Handles positioning overlays like popovers and menus relative to a trigger
  * element, and updating the position when the window resizes.
  */
-
 export function useOverlayPosition(props) {
   var _targetRef$current, _targetRef$current2;
-
   const direction = isRTL() ? 'rtl' : undefined;
   let {
     targetRef,
@@ -53,7 +52,6 @@ export function useOverlayPosition(props) {
     if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !scrollRef.current || !boundaryElement) {
       return;
     }
-
     setPosition(calculatePosition({
       placement: translateRTL(placement, direction),
       overlayNode: overlayRef.current,
@@ -66,17 +64,19 @@ export function useOverlayPosition(props) {
       crossOffset,
       shouldOverlapWithTrigger
     }));
-  }, deps); // Update position when anything changes
+  }, deps);
 
-  useLayoutEffect(updatePosition, deps); // Update position on window resize
+  // Update position when anything changes
+  useLayoutEffect(updatePosition, deps);
 
-  useResize(updatePosition); // Reposition the overlay and do not close on scroll while the visual viewport is resizing.
-  // This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
+  // Update position on window resize
+  useResize(updatePosition);
 
+  // Reposition the overlay and do not close on scroll while the visual viewport is resizing.
+  // This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
   let isResizing = useRef(false);
   useLayoutEffect(() => {
     let timeout;
-
     let onResize = () => {
       isResizing.current = true;
       clearTimeout(timeout);
@@ -85,24 +85,26 @@ export function useOverlayPosition(props) {
       }, 500);
       updatePosition();
     };
-
-    visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.addEventListener('resize', onResize);
+    visualViewport === null || visualViewport === void 0 || visualViewport.addEventListener('resize', onResize);
     return () => {
-      visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.removeEventListener('resize', onResize);
+      visualViewport === null || visualViewport === void 0 || visualViewport.removeEventListener('resize', onResize);
     };
   }, [updatePosition]);
   let close = useCallback(() => {
     if (!isResizing.current) {
       onClose();
     }
-  }, [onClose, isResizing]); // When scrolling a parent scrollable region of the trigger (other than the body),
-  // we hide the popover. Otherwise, its position would be incorrect.
+  }, [onClose, isResizing]);
 
+  // When scrolling a parent scrollable region of the trigger (other than the body),
+  // we hide the popover. Otherwise, its position would be incorrect.
   useCloseOnScroll({
     triggerRef: targetRef,
     isOpen,
     onClose: onClose ? close : undefined
-  }); // useLayoutEffect(() => {
+  });
+
+  // useLayoutEffect(() => {
   //   const mutationObserver = new MutationObserver((mutations) => {
   //     updatePosition();
   //     mutations.forEach((mutation) => {
@@ -119,7 +121,9 @@ export function useOverlayPosition(props) {
   //       // }
   //     });
   //   });
+
   //   mutationObserver.observe(overlayRef?.current, { attributes: true });
+
   //   return () => mutationObserver.disconnect();
   // }, [overlayRef, updatePosition]);
 
@@ -144,7 +148,6 @@ export function useOverlayPosition(props) {
     updatePosition
   };
 }
-
 function useResize(onResize) {
   useLayoutEffect(() => {
     window.addEventListener('resize', onResize, false);
@@ -153,12 +156,10 @@ function useResize(onResize) {
     };
   }, [onResize]);
 }
-
 function translateRTL(position, direction) {
   if (direction === 'rtl') {
     return position.replace('start', 'right').replace('end', 'left');
   }
-
   return position.replace('start', 'left').replace('end', 'right');
 }
 //# sourceMappingURL=useOverlayPosition.js.map

package/lib/module/web/overlays/src/useOverlayPosition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOverlayPosition.ts"],"names":["calculatePosition","useCallback","useRef","useState","useCloseOnScroll","isRTL","useLayoutEffect","visualViewport","window","useOverlayPosition","props","direction","undefined","targetRef","overlayRef","scrollRef","placement","containerPadding","shouldFlip","boundaryElement","document","body","offset","crossOffset","shouldUpdatePosition","isOpen","shouldOverlapWithTrigger","onClose","position","setPosition","arrowOffsetLeft","arrowOffsetTop","maxHeight","deps","current","offsetLeft","offsetTop","updatePosition","translateRTL","overlayNode","targetNode","scrollNode","padding","useResize","isResizing","timeout","onResize","clearTimeout","setTimeout","addEventListener","removeEventListener","close","triggerRef","rendered","overlayProps","style","zIndex","arrowProps","left","top","replace"],"mappings":"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","sourcesContent":["//@ts-nocheck\n/*\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\nimport { calculatePosition, PositionResult } from './calculatePosition';\nimport {\n  HTMLAttributes,\n  RefObject,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { Placement, PlacementAxis, PositionProps } from '@react-types/overlays';\nimport { useCloseOnScroll } from './useCloseOnScroll';\nimport { isRTL, useLayoutEffect } from '@react-native-aria/utils';\n\ninterface AriaPositionProps extends PositionProps {\n  /**\n   * Element that that serves as the positioning boundary.\n   * @default document.body\n   */\n  boundaryElement?: HTMLElement;\n  /**\n   * The ref for the element which the overlay positions itself with respect to.\n   */\n  targetRef: RefObject<HTMLElement>;\n  /**\n   * The ref for the overlay element.\n   */\n  overlayRef: RefObject<HTMLElement>;\n  /**\n   * A ref for the scrollable region within the overlay.\n   * @default overlayRef\n   */\n  scrollRef?: RefObject<HTMLElement>;\n  /**\n   * Whether the overlay should update its position automatically.\n   * @default true\n   */\n  shouldUpdatePosition?: boolean;\n  /** Handler that is called when the overlay should close. */\n  onClose?: () => void;\n  /** Determines whether the overlay should overlap with the trigger */\n  shouldOverlapWithTrigger?: boolean;\n}\n\ninterface PositionAria {\n  /** Props for the overlay container element. */\n  overlayProps: HTMLAttributes<Element>;\n  /** Props for the overlay tip arrow if any. */\n  arrowProps: HTMLAttributes<Element>;\n  /** Placement of the overlay with respect to the overlay trigger. */\n  placement: PlacementAxis;\n  /** Updates the position of the overlay. */\n  updatePosition(): void;\n}\n\n// @ts-ignore\nlet visualViewport = typeof window !== 'undefined' && window.visualViewport;\n\n/**\n * Handles positioning overlays like popovers and menus relative to a trigger\n * element, and updating the position when the window resizes.\n */\nexport function useOverlayPosition(props: AriaPositionProps): PositionAria {\n  const direction = isRTL() ? 'rtl' : undefined;\n  let {\n    targetRef,\n    overlayRef,\n    scrollRef = overlayRef,\n    placement = 'bottom' as Placement,\n    containerPadding = 12,\n    shouldFlip = true,\n    boundaryElement = typeof document !== 'undefined' ? document.body : null,\n    offset = 0,\n    crossOffset = 0,\n    shouldUpdatePosition = true,\n    isOpen = true,\n    shouldOverlapWithTrigger = false,\n    onClose,\n  } = props;\n  let [position, setPosition] = useState<PositionResult>({\n    position: {},\n    arrowOffsetLeft: undefined,\n    arrowOffsetTop: undefined,\n    maxHeight: undefined,\n    placement: undefined,\n  });\n\n  let deps = [\n    shouldUpdatePosition,\n    placement,\n    overlayRef.current,\n    targetRef.current?.offsetLeft,\n    targetRef.current?.offsetTop,\n    scrollRef.current,\n    containerPadding,\n    shouldFlip,\n    boundaryElement,\n    offset,\n    crossOffset,\n    isOpen,\n    direction,\n    shouldOverlapWithTrigger,\n  ];\n\n  let updatePosition = useCallback(() => {\n    if (\n      shouldUpdatePosition === false ||\n      !isOpen ||\n      !overlayRef.current ||\n      !targetRef.current ||\n      !scrollRef.current ||\n      !boundaryElement\n    ) {\n      return;\n    }\n\n    setPosition(\n      calculatePosition({\n        placement: translateRTL(placement, direction),\n        overlayNode: overlayRef.current,\n        targetNode: targetRef.current,\n        scrollNode: scrollRef.current,\n        padding: containerPadding,\n        shouldFlip,\n        boundaryElement,\n        offset,\n        crossOffset,\n        shouldOverlapWithTrigger,\n      })\n    );\n  }, deps);\n\n  // Update position when anything changes\n  useLayoutEffect(updatePosition, deps);\n\n  // Update position on window resize\n  useResize(updatePosition);\n\n  // Reposition the overlay and do not close on scroll while the visual viewport is resizing.\n  // This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.\n  let isResizing = useRef(false);\n  useLayoutEffect(() => {\n    let timeout: NodeJS.Timeout;\n    let onResize = () => {\n      isResizing.current = true;\n      clearTimeout(timeout);\n\n      timeout = setTimeout(() => {\n        isResizing.current = false;\n      }, 500);\n\n      updatePosition();\n    };\n\n    visualViewport?.addEventListener('resize', onResize);\n\n    return () => {\n      visualViewport?.removeEventListener('resize', onResize);\n    };\n  }, [updatePosition]);\n\n  let close = useCallback(() => {\n    if (!isResizing.current) {\n      onClose();\n    }\n  }, [onClose, isResizing]);\n\n  // When scrolling a parent scrollable region of the trigger (other than the body),\n  // we hide the popover. Otherwise, its position would be incorrect.\n  useCloseOnScroll({\n    triggerRef: targetRef,\n    isOpen,\n    onClose: onClose ? close : undefined,\n  });\n\n  // useLayoutEffect(() => {\n  //   const mutationObserver = new MutationObserver((mutations) => {\n  //     updatePosition();\n  //     mutations.forEach((mutation) => {\n  //       // if (mutation.attributeName === 'style') {\n  //       //   const transform = mutation.target.style.transform;\n  //       //   if (transform) {\n  //       //     const match = transform.match(/scale\\((.+)\\)/);\n  //       //     if (match) {\n  //       //       const scale = parseFloat(match[1]);\n  //       //       console.log(`Scale: ${scale}`);\n  //       //       // updatePosition();\n  //       //     }\n  //       //   }\n  //       // }\n  //     });\n  //   });\n\n  //   mutationObserver.observe(overlayRef?.current, { attributes: true });\n\n  //   return () => mutationObserver.disconnect();\n  // }, [overlayRef, updatePosition]);\n\n  return {\n    rendered: true,\n    overlayProps: {\n      style: {\n        position: 'absolute',\n        zIndex: 100000, // should match the z-index in ModalTrigger\n        ...position.position,\n        maxHeight: position.maxHeight,\n      },\n    },\n    placement: position.placement,\n    arrowProps: {\n      style: {\n        left: position.arrowOffsetLeft,\n        top: position.arrowOffsetTop,\n      },\n    },\n    updatePosition,\n  };\n}\n\nfunction useResize(onResize) {\n  useLayoutEffect(() => {\n    window.addEventListener('resize', onResize, false);\n    return () => {\n      window.removeEventListener('resize', onResize, false);\n    };\n  }, [onResize]);\n}\n\nfunction translateRTL(position, direction) {\n  if (direction === 'rtl') {\n    return position.replace('start', 'right').replace('end', 'left');\n  }\n  return position.replace('start', 'left').replace('end', 'right');\n}\n"]}
+{"version":3,"names":["calculatePosition","useCallback","useRef","useState","useCloseOnScroll","isRTL","useLayoutEffect","visualViewport","window","useOverlayPosition","props","_targetRef$current","_targetRef$current2","direction","undefined","targetRef","overlayRef","scrollRef","placement","containerPadding","shouldFlip","boundaryElement","document","body","offset","crossOffset","shouldUpdatePosition","isOpen","shouldOverlapWithTrigger","onClose","position","setPosition","arrowOffsetLeft","arrowOffsetTop","maxHeight","deps","current","offsetLeft","offsetTop","updatePosition","translateRTL","overlayNode","targetNode","scrollNode","padding","useResize","isResizing","timeout","onResize","clearTimeout","setTimeout","addEventListener","removeEventListener","close","triggerRef","rendered","overlayProps","style","zIndex","arrowProps","left","top","replace"],"sourceRoot":"../../../../../src","sources":["web/overlays/src/useOverlayPosition.ts"],"mappings":"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"}

package/lib/typescript/Portal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import { ViewProps } from 'react-native';
 interface ModalProviderProps extends ViewProps {
@@ -7,7 +8,8 @@ interface ModalProviderProps extends ViewProps {
 export declare function PortalProvider(props: {
     children: ReactNode;
     isSSR?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const OverlayProvider: typeof PortalProvider;
-export declare function OverlayContainer(props: ModalProviderProps): JSX.Element;
+export declare function OverlayContainer(props: ModalProviderProps): React.JSX.Element;
 export {};
+//# sourceMappingURL=Portal.d.ts.map

package/lib/typescript/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAe3D,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,qBAmDA;AAaD,eAAO,MAAM,eAAe,uBAAiB,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,qBAoCzD"}

package/lib/typescript/index.d.ts

@@ -3,3 +3,4 @@ export * from './useOverlayTrigger';
 export * from './Portal';
 export * from './useOverlay';
 export * from './usePreventScroll';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/lib/typescript/index.web.d.ts

@@ -3,3 +3,4 @@ export * from './useOverlayTrigger.web';
 export * from './Portal';
 export * from './useOverlay.web';
 export * from './usePreventScroll.web';
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/lib/typescript/useOverlay.d.ts

@@ -35,3 +35,4 @@ interface OverlayAria {
  */
 export declare function useOverlay(_props: OverlayProps, _ref: RefObject<HTMLElement>): OverlayAria;
 export {};
+//# sourceMappingURL=useOverlay.d.ts.map

package/lib/typescript/useOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../src/useOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,UAAU,YAAY;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,4BAA4B,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAClE;AAED,UAAU,WAAW;IACnB,uDAAuD;IACvD,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,GAC3B,WAAW,CAIb"}

package/lib/typescript/useOverlay.web.d.ts

@@ -35,3 +35,4 @@ interface OverlayAria {
  */
 export declare function useOverlay(props: OverlayProps, ref: RefObject<HTMLElement>): OverlayAria;
 export {};
+//# sourceMappingURL=useOverlay.web.d.ts.map

package/lib/typescript/useOverlay.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlay.web.d.ts","sourceRoot":"","sources":["../../src/useOverlay.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAG7D,UAAU,YAAY;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,4BAA4B,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAClE;AAED,UAAU,WAAW;IACnB,uDAAuD;IACvD,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C;AAID;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,YAAY,EACnB,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,GAC1B,WAAW,CAoDb"}

package/lib/typescript/useOverlayPosition.d.ts

@@ -69,3 +69,4 @@ interface Position {
     right?: number;
 }
 export {};
+//# sourceMappingURL=useOverlayPosition.d.ts.map

package/lib/typescript/useOverlayPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPosition.d.ts","sourceRoot":"","sources":["../../src/useOverlayPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAwBtE,UAAU,iBAAkB,SAAQ,aAAa;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAmCD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;EA8G1D;AASD,UAAU,QAAQ;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC;CACtC;AA0TD,UAAU,QAAQ;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/lib/typescript/useOverlayPosition.web.d.ts

@@ -1 +1,2 @@
 export { useOverlayPosition } from './web/overlays/src/useOverlayPosition';
+//# sourceMappingURL=useOverlayPosition.web.d.ts.map

package/lib/typescript/useOverlayPosition.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPosition.web.d.ts","sourceRoot":"","sources":["../../src/useOverlayPosition.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC"}

package/lib/typescript/useOverlayTrigger.d.ts

@@ -16,3 +16,4 @@ interface OverlayTriggerAria {
  */
 export declare function useOverlayTrigger(_props: OverlayTriggerProps, state: OverlayTriggerState, _ref: RefObject<HTMLElement>): OverlayTriggerAria;
 export {};
+//# sourceMappingURL=useOverlayTrigger.d.ts.map

package/lib/typescript/useOverlayTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayTrigger.d.ts","sourceRoot":"","sources":["../../src/useOverlayTrigger.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,UAAU,mBAAmB;IAC3B,qDAAqD;IACrD,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CACvD;AAED,UAAU,kBAAkB;IAC1B,qCAAqC;IACrC,YAAY,EAAE,GAAG,CAAC;IAElB,+CAA+C;IAC/C,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,mBAAmB,EAC3B,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,GAC3B,kBAAkB,CAOpB"}

package/lib/typescript/useOverlayTrigger.web.d.ts

@@ -1 +1,2 @@
 export { useOverlayTrigger } from '@react-aria/overlays';
+//# sourceMappingURL=useOverlayTrigger.web.d.ts.map

package/lib/typescript/useOverlayTrigger.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayTrigger.web.d.ts","sourceRoot":"","sources":["../../src/useOverlayTrigger.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/usePreventScroll.d.ts

@@ -4,3 +4,4 @@ interface PreventScrollOptions {
 }
 export declare const usePreventScroll: (_options?: PreventScrollOptions) => void;
 export {};
+//# sourceMappingURL=usePreventScroll.d.ts.map

package/lib/typescript/usePreventScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScroll.d.ts","sourceRoot":"","sources":["../../src/usePreventScroll.ts"],"names":[],"mappings":"AAAA,UAAU,oBAAoB;IAC5B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,eAAO,MAAM,gBAAgB,cAAc,oBAAoB,SAAY,CAAC"}

package/lib/typescript/usePreventScroll.web.d.ts

@@ -1 +1,2 @@
 export { usePreventScroll } from '@react-aria/overlays';
+//# sourceMappingURL=usePreventScroll.web.d.ts.map

package/lib/typescript/usePreventScroll.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScroll.web.d.ts","sourceRoot":"","sources":["../../src/usePreventScroll.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/utils.d.ts

@@ -1 +1,2 @@
 export declare const APPROX_STATUSBAR_HEIGHT: number;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,uBAAuB,QAWlC,CAAC"}

package/lib/typescript/web/overlays/index.d.ts

@@ -1 +1,2 @@
 export * from './src';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/web/overlays/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/overlays/index.ts"],"names":[],"mappings":"AAYA,cAAc,OAAO,CAAC"}

package/lib/typescript/web/overlays/src/calculatePosition.d.ts

@@ -43,3 +43,4 @@ export declare function calculatePositionInternal(placementInput: Placement, chi
  */
 export declare function calculatePosition(opts: PositionOpts): PositionResult;
 export {};
+//# sourceMappingURL=calculatePosition.d.ts.map

package/lib/typescript/web/overlays/src/calculatePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePosition.d.ts","sourceRoot":"","sources":["../../../../../src/web/overlays/src/calculatePosition.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,SAAS,EACT,aAAa,EAEd,MAAM,uBAAuB,CAAC;AAS/B,UAAU,QAAQ;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,CAAC;CAClB;AAWD,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,YAAY;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,WAAW,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,aAAa,CAAC;CAC1B;AAmQD,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,SAAS,EACzB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,OAAO,EACb,kBAAkB,EAAE,UAAU,EAC9B,2BAA2B,EAAE,MAAM,EACnC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,MAAM,EACnB,qBAAqB,EAAE,OAAO,EAC9B,wBAAwB,EAAE,OAAO,GAChC,cAAc,CAsHhB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,cAAc,CAiFpE"}

package/lib/typescript/web/overlays/src/index.d.ts

@@ -1 +1,2 @@
 export * from './useOverlayPosition';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/web/overlays/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/overlays/src/index.ts"],"names":[],"mappings":"AAYA,cAAc,sBAAsB,CAAC"}

package/lib/typescript/web/overlays/src/useCloseOnScroll.d.ts

@@ -8,3 +8,4 @@ interface CloseOnScrollOptions {
 /** @private */
 export declare function useCloseOnScroll(opts: CloseOnScrollOptions): void;
 export {};
+//# sourceMappingURL=useCloseOnScroll.d.ts.map

package/lib/typescript/web/overlays/src/useCloseOnScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOnScroll.d.ts","sourceRoot":"","sources":["../../../../../src/web/overlays/src/useCloseOnScroll.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,WAAW,EAAE,MAAM,IAAI,CAAiB,CAAC;AAE1E,UAAU,oBAAoB;IAC5B,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAe;AACf,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,oBAAoB,QA0B1D"}

package/lib/typescript/web/overlays/src/useOverlayPosition.d.ts

@@ -45,3 +45,4 @@ interface PositionAria {
  */
 export declare function useOverlayPosition(props: AriaPositionProps): PositionAria;
 export {};
+//# sourceMappingURL=useOverlayPosition.d.ts.map

package/lib/typescript/web/overlays/src/useOverlayPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPosition.d.ts","sourceRoot":"","sources":["../../../../../src/web/overlays/src/useOverlayPosition.ts"],"names":[],"mappings":"AAcA,OAAO,EACL,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIhF,UAAU,iBAAkB,SAAQ,aAAa;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,YAAY;IACpB,+CAA+C;IAC/C,YAAY,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,8CAA8C;IAC9C,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACpC,oEAAoE;IACpE,SAAS,EAAE,aAAa,CAAC;IACzB,2CAA2C;IAC3C,cAAc,IAAI,IAAI,CAAC;CACxB;AAKD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA2JzE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/overlays",
-  "version": "0.3.10",
+  "version": "0.3.11-alpha.0",
   "description": "Overlay utilities. Part of react-native-aria",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -25,6 +25,7 @@
     "test": "jest",
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "build": "bob build",
     "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",

package/src/useOverlayPosition.ts

@@ -66,6 +66,32 @@ type IMeasureResult = {
   width: number;
 };
 
+const getArrowPropsWithStatusBarHeight = ({
+  top,
+  left,
+}: {
+  top: number;
+  left: number;
+}) => {
+  let topWithStatusBarHeight = top;
+
+  if (
+    typeof top !== 'undefined' &&
+    typeof APPROX_STATUSBAR_HEIGHT !== 'undefined'
+  ) {
+    topWithStatusBarHeight = top + APPROX_STATUSBAR_HEIGHT;
+  } else {
+    topWithStatusBarHeight = undefined;
+  }
+
+  return {
+    style: {
+      left: left,
+      top: topWithStatusBarHeight,
+    },
+  };
+};
+
 export function useOverlayPosition(props: AriaPositionProps) {
   let {
     targetRef,
@@ -106,9 +132,8 @@ export function useOverlayPosition(props: AriaPositionProps) {
       return;
     }
 
-    const { height: windowHeight, width: windowWidth } = Dimensions.get(
-      'window'
-    );
+    const { height: windowHeight, width: windowWidth } =
+      Dimensions.get('window');
 
     const positions = calculatePosition({
       placement: translateRTL(placement),
@@ -138,6 +163,7 @@ export function useOverlayPosition(props: AriaPositionProps) {
 
   React.useLayoutEffect(() => {
     updatePosition();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     placement,
     isOpen,
@@ -155,18 +181,18 @@ export function useOverlayPosition(props: AriaPositionProps) {
     style.top = (position?.position?.top || 0) + (APPROX_STATUSBAR_HEIGHT || 0);
   }
 
+  const arrowPropsWithStatusBarHeight = getArrowPropsWithStatusBarHeight({
+    left: position?.arrowOffsetLeft,
+    top: position?.arrowOffsetTop,
+  });
+
   const returnProps = {
     rendered,
     overlayProps: {
       style,
     },
     placement: position.placement,
-    arrowProps: {
-      style: {
-        left: position.arrowOffsetLeft,
-        top: (position?.arrowOffsetTop || 0) + (APPROX_STATUSBAR_HEIGHT || 0),
-      },
-    },
+    arrowProps: arrowPropsWithStatusBarHeight,
     updatePosition,
   };
 
@@ -438,14 +464,8 @@ function computePosition(
   _containerOffsetWithBoundary: Offset,
   _isContainerPositioned: boolean
 ) {
-  let {
-    placement,
-    crossPlacement,
-    axis,
-    crossAxis,
-    size,
-    crossSize,
-  } = placementInfo;
+  let { placement, crossPlacement, axis, crossAxis, size, crossSize } =
+    placementInfo;
   let position: any = {};
   //@ts-ignore
   position[crossAxis] = childOffset[crossAxis];

package/src/utils.ts

@@ -15,6 +15,7 @@ export const APPROX_STATUSBAR_HEIGHT = Platform.select({
     ? DEFAULT_STATUSBAR_HEIGHT_EXPO
     : StatusBar.currentHeight,
   ios:
+    // @ts-ignore
     Platform.Version < 11
       ? DEFAULT_STATUSBAR_HEIGHT_EXPO
         ? DEFAULT_STATUSBAR_HEIGHT_EXPO