@react-aria/utils 3.24.0 → 3.25.0

package/dist/useLoadMore.main.js

@@ -0,0 +1,72 @@
+var $2a8c0bb1629926c8$exports = require("./useEvent.main.js");
+var $78605a5d7424e31b$exports = require("./useLayoutEffect.main.js");
+var $4Zukt$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useLoadMore", () => $faa6ccd6fb62f877$export$7717c92ee915373e);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $faa6ccd6fb62f877$export$7717c92ee915373e(props, ref) {
+    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1, items: items } = props;
+    // Handle scrolling, and call onLoadMore when nearing the bottom.
+    let isLoadingRef = (0, $4Zukt$react.useRef)(isLoading);
+    let prevProps = (0, $4Zukt$react.useRef)(props);
+    let onScroll = (0, $4Zukt$react.useCallback)(()=>{
+        if (ref.current && !isLoadingRef.current && onLoadMore) {
+            let shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < ref.current.clientHeight * scrollOffset;
+            if (shouldLoadMore) {
+                isLoadingRef.current = true;
+                onLoadMore();
+            }
+        }
+    }, [
+        onLoadMore,
+        ref,
+        scrollOffset
+    ]);
+    let lastItems = (0, $4Zukt$react.useRef)(items);
+    (0, $78605a5d7424e31b$exports.useLayoutEffect)(()=>{
+        // Only update isLoadingRef if props object actually changed,
+        // not if a local state change occurred.
+        if (props !== prevProps.current) {
+            isLoadingRef.current = isLoading;
+            prevProps.current = props;
+        }
+        // TODO: Eventually this hook will move back into RAC during which we will accept the collection as a option to this hook.
+        // We will only load more if the collection has changed after the last load to prevent multiple onLoadMore from being called
+        // while the data from the last onLoadMore is being processed by RAC collection.
+        let shouldLoadMore = (ref === null || ref === void 0 ? void 0 : ref.current) && !isLoadingRef.current && onLoadMore && (!items || items !== lastItems.current) && ref.current.clientHeight === ref.current.scrollHeight;
+        if (shouldLoadMore) {
+            isLoadingRef.current = true;
+            onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+        }
+        lastItems.current = items;
+    }, [
+        isLoading,
+        onLoadMore,
+        props,
+        ref
+    ]);
+    // TODO: maybe this should still just return scroll props?
+    // Test against case where the ref isn't defined when this is called
+    // Think this was a problem when trying to attach to the scrollable body of the table in OnLoadMoreTableBodyScroll
+    (0, $2a8c0bb1629926c8$exports.useEvent)(ref, 'scroll', onScroll);
+}
+
+
+//# sourceMappingURL=useLoadMore.main.js.map

package/dist/useLoadMore.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAwBM,SAAS,0CAAY,KAAoB,EAAE,GAAkC;IAClF,IAAI,aAAC,SAAS,cAAE,UAAU,gBAAE,eAAe,UAAG,KAAK,EAAC,GAAG;IAEvD,iEAAiE;IACjE,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAE;IAC1B,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE;QACzB,IAAI,IAAI,OAAO,IAAI,CAAC,aAAa,OAAO,IAAI,YAAY;YACtD,IAAI,iBAAiB,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,YAAY,GAAG;YAE9H,IAAI,gBAAgB;gBAClB,aAAa,OAAO,GAAG;gBACvB;YACF;QACF;IACF,GAAG;QAAC;QAAY;QAAK;KAAa;IAElC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,yCAAc,EAAE;QACd,6DAA6D;QAC7D,wCAAwC;QACxC,IAAI,UAAU,UAAU,OAAO,EAAE;YAC/B,aAAa,OAAO,GAAG;YACvB,UAAU,OAAO,GAAG;QACtB;QAEA,0HAA0H;QAC1H,4HAA4H;QAC5H,gFAAgF;QAChF,IAAI,iBAAiB,CAAA,gBAAA,0BAAA,IAAK,OAAO,KAC5B,CAAC,aAAa,OAAO,IACrB,cACC,CAAA,CAAC,SAAS,UAAU,UAAU,OAAO,AAAD,KACrC,IAAI,OAAO,CAAC,YAAY,KAAK,IAAI,OAAO,CAAC,YAAY;QAE1D,IAAI,gBAAgB;YAClB,aAAa,OAAO,GAAG;YACvB,uBAAA,iCAAA;QACF;QAEA,UAAU,OAAO,GAAG;IACtB,GAAG;QAAC;QAAW;QAAY;QAAO;KAAI;IAEtC,0DAA0D;IAC1D,oEAAoE;IACpE,kHAAkH;IAClH,CAAA,GAAA,kCAAO,EAAE,KAAK,UAAU;AAC1B","sources":["packages/@react-aria/utils/src/useLoadMore.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RefObject, useCallback, useRef} from 'react';\nimport {useEvent} from './useEvent';\n// eslint-disable-next-line rulesdir/useLayoutEffectRule\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreProps {\n  /** Whether data is currently being loaded. */\n  isLoading?: boolean,\n  /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.  */\n  onLoadMore?: () => void,\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then triggered\n   * when your current scroll position's distance from the bottom of the currently loaded list of items is less than\n   * or equal to the provided value. (e.g. 1 = 100% of the scroll region's height).\n   * @default 1\n   */\n  scrollOffset?: number,\n  /** The data currently loaded. */\n  items?: any[]\n}\n\nexport function useLoadMore(props: LoadMoreProps, ref: RefObject<HTMLElement | null>) {\n  let {isLoading, onLoadMore, scrollOffset = 1, items} = props;\n\n  // Handle scrolling, and call onLoadMore when nearing the bottom.\n  let isLoadingRef = useRef(isLoading);\n  let prevProps = useRef(props);\n  let onScroll = useCallback(() => {\n    if (ref.current && !isLoadingRef.current && onLoadMore) {\n      let shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < ref.current.clientHeight * scrollOffset;\n\n      if (shouldLoadMore) {\n        isLoadingRef.current = true;\n        onLoadMore();\n      }\n    }\n  }, [onLoadMore, ref, scrollOffset]);\n\n  let lastItems = useRef(items);\n  useLayoutEffect(() => {\n    // Only update isLoadingRef if props object actually changed,\n    // not if a local state change occurred.\n    if (props !== prevProps.current) {\n      isLoadingRef.current = isLoading;\n      prevProps.current = props;\n    }\n\n    // TODO: Eventually this hook will move back into RAC during which we will accept the collection as a option to this hook.\n    // We will only load more if the collection has changed after the last load to prevent multiple onLoadMore from being called\n    // while the data from the last onLoadMore is being processed by RAC collection.\n    let shouldLoadMore = ref?.current\n      && !isLoadingRef.current\n      && onLoadMore\n      && (!items || items !== lastItems.current)\n      && ref.current.clientHeight === ref.current.scrollHeight;\n\n    if (shouldLoadMore) {\n      isLoadingRef.current = true;\n      onLoadMore?.();\n    }\n\n    lastItems.current = items;\n  }, [isLoading, onLoadMore, props, ref]);\n\n  // TODO: maybe this should still just return scroll props?\n  // Test against case where the ref isn't defined when this is called\n  // Think this was a problem when trying to attach to the scrollable body of the table in OnLoadMoreTableBodyScroll\n  useEvent(ref, 'scroll', onScroll);\n}\n"],"names":[],"version":3,"file":"useLoadMore.main.js.map"}

package/dist/useLoadMore.mjs

@@ -0,0 +1,67 @@
+import {useEvent as $e9faafb641e167db$export$90fc3a17d93f704c} from "./useEvent.mjs";
+import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from "./useLayoutEffect.mjs";
+import {useRef as $hDRkU$useRef, useCallback as $hDRkU$useCallback} from "react";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $26f7f3da73fcd9d6$export$7717c92ee915373e(props, ref) {
+    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1, items: items } = props;
+    // Handle scrolling, and call onLoadMore when nearing the bottom.
+    let isLoadingRef = (0, $hDRkU$useRef)(isLoading);
+    let prevProps = (0, $hDRkU$useRef)(props);
+    let onScroll = (0, $hDRkU$useCallback)(()=>{
+        if (ref.current && !isLoadingRef.current && onLoadMore) {
+            let shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < ref.current.clientHeight * scrollOffset;
+            if (shouldLoadMore) {
+                isLoadingRef.current = true;
+                onLoadMore();
+            }
+        }
+    }, [
+        onLoadMore,
+        ref,
+        scrollOffset
+    ]);
+    let lastItems = (0, $hDRkU$useRef)(items);
+    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        // Only update isLoadingRef if props object actually changed,
+        // not if a local state change occurred.
+        if (props !== prevProps.current) {
+            isLoadingRef.current = isLoading;
+            prevProps.current = props;
+        }
+        // TODO: Eventually this hook will move back into RAC during which we will accept the collection as a option to this hook.
+        // We will only load more if the collection has changed after the last load to prevent multiple onLoadMore from being called
+        // while the data from the last onLoadMore is being processed by RAC collection.
+        let shouldLoadMore = (ref === null || ref === void 0 ? void 0 : ref.current) && !isLoadingRef.current && onLoadMore && (!items || items !== lastItems.current) && ref.current.clientHeight === ref.current.scrollHeight;
+        if (shouldLoadMore) {
+            isLoadingRef.current = true;
+            onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+        }
+        lastItems.current = items;
+    }, [
+        isLoading,
+        onLoadMore,
+        props,
+        ref
+    ]);
+    // TODO: maybe this should still just return scroll props?
+    // Test against case where the ref isn't defined when this is called
+    // Think this was a problem when trying to attach to the scrollable body of the table in OnLoadMoreTableBodyScroll
+    (0, $e9faafb641e167db$export$90fc3a17d93f704c)(ref, 'scroll', onScroll);
+}
+
+
+export {$26f7f3da73fcd9d6$export$7717c92ee915373e as useLoadMore};
+//# sourceMappingURL=useLoadMore.module.js.map

package/dist/useLoadMore.module.js

@@ -0,0 +1,67 @@
+import {useEvent as $e9faafb641e167db$export$90fc3a17d93f704c} from "./useEvent.module.js";
+import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from "./useLayoutEffect.module.js";
+import {useRef as $hDRkU$useRef, useCallback as $hDRkU$useCallback} from "react";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $26f7f3da73fcd9d6$export$7717c92ee915373e(props, ref) {
+    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset = 1, items: items } = props;
+    // Handle scrolling, and call onLoadMore when nearing the bottom.
+    let isLoadingRef = (0, $hDRkU$useRef)(isLoading);
+    let prevProps = (0, $hDRkU$useRef)(props);
+    let onScroll = (0, $hDRkU$useCallback)(()=>{
+        if (ref.current && !isLoadingRef.current && onLoadMore) {
+            let shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < ref.current.clientHeight * scrollOffset;
+            if (shouldLoadMore) {
+                isLoadingRef.current = true;
+                onLoadMore();
+            }
+        }
+    }, [
+        onLoadMore,
+        ref,
+        scrollOffset
+    ]);
+    let lastItems = (0, $hDRkU$useRef)(items);
+    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        // Only update isLoadingRef if props object actually changed,
+        // not if a local state change occurred.
+        if (props !== prevProps.current) {
+            isLoadingRef.current = isLoading;
+            prevProps.current = props;
+        }
+        // TODO: Eventually this hook will move back into RAC during which we will accept the collection as a option to this hook.
+        // We will only load more if the collection has changed after the last load to prevent multiple onLoadMore from being called
+        // while the data from the last onLoadMore is being processed by RAC collection.
+        let shouldLoadMore = (ref === null || ref === void 0 ? void 0 : ref.current) && !isLoadingRef.current && onLoadMore && (!items || items !== lastItems.current) && ref.current.clientHeight === ref.current.scrollHeight;
+        if (shouldLoadMore) {
+            isLoadingRef.current = true;
+            onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+        }
+        lastItems.current = items;
+    }, [
+        isLoading,
+        onLoadMore,
+        props,
+        ref
+    ]);
+    // TODO: maybe this should still just return scroll props?
+    // Test against case where the ref isn't defined when this is called
+    // Think this was a problem when trying to attach to the scrollable body of the table in OnLoadMoreTableBodyScroll
+    (0, $e9faafb641e167db$export$90fc3a17d93f704c)(ref, 'scroll', onScroll);
+}
+
+
+export {$26f7f3da73fcd9d6$export$7717c92ee915373e as useLoadMore};
+//# sourceMappingURL=useLoadMore.module.js.map

package/dist/useLoadMore.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAwBM,SAAS,0CAAY,KAAoB,EAAE,GAAkC;IAClF,IAAI,aAAC,SAAS,cAAE,UAAU,gBAAE,eAAe,UAAG,KAAK,EAAC,GAAG;IAEvD,iEAAiE;IACjE,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE;IAC1B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,IAAI,IAAI,OAAO,IAAI,CAAC,aAAa,OAAO,IAAI,YAAY;YACtD,IAAI,iBAAiB,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,YAAY,GAAG;YAE9H,IAAI,gBAAgB;gBAClB,aAAa,OAAO,GAAG;gBACvB;YACF;QACF;IACF,GAAG;QAAC;QAAY;QAAK;KAAa;IAElC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,yCAAc,EAAE;QACd,6DAA6D;QAC7D,wCAAwC;QACxC,IAAI,UAAU,UAAU,OAAO,EAAE;YAC/B,aAAa,OAAO,GAAG;YACvB,UAAU,OAAO,GAAG;QACtB;QAEA,0HAA0H;QAC1H,4HAA4H;QAC5H,gFAAgF;QAChF,IAAI,iBAAiB,CAAA,gBAAA,0BAAA,IAAK,OAAO,KAC5B,CAAC,aAAa,OAAO,IACrB,cACC,CAAA,CAAC,SAAS,UAAU,UAAU,OAAO,AAAD,KACrC,IAAI,OAAO,CAAC,YAAY,KAAK,IAAI,OAAO,CAAC,YAAY;QAE1D,IAAI,gBAAgB;YAClB,aAAa,OAAO,GAAG;YACvB,uBAAA,iCAAA;QACF;QAEA,UAAU,OAAO,GAAG;IACtB,GAAG;QAAC;QAAW;QAAY;QAAO;KAAI;IAEtC,0DAA0D;IAC1D,oEAAoE;IACpE,kHAAkH;IAClH,CAAA,GAAA,yCAAO,EAAE,KAAK,UAAU;AAC1B","sources":["packages/@react-aria/utils/src/useLoadMore.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RefObject, useCallback, useRef} from 'react';\nimport {useEvent} from './useEvent';\n// eslint-disable-next-line rulesdir/useLayoutEffectRule\nimport {useLayoutEffect} from './useLayoutEffect';\n\nexport interface LoadMoreProps {\n  /** Whether data is currently being loaded. */\n  isLoading?: boolean,\n  /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.  */\n  onLoadMore?: () => void,\n  /**\n   * The amount of offset from the bottom of your scrollable region that should trigger load more.\n   * Uses a percentage value relative to the scroll body's client height. Load more is then triggered\n   * when your current scroll position's distance from the bottom of the currently loaded list of items is less than\n   * or equal to the provided value. (e.g. 1 = 100% of the scroll region's height).\n   * @default 1\n   */\n  scrollOffset?: number,\n  /** The data currently loaded. */\n  items?: any[]\n}\n\nexport function useLoadMore(props: LoadMoreProps, ref: RefObject<HTMLElement | null>) {\n  let {isLoading, onLoadMore, scrollOffset = 1, items} = props;\n\n  // Handle scrolling, and call onLoadMore when nearing the bottom.\n  let isLoadingRef = useRef(isLoading);\n  let prevProps = useRef(props);\n  let onScroll = useCallback(() => {\n    if (ref.current && !isLoadingRef.current && onLoadMore) {\n      let shouldLoadMore = ref.current.scrollHeight - ref.current.scrollTop - ref.current.clientHeight < ref.current.clientHeight * scrollOffset;\n\n      if (shouldLoadMore) {\n        isLoadingRef.current = true;\n        onLoadMore();\n      }\n    }\n  }, [onLoadMore, ref, scrollOffset]);\n\n  let lastItems = useRef(items);\n  useLayoutEffect(() => {\n    // Only update isLoadingRef if props object actually changed,\n    // not if a local state change occurred.\n    if (props !== prevProps.current) {\n      isLoadingRef.current = isLoading;\n      prevProps.current = props;\n    }\n\n    // TODO: Eventually this hook will move back into RAC during which we will accept the collection as a option to this hook.\n    // We will only load more if the collection has changed after the last load to prevent multiple onLoadMore from being called\n    // while the data from the last onLoadMore is being processed by RAC collection.\n    let shouldLoadMore = ref?.current\n      && !isLoadingRef.current\n      && onLoadMore\n      && (!items || items !== lastItems.current)\n      && ref.current.clientHeight === ref.current.scrollHeight;\n\n    if (shouldLoadMore) {\n      isLoadingRef.current = true;\n      onLoadMore?.();\n    }\n\n    lastItems.current = items;\n  }, [isLoading, onLoadMore, props, ref]);\n\n  // TODO: maybe this should still just return scroll props?\n  // Test against case where the ref isn't defined when this is called\n  // Think this was a problem when trying to attach to the scrollable body of the table in OnLoadMoreTableBodyScroll\n  useEvent(ref, 'scroll', onScroll);\n}\n"],"names":[],"version":3,"file":"useLoadMore.module.js.map"}

