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

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

@@ -1 +1 @@
-{"version":3,"sources":["useOverlayPosition.ts"],"names":["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","require","_react","_useCloseOnScroll","_utils","visualViewport","window","useOverlayPosition","props","_targetRef$current","_targetRef$current2","direction","isRTL","undefined","targetRef","overlayRef","scrollRef","placement","containerPadding","shouldFlip","boundaryElement","document","body","offset","crossOffset","shouldUpdatePosition","isOpen","shouldOverlapWithTrigger","onClose","position","setPosition","useState","arrowOffsetLeft","arrowOffsetTop","maxHeight","deps","current","offsetLeft","offsetTop","updatePosition","useCallback","calculatePosition","translateRTL","overlayNode","targetNode","scrollNode","padding","useLayoutEffect","useResize","isResizing","useRef","timeout","onResize","clearTimeout","setTimeout","addEventListener","removeEventListener","close","useCloseOnScroll","triggerRef","rendered","overlayProps","style","zIndex","arrowProps","left","top","replace"],"sourceRoot":"../../../../../src","sources":["web/overlays/src/useOverlayPosition.ts"],"mappings":"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"}

package/lib/module/Portal.js

@@ -1,12 +1,10 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 const PortalContext = /*#__PURE__*/React.createContext(null);
 let globalOverlayCounter = 0;
 export function PortalProvider(props) {
   const [items, setItems] = React.useState([]);
-
   const setOverlayItem = element => {
     const overlayId = ++globalOverlayCounter;
     setItems(prev => prev.concat([{
@@ -15,11 +13,9 @@ export function PortalProvider(props) {
     }]));
     return overlayId;
   };
-
   const updateOverlayItem = (id, node) => {
     setItems(prev => {
       const overlayItem = prev.find(item => item.id == id);
-
       if (!overlayItem) {
         return prev.concat([{
           id: id,
@@ -33,20 +29,17 @@ export function PortalProvider(props) {
               node
             };
           }
-
           return item;
         });
       }
     });
   };
-
   const removeOverlayItem = id => {
     setItems(prev => {
       const newItems = prev.filter(item => item.id !== id);
       return newItems;
     });
   };
-
   return /*#__PURE__*/React.createElement(PortalContext.Provider, {
     value: {
       items,
@@ -61,7 +54,6 @@ export function PortalProvider(props) {
     }, item.node);
   }));
 }
-
 function OverlayView({
   style,
   ...props
@@ -72,7 +64,6 @@ function OverlayView({
     collapsable: false
   }, props));
 }
-
 export const OverlayProvider = PortalProvider;
 export function OverlayContainer(props) {
   const context = usePortalProvider();
@@ -82,23 +73,27 @@ export function OverlayContainer(props) {
     // Mount
     if (overlayId.current === undefined) {
       overlayId.current = context === null || context === void 0 ? void 0 : context.setOverlayItem(element);
-    } // Update
+    }
+    // Update
     else {
-        if (overlayId.current) {
-          context === null || context === void 0 ? void 0 : context.updateOverlayItem(overlayId.current, element);
-        }
+      if (overlayId.current) {
+        context === null || context === void 0 || context.updateOverlayItem(overlayId.current, element);
       }
-  }, // To re-render the child
-  [props]); // Unmount
+    }
+  },
+  // To re-render the child
+  [props]);
 
+  // Unmount
   useEffect(() => {
     return () => {
       if (overlayId.current) {
-        context === null || context === void 0 ? void 0 : context.removeOverlayItem(overlayId.current);
+        context === null || context === void 0 || context.removeOverlayItem(overlayId.current);
       }
     };
-  }, []); // Rendering elements for SSR
+  }, []);
 
+  // Rendering elements for SSR
   if (context !== null && context !== void 0 && context.isSSR && !overlayId.current) {
     return /*#__PURE__*/React.createElement(View, {
       style: {
@@ -106,10 +101,8 @@ export function OverlayContainer(props) {
       }
     }, element);
   }
-
   return null;
 }
