react-native-gesture-handler 2.5.0 → 2.6.0

package/lib/module/web/handlers/TapGestureHandler.js

@@ -0,0 +1,281 @@
+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; }
+
+import { State } from '../../State';
+import { EventTypes } from '../interfaces';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MAX_DURATION_MS = 500;
+const DEFAULT_MAX_DELAY_MS = 200;
+const DEFAULT_NUMBER_OF_TAPS = 1;
+const DEFAULT_MIN_NUMBER_OF_POINTERS = 1;
+export default class TapGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "maxDeltaX", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDeltaY", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDistSq", Number.MIN_SAFE_INTEGER);
+
+    _defineProperty(this, "maxDurationMs", DEFAULT_MAX_DURATION_MS);
+
+    _defineProperty(this, "maxDelayMs", DEFAULT_MAX_DELAY_MS);
+
+    _defineProperty(this, "numberOfTaps", DEFAULT_NUMBER_OF_TAPS);
+
+    _defineProperty(this, "minNumberOfPointers", DEFAULT_MIN_NUMBER_OF_POINTERS);
+
+    _defineProperty(this, "currentMaxNumberOfPointers", 1);
+
+    _defineProperty(this, "startX", 0);
+
+    _defineProperty(this, "startY", 0);
+
+    _defineProperty(this, "offsetX", 0);
+
+    _defineProperty(this, "offsetY", 0);
+
+    _defineProperty(this, "lastX", 0);
+
+    _defineProperty(this, "lastY", 0);
+
+    _defineProperty(this, "waitTimeout", void 0);
+
+    _defineProperty(this, "delayTimeout", void 0);
+
+    _defineProperty(this, "tapsSoFar", 0);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+    this.setShouldCancelWhenOutside(true);
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+    this.enabled = enabled;
+
+    if (this.config.numberOfTaps !== undefined) {
+      this.numberOfTaps = this.config.numberOfTaps;
+    }
+
+    if (this.config.maxDurationMs !== undefined) {
+      this.maxDurationMs = this.config.maxDurationMs;
+    }
+
+    if (this.config.maxDelayMs !== undefined) {
+      this.maxDelayMs = this.config.maxDelayMs;
+    }
+
+    if (this.config.maxDeltaX !== undefined) {
+      this.maxDeltaX = this.config.maxDeltaX;
+    }
+
+    if (this.config.maxDeltaY !== undefined) {
+      this.maxDeltaY = this.config.maxDeltaY;
+    }
+
+    if (this.config.maxDistSq !== undefined) {
+      this.maxDistSq = this.config.maxDistSq;
+    }
+
+    if (this.config.minPointers !== undefined) {
+      this.minNumberOfPointers = this.config.minPointers;
+    }
+  }
+
+  resetConfig() {
+    super.resetConfig();
+    this.maxDeltaX = Number.MIN_SAFE_INTEGER;
+    this.maxDeltaY = Number.MIN_SAFE_INTEGER;
+    this.maxDistSq = Number.MIN_SAFE_INTEGER;
+    this.maxDurationMs = DEFAULT_MAX_DURATION_MS;
+    this.maxDelayMs = DEFAULT_MAX_DELAY_MS;
+    this.numberOfTaps = DEFAULT_NUMBER_OF_TAPS;
+    this.minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;
+  }
+
+  transformNativeEvent(event) {
+    return {
+      x: event.offsetX,
+      y: event.offsetY,
+      absoluteX: event.x,
+      absoluteY: event.y
+    };
+  }
+
+  clearTimeouts() {
+    clearTimeout(this.waitTimeout);
+    clearTimeout(this.delayTimeout);
+  }
+
+  startTap(event) {
+    this.clearTimeouts();
+    this.waitTimeout = setTimeout(() => this.fail(event), this.maxDurationMs);
+  }
+
+  endTap(event) {
+    this.clearTimeouts();
+
+    if (++this.tapsSoFar === this.numberOfTaps && this.currentMaxNumberOfPointers >= this.minNumberOfPointers) {
+      this.activate(event);
+    } else {
+      this.delayTimeout = setTimeout(() => this.fail(event), this.maxDelayMs);
+    }
+  } //Handling Events
+
+
+  onPointerDown(event) {
+    super.onPointerDown(event);
+    this.tracker.addToTracker(event);
+    this.trySettingPosition(event);
+
+    if (this.tracker.getTrackedPointersCount() > 1) {
+      this.onPointerAdd(event);
+    } else {
+      this.lastX = this.tracker.getLastAvgX();
+      this.lastY = this.tracker.getLastAvgY();
+    }
+
+    this.updateState(event);
+  }
+
+  onPointerAdd(_event) {
+    this.offsetX += this.lastX - this.startX;
+    this.offsetY += this.lastY = this.startY;
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.startX = this.lastX;
+    this.startY = this.lastY;
+  }
+
+  onPointerUp(event) {
+    if (this.tracker.getTrackedPointersCount() > 1) {
+      this.tracker.removeFromTracker(event.pointerId);
+      this.onPointerRemove(event);
+    } else {
+      this.lastX = this.tracker.getLastAvgX();
+      this.lastY = this.tracker.getLastAvgY();
+      this.tracker.removeFromTracker(event.pointerId);
+    }
+
+    this.updateState(event);
+  }
+
+  onPointerRemove(_event) {
+    this.offsetX += this.lastX - this.startX;
+    this.offsetY += this.lastY = this.startY;
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.startX = this.lastX;
+    this.startY = this.lastY;
+  }
+
+  onPointerMove(event) {
+    this.trySettingPosition(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.updateState(event);
+  }
+
+  onPointerOutOfBounds(event) {
+    this.trySettingPosition(event);
+    this.lastX = this.tracker.getLastAvgX();
+    this.lastY = this.tracker.getLastAvgY();
+    this.updateState(event);
+  }
+
+  onPointerCancel(event) {
+    this.tracker.resetTracker();
+    this.fail(event);
+  }
+
+  updateState(event) {
+    if (this.currentMaxNumberOfPointers < this.tracker.getTrackedPointersCount()) {
+      this.currentMaxNumberOfPointers = this.tracker.getTrackedPointersCount();
+    }
+
+    if (this.shouldFail()) {
+      this.fail(event);
+      return;
+    }
+
+    switch (this.currentState) {
+      case State.UNDETERMINED:
+        if (event.eventType === EventTypes.DOWN) {
+          this.begin(event);
+        }
+
+        this.startTap(event);
+        break;
+
+      case State.BEGAN:
+        if (event.eventType === EventTypes.UP) {
+          this.endTap(event);
+        }
+
+        if (event.eventType === EventTypes.DOWN) {
+          this.startTap(event);
+        }
+
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  trySettingPosition(event) {
+    if (this.currentState !== State.UNDETERMINED) {
+      return;
+    }
+
+    this.offsetX = 0;
+    this.offsetY = 0;
+    this.startX = event.x;
+    this.startY = event.y;
+  }
+
+  shouldFail() {
+    const dx = this.lastX - this.startX + this.offsetX;
+
+    if (this.maxDeltaX !== Number.MIN_SAFE_INTEGER && Math.abs(dx) > this.maxDeltaX) {
+      return true;
+    }
+
+    const dy = this.lastY - this.startY + this.offsetY;
+
+    if (this.maxDeltaY !== Number.MIN_SAFE_INTEGER && Math.abs(dy) > this.maxDeltaY) {
+      return true;
+    }
+
+    const dist = dy * dy + dx * dx;
+    return this.maxDistSq !== Number.MIN_SAFE_INTEGER && dist > this.maxDistSq;
+  }
+
+  activate(event) {
+    super.activate(event);
+
+    if (!this.isAwaiting()) {
+      this.end(event);
+    }
+  }
+
+  onCancel() {
+    this.resetProgress();
+    this.clearTimeouts();
+  }
+
+  resetProgress() {
+    this.tapsSoFar = 0;
+    this.currentMaxNumberOfPointers = 0;
+  }
+
+}
+//# sourceMappingURL=TapGestureHandler.js.map

package/lib/module/web/handlers/TapGestureHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TapGestureHandler.ts"],"names":["State","EventTypes","GestureHandler","DEFAULT_MAX_DURATION_MS","DEFAULT_MAX_DELAY_MS","DEFAULT_NUMBER_OF_TAPS","DEFAULT_MIN_NUMBER_OF_POINTERS","TapGestureHandler","Number","MIN_SAFE_INTEGER","init","ref","propsRef","setShouldCancelWhenOutside","updateGestureConfig","enabled","props","config","numberOfTaps","undefined","maxDurationMs","maxDelayMs","maxDeltaX","maxDeltaY","maxDistSq","minPointers","minNumberOfPointers","resetConfig","transformNativeEvent","event","x","offsetX","y","offsetY","absoluteX","absoluteY","clearTimeouts","clearTimeout","waitTimeout","delayTimeout","startTap","setTimeout","fail","endTap","tapsSoFar","currentMaxNumberOfPointers","activate","onPointerDown","tracker","addToTracker","trySettingPosition","getTrackedPointersCount","onPointerAdd","lastX","getLastAvgX","lastY","getLastAvgY","updateState","_event","startX","startY","onPointerUp","removeFromTracker","pointerId","onPointerRemove","onPointerMove","onPointerOutOfBounds","onPointerCancel","resetTracker","shouldFail","currentState","UNDETERMINED","eventType","DOWN","begin","BEGAN","UP","dx","Math","abs","dy","dist","isAwaiting","end","onCancel","resetProgress"],"mappings":"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","sourcesContent":["import { State } from '../../State';\nimport { AdaptedPointerEvent, EventTypes } from '../interfaces';\n\nimport GestureHandler from './GestureHandler';\n\nconst DEFAULT_MAX_DURATION_MS = 500;\nconst DEFAULT_MAX_DELAY_MS = 200;\nconst DEFAULT_NUMBER_OF_TAPS = 1;\nconst DEFAULT_MIN_NUMBER_OF_POINTERS = 1;\n\nexport default class TapGestureHandler extends GestureHandler {\n  private maxDeltaX = Number.MIN_SAFE_INTEGER;\n  private maxDeltaY = Number.MIN_SAFE_INTEGER;\n  private maxDistSq = Number.MIN_SAFE_INTEGER;\n  private maxDurationMs = DEFAULT_MAX_DURATION_MS;\n  private maxDelayMs = DEFAULT_MAX_DELAY_MS;\n\n  private numberOfTaps = DEFAULT_NUMBER_OF_TAPS;\n  private minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;\n  private currentMaxNumberOfPointers = 1;\n\n  private startX = 0;\n  private startY = 0;\n  private offsetX = 0;\n  private offsetY = 0;\n  private lastX = 0;\n  private lastY = 0;\n\n  private waitTimeout: number | undefined;\n  private delayTimeout: number | undefined;\n\n  private tapsSoFar = 0;\n\n  public init(ref: number, propsRef: React.RefObject<unknown>): void {\n    super.init(ref, propsRef);\n    this.setShouldCancelWhenOutside(true);\n  }\n\n  public updateGestureConfig({ enabled = true, ...props }): void {\n    super.updateGestureConfig({ enabled: enabled, ...props });\n\n    this.enabled = enabled;\n\n    if (this.config.numberOfTaps !== undefined) {\n      this.numberOfTaps = this.config.numberOfTaps;\n    }\n\n    if (this.config.maxDurationMs !== undefined) {\n      this.maxDurationMs = this.config.maxDurationMs;\n    }\n\n    if (this.config.maxDelayMs !== undefined) {\n      this.maxDelayMs = this.config.maxDelayMs;\n    }\n\n    if (this.config.maxDeltaX !== undefined) {\n      this.maxDeltaX = this.config.maxDeltaX;\n    }\n\n    if (this.config.maxDeltaY !== undefined) {\n      this.maxDeltaY = this.config.maxDeltaY;\n    }\n\n    if (this.config.maxDistSq !== undefined) {\n      this.maxDistSq = this.config.maxDistSq;\n    }\n\n    if (this.config.minPointers !== undefined) {\n      this.minNumberOfPointers = this.config.minPointers;\n    }\n  }\n\n  protected resetConfig(): void {\n    super.resetConfig();\n\n    this.maxDeltaX = Number.MIN_SAFE_INTEGER;\n    this.maxDeltaY = Number.MIN_SAFE_INTEGER;\n    this.maxDistSq = Number.MIN_SAFE_INTEGER;\n    this.maxDurationMs = DEFAULT_MAX_DURATION_MS;\n    this.maxDelayMs = DEFAULT_MAX_DELAY_MS;\n    this.numberOfTaps = DEFAULT_NUMBER_OF_TAPS;\n    this.minNumberOfPointers = DEFAULT_MIN_NUMBER_OF_POINTERS;\n  }\n\n  protected transformNativeEvent(event: AdaptedPointerEvent) {\n    return {\n      x: event.offsetX,\n      y: event.offsetY,\n      absoluteX: event.x,\n      absoluteY: event.y,\n    };\n  }\n\n  private clearTimeouts(): void {\n    clearTimeout(this.waitTimeout);\n    clearTimeout(this.delayTimeout);\n  }\n\n  private startTap(event: AdaptedPointerEvent): void {\n    this.clearTimeouts();\n\n    this.waitTimeout = setTimeout(() => this.fail(event), this.maxDurationMs);\n  }\n\n  private endTap(event: AdaptedPointerEvent): void {\n    this.clearTimeouts();\n\n    if (\n      ++this.tapsSoFar === this.numberOfTaps &&\n      this.currentMaxNumberOfPointers >= this.minNumberOfPointers\n    ) {\n      this.activate(event);\n    } else {\n      this.delayTimeout = setTimeout(() => this.fail(event), this.maxDelayMs);\n    }\n  }\n\n  //Handling Events\n  protected onPointerDown(event: AdaptedPointerEvent): void {\n    super.onPointerDown(event);\n    this.tracker.addToTracker(event);\n\n    this.trySettingPosition(event);\n\n    if (this.tracker.getTrackedPointersCount() > 1) {\n      this.onPointerAdd(event);\n    } else {\n      this.lastX = this.tracker.getLastAvgX();\n      this.lastY = this.tracker.getLastAvgY();\n    }\n    this.updateState(event);\n  }\n\n  protected onPointerAdd(_event: AdaptedPointerEvent): void {\n    this.offsetX += this.lastX - this.startX;\n    this.offsetY += this.lastY = this.startY;\n\n    this.lastX = this.tracker.getLastAvgX();\n    this.lastY = this.tracker.getLastAvgY();\n\n    this.startX = this.lastX;\n    this.startY = this.lastY;\n  }\n\n  protected onPointerUp(event: AdaptedPointerEvent): void {\n    if (this.tracker.getTrackedPointersCount() > 1) {\n      this.tracker.removeFromTracker(event.pointerId);\n\n      this.onPointerRemove(event);\n    } else {\n      this.lastX = this.tracker.getLastAvgX();\n      this.lastY = this.tracker.getLastAvgY();\n\n      this.tracker.removeFromTracker(event.pointerId);\n    }\n\n    this.updateState(event);\n  }\n\n  protected onPointerRemove(_event: AdaptedPointerEvent): void {\n    this.offsetX += this.lastX - this.startX;\n    this.offsetY += this.lastY = this.startY;\n\n    this.lastX = this.tracker.getLastAvgX();\n    this.lastY = this.tracker.getLastAvgY();\n\n    this.startX = this.lastX;\n    this.startY = this.lastY;\n  }\n\n  protected onPointerMove(event: AdaptedPointerEvent): void {\n    this.trySettingPosition(event);\n\n    this.lastX = this.tracker.getLastAvgX();\n    this.lastY = this.tracker.getLastAvgY();\n\n    this.updateState(event);\n  }\n  protected onPointerOutOfBounds(event: AdaptedPointerEvent): void {\n    this.trySettingPosition(event);\n\n    this.lastX = this.tracker.getLastAvgX();\n    this.lastY = this.tracker.getLastAvgY();\n\n    this.updateState(event);\n  }\n\n  protected onPointerCancel(event: AdaptedPointerEvent): void {\n    this.tracker.resetTracker();\n    this.fail(event);\n  }\n\n  private updateState(event: AdaptedPointerEvent): void {\n    if (\n      this.currentMaxNumberOfPointers < this.tracker.getTrackedPointersCount()\n    ) {\n      this.currentMaxNumberOfPointers = this.tracker.getTrackedPointersCount();\n    }\n\n    if (this.shouldFail()) {\n      this.fail(event);\n      return;\n    }\n\n    switch (this.currentState) {\n      case State.UNDETERMINED:\n        if (event.eventType === EventTypes.DOWN) {\n          this.begin(event);\n        }\n        this.startTap(event);\n        break;\n      case State.BEGAN:\n        if (event.eventType === EventTypes.UP) {\n          this.endTap(event);\n        }\n        if (event.eventType === EventTypes.DOWN) {\n          this.startTap(event);\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  private trySettingPosition(event: AdaptedPointerEvent): void {\n    if (this.currentState !== State.UNDETERMINED) {\n      return;\n    }\n\n    this.offsetX = 0;\n    this.offsetY = 0;\n    this.startX = event.x;\n    this.startY = event.y;\n  }\n\n  private shouldFail(): boolean {\n    const dx = this.lastX - this.startX + this.offsetX;\n    if (\n      this.maxDeltaX !== Number.MIN_SAFE_INTEGER &&\n      Math.abs(dx) > this.maxDeltaX\n    ) {\n      return true;\n    }\n\n    const dy = this.lastY - this.startY + this.offsetY;\n    if (\n      this.maxDeltaY !== Number.MIN_SAFE_INTEGER &&\n      Math.abs(dy) > this.maxDeltaY\n    ) {\n      return true;\n    }\n\n    const dist = dy * dy + dx * dx;\n\n    return this.maxDistSq !== Number.MIN_SAFE_INTEGER && dist > this.maxDistSq;\n  }\n\n  protected activate(event: AdaptedPointerEvent): void {\n    super.activate(event);\n\n    if (!this.isAwaiting()) {\n      this.end(event);\n    }\n  }\n\n  protected onCancel(): void {\n    this.resetProgress();\n    this.clearTimeouts();\n  }\n\n  protected resetProgress(): void {\n    this.tapsSoFar = 0;\n    this.currentMaxNumberOfPointers = 0;\n  }\n}\n"]}

package/lib/module/web/interfaces.js

@@ -0,0 +1,26 @@
+export let MouseButtons;
+
+(function (MouseButtons) {
+  MouseButtons[MouseButtons["NONE"] = 0] = "NONE";
+  MouseButtons[MouseButtons["LEFT"] = 1] = "LEFT";
+  MouseButtons[MouseButtons["RIGHT"] = 2] = "RIGHT";
+  MouseButtons[MouseButtons["LEFT_RIGHT"] = 3] = "LEFT_RIGHT";
+  MouseButtons[MouseButtons["SCROLL"] = 4] = "SCROLL";
+  MouseButtons[MouseButtons["SCROLL_LEFT"] = 5] = "SCROLL_LEFT";
+  MouseButtons[MouseButtons["SCROLL_RIGHT"] = 6] = "SCROLL_RIGHT";
+  MouseButtons[MouseButtons["SCROLL_LEFT_RIGHT"] = 7] = "SCROLL_LEFT_RIGHT";
+})(MouseButtons || (MouseButtons = {}));
+
+export let EventTypes;
+
+(function (EventTypes) {
+  EventTypes[EventTypes["DOWN"] = 0] = "DOWN";
+  EventTypes[EventTypes["ADDITIONAL_POINTER_DOWN"] = 1] = "ADDITIONAL_POINTER_DOWN";
+  EventTypes[EventTypes["UP"] = 2] = "UP";
+  EventTypes[EventTypes["ADDITIONAL_POINTER_UP"] = 3] = "ADDITIONAL_POINTER_UP";
+  EventTypes[EventTypes["MOVE"] = 4] = "MOVE";
+  EventTypes[EventTypes["ENTER"] = 5] = "ENTER";
+  EventTypes[EventTypes["OUT"] = 6] = "OUT";
+  EventTypes[EventTypes["CANCEL"] = 7] = "CANCEL";
+})(EventTypes || (EventTypes = {}));
+//# sourceMappingURL=interfaces.js.map

package/lib/module/web/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interfaces.ts"],"names":["MouseButtons","EventTypes"],"mappings":"AA6FA,WAAYA,YAAZ;;WAAYA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;AAAAA,EAAAA,Y,CAAAA,Y;GAAAA,Y,KAAAA,Y;;AAWZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U","sourcesContent":["import { Directions } from '../Directions';\nimport { State } from '../State';\n\nexport interface HitSlop {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n  horizontal?: number;\n  vertical?: number;\n  width?: number;\n  height?: number;\n}\n\nexport interface Handler {\n  handlerTag: number;\n}\n\ntype ConfigArgs =\n  | number\n  | boolean\n  | HitSlop\n  | Directions\n  | Handler[]\n  | null\n  | undefined;\n\nexport interface Config extends Record<string, ConfigArgs> {\n  enabled?: boolean;\n  simultaneousHandlers?: Handler[] | null;\n  waitFor?: Handler[] | null;\n  hitSlop?: HitSlop;\n\n  minPointers?: number;\n  maxPointers?: number;\n  minDist?: number;\n  minDistSq?: number;\n  minVelocity?: number;\n  minVelocityX?: number;\n  minVelocityY?: number;\n  minVelocitySq?: number;\n  maxDist?: number;\n  maxDistSq?: number;\n  failOffsetXStart?: number;\n  failOffsetYStart?: number;\n  failOffsetXEnd?: number;\n  failOffsetYEnd?: number;\n  activeOffsetXStart?: number;\n  activeOffsetXEnd?: number;\n  activeOffsetYStart?: number;\n  activeOffsetYEnd?: number;\n  numberOfPointers?: number;\n  minDurationMs?: number;\n  numberOfTaps?: number;\n  maxDurationMs?: number;\n  maxDelayMs?: number;\n  maxDeltaX?: number;\n  maxDeltaY?: number;\n  direction?: Directions;\n}\n\ntype NativeEventArgs = number | State | boolean | undefined;\ninterface NativeEvent extends Record<string, NativeEventArgs> {\n  numberOfPointers: number;\n  state: State;\n  pointerInside: boolean | undefined;\n  handlerTag: number;\n  target: number;\n  oldState?: State;\n}\n\nexport interface ResultEvent extends Record<string, NativeEvent | number> {\n  nativeEvent: NativeEvent;\n  timeStamp: number;\n}\n\nexport interface PropsRef {\n  onGestureHandlerEvent: () => void;\n  onGestureHandlerStateChange: () => void;\n}\n\nexport interface AdaptedPointerEvent {\n  x: number;\n  y: number;\n  offsetX: number;\n  offsetY: number;\n  pointerId: number;\n  eventType: EventTypes;\n  pointerType: string;\n  buttons: number;\n  time: number;\n}\n\nexport enum MouseButtons {\n  NONE,\n  LEFT,\n  RIGHT,\n  LEFT_RIGHT,\n  SCROLL,\n  SCROLL_LEFT,\n  SCROLL_RIGHT,\n  SCROLL_LEFT_RIGHT,\n}\n\nexport enum EventTypes {\n  DOWN,\n  ADDITIONAL_POINTER_DOWN,\n  UP,\n  ADDITIONAL_POINTER_UP,\n  MOVE,\n  ENTER,\n  OUT,\n  CANCEL,\n}\n"]}

package/lib/module/web/tools/EventManager.js

@@ -0,0 +1,160 @@
+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; }
+
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { EventTypes, MouseButtons } from '../interfaces';
+export default class EventManager {
+  constructor(view) {
+    _defineProperty(this, "activePointers", []);
+
+    _defineProperty(this, "view", void 0);
+
+    this.view = view;
+  }
+
+  setListeners() {
+    this.view.addEventListener('pointerdown', event => {
+      if (!this.isPointerInBounds({
+        x: event.clientX,
+        y: event.clientY
+      })) {
+        return;
+      }
+
+      const adaptedEvent = this.mapEvent(event, EventTypes.DOWN);
+      const target = event.target;
+      target.setPointerCapture(adaptedEvent.pointerId);
+      this.addActivePointer(adaptedEvent.pointerId);
+      this.onPointerDown(adaptedEvent);
+    });
+    this.view.addEventListener('pointerup', event => {
+      const adaptedEvent = this.mapEvent(event, EventTypes.UP);
+      const target = event.target;
+      this.onPointerUp(adaptedEvent);
+      target.releasePointerCapture(adaptedEvent.pointerId);
+      this.removeActivePointer(adaptedEvent.pointerId);
+    });
+    this.view.addEventListener('pointermove', event => {
+      if (event.pointerType === 'mouse' && event.buttons !== MouseButtons.LEFT) {
+        return;
+      }
+
+      const adaptedEvent = this.mapEvent(event, EventTypes.MOVE);
+      const inBounds = this.isPointerInBounds({
+        x: adaptedEvent.x,
+        y: adaptedEvent.y
+      });
+      const pointerIndex = this.activePointers.indexOf(adaptedEvent.pointerId);
+
+      if (inBounds) {
+        if (pointerIndex < 0) {
+          adaptedEvent.eventType = EventTypes.ENTER;
+          this.onPointerEnter(adaptedEvent);
+          this.addActivePointer(adaptedEvent.pointerId);
+        } else {
+          this.onPointerMove(adaptedEvent);
+        }
+      } else {
+        if (pointerIndex >= 0) {
+          adaptedEvent.eventType = EventTypes.OUT;
+          this.onPointerOut(adaptedEvent);
+          this.removeActivePointer(adaptedEvent.pointerId);
+        } else {
+          this.onPointerOutOfBounds(adaptedEvent);
+        }
+      }
+    });
+    this.view.addEventListener('pointercancel', event => {
+      event.preventDefault();
+      const adaptedEvent = this.mapEvent(event, EventTypes.CANCEL);
+      this.onPointerCancel(adaptedEvent);
+    });
+  }
+
+  onPointerDown(_event) {}
+
+  onPointerUp(_event) {}
+
+  onPointerMove(_event) {}
+
+  onPointerOut(_event) {}
+
+  onPointerEnter(_event) {}
+
+  onPointerCancel(_event) {}
+
+  onPointerOutOfBounds(_event) {}
+
+  setOnPointerDown(callback) {
+    this.onPointerDown = callback;
+  }
+
+  setOnPointerUp(callback) {
+    this.onPointerUp = callback;
+  }
+
+  setOnPointerMove(callback) {
+    this.onPointerMove = callback;
+  }
+
+  setOnPointerOut(callback) {
+    this.onPointerOut = callback;
+  }
+
+  setOnPointerEnter(callback) {
+    this.onPointerEnter = callback;
+  }
+
+  setOnPointerCancel(callback) {
+    this.onPointerCancel = callback;
+  }
+
+  setOnPointerOutOfBounds(callback) {
+    this.onPointerOutOfBounds = callback;
+  }
+
+  mapEvent(event, eventType) {
+    return {
+      x: event.clientX,
+      y: event.clientY,
+      offsetX: event.offsetX,
+      offsetY: event.offsetY,
+      pointerId: event.pointerId,
+      eventType: eventType,
+      pointerType: event.pointerType,
+      buttons: event.buttons,
+      time: event.timeStamp
+    };
+  }
+
+  isPointerInBounds({
+    x,
+    y
+  }) {
+    if (!this.view) {
+      return false;
+    }
+
+    const rect = this.view.getBoundingClientRect();
+    return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+  }
+
+  addActivePointer(pointerId) {
+    if (this.activePointers.indexOf(pointerId) >= 0) {
+      return;
+    }
+
+    this.activePointers.push(pointerId);
+  }
+
+  removeActivePointer(pointerId) {
+    const index = this.activePointers.indexOf(pointerId);
+
+    if (index < 0) {
+      return;
+    }
+
+    this.activePointers.splice(index, 1);
+  }
+
+}
+//# sourceMappingURL=EventManager.js.map

package/lib/module/web/tools/EventManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EventManager.ts"],"names":["EventTypes","MouseButtons","EventManager","constructor","view","setListeners","addEventListener","event","isPointerInBounds","x","clientX","y","clientY","adaptedEvent","mapEvent","DOWN","target","setPointerCapture","pointerId","addActivePointer","onPointerDown","UP","onPointerUp","releasePointerCapture","removeActivePointer","pointerType","buttons","LEFT","MOVE","inBounds","pointerIndex","activePointers","indexOf","eventType","ENTER","onPointerEnter","onPointerMove","OUT","onPointerOut","onPointerOutOfBounds","preventDefault","CANCEL","onPointerCancel","_event","setOnPointerDown","callback","setOnPointerUp","setOnPointerMove","setOnPointerOut","setOnPointerEnter","setOnPointerCancel","setOnPointerOutOfBounds","offsetX","offsetY","time","timeStamp","rect","getBoundingClientRect","left","right","top","bottom","push","index","splice"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n\nimport { EventTypes, AdaptedPointerEvent, MouseButtons } from '../interfaces';\n\nexport default class EventManager {\n  private activePointers: number[] = [];\n  private readonly view: HTMLElement;\n\n  constructor(view: HTMLElement) {\n    this.view = view;\n  }\n\n  public setListeners() {\n    this.view.addEventListener('pointerdown', (event: PointerEvent): void => {\n      if (\n        !this.isPointerInBounds({\n          x: event.clientX,\n          y: event.clientY,\n        })\n      ) {\n        return;\n      }\n\n      const adaptedEvent: AdaptedPointerEvent = this.mapEvent(\n        event,\n        EventTypes.DOWN\n      );\n      const target = event.target as HTMLElement;\n\n      target.setPointerCapture(adaptedEvent.pointerId);\n      this.addActivePointer(adaptedEvent.pointerId);\n      this.onPointerDown(adaptedEvent);\n    });\n\n    this.view.addEventListener('pointerup', (event: PointerEvent): void => {\n      const adaptedEvent: AdaptedPointerEvent = this.mapEvent(\n        event,\n        EventTypes.UP\n      );\n      const target = event.target as HTMLElement;\n\n      this.onPointerUp(adaptedEvent);\n      target.releasePointerCapture(adaptedEvent.pointerId);\n      this.removeActivePointer(adaptedEvent.pointerId);\n    });\n\n    this.view.addEventListener('pointermove', (event: PointerEvent): void => {\n      if (\n        event.pointerType === 'mouse' &&\n        event.buttons !== MouseButtons.LEFT\n      ) {\n        return;\n      }\n\n      const adaptedEvent: AdaptedPointerEvent = this.mapEvent(\n        event,\n        EventTypes.MOVE\n      );\n\n      const inBounds: boolean = this.isPointerInBounds({\n        x: adaptedEvent.x,\n        y: adaptedEvent.y,\n      });\n\n      const pointerIndex: number = this.activePointers.indexOf(\n        adaptedEvent.pointerId\n      );\n\n      if (inBounds) {\n        if (pointerIndex < 0) {\n          adaptedEvent.eventType = EventTypes.ENTER;\n          this.onPointerEnter(adaptedEvent);\n          this.addActivePointer(adaptedEvent.pointerId);\n        } else {\n          this.onPointerMove(adaptedEvent);\n        }\n      } else {\n        if (pointerIndex >= 0) {\n          adaptedEvent.eventType = EventTypes.OUT;\n          this.onPointerOut(adaptedEvent);\n          this.removeActivePointer(adaptedEvent.pointerId);\n        } else {\n          this.onPointerOutOfBounds(adaptedEvent);\n        }\n      }\n    });\n\n    this.view.addEventListener('pointercancel', (event: PointerEvent): void => {\n      event.preventDefault();\n\n      const adaptedEvent: AdaptedPointerEvent = this.mapEvent(\n        event,\n        EventTypes.CANCEL\n      );\n\n      this.onPointerCancel(adaptedEvent);\n    });\n  }\n\n  private onPointerDown(_event: AdaptedPointerEvent): void {}\n  private onPointerUp(_event: AdaptedPointerEvent): void {}\n  private onPointerMove(_event: AdaptedPointerEvent): void {}\n  private onPointerOut(_event: AdaptedPointerEvent): void {}\n  private onPointerEnter(_event: AdaptedPointerEvent): void {}\n  private onPointerCancel(_event: AdaptedPointerEvent): void {}\n  private onPointerOutOfBounds(_event: AdaptedPointerEvent): void {}\n\n  public setOnPointerDown(\n    callback: (event: AdaptedPointerEvent) => void\n  ): void {\n    this.onPointerDown = callback;\n  }\n  public setOnPointerUp(callback: (event: AdaptedPointerEvent) => void): void {\n    this.onPointerUp = callback;\n  }\n  public setOnPointerMove(\n    callback: (event: AdaptedPointerEvent) => void\n  ): void {\n    this.onPointerMove = callback;\n  }\n  public setOnPointerOut(callback: (event: AdaptedPointerEvent) => void): void {\n    this.onPointerOut = callback;\n  }\n  public setOnPointerEnter(\n    callback: (event: AdaptedPointerEvent) => void\n  ): void {\n    this.onPointerEnter = callback;\n  }\n  public setOnPointerCancel(\n    callback: (event: AdaptedPointerEvent) => void\n  ): void {\n    this.onPointerCancel = callback;\n  }\n  public setOnPointerOutOfBounds(\n    callback: (event: AdaptedPointerEvent) => void\n  ): void {\n    this.onPointerOutOfBounds = callback;\n  }\n\n  private mapEvent(\n    event: PointerEvent,\n    eventType: EventTypes\n  ): AdaptedPointerEvent {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n      offsetX: event.offsetX,\n      offsetY: event.offsetY,\n      pointerId: event.pointerId,\n      eventType: eventType,\n      pointerType: event.pointerType,\n      buttons: event.buttons,\n      time: event.timeStamp,\n    };\n  }\n\n  public isPointerInBounds({ x, y }: { x: number; y: number }): boolean {\n    if (!this.view) {\n      return false;\n    }\n\n    const rect: DOMRect = this.view.getBoundingClientRect();\n\n    return (\n      x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom\n    );\n  }\n\n  private addActivePointer(pointerId: number): void {\n    if (this.activePointers.indexOf(pointerId) >= 0) {\n      return;\n    }\n\n    this.activePointers.push(pointerId);\n  }\n\n  private removeActivePointer(pointerId: number): void {\n    const index: number = this.activePointers.indexOf(pointerId);\n\n    if (index < 0) {\n      return;\n    }\n\n    this.activePointers.splice(index, 1);\n  }\n}\n"]}