@amazon-devices/react-native-gesture-handler 4.0.0 → 4.0.2

package/lib/commonjs/utils.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INT32_MAX = void 0;
-exports.deepEqual = deepEqual;
-exports.hasProperty = hasProperty;
-exports.isFabric = isFabric;
-exports.isReact19 = isReact19;
-exports.isRemoteDebuggingEnabled = isRemoteDebuggingEnabled;
-exports.isTestEnv = isTestEnv;
-exports.tagMessage = tagMessage;
-exports.toArray = toArray;
-exports.withPrevAndCurrent = withPrevAndCurrent;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function toArray(object) {
-  if (!Array.isArray(object)) {
-    return [object];
-  }
-  return object;
-}
-function withPrevAndCurrent(array, mapFn) {
-  const previousArr = [null];
-  const currentArr = [...array];
-  const transformedArr = [];
-  currentArr.forEach((current, i) => {
-    // This type cast is fine and solves problem mentioned in https://github.com/software-mansion/react-native-gesture-handler/pull/2867 (namely that `previous` can be undefined).
-    // Unfortunately, linter on our CI does not allow this type of casting as it is unnecessary. To bypass that we use eslint-disable.
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-    const previous = previousArr[i];
-    const transformed = mapFn(previous, current);
-    previousArr.push(transformed);
-    transformedArr.push(transformed);
-  });
-  return transformedArr;
-}
-function hasProperty(object, key) {
-  return Object.prototype.hasOwnProperty.call(object, key);
-}
-function isTestEnv() {
-  // @ts-ignore Do not use `@types/node` because it will prioritise Node types over RN types which breaks the types (ex. setTimeout) in React Native projects.
-  return hasProperty(global, 'process') && process.env.NODE_ENV === 'test';
-}
-function tagMessage(msg) {
-  return `[react-native-gesture-handler] ${msg}`;
-}
-
-// Helper method to check whether Fabric is enabled, however global.nativeFabricUIManager
-// may not be initialized before the first render
-function isFabric() {
-  // @ts-expect-error nativeFabricUIManager is not yet included in the RN types
-  return !!global?.nativeFabricUIManager;
-}
-function isReact19() {
-  return _react.default.version.startsWith('19.');
-}
-function isRemoteDebuggingEnabled() {
-  // react-native-reanimated checks if in remote debugging in the same way
-  // @ts-ignore global is available but node types are not included
-  const localGlobal = global;
-  return (!localGlobal.nativeCallSyncHook || !!localGlobal.__REMOTEDEV__) && !localGlobal.RN$Bridgeless;
-}
-
-/**
- * Recursively compares two objects for deep equality.
- *
- * **Note:** This function does not support cyclic references.
- *
- * @param obj1 - The first object to compare.
- * @param obj2 - The second object to compare.
- * @returns `true` if the objects are deeply equal, `false` otherwise.
- */
-function deepEqual(obj1, obj2) {
-  if (obj1 === obj2) {
-    return true;
-  }
-  if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {
-    return false;
-  }
-  const keys1 = Object.keys(obj1);
-  const keys2 = Object.keys(obj2);
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  for (const key of keys1) {
-    if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) {
-      return false;
-    }
-  }
-  return true;
-}
-const INT32_MAX = exports.INT32_MAX = 2 ** 31 - 1;
-//# sourceMappingURL=utils.js.map

package/lib/commonjs/web/Gestures.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HammerGestures = exports.Gestures = void 0;
-var _PanGestureHandler = _interopRequireDefault(require("./handlers/PanGestureHandler"));
-var _TapGestureHandler = _interopRequireDefault(require("./handlers/TapGestureHandler"));
-var _LongPressGestureHandler = _interopRequireDefault(require("./handlers/LongPressGestureHandler"));
-var _PinchGestureHandler = _interopRequireDefault(require("./handlers/PinchGestureHandler"));
-var _RotationGestureHandler = _interopRequireDefault(require("./handlers/RotationGestureHandler"));
-var _FlingGestureHandler = _interopRequireDefault(require("./handlers/FlingGestureHandler"));
-var _NativeViewGestureHandler = _interopRequireDefault(require("./handlers/NativeViewGestureHandler"));
-var _ManualGestureHandler = _interopRequireDefault(require("./handlers/ManualGestureHandler"));
-var _HoverGestureHandler = _interopRequireDefault(require("./handlers/HoverGestureHandler"));
-var _NativeViewGestureHandler2 = _interopRequireDefault(require("../web_hammer/NativeViewGestureHandler"));
-var _PanGestureHandler2 = _interopRequireDefault(require("../web_hammer/PanGestureHandler"));
-var _TapGestureHandler2 = _interopRequireDefault(require("../web_hammer/TapGestureHandler"));
-var _LongPressGestureHandler2 = _interopRequireDefault(require("../web_hammer/LongPressGestureHandler"));
-var _PinchGestureHandler2 = _interopRequireDefault(require("../web_hammer/PinchGestureHandler"));
-var _RotationGestureHandler2 = _interopRequireDefault(require("../web_hammer/RotationGestureHandler"));
-var _FlingGestureHandler2 = _interopRequireDefault(require("../web_hammer/FlingGestureHandler"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Gesture Handlers
-
-// Hammer Handlers
-
-const Gestures = exports.Gestures = {
-  NativeViewGestureHandler: _NativeViewGestureHandler.default,
-  PanGestureHandler: _PanGestureHandler.default,
-  TapGestureHandler: _TapGestureHandler.default,
-  LongPressGestureHandler: _LongPressGestureHandler.default,
-  PinchGestureHandler: _PinchGestureHandler.default,
-  RotationGestureHandler: _RotationGestureHandler.default,
-  FlingGestureHandler: _FlingGestureHandler.default,
-  ManualGestureHandler: _ManualGestureHandler.default,
-  HoverGestureHandler: _HoverGestureHandler.default
-};
-const HammerGestures = exports.HammerGestures = {
-  NativeViewGestureHandler: _NativeViewGestureHandler2.default,
-  PanGestureHandler: _PanGestureHandler2.default,
-  TapGestureHandler: _TapGestureHandler2.default,
-  LongPressGestureHandler: _LongPressGestureHandler2.default,
-  PinchGestureHandler: _PinchGestureHandler2.default,
-  RotationGestureHandler: _RotationGestureHandler2.default,
-  FlingGestureHandler: _FlingGestureHandler2.default
-};
-//# sourceMappingURL=Gestures.js.map

package/lib/commonjs/web/constants.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MINIMAL_RECOGNIZABLE_MAGNITUDE = exports.DEFAULT_TOUCH_SLOP = void 0;
-const DEFAULT_TOUCH_SLOP = exports.DEFAULT_TOUCH_SLOP = 15;
-const MINIMAL_RECOGNIZABLE_MAGNITUDE = exports.MINIMAL_RECOGNIZABLE_MAGNITUDE = 0.1;
-//# sourceMappingURL=constants.js.map

package/lib/commonjs/web/detectors/RotationGestureDetector.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _interfaces = require("../interfaces");
-class RotationGestureDetector {
-  currentTime = 0;
-  previousTime = 0;
-  previousAngle = 0;
-  _rotation = 0;
-  _anchorX = 0;
-  _anchorY = 0;
-  isInProgress = false;
-  keyPointers = [NaN, NaN];
-  constructor(callbacks) {
-    this.onRotationBegin = callbacks.onRotationBegin;
-    this.onRotation = callbacks.onRotation;
-    this.onRotationEnd = callbacks.onRotationEnd;
-  }
-  updateCurrent(event, tracker) {
-    this.previousTime = this.currentTime;
-    this.currentTime = event.time;
-    const [firstPointerID, secondPointerID] = this.keyPointers;
-    const firstPointerCoords = tracker.getLastAbsoluteCoords(firstPointerID);
-    const secondPointerCoords = tracker.getLastAbsoluteCoords(secondPointerID);
-    if (!firstPointerCoords || !secondPointerCoords) {
-      return;
-    }
-    const vectorX = secondPointerCoords.x - firstPointerCoords.x;
-    const vectorY = secondPointerCoords.y - firstPointerCoords.y;
-    this._anchorX = (firstPointerCoords.x + secondPointerCoords.x) / 2;
-    this._anchorY = (firstPointerCoords.y + secondPointerCoords.y) / 2;
-
-    // Angle diff should be positive when rotating in clockwise direction
-    const angle = -Math.atan2(vectorY, vectorX);
-    this._rotation = Number.isNaN(this.previousAngle) ? 0 : this.previousAngle - angle;
-    this.previousAngle = angle;
-    if (this.rotation > Math.PI) {
-      this._rotation -= Math.PI;
-    } else if (this.rotation < -Math.PI) {
-      this._rotation += Math.PI;
-    }
-    if (this.rotation > Math.PI / 2) {
-      this._rotation -= Math.PI;
-    } else if (this.rotation < -Math.PI / 2) {
-      this._rotation += Math.PI;
-    }
-  }
-  finish() {
-    if (!this.isInProgress) {
-      return;
-    }
-    this.isInProgress = false;
-    this.keyPointers = [NaN, NaN];
-    this.onRotationEnd(this);
-  }
-  setKeyPointers(tracker) {
-    if (this.keyPointers[0] && this.keyPointers[1]) {
-      return;
-    }
-    const pointerIDs = tracker.trackedPointers.keys();
-    this.keyPointers[0] = pointerIDs.next().value;
-    this.keyPointers[1] = pointerIDs.next().value;
-  }
-  onTouchEvent(event, tracker) {
-    switch (event.eventType) {
-      case _interfaces.EventTypes.DOWN:
-        this.isInProgress = false;
-        break;
-      case _interfaces.EventTypes.ADDITIONAL_POINTER_DOWN:
-        if (this.isInProgress) {
-          break;
-        }
-        this.isInProgress = true;
-        this.previousTime = event.time;
-        this.previousAngle = NaN;
-        this.setKeyPointers(tracker);
-        this.updateCurrent(event, tracker);
-        this.onRotationBegin(this);
-        break;
-      case _interfaces.EventTypes.MOVE:
-        if (!this.isInProgress) {
-          break;
-        }
-        this.updateCurrent(event, tracker);
-        this.onRotation(this);
-        break;
-      case _interfaces.EventTypes.ADDITIONAL_POINTER_UP:
-        if (!this.isInProgress) {
-          break;
-        }
-        if (this.keyPointers.indexOf(event.pointerId) >= 0) {
-          this.finish();
-        }
-        break;
-      case _interfaces.EventTypes.UP:
-        if (this.isInProgress) {
-          this.finish();
-        }
-        break;
-    }
-    return true;
-  }
-  reset() {
-    this.keyPointers = [NaN, NaN];
-    this.isInProgress = false;
-  }
-  get anchorX() {
-    return this._anchorX;
-  }
-  get anchorY() {
-    return this._anchorY;
-  }
-  get rotation() {
-    return this._rotation;
-  }
-  get timeDelta() {
-    return this.currentTime + this.previousTime;
-  }
-}
-exports.default = RotationGestureDetector;
-//# sourceMappingURL=RotationGestureDetector.js.map

package/lib/commonjs/web/detectors/ScaleGestureDetector.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../constants");
-var _interfaces = require("../interfaces");
-class ScaleGestureDetector {
-  inProgress = false;
-  constructor(callbacks) {
-    this.onScaleBegin = callbacks.onScaleBegin;
-    this.onScale = callbacks.onScale;
-    this.onScaleEnd = callbacks.onScaleEnd;
-    this.spanSlop = _constants.DEFAULT_TOUCH_SLOP * 2;
-    this.minSpan = 0;
-  }
-  onTouchEvent(event, tracker) {
-    this.currentTime = event.time;
-    const action = event.eventType;
-    const numOfPointers = tracker.trackedPointersCount;
-    const streamComplete = action === _interfaces.EventTypes.UP || action === _interfaces.EventTypes.ADDITIONAL_POINTER_UP || action === _interfaces.EventTypes.CANCEL;
-    if (action === _interfaces.EventTypes.DOWN || streamComplete) {
-      if (this.inProgress) {
-        this.onScaleEnd(this);
-        this.inProgress = false;
-        this.initialSpan = 0;
-      }
-      if (streamComplete) {
-        return true;
-      }
-    }
-    const configChanged = action === _interfaces.EventTypes.DOWN || action === _interfaces.EventTypes.ADDITIONAL_POINTER_UP || action === _interfaces.EventTypes.ADDITIONAL_POINTER_DOWN;
-    const pointerUp = action === _interfaces.EventTypes.ADDITIONAL_POINTER_UP;
-    const ignoredPointer = pointerUp ? event.pointerId : undefined;
-
-    // Determine focal point
-
-    const div = pointerUp ? numOfPointers - 1 : numOfPointers;
-    const coordsSum = tracker.getAbsoluteCoordsSum();
-    const focusX = coordsSum.x / div;
-    const focusY = coordsSum.y / div;
-
-    // Determine average deviation from focal point
-
-    let devSumX = 0;
-    let devSumY = 0;
-    tracker.trackedPointers.forEach((value, key) => {
-      if (key === ignoredPointer) {
-        return;
-      }
-      devSumX += Math.abs(value.abosoluteCoords.x - focusX);
-      devSumY += Math.abs(value.abosoluteCoords.y - focusY);
-    });
-    const devX = devSumX / div;
-    const devY = devSumY / div;
-    const spanX = devX * 2;
-    const spanY = devY * 2;
-    const span = Math.hypot(spanX, spanY);
-
-    // Begin/end events
-    const wasInProgress = this.inProgress;
-    this._focusX = focusX;
-    this._focusY = focusY;
-    if (this.inProgress && (span < this.minSpan || configChanged)) {
-      this.onScaleEnd(this);
-      this.inProgress = false;
-      this.initialSpan = span;
-    }
-    if (configChanged) {
-      this.initialSpan = this.prevSpan = this._currentSpan = span;
-    }
-    if (!this.inProgress && span >= this.minSpan && (wasInProgress || Math.abs(span - this.initialSpan) > this.spanSlop)) {
-      this.prevSpan = this._currentSpan = span;
-      this.prevTime = this.currentTime;
-      this.inProgress = this.onScaleBegin(this);
-    }
-
-    // Handle motion
-    if (action !== _interfaces.EventTypes.MOVE) {
-      return true;
-    }
-    this._currentSpan = span;
-    if (this.inProgress && !this.onScale(this)) {
-      return true;
-    }
-    this.prevSpan = this.currentSpan;
-    this.prevTime = this.currentTime;
-    return true;
-  }
-  calculateScaleFactor(numOfPointers) {
-    if (numOfPointers < 2) {
-      return 1;
-    }
-    return this.prevSpan > 0 ? this.currentSpan / this.prevSpan : 1;
-  }
-  get currentSpan() {
-    return this._currentSpan;
-  }
-  get focusX() {
-    return this._focusX;
-  }
-  get focusY() {
-    return this._focusY;
-  }
-  get timeDelta() {
-    return this.currentTime - this.prevTime;
-  }
-}
-exports.default = ScaleGestureDetector;
-//# sourceMappingURL=ScaleGestureDetector.js.map

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

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _State = require("../../State");
-var _Directions = require("../../Directions");
-var _GestureHandler = _interopRequireDefault(require("./GestureHandler"));
-var _Vector = _interopRequireDefault(require("../tools/Vector"));
-var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT_MAX_DURATION_MS = 800;
-const DEFAULT_MIN_VELOCITY = 700;
-const DEFAULT_ALIGNMENT_CONE = 30;
-const DEFAULT_DIRECTION = _Directions.Directions.RIGHT;
-const DEFAULT_NUMBER_OF_TOUCHES_REQUIRED = 1;
-const AXIAL_DEVIATION_COSINE = (0, _utils.coneToDeviation)(DEFAULT_ALIGNMENT_CONE);
-const DIAGONAL_DEVIATION_COSINE = (0, _utils.coneToDeviation)(90 - DEFAULT_ALIGNMENT_CONE);
-class FlingGestureHandler extends _GestureHandler.default {
-  numberOfPointersRequired = DEFAULT_NUMBER_OF_TOUCHES_REQUIRED;
-  direction = DEFAULT_DIRECTION;
-  maxDurationMs = DEFAULT_MAX_DURATION_MS;
-  minVelocity = DEFAULT_MIN_VELOCITY;
-  maxNumberOfPointersSimultaneously = 0;
-  keyPointer = NaN;
-  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.begin();
-    this.maxNumberOfPointersSimultaneously = 1;
-    this.delayTimeout = setTimeout(() => this.fail(), this.maxDurationMs);
-  }
-  tryEndFling() {
-    const velocityVector = _Vector.default.fromVelocity(this.tracker, this.keyPointer);
-    if (!velocityVector) {
-      return false;
-    }
-    const getAlignment = (direction, minimalAlignmentCosine) => {
-      return (direction & this.direction) === direction && velocityVector.isSimilar(_Vector.default.fromDirection(direction), minimalAlignmentCosine);
-    };
-    const axialDirectionsList = Object.values(_Directions.Directions);
-    const diagonalDirectionsList = Object.values(_Directions.DiagonalDirections);
-
-    // List of alignments to all activated directions
-    const axialAlignmentList = axialDirectionsList.map(direction => getAlignment(direction, AXIAL_DEVIATION_COSINE));
-    const diagonalAlignmentList = diagonalDirectionsList.map(direction => getAlignment(direction, DIAGONAL_DEVIATION_COSINE));
-    const isAligned = axialAlignmentList.some(Boolean) || diagonalAlignmentList.some(Boolean);
-    const isFast = velocityVector.magnitude > this.minVelocity;
-    if (this.maxNumberOfPointersSimultaneously === this.numberOfPointersRequired && isAligned && isFast) {
-      clearTimeout(this.delayTimeout);
-      this.activate();
-      return true;
-    }
-    return false;
-  }
-  endFling() {
-    if (!this.tryEndFling()) {
-      this.fail();
-    }
-  }
-  onPointerDown(event) {
-    if (!this.isButtonInConfig(event.button)) {
-      return;
-    }
-    this.tracker.addToTracker(event);
-    this.keyPointer = event.pointerId;
-    super.onPointerDown(event);
-    this.newPointerAction();
-    this.tryToSendTouchEvent(event);
-  }
-  onPointerAdd(event) {
-    this.tracker.addToTracker(event);
-    super.onPointerAdd(event);
-    this.newPointerAction();
-  }
-  newPointerAction() {
-    if (this.state === _State.State.UNDETERMINED) {
-      this.startFling();
-    }
-    if (this.state !== _State.State.BEGAN) {
-      return;
-    }
-    this.tryEndFling();
-    if (this.tracker.trackedPointersCount > this.maxNumberOfPointersSimultaneously) {
-      this.maxNumberOfPointersSimultaneously = this.tracker.trackedPointersCount;
-    }
-  }
-  pointerMoveAction(event) {
-    this.tracker.track(event);
-    if (this.state !== _State.State.BEGAN) {
-      return;
-    }
-    this.tryEndFling();
-  }
-  onPointerMove(event) {
-    this.pointerMoveAction(event);
-    super.onPointerMove(event);
-  }
-  onPointerOutOfBounds(event) {
-    this.pointerMoveAction(event);
-    super.onPointerOutOfBounds(event);
-  }
-  onPointerUp(event) {
-    super.onPointerUp(event);
-    this.onUp(event);
-    this.keyPointer = NaN;
-  }
-  onPointerRemove(event) {
-    super.onPointerRemove(event);
-    this.onUp(event);
-  }
-  onUp(event) {
-    if (this.state === _State.State.BEGAN) {
-      this.endFling();
-    }
-    this.tracker.removeFromTracker(event.pointerId);
-  }
-  activate(force) {
-    super.activate(force);
-    this.end();
-  }
-  resetConfig() {
-    super.resetConfig();
-    this.numberOfPointersRequired = DEFAULT_NUMBER_OF_TOUCHES_REQUIRED;
-    this.direction = DEFAULT_DIRECTION;
-  }
-}
-exports.default = FlingGestureHandler;
-//# sourceMappingURL=FlingGestureHandler.js.map