-
 function usePortalProvider() {
   const context = React.useContext(PortalContext);
   return context;

package/lib/module/Portal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Portal.tsx"],"names":["React","useEffect","StyleSheet","View","PortalContext","createContext","globalOverlayCounter","PortalProvider","props","items","setItems","useState","setOverlayItem","element","overlayId","prev","concat","id","node","updateOverlayItem","overlayItem","find","item","map","removeOverlayItem","newItems","filter","isSSR","children","OverlayView","style","absoluteFill","OverlayProvider","OverlayContainer","context","usePortalProvider","useRef","undefined","current","display","useContext"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AAEA,SAASC,UAAT,EAAqBC,IAArB,QAA4C,cAA5C;AAoBA,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,aAAN,CAA0C,IAA1C,CAAtB;AAEA,IAAIC,oBAAoB,GAAG,CAA3B;AAEA,OAAO,SAASC,cAAT,CAAwBC,KAAxB,EAGJ;AACD,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBV,KAAK,CAACW,QAAN,CAAmC,EAAnC,CAA1B;;AAEA,QAAMC,cAAc,GAAIC,OAAD,IAAwB;AAC7C,UAAMC,SAAS,GAAG,EAAER,oBAApB;AACAI,IAAAA,QAAQ,CAAEK,IAAD,IAAUA,IAAI,CAACC,MAAL,CAAY,CAAC;AAAEC,MAAAA,EAAE,EAAEH,SAAN;AAAiBI,MAAAA,IAAI,EAAEL;AAAvB,KAAD,CAAZ,CAAX,CAAR;AACA,WAAOC,SAAP;AACD,GAJD;;AAMA,QAAMK,iBAAiB,GAAG,CAACF,EAAD,EAAaC,IAAb,KAAiC;AACzDR,IAAAA,QAAQ,CAAEK,IAAD,IAAU;AACjB,YAAMK,WAAW,GAAGL,IAAI,CAACM,IAAL,CAAWC,IAAD,IAAUA,IAAI,CAACL,EAAL,IAAWA,EAA/B,CAApB;;AACA,UAAI,CAACG,WAAL,EAAkB;AAChB,eAAOL,IAAI,CAACC,MAAL,CAAY,CAAC;AAAEC,UAAAA,EAAE,EAAEA,EAAN;AAAUC,UAAAA;AAAV,SAAD,CAAZ,CAAP;AACD,OAFD,MAEO;AACL,eAAOH,IAAI,CAACQ,GAAL,CAAUD,IAAD,IAAU;AACxB,cAAIA,IAAI,CAACL,EAAL,KAAYA,EAAhB,EAAoB;AAClB,mBAAO;AAAEA,cAAAA,EAAF;AAAMC,cAAAA;AAAN,aAAP;AACD;;AAED,iBAAOI,IAAP;AACD,SANM,CAAP;AAOD;AACF,KAbO,CAAR;AAcD,GAfD;;AAiBA,QAAME,iBAAiB,GAAIP,EAAD,IAAgB;AACxCP,IAAAA,QAAQ,CAAEK,IAAD,IAAU;AACjB,YAAMU,QAAQ,GAAGV,IAAI,CAACW,MAAL,CAAaJ,IAAD,IAAUA,IAAI,CAACL,EAAL,KAAYA,EAAlC,CAAjB;AACA,aAAOQ,QAAP;AACD,KAHO,CAAR;AAID,GALD;;AAOA,sBACE,oBAAC,aAAD,CAAe,QAAf;AACE,IAAA,KAAK,EAAE;AACLhB,MAAAA,KADK;AAELG,MAAAA,cAFK;AAGLY,MAAAA,iBAHK;AAILL,MAAAA,iBAJK;AAKLQ,MAAAA,KAAK,EAAEnB,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEmB;AALT;AADT,KASGnB,KAAK,CAACoB,QATT,EAYGnB,KAAK,CAACc,GAAN,CAAWD,IAAD,IAAU;AACnB,wBAAO,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA,IAAI,CAACL;AAA1B,OAA+BK,IAAI,CAACJ,IAApC,CAAP;AACD,GAFA,CAZH,CADF;AAkBD;;AAED,SAASW,WAAT,CAAqB;AAAEC,EAAAA,KAAF;AAAS,KAAGtB;AAAZ,CAArB,EAA8D;AAC5D,sBACE,oBAAC,IAAD;AACE,IAAA,aAAa,EAAC,UADhB;AAEE,IAAA,KAAK,EAAE,CAACN,UAAU,CAAC6B,YAAZ,EAA0BD,KAA1B,CAFT;AAGE,IAAA,WAAW,EAAE;AAHf,KAIMtB,KAJN,EADF;AAQD;;AAED,OAAO,MAAMwB,eAAe,GAAGzB,cAAxB;AAEP,OAAO,SAAS0B,gBAAT,CAA0BzB,KAA1B,EAAqD;AAC1D,QAAM0B,OAAO,GAAGC,iBAAiB,EAAjC;AACA,QAAMrB,SAAS,GAAGd,KAAK,CAACoC,MAAN,CAAiCC,SAAjC,CAAlB;AACA,QAAMxB,OAAO,gBAAG,oBAAC,WAAD,EAAiBL,KAAjB,CAAhB;AAEAP,EAAAA,SAAS,CACP,MAAM;AACJ;AACA,QAAIa,SAAS,CAACwB,OAAV,KAAsBD,SAA1B,EAAqC;AACnCvB,MAAAA,SAAS,CAACwB,OAAV,GAAoBJ,OAApB,aAAoBA,OAApB,uBAAoBA,OAAO,CAAEtB,cAAT,CAAwBC,OAAxB,CAApB;AACD,KAFD,CAGA;AAHA,SAIK;AACH,YAAIC,SAAS,CAACwB,OAAd,EAAuB;AACrBJ,UAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEf,iBAAT,CAA2BL,SAAS,CAACwB,OAArC,EAA8CzB,OAA9C;AACD;AACF;AACF,GAZM,EAaP;AACA,GAACL,KAAD,CAdO,CAAT,CAL0D,CAsB1D;;AACAP,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACX,UAAIa,SAAS,CAACwB,OAAd,EAAuB;AACrBJ,QAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEV,iBAAT,CAA2BV,SAAS,CAACwB,OAArC;AACD;AACF,KAJD;AAKD,GANQ,EAMN,EANM,CAAT,CAvB0D,CA+B1D;;AACA,MAAIJ,OAAO,SAAP,IAAAA,OAAO,WAAP,IAAAA,OAAO,CAAEP,KAAT,IAAkB,CAACb,SAAS,CAACwB,OAAjC,EAA0C;AACxC,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AAAb,OAAmC1B,OAAnC,CAAP;AACD;;AACD,SAAO,IAAP;AACD;;AAED,SAASsB,iBAAT,GAA6B;AAC3B,QAAMD,OAAO,GAAGlC,KAAK,CAACwC,UAAN,CAAiBpC,aAAjB,CAAhB;AACA,SAAO8B,OAAP;AACD","sourcesContent":["import React, { useEffect } from 'react';\nimport type { ReactNode } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\ntype OverlayItem = {\n  id: number;\n  node: ReactNode;\n};\n\ninterface PortalContext {\n  items: Array<OverlayItem>;\n  setOverlayItem: (node: ReactNode) => number;\n  removeOverlayItem: (id: number) => void;\n  updateOverlayItem: (id: number, node: ReactNode) => void;\n  isSSR?: boolean;\n}\n\ninterface ModalProviderProps extends ViewProps {\n  children: ReactNode;\n  provider?: boolean;\n}\n\nconst PortalContext = React.createContext<PortalContext | null>(null);\n\nlet globalOverlayCounter = 0;\n\nexport function PortalProvider(props: {\n  children: ReactNode;\n  isSSR?: boolean;\n}) {\n  const [items, setItems] = React.useState<Array<OverlayItem>>([]);\n\n  const setOverlayItem = (element: ReactNode) => {\n    const overlayId = ++globalOverlayCounter;\n    setItems((prev) => prev.concat([{ id: overlayId, node: element }]));\n    return overlayId;\n  };\n\n  const updateOverlayItem = (id: number, node: ReactNode) => {\n    setItems((prev) => {\n      const overlayItem = prev.find((item) => item.id == id);\n      if (!overlayItem) {\n        return prev.concat([{ id: id, node }]);\n      } else {\n        return prev.map((item) => {\n          if (item.id === id) {\n            return { id, node };\n          }\n\n          return item;\n        });\n      }\n    });\n  };\n\n  const removeOverlayItem = (id: number) => {\n    setItems((prev) => {\n      const newItems = prev.filter((item) => item.id !== id);\n      return newItems;\n    });\n  };\n\n  return (\n    <PortalContext.Provider\n      value={{\n        items,\n        setOverlayItem,\n        removeOverlayItem,\n        updateOverlayItem,\n        isSSR: props?.isSSR,\n      }}\n    >\n      {props.children}\n\n      {/* Render Overlays */}\n      {items.map((item) => {\n        return <React.Fragment key={item.id}>{item.node}</React.Fragment>;\n      })}\n    </PortalContext.Provider>\n  );\n}\n\nfunction OverlayView({ style, ...props }: ModalProviderProps) {\n  return (\n    <View\n      pointerEvents=\"box-none\"\n      style={[StyleSheet.absoluteFill, style]}\n      collapsable={false}\n      {...props}\n    />\n  );\n}\n\nexport const OverlayProvider = PortalProvider;\n\nexport function OverlayContainer(props: ModalProviderProps) {\n  const context = usePortalProvider();\n  const overlayId = React.useRef<number | undefined>(undefined);\n  const element = <OverlayView {...props} />;\n\n  useEffect(\n    () => {\n      // Mount\n      if (overlayId.current === undefined) {\n        overlayId.current = context?.setOverlayItem(element);\n      }\n      // Update\n      else {\n        if (overlayId.current) {\n          context?.updateOverlayItem(overlayId.current, element);\n        }\n      }\n    },\n    // To re-render the child\n    [props]\n  );\n\n  // Unmount\n  useEffect(() => {\n    return () => {\n      if (overlayId.current) {\n        context?.removeOverlayItem(overlayId.current);\n      }\n    };\n  }, []);\n\n  // Rendering elements for SSR\n  if (context?.isSSR && !overlayId.current) {\n    return <View style={{ display: 'none' }}>{element}</View>;\n  }\n  return null;\n}\n\nfunction usePortalProvider() {\n  const context = React.useContext(PortalContext);\n  return context;\n}\n"]}
+{"version":3,"names":["React","useEffect","StyleSheet","View","PortalContext","createContext","globalOverlayCounter","PortalProvider","props","items","setItems","useState","setOverlayItem","element","overlayId","prev","concat","id","node","updateOverlayItem","overlayItem","find","item","map","removeOverlayItem","newItems","filter","createElement","Provider","value","isSSR","children","Fragment","key","OverlayView","style","_extends","pointerEvents","absoluteFill","collapsable","OverlayProvider","OverlayContainer","context","usePortalProvider","useRef","undefined","current","display","useContext"],"sourceRoot":"../../src","sources":["Portal.tsx"],"mappings":"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"}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,oBAAd","sourcesContent":["export * from './useOverlayPosition';\nexport * from './useOverlayTrigger';\nexport * from './Portal';\nexport * from './useOverlay';\nexport * from './usePreventScroll';\n"]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,oBAAoB"}

