react-aria 3.48.0 → 3.50.0

package/dist/private/utils/useValueEffect.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAWM,SAAS,0CAAkB,YAA2B;IAC3D,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,iGAAiG;IACjG,sDAAsD;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,SAAyC,CAAA,GAAA,aAAK,EAAuB;IAEzE,0EAA0E;IAC1E,yCAAyC;IACzC,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE;QACnB,IAAI,CAAC,OAAO,OAAO,EACjB;QAEF,uCAAuC;QACvC,IAAI,WAAW,OAAO,OAAO,CAAC,IAAI;QAElC,8CAA8C;QAC9C,IAAI,SAAS,IAAI,EAAE;YACjB,OAAO,OAAO,GAAG;YACjB;QACF;QAEA,iDAAiD;QACjD,8CAA8C;QAC9C,8DAA8D;QAC9D,IAAI,UAAU,OAAO,KAAK,SAAS,KAAK,EACtC,QAAQ,OAAO;aAEf,SAAS,SAAS,KAAK;IAE3B;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,UAAU,OAAO,GAAG;QACpB,uEAAuE;QACvE,IAAI,OAAO,OAAO,EAChB,QAAQ,OAAO;IAEnB;IAEA,IAAI,QAAQ,CAAA,GAAA,kBAAU,EAAE,CAAA;QACtB,OAAO,OAAO,GAAG,GAAG,UAAU,OAAO;QACrC,QAAQ,OAAO;IACjB,GAAG;QAAC;KAAQ;IAEZ,OAAO;QAAC;QAAO;KAAM;AACvB","sources":["packages/react-aria/src/utils/useValueEffect.ts"],"sourcesContent":["/*\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 {Dispatch, RefObject, useCallback, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>] {\n  let [value, setValue] = useState(defaultValue);\n  // Keep an up to date copy of value in a ref so we can access the current value in the generator.\n  // This allows us to maintain a stable queue function.\n  let currValue = useRef(value);\n  let effect: RefObject<Generator<S> | null> = useRef<Generator<S> | null>(null);\n\n  // Store the function in a ref so we can always access the current version\n  // which has the proper `value` in scope.\n  let nextRef = useRef(() => {\n    if (!effect.current) {\n      return;\n    }\n    // Run the generator to the next yield.\n    let newValue = effect.current.next();\n\n    // If the generator is done, reset the effect.\n    if (newValue.done) {\n      effect.current = null;\n      return;\n    }\n\n    // If the value is the same as the current value,\n    // then continue to the next yield. Otherwise,\n    // set the value in state and wait for the next layout effect.\n    if (currValue.current === newValue.value) {\n      nextRef.current();\n    } else {\n      setValue(newValue.value);\n    }\n  });\n\n  useLayoutEffect(() => {\n    currValue.current = value;\n    // If there is an effect currently running, continue to the next yield.\n    if (effect.current) {\n      nextRef.current();\n    }\n  });\n\n  let queue = useCallback(fn => {\n    effect.current = fn(currValue.current);\n    nextRef.current();\n  }, [nextRef]);\n\n  return [value, queue];\n}\n"],"names":[],"version":3,"file":"useValueEffect.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAWM,SAAS,0CAAkB,YAA2B;IAC3D,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,iGAAiG;IACjG,sDAAsD;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,SAAyC,CAAA,GAAA,aAAK,EAAuB;IAEzE,0EAA0E;IAC1E,yCAAyC;IACzC,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE;QACnB,IAAI,CAAC,OAAO,OAAO,EACjB;QAEF,uCAAuC;QACvC,IAAI,WAAW,OAAO,OAAO,CAAC,IAAI;QAElC,8CAA8C;QAC9C,IAAI,SAAS,IAAI,EAAE;YACjB,OAAO,OAAO,GAAG;YACjB;QACF;QAEA,iDAAiD;QACjD,8CAA8C;QAC9C,8DAA8D;QAC9D,IAAI,UAAU,OAAO,KAAK,SAAS,KAAK,EACtC,QAAQ,OAAO;aAEf,SAAS,SAAS,KAAK;IAE3B;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,UAAU,OAAO,GAAG;QACpB,uEAAuE;QACvE,IAAI,OAAO,OAAO,EAChB,QAAQ,OAAO;IAEnB;IAEA,IAAI,QAAQ,CAAA,GAAA,kBAAU,EACpB,CAAA;QACE,OAAO,OAAO,GAAG,GAAG,UAAU,OAAO;QACrC,QAAQ,OAAO;IACjB,GACA;QAAC;KAAQ;IAGX,OAAO;QAAC;QAAO;KAAM;AACvB","sources":["packages/react-aria/src/utils/useValueEffect.ts"],"sourcesContent":["/*\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 {Dispatch, RefObject, useCallback, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>] {\n  let [value, setValue] = useState(defaultValue);\n  // Keep an up to date copy of value in a ref so we can access the current value in the generator.\n  // This allows us to maintain a stable queue function.\n  let currValue = useRef(value);\n  let effect: RefObject<Generator<S> | null> = useRef<Generator<S> | null>(null);\n\n  // Store the function in a ref so we can always access the current version\n  // which has the proper `value` in scope.\n  let nextRef = useRef(() => {\n    if (!effect.current) {\n      return;\n    }\n    // Run the generator to the next yield.\n    let newValue = effect.current.next();\n\n    // If the generator is done, reset the effect.\n    if (newValue.done) {\n      effect.current = null;\n      return;\n    }\n\n    // If the value is the same as the current value,\n    // then continue to the next yield. Otherwise,\n    // set the value in state and wait for the next layout effect.\n    if (currValue.current === newValue.value) {\n      nextRef.current();\n    } else {\n      setValue(newValue.value);\n    }\n  });\n\n  useLayoutEffect(() => {\n    currValue.current = value;\n    // If there is an effect currently running, continue to the next yield.\n    if (effect.current) {\n      nextRef.current();\n    }\n  });\n\n  let queue = useCallback(\n    fn => {\n      effect.current = fn(currValue.current);\n      nextRef.current();\n    },\n    [nextRef]\n  );\n\n  return [value, queue];\n}\n"],"names":[],"version":3,"file":"useValueEffect.js.map"}

package/dist/private/utils/useValueEffect.mjs.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAWM,SAAS,0CAAkB,YAA2B;IAC3D,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,iGAAiG;IACjG,sDAAsD;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,SAAyC,CAAA,GAAA,aAAK,EAAuB;IAEzE,0EAA0E;IAC1E,yCAAyC;IACzC,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE;QACnB,IAAI,CAAC,OAAO,OAAO,EACjB;QAEF,uCAAuC;QACvC,IAAI,WAAW,OAAO,OAAO,CAAC,IAAI;QAElC,8CAA8C;QAC9C,IAAI,SAAS,IAAI,EAAE;YACjB,OAAO,OAAO,GAAG;YACjB;QACF;QAEA,iDAAiD;QACjD,8CAA8C;QAC9C,8DAA8D;QAC9D,IAAI,UAAU,OAAO,KAAK,SAAS,KAAK,EACtC,QAAQ,OAAO;aAEf,SAAS,SAAS,KAAK;IAE3B;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,UAAU,OAAO,GAAG;QACpB,uEAAuE;QACvE,IAAI,OAAO,OAAO,EAChB,QAAQ,OAAO;IAEnB;IAEA,IAAI,QAAQ,CAAA,GAAA,kBAAU,EAAE,CAAA;QACtB,OAAO,OAAO,GAAG,GAAG,UAAU,OAAO;QACrC,QAAQ,OAAO;IACjB,GAAG;QAAC;KAAQ;IAEZ,OAAO;QAAC;QAAO;KAAM;AACvB","sources":["packages/react-aria/src/utils/useValueEffect.ts"],"sourcesContent":["/*\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 {Dispatch, RefObject, useCallback, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>] {\n  let [value, setValue] = useState(defaultValue);\n  // Keep an up to date copy of value in a ref so we can access the current value in the generator.\n  // This allows us to maintain a stable queue function.\n  let currValue = useRef(value);\n  let effect: RefObject<Generator<S> | null> = useRef<Generator<S> | null>(null);\n\n  // Store the function in a ref so we can always access the current version\n  // which has the proper `value` in scope.\n  let nextRef = useRef(() => {\n    if (!effect.current) {\n      return;\n    }\n    // Run the generator to the next yield.\n    let newValue = effect.current.next();\n\n    // If the generator is done, reset the effect.\n    if (newValue.done) {\n      effect.current = null;\n      return;\n    }\n\n    // If the value is the same as the current value,\n    // then continue to the next yield. Otherwise,\n    // set the value in state and wait for the next layout effect.\n    if (currValue.current === newValue.value) {\n      nextRef.current();\n    } else {\n      setValue(newValue.value);\n    }\n  });\n\n  useLayoutEffect(() => {\n    currValue.current = value;\n    // If there is an effect currently running, continue to the next yield.\n    if (effect.current) {\n      nextRef.current();\n    }\n  });\n\n  let queue = useCallback(fn => {\n    effect.current = fn(currValue.current);\n    nextRef.current();\n  }, [nextRef]);\n\n  return [value, queue];\n}\n"],"names":[],"version":3,"file":"useValueEffect.mjs.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAWM,SAAS,0CAAkB,YAA2B;IAC3D,IAAI,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAE;IACjC,iGAAiG;IACjG,sDAAsD;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,SAAyC,CAAA,GAAA,aAAK,EAAuB;IAEzE,0EAA0E;IAC1E,yCAAyC;IACzC,IAAI,UAAU,CAAA,GAAA,aAAK,EAAE;QACnB,IAAI,CAAC,OAAO,OAAO,EACjB;QAEF,uCAAuC;QACvC,IAAI,WAAW,OAAO,OAAO,CAAC,IAAI;QAElC,8CAA8C;QAC9C,IAAI,SAAS,IAAI,EAAE;YACjB,OAAO,OAAO,GAAG;YACjB;QACF;QAEA,iDAAiD;QACjD,8CAA8C;QAC9C,8DAA8D;QAC9D,IAAI,UAAU,OAAO,KAAK,SAAS,KAAK,EACtC,QAAQ,OAAO;aAEf,SAAS,SAAS,KAAK;IAE3B;IAEA,CAAA,GAAA,yCAAc,EAAE;QACd,UAAU,OAAO,GAAG;QACpB,uEAAuE;QACvE,IAAI,OAAO,OAAO,EAChB,QAAQ,OAAO;IAEnB;IAEA,IAAI,QAAQ,CAAA,GAAA,kBAAU,EACpB,CAAA;QACE,OAAO,OAAO,GAAG,GAAG,UAAU,OAAO;QACrC,QAAQ,OAAO;IACjB,GACA;QAAC;KAAQ;IAGX,OAAO;QAAC;QAAO;KAAM;AACvB","sources":["packages/react-aria/src/utils/useValueEffect.ts"],"sourcesContent":["/*\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 {Dispatch, RefObject, useCallback, useRef, useState} from 'react';\nimport {useLayoutEffect} from './useLayoutEffect';\n\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>] {\n  let [value, setValue] = useState(defaultValue);\n  // Keep an up to date copy of value in a ref so we can access the current value in the generator.\n  // This allows us to maintain a stable queue function.\n  let currValue = useRef(value);\n  let effect: RefObject<Generator<S> | null> = useRef<Generator<S> | null>(null);\n\n  // Store the function in a ref so we can always access the current version\n  // which has the proper `value` in scope.\n  let nextRef = useRef(() => {\n    if (!effect.current) {\n      return;\n    }\n    // Run the generator to the next yield.\n    let newValue = effect.current.next();\n\n    // If the generator is done, reset the effect.\n    if (newValue.done) {\n      effect.current = null;\n      return;\n    }\n\n    // If the value is the same as the current value,\n    // then continue to the next yield. Otherwise,\n    // set the value in state and wait for the next layout effect.\n    if (currValue.current === newValue.value) {\n      nextRef.current();\n    } else {\n      setValue(newValue.value);\n    }\n  });\n\n  useLayoutEffect(() => {\n    currValue.current = value;\n    // If there is an effect currently running, continue to the next yield.\n    if (effect.current) {\n      nextRef.current();\n    }\n  });\n\n  let queue = useCallback(\n    fn => {\n      effect.current = fn(currValue.current);\n      nextRef.current();\n    },\n    [nextRef]\n  );\n\n  return [value, queue];\n}\n"],"names":[],"version":3,"file":"useValueEffect.mjs.map"}

package/dist/private/utils/useViewportSize.cjs

@@ -77,7 +77,9 @@ function $d081a18ad0be17db$export$d699905dd57c73ca() {
  */ function $d081a18ad0be17db$var$getViewportSize() {
     return {
         // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-        width: $d081a18ad0be17db$var$visualViewport ? Math.min($d081a18ad0be17db$var$visualViewport.width * $d081a18ad0be17db$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
+        width: $d081a18ad0be17db$var$visualViewport ? // the visual viewport and the document element to ensure that the scrollbar width is always excluded.
+        // See: https://github.com/w3c/csswg-drafts/issues/8099
+        Math.min($d081a18ad0be17db$var$visualViewport.width * $d081a18ad0be17db$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
         height: $d081a18ad0be17db$var$visualViewport ? $d081a18ad0be17db$var$visualViewport.height * $d081a18ad0be17db$var$visualViewport.scale : document.documentElement.clientHeight
     };
 }

package/dist/private/utils/useViewportSize.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,kCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE,IAAM,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAErE,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,0CAAe,EAAE,CAAA,GAAA,wCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,0CAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,0CAAe,EAAE,gBACtC,WAAW;oBAAC,OAAO,SAAS,eAAe,CAAC,WAAW;oBAAE,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAAA;YAE1G;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAIH,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number,\n  height: number\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => isSSR ? {width: 0, height: 0} : getViewportSize());\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({width: document.documentElement.clientWidth, height: document.documentElement.clientHeight});\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n      // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n      // See: https://github.com/w3c/csswg-drafts/issues/8099\n      ? Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.cjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,kCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,0CAAe,EAAE,CAAA,GAAA,wCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,0CAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,0CAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,+BAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.cjs.map"}