package/dist/useObjectRef.main.js

@@ -25,7 +25,7 @@ function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
             },
             set current (value){
                 objRef.current = value;
-                if (typeof forwardedRef === "function") forwardedRef(value);
+                if (typeof forwardedRef === 'function') forwardedRef(value);
                 else if (forwardedRef) forwardedRef.current = value;
             }
         }), [

package/dist/useObjectRef.mjs

@@ -19,7 +19,7 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
             },
             set current (value){
                 objRef.current = value;
-                if (typeof forwardedRef === "function") forwardedRef(value);
+                if (typeof forwardedRef === 'function') forwardedRef(value);
                 else if (forwardedRef) forwardedRef.current = value;
             }
         }), [
@@ -29,4 +29,4 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
 
 
 export {$df56164dff5785e2$export$4338b53315abf666 as useObjectRef};
-//# sourceMappingURL=useObjectRef.mjs.map
+//# sourceMappingURL=useObjectRef.module.js.map

package/dist/useObjectRef.module.js

@@ -19,7 +19,7 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
             },
             set current (value){
                 objRef.current = value;
-                if (typeof forwardedRef === "function") forwardedRef(value);
+                if (typeof forwardedRef === 'function') forwardedRef(value);
                 else if (forwardedRef) forwardedRef.current = value;
             }
         }), [

package/dist/useResizeObserver.main.js

@@ -8,31 +8,34 @@ function $parcel$export(e, n, v, s) {
 $parcel$export(module.exports, "useResizeObserver", () => $37733e1652f47193$export$683480f191c0e3ea);
 
 function $37733e1652f47193$var$hasResizeObserver() {
-    return typeof window.ResizeObserver !== "undefined";
+    return typeof window.ResizeObserver !== 'undefined';
 }
 function $37733e1652f47193$export$683480f191c0e3ea(options) {
-    const { ref: ref, onResize: onResize } = options;
+    const { ref: ref, box: box, onResize: onResize } = options;
     (0, $aM4zL$react.useEffect)(()=>{
         let element = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!element) return;
         if (!$37733e1652f47193$var$hasResizeObserver()) {
-            window.addEventListener("resize", onResize, false);
+            window.addEventListener('resize', onResize, false);
             return ()=>{
-                window.removeEventListener("resize", onResize, false);
+                window.removeEventListener('resize', onResize, false);
             };
         } else {
             const resizeObserverInstance = new window.ResizeObserver((entries)=>{
                 if (!entries.length) return;
                 onResize();
             });
-            resizeObserverInstance.observe(element);
+            resizeObserverInstance.observe(element, {
+                box: box
+            });
             return ()=>{
                 if (element) resizeObserverInstance.unobserve(element);
             };
         }
     }, [
         onResize,
-        ref
+        ref,
+        box
     ]);
 }
 

package/dist/useResizeObserver.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAEA,SAAS;IACP,OAAO,OAAO,OAAO,cAAc,KAAK;AAC1C;AAOO,SAAS,0CAAqC,OAAwC;IAC3F,MAAM,OAAC,GAAG,YAAE,QAAQ,EAAC,GAAG;IAExB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,gBAAA,0BAAA,IAAK,OAAO;QAC1B,IAAI,CAAC,SACH;QAGF,IAAI,CAAC,2CAAqB;YACxB,OAAO,gBAAgB,CAAC,UAAU,UAAU;YAC5C,OAAO;gBACL,OAAO,mBAAmB,CAAC,UAAU,UAAU;YACjD;QACF,OAAO;YAEL,MAAM,yBAAyB,IAAI,OAAO,cAAc,CAAC,CAAC;gBACxD,IAAI,CAAC,QAAQ,MAAM,EACjB;gBAGF;YACF;YACA,uBAAuB,OAAO,CAAC;YAE/B,OAAO;gBACL,IAAI,SACF,uBAAuB,SAAS,CAAC;YAErC;QACF;IAEF,GAAG;QAAC;QAAU;KAAI;AACpB","sources":["packages/@react-aria/utils/src/useResizeObserver.ts"],"sourcesContent":["import {RefObject, useEffect} from 'react';\n\nfunction hasResizeObserver() {\n  return typeof window.ResizeObserver !== 'undefined';\n}\n\ntype useResizeObserverOptionsType<T> = {\n  ref: RefObject<T | undefined> | undefined,\n  onResize: () => void\n}\n\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n  const {ref, onResize} = options;\n\n  useEffect(() => {\n    let element = ref?.current;\n    if (!element) {\n      return;\n    }\n\n    if (!hasResizeObserver()) {\n      window.addEventListener('resize', onResize, false);\n      return () => {\n        window.removeEventListener('resize', onResize, false);\n      };\n    } else {\n\n      const resizeObserverInstance = new window.ResizeObserver((entries) => {\n        if (!entries.length) {\n          return;\n        }\n\n        onResize();\n      });\n      resizeObserverInstance.observe(element);\n\n      return () => {\n        if (element) {\n          resizeObserverInstance.unobserve(element);\n        }\n      };\n    }\n\n  }, [onResize, ref]);\n}\n"],"names":[],"version":3,"file":"useResizeObserver.main.js.map"}
+{"mappings":";;;;;;;;;AAIA,SAAS;IACP,OAAO,OAAO,OAAO,cAAc,KAAK;AAC1C;AAQO,SAAS,0CAAqC,OAAwC;IAC3F,MAAM,OAAC,GAAG,OAAE,GAAG,YAAE,QAAQ,EAAC,GAAG;IAE7B,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,gBAAA,0BAAA,IAAK,OAAO;QAC1B,IAAI,CAAC,SACH;QAGF,IAAI,CAAC,2CAAqB;YACxB,OAAO,gBAAgB,CAAC,UAAU,UAAU;YAC5C,OAAO;gBACL,OAAO,mBAAmB,CAAC,UAAU,UAAU;YACjD;QACF,OAAO;YAEL,MAAM,yBAAyB,IAAI,OAAO,cAAc,CAAC,CAAC;gBACxD,IAAI,CAAC,QAAQ,MAAM,EACjB;gBAGF;YACF;YACA,uBAAuB,OAAO,CAAC,SAAS;qBAAC;YAAG;YAE5C,OAAO;gBACL,IAAI,SACF,uBAAuB,SAAS,CAAC;YAErC;QACF;IAEF,GAAG;QAAC;QAAU;QAAK;KAAI;AACzB","sources":["packages/@react-aria/utils/src/useResizeObserver.ts"],"sourcesContent":["\nimport {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\n\nfunction hasResizeObserver() {\n  return typeof window.ResizeObserver !== 'undefined';\n}\n\ntype useResizeObserverOptionsType<T> = {\n  ref: RefObject<T | undefined | null> | undefined,\n  box?: ResizeObserverBoxOptions,\n  onResize: () => void\n}\n\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n  const {ref, box, onResize} = options;\n\n  useEffect(() => {\n    let element = ref?.current;\n    if (!element) {\n      return;\n    }\n\n    if (!hasResizeObserver()) {\n      window.addEventListener('resize', onResize, false);\n      return () => {\n        window.removeEventListener('resize', onResize, false);\n      };\n    } else {\n\n      const resizeObserverInstance = new window.ResizeObserver((entries) => {\n        if (!entries.length) {\n          return;\n        }\n\n        onResize();\n      });\n      resizeObserverInstance.observe(element, {box});\n\n      return () => {\n        if (element) {\n          resizeObserverInstance.unobserve(element);\n        }\n      };\n    }\n\n  }, [onResize, ref, box]);\n}\n"],"names":[],"version":3,"file":"useResizeObserver.main.js.map"}