package/lib/module/index.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.web.ts"],"names":[],"mappings":"AAAA,cAAc,0BAAd;AACA,cAAc,yBAAd;AACA,cAAc,UAAd;AACA,cAAc,kBAAd;AACA,cAAc,wBAAd","sourcesContent":["export * from './useOverlayPosition.web';\nexport * from './useOverlayTrigger.web';\nexport * from './Portal';\nexport * from './useOverlay.web';\nexport * from './usePreventScroll.web';\n"]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,yBAAyB;AACvC,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,wBAAwB"}

package/lib/module/useOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOverlay.ts"],"names":["useOverlay","_props","_ref","overlayProps"],"mappings":"AAsCA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,UAAT,CACLC,MADK,EAELC,IAFK,EAGQ;AACb,SAAO;AACLC,IAAAA,YAAY,EAAE;AADT,GAAP;AAGD","sourcesContent":["import { HTMLAttributes, RefObject } from 'react';\n\ninterface OverlayProps {\n  /** Whether the overlay is currently open. */\n  isOpen?: boolean;\n\n  /** Handler that is called when the overlay should close. */\n  onClose?: () => void;\n\n  /**\n   * Whether to close the overlay when the user interacts outside it.\n   * @default false\n   */\n  isDismissable?: boolean;\n\n  /** Whether the overlay should close when focus is lost or moves outside it. */\n  shouldCloseOnBlur?: boolean;\n\n  /**\n   * Whether pressing the escape key to close the overlay should be disabled.\n   * @default false\n   */\n  isKeyboardDismissDisabled?: boolean;\n\n  /**\n   * When user interacts with the argument element outside of the overlay ref,\n   * return true if onClose should be called.  This gives you a chance to filter\n   * out interaction with elements that should not dismiss the overlay.\n   * By default, onClose will always be called on interaction outside the overlay ref.\n   */\n  shouldCloseOnInteractOutside?: (element: HTMLElement) => boolean;\n}\n\ninterface OverlayAria {\n  /** Props to apply to the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Hides the overlay when the user interacts outside it, when the Escape key is pressed,\n * or optionally, on blur. Only the top-most overlay will close at once.\n */\nexport function useOverlay(\n  _props: OverlayProps,\n  _ref: RefObject<HTMLElement>\n): OverlayAria {\n  return {\n    overlayProps: {},\n  };\n}\n"]}
+{"version":3,"names":["useOverlay","_props","_ref","overlayProps"],"sourceRoot":"../../src","sources":["useOverlay.ts"],"mappings":"AAsCA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,UAAUA,CACxBC,MAAoB,EACpBC,IAA4B,EACf;EACb,OAAO;IACLC,YAAY,EAAE,CAAC;EACjB,CAAC;AACH"}

package/lib/module/useOverlay.web.js

@@ -1,48 +1,49 @@
 import { useEffect } from 'react';
 import { useFocusWithin } from '@react-aria/interactions';
 const visibleOverlays = [];
+
 /**
  * Provides the behavior for overlays such as dialogs, popovers, and menus.
  * Hides the overlay when the user interacts outside it, when the Escape key is pressed,
  * or optionally, on blur. Only the top-most overlay will close at once.
  */
-
 export function useOverlay(props, ref) {
   let {
     onClose,
     shouldCloseOnBlur,
     isOpen,
     isKeyboardDismissDisabled = false
-  } = props; // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
+  } = props;
 
+  // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
   useEffect(() => {
     if (isOpen) {
       visibleOverlays.push(ref);
     }
-
     return () => {
       let index = visibleOverlays.indexOf(ref);
-
       if (index >= 0) {
         visibleOverlays.splice(index, 1);
       }
     };
-  }, [isOpen, ref]); // Only hide the overlay when it is the topmost visible overlay in the stack.
+  }, [isOpen, ref]);
 
