framer-motion 12.7.2 → 12.7.4

package/dist/framer-motion.dev.js

@@ -170,33 +170,36 @@
     const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, }) => {
         const presenceChildren = useConstant(newChildrenMap);
         const id = React$1.useId();
-        const memoizedOnExitComplete = React$1.useCallback((childId) => {
-            presenceChildren.set(childId, true);
-            for (const isComplete of presenceChildren.values()) {
-                if (!isComplete)
-                    return; // can stop searching when any is incomplete
-            }
-            onExitComplete && onExitComplete();
-        }, [presenceChildren, onExitComplete]);
-        const context = React$1.useMemo(() => ({
-            id,
-            initial,
-            isPresent,
-            custom,
-            onExitComplete: memoizedOnExitComplete,
-            register: (childId) => {
-                presenceChildren.set(childId, false);
-                return () => presenceChildren.delete(childId);
-            },
-        }), 
+        let isReusedContext = true;
+        let context = React$1.useMemo(() => {
+            isReusedContext = false;
+            return {
+                id,
+                initial,
+                isPresent,
+                custom,
+                onExitComplete: (childId) => {
+                    presenceChildren.set(childId, true);
+                    for (const isComplete of presenceChildren.values()) {
+                        if (!isComplete)
+                            return; // can stop searching when any is incomplete
+                    }
+                    onExitComplete && onExitComplete();
+                },
+                register: (childId) => {
+                    presenceChildren.set(childId, false);
+                    return () => presenceChildren.delete(childId);
+                },
+            };
+        }, [isPresent, presenceChildren, onExitComplete]);
         /**
          * If the presence of a child affects the layout of the components around it,
          * we want to make a new context value to ensure they get re-rendered
          * so they can detect that layout change.
          */
-        presenceAffectsLayout
-            ? [Math.random(), memoizedOnExitComplete]
-            : [isPresent, memoizedOnExitComplete]);
+        if (presenceAffectsLayout && isReusedContext) {
+            context = { ...context };
+        }
         React$1.useMemo(() => {
             presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
         }, [isPresent]);
@@ -911,6 +914,7 @@
             }
             const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
             let { transition } = options;
+            this.isPseudoElement = Boolean(pseudoElement);
             this.allowFlatten = allowFlatten;
             /**
              * Stop any existing animations on the element before reading existing keyframes.
@@ -982,10 +986,11 @@
          * while deferring the commit until the next animation frame.
          */
         commitStyles() {
-            this.animation.commitStyles?.();
+            if (!this.isPseudoElement) {
+                this.animation.commitStyles?.();
+            }
         }
         get duration() {
-            console.log(this.animation.effect?.getComputedTiming());
             const duration = this.animation.effect?.getComputedTiming().duration || 0;
             return millisecondsToSeconds(Number(duration));
         }
@@ -1560,7 +1565,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "12.7.2";
+            this.version = "12.7.4";
             /**
              * Tracks whether this value can output a velocity. Currently this is only true
              * if the value is numerical, but we might be able to widen the scope here and support
@@ -7149,7 +7154,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "12.7.2", `Attempting to mix Motion versions ${nextValue.version} with 12.7.2 may not work as expected.`);
+                    warnOnce(nextValue.version === "12.7.4", `Attempting to mix Motion versions ${nextValue.version} with 12.7.4 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {