react-native-gesture-handler 2.25.0 → 2.26.0

package/lib/commonjs/web/handlers/GestureHandler.js

@@ -4,96 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _State = require("../../State");
-
 var _interfaces = require("../interfaces");
-
 var _GestureHandlerOrchestrator = _interopRequireDefault(require("../tools/GestureHandlerOrchestrator"));
-
 var _InteractionManager = _interopRequireDefault(require("../tools/InteractionManager"));
-
 var _PointerTracker = _interopRequireDefault(require("../tools/PointerTracker"));
-
 var _gestureHandlerCommon = require("../../handlers/gestureHandlerCommon");
-
 var _PointerType = require("../../PointerType");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable @typescript-eslint/no-empty-function */
 
 class GestureHandler {
+  lastSentState = null;
+  _state = _State.State.UNDETERMINED;
+  _shouldCancelWhenOutside = false;
+  hasCustomActivationCriteria = false;
+  _enabled = false;
+  _config = {
+    enabled: false
+  };
+  _tracker = new _PointerTracker.default();
+
   // Orchestrator properties
+  _activationIndex = 0;
+  _awaiting = false;
+  _active = false;
+  _shouldResetProgress = false;
+  _pointerType = _PointerType.PointerType.MOUSE;
   constructor(delegate) {
-    _defineProperty(this, "lastSentState", null);
-
-    _defineProperty(this, "_state", _State.State.UNDETERMINED);
-
-    _defineProperty(this, "_shouldCancelWhenOutside", false);
-
-    _defineProperty(this, "hasCustomActivationCriteria", false);
-
-    _defineProperty(this, "_enabled", false);
-
-    _defineProperty(this, "viewRef", void 0);
-
-    _defineProperty(this, "propsRef", void 0);
-
-    _defineProperty(this, "_handlerTag", void 0);
-
-    _defineProperty(this, "_config", {
-      enabled: false
-    });
-
-    _defineProperty(this, "_tracker", new _PointerTracker.default());
-
-    _defineProperty(this, "_activationIndex", 0);
-
-    _defineProperty(this, "_awaiting", false);
-
-    _defineProperty(this, "_active", false);
-
-    _defineProperty(this, "_shouldResetProgress", false);
-
-    _defineProperty(this, "_pointerType", _PointerType.PointerType.MOUSE);
-
-    _defineProperty(this, "_delegate", void 0);
-
-    _defineProperty(this, "sendEvent", (newState, oldState) => {
-      const {
-        onGestureHandlerEvent,
-        onGestureHandlerStateChange
-      } = this.propsRef.current;
-      const resultEvent = this.transformEventData(newState, oldState); // In the new API oldState field has to be undefined, unless we send event state changed
-      // Here the order is flipped to avoid workarounds such as making backup of the state and setting it to undefined first, then changing it back
-      // Flipping order with setting oldState to undefined solves issue, when events were being sent twice instead of once
-      // However, this may cause trouble in the future (but for now we don't know that)
-
-      if (this.lastSentState !== newState) {
-        this.lastSentState = newState;
-        invokeNullableMethod(onGestureHandlerStateChange, resultEvent);
-      }
-
-      if (this.state === _State.State.ACTIVE) {
-        resultEvent.nativeEvent.oldState = undefined;
-        invokeNullableMethod(onGestureHandlerEvent, resultEvent);
-      }
-    });
-
     this._delegate = delegate;
-  } //
+  }
+
+  //
   // Initializing handler
   //
 
-
   init(viewRef, propsRef) {
     this.propsRef = propsRef;
     this.viewRef = viewRef;
     this.state = _State.State.UNDETERMINED;
     this.delegate.init(viewRef, this);
   }
-
   attachEventManager(manager) {
     manager.setOnPointerDown(this.onPointerDown.bind(this));
     manager.setOnPointerAdd(this.onPointerAdd.bind(this));
@@ -108,65 +59,55 @@ class GestureHandler {
     manager.setOnPointerMoveOut(this.onPointerMoveOut.bind(this));
     manager.setOnWheel(this.onWheel.bind(this));
     manager.registerListeners();
-  } //
+  }
+
+  //
   // Resetting handler
   //
 
