framer-motion 10.2.1 → 10.2.3

package/dist/cjs/dom-entry.js

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

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var wrap = require('./wrap-c75f9bd0.js');
+var wrap = require('./wrap-27fda06a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.1 may not work as expected.`);
+                wrap.warnOnce(nextValue.version === "10.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.3 may not work as expected.`);
             }
         }
         else if (wrap.isMotionValue(prevValue)) {
@@ -6786,13 +6786,21 @@ function isLazyBundle(features) {
     return typeof features === "function";
 }
 
+/**
+ * Note: Still used by components generated by old versions of Framer
+ *
+ * @deprecated
+ */
+const DeprecatedLayoutGroupContext = React.createContext(null);
+
 const shouldInheritGroup = (inherit) => inherit === true;
 const shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
 const LayoutGroup = ({ children, id, inherit = true }) => {
     const layoutGroupContext = React.useContext(LayoutGroupContext);
+    const deprecatedLayoutGroupContext = React.useContext(DeprecatedLayoutGroupContext);
     const [forceRender, key] = useForceUpdate();
     const context = React.useRef(null);
-    const upstreamId = layoutGroupContext.id;
+    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
     if (context.current === null) {
         if (shouldInheritId(inherit) && upstreamId) {
             id = id ? upstreamId + "-" + id : upstreamId;
@@ -7899,6 +7907,7 @@ Object.defineProperty(exports, 'warning', {
 exports.wrap = wrap.wrap;
 exports.AnimatePresence = AnimatePresence;
 exports.AnimateSharedLayout = AnimateSharedLayout;
+exports.DeprecatedLayoutGroupContext = DeprecatedLayoutGroupContext;
 exports.DragControls = DragControls;
 exports.FlatTree = FlatTree;
 exports.LayoutGroup = LayoutGroup;

package/dist/cjs/{wrap-c75f9bd0.js → wrap-27fda06a.js}

@@ -415,7 +415,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.2.1";
+        this.version = "10.2.3";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -2343,7 +2343,6 @@ function animate(from, to, transition = {}) {
     value.start(createMotionValueAnimation("", value, to, transition));
     return {
         stop: () => value.stop(),
-        isAnimating: () => value.isAnimating(),
     };
 }
 

package/dist/dom-entry.d.ts

@@ -28,59 +28,6 @@ declare type Sync = {
     [key in StepId]: Schedule;
 };
 
-/**
- * @public
- */
-interface AnimationPlaybackControls {
-    stop: () => void;
-    isAnimating: () => boolean;
-}
-/**
- * @public
- */
-interface AnimationPlaybackLifecycles<V> {
-    onUpdate?: (latest: V) => void;
-    onPlay?: () => void;
-    onComplete?: () => void;
-    onRepeat?: () => void;
-    onStop?: () => void;
-}
-/**
- * @public
- */
-declare type AnimationOptions<V> = (Tween | Spring) & AnimationPlaybackLifecycles<V> & {
-    delay?: number;
-    type?: "tween" | "spring";
-};
-/**
- * Animate a single value or a `MotionValue`.
- *
- * The first argument is either a `MotionValue` to animate, or an initial animation value.
- *
- * The second is either a value to animate to, or an array of keyframes to animate through.
- *
- * The third argument can be either tween or spring options, and optional lifecycle methods: `onUpdate`, `onPlay`, `onComplete`, `onRepeat` and `onStop`.
- *
- * Returns `AnimationPlaybackControls`, currently just a `stop` method.
- *
- * ```javascript
- * const x = useMotionValue(0)
- *
- * useEffect(() => {
- *   const controls = animate(x, 100, {
- *     type: "spring",
- *     stiffness: 2000,
- *     onComplete: v => {}
- *   })
- *
- *   return controls.stop
- * })
- * ```
- *
- * @public
- */
-declare function animate<V>(from: MotionValue<V> | V, to: V | V[], transition?: AnimationOptions<V>): AnimationPlaybackControls;
-
 interface Repeat {
     /**
      * The number of times to repeat the transition. Set to `Infinity` for perpetual repeating.
@@ -398,6 +345,59 @@ interface Spring extends Repeat {
     velocity?: number;
 }
 
+/**
+ * @public
+ */
+interface AnimationPlaybackControls {
+    currentTime?: number | null;
+    stop: () => void;
+}
+/**
+ * @public
+ */
+interface AnimationPlaybackLifecycles<V> {
+    onUpdate?: (latest: V) => void;
+    onPlay?: () => void;
+    onComplete?: () => void;
+    onRepeat?: () => void;
+    onStop?: () => void;
+}
+/**
+ * @public
+ */
+declare type AnimationOptions<V> = (Tween | Spring) & AnimationPlaybackLifecycles<V> & {
+    delay?: number;
+    type?: "tween" | "spring";
+};
+/**
+ * Animate a single value or a `MotionValue`.
+ *
+ * The first argument is either a `MotionValue` to animate, or an initial animation value.
+ *
+ * The second is either a value to animate to, or an array of keyframes to animate through.
+ *
+ * The third argument can be either tween or spring options, and optional lifecycle methods: `onUpdate`, `onPlay`, `onComplete`, `onRepeat` and `onStop`.
+ *
+ * Returns `AnimationPlaybackControls`, currently just a `stop` method.
+ *
+ * ```javascript
+ * const x = useMotionValue(0)
+ *
+ * useEffect(() => {
+ *   const controls = animate(x, 100, {
+ *     type: "spring",
+ *     stiffness: 2000,
+ *     onComplete: v => {}
+ *   })
+ *
+ *   return controls.stop
+ * })
+ * ```
+ *
+ * @public
+ */
+declare function animate<V>(from: MotionValue<V> | V, to: V | V[], transition?: AnimationOptions<V>): AnimationPlaybackControls;
+
 /**
  * @public
  */

package/dist/es/animation/animate.mjs

@@ -34,7 +34,6 @@ function animate(from, to, transition = {}) {
     value.start(createMotionValueAnimation("", value, to, transition));
     return {
         stop: () => value.stop(),
-        isAnimating: () => value.isAnimating(),
     };
 }
 

package/dist/es/components/LayoutGroup/index.mjs

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useContext, useRef, useMemo } from 'react';
 import { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';
+import { DeprecatedLayoutGroupContext } from '../../context/DeprecatedLayoutGroupContext.mjs';
 import { useForceUpdate } from '../../utils/use-force-update.mjs';
 import { nodeGroup } from '../../projection/node/group.mjs';
 
@@ -8,9 +9,10 @@ const shouldInheritGroup = (inherit) => inherit === true;
 const shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
 const LayoutGroup = ({ children, id, inherit = true }) => {
     const layoutGroupContext = useContext(LayoutGroupContext);
+    const deprecatedLayoutGroupContext = useContext(DeprecatedLayoutGroupContext);
     const [forceRender, key] = useForceUpdate();
     const context = useRef(null);
-    const upstreamId = layoutGroupContext.id;
+    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
     if (context.current === null) {
         if (shouldInheritId(inherit) && upstreamId) {
             id = id ? upstreamId + "-" + id : upstreamId;

package/dist/es/context/DeprecatedLayoutGroupContext.mjs

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+/**
+ * Note: Still used by components generated by old versions of Framer
+ *
+ * @deprecated
+ */
+const DeprecatedLayoutGroupContext = createContext(null);
+
+export { DeprecatedLayoutGroupContext };

package/dist/es/index.mjs

@@ -54,6 +54,7 @@ export { PresenceContext } from './context/PresenceContext.mjs';
 export { LayoutGroupContext } from './context/LayoutGroupContext.mjs';
 export { SwitchLayoutGroupContext } from './context/SwitchLayoutGroupContext.mjs';
 export { FlatTree } from './render/utils/flat-tree.mjs';
+export { DeprecatedLayoutGroupContext } from './context/DeprecatedLayoutGroupContext.mjs';
 export { useAnimatedState as useDeprecatedAnimatedState } from './animation/hooks/use-animated-state.mjs';
 export { useInvertedScale as useDeprecatedInvertedScale } from './value/use-inverted-scale.mjs';
 export { AnimateSharedLayout } from './components/AnimateSharedLayout.mjs';

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.2.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.1 may not work as expected.`);
+                warnOnce(nextValue.version === "10.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.3 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.2.1";
+        this.version = "10.2.3";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -1995,7 +1995,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.2.1";
+            this.version = "10.2.3";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5613,7 +5613,6 @@
         value.start(createMotionValueAnimation("", value, to, transition));
         return {
             stop: () => value.stop(),
-            isAnimating: () => value.isAnimating(),
         };
     }
 
@@ -7862,7 +7861,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "10.2.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "10.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.2.3 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -9130,13 +9129,21 @@
         return typeof features === "function";
     }
 
+    /**
+     * Note: Still used by components generated by old versions of Framer
+     *
+     * @deprecated
+     */
+    const DeprecatedLayoutGroupContext = React.createContext(null);
+
     const shouldInheritGroup = (inherit) => inherit === true;
     const shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
     const LayoutGroup = ({ children, id, inherit = true }) => {
         const layoutGroupContext = React.useContext(LayoutGroupContext);
+        const deprecatedLayoutGroupContext = React.useContext(DeprecatedLayoutGroupContext);
         const [forceRender, key] = useForceUpdate();
         const context = React.useRef(null);
-        const upstreamId = layoutGroupContext.id;
+        const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
         if (context.current === null) {
             if (shouldInheritId(inherit) && upstreamId) {
                 id = id ? upstreamId + "-" + id : upstreamId;
@@ -10698,6 +10705,7 @@
 
     exports.AnimatePresence = AnimatePresence;
     exports.AnimateSharedLayout = AnimateSharedLayout;
+    exports.DeprecatedLayoutGroupContext = DeprecatedLayoutGroupContext;
     exports.DragControls = DragControls;
     exports.FlatTree = FlatTree;
     exports.LayoutGroup = LayoutGroup;