motion 12.4.3 → 12.4.4

package/dist/cjs/index.js

@@ -364,7 +364,7 @@ function isDragActive() {
 
 function resolveElements(elementOrSelector, scope, selectorCache) {
     var _a;
-    if (elementOrSelector instanceof Element) {
+    if (elementOrSelector instanceof EventTarget) {
         return [elementOrSelector];
     }
     else if (typeof elementOrSelector === "string") {
@@ -539,46 +539,87 @@ function isValidPressEvent(event) {
  *
  * @public
  */
-function press(elementOrSelector, onPressStart, options = {}) {
-    const [elements, eventOptions, cancelEvents] = setupGesture(elementOrSelector, options);
+function press(targetOrSelector, onPressStart, options = {}) {
+    const [targets, eventOptions, cancelEvents] = setupGesture(targetOrSelector, options);
     const startPress = (startEvent) => {
-        const element = startEvent.currentTarget;
-        if (!isValidPressEvent(startEvent) || isPressing.has(element))
+        const target = startEvent.currentTarget;
+        if (!target || !isValidPressEvent(startEvent) || isPressing.has(target))
             return;
-        isPressing.add(element);
-        const onPressEnd = onPressStart(element, startEvent);
+        isPressing.add(target);
+        if (target.setPointerCapture && startEvent.pointerId !== undefined) {
+            try {
+                target.setPointerCapture(startEvent.pointerId);
+            }
+            catch (e) { }
+        }
+        const onPressEnd = onPressStart(target, startEvent);
         const onPointerEnd = (endEvent, success) => {
-            window.removeEventListener("pointerup", onPointerUp);
-            window.removeEventListener("pointercancel", onPointerCancel);
-            if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
+            target.removeEventListener("pointerup", onPointerUp);
+            target.removeEventListener("pointercancel", onPointerCancel);
+            if (target.releasePointerCapture &&
+                endEvent.pointerId !== undefined) {
+                try {
+                    target.releasePointerCapture(endEvent.pointerId);
+                }
+                catch (e) { }
+            }
+            if (!isValidPressEvent(endEvent) || !isPressing.has(target)) {
                 return;
             }
-            isPressing.delete(element);
+            isPressing.delete(target);
             if (typeof onPressEnd === "function") {
                 onPressEnd(endEvent, { success });
             }
         };
         const onPointerUp = (upEvent) => {
-            onPointerEnd(upEvent, options.useGlobalTarget ||
-                isNodeOrChild(element, upEvent.target));
+            const isOutside = !upEvent.isTrusted
+                ? false
+                : checkOutside(upEvent, target instanceof Element
+                    ? target.getBoundingClientRect()
+                    : {
+                        left: 0,
+                        top: 0,
+                        right: window.innerWidth,
+                        bottom: window.innerHeight,
+                    });
+            if (isOutside) {
+                onPointerEnd(upEvent, false);
+            }
+            else {
+                onPointerEnd(upEvent, !(target instanceof Element) ||
+                    isNodeOrChild(target, upEvent.target));
+            }
         };
         const onPointerCancel = (cancelEvent) => {
             onPointerEnd(cancelEvent, false);
         };
-        window.addEventListener("pointerup", onPointerUp, eventOptions);
-        window.addEventListener("pointercancel", onPointerCancel, eventOptions);
+        target.addEventListener("pointerup", onPointerUp, eventOptions);
+        target.addEventListener("pointercancel", onPointerCancel, eventOptions);
+        target.addEventListener("lostpointercapture", onPointerCancel, eventOptions);
     };
-    elements.forEach((element) => {
-        if (!isElementKeyboardAccessible(element) &&
-            element.getAttribute("tabindex") === null) {
-            element.tabIndex = 0;
+    targets.forEach((target) => {
+        target = options.useGlobalTarget ? window : target;
+        let canAddKeyboardAccessibility = false;
+        if (target instanceof HTMLElement) {
+            canAddKeyboardAccessibility = true;
+            if (!isElementKeyboardAccessible(target) &&
+                target.getAttribute("tabindex") === null) {
+                target.tabIndex = 0;
+            }
         }
-        const target = options.useGlobalTarget ? window : element;
         target.addEventListener("pointerdown", startPress, eventOptions);
-        element.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions), eventOptions);
+        if (canAddKeyboardAccessibility) {
+            target.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions), eventOptions);
+        }
     });
     return cancelEvents;
 }
+function checkOutside(event, rect) {
+    return (event.clientX < rect.left ||
+        event.clientX > rect.right ||
+        event.clientY < rect.top ||
+        event.clientY > rect.bottom);
+}
 
 const clamp = (min, max, v) => {
     if (v > max)
@@ -1586,7 +1627,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 = "12.4.3";
+        this.version = "12.4.4";
         /**
          * 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
@@ -4522,7 +4563,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.4.3", `Attempting to mix Motion versions ${nextValue.version} with 12.4.3 may not work as expected.`);
+                warnOnce(nextValue.version === "12.4.4", `Attempting to mix Motion versions ${nextValue.version} with 12.4.4 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/cjs/mini.js

@@ -342,7 +342,7 @@ function mapEasingToNativeEasing(easing, duration) {
 
 function resolveElements(elementOrSelector, scope, selectorCache) {
     var _a;
-    if (elementOrSelector instanceof Element) {
+    if (elementOrSelector instanceof EventTarget) {
         return [elementOrSelector];
     }
     else if (typeof elementOrSelector === "string") {