-
   onCancel() {}
-
   onReset() {}
-
   resetProgress() {}
-
   reset() {
     this.tracker.resetTracker();
     this.onReset();
     this.resetProgress();
     this.delegate.reset();
     this.state = _State.State.UNDETERMINED;
-  } //
+  }
+
+  //
   // State logic
   //
 
-
   moveToState(newState, sendIfDisabled) {
     if (this.state === newState) {
       return;
     }
-
     const oldState = this.state;
     this.state = newState;
-
     if (this.tracker.trackedPointersCount > 0 && this.config.needsPointerData && this.isFinished()) {
       this.cancelTouches();
     }
-
     _GestureHandlerOrchestrator.default.instance.onHandlerStateChange(this, newState, oldState, sendIfDisabled);
-
     this.onStateChange(newState, oldState);
-
     if (!this.enabled && this.isFinished()) {
       this.state = _State.State.UNDETERMINED;
     }
   }
-
   onStateChange(_newState, _oldState) {}
-
   begin() {
     if (!this.checkHitSlop()) {
       return;
     }
-
     if (this.state === _State.State.UNDETERMINED) {
       this.moveToState(_State.State.BEGAN);
     }
   }
+
   /**
    * @param {boolean} sendIfDisabled - Used when handler becomes disabled. With this flag orchestrator will be forced to send fail event
    */
-
-
   fail(sendIfDisabled) {
     if (this.state === _State.State.ACTIVE || this.state === _State.State.BEGAN) {
       // Here the order of calling the delegate and moveToState is important.
@@ -174,192 +115,184 @@ class GestureHandler {
       this.delegate.onFail();
       this.moveToState(_State.State.FAILED, sendIfDisabled);
     }
-
     this.resetProgress();
   }
+
   /**
    * @param {boolean} sendIfDisabled - Used when handler becomes disabled. With this flag orchestrator will be forced to send cancel event
    */
-
-
   cancel(sendIfDisabled) {
     if (this.state === _State.State.ACTIVE || this.state === _State.State.UNDETERMINED || this.state === _State.State.BEGAN) {
-      this.onCancel(); // Same as above - order matters
+      this.onCancel();
 
+      // Same as above - order matters
       this.delegate.onCancel();
       this.moveToState(_State.State.CANCELLED, sendIfDisabled);
     }
   }
-
   activate(force = false) {
     if ((this.config.manualActivation !== true || force) && (this.state === _State.State.UNDETERMINED || this.state === _State.State.BEGAN)) {
       this.delegate.onActivate();
       this.moveToState(_State.State.ACTIVE);
     }
   }
-
   end() {
     if (this.state === _State.State.BEGAN || this.state === _State.State.ACTIVE) {
       // Same as above - order matters
       this.delegate.onEnd();
       this.moveToState(_State.State.END);
     }
-
     this.resetProgress();
-  } //
+  }
+
+  //
   // Methods for orchestrator
   //
 
-
   getShouldResetProgress() {
     return this.shouldResetProgress;
   }
-
   setShouldResetProgress(value) {
     this.shouldResetProgress = value;
   }
-
   shouldWaitForHandlerFailure(handler) {
     if (handler === this) {
       return false;
     }
-
     return _InteractionManager.default.instance.shouldWaitForHandlerFailure(this, handler);
   }
-
   shouldRequireToWaitForFailure(handler) {
     if (handler === this) {
       return false;
     }
-
     return _InteractionManager.default.instance.shouldRequireHandlerToWaitForFailure(this, handler);
   }
-
   shouldRecognizeSimultaneously(handler) {
     if (handler === this) {
       return true;
     }
-
     return _InteractionManager.default.instance.shouldRecognizeSimultaneously(this, handler);
   }
