framer-motion 10.2.3 → 10.2.4

package/dist/cjs/dom-entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var wrap = require('./wrap-27fda06a.js');
+var wrap = require('./wrap-62da7859.js');
 
 
 

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var wrap = require('./wrap-27fda06a.js');
+var wrap = require('./wrap-62da7859.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2392,7 +2392,7 @@ function getVelocity(history, timeDelta) {
     if (!timestampedPoint) {
         return { x: 0, y: 0 };
     }
-    const time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000;
+    const time = wrap.millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);
     if (time === 0) {
         return { x: 0, y: 0 };
     }
@@ -5516,7 +5516,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                wrap.warnOnce(nextValue.version === "10.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.3 may not work as expected.`);
+                wrap.warnOnce(nextValue.version === "10.2.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.4 may not work as expected.`);
             }
         }
         else if (wrap.isMotionValue(prevValue)) {
@@ -7114,6 +7114,16 @@ function useSpring(source, config = {}) {
     return value;
 }
 
+function useMotionValueEvent(value, event, callback) {
+    /**
+     * useInsertionEffect will create subscriptions before any other
+     * effects will run. Effects run upwards through the tree so it
+     * can be that binding a useLayoutEffect higher up the tree can
+     * miss changes from lower down the tree.
+     */
+    React.useInsertionEffect(() => value.on(event, callback), [value, event, callback]);
+}
+
 /**
  * Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.
  *
@@ -7127,11 +7137,9 @@ function useSpring(source, config = {}) {
  */
 function useVelocity(value) {
     const velocity = useMotionValue(value.getVelocity());
-    React.useEffect(() => {
-        return value.on("velocityChange", (newVelocity) => {
-            velocity.set(newVelocity);
-        });
-    }, [value]);
+    useMotionValueEvent(value, "velocityChange", (newVelocity) => {
+        velocity.set(newVelocity);
+    });
     return velocity;
 }
 
@@ -7250,16 +7258,6 @@ function useWillChange() {
     return useConstant(() => new WillChangeMotionValue("auto"));
 }
 
-function useMotionValueEvent(value, event, callback) {
-    /**
-     * useInsertionEffect will create subscriptions before any other
-     * effects will run. Effects run upwards through the tree so it
-     * can be that binding a useLayoutEffect higher up the tree can
-     * miss changes from lower down the tree.
-     */
-    React.useInsertionEffect(() => value.on(event, callback), [value, event, callback]);
-}
-
 /**
  * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
  *
@@ -7681,7 +7679,8 @@ sync) {
          */
         sync.update(() => {
             if (value.animation) {
-                value.animation.currentTime = performance.now() - sampledTime;
+                value.animation.currentTime =
+                    performance.now() - wrap.millisecondsToSeconds(sampledTime);
             }
         });
         /**
@@ -7884,7 +7883,6 @@ exports.easeInOut = wrap.easeInOut;
 exports.easeOut = wrap.easeOut;
 exports.frameData = wrap.frameData;
 exports.inView = wrap.inView;
-exports.inertia = wrap.inertia;
 exports.interpolate = wrap.interpolate;
 Object.defineProperty(exports, 'invariant', {
     enumerable: true,