framer-motion 8.4.1 → 8.4.3

package/dist/cjs/index.js

@@ -2072,7 +2072,7 @@ class MotionValue {
          * 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 = "8.4.1";
+        this.version = "8.4.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -4166,17 +4166,7 @@ function animateTarget(visualElement, definition, { delay = 0, transitionOverrid
                 shouldBlockAnimation(animationTypeState, key))) {
             continue;
         }
-        let valueTransition = { delay, elapsed: 0, ...transition };
-        /**
-         * Make animation instant if this is a transform prop and we should reduce motion.
-         */
-        if (visualElement.shouldReduceMotion && transformProps.has(key)) {
-            valueTransition = {
-                ...valueTransition,
-                type: false,
-                delay: 0,
-            };
-        }
+        const valueTransition = { delay, elapsed: 0, ...transition };
         /**
          * If this is the first time a value is being animated, check
          * to see if we're handling off from an existing animation.
@@ -4187,7 +4177,9 @@ function animateTarget(visualElement, definition, { delay = 0, transitionOverrid
                 valueTransition.elapsed = handoffOptimizedAppearAnimation(appearId, key);
             }
         }
-        let animation = value.start(createMotionValueAnimation(key, value, valueTarget, valueTransition));
+        let animation = value.start(createMotionValueAnimation(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)
+            ? { type: false }
+            : valueTransition));
         if (isWillChangeMotionValue(willChange)) {
             willChange.add(key);
             animation = animation.then(() => willChange.remove(key));
@@ -4643,8 +4635,12 @@ class PanSession {
         };
         this.handlePointerUp = (event, info) => {
             this.end();
+            if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+                return;
             const { onEnd, onSessionEnd } = this.handlers;
-            const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
+            const panInfo = getPanInfo(event.type === "pointercancel"
+                ? this.lastMoveEventInfo
+                : transformPoint(info, this.transformPagePoint), this.history);
             if (this.startEvent && onEnd) {
                 onEnd(event, panInfo);
             }
@@ -5928,7 +5924,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.4.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/gestures/PanSession.mjs

@@ -57,8 +57,12 @@ class PanSession {
         };
         this.handlePointerUp = (event, info) => {
             this.end();
+            if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+                return;
             const { onEnd, onSessionEnd } = this.handlers;
-            const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
+            const panInfo = getPanInfo(event.type === "pointercancel"
+                ? this.lastMoveEventInfo
+                : transformPoint(info, this.transformPagePoint), this.history);
             if (this.startEvent && onEnd) {
                 onEnd(event, panInfo);
             }

package/dist/es/render/utils/animation.mjs

@@ -83,17 +83,7 @@ function animateTarget(visualElement, definition, { delay = 0, transitionOverrid
                 shouldBlockAnimation(animationTypeState, key))) {
             continue;
         }
-        let valueTransition = { delay, elapsed: 0, ...transition };
-        /**
-         * Make animation instant if this is a transform prop and we should reduce motion.
-         */
-        if (visualElement.shouldReduceMotion && transformProps.has(key)) {
-            valueTransition = {
-                ...valueTransition,
-                type: false,
-                delay: 0,
-            };
-        }
+        const valueTransition = { delay, elapsed: 0, ...transition };
         /**
          * If this is the first time a value is being animated, check
          * to see if we're handling off from an existing animation.
@@ -104,7 +94,9 @@ function animateTarget(visualElement, definition, { delay = 0, transitionOverrid
                 valueTransition.elapsed = handoffOptimizedAppearAnimation(appearId, key);
             }
         }
-        let animation = value.start(createMotionValueAnimation(key, value, valueTarget, valueTransition));
+        let animation = value.start(createMotionValueAnimation(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)
+            ? { type: false }
+            : valueTransition));
         if (isWillChangeMotionValue(willChange)) {
             willChange.add(key);
             animation = animation.then(() => willChange.remove(key));

package/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.4.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.1 may not work as expected.`);
+                warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -25,7 +25,7 @@ class MotionValue {
          * 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 = "8.4.1";
+        this.version = "8.4.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -2070,7 +2070,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 = "8.4.1";
+            this.version = "8.4.2";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -4179,17 +4179,7 @@
                     shouldBlockAnimation(animationTypeState, key))) {
                 continue;
             }
-            let valueTransition = { delay, elapsed: 0, ...transition };
-            /**
-             * Make animation instant if this is a transform prop and we should reduce motion.
-             */
-            if (visualElement.shouldReduceMotion && transformProps.has(key)) {
-                valueTransition = {
-                    ...valueTransition,
-                    type: false,
-                    delay: 0,
-                };
-            }
+            const valueTransition = { delay, elapsed: 0, ...transition };
             /**
              * If this is the first time a value is being animated, check
              * to see if we're handling off from an existing animation.
@@ -4200,7 +4190,9 @@
                     valueTransition.elapsed = handoffOptimizedAppearAnimation(appearId, key);
                 }
             }
-            let animation = value.start(createMotionValueAnimation(key, value, valueTarget, valueTransition));
+            let animation = value.start(createMotionValueAnimation(key, value, valueTarget, visualElement.shouldReduceMotion && transformProps.has(key)
+                ? { type: false }
+                : valueTransition));
             if (isWillChangeMotionValue(willChange)) {
                 willChange.add(key);
                 animation = animation.then(() => willChange.remove(key));
@@ -4656,8 +4648,12 @@
             };
             this.handlePointerUp = (event, info) => {
                 this.end();
+                if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+                    return;
                 const { onEnd, onSessionEnd } = this.handlers;
-                const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
+                const panInfo = getPanInfo(event.type === "pointercancel"
+                    ? this.lastMoveEventInfo
+                    : transformPoint(info, this.transformPagePoint), this.history);
                 if (this.startEvent && onEnd) {
                     onEnd(event, panInfo);
                 }
@@ -5941,7 +5937,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "8.4.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {