framer-motion 5.3.3 → 5.4.0-beta

package/dist/framer-motion.cjs.js

@@ -20,14 +20,12 @@ function _interopNamespace(e) {
                 var d = Object.getOwnPropertyDescriptor(e, k);
                 Object.defineProperty(n, k, d.get ? d : {
                     enumerable: true,
-                    get: function () {
-                        return e[k];
-                    }
+                    get: function () { return e[k]; }
                 });
             }
         });
     }
-    n['default'] = e;
+    n["default"] = e;
     return Object.freeze(n);
 }
 
@@ -438,7 +436,7 @@ var MotionValue = /** @class */ (function () {
             if (_this.lastUpdated !== timestamp) {
                 _this.timeDelta = delta;
                 _this.lastUpdated = timestamp;
-                sync__default['default'].postRender(_this.scheduleVelocityCheck);
+                sync__default["default"].postRender(_this.scheduleVelocityCheck);
             }
             // Update update subscribers
             if (_this.prev !== _this.current) {
@@ -461,7 +459,7 @@ var MotionValue = /** @class */ (function () {
          *
          * @internal
          */
-        this.scheduleVelocityCheck = function () { return sync__default['default'].postRender(_this.velocityCheck); };
+        this.scheduleVelocityCheck = function () { return sync__default["default"].postRender(_this.velocityCheck); };
         /**
          * Updates `prev` with `current` if the value hasn't been updated this frame.
          * This ensures velocity calculations return `0`.
@@ -2059,7 +2057,7 @@ function createProjectionNode(_a) {
             this.sharedNodes.forEach(removeLeadSnapshots);
         };
         ProjectionNode.prototype.scheduleUpdateProjection = function () {
-            sync__default['default'].preRender(this.updateProjection, false, true);
+            sync__default["default"].preRender(this.updateProjection, false, true);
         };
         ProjectionNode.prototype.scheduleCheckAfterUnmount = function () {
             var _this = this;
@@ -2068,7 +2066,7 @@ function createProjectionNode(_a) {
              * we manually call didUpdate to give a chance to the siblings to animate.
              * Otherwise, cleanup all snapshots to prevents future nodes from reusing them.
              */
-            sync__default['default'].postRender(function () {
+            sync__default["default"].postRender(function () {
                 if (_this.isLayoutDirty) {
                     _this.root.didUpdate();
                 }
@@ -2468,7 +2466,7 @@ function createProjectionNode(_a) {
              * where the target is the same as when the animation started, so we can
              * calculate the relative positions correctly for instant transitions.
              */
-            this.pendingAnimation = sync__default['default'].update(function () {
+            this.pendingAnimation = sync__default["default"].update(function () {
                 globalProjectionState.hasAnimatedSinceResize = true;
                 _this.currentAnimation = animate(0, animationTarget, tslib.__assign(tslib.__assign({}, options), { onUpdate: function (latest) {
                         var _a;
@@ -2948,7 +2946,7 @@ var VisualElementHandler = /** @class */ (function (_super) {
         return this.props.children;
     };
     return VisualElementHandler;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 /**
  * Create a `motion` component.
@@ -3014,7 +3012,7 @@ function createMotionComponent(_a) {
          */
         return (React__namespace.createElement(VisualElementHandler, { visualElement: context.visualElement, props: tslib.__assign(tslib.__assign({}, config), props) },
             features,
-            React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic))));
+            React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement))));
     }
     return React.forwardRef(MotionComponent);
 }
@@ -5017,7 +5015,7 @@ var PanSession = /** @class */ (function () {
                 return;
             }
             // Throttle mouse move event to once per frame
-            sync__default['default'].update(_this.updatePoint, true);
+            sync__default["default"].update(_this.updatePoint, true);
         };
         this.handlePointerUp = function (event, info) {
             _this.end();
@@ -5922,7 +5920,7 @@ var visualElement = function (_a) {
         function bindToMotionValue(key, value) {
             var removeOnChange = value.onChange(function (latestValue) {
                 latestValues[key] = latestValue;
-                props.onUpdate && sync__default['default'].update(update, false, true);
+                props.onUpdate && sync__default["default"].update(update, false, true);
             });
             var removeOnRenderRequest = value.onRenderRequest(element.scheduleRender);
             valueSubscriptions.set(key, function () {
@@ -6181,7 +6179,7 @@ var visualElement = function (_a) {
              * Schedule a render on the next animation frame.
              */
             scheduleRender: function () {
-                sync__default['default'].render(render, false, true);
+                sync__default["default"].render(render, false, true);
             }, 
             /**
              * Synchronously fire render. It's prefered that we batch renders but
@@ -6855,7 +6853,7 @@ var MeasureLayoutWithContext = /** @class */ (function (_super) {
                  * it's in charge of the exit animation and therefore should
                  * be in charge of the safe to remove. Otherwise we call it here.
                  */
-                sync__default['default'].postRender(function () {
+                sync__default["default"].postRender(function () {
                     var _a;
                     if (!((_a = projection.getStack()) === null || _a === void 0 ? void 0 : _a.members.length)) {
                         _this.safeToRemove();
@@ -6893,11 +6891,11 @@ var MeasureLayoutWithContext = /** @class */ (function (_super) {
         return null;
     };
     return MeasureLayoutWithContext;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 function MeasureLayout(props) {
     var _a = tslib.__read(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
     var layoutGroup = React.useContext(LayoutGroupContext);
-    return (React__default['default'].createElement(MeasureLayoutWithContext, tslib.__assign({}, props, { layoutGroup: layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove })));
+    return (React__default["default"].createElement(MeasureLayoutWithContext, tslib.__assign({}, props, { layoutGroup: layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove })));
 }
 var defaultScaleCorrectors = {
     borderRadius: tslib.__assign(tslib.__assign({}, correctBorderRadius), { applyTo: [
@@ -6995,7 +6993,7 @@ function useForceUpdate() {
      * Defer this to the end of the next animation frame in case there are multiple
      * synchronous calls.
      */
-    var deferredForceRender = React.useCallback(function () { return sync__default['default'].postRender(forceRender); }, [forceRender]);
+    var deferredForceRender = React.useCallback(function () { return sync__default["default"].postRender(forceRender); }, [forceRender]);
     return [deferredForceRender, forcedRenderCount];
 }
 
@@ -7529,7 +7527,7 @@ function useCombineMotionValues(values, combineValues) {
      * Subscribe to all motion values found within the template. Whenever any of them change,
      * schedule an update.
      */
-    useMultiOnChange(values, function () { return sync__default['default'].update(updateValue, false, true); });
+    useMultiOnChange(values, function () { return sync__default["default"].update(updateValue, false, true); });
     return value;
 }
 
@@ -8151,8 +8149,8 @@ function useInstantTransition() {
         /**
          * Unblock after two animation frames, otherwise this will unblock too soon.
          */
-        sync__default['default'].postRender(function () {
-            return sync__default['default'].postRender(function () { return (instantAnimationState.current = false); });
+        sync__default["default"].postRender(function () {
+            return sync__default["default"].postRender(function () { return (instantAnimationState.current = false); });
         });
     }, [forcedRenderCount]);
     return function (callback) {

package/dist/framer-motion.dev.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Motion = {}, global.React));
-}(this, (function (exports, React) { 'use strict';
+})(this, (function (exports, React) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,14 +15,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -4179,7 +4177,7 @@
             return this.props.children;
         };
         return VisualElementHandler;
-    }(React__default['default'].Component));
+    }(React__default["default"].Component));
 
     /**
      * Create a `motion` component.
@@ -4245,7 +4243,7 @@
              */
             return (React__namespace.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign(__assign({}, config), props) },
                 features,
-                React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic))));
+                React__namespace.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement))));
         }
         return React.forwardRef(MotionComponent);
     }
@@ -8124,11 +8122,11 @@
             return null;
         };
         return MeasureLayoutWithContext;
-    }(React__default['default'].Component));
+    }(React__default["default"].Component));
     function MeasureLayout(props) {
         var _a = __read(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
         var layoutGroup = React.useContext(LayoutGroupContext);
-        return (React__default['default'].createElement(MeasureLayoutWithContext, __assign({}, props, { layoutGroup: layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove })));
+        return (React__default["default"].createElement(MeasureLayoutWithContext, __assign({}, props, { layoutGroup: layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove })));
     }
     var defaultScaleCorrectors = {
         borderRadius: __assign(__assign({}, correctBorderRadius), { applyTo: [
@@ -9552,4 +9550,4 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));