package/dist/useResizeObserver.mjs

@@ -2,34 +2,37 @@ import {useEffect as $Vsl8o$useEffect} from "react";
 
 
 function $9daab02d461809db$var$hasResizeObserver() {
-    return typeof window.ResizeObserver !== "undefined";
+    return typeof window.ResizeObserver !== 'undefined';
 }
 function $9daab02d461809db$export$683480f191c0e3ea(options) {
-    const { ref: ref, onResize: onResize } = options;
+    const { ref: ref, box: box, onResize: onResize } = options;
     (0, $Vsl8o$useEffect)(()=>{
         let element = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!element) return;
         if (!$9daab02d461809db$var$hasResizeObserver()) {
-            window.addEventListener("resize", onResize, false);
+            window.addEventListener('resize', onResize, false);
             return ()=>{
-                window.removeEventListener("resize", onResize, false);
+                window.removeEventListener('resize', onResize, false);
             };
         } else {
             const resizeObserverInstance = new window.ResizeObserver((entries)=>{
                 if (!entries.length) return;
                 onResize();
             });
-            resizeObserverInstance.observe(element);
+            resizeObserverInstance.observe(element, {
+                box: box
+            });
             return ()=>{
                 if (element) resizeObserverInstance.unobserve(element);
             };
         }
     }, [
         onResize,
-        ref
+        ref,
+        box
     ]);
 }
 
 
 export {$9daab02d461809db$export$683480f191c0e3ea as useResizeObserver};
