framer-motion 8.4.0 → 8.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -2072,7 +2072,7 @@ class MotionValue {
2072
2072
  * This will be replaced by the build step with the latest version number.
2073
2073
  * When MotionValues are provided to motion components, warn if versions are mixed.
2074
2074
  */
2075
- this.version = "8.4.0";
2075
+ this.version = "8.4.2";
2076
2076
  /**
2077
2077
  * Duration, in milliseconds, since last updating frame.
2078
2078
  *
@@ -3682,7 +3682,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
3682
3682
  */
3683
3683
  if (options.repeat === Infinity)
3684
3684
  return;
3685
- const sampleAnimation = animate$1(options);
3685
+ const sampleAnimation = animate$1({ ...options, elapsed: 0 });
3686
3686
  let state = { done: false, value: keyframes[0] };
3687
3687
  const pregeneratedKeyframes = [];
3688
3688
  /**
@@ -4643,8 +4643,12 @@ class PanSession {
4643
4643
  };
4644
4644
  this.handlePointerUp = (event, info) => {
4645
4645
  this.end();
4646
+ if (!(this.lastMoveEvent && this.lastMoveEventInfo))
4647
+ return;
4646
4648
  const { onEnd, onSessionEnd } = this.handlers;
4647
- const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
4649
+ const panInfo = getPanInfo(event.type === "pointercancel"
4650
+ ? this.lastMoveEventInfo
4651
+ : transformPoint(info, this.transformPagePoint), this.history);
4648
4652
  if (this.startEvent && onEnd) {
4649
4653
  onEnd(event, panInfo);
4650
4654
  }
@@ -5928,7 +5932,7 @@ function updateMotionValuesFromProps(element, next, prev) {
5928
5932
  * and warn against mismatches.
5929
5933
  */
5930
5934
  if (process.env.NODE_ENV === "development") {
5931
- warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
5935
+ warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
5932
5936
  }
5933
5937
  }
5934
5938
  else if (isMotionValue(prevValue)) {
@@ -34,7 +34,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
34
34
  */
35
35
  if (options.repeat === Infinity)
36
36
  return;
37
- const sampleAnimation = animate(options);
37
+ const sampleAnimation = animate({ ...options, elapsed: 0 });
38
38
  let state = { done: false, value: keyframes[0] };
39
39
  const pregeneratedKeyframes = [];
40
40
  /**
@@ -57,8 +57,12 @@ class PanSession {
57
57
  };
58
58
  this.handlePointerUp = (event, info) => {
59
59
  this.end();
60
+ if (!(this.lastMoveEvent && this.lastMoveEventInfo))
61
+ return;
60
62
  const { onEnd, onSessionEnd } = this.handlers;
61
- const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
63
+ const panInfo = getPanInfo(event.type === "pointercancel"
64
+ ? this.lastMoveEventInfo
65
+ : transformPoint(info, this.transformPagePoint), this.history);
62
66
  if (this.startEvent && onEnd) {
63
67
  onEnd(event, panInfo);
64
68
  }
@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
22
22
  * and warn against mismatches.
23
23
  */
24
24
  if (process.env.NODE_ENV === "development") {
25
- warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
25
+ warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
26
26
  }
27
27
  }
28
28
  else if (isMotionValue(prevValue)) {
@@ -25,7 +25,7 @@ class MotionValue {
25
25
  * This will be replaced by the build step with the latest version number.
26
26
  * When MotionValues are provided to motion components, warn if versions are mixed.
27
27
  */
28
- this.version = "8.4.0";
28
+ this.version = "8.4.2";
29
29
  /**
30
30
  * Duration, in milliseconds, since last updating frame.
31
31
  *
@@ -2070,7 +2070,7 @@
2070
2070
  * This will be replaced by the build step with the latest version number.
2071
2071
  * When MotionValues are provided to motion components, warn if versions are mixed.
2072
2072
  */
2073
- this.version = "8.4.0";
2073
+ this.version = "8.4.2";
2074
2074
  /**
2075
2075
  * Duration, in milliseconds, since last updating frame.
2076
2076
  *
@@ -3695,7 +3695,7 @@
3695
3695
  */
3696
3696
  if (options.repeat === Infinity)
3697
3697
  return;
3698
- const sampleAnimation = animate$1(options);
3698
+ const sampleAnimation = animate$1({ ...options, elapsed: 0 });
3699
3699
  let state = { done: false, value: keyframes[0] };
3700
3700
  const pregeneratedKeyframes = [];
3701
3701
  /**
@@ -4656,8 +4656,12 @@
4656
4656
  };
4657
4657
  this.handlePointerUp = (event, info) => {
4658
4658
  this.end();
4659
+ if (!(this.lastMoveEvent && this.lastMoveEventInfo))
4660
+ return;
4659
4661
  const { onEnd, onSessionEnd } = this.handlers;
4660
- const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
4662
+ const panInfo = getPanInfo(event.type === "pointercancel"
4663
+ ? this.lastMoveEventInfo
4664
+ : transformPoint(info, this.transformPagePoint), this.history);
4661
4665
  if (this.startEvent && onEnd) {
4662
4666
  onEnd(event, panInfo);
4663
4667
  }
@@ -5941,7 +5945,7 @@
5941
5945
  * and warn against mismatches.
5942
5946
  */
5943
5947
  {
5944
- warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
5948
+ warnOnce(nextValue.version === "8.4.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.2 may not work as expected.`);
5945
5949
  }
5946
5950
  }
5947
5951
  else if (isMotionValue(prevValue)) {