+  // Only hide the overlay when it is the topmost visible overlay in the stack.
   let onHide = () => {
     if (visibleOverlays[visibleOverlays.length - 1] === ref && onClose) {
       onClose();
     }
-  }; // Handle the escape key
-
+  };
 
+  // Handle the escape key
   let onKeyDown = e => {
     if (e.key === 'Escape' && !isKeyboardDismissDisabled) {
       e.preventDefault();
       onHide();
     }
-  }; // Handle clicking outside the overlay to close it
+  };
 
+  // Handle clicking outside the overlay to close it
 
   let {
     focusWithinProps

package/lib/module/useOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useOverlay.web.ts"],"names":["useEffect","useFocusWithin","visibleOverlays","useOverlay","props","ref","onClose","shouldCloseOnBlur","isOpen","isKeyboardDismissDisabled","push","index","indexOf","splice","onHide","length","onKeyDown","e","key","preventDefault","focusWithinProps","isDisabled","onBlurWithin","overlayProps"],"mappings":"AAAA,SAAoCA,SAApC,QAAqD,OAArD;AACA,SAASC,cAAT,QAA+B,0BAA/B;AAsCA,MAAMC,eAAyC,GAAG,EAAlD;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,UAAT,CACLC,KADK,EAELC,GAFK,EAGQ;AACb,MAAI;AACFC,IAAAA,OADE;AAEFC,IAAAA,iBAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,yBAAyB,GAAG;AAJ1B,MAKAL,KALJ,CADa,CAQb;;AACAJ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIQ,MAAJ,EAAY;AACVN,MAAAA,eAAe,CAACQ,IAAhB,CAAqBL,GAArB;AACD;;AAED,WAAO,MAAM;AACX,UAAIM,KAAK,GAAGT,eAAe,CAACU,OAAhB,CAAwBP,GAAxB,CAAZ;;AACA,UAAIM,KAAK,IAAI,CAAb,EAAgB;AACdT,QAAAA,eAAe,CAACW,MAAhB,CAAuBF,KAAvB,EAA8B,CAA9B;AACD;AACF,KALD;AAMD,GAXQ,EAWN,CAACH,MAAD,EAASH,GAAT,CAXM,CAAT,CATa,CAsBb;;AACA,MAAIS,MAAM,GAAG,MAAM;AACjB,QAAIZ,eAAe,CAACA,eAAe,CAACa,MAAhB,GAAyB,CAA1B,CAAf,KAAgDV,GAAhD,IAAuDC,OAA3D,EAAoE;AAClEA,MAAAA,OAAO;AACR;AACF,GAJD,CAvBa,CA6Bb;;;AACA,MAAIU,SAAS,GAAIC,CAAD,IAAY;AAC1B,QAAIA,CAAC,CAACC,GAAF,KAAU,QAAV,IAAsB,CAACT,yBAA3B,EAAsD;AACpDQ,MAAAA,CAAC,CAACE,cAAF;AACAL,MAAAA,MAAM;AACP;AACF,GALD,CA9Ba,CAqCb;;;AAEA,MAAI;AAAEM,IAAAA;AAAF,MAAuBnB,cAAc,CAAC;AACxCoB,IAAAA,UAAU,EAAE,CAACd,iBAD2B;AAExCe,IAAAA,YAAY,EAAE,MAAM;AAClBhB,MAAAA,OAAO,IAAIA,OAAO,EAAlB;AACD;AAJuC,GAAD,CAAzC;AAOA,SAAO;AACLiB,IAAAA,YAAY,EAAE;AACZP,MAAAA,SADY;AAEZ,SAAGI;AAFS;AADT,GAAP;AAMD","sourcesContent":["import { HTMLAttributes, RefObject, useEffect } from 'react';\nimport { useFocusWithin } from '@react-aria/interactions';\n\ninterface OverlayProps {\n  /** Whether the overlay is currently open. */\n  isOpen?: boolean;\n\n  /** Handler that is called when the overlay should close. */\n  onClose?: () => void;\n\n  /**\n   * Whether to close the overlay when the user interacts outside it.\n   * @default false\n   */\n  isDismissable?: boolean;\n\n  /** Whether the overlay should close when focus is lost or moves outside it. */\n  shouldCloseOnBlur?: boolean;\n\n  /**\n   * Whether pressing the escape key to close the overlay should be disabled.\n   * @default false\n   */\n  isKeyboardDismissDisabled?: boolean;\n\n  /**\n   * When user interacts with the argument element outside of the overlay ref,\n   * return true if onClose should be called.  This gives you a chance to filter\n   * out interaction with elements that should not dismiss the overlay.\n   * By default, onClose will always be called on interaction outside the overlay ref.\n   */\n  shouldCloseOnInteractOutside?: (element: HTMLElement) => boolean;\n}\n\ninterface OverlayAria {\n  /** Props to apply to the overlay container element. */\n  overlayProps: HTMLAttributes<HTMLElement>;\n}\n\nconst visibleOverlays: RefObject<HTMLElement>[] = [];\n\n/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Hides the overlay when the user interacts outside it, when the Escape key is pressed,\n * or optionally, on blur. Only the top-most overlay will close at once.\n */\nexport function useOverlay(\n  props: OverlayProps,\n  ref: RefObject<HTMLElement>\n): OverlayAria {\n  let {\n    onClose,\n    shouldCloseOnBlur,\n    isOpen,\n    isKeyboardDismissDisabled = false,\n  } = props;\n\n  // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.\n  useEffect(() => {\n    if (isOpen) {\n      visibleOverlays.push(ref);\n    }\n\n    return () => {\n      let index = visibleOverlays.indexOf(ref);\n      if (index >= 0) {\n        visibleOverlays.splice(index, 1);\n      }\n    };\n  }, [isOpen, ref]);\n\n  // Only hide the overlay when it is the topmost visible overlay in the stack.\n  let onHide = () => {\n    if (visibleOverlays[visibleOverlays.length - 1] === ref && onClose) {\n      onClose();\n    }\n  };\n\n  // Handle the escape key\n  let onKeyDown = (e: any) => {\n    if (e.key === 'Escape' && !isKeyboardDismissDisabled) {\n      e.preventDefault();\n      onHide();\n    }\n  };\n\n  // Handle clicking outside the overlay to close it\n\n  let { focusWithinProps } = useFocusWithin({\n    isDisabled: !shouldCloseOnBlur,\n    onBlurWithin: () => {\n      onClose && onClose();\n    },\n  });\n\n  return {\n    overlayProps: {\n      onKeyDown,\n      ...focusWithinProps,\n    },\n  };\n}\n"]}
+{"version":3,"names":["useEffect","useFocusWithin","visibleOverlays","useOverlay","props","ref","onClose","shouldCloseOnBlur","isOpen","isKeyboardDismissDisabled","push","index","indexOf","splice","onHide","length","onKeyDown","e","key","preventDefault","focusWithinProps","isDisabled","onBlurWithin","overlayProps"],"sourceRoot":"../../src","sources":["useOverlay.web.ts"],"mappings":"AAAA,SAAoCA,SAAS,QAAQ,OAAO;AAC5D,SAASC,cAAc,QAAQ,0BAA0B;AAsCzD,MAAMC,eAAyC,GAAG,EAAE;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CACxBC,KAAmB,EACnBC,GAA2B,EACd;EACb,IAAI;IACFC,OAAO;IACPC,iBAAiB;IACjBC,MAAM;IACNC,yBAAyB,GAAG;EAC9B,CAAC,GAAGL,KAAK;;EAET;EACAJ,SAAS,CAAC,MAAM;IACd,IAAIQ,MAAM,EAAE;MACVN,eAAe,CAACQ,IAAI,CAACL,GAAG,CAAC;IAC3B;IAEA,OAAO,MAAM;MACX,IAAIM,KAAK,GAAGT,eAAe,CAACU,OAAO,CAACP,GAAG,CAAC;MACxC,IAAIM,KAAK,IAAI,CAAC,EAAE;QACdT,eAAe,CAACW,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MAClC;IACF,CAAC;EACH,CAAC,EAAE,CAACH,MAAM,EAAEH,GAAG,CAAC,CAAC;;EAEjB;EACA,IAAIS,MAAM,GAAGA,CAAA,KAAM;IACjB,IAAIZ,eAAe,CAACA,eAAe,CAACa,MAAM,GAAG,CAAC,CAAC,KAAKV,GAAG,IAAIC,OAAO,EAAE;MAClEA,OAAO,CAAC,CAAC;IACX;EACF,CAAC;;EAED;EACA,IAAIU,SAAS,GAAIC,CAAM,IAAK;IAC1B,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACT,yBAAyB,EAAE;MACpDQ,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBL,MAAM,CAAC,CAAC;IACV;EACF,CAAC;;EAED;;EAEA,IAAI;IAAEM;EAAiB,CAAC,GAAGnB,cAAc,CAAC;IACxCoB,UAAU,EAAE,CAACd,iBAAiB;IAC9Be,YAAY,EAAEA,CAAA,KAAM;MAClBhB,OAAO,IAAIA,OAAO,CAAC,CAAC;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLiB,YAAY,EAAE;MACZP,SAAS;MACT,GAAGI;IACL;EACF,CAAC;AACH"}

package/lib/module/useOverlayPosition.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { //@ts-ignore
+import {
+//@ts-ignore
 Dimensions } from 'react-native';
 //@ts-ignore
 import { isRTL } from '@react-native-aria/utils';
 import { APPROX_STATUSBAR_HEIGHT } from './utils';
-
 const measureOffset = ref => new Promise(resolve => {
   if (ref.current) {
     ref.current.measureInWindow((x, y, width, height) => {
@@ -17,10 +17,25 @@ const measureOffset = ref => new Promise(resolve => {
     });
   }
 });
-
+const getArrowPropsWithStatusBarHeight = ({
+  top,
+  left
+}) => {
+  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) {
   var _position$position, _position$position2;
-
   let {
     targetRef,
     overlayRef,
@@ -37,18 +52,18 @@ export function useOverlayPosition(props) {
     arrowOffsetTop: undefined,
     maxHeight: undefined,
     placement: undefined
-  }); // Layout measurement happens asynchronously in RN. This causes initial flickr. Using opacity and setting it to 1 post calculation prevents that.
+  });
 
+  // Layout measurement happens asynchronously in RN. This causes initial flickr. Using opacity and setting it to 1 post calculation prevents that.
   let [rendered, setRendered] = React.useState(false);
-
   let updatePosition = async () => {
-    const [overlayOffset, triggerOffset] = await Promise.all([measureOffset(overlayRef), measureOffset(targetRef)]); // Sometimes measure returns height/width 0. Best solution would be to use onLayout callback, but that might diverege from React Aria's useOverlayPosition API. Decide later, this works for now
+    const [overlayOffset, triggerOffset] = await Promise.all([measureOffset(overlayRef), measureOffset(targetRef)]);
 
+    // Sometimes measure returns height/width 0. Best solution would be to use onLayout callback, but that might diverege from React Aria's useOverlayPosition API. Decide later, this works for now
     if (!overlayOffset.width || !overlayOffset.height || !triggerOffset.width || !triggerOffset.height) {
       requestAnimationFrame(updatePosition);
       return;
     }
-
     const {
       height: windowHeight,
       width: windowWidth
@@ -73,7 +88,6 @@ export function useOverlayPosition(props) {
     setPosition(positions);
     setRendered(true);
   };
-
   React.useEffect(() => {
     return () => {
       setRendered(false);
@@ -81,47 +95,40 @@ export function useOverlayPosition(props) {
   }, []);
   React.useLayoutEffect(() => {
     updatePosition();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [placement, isOpen, offset, shouldFlip, crossOffset, shouldOverlapWithTrigger]);
-  const style = { ...position.position
+  const style = {
+    ...position.position
   };
-
-  if (position !== null && position !== void 0 && (_position$position = position.position) !== null && _position$position !== void 0 && _position$position.top || (position === null || position === void 0 ? void 0 : (_position$position2 = position.position) === null || _position$position2 === void 0 ? void 0 : _position$position2.top) === 0) {
+  if (position !== null && position !== void 0 && (_position$position = position.position) !== null && _position$position !== void 0 && _position$position.top || (position === null || position === void 0 || (_position$position2 = position.position) === null || _position$position2 === void 0 ? void 0 : _position$position2.top) === 0) {
     var _position$position3;
-
-    style.top = ((position === null || position === void 0 ? void 0 : (_position$position3 = position.position) === null || _position$position3 === void 0 ? void 0 : _position$position3.top) || 0) + (APPROX_STATUSBAR_HEIGHT || 0);
+    style.top = ((position === null || position === void 0 || (_position$position3 = position.position) === null || _position$position3 === void 0 ? void 0 : _position$position3.top) || 0) + (APPROX_STATUSBAR_HEIGHT || 0);
   }
-
+  const arrowPropsWithStatusBarHeight = getArrowPropsWithStatusBarHeight({
+    left: position === null || position === void 0 ? void 0 : position.arrowOffsetLeft,
+    top: position === null || position === void 0 ? void 0 : position.arrowOffsetTop
+  });
   const returnProps = {
     rendered,
     overlayProps: {
       style
     },
     placement: position.placement,
-    arrowProps: {
-      style: {
-        left: position.arrowOffsetLeft,
-        top: ((position === null || position === void 0 ? void 0 : position.arrowOffsetTop) || 0) + (APPROX_STATUSBAR_HEIGHT || 0)
-      }
-    },
+    arrowProps: arrowPropsWithStatusBarHeight,
     updatePosition
   };
-
   if (position.maxHeight !== undefined) {
     //@ts-ignore
     returnProps.overlayProps.style.maxHeight = position.maxHeight;
   }
-
   return returnProps;
 }
-
 function translateRTL(position) {
   if (isRTL()) {
     return position.replace('start', 'right').replace('end', 'left');
   }
-
   return position.replace('start', 'left').replace('end', 'right');
 }
-
 const calculatePosition = opts => {
   let {
     placement,
@@ -149,7 +156,6 @@ const calculatePosition = opts => {
   let containerOffsetWithBoundary = overlayNode;
   return calculatePositionInternal(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, shouldOverlapWithTrigger);
 };
-
 function calculatePositionInternal(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, shouldOverlapWithTrigger) {
   let placementInfo = parsePlacement(placementInput);
   let {
@@ -162,19 +168,18 @@ function calculatePositionInternal(placementInput, childOffset, overlaySize, scr
   let position = computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
   let normalizedOffset = offset;
   let space = getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
-
   if (flip && scrollSize[size] > space) {
     let flippedPlacementInfo = parsePlacement(`${FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
     let flippedPosition = computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
-    let flippedSpace = getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo); // If the available space for the flipped position is greater than the original available space, flip.
+    let flippedSpace = getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
 
+    // If the available space for the flipped position is greater than the original available space, flip.
     if (flippedSpace > space) {
       placementInfo = flippedPlacementInfo;
       position = flippedPosition;
       normalizedOffset = offset;
     }
   }
-
   let delta = getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding);
   position[crossAxis] += delta;
   let maxHeight = getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding);
@@ -184,11 +189,9 @@ function calculatePositionInternal(placementInput, childOffset, overlaySize, scr
   position[crossAxis] += delta;
   let arrowPosition = {};
   arrowPosition[crossAxis] = childOffset[crossAxis] - position[crossAxis] + childOffset[crossSize] / 2;
-
   if (shouldOverlapWithTrigger) {
     position[FLIPPED_DIRECTION[placementInfo.placement]] = position[FLIPPED_DIRECTION[placementInfo.placement]] - childOffset[size];
   }
-
   return {
     position,
     maxHeight,
@@ -197,15 +200,13 @@ function calculatePositionInternal(placementInput, childOffset, overlaySize, scr
     placement: placementInfo.placement
   };
 }
-
 function getDelta(axis, offset, size, containerDimensions, padding) {
   //@ts-ignore
-  let containerScroll = containerDimensions[axis]; //@ts-ignore
-
+  let containerScroll = containerDimensions[axis];
+  //@ts-ignore
   let containerHeight = containerDimensions[AXIS_SIZE[axis]];
   let startEdgeOffset = offset - padding - containerScroll;
   let endEdgeOffset = offset + padding - containerScroll + size;
-
   if (startEdgeOffset < 0) {
     return -startEdgeOffset;
   } else if (endEdgeOffset > containerHeight) {
@@ -214,17 +215,19 @@ function getDelta(axis, offset, size, containerDimensions, padding) {
     return 0;
   }
 }
-
 function getMaxHeight(position, boundaryDimensions, _containerOffsetWithBoundary, childOffset, _margins, _padding) {
-  return position.top != null ? // We want the distance between the top of the overlay to the bottom of the boundary
-  Math.max(0, boundaryDimensions.height - // this is the bottom of the boundary
+  return position.top != null ?
+  // We want the distance between the top of the overlay to the bottom of the boundary
+  Math.max(0, boundaryDimensions.height -
+  // this is the bottom of the boundary
   position.top // this is the top of the overlay
-  ) : // We want the distance between the top of the trigger to the top of the boundary
-  Math.max(0, childOffset.top - // this is the top of the trigger
+  ) :
+  // We want the distance between the top of the trigger to the top of the boundary
+  Math.max(0, childOffset.top -
+  // this is the top of the trigger
   0 // this is the top of the boundary
   );
 }
-
 function computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, _containerOffsetWithBoundary, _isContainerPositioned) {
   let {
     placement,
@@ -234,24 +237,25 @@ function computePosition(childOffset, boundaryDimensions, overlaySize, placement
     size,
     crossSize
   } = placementInfo;
-  let position = {}; //@ts-ignore
-
+  let position = {};
+  //@ts-ignore
   position[crossAxis] = childOffset[crossAxis];
-
   if (crossPlacement === 'center') {
     position[crossAxis] += (childOffset[crossSize] - overlaySize[crossSize]) / 2;
   } else if (crossPlacement !== crossAxis) {
     position[crossAxis] += childOffset[crossSize] - overlaySize[crossSize];
   }
+  position[crossAxis] += crossOffset;
 
-  position[crossAxis] += crossOffset; // this is button center position - the overlay size + half of the button to align bottom of overlay with button center
+  // this is button center position - the overlay size + half of the button to align bottom of overlay with button center
+  let minViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2 - overlaySize[crossSize];
+  // this is button position of center, aligns top of overlay with button center
+  let maxViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2;
 
-  let minViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2 - overlaySize[crossSize]; // this is button position of center, aligns top of overlay with button center
-
-  let maxViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2; // clamp it into the range of the min/max positions
-
-  position[crossAxis] = Math.min(Math.max(minViablePosition, position[crossAxis]), maxViablePosition); // Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one.
+  // clamp it into the range of the min/max positions
+  position[crossAxis] = Math.min(Math.max(minViablePosition, position[crossAxis]), maxViablePosition);
 
+  // Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one.
   if (placement === axis) {
     // If the container is positioned (non-static), then we use the container's actual
     // height, as `bottom` will be relative to this height.  But if the container is static,
@@ -262,24 +266,19 @@ function computePosition(childOffset, boundaryDimensions, overlaySize, placement
   } else {
     position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
   }
-
   return position;
 }
-
 function getAvailableSpace(boundaryDimensions, _containerOffsetWithBoundary, childOffset, _margins, padding, placementInfo) {
   let {
     placement,
     axis,
     size
   } = placementInfo;
-
   if (placement === axis) {
     return Math.max(0, childOffset[axis] - padding);
   }
-
   return Math.max(0, boundaryDimensions[size] - childOffset[axis] - childOffset[size] - padding);
 }
-
 const AXIS = {
   top: 'top',
   bottom: 'top',
@@ -301,20 +300,16 @@ const AXIS_SIZE = {
   left: 'width'
 };
 const PARSED_PLACEMENT_CACHE = {};
-
 function parsePlacement(input) {
   if (PARSED_PLACEMENT_CACHE[input]) {
     return PARSED_PLACEMENT_CACHE[input];
   }
-
   let [placement, crossPlacement] = input.split(' ');
   let axis = AXIS[placement] || 'right';
   let crossAxis = CROSS_AXIS[axis];
-
   if (!AXIS[crossPlacement]) {
     crossPlacement = 'center';
   }
-
   let size = AXIS_SIZE[axis];
   let crossSize = AXIS_SIZE[crossAxis];
   PARSED_PLACEMENT_CACHE[input] = {