-//# sourceMappingURL=useResizeObserver.mjs.map
+//# sourceMappingURL=useResizeObserver.module.js.map

package/dist/useResizeObserver.module.js

@@ -2,31 +2,34 @@ import {useEffect as $Vsl8o$useEffect} from "react";
 
 
 function $9daab02d461809db$var$hasResizeObserver() {
-    return typeof window.ResizeObserver !== "undefined";
+    return typeof window.ResizeObserver !== 'undefined';
 }
 function $9daab02d461809db$export$683480f191c0e3ea(options) {
-    const { ref: ref, onResize: onResize } = options;
+    const { ref: ref, box: box, onResize: onResize } = options;
     (0, $Vsl8o$useEffect)(()=>{
         let element = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!element) return;
         if (!$9daab02d461809db$var$hasResizeObserver()) {
-            window.addEventListener("resize", onResize, false);
+            window.addEventListener('resize', onResize, false);
             return ()=>{
-                window.removeEventListener("resize", onResize, false);
+                window.removeEventListener('resize', onResize, false);
             };
         } else {
             const resizeObserverInstance = new window.ResizeObserver((entries)=>{
                 if (!entries.length) return;
                 onResize();
             });
-            resizeObserverInstance.observe(element);
+            resizeObserverInstance.observe(element, {
+                box: box
+            });
             return ()=>{
                 if (element) resizeObserverInstance.unobserve(element);
             };
         }
     }, [
         onResize,
-        ref
+        ref,
+        box
     ]);
 }
 

package/dist/useResizeObserver.module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAEA,SAAS;IACP,OAAO,OAAO,OAAO,cAAc,KAAK;AAC1C;AAOO,SAAS,0CAAqC,OAAwC;IAC3F,MAAM,OAAC,GAAG,YAAE,QAAQ,EAAC,GAAG;IAExB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,gBAAA,0BAAA,IAAK,OAAO;QAC1B,IAAI,CAAC,SACH;QAGF,IAAI,CAAC,2CAAqB;YACxB,OAAO,gBAAgB,CAAC,UAAU,UAAU;YAC5C,OAAO;gBACL,OAAO,mBAAmB,CAAC,UAAU,UAAU;YACjD;QACF,OAAO;YAEL,MAAM,yBAAyB,IAAI,OAAO,cAAc,CAAC,CAAC;gBACxD,IAAI,CAAC,QAAQ,MAAM,EACjB;gBAGF;YACF;YACA,uBAAuB,OAAO,CAAC;YAE/B,OAAO;gBACL,IAAI,SACF,uBAAuB,SAAS,CAAC;YAErC;QACF;IAEF,GAAG;QAAC;QAAU;KAAI;AACpB","sources":["packages/@react-aria/utils/src/useResizeObserver.ts"],"sourcesContent":["import {RefObject, useEffect} from 'react';\n\nfunction hasResizeObserver() {\n  return typeof window.ResizeObserver !== 'undefined';\n}\n\ntype useResizeObserverOptionsType<T> = {\n  ref: RefObject<T | undefined> | undefined,\n  onResize: () => void\n}\n\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n  const {ref, onResize} = options;\n\n  useEffect(() => {\n    let element = ref?.current;\n    if (!element) {\n      return;\n    }\n\n    if (!hasResizeObserver()) {\n      window.addEventListener('resize', onResize, false);\n      return () => {\n        window.removeEventListener('resize', onResize, false);\n      };\n    } else {\n\n      const resizeObserverInstance = new window.ResizeObserver((entries) => {\n        if (!entries.length) {\n          return;\n        }\n\n        onResize();\n      });\n      resizeObserverInstance.observe(element);\n\n      return () => {\n        if (element) {\n          resizeObserverInstance.unobserve(element);\n        }\n      };\n    }\n\n  }, [onResize, ref]);\n}\n"],"names":[],"version":3,"file":"useResizeObserver.module.js.map"}
+{"mappings":";;;AAIA,SAAS;IACP,OAAO,OAAO,OAAO,cAAc,KAAK;AAC1C;AAQO,SAAS,0CAAqC,OAAwC;IAC3F,MAAM,OAAC,GAAG,OAAE,GAAG,YAAE,QAAQ,EAAC,GAAG;IAE7B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,gBAAA,0BAAA,IAAK,OAAO;QAC1B,IAAI,CAAC,SACH;QAGF,IAAI,CAAC,2CAAqB;YACxB,OAAO,gBAAgB,CAAC,UAAU,UAAU;YAC5C,OAAO;gBACL,OAAO,mBAAmB,CAAC,UAAU,UAAU;YACjD;QACF,OAAO;YAEL,MAAM,yBAAyB,IAAI,OAAO,cAAc,CAAC,CAAC;gBACxD,IAAI,CAAC,QAAQ,MAAM,EACjB;gBAGF;YACF;YACA,uBAAuB,OAAO,CAAC,SAAS;qBAAC;YAAG;YAE5C,OAAO;gBACL,IAAI,SACF,uBAAuB,SAAS,CAAC;YAErC;QACF;IAEF,GAAG;QAAC;QAAU;QAAK;KAAI;AACzB","sources":["packages/@react-aria/utils/src/useResizeObserver.ts"],"sourcesContent":["\nimport {RefObject} from '@react-types/shared';\nimport {useEffect} from 'react';\n\nfunction hasResizeObserver() {\n  return typeof window.ResizeObserver !== 'undefined';\n}\n\ntype useResizeObserverOptionsType<T> = {\n  ref: RefObject<T | undefined | null> | undefined,\n  box?: ResizeObserverBoxOptions,\n  onResize: () => void\n}\n\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n  const {ref, box, onResize} = options;\n\n  useEffect(() => {\n    let element = ref?.current;\n    if (!element) {\n      return;\n    }\n\n    if (!hasResizeObserver()) {\n      window.addEventListener('resize', onResize, false);\n      return () => {\n        window.removeEventListener('resize', onResize, false);\n      };\n    } else {\n\n      const resizeObserverInstance = new window.ResizeObserver((entries) => {\n        if (!entries.length) {\n          return;\n        }\n\n        onResize();\n      });\n      resizeObserverInstance.observe(element, {box});\n\n      return () => {\n        if (element) {\n          resizeObserverInstance.unobserve(element);\n        }\n      };\n    }\n\n  }, [onResize, ref, box]);\n}\n"],"names":[],"version":3,"file":"useResizeObserver.module.js.map"}

