@react-aria/utils 3.15.0 → 3.17.0

package/dist/import.mjs

@@ -55,34 +55,45 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
     let [value, setValue] = (0, $12uGp$useState)(defaultValue);
     let valueRef = (0, $12uGp$useRef)(value);
     let effect = (0, $12uGp$useRef)(null);
-    valueRef.current = value;
-    // Store the function in a ref so we can always access the current version
-    // which has the proper `value` in scope.
-    let nextRef = (0, $12uGp$useRef)(null);
-    nextRef.current = ()=>{
+    // Must be stable so that `queue` is stable.
+    let nextIter = (0, $12uGp$useCallback)(()=>{
         // Run the generator to the next yield.
         let newValue = effect.current.next();
+        while(!newValue.done && valueRef.current === newValue.value)// If the value is the same as the current value,
+        // then continue to the next yield. Otherwise,
+        // set the value in state and wait for the next layout effect.
+        newValue = effect.current.next();
         // If the generator is done, reset the effect.
         if (newValue.done) {
             effect.current = null;
             return;
         }
-        // If the value is the same as the current value,
-        // then continue to the next yield. Otherwise,
-        // set the value in state and wait for the next layout effect.
-        if (value === newValue.value) nextRef.current();
-        else setValue(newValue.value);
-    };
+        // Always update valueRef when setting the state.
+        // This is needed because the function is not regenerated with the new state value since
+        // they must be stable across renders. Instead, it gets carried in the ref, but the setState
+        // is also needed in order to cause a rerender.
+        setValue(newValue.value);
+        valueRef.current = newValue.value;
+    // this list of dependencies is stable, setState and refs never change after first render.
+    }, [
+        setValue,
+        valueRef,
+        effect
+    ]);
     (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         // If there is an effect currently running, continue to the next yield.
-        if (effect.current) nextRef.current();
+        if (effect.current) nextIter();
     });
+    // queue must be a stable function, much like setState.
     let queue = (0, $12uGp$useCallback)((fn)=>{
         effect.current = fn(valueRef.current);
-        nextRef.current();
+        nextIter();
+    // this list of dependencies is stable, setState and refs never change after first render.
+    // in addition, nextIter is stable as outlined above
     }, [
+        nextIter,
         effect,
-        nextRef
+        valueRef
     ]);
     return [
         value,
@@ -220,6 +231,7 @@ function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {
+    if (refs.length === 1) return refs[0];
     return (value)=>{
         for (let ref of refs){
             if (typeof ref === "function") ref(value);
@@ -647,6 +659,10 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
         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;
+        };
     }, [
         forwardedRef
     ]);
@@ -1045,7 +1061,33 @@ 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");
+ * 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);
+    }, []);
+}
+
+
 
 
-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};
+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};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -48,6 +48,7 @@ $parcel$export(module.exports, "clamp", () => $1Yh1N$reactstatelyutils.clamp);
 $parcel$export(module.exports, "snapValueToStep", () => $1Yh1N$reactstatelyutils.snapValueToStep);
 $parcel$export(module.exports, "isVirtualClick", () => $577e795361f19be9$export$60278871457622de);
 $parcel$export(module.exports, "isVirtualPointerEvent", () => $577e795361f19be9$export$29bf1b5f2c56cf63);
+$parcel$export(module.exports, "useEffectEvent", () => $1254e5bb94ac8761$export$7f54fc3180508a52);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -100,34 +101,45 @@ function $19a2307bfabafaf1$export$14d238f342723f25(defaultValue) {
     let [value, setValue] = (0, $1Yh1N$react.useState)(defaultValue);
     let valueRef = (0, $1Yh1N$react.useRef)(value);
     let effect = (0, $1Yh1N$react.useRef)(null);
-    valueRef.current = value;
-    // Store the function in a ref so we can always access the current version
-    // which has the proper `value` in scope.
-    let nextRef = (0, $1Yh1N$react.useRef)(null);
-    nextRef.current = ()=>{
+    // Must be stable so that `queue` is stable.
+    let nextIter = (0, $1Yh1N$react.useCallback)(()=>{
         // Run the generator to the next yield.
         let newValue = effect.current.next();
+        while(!newValue.done && valueRef.current === newValue.value)// If the value is the same as the current value,
+        // then continue to the next yield. Otherwise,
+        // set the value in state and wait for the next layout effect.
+        newValue = effect.current.next();
         // If the generator is done, reset the effect.
         if (newValue.done) {
             effect.current = null;
             return;
         }
-        // If the value is the same as the current value,
-        // then continue to the next yield. Otherwise,
-        // set the value in state and wait for the next layout effect.
-        if (value === newValue.value) nextRef.current();
-        else setValue(newValue.value);
-    };
+        // Always update valueRef when setting the state.
+        // This is needed because the function is not regenerated with the new state value since
+        // they must be stable across renders. Instead, it gets carried in the ref, but the setState
+        // is also needed in order to cause a rerender.
+        setValue(newValue.value);
+        valueRef.current = newValue.value;
+    // this list of dependencies is stable, setState and refs never change after first render.
+    }, [
+        setValue,
+        valueRef,
+        effect
+    ]);
     (0, $78605a5d7424e31b$export$e5c5a5f917a5871c)(()=>{
         // If there is an effect currently running, continue to the next yield.
-        if (effect.current) nextRef.current();
+        if (effect.current) nextIter();
     });
+    // queue must be a stable function, much like setState.
     let queue = (0, $1Yh1N$react.useCallback)((fn)=>{
         effect.current = fn(valueRef.current);
-        nextRef.current();
+        nextIter();
+    // this list of dependencies is stable, setState and refs never change after first render.
+    // in addition, nextIter is stable as outlined above
     }, [
+        nextIter,
         effect,
-        nextRef
+        valueRef
     ]);
     return [
         value,
@@ -265,6 +277,7 @@ function $f847cd1382ea7cd4$export$9d1611c77c2fe928(...args) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ function $f05dc24eafaeb7e2$export$c9058316764c140e(...refs) {
+    if (refs.length === 1) return refs[0];
     return (value)=>{
         for (let ref of refs){
             if (typeof ref === "function") ref(value);
@@ -692,6 +705,10 @@ function $475b35fe72ba49b3$export$4338b53315abf666(forwardedRef) {
         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;
+        };
     }, [
         forwardedRef
     ]);
@@ -1090,6 +1107,32 @@ 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");
+ * 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);
+    }, []);
+}
+
+
 
 
 //# sourceMappingURL=main.js.map