-
   shouldBeCancelledByOther(handler) {
     if (handler === this) {
       return false;
     }
-
     return _InteractionManager.default.instance.shouldHandlerBeCancelledBy(this, handler);
-  } //
+  }
+
+  //
   // Event actions
   //
 
-
   onPointerDown(event) {
     _GestureHandlerOrchestrator.default.instance.recordHandlerIfNotPresent(this);
-
     this.pointerType = event.pointerType;
-
     if (this.pointerType === _PointerType.PointerType.TOUCH) {
       _GestureHandlerOrchestrator.default.instance.cancelMouseAndPenGestures(this);
-    } // TODO: Bring back touch events along with introducing `handleDown` method that will handle handler specific stuff
-
-  } // Adding another pointer to existing ones
-
+    }
 
+    // TODO: Bring back touch events along with introducing `handleDown` method that will handle handler specific stuff
+  }
+  // Adding another pointer to existing ones
   onPointerAdd(event) {
     this.tryToSendTouchEvent(event);
   }
-
   onPointerUp(event) {
     this.tryToSendTouchEvent(event);
-  } // Removing pointer, when there is more than one pointers
-
-
+  }
+  // Removing pointer, when there is more than one pointers
   onPointerRemove(event) {
     this.tryToSendTouchEvent(event);
   }
-
   onPointerMove(event) {
     this.tryToSendMoveEvent(false, event);
   }
-
   onPointerLeave(event) {
     if (this.shouldCancelWhenOutside) {
       switch (this.state) {
         case _State.State.ACTIVE:
           this.cancel();
           break;
-
         case _State.State.BEGAN:
           this.fail();
           break;
       }
-
       return;
     }
-
     this.tryToSendTouchEvent(event);
   }
-
   onPointerEnter(event) {
     this.tryToSendTouchEvent(event);
   }
-
   onPointerCancel(event) {
     this.tryToSendTouchEvent(event);
     this.cancel();
     this.reset();
   }
-
   onPointerOutOfBounds(event) {
     this.tryToSendMoveEvent(true, event);
   }
