@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

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

@@ -0,0 +1,152 @@
+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 { Direction } from '../constants';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MAX_DURATION_MS = 800;
+const DEFAULT_MIN_ACCEPTABLE_DELTA = 160;
+const DEFAULT_DIRECTION = Direction.RIGHT;
+const DEFAULT_NUMBER_OF_TOUCHES_REQUIRED = 1;
+export default class FlingGestureHandler extends GestureHandler {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "numberOfPointersRequired", DEFAULT_NUMBER_OF_TOUCHES_REQUIRED);
+
+    _defineProperty(this, "direction", DEFAULT_DIRECTION);
+
+    _defineProperty(this, "maxDurationMs", DEFAULT_MAX_DURATION_MS);
+
+    _defineProperty(this, "minAcceptableDelta", DEFAULT_MIN_ACCEPTABLE_DELTA);
+
+    _defineProperty(this, "delayTimeout", void 0);
+
+    _defineProperty(this, "startX", 0);
+
+    _defineProperty(this, "startY", 0);
+
+    _defineProperty(this, "maxNumberOfPointersSimultaneously", 0);
+
+    _defineProperty(this, "keyPointer", NaN);
+  }
+
+  init(ref, propsRef) {
+    super.init(ref, propsRef);
+  }
+
+  updateGestureConfig({
+    enabled = true,
+    ...props
+  }) {
+    super.updateGestureConfig({
+      enabled: enabled,
+      ...props
+    });
+
+    if (this.config.direction) {
+      this.direction = this.config.direction;
+    }
+
+    if (this.config.numberOfPointers) {
+      this.numberOfPointersRequired = this.config.numberOfPointers;
+    }
+  }
+
+  startFling() {
+    this.startX = this.tracker.getLastX(this.keyPointer);
+    this.startY = this.tracker.getLastY(this.keyPointer);
+    this.begin();
+    this.maxNumberOfPointersSimultaneously = 1;
+    this.delayTimeout = setTimeout(() => this.fail(), this.maxDurationMs);
+  }
+
+  tryEndFling() {
+    if (this.maxNumberOfPointersSimultaneously === this.numberOfPointersRequired && (this.direction & Direction.RIGHT && this.tracker.getLastX(this.keyPointer) - this.startX > this.minAcceptableDelta || this.direction & Direction.LEFT && this.startX - this.tracker.getLastX(this.keyPointer) > this.minAcceptableDelta || this.direction & Direction.UP && this.startY - this.tracker.getLastY(this.keyPointer) > this.minAcceptableDelta || this.direction & Direction.DOWN && this.tracker.getLastY(this.keyPointer) - this.startY > this.minAcceptableDelta)) {
+      clearTimeout(this.delayTimeout);
+      this.activate();
+      return true;
+    }
+
+    return false;
+  }
+
+  endFling() {
+    if (!this.tryEndFling()) {
+      this.fail();
+    }
+  }
+
+  onPointerDown(event) {
+    this.tracker.addToTracker(event);
+    this.keyPointer = event.pointerId;
+    super.onPointerDown(event);
+    this.newPointerAction();
+  }
+
+  onPointerAdd(event) {
+    this.tracker.addToTracker(event);
+    super.onPointerAdd(event);
+    this.newPointerAction();
+  }
+
+  newPointerAction() {
+    if (this.currentState === State.UNDETERMINED) {
+      this.startFling();
+    }
+
+    if (this.currentState !== State.BEGAN) {
+      return;
+    }
+
+    this.tryEndFling();
+
+    if (this.tracker.getTrackedPointersCount() > this.maxNumberOfPointersSimultaneously) {
+      this.maxNumberOfPointersSimultaneously = this.tracker.getTrackedPointersCount();
+    }
+  }
+
+  onPointerMove(event) {
+    this.tracker.track(event);
+
+    if (this.currentState !== State.BEGAN) {
+      return;
+    }
+
+    this.tryEndFling();
+    super.onPointerMove(event);
+  }
+
+  onPointerUp(event) {
+    super.onPointerUp(event);
+    this.onUp(event);
+    this.keyPointer = NaN;
+  }
+
+  onPointerRemove(event) {
+    super.onPointerRemove(event);
+    this.onUp(event);
+  }
+
+  onUp(event) {
+    this.tracker.removeFromTracker(event.pointerId);
+
+    if (this.currentState !== State.BEGAN) {
+      return;
+    }
+
+    this.endFling();
+  }
+
+  activate(force) {
+    super.activate(force);
+    this.end();
+  }
+
+  resetConfig() {
+    super.resetConfig();
+    this.numberOfPointersRequired = DEFAULT_NUMBER_OF_TOUCHES_REQUIRED;
+    this.direction = DEFAULT_DIRECTION;
+  }
+
+}
+//# sourceMappingURL=FlingGestureHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FlingGestureHandler.ts"],"names":["State","Direction","GestureHandler","DEFAULT_MAX_DURATION_MS","DEFAULT_MIN_ACCEPTABLE_DELTA","DEFAULT_DIRECTION","RIGHT","DEFAULT_NUMBER_OF_TOUCHES_REQUIRED","FlingGestureHandler","NaN","init","ref","propsRef","updateGestureConfig","enabled","props","config","direction","numberOfPointers","numberOfPointersRequired","startFling","startX","tracker","getLastX","keyPointer","startY","getLastY","begin","maxNumberOfPointersSimultaneously","delayTimeout","setTimeout","fail","maxDurationMs","tryEndFling","minAcceptableDelta","LEFT","UP","DOWN","clearTimeout","activate","endFling","onPointerDown","event","addToTracker","pointerId","newPointerAction","onPointerAdd","currentState","UNDETERMINED","BEGAN","getTrackedPointersCount","onPointerMove","track","onPointerUp","onUp","onPointerRemove","removeFromTracker","force","end","resetConfig"],"mappings":"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","sourcesContent":["import { State } from '../../State';\r\nimport { Direction } from '../constants';\r\nimport { AdaptedEvent, Config } from '../interfaces';\r\n\r\nimport GestureHandler from './GestureHandler';\r\n\r\nconst DEFAULT_MAX_DURATION_MS = 800;\r\nconst DEFAULT_MIN_ACCEPTABLE_DELTA = 160;\r\nconst DEFAULT_DIRECTION = Direction.RIGHT;\r\nconst DEFAULT_NUMBER_OF_TOUCHES_REQUIRED = 1;\r\n\r\nexport default class FlingGestureHandler extends GestureHandler {\r\n  private numberOfPointersRequired = DEFAULT_NUMBER_OF_TOUCHES_REQUIRED;\r\n  private direction = DEFAULT_DIRECTION;\r\n\r\n  private maxDurationMs = DEFAULT_MAX_DURATION_MS;\r\n  private minAcceptableDelta = DEFAULT_MIN_ACCEPTABLE_DELTA;\r\n  private delayTimeout!: number;\r\n\r\n  private startX = 0;\r\n  private startY = 0;\r\n\r\n  private maxNumberOfPointersSimultaneously = 0;\r\n  private keyPointer = NaN;\r\n\r\n  public init(ref: number, propsRef: React.RefObject<unknown>): void {\r\n    super.init(ref, propsRef);\r\n  }\r\n\r\n  public updateGestureConfig({ enabled = true, ...props }: Config): void {\r\n    super.updateGestureConfig({ enabled: enabled, ...props });\r\n\r\n    if (this.config.direction) {\r\n      this.direction = this.config.direction;\r\n    }\r\n\r\n    if (this.config.numberOfPointers) {\r\n      this.numberOfPointersRequired = this.config.numberOfPointers;\r\n    }\r\n  }\r\n\r\n  private startFling(): void {\r\n    this.startX = this.tracker.getLastX(this.keyPointer);\r\n    this.startY = this.tracker.getLastY(this.keyPointer);\r\n\r\n    this.begin();\r\n\r\n    this.maxNumberOfPointersSimultaneously = 1;\r\n\r\n    this.delayTimeout = setTimeout(() => this.fail(), this.maxDurationMs);\r\n  }\r\n\r\n  private tryEndFling(): boolean {\r\n    if (\r\n      this.maxNumberOfPointersSimultaneously ===\r\n        this.numberOfPointersRequired &&\r\n      ((this.direction & Direction.RIGHT &&\r\n        this.tracker.getLastX(this.keyPointer) - this.startX >\r\n          this.minAcceptableDelta) ||\r\n        (this.direction & Direction.LEFT &&\r\n          this.startX - this.tracker.getLastX(this.keyPointer) >\r\n            this.minAcceptableDelta) ||\r\n        (this.direction & Direction.UP &&\r\n          this.startY - this.tracker.getLastY(this.keyPointer) >\r\n            this.minAcceptableDelta) ||\r\n        (this.direction & Direction.DOWN &&\r\n          this.tracker.getLastY(this.keyPointer) - this.startY >\r\n            this.minAcceptableDelta))\r\n    ) {\r\n      clearTimeout(this.delayTimeout);\r\n      this.activate();\r\n\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  private endFling() {\r\n    if (!this.tryEndFling()) {\r\n      this.fail();\r\n    }\r\n  }\r\n\r\n  protected onPointerDown(event: AdaptedEvent): void {\r\n    this.tracker.addToTracker(event);\r\n    this.keyPointer = event.pointerId;\r\n\r\n    super.onPointerDown(event);\r\n    this.newPointerAction();\r\n  }\r\n\r\n  protected onPointerAdd(event: AdaptedEvent): void {\r\n    this.tracker.addToTracker(event);\r\n    super.onPointerAdd(event);\r\n    this.newPointerAction();\r\n  }\r\n\r\n  private newPointerAction(): void {\r\n    if (this.currentState === State.UNDETERMINED) {\r\n      this.startFling();\r\n    }\r\n\r\n    if (this.currentState !== State.BEGAN) {\r\n      return;\r\n    }\r\n\r\n    this.tryEndFling();\r\n\r\n    if (\r\n      this.tracker.getTrackedPointersCount() >\r\n      this.maxNumberOfPointersSimultaneously\r\n    ) {\r\n      this.maxNumberOfPointersSimultaneously =\r\n        this.tracker.getTrackedPointersCount();\r\n    }\r\n  }\r\n\r\n  protected onPointerMove(event: AdaptedEvent): void {\r\n    this.tracker.track(event);\r\n\r\n    if (this.currentState !== State.BEGAN) {\r\n      return;\r\n    }\r\n\r\n    this.tryEndFling();\r\n\r\n    super.onPointerMove(event);\r\n  }\r\n\r\n  protected onPointerUp(event: AdaptedEvent): void {\r\n    super.onPointerUp(event);\r\n    this.onUp(event);\r\n\r\n    this.keyPointer = NaN;\r\n  }\r\n\r\n  protected onPointerRemove(event: AdaptedEvent): void {\r\n    super.onPointerRemove(event);\r\n    this.onUp(event);\r\n  }\r\n\r\n  private onUp(event: AdaptedEvent): void {\r\n    this.tracker.removeFromTracker(event.pointerId);\r\n    if (this.currentState !== State.BEGAN) {\r\n      return;\r\n    }\r\n    this.endFling();\r\n  }\r\n\r\n  public activate(force?: boolean): void {\r\n    super.activate(force);\r\n    this.end();\r\n  }\r\n\r\n  protected resetConfig(): void {\r\n    super.resetConfig();\r\n    this.numberOfPointersRequired = DEFAULT_NUMBER_OF_TOUCHES_REQUIRED;\r\n    this.direction = DEFAULT_DIRECTION;\r\n  }\r\n}\r\n"]}