@react-aria/utils 3.17.0 → 3.18.0

package/dist/import.mjs

@@ -1,5 +1,5 @@
 import {clamp as $4507461a1b870123$re_export$clamp, snapValueToStep as $4507461a1b870123$re_export$snapValueToStep} from "@react-stately/utils";
-import $12uGp$react, {useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect} from "react";
+import $12uGp$react, {useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect, useMemo as $12uGp$useMemo} from "react";
 import {useSSRSafeId as $12uGp$useSSRSafeId} from "@react-aria/ssr";
 import $12uGp$clsx from "clsx";
 
@@ -429,7 +429,7 @@ function $bbed8b41f857bcc0$export$24490316f764c430(fn) {
  * 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.
- */ 
+ */ /* eslint-disable rulesdir/pure-render */ 
 
 // Keep track of elements that we are currently handling dragging for via useDrag1D.
 // If there's an ancestor and a descendant both using useDrag1D(), and the user starts
@@ -620,8 +620,8 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
     id = (0, $bdb11010cef70236$export$f680877a34711e37)(id);
     if (labelledBy && label) {
         let ids = new Set([
-            ...labelledBy.trim().split(/\s+/),
-            id
+            id,
+            ...labelledBy.trim().split(/\s+/)
         ]);
         labelledBy = [
             ...ids
@@ -648,25 +648,20 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-
 function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
     const objRef = (0, $12uGp$useRef)();
-    /**
-   * We're using `useLayoutEffect` here instead of `useEffect` because we want
-   * to make sure that the `ref` value is up to date before other places in the
-   * the execution cycle try to read it.
-   */ (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        if (!forwardedRef) return;
-        if (typeof forwardedRef === "function") forwardedRef(objRef.current);
-        else forwardedRef.current = objRef.current;
-        return ()=>{
-            if (typeof forwardedRef === "function") forwardedRef(null);
-            else forwardedRef.current = null;
-        };
-    }, [
+    return (0, $12uGp$useMemo)(()=>({
+            get current () {
+                return objRef.current;
+            },
+            set current (value){
+                objRef.current = value;
+                if (typeof forwardedRef === "function") forwardedRef(value);
+                else if (forwardedRef) forwardedRef.current = value;
+            }
+        }), [
         forwardedRef
     ]);
-    return objRef;
 }
 
 
@@ -683,9 +678,17 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
  */ 
 function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
     const isInitialMount = (0, $12uGp$useRef)(true);
+    const lastDeps = (0, $12uGp$useRef)(null);
+    (0, $12uGp$useEffect)(()=>{
+        isInitialMount.current = true;
+        return ()=>{
+            isInitialMount.current = false;
+        };
+    }, []);
     (0, $12uGp$useEffect)(()=>{
         if (isInitialMount.current) isInitialMount.current = false;
-        else effect();
+        else if (!lastDeps.current || dependencies.some((dep, i)=>!Object.is(dep, lastDeps[i]))) effect();
+        lastDeps.current = dependencies;
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
 }
@@ -917,23 +920,48 @@ function $c87311424ea30a05$export$a11b0059900ceec8() {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+/*
+ * Copyright 2023 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 $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+    const ref = (0, $12uGp$useRef)(null);
+    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        ref.current = fn;
+    }, [
+        fn
+    ]);
+    return (0, $12uGp$useCallback)((...args)=>{
+        const f = ref.current;
+        return f(...args);
+    }, []);
+}
+
+
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
-    let handlerRef = (0, $12uGp$useRef)(handler);
-    handlerRef.current = handler;
+    let handleEvent = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)(handler);
     let isDisabled = handler == null;
     (0, $12uGp$useEffect)(()=>{
         if (isDisabled) return;
         let element = ref.current;
-        let handler = (e)=>handlerRef.current.call(this, e);
-        element.addEventListener(event, handler, options);
+        element.addEventListener(event, handleEvent, options);
         return ()=>{
-            element.removeEventListener(event, handler, options);
+            element.removeEventListener(event, handleEvent, options);
         };
     }, [
         ref,
         event,
         options,
-        isDisabled
+        isDisabled,
+        handleEvent
     ]);
 }
 
@@ -1061,6 +1089,7 @@ function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
 }
 
 
+
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1071,23 +1100,18 @@ function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
  * 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 $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-    const ref = (0, $12uGp$useRef)(null);
-    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
-        ref.current = fn;
-    }, [
-        fn
-    ]);
-    return (0, $12uGp$useCallback)((...args)=>{
-        const f = ref.current;
-        return f(...args);
-    }, []);
+ */ /* eslint-disable rulesdir/pure-render */ 
+function $5a387cc49350e6db$export$722debc0e56fea39(value, isEqual) {
+    // Using a ref during render is ok here because it's only an optimization – both values are equivalent.
+    // If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
+    let lastValue = (0, $12uGp$useRef)(null);
+    if (value && lastValue.current && isEqual(value, lastValue.current)) value = lastValue.current;
+    lastValue.current = value;
+    return value;
 }
 
 
 
 
-export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent, $8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent};
+export {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent, $8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent, $5a387cc49350e6db$export$722debc0e56fea39 as useDeepMemo};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -49,6 +49,7 @@ $parcel$export(module.exports, "snapValueToStep", () => $1Yh1N$reactstatelyutils
 $parcel$export(module.exports, "isVirtualClick", () => $577e795361f19be9$export$60278871457622de);
 $parcel$export(module.exports, "isVirtualPointerEvent", () => $577e795361f19be9$export$29bf1b5f2c56cf63);
 $parcel$export(module.exports, "useEffectEvent", () => $1254e5bb94ac8761$export$7f54fc3180508a52);
+$parcel$export(module.exports, "useDeepMemo", () => $20e6e72fbf5dc81e$export$722debc0e56fea39);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -475,7 +476,7 @@ function $e8117ebcab55be6a$export$24490316f764c430(fn) {
  * 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.
- */ 
+ */ /* eslint-disable rulesdir/pure-render */ 
 
 // Keep track of elements that we are currently handling dragging for via useDrag1D.
 // If there's an ancestor and a descendant both using useDrag1D(), and the user starts
@@ -666,8 +667,8 @@ function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
     id = (0, $8c61827343eed941$export$f680877a34711e37)(id);
     if (labelledBy && label) {
         let ids = new Set([
-            ...labelledBy.trim().split(/\s+/),
-            id
+            id,
+            ...labelledBy.trim().split(/\s+/)
         ]);
         labelledBy = [
             ...ids
@@ -694,25 +695,20 @@ function $6ec78bde395c477d$export$d6875122194c7b44(props, defaultLabel) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-
 function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
     const objRef = (0, $1Yh1N$react.useRef)();
-    /**
-   * We're using `useLayoutEffect` here instead of `useEffect` because we want
-   * to make sure that the `ref` value is up to date before other places in the
-   * the execution cycle try to read it.
-   */ (0, $78605a5d7424e31b$export$e5c5a5f917a5871c)(()=>{
-        if (!forwardedRef) return;
-        if (typeof forwardedRef === "function") forwardedRef(objRef.current);
-        else forwardedRef.current = objRef.current;
-        return ()=>{
-            if (typeof forwardedRef === "function") forwardedRef(null);
-            else forwardedRef.current = null;
-        };
-    }, [
+    return (0, $1Yh1N$react.useMemo)(()=>({
+            get current () {
+                return objRef.current;
+            },
+            set current (value){
+                objRef.current = value;
+                if (typeof forwardedRef === "function") forwardedRef(value);
+                else if (forwardedRef) forwardedRef.current = value;
+            }
+        }), [
         forwardedRef
     ]);
-    return objRef;
 }
 
 
@@ -729,9 +725,17 @@ function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
  */ 
 function $29293a6f5c75b37e$export$496315a1608d9602(effect, dependencies) {
     const isInitialMount = (0, $1Yh1N$react.useRef)(true);
+    const lastDeps = (0, $1Yh1N$react.useRef)(null);
+    (0, $1Yh1N$react.useEffect)(()=>{
+        isInitialMount.current = true;
+        return ()=>{
+            isInitialMount.current = false;
+        };
+    }, []);
     (0, $1Yh1N$react.useEffect)(()=>{
         if (isInitialMount.current) isInitialMount.current = false;
-        else effect();
+        else if (!lastDeps.current || dependencies.some((dep, i)=>!Object.is(dep, lastDeps[i]))) effect();
+        lastDeps.current = dependencies;
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
 }
@@ -963,23 +967,48 @@ function $9e20cff0af27e8cc$export$a11b0059900ceec8() {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+/*
+ * Copyright 2023 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 $1254e5bb94ac8761$export$7f54fc3180508a52(fn) {
+    const ref = (0, $1Yh1N$react.useRef)(null);
+    (0, $78605a5d7424e31b$export$e5c5a5f917a5871c)(()=>{
+        ref.current = fn;
+    }, [
+        fn
+    ]);
+    return (0, $1Yh1N$react.useCallback)((...args)=>{
+        const f = ref.current;
+        return f(...args);
+    }, []);
+}
+
+
 function $2a8c0bb1629926c8$export$90fc3a17d93f704c(ref, event, handler, options) {
-    let handlerRef = (0, $1Yh1N$react.useRef)(handler);
-    handlerRef.current = handler;
+    let handleEvent = (0, $1254e5bb94ac8761$export$7f54fc3180508a52)(handler);
     let isDisabled = handler == null;
     (0, $1Yh1N$react.useEffect)(()=>{
         if (isDisabled) return;
         let element = ref.current;
-        let handler = (e)=>handlerRef.current.call(this, e);
-        element.addEventListener(event, handler, options);
+        element.addEventListener(event, handleEvent, options);
         return ()=>{
-            element.removeEventListener(event, handler, options);
+            element.removeEventListener(event, handleEvent, options);
         };
     }, [
         ref,
         event,
         options,
-        isDisabled
+        isDisabled,
+        handleEvent
     ]);
 }
 
@@ -1107,6 +1136,7 @@ function $577e795361f19be9$export$29bf1b5f2c56cf63(event) {
 }
 
 
+
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1117,19 +1147,14 @@ function $577e795361f19be9$export$29bf1b5f2c56cf63(event) {
  * 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 $1254e5bb94ac8761$export$7f54fc3180508a52(fn) {
-    const ref = (0, $1Yh1N$react.useRef)(null);
-    (0, $78605a5d7424e31b$export$e5c5a5f917a5871c)(()=>{
-        ref.current = fn;
-    }, [
-        fn
-    ]);
-    return (0, $1Yh1N$react.useCallback)((...args)=>{
-        const f = ref.current;
-        return f(...args);
-    }, []);
+ */ /* eslint-disable rulesdir/pure-render */ 
+function $20e6e72fbf5dc81e$export$722debc0e56fea39(value, isEqual) {
+    // Using a ref during render is ok here because it's only an optimization – both values are equivalent.
+    // If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
+    let lastValue = (0, $1Yh1N$react.useRef)(null);
+    if (value && lastValue.current && isEqual(value, lastValue.current)) value = lastValue.current;
+    lastValue.current = value;
+    return value;
 }