package/dist/useSyncRef.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAUM,SAAS,0CAAc,OAAgC,EAAE,GAAkB;IAChF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/@react-aria/utils/src/useSyncRef.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 {MutableRefObject, RefObject} from 'react';\nimport {useLayoutEffect} from './';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T>) {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/@react-aria/utils/src/useSyncRef.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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>) {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.main.js.map"}

package/dist/useSyncRef.mjs

@@ -24,4 +24,4 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
 
 
 export {$e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef};
-//# sourceMappingURL=useSyncRef.mjs.map
+//# sourceMappingURL=useSyncRef.module.js.map

package/dist/useSyncRef.module.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAUM,SAAS,0CAAc,OAAgC,EAAE,GAAkB;IAChF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/@react-aria/utils/src/useSyncRef.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 {MutableRefObject, RefObject} from 'react';\nimport {useLayoutEffect} from './';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T>) {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAWM,SAAS,0CAAc,OAAgC,EAAE,GAAyB;IACvF,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,WAAW,QAAQ,GAAG,IAAI,KAAK;YACjC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,OAAO;YACjC,OAAO;gBACL,IAAI,QAAQ,GAAG,EACb,QAAQ,GAAG,CAAC,OAAO,GAAG;YAE1B;QACF;IACF;AACF","sources":["packages/@react-aria/utils/src/useSyncRef.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 {MutableRefObject} from 'react';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from './';\n\ninterface ContextValue<T> {\n  ref?: MutableRefObject<T | null>\n}\n\n// Syncs ref from context with ref passed to hook\nexport function useSyncRef<T>(context?: ContextValue<T> | null, ref?: RefObject<T | null>) {\n  useLayoutEffect(() => {\n    if (context && context.ref && ref) {\n      context.ref.current = ref.current;\n      return () => {\n        if (context.ref) {\n          context.ref.current = null;\n        }\n      };\n    }\n  });\n}\n"],"names":[],"version":3,"file":"useSyncRef.module.js.map"}

package/dist/useUpdateEffect.mjs

@@ -30,4 +30,4 @@ function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
 
 
 export {$4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect};
-//# sourceMappingURL=useUpdateEffect.mjs.map
+//# sourceMappingURL=useUpdateEffect.module.js.map

package/dist/useValueEffect.mjs

@@ -50,4 +50,4 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
 
 
 export {$1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect};
-//# sourceMappingURL=useValueEffect.mjs.map
+//# sourceMappingURL=useValueEffect.module.js.map

package/dist/useViewportSize.main.js

@@ -20,7 +20,7 @@ $parcel$export(module.exports, "useViewportSize", () => $8b24bab62f5c65ad$export
  */ 
 
 // @ts-ignore
-let $8b24bab62f5c65ad$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+let $8b24bab62f5c65ad$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $8b24bab62f5c65ad$export$d699905dd57c73ca() {
     let isSSR = (0, $4gIVO$reactariassr.useIsSSR)();
     let [size, setSize] = (0, $4gIVO$react.useState)(()=>isSSR ? {
@@ -36,11 +36,11 @@ function $8b24bab62f5c65ad$export$d699905dd57c73ca() {
                 return newSize;
             });
         };
-        if (!$8b24bab62f5c65ad$var$visualViewport) window.addEventListener("resize", onResize);
-        else $8b24bab62f5c65ad$var$visualViewport.addEventListener("resize", onResize);
+        if (!$8b24bab62f5c65ad$var$visualViewport) window.addEventListener('resize', onResize);
+        else $8b24bab62f5c65ad$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
-            if (!$8b24bab62f5c65ad$var$visualViewport) window.removeEventListener("resize", onResize);
-            else $8b24bab62f5c65ad$var$visualViewport.removeEventListener("resize", onResize);
+            if (!$8b24bab62f5c65ad$var$visualViewport) window.removeEventListener('resize', onResize);
+            else $8b24bab62f5c65ad$var$visualViewport.removeEventListener('resize', onResize);
         };
     }, []);
     return size;