-
-  onPointerMoveOver(_event) {// Used only by hover gesture handler atm
+  onPointerMoveOver(_event) {
+    // Used only by hover gesture handler atm
   }
-
-  onPointerMoveOut(_event) {// Used only by hover gesture handler atm
+  onPointerMoveOut(_event) {
+    // Used only by hover gesture handler atm
   }
-
-  onWheel(_event) {// Used only by pan gesture handler
+  onWheel(_event) {
+    // Used only by pan gesture handler
   }
-
   tryToSendMoveEvent(out, event) {
     if (out && this.shouldCancelWhenOutside || !this.enabled) {
       return;
     }
-
     if (this.active) {
       this.sendEvent(this.state, this.state);
     }
-
     this.tryToSendTouchEvent(event);
   }
-
   tryToSendTouchEvent(event) {
     if (this.config.needsPointerData) {
       this.sendTouchEvent(event);
     }
   }
-
   sendTouchEvent(event) {
     if (!this.enabled) {
       return;
     }
-
     const {
       onGestureHandlerEvent
     } = this.propsRef.current;
     const touchEvent = this.transformTouchEvent(event);
-
     if (touchEvent) {
       invokeNullableMethod(onGestureHandlerEvent, touchEvent);
     }
-  } //
+  }
+
+  //
   // Events Sending
   //
 
+  sendEvent = (newState, oldState) => {
+    const {
+      onGestureHandlerEvent,
+      onGestureHandlerStateChange
+    } = this.propsRef.current;
+    const resultEvent = this.transformEventData(newState, oldState);
 
+    // In the new API oldState field has to be undefined, unless we send event state changed
+    // Here the order is flipped to avoid workarounds such as making backup of the state and setting it to undefined first, then changing it back
+    // Flipping order with setting oldState to undefined solves issue, when events were being sent twice instead of once
+    // However, this may cause trouble in the future (but for now we don't know that)
+
+    if (this.lastSentState !== newState) {
+      this.lastSentState = newState;
+      invokeNullableMethod(onGestureHandlerStateChange, resultEvent);
+    }
+    if (this.state === _State.State.ACTIVE) {
+      resultEvent.nativeEvent.oldState = undefined;
+      invokeNullableMethod(onGestureHandlerEvent, resultEvent);
+    }
+  };
   transformEventData(newState, oldState) {
     return {
       nativeEvent: {
@@ -375,20 +308,19 @@ class GestureHandler {
       timeStamp: Date.now()
     };
   }
-
   transformTouchEvent(event) {
     const rect = this.delegate.measureView();
     const all = [];
     const changed = [];
-    const trackerData = this.tracker.trackedPointers; // This if handles edge case where all pointers have been cancelled
+    const trackerData = this.tracker.trackedPointers;
+
+    // This if handles edge case where all pointers have been cancelled
     // When pointercancel is triggered, reset method is called. This means that tracker will be reset after first pointer being cancelled
     // The problem is, that handler will receive another pointercancel event from the rest of the pointers
     // To avoid crashing, we don't send event if tracker tracks no pointers, i.e. has been reset
-
     if (trackerData.size === 0 || !trackerData.has(event.pointerId)) {
       return;
     }
-
     trackerData.forEach((element, key) => {
       const id = this.tracker.getMappedTouchEventId(key);
       all.push({
@@ -398,9 +330,10 @@ class GestureHandler {
         absoluteX: element.abosoluteCoords.x,
         absoluteY: element.abosoluteCoords.y
       });
-    }); // Each pointer sends its own event, so we want changed touches to contain only the pointer that has changed.
-    // However, if the event is cancel, we want to cancel all pointers to avoid crashes
+    });
 
+    // Each pointer sends its own event, so we want changed touches to contain only the pointer that has changed.
+    // However, if the event is cancel, we want to cancel all pointers to avoid crashes
     if (event.eventType !== _interfaces.EventTypes.CANCEL) {
       changed.push({
         id: this.tracker.getMappedTouchEventId(event.pointerId),
@@ -421,38 +354,31 @@ class GestureHandler {
         });
       });
     }
-
     let eventType = _interfaces.TouchEventType.UNDETERMINED;
-
     switch (event.eventType) {
       case _interfaces.EventTypes.DOWN:
       case _interfaces.EventTypes.ADDITIONAL_POINTER_DOWN:
         eventType = _interfaces.TouchEventType.DOWN;
         break;
-
       case _interfaces.EventTypes.UP:
       case _interfaces.EventTypes.ADDITIONAL_POINTER_UP:
         eventType = _interfaces.TouchEventType.UP;
         break;
-
       case _interfaces.EventTypes.MOVE:
         eventType = _interfaces.TouchEventType.MOVE;
         break;
-
       case _interfaces.EventTypes.CANCEL:
         eventType = _interfaces.TouchEventType.CANCELLED;
         break;
-    } // Here, when we receive up event, we want to decrease number of touches
+    }
+
+    // Here, when we receive up event, we want to decrease number of touches
     // That's because we want handler to send information that there's one pointer less
     // However, we still want this pointer to be present in allTouches array, so that its data can be accessed
-
-
     let numberOfTouches = all.length;
-
     if (event.eventType === _interfaces.EventTypes.UP || event.eventType === _interfaces.EventTypes.ADDITIONAL_POINTER_UP) {
       --numberOfTouches;
     }
-
     return {
       nativeEvent: {
         handlerTag: this.handlerTag,
@@ -466,17 +392,14 @@ class GestureHandler {
       timeStamp: Date.now()
     };
   }
-
   cancelTouches() {
     const rect = this.delegate.measureView();
     const all = [];
     const changed = [];
     const trackerData = this.tracker.trackedPointers;
-
     if (trackerData.size === 0) {
       return;
     }
-
     trackerData.forEach((element, key) => {
       const id = this.tracker.getMappedTouchEventId(key);
       all.push({
@@ -511,7 +434,6 @@ class GestureHandler {
     } = this.propsRef.current;
     invokeNullableMethod(onGestureHandlerEvent, cancelEvent);
   }
-
   transformNativeEvent() {
     // Those properties are shared by most handlers and if not this method will be overriden
     const lastCoords = this.tracker.getAbsoluteCoordsAverage();
@@ -522,11 +444,12 @@ class GestureHandler {
       absoluteX: lastCoords.x,
       absoluteY: lastCoords.y
     };
-  } //
+  }
+
+  //
   // Handling config
   //
 
-
   updateGestureConfig({
     enabled = true,
     ...props
@@ -537,33 +460,25 @@ class GestureHandler {
     };
     this.enabled = enabled;
     this.delegate.onEnabledChange(enabled);
-
     if (this.config.shouldCancelWhenOutside !== undefined) {
       this.shouldCancelWhenOutside = this.config.shouldCancelWhenOutside;
     }
-
     this.validateHitSlops();
-
     if (this.enabled) {
       return;
     }
-
     switch (this.state) {
       case _State.State.ACTIVE:
         this.fail(true);
         break;
-
       case _State.State.UNDETERMINED:
         _GestureHandlerOrchestrator.default.instance.removeHandlerFromOrchestrator(this);
-
         break;
-
       default:
         this.cancel(true);
         break;
     }
   }
-
   checkCustomActivationCriteria(criterias) {
     for (const key in this.config) {
       if (criterias.indexOf(key) >= 0) {
@@ -571,34 +486,27 @@ class GestureHandler {
       }
     }
   }
-
   validateHitSlops() {
     if (!this.config.hitSlop) {
       return;
     }
-
     if (this.config.hitSlop.left !== undefined && this.config.hitSlop.right !== undefined && this.config.hitSlop.width !== undefined) {
       throw new Error('HitSlop Error: Cannot define left, right and width at the same time');
     }
-
     if (this.config.hitSlop.width !== undefined && this.config.hitSlop.left === undefined && this.config.hitSlop.right === undefined) {
       throw new Error('HitSlop Error: When width is defined, either left or right has to be defined');
     }
-
     if (this.config.hitSlop.height !== undefined && this.config.hitSlop.top !== undefined && this.config.hitSlop.bottom !== undefined) {
       throw new Error('HitSlop Error: Cannot define top, bottom and height at the same time');
     }
-
     if (this.config.hitSlop.height !== undefined && this.config.hitSlop.top === undefined && this.config.hitSlop.bottom === undefined) {
       throw new Error('HitSlop Error: When height is defined, either top or bottom has to be defined');
     }
   }
-
   checkHitSlop() {
     if (!this.config.hitSlop) {
       return true;
     }
-
     const {
       width,
       height
@@ -607,33 +515,26 @@ class GestureHandler {
     let top = 0;
     let right = width;
     let bottom = height;
-
     if (this.config.hitSlop.horizontal !== undefined) {
       left -= this.config.hitSlop.horizontal;
       right += this.config.hitSlop.horizontal;
     }
-
     if (this.config.hitSlop.vertical !== undefined) {
       top -= this.config.hitSlop.vertical;
       bottom += this.config.hitSlop.vertical;
     }
-
     if (this.config.hitSlop.left !== undefined) {
       left = -this.config.hitSlop.left;
     }
-
     if (this.config.hitSlop.right !== undefined) {
       right = width + this.config.hitSlop.right;
     }
-
     if (this.config.hitSlop.top !== undefined) {
       top = -this.config.hitSlop.top;
     }
-
     if (this.config.hitSlop.bottom !== undefined) {
       bottom = width + this.config.hitSlop.bottom;
     }
-
     if (this.config.hitSlop.width !== undefined) {
       if (this.config.hitSlop.left !== undefined) {
         right = left + this.config.hitSlop.width;
@@ -641,7 +542,6 @@ class GestureHandler {
         left = right - this.config.hitSlop.width;
       }
     }
-
     if (this.config.hitSlop.height !== undefined) {
       if (this.config.hitSlop.top !== undefined) {
         bottom = top + this.config.hitSlop.height;
@@ -649,7 +549,6 @@ class GestureHandler {
         top = bottom - this.config.hitSlop.height;
       }
     }
-
     const rect = this.delegate.measureView();
     const {
       x,
@@ -659,154 +558,121 @@ class GestureHandler {
     const offsetY = y - rect.pageY;
     return offsetX >= left && offsetX <= right && offsetY >= top && offsetY <= bottom;
   }
-
   isButtonInConfig(mouseButton) {
     return !mouseButton || !this.config.mouseButton && mouseButton === _gestureHandlerCommon.MouseButton.LEFT || this.config.mouseButton && mouseButton & this.config.mouseButton;
   }
-
   resetConfig() {}
-
   onDestroy() {
     this.delegate.destroy(this.config);
-  } //
+  }
+
+  //
   // Getters and setters
   //
 
-
   get handlerTag() {
     return this._handlerTag;
   }
-
   set handlerTag(value) {
     this._handlerTag = value;
   }
-
   get config() {
     return this._config;
   }
-
   get delegate() {
     return this._delegate;
   }
-
   get tracker() {
     return this._tracker;
   }
-
   get state() {
     return this._state;
   }
-
   set state(value) {
     this._state = value;
   }
-
   get shouldCancelWhenOutside() {
     return this._shouldCancelWhenOutside;
   }
-
   set shouldCancelWhenOutside(value) {
     this._shouldCancelWhenOutside = value;
   }
-
   get enabled() {
     return this._enabled;
   }
-
   set enabled(value) {
     this._enabled = value;
   }
-
   get pointerType() {
     return this._pointerType;
   }
-
   set pointerType(value) {
     this._pointerType = value;
   }
-
   get active() {
     return this._active;
   }
-
   set active(value) {
     this._active = value;
   }
-
   get awaiting() {
     return this._awaiting;
   }
-
   set awaiting(value) {
     this._awaiting = value;
   }
-
   get activationIndex() {
     return this._activationIndex;
   }
-
   set activationIndex(value) {
     this._activationIndex = value;
   }
-
   get shouldResetProgress() {
     return this._shouldResetProgress;
   }
-
   set shouldResetProgress(value) {
     this._shouldResetProgress = value;
   }
-
   getTrackedPointersID() {
     return this.tracker.trackedPointersIDs;
   }
-
   isFinished() {
     return this.state === _State.State.END || this.state === _State.State.FAILED || this.state === _State.State.CANCELLED;
   }
-
 }
-
 exports.default = GestureHandler;
-
 function invokeNullableMethod(method, event) {
   if (!method) {
     return;
   }
-
   if (typeof method === 'function') {
     method(event);
     return;
   }
-
   if ('__getHandler' in method && typeof method.__getHandler === 'function') {
     const handler = method.__getHandler();
-
     invokeNullableMethod(handler, event);
     return;
   }
-
   if (!('__nodeConfig' in method)) {
     return;
   }
-
   const {
     argMapping
   } = method.__nodeConfig;
-
   if (!Array.isArray(argMapping)) {
     return;
   }
-
   for (const [index, [key, value]] of argMapping.entries()) {
     if (!(key in event.nativeEvent)) {
       continue;
-    } // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-
+    }
 
-    const nativeValue = event.nativeEvent[key]; // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    const nativeValue = event.nativeEvent[key];
 
-    if (value !== null && value !== void 0 && value.setValue) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    if (value?.setValue) {
       // Reanimated API
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
       value.setValue(nativeValue);
@@ -815,7 +681,6 @@ function invokeNullableMethod(method, event) {
       method.__nodeConfig.argMapping[index] = [key, nativeValue];
     }
   }
-
   return;
 }
 //# sourceMappingURL=GestureHandler.js.map