package/dist/private/utils/useViewportSize.js

@@ -71,7 +71,9 @@ function $20135633306fcf19$export$d699905dd57c73ca() {
  */ function $20135633306fcf19$var$getViewportSize() {
     return {
         // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-        width: $20135633306fcf19$var$visualViewport ? Math.min($20135633306fcf19$var$visualViewport.width * $20135633306fcf19$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
+        width: $20135633306fcf19$var$visualViewport ? // the visual viewport and the document element to ensure that the scrollbar width is always excluded.
+        // See: https://github.com/w3c/csswg-drafts/issues/8099
+        Math.min($20135633306fcf19$var$visualViewport.width * $20135633306fcf19$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
         height: $20135633306fcf19$var$visualViewport ? $20135633306fcf19$var$visualViewport.height * $20135633306fcf19$var$visualViewport.scale : document.documentElement.clientHeight
     };
 }

package/dist/private/utils/useViewportSize.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAM,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAErE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBAAC,OAAO,SAAS,eAAe,CAAC,WAAW;oBAAE,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAAA;YAE1G;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAIH,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number,\n  height: number\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => isSSR ? {width: 0, height: 0} : getViewportSize());\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({width: document.documentElement.clientWidth, height: document.documentElement.clientHeight});\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n      // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n      // See: https://github.com/w3c/csswg-drafts/issues/8099\n      ? Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.js.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.js.map"}

package/dist/private/utils/useViewportSize.mjs

@@ -71,7 +71,9 @@ function $6066a2c586ade9e1$export$d699905dd57c73ca() {
  */ function $6066a2c586ade9e1$var$getViewportSize() {
     return {
         // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
-        width: $6066a2c586ade9e1$var$visualViewport ? Math.min($6066a2c586ade9e1$var$visualViewport.width * $6066a2c586ade9e1$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
+        width: $6066a2c586ade9e1$var$visualViewport ? // the visual viewport and the document element to ensure that the scrollbar width is always excluded.
+        // See: https://github.com/w3c/csswg-drafts/issues/8099
+        Math.min($6066a2c586ade9e1$var$visualViewport.width * $6066a2c586ade9e1$var$visualViewport.scale, document.documentElement.clientWidth) : document.documentElement.clientWidth,
         height: $6066a2c586ade9e1$var$visualViewport ? $6066a2c586ade9e1$var$visualViewport.height * $6066a2c586ade9e1$var$visualViewport.scale : document.documentElement.clientHeight
     };
 }

package/dist/private/utils/useViewportSize.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAM,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAErE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBAAC,OAAO,SAAS,eAAe,CAAC,WAAW;oBAAE,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAAA;YAE1G;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAIH,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number,\n  height: number\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => isSSR ? {width: 0, height: 0} : getViewportSize());\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({width: document.documentElement.clientWidth, height: document.documentElement.clientHeight});\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n      // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n      // See: https://github.com/w3c/csswg-drafts/issues/8099\n      ? Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaD,IAAI,uCAAiB,OAAO,aAAa,eAAe,OAAO,cAAc;AAEtE,SAAS;IACd,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,IAAO,QAAQ;YAAC,OAAO;YAAG,QAAQ;QAAC,IAAI;IAEtE,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,CAAC;YAChB,QAAQ,CAAA;gBACN,IAAI,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,QAAQ,MAAM,KAAK,KAAK,MAAM,EAChE,OAAO;gBAET,OAAO;YACT;QACF;QAEA,wFAAwF;QACxF,IAAI,WAAW;YACb,8BAA8B;YAC9B,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,WAAW;QACb;QAEA,iHAAiH;QACjH,gGAAgG;QAChG,IAAI;QACJ,IAAI,SAAS,CAAC;YACZ,IAAI,wCAAkB,qCAAe,KAAK,GAAG,GAC3C;YAGF,IAAI,CAAA,GAAA,yCAAe,EAAE,CAAA,GAAA,yCAAa,EAAE,KAClC,uDAAuD;YACvD,QAAQ,sBAAsB;gBAC5B,IAAI,gBAAgB,CAAA,GAAA,yCAAe;gBACnC,IAAI,CAAC,iBAAiB,CAAC,CAAA,GAAA,yCAAe,EAAE,gBACtC,WAAW;oBACT,OAAO,SAAS,eAAe,CAAC,WAAW;oBAC3C,QAAQ,SAAS,eAAe,CAAC,YAAY;gBAC/C;YAEJ;QAEJ;QAEA,WAAW;QAEX,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,gBAAgB,CAAC,QAAQ,QAAQ;QAG1C,IAAI,CAAC,sCACH,OAAO,gBAAgB,CAAC,UAAU;aAElC,qCAAe,gBAAgB,CAAC,UAAU;QAG5C,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAA,GAAA,yCAAI,KACN,OAAO,mBAAmB,CAAC,QAAQ,QAAQ;YAE7C,IAAI,CAAC,sCACH,OAAO,mBAAmB,CAAC,UAAU;iBAErC,qCAAe,mBAAmB,CAAC,UAAU;QAEjD;IACF,GAAG,EAAE;IAEL,OAAO;AACT;AAEA;;CAEC,GACD,SAAS;IACP,OAAO;QACL,+FAA+F;QAC/F,OAAO,uCAEH,sGAAsG;QACtG,uDAAuD;QACvD,KAAK,GAAG,CAAC,qCAAe,KAAK,GAAG,qCAAe,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,IAC1F,SAAS,eAAe,CAAC,WAAW;QACxC,QAAQ,uCACJ,qCAAe,MAAM,GAAG,qCAAe,KAAK,GAC5C,SAAS,eAAe,CAAC,YAAY;IAC3C;AACF","sources":["packages/react-aria/src/utils/useViewportSize.ts"],"sourcesContent":["/*\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 {getActiveElement, getEventTarget} from './shadowdom/DOMFunctions';\nimport {isIOS} from './platform';\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {willOpenKeyboard} from './keyboard';\n\ninterface ViewportSize {\n  width: number;\n  height: number;\n}\n\nlet visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function useViewportSize(): ViewportSize {\n  let isSSR = useIsSSR();\n  let [size, setSize] = useState(() => (isSSR ? {width: 0, height: 0} : getViewportSize()));\n\n  useEffect(() => {\n    let updateSize = (newSize: ViewportSize) => {\n      setSize(size => {\n        if (newSize.width === size.width && newSize.height === size.height) {\n          return size;\n        }\n        return newSize;\n      });\n    };\n\n    // Use visualViewport api to track available height even on iOS virtual keyboard opening\n    let onResize = () => {\n      // Ignore updates when zoomed.\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      updateSize(getViewportSize());\n    };\n\n    // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.\n    // We can anticipate this and resize early by handling the blur event and using the layout size.\n    let frame: number;\n    let onBlur = (e: FocusEvent) => {\n      if (visualViewport && visualViewport.scale > 1) {\n        return;\n      }\n\n      if (willOpenKeyboard(getEventTarget(e) as Element)) {\n        // Wait one frame to see if a new element gets focused.\n        frame = requestAnimationFrame(() => {\n          let activeElement = getActiveElement();\n          if (!activeElement || !willOpenKeyboard(activeElement)) {\n            updateSize({\n              width: document.documentElement.clientWidth,\n              height: document.documentElement.clientHeight\n            });\n          }\n        });\n      }\n    };\n\n    updateSize(getViewportSize());\n\n    if (isIOS()) {\n      window.addEventListener('blur', onBlur, true);\n    }\n\n    if (!visualViewport) {\n      window.addEventListener('resize', onResize);\n    } else {\n      visualViewport.addEventListener('resize', onResize);\n    }\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (isIOS()) {\n        window.removeEventListener('blur', onBlur, true);\n      }\n      if (!visualViewport) {\n        window.removeEventListener('resize', onResize);\n      } else {\n        visualViewport.removeEventListener('resize', onResize);\n      }\n    };\n  }, []);\n\n  return size;\n}\n\n/**\n * Get the viewport size without the scrollbar.\n */\nfunction getViewportSize(): ViewportSize {\n  return {\n    // Multiply by the visualViewport scale to get the \"natural\" size, unaffected by pinch zooming.\n    width: visualViewport\n      ? // The visual viewport width may include the scrollbar gutter. We should use the minimum width between\n        // the visual viewport and the document element to ensure that the scrollbar width is always excluded.\n        // See: https://github.com/w3c/csswg-drafts/issues/8099\n        Math.min(visualViewport.width * visualViewport.scale, document.documentElement.clientWidth)\n      : document.documentElement.clientWidth,\n    height: visualViewport\n      ? visualViewport.height * visualViewport.scale\n      : document.documentElement.clientHeight\n  };\n}\n"],"names":[],"version":3,"file":"useViewportSize.mjs.map"}

package/dist/private/virtualizer/ScrollView.cjs

@@ -225,8 +225,8 @@ function $c3885d691318bb9e$export$2ea0c4974da4731b(props, ref) {
             // to mock timers in tests. In this case, the update is synchronous already.
             // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
             // https://github.com/reactwg/react-18/discussions/102
-            // @ts-ignore
-            if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
+            if (// @ts-ignore
+            typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
                 // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs
                 // due to strict mode.
                 setUpdate({});

package/dist/private/virtualizer/ScrollView.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size,\n  onVisibleRectChange: (rect: Rect) => void,\n  onSizeChange?: (size: Size) => void,\n  children?: ReactNode,\n  innerStyle?: CSSProperties,\n  onScrollStart?: () => void,\n  onScrollEnd?: () => void,\n  scrollDirection?: 'horizontal' | 'vertical' | 'both',\n  onScroll?: (e: Event) => void,\n  allowsWindowScrolling?: boolean\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>\n        {props.children}\n      </div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef:\n  React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement | null>> =\nReact.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean,\n  scrollViewProps: HTMLAttributes<HTMLElement>,\n  contentProps: HTMLAttributes<HTMLElement>\n}\n\nexport function useScrollView(props: ScrollViewProps, ref: RefObject<HTMLElement | null>): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n        state.viewportOffset.x + state.scrollPosition.x,\n        state.viewportOffset.y + state.scrollPosition.y,\n        Math.max(0, Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)),\n        Math.max(0, Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height))\n      )\n      : new Rect(state.scrollPosition.x, state.scrollPosition.y, state.size.width, state.size.height);\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback((e: Event) => {\n    let target = getEventTarget(e) as Element;\n    if (!nodeContains(target, ref.current!)) {\n      return;\n    }\n\n    if (onScrollProp && target === ref.current) {\n      onScrollProp(e);\n    }\n\n    if (target !== ref.current) {\n      // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n      let boundingRect = ref.current!.getBoundingClientRect();\n      let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n      let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n      if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n        return;\n      }\n\n      state.viewportOffset = new Point(x, y);\n    } else {\n      // The scroll view itself was scrolled. Update the local scroll position.\n      // Prevent rubber band scrolling from shaking when scrolling out of bounds\n      let scrollTop = target.scrollTop;\n      let scrollLeft = getScrollLeft(target, direction);\n      state.scrollPosition = new Point(\n        Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n        Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n      );\n    }\n\n    flushSync(() => {\n      updateVisibleRect();\n\n      if (!state.isScrolling) {\n        state.isScrolling = true;\n        setScrolling(true);\n\n        // Pause typekit MutationObserver during scrolling.\n        window.dispatchEvent(new Event('tk.disconnect-observer'));\n        if (onScrollStart) {\n          onScrollStart();\n        }\n      }\n\n      // So we don't constantly call clearTimeout and setTimeout,\n      // keep track of the current timeout time and only reschedule\n      // the timer when it is getting close.\n      let now = Date.now();\n      if (state.scrollEndTime <= now + 50) {\n        state.scrollEndTime = now + 300;\n\n        if (state.scrollTimeout != null) {\n          clearTimeout(state.scrollTimeout);\n        }\n\n        state.scrollTimeout = setTimeout(() => {\n          state.isScrolling = false;\n          setScrolling(false);\n          state.scrollTimeout = null;\n\n          window.dispatchEvent(new Event('tk.connect-observer'));\n          if (onScrollEnd) {\n            onScrollEnd();\n          }\n        }, 300);\n      }\n    });\n  }, [onScrollProp, ref, direction, state, contentSize, updateVisibleRect, onScrollStart, onScrollEnd]);\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback((flush: typeof flushSync) => {\n    let dom = ref.current;\n    if (!dom || isUpdatingSize.current) {\n      return;\n    }\n\n    // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n    // content size update, causing below layout effect to fire. This avoids infinite loops.\n    isUpdatingSize.current = true;\n\n    let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n    let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientWidth');\n    let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientHeight');\n    let clientWidth = dom.clientWidth;\n    let clientHeight = dom.clientHeight;\n    let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n    let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n    // Update the window viewport size.\n    let viewportWidth = window.innerWidth;\n    let viewportHeight = window.innerHeight;\n    let viewportSizeChanged = state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n    if (viewportSizeChanged) {\n      state.viewportSize = new Size(viewportWidth, viewportHeight);\n    }\n\n    if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n      state.size = new Size(w, h);\n      flush(() => {\n        updateVisibleRect();\n        onSizeChange?.(state.size);\n      });\n\n      // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n      // a result of the layout update. In this case, re-layout again to account for the\n      // adjusted space. In very specific cases this might result in the scrollbars disappearing\n      // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n      // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n      if (!isTestEnv && clientWidth !== dom.clientWidth || clientHeight !== dom.clientHeight) {\n        state.size = new Size(dom.clientWidth, dom.clientHeight);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n      }\n    }\n\n    isUpdatingSize.current = false;\n  }, [ref, state, updateVisibleRect, onSizeChange]);\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!isUpdatingSize.current && (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      // @ts-ignore\n      if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size;\n  onVisibleRectChange: (rect: Rect) => void;\n  onSizeChange?: (size: Size) => void;\n  children?: ReactNode;\n  innerStyle?: CSSProperties;\n  onScrollStart?: () => void;\n  onScrollEnd?: () => void;\n  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n  onScroll?: (e: Event) => void;\n  allowsWindowScrolling?: boolean;\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>{props.children}</div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef: React.ForwardRefExoticComponent<\n  ScrollViewProps & React.RefAttributes<HTMLDivElement | null>\n> = React.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean;\n  scrollViewProps: HTMLAttributes<HTMLElement>;\n  contentProps: HTMLAttributes<HTMLElement>;\n}\n\nexport function useScrollView(\n  props: ScrollViewProps,\n  ref: RefObject<HTMLElement | null>\n): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n          state.viewportOffset.x + state.scrollPosition.x,\n          state.viewportOffset.y + state.scrollPosition.y,\n          Math.max(\n            0,\n            Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)\n          ),\n          Math.max(\n            0,\n            Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height)\n          )\n        )\n      : new Rect(\n          state.scrollPosition.x,\n          state.scrollPosition.y,\n          state.size.width,\n          state.size.height\n        );\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback(\n    (e: Event) => {\n      let target = getEventTarget(e) as Element;\n      if (!nodeContains(target, ref.current!)) {\n        return;\n      }\n\n      if (onScrollProp && target === ref.current) {\n        onScrollProp(e);\n      }\n\n      if (target !== ref.current) {\n        // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n        let boundingRect = ref.current!.getBoundingClientRect();\n        let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n        let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n        if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n          return;\n        }\n\n        state.viewportOffset = new Point(x, y);\n      } else {\n        // The scroll view itself was scrolled. Update the local scroll position.\n        // Prevent rubber band scrolling from shaking when scrolling out of bounds\n        let scrollTop = target.scrollTop;\n        let scrollLeft = getScrollLeft(target, direction);\n        state.scrollPosition = new Point(\n          Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n          Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n        );\n      }\n\n      flushSync(() => {\n        updateVisibleRect();\n\n        if (!state.isScrolling) {\n          state.isScrolling = true;\n          setScrolling(true);\n\n          // Pause typekit MutationObserver during scrolling.\n          window.dispatchEvent(new Event('tk.disconnect-observer'));\n          if (onScrollStart) {\n            onScrollStart();\n          }\n        }\n\n        // So we don't constantly call clearTimeout and setTimeout,\n        // keep track of the current timeout time and only reschedule\n        // the timer when it is getting close.\n        let now = Date.now();\n        if (state.scrollEndTime <= now + 50) {\n          state.scrollEndTime = now + 300;\n\n          if (state.scrollTimeout != null) {\n            clearTimeout(state.scrollTimeout);\n          }\n\n          state.scrollTimeout = setTimeout(() => {\n            state.isScrolling = false;\n            setScrolling(false);\n            state.scrollTimeout = null;\n\n            window.dispatchEvent(new Event('tk.connect-observer'));\n            if (onScrollEnd) {\n              onScrollEnd();\n            }\n          }, 300);\n        }\n      });\n    },\n    [\n      onScrollProp,\n      ref,\n      direction,\n      state,\n      contentSize,\n      updateVisibleRect,\n      onScrollStart,\n      onScrollEnd\n    ]\n  );\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback(\n    (flush: typeof flushSync) => {\n      let dom = ref.current;\n      if (!dom || isUpdatingSize.current) {\n        return;\n      }\n\n      // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n      // content size update, causing below layout effect to fire. This avoids infinite loops.\n      isUpdatingSize.current = true;\n\n      let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n      let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientWidth'\n      );\n      let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientHeight'\n      );\n      let clientWidth = dom.clientWidth;\n      let clientHeight = dom.clientHeight;\n      let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n      let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n      // Update the window viewport size.\n      let viewportWidth = window.innerWidth;\n      let viewportHeight = window.innerHeight;\n      let viewportSizeChanged =\n        state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n      if (viewportSizeChanged) {\n        state.viewportSize = new Size(viewportWidth, viewportHeight);\n      }\n\n      if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n        state.size = new Size(w, h);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n\n        // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n        // a result of the layout update. In this case, re-layout again to account for the\n        // adjusted space. In very specific cases this might result in the scrollbars disappearing\n        // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n        // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n        if ((!isTestEnv && clientWidth !== dom.clientWidth) || clientHeight !== dom.clientHeight) {\n          state.size = new Size(dom.clientWidth, dom.clientHeight);\n          flush(() => {\n            updateVisibleRect();\n            onSizeChange?.(state.size);\n          });\n        }\n      }\n\n      isUpdatingSize.current = false;\n    },\n    [ref, state, updateVisibleRect, onSizeChange]\n  );\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (\n      !isUpdatingSize.current &&\n      (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))\n    ) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      if (\n        // @ts-ignore\n        typeof IS_REACT_ACT_ENVIRONMENT === 'boolean'\n          ? // @ts-ignore\n            IS_REACT_ACT_ENVIRONMENT\n          : typeof jest !== 'undefined'\n      ) {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.cjs.map"}

package/dist/private/virtualizer/ScrollView.js

@@ -214,8 +214,8 @@ function $71fb8ab235f68c9a$export$2ea0c4974da4731b(props, ref) {
             // to mock timers in tests. In this case, the update is synchronous already.
             // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
             // https://github.com/reactwg/react-18/discussions/102
-            // @ts-ignore
-            if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
+            if (// @ts-ignore
+            typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
                 // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs
                 // due to strict mode.
                 setUpdate({});

package/dist/private/virtualizer/ScrollView.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size,\n  onVisibleRectChange: (rect: Rect) => void,\n  onSizeChange?: (size: Size) => void,\n  children?: ReactNode,\n  innerStyle?: CSSProperties,\n  onScrollStart?: () => void,\n  onScrollEnd?: () => void,\n  scrollDirection?: 'horizontal' | 'vertical' | 'both',\n  onScroll?: (e: Event) => void,\n  allowsWindowScrolling?: boolean\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>\n        {props.children}\n      </div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef:\n  React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement | null>> =\nReact.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean,\n  scrollViewProps: HTMLAttributes<HTMLElement>,\n  contentProps: HTMLAttributes<HTMLElement>\n}\n\nexport function useScrollView(props: ScrollViewProps, ref: RefObject<HTMLElement | null>): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n        state.viewportOffset.x + state.scrollPosition.x,\n        state.viewportOffset.y + state.scrollPosition.y,\n        Math.max(0, Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)),\n        Math.max(0, Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height))\n      )\n      : new Rect(state.scrollPosition.x, state.scrollPosition.y, state.size.width, state.size.height);\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback((e: Event) => {\n    let target = getEventTarget(e) as Element;\n    if (!nodeContains(target, ref.current!)) {\n      return;\n    }\n\n    if (onScrollProp && target === ref.current) {\n      onScrollProp(e);\n    }\n\n    if (target !== ref.current) {\n      // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n      let boundingRect = ref.current!.getBoundingClientRect();\n      let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n      let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n      if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n        return;\n      }\n\n      state.viewportOffset = new Point(x, y);\n    } else {\n      // The scroll view itself was scrolled. Update the local scroll position.\n      // Prevent rubber band scrolling from shaking when scrolling out of bounds\n      let scrollTop = target.scrollTop;\n      let scrollLeft = getScrollLeft(target, direction);\n      state.scrollPosition = new Point(\n        Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n        Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n      );\n    }\n\n    flushSync(() => {\n      updateVisibleRect();\n\n      if (!state.isScrolling) {\n        state.isScrolling = true;\n        setScrolling(true);\n\n        // Pause typekit MutationObserver during scrolling.\n        window.dispatchEvent(new Event('tk.disconnect-observer'));\n        if (onScrollStart) {\n          onScrollStart();\n        }\n      }\n\n      // So we don't constantly call clearTimeout and setTimeout,\n      // keep track of the current timeout time and only reschedule\n      // the timer when it is getting close.\n      let now = Date.now();\n      if (state.scrollEndTime <= now + 50) {\n        state.scrollEndTime = now + 300;\n\n        if (state.scrollTimeout != null) {\n          clearTimeout(state.scrollTimeout);\n        }\n\n        state.scrollTimeout = setTimeout(() => {\n          state.isScrolling = false;\n          setScrolling(false);\n          state.scrollTimeout = null;\n\n          window.dispatchEvent(new Event('tk.connect-observer'));\n          if (onScrollEnd) {\n            onScrollEnd();\n          }\n        }, 300);\n      }\n    });\n  }, [onScrollProp, ref, direction, state, contentSize, updateVisibleRect, onScrollStart, onScrollEnd]);\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback((flush: typeof flushSync) => {\n    let dom = ref.current;\n    if (!dom || isUpdatingSize.current) {\n      return;\n    }\n\n    // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n    // content size update, causing below layout effect to fire. This avoids infinite loops.\n    isUpdatingSize.current = true;\n\n    let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n    let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientWidth');\n    let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientHeight');\n    let clientWidth = dom.clientWidth;\n    let clientHeight = dom.clientHeight;\n    let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n    let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n    // Update the window viewport size.\n    let viewportWidth = window.innerWidth;\n    let viewportHeight = window.innerHeight;\n    let viewportSizeChanged = state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n    if (viewportSizeChanged) {\n      state.viewportSize = new Size(viewportWidth, viewportHeight);\n    }\n\n    if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n      state.size = new Size(w, h);\n      flush(() => {\n        updateVisibleRect();\n        onSizeChange?.(state.size);\n      });\n\n      // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n      // a result of the layout update. In this case, re-layout again to account for the\n      // adjusted space. In very specific cases this might result in the scrollbars disappearing\n      // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n      // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n      if (!isTestEnv && clientWidth !== dom.clientWidth || clientHeight !== dom.clientHeight) {\n        state.size = new Size(dom.clientWidth, dom.clientHeight);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n      }\n    }\n\n    isUpdatingSize.current = false;\n  }, [ref, state, updateVisibleRect, onSizeChange]);\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!isUpdatingSize.current && (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      // @ts-ignore\n      if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size;\n  onVisibleRectChange: (rect: Rect) => void;\n  onSizeChange?: (size: Size) => void;\n  children?: ReactNode;\n  innerStyle?: CSSProperties;\n  onScrollStart?: () => void;\n  onScrollEnd?: () => void;\n  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n  onScroll?: (e: Event) => void;\n  allowsWindowScrolling?: boolean;\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>{props.children}</div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef: React.ForwardRefExoticComponent<\n  ScrollViewProps & React.RefAttributes<HTMLDivElement | null>\n> = React.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean;\n  scrollViewProps: HTMLAttributes<HTMLElement>;\n  contentProps: HTMLAttributes<HTMLElement>;\n}\n\nexport function useScrollView(\n  props: ScrollViewProps,\n  ref: RefObject<HTMLElement | null>\n): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n          state.viewportOffset.x + state.scrollPosition.x,\n          state.viewportOffset.y + state.scrollPosition.y,\n          Math.max(\n            0,\n            Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)\n          ),\n          Math.max(\n            0,\n            Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height)\n          )\n        )\n      : new Rect(\n          state.scrollPosition.x,\n          state.scrollPosition.y,\n          state.size.width,\n          state.size.height\n        );\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback(\n    (e: Event) => {\n      let target = getEventTarget(e) as Element;\n      if (!nodeContains(target, ref.current!)) {\n        return;\n      }\n\n      if (onScrollProp && target === ref.current) {\n        onScrollProp(e);\n      }\n\n      if (target !== ref.current) {\n        // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n        let boundingRect = ref.current!.getBoundingClientRect();\n        let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n        let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n        if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n          return;\n        }\n\n        state.viewportOffset = new Point(x, y);\n      } else {\n        // The scroll view itself was scrolled. Update the local scroll position.\n        // Prevent rubber band scrolling from shaking when scrolling out of bounds\n        let scrollTop = target.scrollTop;\n        let scrollLeft = getScrollLeft(target, direction);\n        state.scrollPosition = new Point(\n          Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n          Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n        );\n      }\n\n      flushSync(() => {\n        updateVisibleRect();\n\n        if (!state.isScrolling) {\n          state.isScrolling = true;\n          setScrolling(true);\n\n          // Pause typekit MutationObserver during scrolling.\n          window.dispatchEvent(new Event('tk.disconnect-observer'));\n          if (onScrollStart) {\n            onScrollStart();\n          }\n        }\n\n        // So we don't constantly call clearTimeout and setTimeout,\n        // keep track of the current timeout time and only reschedule\n        // the timer when it is getting close.\n        let now = Date.now();\n        if (state.scrollEndTime <= now + 50) {\n          state.scrollEndTime = now + 300;\n\n          if (state.scrollTimeout != null) {\n            clearTimeout(state.scrollTimeout);\n          }\n\n          state.scrollTimeout = setTimeout(() => {\n            state.isScrolling = false;\n            setScrolling(false);\n            state.scrollTimeout = null;\n\n            window.dispatchEvent(new Event('tk.connect-observer'));\n            if (onScrollEnd) {\n              onScrollEnd();\n            }\n          }, 300);\n        }\n      });\n    },\n    [\n      onScrollProp,\n      ref,\n      direction,\n      state,\n      contentSize,\n      updateVisibleRect,\n      onScrollStart,\n      onScrollEnd\n    ]\n  );\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback(\n    (flush: typeof flushSync) => {\n      let dom = ref.current;\n      if (!dom || isUpdatingSize.current) {\n        return;\n      }\n\n      // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n      // content size update, causing below layout effect to fire. This avoids infinite loops.\n      isUpdatingSize.current = true;\n\n      let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n      let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientWidth'\n      );\n      let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientHeight'\n      );\n      let clientWidth = dom.clientWidth;\n      let clientHeight = dom.clientHeight;\n      let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n      let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n      // Update the window viewport size.\n      let viewportWidth = window.innerWidth;\n      let viewportHeight = window.innerHeight;\n      let viewportSizeChanged =\n        state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n      if (viewportSizeChanged) {\n        state.viewportSize = new Size(viewportWidth, viewportHeight);\n      }\n\n      if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n        state.size = new Size(w, h);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n\n        // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n        // a result of the layout update. In this case, re-layout again to account for the\n        // adjusted space. In very specific cases this might result in the scrollbars disappearing\n        // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n        // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n        if ((!isTestEnv && clientWidth !== dom.clientWidth) || clientHeight !== dom.clientHeight) {\n          state.size = new Size(dom.clientWidth, dom.clientHeight);\n          flush(() => {\n            updateVisibleRect();\n            onSizeChange?.(state.size);\n          });\n        }\n      }\n\n      isUpdatingSize.current = false;\n    },\n    [ref, state, updateVisibleRect, onSizeChange]\n  );\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (\n      !isUpdatingSize.current &&\n      (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))\n    ) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      if (\n        // @ts-ignore\n        typeof IS_REACT_ACT_ENVIRONMENT === 'boolean'\n          ? // @ts-ignore\n            IS_REACT_ACT_ENVIRONMENT\n          : typeof jest !== 'undefined'\n      ) {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.js.map"}

package/dist/private/virtualizer/ScrollView.mjs

@@ -214,8 +214,8 @@ function $d83ca946696b1300$export$2ea0c4974da4731b(props, ref) {
             // to mock timers in tests. In this case, the update is synchronous already.
             // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
             // https://github.com/reactwg/react-18/discussions/102
-            // @ts-ignore
-            if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
+            if (// @ts-ignore
+            typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {
                 // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs
                 // due to strict mode.
                 setUpdate({});

package/dist/private/virtualizer/ScrollView.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size,\n  onVisibleRectChange: (rect: Rect) => void,\n  onSizeChange?: (size: Size) => void,\n  children?: ReactNode,\n  innerStyle?: CSSProperties,\n  onScrollStart?: () => void,\n  onScrollEnd?: () => void,\n  scrollDirection?: 'horizontal' | 'vertical' | 'both',\n  onScroll?: (e: Event) => void,\n  allowsWindowScrolling?: boolean\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>\n        {props.children}\n      </div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef:\n  React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement | null>> =\nReact.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean,\n  scrollViewProps: HTMLAttributes<HTMLElement>,\n  contentProps: HTMLAttributes<HTMLElement>\n}\n\nexport function useScrollView(props: ScrollViewProps, ref: RefObject<HTMLElement | null>): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n        state.viewportOffset.x + state.scrollPosition.x,\n        state.viewportOffset.y + state.scrollPosition.y,\n        Math.max(0, Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)),\n        Math.max(0, Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height))\n      )\n      : new Rect(state.scrollPosition.x, state.scrollPosition.y, state.size.width, state.size.height);\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback((e: Event) => {\n    let target = getEventTarget(e) as Element;\n    if (!nodeContains(target, ref.current!)) {\n      return;\n    }\n\n    if (onScrollProp && target === ref.current) {\n      onScrollProp(e);\n    }\n\n    if (target !== ref.current) {\n      // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n      let boundingRect = ref.current!.getBoundingClientRect();\n      let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n      let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n      if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n        return;\n      }\n\n      state.viewportOffset = new Point(x, y);\n    } else {\n      // The scroll view itself was scrolled. Update the local scroll position.\n      // Prevent rubber band scrolling from shaking when scrolling out of bounds\n      let scrollTop = target.scrollTop;\n      let scrollLeft = getScrollLeft(target, direction);\n      state.scrollPosition = new Point(\n        Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n        Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n      );\n    }\n\n    flushSync(() => {\n      updateVisibleRect();\n\n      if (!state.isScrolling) {\n        state.isScrolling = true;\n        setScrolling(true);\n\n        // Pause typekit MutationObserver during scrolling.\n        window.dispatchEvent(new Event('tk.disconnect-observer'));\n        if (onScrollStart) {\n          onScrollStart();\n        }\n      }\n\n      // So we don't constantly call clearTimeout and setTimeout,\n      // keep track of the current timeout time and only reschedule\n      // the timer when it is getting close.\n      let now = Date.now();\n      if (state.scrollEndTime <= now + 50) {\n        state.scrollEndTime = now + 300;\n\n        if (state.scrollTimeout != null) {\n          clearTimeout(state.scrollTimeout);\n        }\n\n        state.scrollTimeout = setTimeout(() => {\n          state.isScrolling = false;\n          setScrolling(false);\n          state.scrollTimeout = null;\n\n          window.dispatchEvent(new Event('tk.connect-observer'));\n          if (onScrollEnd) {\n            onScrollEnd();\n          }\n        }, 300);\n      }\n    });\n  }, [onScrollProp, ref, direction, state, contentSize, updateVisibleRect, onScrollStart, onScrollEnd]);\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback((flush: typeof flushSync) => {\n    let dom = ref.current;\n    if (!dom || isUpdatingSize.current) {\n      return;\n    }\n\n    // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n    // content size update, causing below layout effect to fire. This avoids infinite loops.\n    isUpdatingSize.current = true;\n\n    let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n    let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientWidth');\n    let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes('clientHeight');\n    let clientWidth = dom.clientWidth;\n    let clientHeight = dom.clientHeight;\n    let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n    let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n    // Update the window viewport size.\n    let viewportWidth = window.innerWidth;\n    let viewportHeight = window.innerHeight;\n    let viewportSizeChanged = state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n    if (viewportSizeChanged) {\n      state.viewportSize = new Size(viewportWidth, viewportHeight);\n    }\n\n    if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n      state.size = new Size(w, h);\n      flush(() => {\n        updateVisibleRect();\n        onSizeChange?.(state.size);\n      });\n\n      // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n      // a result of the layout update. In this case, re-layout again to account for the\n      // adjusted space. In very specific cases this might result in the scrollbars disappearing\n      // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n      // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n      if (!isTestEnv && clientWidth !== dom.clientWidth || clientHeight !== dom.clientHeight) {\n        state.size = new Size(dom.clientWidth, dom.clientHeight);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n      }\n    }\n\n    isUpdatingSize.current = false;\n  }, [ref, state, updateVisibleRect, onSizeChange]);\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!isUpdatingSize.current && (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      // @ts-ignore\n      if (typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined') {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/*\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\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n  contentSize: Size;\n  onVisibleRectChange: (rect: Rect) => void;\n  onSizeChange?: (size: Size) => void;\n  children?: ReactNode;\n  innerStyle?: CSSProperties;\n  onScrollStart?: () => void;\n  onScrollEnd?: () => void;\n  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n  onScroll?: (e: Event) => void;\n  allowsWindowScrolling?: boolean;\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  ref = useObjectRef(ref);\n  let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n  return (\n    <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n      <div {...contentProps}>{props.children}</div>\n    </div>\n  );\n}\n\nconst ScrollViewForwardRef: React.ForwardRefExoticComponent<\n  ScrollViewProps & React.RefAttributes<HTMLDivElement | null>\n> = React.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n  isScrolling: boolean;\n  scrollViewProps: HTMLAttributes<HTMLElement>;\n  contentProps: HTMLAttributes<HTMLElement>;\n}\n\nexport function useScrollView(\n  props: ScrollViewProps,\n  ref: RefObject<HTMLElement | null>\n): ScrollViewAria {\n  let {\n    contentSize,\n    onVisibleRectChange,\n    onSizeChange,\n    innerStyle,\n    onScrollStart,\n    onScrollEnd,\n    scrollDirection = 'both',\n    onScroll: onScrollProp,\n    allowsWindowScrolling,\n    ...otherProps\n  } = props;\n\n  let state = useRef({\n    // Internal scroll position of the scroll view.\n    scrollPosition: new Point(),\n    // Size of the scroll view.\n    size: new Size(),\n    // Offset of the scroll view relative to the window viewport.\n    viewportOffset: new Point(),\n    // Size of the window viewport.\n    viewportSize: new Size(),\n    scrollEndTime: 0,\n    scrollTimeout: null as ReturnType<typeof setTimeout> | null,\n    isScrolling: false,\n    lastVisibleRect: new Rect()\n  }).current;\n  let {direction} = useLocale();\n\n  let updateVisibleRect = useCallback(() => {\n    // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n    // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n    // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n    // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n    // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n    // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n    let visibleRect = allowsWindowScrolling\n      ? new Rect(\n          state.viewportOffset.x + state.scrollPosition.x,\n          state.viewportOffset.y + state.scrollPosition.y,\n          Math.max(\n            0,\n            Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)\n          ),\n          Math.max(\n            0,\n            Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height)\n          )\n        )\n      : new Rect(\n          state.scrollPosition.x,\n          state.scrollPosition.y,\n          state.size.width,\n          state.size.height\n        );\n    // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n    if (visibleRect.area > 0 || state.lastVisibleRect.area > 0) {\n      onVisibleRectChange(visibleRect);\n      state.lastVisibleRect = visibleRect;\n    }\n  }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n  let [isScrolling, setScrolling] = useState(false);\n\n  let onScroll = useCallback(\n    (e: Event) => {\n      let target = getEventTarget(e) as Element;\n      if (!nodeContains(target, ref.current!)) {\n        return;\n      }\n\n      if (onScrollProp && target === ref.current) {\n        onScrollProp(e);\n      }\n\n      if (target !== ref.current) {\n        // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n        let boundingRect = ref.current!.getBoundingClientRect();\n        let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n        let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n        if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n          return;\n        }\n\n        state.viewportOffset = new Point(x, y);\n      } else {\n        // The scroll view itself was scrolled. Update the local scroll position.\n        // Prevent rubber band scrolling from shaking when scrolling out of bounds\n        let scrollTop = target.scrollTop;\n        let scrollLeft = getScrollLeft(target, direction);\n        state.scrollPosition = new Point(\n          Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n          Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n        );\n      }\n\n      flushSync(() => {\n        updateVisibleRect();\n\n        if (!state.isScrolling) {\n          state.isScrolling = true;\n          setScrolling(true);\n\n          // Pause typekit MutationObserver during scrolling.\n          window.dispatchEvent(new Event('tk.disconnect-observer'));\n          if (onScrollStart) {\n            onScrollStart();\n          }\n        }\n\n        // So we don't constantly call clearTimeout and setTimeout,\n        // keep track of the current timeout time and only reschedule\n        // the timer when it is getting close.\n        let now = Date.now();\n        if (state.scrollEndTime <= now + 50) {\n          state.scrollEndTime = now + 300;\n\n          if (state.scrollTimeout != null) {\n            clearTimeout(state.scrollTimeout);\n          }\n\n          state.scrollTimeout = setTimeout(() => {\n            state.isScrolling = false;\n            setScrolling(false);\n            state.scrollTimeout = null;\n\n            window.dispatchEvent(new Event('tk.connect-observer'));\n            if (onScrollEnd) {\n              onScrollEnd();\n            }\n          }, 300);\n        }\n      });\n    },\n    [\n      onScrollProp,\n      ref,\n      direction,\n      state,\n      contentSize,\n      updateVisibleRect,\n      onScrollStart,\n      onScrollEnd\n    ]\n  );\n\n  // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n  useEffect(() => {\n    document.addEventListener('scroll', onScroll, true);\n    return () => document.removeEventListener('scroll', onScroll, true);\n  }, [onScroll]);\n\n  useEffect(() => {\n    return () => {\n      if (state.scrollTimeout != null) {\n        clearTimeout(state.scrollTimeout);\n      }\n\n      if (state.isScrolling) {\n        window.dispatchEvent(new Event('tk.connect-observer'));\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let isUpdatingSize = useRef(false);\n  let updateSize = useCallback(\n    (flush: typeof flushSync) => {\n      let dom = ref.current;\n      if (!dom || isUpdatingSize.current) {\n        return;\n      }\n\n      // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n      // content size update, causing below layout effect to fire. This avoids infinite loops.\n      isUpdatingSize.current = true;\n\n      let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n      let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientWidth'\n      );\n      let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n        'clientHeight'\n      );\n      let clientWidth = dom.clientWidth;\n      let clientHeight = dom.clientHeight;\n      let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n      let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n      // Update the window viewport size.\n      let viewportWidth = window.innerWidth;\n      let viewportHeight = window.innerHeight;\n      let viewportSizeChanged =\n        state.viewportSize.width !== viewportWidth || state.viewportSize.height !== viewportHeight;\n      if (viewportSizeChanged) {\n        state.viewportSize = new Size(viewportWidth, viewportHeight);\n      }\n\n      if (state.size.width !== w || state.size.height !== h || viewportSizeChanged) {\n        state.size = new Size(w, h);\n        flush(() => {\n          updateVisibleRect();\n          onSizeChange?.(state.size);\n        });\n\n        // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n        // a result of the layout update. In this case, re-layout again to account for the\n        // adjusted space. In very specific cases this might result in the scrollbars disappearing\n        // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n        // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n        if ((!isTestEnv && clientWidth !== dom.clientWidth) || clientHeight !== dom.clientHeight) {\n          state.size = new Size(dom.clientWidth, dom.clientHeight);\n          flush(() => {\n            updateVisibleRect();\n            onSizeChange?.(state.size);\n          });\n        }\n      }\n\n      isUpdatingSize.current = false;\n    },\n    [ref, state, updateVisibleRect, onSizeChange]\n  );\n  let updateSizeEvent = useEffectEvent(updateSize);\n\n  // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n  useLayoutEffect(() => {\n    // Initialize viewportRect before updating size for the first time.\n    state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n    let onWindowResize = () => {\n      updateSizeEvent(flushSync);\n    };\n\n    window.addEventListener('resize', onWindowResize);\n    return () => window.removeEventListener('resize', onWindowResize);\n  }, [state]);\n\n  // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n  let lastContentSize = useRef<Size | null>(null);\n  let [update, setUpdate] = useState({});\n  // We only contain a call to setState in here for testing environments.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (\n      !isUpdatingSize.current &&\n      (lastContentSize.current == null || !contentSize.equals(lastContentSize.current))\n    ) {\n      // React doesn't allow flushSync inside effects, so queue a microtask.\n      // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n      // If we are in an `act` environment, update immediately without a microtask so you don't need\n      // to mock timers in tests. In this case, the update is synchronous already.\n      // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n      // https://github.com/reactwg/react-18/discussions/102\n      if (\n        // @ts-ignore\n        typeof IS_REACT_ACT_ENVIRONMENT === 'boolean'\n          ? // @ts-ignore\n            IS_REACT_ACT_ENVIRONMENT\n          : typeof jest !== 'undefined'\n      ) {\n        // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n        // due to strict mode.\n        setUpdate({});\n        lastContentSize.current = contentSize;\n        return;\n      } else {\n        queueMicrotask(() => updateSizeEvent(flushSync));\n      }\n    }\n\n    lastContentSize.current = contentSize;\n  });\n\n  // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n  useLayoutEffect(() => {\n    updateSizeEvent(fn => fn());\n  }, [update]);\n\n  let onResize = useCallback(() => {\n    updateSize(flushSync);\n  }, [updateSize]);\n\n  // Watch border-box instead of of content-box so that we don't go into\n  // an infinite loop when scrollbars appear or disappear.\n  useResizeObserver({ref, box: 'border-box', onResize});\n\n  let style: React.CSSProperties = {\n    // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n    padding: 0,\n    ...otherProps.style\n  };\n\n  if (scrollDirection === 'horizontal') {\n    style.overflowX = 'auto';\n    style.overflowY = 'hidden';\n  } else if (scrollDirection === 'vertical' || contentSize.width === state.size.width) {\n    // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n    // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n    // firing slower than the frame rate, which may cause an infinite re-render loop.\n    style.overflowY = 'auto';\n    style.overflowX = 'hidden';\n  } else {\n    style.overflow = 'auto';\n  }\n\n  innerStyle = {\n    width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n    height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n    pointerEvents: isScrolling ? 'none' : 'auto',\n    position: 'relative',\n    ...innerStyle\n  };\n\n  return {\n    isScrolling,\n    scrollViewProps: {\n      ...otherProps,\n      style\n    },\n    contentProps: {\n      role: 'presentation',\n      style: innerStyle\n    }\n  };\n}\n"],"names":[],"version":3,"file":"ScrollView.mjs.map"}

package/dist/private/virtualizer/Virtualizer.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAiCM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAAsD,KAAgC,EAAE,YAAiD;IAC5L,IAAI,EACF,UAAU,UAAU,iBACpB,aAAa,UACb,MAAM,cACN,UAAU,mBACV,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,iBACb,aAAa,EACb,GAAG,YACJ,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,sCAAW,EAAE;IAEvB,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;gBAC9B;oBACA;oBACA;QACA,qBAAoB,IAAI;YACtB,IAAI,IAAI,OAAO,EAAE;gBACf,IAAI,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;gBAC/B,IAAI,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;YAChC;QACF;uBACA;uBACA;IACF;IAEA,CAAA,GAAA,qCAAU,EAAE;mBAAC;oBAAW;QAAY,cAAc;IAAC,GAAG;IACtD,IAAI,sBAAsB,CAAA,GAAA,wBAAU,EAAE,CAAC;QACrC,MAAM,cAAc,CAAC;IACvB,GAAG;QAAC;KAAM;IAEV,qBACE,0DAAC,CAAA,GAAA,oCAAS;QACP,GAAG,CAAA,GAAA,oCAAS,EAAE,YAAY;iCAAC;QAAmB,EAAE;QACjD,KAAK;QACL,aAAa,MAAM,WAAW;QAC9B,eAAe,MAAM,cAAc;QACnC,aAAa,MAAM,YAAY;QAC/B,iBAAiB;OAChB,qCAAe,MAAM,MAAM,YAAY,EAAE,iBAAiB;AAGjE;AAEA,SAAS,qCAAoC,MAAiC,EAAE,KAA2B,EAAE,aAAkC;IAC7I,OAAO,MAAM,GAAG,CAAC,CAAA;QACf,OAAO,cACL,QACA,MACA,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC,KAAK,QAAQ,IAAI,EAAE,EAC9C,CAAA,aAAc,qCAAe,MAAM,YAAY;IAEnD;AACF;AAEA,SAAS,2CACP,MAAiC,EACjC,YAAgC;IAEhC,qBACE,0DAAC,CAAA,GAAA,yCAAc;QACb,KAAK,aAAa,GAAG;QACrB,YAAY,aAAa,UAAU;QACnC,aAAa,aAAa,WAAW;QACrC,QAAQ,QAAQ;OACf,aAAa,QAAQ;AAG5B","sources":["packages/react-aria/src/virtualizer/Virtualizer.tsx"],"sourcesContent":["/*\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 {Collection, Key, RefObject} from '@react-types/shared';\nimport {Layout, Rect, ReusableView, useVirtualizerState} from 'react-stately/useVirtualizerState';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback} from 'react';\nimport {ScrollView} from './ScrollView';\nimport {useLoadMore} from '../utils/useLoadMore';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {VirtualizerItem} from './VirtualizerItem';\n\ntype RenderWrapper<T extends object, V> = (\n  parent: ReusableView<T, V> | null,\n  reusableView: ReusableView<T, V>,\n  children: ReusableView<T, V>[],\n  renderChildren: (views: ReusableView<T, V>[]) => ReactElement[]\n) => ReactElement | null;\n\ninterface VirtualizerProps<T extends object, V, O> extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'onScroll'> {\n  children: (type: string, content: T) => V,\n  renderWrapper?: RenderWrapper<T, V>,\n  layout: Layout<T, O>,\n  collection: Collection<T>,\n  persistedKeys?: Set<Key> | null,\n  scrollDirection?: 'horizontal' | 'vertical' | 'both',\n  isLoading?: boolean,\n  onLoadMore?: () => void,\n  layoutOptions?: O,\n  onScroll?: (e: Event) => void\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Virtualizer = React.forwardRef(function Virtualizer<T extends object, V extends ReactNode, O>(props: VirtualizerProps<T, V, O>, forwardedRef: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    children: renderView,\n    renderWrapper,\n    layout,\n    collection,\n    scrollDirection,\n    isLoading,\n    onLoadMore,\n    persistedKeys,\n    layoutOptions,\n    ...otherProps\n  } = props;\n\n  let ref = useObjectRef(forwardedRef);\n\n  let state = useVirtualizerState({\n    layout,\n    collection,\n    renderView,\n    onVisibleRectChange(rect) {\n      if (ref.current) {\n        ref.current.scrollLeft = rect.x;\n        ref.current.scrollTop = rect.y;\n      }\n    },\n    persistedKeys,\n    layoutOptions\n  });\n\n  useLoadMore({isLoading, onLoadMore, scrollOffset: 1}, ref);\n  let onVisibleRectChange = useCallback((rect: Rect) => {\n    state.setVisibleRect(rect);\n  }, [state]);\n\n  return (\n    <ScrollView\n      {...mergeProps(otherProps, {onVisibleRectChange})}\n      ref={ref}\n      contentSize={state.contentSize}\n      onScrollStart={state.startScrolling}\n      onScrollEnd={state.endScrolling}\n      scrollDirection={scrollDirection}>\n      {renderChildren(null, state.visibleViews, renderWrapper || defaultRenderWrapper)}\n    </ScrollView>\n  );\n}) as <T extends object, V, O>(props: VirtualizerProps<T, V, O> & {ref?: RefObject<HTMLDivElement | null>}) => ReactElement;\n\nfunction renderChildren<T extends object, V>(parent: ReusableView<T, V> | null, views: ReusableView<T, V>[], renderWrapper: RenderWrapper<T, V>) {\n  return views.map(view => {\n    return renderWrapper(\n      parent,\n      view,\n      view.children ? Array.from(view.children) : [],\n      childViews => renderChildren(view, childViews, renderWrapper)\n    );\n  });\n}\n\nfunction defaultRenderWrapper<T extends object, V extends ReactNode>(\n  parent: ReusableView<T, V> | null,\n  reusableView: ReusableView<T, V>\n) {\n  return (\n    <VirtualizerItem\n      key={reusableView.key}\n      layoutInfo={reusableView.layoutInfo!}\n      virtualizer={reusableView.virtualizer}\n      parent={parent?.layoutInfo}>\n      {reusableView.rendered}\n    </VirtualizerItem>\n  );\n}\n"],"names":[],"version":3,"file":"Virtualizer.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAoCM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAInD,KAAgC,EAAE,YAAiD;IACnF,IAAI,EACF,UAAU,UAAU,iBACpB,aAAa,UACb,MAAM,cACN,UAAU,mBACV,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,iBACb,aAAa,EACb,GAAG,YACJ,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,sCAAW,EAAE;IAEvB,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;gBAC9B;oBACA;oBACA;QACA,qBAAoB,IAAI;YACtB,IAAI,IAAI,OAAO,EAAE;gBACf,IAAI,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;gBAC/B,IAAI,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;YAChC;QACF;uBACA;uBACA;IACF;IAEA,CAAA,GAAA,qCAAU,EAAE;mBAAC;oBAAW;QAAY,cAAc;IAAC,GAAG;IACtD,IAAI,sBAAsB,CAAA,GAAA,wBAAU,EAClC,CAAC;QACC,MAAM,cAAc,CAAC;IACvB,GACA;QAAC;KAAM;IAGT,qBACE,0DAAC,CAAA,GAAA,oCAAS;QACP,GAAG,CAAA,GAAA,oCAAS,EAAE,YAAY;iCAAC;QAAmB,EAAE;QACjD,KAAK;QACL,aAAa,MAAM,WAAW;QAC9B,eAAe,MAAM,cAAc;QACnC,aAAa,MAAM,YAAY;QAC/B,iBAAiB;OAChB,qCAAe,MAAM,MAAM,YAAY,EAAE,iBAAiB;AAGjE;AAIA,SAAS,qCACP,MAAiC,EACjC,KAA2B,EAC3B,aAAkC;IAElC,OAAO,MAAM,GAAG,CAAC,CAAA;QACf,OAAO,cAAc,QAAQ,MAAM,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC,KAAK,QAAQ,IAAI,EAAE,EAAE,CAAA,aACjF,qCAAe,MAAM,YAAY;IAErC;AACF;AAEA,SAAS,2CACP,MAAiC,EACjC,YAAgC;IAEhC,qBACE,0DAAC,CAAA,GAAA,yCAAc;QACb,KAAK,aAAa,GAAG;QACrB,YAAY,aAAa,UAAU;QACnC,aAAa,aAAa,WAAW;QACrC,QAAQ,QAAQ;OACf,aAAa,QAAQ;AAG5B","sources":["packages/react-aria/src/virtualizer/Virtualizer.tsx"],"sourcesContent":["/*\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 {Collection, Key, RefObject} from '@react-types/shared';\nimport {Layout, Rect, ReusableView, useVirtualizerState} from 'react-stately/useVirtualizerState';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback} from 'react';\nimport {ScrollView} from './ScrollView';\nimport {useLoadMore} from '../utils/useLoadMore';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {VirtualizerItem} from './VirtualizerItem';\n\ntype RenderWrapper<T extends object, V> = (\n  parent: ReusableView<T, V> | null,\n  reusableView: ReusableView<T, V>,\n  children: ReusableView<T, V>[],\n  renderChildren: (views: ReusableView<T, V>[]) => ReactElement[]\n) => ReactElement | null;\n\ninterface VirtualizerProps<T extends object, V, O> extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'children' | 'onScroll'\n> {\n  children: (type: string, content: T) => V;\n  renderWrapper?: RenderWrapper<T, V>;\n  layout: Layout<T, O>;\n  collection: Collection<T>;\n  persistedKeys?: Set<Key> | null;\n  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n  isLoading?: boolean;\n  onLoadMore?: () => void;\n  layoutOptions?: O;\n  onScroll?: (e: Event) => void;\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Virtualizer = React.forwardRef(function Virtualizer<\n  T extends object,\n  V extends ReactNode,\n  O\n>(props: VirtualizerProps<T, V, O>, forwardedRef: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    children: renderView,\n    renderWrapper,\n    layout,\n    collection,\n    scrollDirection,\n    isLoading,\n    onLoadMore,\n    persistedKeys,\n    layoutOptions,\n    ...otherProps\n  } = props;\n\n  let ref = useObjectRef(forwardedRef);\n\n  let state = useVirtualizerState({\n    layout,\n    collection,\n    renderView,\n    onVisibleRectChange(rect) {\n      if (ref.current) {\n        ref.current.scrollLeft = rect.x;\n        ref.current.scrollTop = rect.y;\n      }\n    },\n    persistedKeys,\n    layoutOptions\n  });\n\n  useLoadMore({isLoading, onLoadMore, scrollOffset: 1}, ref);\n  let onVisibleRectChange = useCallback(\n    (rect: Rect) => {\n      state.setVisibleRect(rect);\n    },\n    [state]\n  );\n\n  return (\n    <ScrollView\n      {...mergeProps(otherProps, {onVisibleRectChange})}\n      ref={ref}\n      contentSize={state.contentSize}\n      onScrollStart={state.startScrolling}\n      onScrollEnd={state.endScrolling}\n      scrollDirection={scrollDirection}>\n      {renderChildren(null, state.visibleViews, renderWrapper || defaultRenderWrapper)}\n    </ScrollView>\n  );\n}) as <T extends object, V, O>(\n  props: VirtualizerProps<T, V, O> & {ref?: RefObject<HTMLDivElement | null>}\n) => ReactElement;\n\nfunction renderChildren<T extends object, V>(\n  parent: ReusableView<T, V> | null,\n  views: ReusableView<T, V>[],\n  renderWrapper: RenderWrapper<T, V>\n) {\n  return views.map(view => {\n    return renderWrapper(parent, view, view.children ? Array.from(view.children) : [], childViews =>\n      renderChildren(view, childViews, renderWrapper)\n    );\n  });\n}\n\nfunction defaultRenderWrapper<T extends object, V extends ReactNode>(\n  parent: ReusableView<T, V> | null,\n  reusableView: ReusableView<T, V>\n) {\n  return (\n    <VirtualizerItem\n      key={reusableView.key}\n      layoutInfo={reusableView.layoutInfo!}\n      virtualizer={reusableView.virtualizer}\n      parent={parent?.layoutInfo}>\n      {reusableView.rendered}\n    </VirtualizerItem>\n  );\n}\n"],"names":[],"version":3,"file":"Virtualizer.cjs.map"}