package/dist/useViewportSize.mjs

@@ -14,7 +14,7 @@ import {useIsSSR as $fuDHA$useIsSSR} from "@react-aria/ssr";
  */ 
 
 // @ts-ignore
-let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
     let isSSR = (0, $fuDHA$useIsSSR)();
     let [size, setSize] = (0, $fuDHA$useState)(()=>isSSR ? {
@@ -30,11 +30,11 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
                 return newSize;
             });
         };
-        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener("resize", onResize);
-        else $5df64b3807dc15ee$var$visualViewport.addEventListener("resize", onResize);
+        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
+        else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
-            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener("resize", onResize);
-            else $5df64b3807dc15ee$var$visualViewport.removeEventListener("resize", onResize);
+            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
+            else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
         };
     }, []);
     return size;
@@ -48,4 +48,4 @@ function $5df64b3807dc15ee$var$getViewportSize() {
 
 
 export {$5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize};
-//# sourceMappingURL=useViewportSize.mjs.map
+//# sourceMappingURL=useViewportSize.module.js.map

package/dist/useViewportSize.module.js

@@ -14,7 +14,7 @@ import {useIsSSR as $fuDHA$useIsSSR} from "@react-aria/ssr";
  */ 
 
 // @ts-ignore
-let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
     let isSSR = (0, $fuDHA$useIsSSR)();
     let [size, setSize] = (0, $fuDHA$useState)(()=>isSSR ? {
@@ -30,11 +30,11 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
                 return newSize;
             });
         };
-        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener("resize", onResize);
-        else $5df64b3807dc15ee$var$visualViewport.addEventListener("resize", onResize);
+        if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
+        else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
-            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener("resize", onResize);
-            else $5df64b3807dc15ee$var$visualViewport.removeEventListener("resize", onResize);
+            if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
+            else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
         };
     }, []);
     return size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/utils",
-  "version": "3.24.0",
+  "version": "3.25.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,17 +22,17 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/ssr": "^3.9.3",
-    "@react-stately/utils": "^3.10.0",
-    "@react-types/shared": "^3.23.0",
+    "@react-aria/ssr": "^3.9.5",
+    "@react-stately/utils": "^3.10.2",
+    "@react-types/shared": "^3.24.0",
     "@swc/helpers": "^0.5.0",
     "clsx": "^2.0.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
+  "gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
 }

package/src/index.ts

@@ -17,7 +17,7 @@ export {mergeRefs} from './mergeRefs';
 export {filterDOMProps} from './filterDOMProps';
 export {focusWithoutScrolling} from './focusWithoutScrolling';
 export {getOffset} from './getOffset';
-export {openLink, getSyntheticLinkProps, RouterProvider, shouldClientNavigate, useRouter, useLinkProps} from './openLink';
+export {openLink, useSyntheticLinkProps, RouterProvider, shouldClientNavigate, useRouter, useLinkProps} from './openLink';
 export {runAfterTransition} from './runAfterTransition';
 export {useDrag1D} from './useDrag1D';
 export {useGlobalListeners} from './useGlobalListeners';
@@ -41,3 +41,4 @@ export {isVirtualClick, isVirtualPointerEvent} from './isVirtualEvent';
 export {useEffectEvent} from './useEffectEvent';
 export {useDeepMemo} from './useDeepMemo';
 export {useFormReset} from './useFormReset';
+export {useLoadMore} from './useLoadMore';

package/src/mergeRefs.ts

@@ -15,8 +15,8 @@ import {ForwardedRef, MutableRefObject} from 'react';
 /**
  * Merges multiple refs into one. Works with either callback or object refs.
  */
-export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T>>): ForwardedRef<T> {
-  if (refs.length === 1) {
+export function mergeRefs<T>(...refs: Array<ForwardedRef<T> | MutableRefObject<T> | null | undefined>): ForwardedRef<T> {
+  if (refs.length === 1 && refs[0]) {
     return refs[0];
   }
 

package/src/openLink.tsx

@@ -146,9 +146,10 @@ function openSyntheticLink(target: Element, modifiers: Modifiers) {
   getSyntheticLink(target, link => openLink(link, modifiers));
 }
 
-export function getSyntheticLinkProps(props: LinkDOMProps) {
+export function useSyntheticLinkProps(props: LinkDOMProps) {
+  let router = useRouter();
   return {
-    'data-href': props.href,
+    'data-href': props.href ? router.useHref(props.href) : undefined,
     'data-target': props.target,
     'data-rel': props.rel,
     'data-download': props.download,