framer-motion 11.2.10 → 11.3.0-alpha.0

package/dist/cjs/{dom-entry-Dvf42Jkp.js → dom-entry-D8KKo_ZB.js}

@@ -179,12 +179,6 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return { schedule, cancel, state, steps };
 }
 
-function isRefObject(ref) {
-    return (ref &&
-        typeof ref === "object" &&
-        Object.prototype.hasOwnProperty.call(ref, "current"));
-}
-
 /**
  * Decides if the supplied variable is variant label
  */
@@ -244,6 +238,23 @@ for (const key in featureProps) {
     };
 }
 
+const noop = (any) => any;
+
+exports.warning = noop;
+exports.invariant = noop;
+if (process.env.NODE_ENV !== "production") {
+    exports.warning = (check, message) => {
+        if (!check && typeof console !== "undefined") {
+            console.warn(message);
+        }
+    };
+    exports.invariant = (check, message) => {
+        if (!check) {
+            throw new Error(message);
+        }
+    };
+}
+
 const scaleCorrectors = {};
 function addScaleCorrector(correctors) {
     Object.assign(scaleCorrectors, correctors);
@@ -755,8 +766,6 @@ const resolveFinalValueInKeyframes = (v) => {
     return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
 };
 
-const noop = (any) => any;
-
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps, } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 
 /**
@@ -893,21 +902,6 @@ function isNone(value) {
     }
 }
 
-exports.warning = noop;
-exports.invariant = noop;
-if (process.env.NODE_ENV !== "production") {
-    exports.warning = (check, message) => {
-        if (!check && typeof console !== "undefined") {
-            console.warn(message);
-        }
-    };
-    exports.invariant = (check, message) => {
-        if (!check) {
-            throw new Error(message);
-        }
-    };
-}
-
 /**
  * Check if value is a numerical string, ie a string that is purely a number eg "100" or "-100.1"
  */
