framer-motion 10.0.0-alpha.1 → 10.0.1

package/dist/cjs/index.js

@@ -1987,7 +1987,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 = "10.0.0-alpha.1";
+        this.version = "10.0.1";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -3519,9 +3519,19 @@ function animateValue({ duration, driver = framesync, elapsed = 0, repeat: repea
          * animate() can't yet be sampled for time, instead it
          * consumes time. So to sample it we have to run a low
          * temporal-resolution version.
+         *
+         * isControlled should be set to true if sample is being run within
+         * a loop. This indicates that we're not arbitrarily sampling
+         * the animation but running it one step after another. Therefore
+         * we don't need to run a low-res version here. This is a stop-gap
+         * until a rewrite can sample for time.
          */
-        sample: (t) => {
+        sample: (t, isControlled = false) => {
             elapsed = initialElapsed;
+            if (isControlled) {
+                update(t);
+                return state;
+            }
             const sampleResolution = duration && typeof duration === "number"
                 ? Math.max(duration * 0.5, 50)
                 : 50;
@@ -3612,6 +3622,9 @@ const acceleratedValues = new Set([
  * keyframe quantity.
  */
 const sampleDelta = 10; //ms
+const requiresPregeneratedKeyframes = (valueName, options) => options.type === "spring" ||
+    valueName === "backgroundColor" ||
+    !isWaapiSupportedEasing(options.ease);
 function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {
     const canAccelerateAnimation = supports.waapi() &&
         acceleratedValues.has(valueName) &&
@@ -3624,9 +3637,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
     /**
      * If this animation needs pre-generated keyframes then generate.
      */
-    if (options.type === "spring" ||
-        valueName === "backgroundColor" ||
-        !isWaapiSupportedEasing(options.ease)) {
+    if (requiresPregeneratedKeyframes(valueName, options)) {
         const sampleAnimation = animateValue({
             ...options,
             repeat: 0,
@@ -3640,7 +3651,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
          */
         let t = 0;
         while (!state.done && t < 20000) {
-            state = sampleAnimation.sample(t);
+            state = sampleAnimation.sample(t, true);
             pregeneratedKeyframes.push(state.value);
             t += sampleDelta;
         }
@@ -7829,7 +7840,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "10.0.0-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.0-alpha.1 may not work as expected.`);
+                warnOnce(nextValue.version === "10.0.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/animation/legacy-popmotion/index.mjs

@@ -132,9 +132,19 @@ function animateValue({ duration, driver = framesync, elapsed = 0, repeat: repea
          * animate() can't yet be sampled for time, instead it
          * consumes time. So to sample it we have to run a low
          * temporal-resolution version.
+         *
+         * isControlled should be set to true if sample is being run within
+         * a loop. This indicates that we're not arbitrarily sampling
+         * the animation but running it one step after another. Therefore
+         * we don't need to run a low-res version here. This is a stop-gap
+         * until a rewrite can sample for time.
          */
-        sample: (t) => {
+        sample: (t, isControlled = false) => {
             elapsed = initialElapsed;
+            if (isControlled) {
+                update(t);
+                return state;
+            }
             const sampleResolution = duration && typeof duration === "number"
                 ? Math.max(duration * 0.5, 50)
                 : 50;

package/dist/es/animation/waapi/create-accelerated-animation.mjs

@@ -21,6 +21,9 @@ const acceleratedValues = new Set([
  * keyframe quantity.
  */
 const sampleDelta = 10; //ms
+const requiresPregeneratedKeyframes = (valueName, options) => options.type === "spring" ||
+    valueName === "backgroundColor" ||
+    !isWaapiSupportedEasing(options.ease);
 function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {
     const canAccelerateAnimation = supports.waapi() &&
         acceleratedValues.has(valueName) &&
@@ -33,9 +36,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
     /**
      * If this animation needs pre-generated keyframes then generate.
      */
-    if (options.type === "spring" ||
-        valueName === "backgroundColor" ||
-        !isWaapiSupportedEasing(options.ease)) {
+    if (requiresPregeneratedKeyframes(valueName, options)) {
         const sampleAnimation = animateValue({
             ...options,
             repeat: 0,
@@ -49,7 +50,7 @@ function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ..
          */
         let t = 0;
         while (!state.done && t < 20000) {
-            state = sampleAnimation.sample(t);
+            state = sampleAnimation.sample(t, true);
             pregeneratedKeyframes.push(state.value);
             t += sampleDelta;
         }

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 === "10.0.0-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.0-alpha.1 may not work as expected.`);
+                warnOnce(nextValue.version === "10.0.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.1 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -26,7 +26,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 = "10.0.0-alpha.1";
+        this.version = "10.0.1";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -1987,7 +1987,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 = "10.0.0-alpha.1";
+            this.version = "10.0.1";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -3519,9 +3519,19 @@
              * animate() can't yet be sampled for time, instead it
              * consumes time. So to sample it we have to run a low
              * temporal-resolution version.
+             *
+             * isControlled should be set to true if sample is being run within
+             * a loop. This indicates that we're not arbitrarily sampling
+             * the animation but running it one step after another. Therefore
+             * we don't need to run a low-res version here. This is a stop-gap
+             * until a rewrite can sample for time.
              */
-            sample: (t) => {
+            sample: (t, isControlled = false) => {
                 elapsed = initialElapsed;
+                if (isControlled) {
+                    update(t);
+                    return state;
+                }
                 const sampleResolution = duration && typeof duration === "number"
                     ? Math.max(duration * 0.5, 50)
                     : 50;
@@ -3612,6 +3622,9 @@
      * keyframe quantity.
      */
     const sampleDelta = 10; //ms
+    const requiresPregeneratedKeyframes = (valueName, options) => options.type === "spring" ||
+        valueName === "backgroundColor" ||
+        !isWaapiSupportedEasing(options.ease);
     function createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {
         const canAccelerateAnimation = supports.waapi() &&
             acceleratedValues.has(valueName) &&
@@ -3624,9 +3637,7 @@
         /**
          * If this animation needs pre-generated keyframes then generate.
          */
-        if (options.type === "spring" ||
-            valueName === "backgroundColor" ||
-            !isWaapiSupportedEasing(options.ease)) {
+        if (requiresPregeneratedKeyframes(valueName, options)) {
             const sampleAnimation = animateValue({
                 ...options,
                 repeat: 0,
@@ -3640,7 +3651,7 @@
              */
             let t = 0;
             while (!state.done && t < 20000) {
-                state = sampleAnimation.sample(t);
+                state = sampleAnimation.sample(t, true);
                 pregeneratedKeyframes.push(state.value);
                 t += sampleDelta;
             }
@@ -7829,7 +7840,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "10.0.0-alpha.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.0-alpha.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "10.0.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.0.1 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {