framer-motion 7.0.3 → 7.1.2

package/dist/es/events/use-dom-event.mjs

@@ -1,9 +1,8 @@
 import { useEffect } from 'react';
 
-function addDomEvent(target, eventName, handler, options) {
-    if (options === void 0) { options = { passive: true }; }
+function addDomEvent(target, eventName, handler, options = { passive: true }) {
     target.addEventListener(eventName, handler, options);
-    return function () { return target.removeEventListener(eventName, handler); };
+    return () => target.removeEventListener(eventName, handler);
 }
 /**
  * Attaches an event listener directly to the provided DOM element.
@@ -27,8 +26,8 @@ function addDomEvent(target, eventName, handler, options) {
  * @public
  */
 function useDomEvent(ref, eventName, handler, options) {
-    useEffect(function () {
-        var element = ref.current;
+    useEffect(() => {
+        const element = ref.current;
         if (handler && element) {
             return addDomEvent(element, eventName, handler, options);
         }

package/dist/es/events/use-pointer-event.mjs

@@ -2,7 +2,7 @@ import { addDomEvent, useDomEvent } from './use-dom-event.mjs';
 import { wrapHandler } from './event-info.mjs';
 import { supportsPointerEvents, supportsTouchEvents, supportsMouseEvents } from './utils.mjs';
 
-var mouseEventNames = {
+const mouseEventNames = {
     pointerdown: "mousedown",
     pointermove: "mousemove",
     pointerup: "mouseup",
@@ -12,7 +12,7 @@ var mouseEventNames = {
     pointerenter: "mouseenter",
     pointerleave: "mouseleave",
 };
-var touchEventNames = {
+const touchEventNames = {
     pointerdown: "touchstart",
     pointermove: "touchmove",
     pointerup: "touchend",

package/dist/es/events/utils.mjs

@@ -1,14 +1,8 @@
 import { isBrowser } from '../utils/is-browser.mjs';
 
 // We check for event support via functions in case they've been mocked by a testing suite.
-var supportsPointerEvents = function () {
-    return isBrowser && window.onpointerdown === null;
-};
-var supportsTouchEvents = function () {
-    return isBrowser && window.ontouchstart === null;
-};
-var supportsMouseEvents = function () {
-    return isBrowser && window.onmousedown === null;
-};
+const supportsPointerEvents = () => isBrowser && window.onpointerdown === null;
+const supportsTouchEvents = () => isBrowser && window.ontouchstart === null;
+const supportsMouseEvents = () => isBrowser && window.onmousedown === null;
 
 export { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents };

package/dist/es/gestures/PanSession.mjs

@@ -1,4 +1,3 @@
-import { __assign } from 'tslib';
 import { isMouseEvent, isTouchEvent } from './utils/event-type.mjs';
 import { extractEventInfo } from '../events/event-info.mjs';
 import sync, { getFrameData, cancelSync } from 'framesync';
@@ -9,10 +8,8 @@ import { distance, pipe } from 'popmotion';
 /**
  * @internal
  */
-var PanSession = /** @class */ (function () {
-    function PanSession(event, handlers, _a) {
-        var _b = _a === void 0 ? {} : _a, transformPagePoint = _b.transformPagePoint;
-        var _this = this;
+class PanSession {
+    constructor(event, handlers, { transformPagePoint } = {}) {
         /**
          * @internal
          */
@@ -29,43 +26,43 @@ var PanSession = /** @class */ (function () {
          * @internal
          */
         this.handlers = {};
-        this.updatePoint = function () {
-            if (!(_this.lastMoveEvent && _this.lastMoveEventInfo))
+        this.updatePoint = () => {
+            if (!(this.lastMoveEvent && this.lastMoveEventInfo))
                 return;
-            var info = getPanInfo(_this.lastMoveEventInfo, _this.history);
-            var isPanStarted = _this.startEvent !== null;
+            const info = getPanInfo(this.lastMoveEventInfo, this.history);
+            const isPanStarted = this.startEvent !== null;
             // Only start panning if the offset is larger than 3 pixels. If we make it
             // any larger than this we'll want to reset the pointer history
             // on the first update to avoid visual snapping to the cursoe.
-            var isDistancePastThreshold = distance(info.offset, { x: 0, y: 0 }) >= 3;
+            const isDistancePastThreshold = distance(info.offset, { x: 0, y: 0 }) >= 3;
             if (!isPanStarted && !isDistancePastThreshold)
                 return;
-            var point = info.point;
-            var timestamp = getFrameData().timestamp;
-            _this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
-            var _a = _this.handlers, onStart = _a.onStart, onMove = _a.onMove;
+            const { point } = info;
+            const { timestamp } = getFrameData();
+            this.history.push(Object.assign(Object.assign({}, point), { timestamp }));
+            const { onStart, onMove } = this.handlers;
             if (!isPanStarted) {
-                onStart && onStart(_this.lastMoveEvent, info);
-                _this.startEvent = _this.lastMoveEvent;
+                onStart && onStart(this.lastMoveEvent, info);
+                this.startEvent = this.lastMoveEvent;
             }
-            onMove && onMove(_this.lastMoveEvent, info);
+            onMove && onMove(this.lastMoveEvent, info);
         };
-        this.handlePointerMove = function (event, info) {
-            _this.lastMoveEvent = event;
-            _this.lastMoveEventInfo = transformPoint(info, _this.transformPagePoint);
+        this.handlePointerMove = (event, info) => {
+            this.lastMoveEvent = event;
+            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);
             // Because Safari doesn't trigger mouseup events when it's above a `<select>`
             if (isMouseEvent(event) && event.buttons === 0) {
-                _this.handlePointerUp(event, info);
+                this.handlePointerUp(event, info);
                 return;
             }
             // Throttle mouse move event to once per frame
-            sync.update(_this.updatePoint, true);
+            sync.update(this.updatePoint, true);
         };
-        this.handlePointerUp = function (event, info) {
-            _this.end();
-            var _a = _this.handlers, onEnd = _a.onEnd, onSessionEnd = _a.onSessionEnd;
-            var panInfo = getPanInfo(transformPoint(info, _this.transformPagePoint), _this.history);
-            if (_this.startEvent && onEnd) {
+        this.handlePointerUp = (event, info) => {
+            this.end();
+            const { onEnd, onSessionEnd } = this.handlers;
+            const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
+            if (this.startEvent && onEnd) {
                 onEnd(event, panInfo);
             }
             onSessionEnd && onSessionEnd(event, panInfo);
@@ -75,35 +72,33 @@ var PanSession = /** @class */ (function () {
             return;
         this.handlers = handlers;
         this.transformPagePoint = transformPagePoint;
-        var info = extractEventInfo(event);
-        var initialInfo = transformPoint(info, this.transformPagePoint);
-        var point = initialInfo.point;
-        var timestamp = getFrameData().timestamp;
-        this.history = [__assign(__assign({}, point), { timestamp: timestamp })];
-        var onSessionStart = handlers.onSessionStart;
+        const info = extractEventInfo(event);
+        const initialInfo = transformPoint(info, this.transformPagePoint);
+        const { point } = initialInfo;
+        const { timestamp } = getFrameData();
+        this.history = [Object.assign(Object.assign({}, point), { timestamp })];
+        const { onSessionStart } = handlers;
         onSessionStart &&
             onSessionStart(event, getPanInfo(initialInfo, this.history));
         this.removeListeners = pipe(addPointerEvent(window, "pointermove", this.handlePointerMove), addPointerEvent(window, "pointerup", this.handlePointerUp), addPointerEvent(window, "pointercancel", this.handlePointerUp));
     }
-    PanSession.prototype.updateHandlers = function (handlers) {
+    updateHandlers(handlers) {
         this.handlers = handlers;
-    };
-    PanSession.prototype.end = function () {
+    }
+    end() {
         this.removeListeners && this.removeListeners();
         cancelSync.update(this.updatePoint);
-    };
-    return PanSession;
-}());
+    }
+}
 function transformPoint(info, transformPagePoint) {
     return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
 }
 function subtractPoint(a, b) {
     return { x: a.x - b.x, y: a.y - b.y };
 }
-function getPanInfo(_a, history) {
-    var point = _a.point;
+function getPanInfo({ point }, history) {
     return {
-        point: point,
+        point,
         delta: subtractPoint(point, lastDevicePoint(history)),
         offset: subtractPoint(point, startDevicePoint(history)),
         velocity: getVelocity(history, 0.1),
@@ -119,9 +114,9 @@ function getVelocity(history, timeDelta) {
     if (history.length < 2) {
         return { x: 0, y: 0 };
     }
-    var i = history.length - 1;
-    var timestampedPoint = null;
-    var lastPoint = lastDevicePoint(history);
+    let i = history.length - 1;
+    let timestampedPoint = null;
+    const lastPoint = lastDevicePoint(history);
     while (i >= 0) {
         timestampedPoint = history[i];
         if (lastPoint.timestamp - timestampedPoint.timestamp >
@@ -133,11 +128,11 @@ function getVelocity(history, timeDelta) {
     if (!timestampedPoint) {
         return { x: 0, y: 0 };
     }
-    var time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000;
+    const time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000;
     if (time === 0) {
         return { x: 0, y: 0 };
     }
-    var currentVelocity = {
+    const currentVelocity = {
         x: (lastPoint.x - timestampedPoint.x) / time,
         y: (lastPoint.y - timestampedPoint.y) / time,
     };