@@ -3553,7 +3547,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 = "11.2.10";
+        this.version = "11.3.0-alpha.0";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support
@@ -3904,6 +3898,7 @@ function animateTarget(visualElement, targetAndTransition, { delay = 0, transiti
             const appearId = getOptimisedAppearId(visualElement);
             if (appearId) {
                 const elapsed = window.HandoffAppearAnimations(appearId, key, value, frame);
+                console.log({ elapsed, isAnimating: value.isAnimating() });
                 if (elapsed !== null) {
                     valueTransition.elapsed = elapsed;
                     isHandoff = true;
@@ -4233,7 +4228,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "11.2.10", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.2.10 may not work as expected.`);
+                warnOnce(nextValue.version === "11.3.0-alpha.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.3.0-alpha.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -4284,8 +4279,6 @@ const valueTypes = [...dimensionValueTypes, color, complex];
  */
 const findValueType = (v) => valueTypes.find(testValueType(v));
 
-const featureNames = Object.keys(featureDefinitions);
-const numFeatures = featureNames.length;
 const propEventHandlers = [
     "AnimationStart",
     "AnimationComplete",
@@ -4296,13 +4289,6 @@ const propEventHandlers = [
     "LayoutAnimationComplete",
 ];
 const numVariantProps = variantProps.length;
-function getClosestProjectingNode(visualElement) {
-    if (!visualElement)
-        return undefined;
-    return visualElement.options.allowProjection !== false
-        ? visualElement.projection
-        : getClosestProjectingNode(visualElement.parent);
-}
 /**
  * A VisualElement is an imperative abstraction around UI elements such as
  * HTMLElement, SVGElement, Three.Object3D etc.
@@ -4380,6 +4366,26 @@ class VisualElement {
          * VisualElement.on(), but only one of those can be defined via the onUpdate prop.
          */
         this.propEventSubscriptions = {};
+        this.unmount = () => {
+            visualElementStore.delete(this.current);
+            this.projection && this.projection.unmount();
+            cancelFrame(this.notifyUpdate);
+            cancelFrame(this.render);
+            this.valueSubscriptions.forEach((remove) => remove());
+            this.removeFromVariantTree && this.removeFromVariantTree();
+            this.parent && this.parent.children.delete(this);
+            for (const key in this.events) {
+                this.events[key].clear();
+            }
+            for (const key in this.features) {
+                const feature = this.features[key];
+                if (feature) {
+                    feature.unmount();
+                    feature.isMounted = false;
+                }
+            }
+            this.current = null;
+        };
         this.notifyUpdate = () => this.notify("Update", this.latestValues);
         this.render = () => {
             if (!this.current)
@@ -4453,23 +4459,6 @@ class VisualElement {
             this.parent.children.add(this);
         this.update(this.props, this.presenceContext);
     }
-    unmount() {
-        var _a;
-        visualElementStore.delete(this.current);
-        this.projection && this.projection.unmount();
-        cancelFrame(this.notifyUpdate);
-        cancelFrame(this.render);
-        this.valueSubscriptions.forEach((remove) => remove());
-        this.removeFromVariantTree && this.removeFromVariantTree();
-        this.parent && this.parent.children.delete(this);
-        for (const key in this.events) {
-            this.events[key].clear();
-        }
-        for (const key in this.features) {
-            (_a = this.features[key]) === null || _a === void 0 ? void 0 : _a.unmount();
-        }
-        this.current = null;
-    }
     bindToMotionValue(key, value) {
         const valueIsTransform = transformProps.has(key);
         const removeOnChange = value.on("change", (latestValue) => {
@@ -4498,73 +4487,33 @@ class VisualElement {
         }
         return this.sortInstanceNodePosition(this.current, other.current);
     }
-    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {
-        let ProjectionNodeConstructor;
-        let MeasureLayout;
-        /**
-         * If we're in development mode, check to make sure we're not rendering a motion component
-         * as a child of LazyMotion, as this will break the file-size benefits of using it.
-         */
-        if (process.env.NODE_ENV !== "production" &&
-            preloadedFeatures &&
-            isStrict) {
-            const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-            renderedProps.ignoreStrict
-                ? exports.warning(false, strictMessage)
-                : exports.invariant(false, strictMessage);
-        }
-        for (let i = 0; i < numFeatures; i++) {
-            const name = featureNames[i];
-            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];
-            if (ProjectionNode)
-                ProjectionNodeConstructor = ProjectionNode;
-            if (isEnabled(renderedProps)) {
-                if (!this.features[name] && FeatureConstructor) {
-                    this.features[name] = new FeatureConstructor(this);
-                }
-                if (MeasureLayoutComponent) {
-                    MeasureLayout = MeasureLayoutComponent;
-                }
-            }
-        }
-        if ((this.type === "html" || this.type === "svg") &&
-            !this.projection &&
-            ProjectionNodeConstructor) {
-            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;
-            this.projection = new ProjectionNodeConstructor(this.latestValues, renderedProps["data-framer-portal-id"]
-                ? undefined
-                : getClosestProjectingNode(this.parent));
-            this.projection.setOptions({
-                layoutId,
-                layout,
-                alwaysMeasureLayout: Boolean(drag) ||
-                    (dragConstraints && isRefObject(dragConstraints)),
-                visualElement: this,
-                scheduleRender: () => this.scheduleRender(),
-                /**
-                 * TODO: Update options in an effect. This could be tricky as it'll be too late
-                 * to update by the time layout animations run.
-                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-                 * ensuring it gets called if there's no potential layout animations.
-                 *
-                 */
-                animationType: typeof layout === "string" ? layout : "both",
-                initialPromotionConfig: initialLayoutGroupConfig,
-                layoutScroll,
-                layoutRoot,
-            });
-        }
-        return MeasureLayout;
-    }
     updateFeatures() {
-        for (const key in this.features) {
-            const feature = this.features[key];
-            if (feature.isMounted) {
-                feature.update();
+        let key = "animation";
+        for (key in featureDefinitions) {
+            const featureDefinition = featureDefinitions[key];
+            if (!featureDefinition)
+                continue;
+            const { isEnabled, Feature: FeatureConstructor } = featureDefinition;
+            /**
+             * If this feature is enabled but not active, make a new instance.
+             */
+            if (!this.features[key] &&
+                FeatureConstructor &&
+                isEnabled(this.props)) {
+                this.features[key] = new FeatureConstructor(this);
             }
-            else {
-                feature.mount();
-                feature.isMounted = true;
+            /**
+             * If we have a feature, mount or update it.
+             */
+            if (this.features[key]) {
+                const feature = this.features[key];
+                if (feature.isMounted) {
+                    feature.update();
+                }
+                else {
+                    feature.mount();
+                    feature.isMounted = true;
+                }
             }
         }
     }
@@ -5964,7 +5913,6 @@ exports.isCustomValue = isCustomValue;
 exports.isForcedMotionValue = isForcedMotionValue;
 exports.isKeyframesTarget = isKeyframesTarget;
 exports.isMotionValue = isMotionValue;
-exports.isRefObject = isRefObject;
 exports.isSVGElement = isSVGElement;
 exports.isSVGTag = isSVGTag;
 exports.isVariantLabel = isVariantLabel;

package/dist/cjs/dom-entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var domEntry = require('./dom-entry-Dvf42Jkp.js');
+var domEntry = require('./dom-entry-D8KKo_ZB.js');