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

package/src/specs/NativeRNGestureHandlerModule.ts

@@ -1,26 +0,0 @@
-import { TurboModuleRegistry, TurboModule } from 'react-native';
-import { Double } from 'react-native/Libraries/Types/CodegenTypes';
-
-export interface Spec extends TurboModule {
-  handleSetJSResponder: (tag: Double, blockNativeResponder: boolean) => void;
-  handleClearJSResponder: () => void;
-  createGestureHandler: (
-    handlerName: string,
-    handlerTag: Double,
-    // Record<> is not supported by codegen
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    config: Object
-  ) => void;
-  attachGestureHandler: (
-    handlerTag: Double,
-    newView: Double,
-    actionType: Double
-  ) => void;
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  updateGestureHandler: (handlerTag: Double, newConfig: Object) => void;
-  dropGestureHandler: (handlerTag: Double) => void;
-  install: () => boolean;
-  flushOperations: () => void;
-}
-
-export default TurboModuleRegistry.getEnforcing<Spec>('RNGestureHandlerModule');

package/src/specs/RNGestureHandlerButtonNativeComponent.kepler.ts

@@ -1,27 +0,0 @@
-import type { ViewProps } from 'react-native';
-// @ts-ignore
-import register from 'react-native/Libraries/Utilities/registerGeneratedViewConfig';
-import {
-  // @ts-ignore types not correct?
-  HostComponent,
-  // @ts-ignore
-} from 'react-native/Libraries/Types/CodegenTypes';
-
-interface NativeProps extends ViewProps {
-  exclusive?: boolean;
-  enabled?: boolean;
-}
-
-const RNGestureHandlerButton = 'RNGestureHandlerButton';
-
-register(RNGestureHandlerButton, {
-  uiViewClassName: RNGestureHandlerButton,
-  validAttributes: {
-    exclusive: true,
-    enabled: true,
-  }
-});
-
-export default (RNGestureHandlerButton as unknown) as HostComponent<
-  NativeProps
->;

package/src/specs/RNGestureHandlerButtonNativeComponent.ts

@@ -1,24 +0,0 @@
-// @ts-ignore
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {
-  Int32,
-  WithDefault,
-  Float,
-  // @ts-ignore
-} from 'react-native/Libraries/Types/CodegenTypes';
-import type { ViewProps, ColorValue } from 'react-native';
-
-interface NativeProps extends ViewProps {
-  exclusive?: WithDefault<boolean, true>;
-  foreground?: boolean;
-  borderless?: boolean;
-  enabled?: WithDefault<boolean, true>;
-  rippleColor?: ColorValue;
-  rippleRadius?: Int32;
-  touchSoundDisabled?: WithDefault<boolean, false>;
-  borderWidth?: Float;
-  borderColor?: ColorValue;
-  borderStyle?: WithDefault<string, 'solid'>;
-}
-
-export default codegenNativeComponent<NativeProps>('RNGestureHandlerButton');

package/src/specs/RNGestureHandlerRootViewNativeComponent.kepler.ts

@@ -1,21 +0,0 @@
-import type { ViewProps } from 'react-native';
-// @ts-ignore
-import register from 'react-native/Libraries/Utilities/registerGeneratedViewConfig';
-import {
-  // @ts-ignore types not correct?
-  HostComponent,
-  // @ts-ignore
-} from 'react-native/Libraries/Types/CodegenTypes';
-
-interface NativeProps extends ViewProps {}
-
-const RNGestureHandlerRootView = 'RNGestureHandlerRootView';
-
-register(RNGestureHandlerRootView, {
-  uiViewClassName: RNGestureHandlerRootView,
-  validAttributes: {},
-});
-
-export default (RNGestureHandlerRootView as unknown) as HostComponent<
-  NativeProps
->;

package/src/specs/RNGestureHandlerRootViewNativeComponent.ts

@@ -1,7 +0,0 @@
-// @ts-ignore
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type { ViewProps } from 'react-native';
-
-interface NativeProps extends ViewProps {}
-
-export default codegenNativeComponent<NativeProps>('RNGestureHandlerRootView');

package/src/typeUtils.ts

@@ -1 +0,0 @@
-export type ValueOf<T> = T[keyof T];

package/src/utils.ts

@@ -1,107 +0,0 @@
-import React from 'react';
-
-export function toArray<T>(object: T | T[]): T[] {
-  if (!Array.isArray(object)) {
-    return [object];
-  }
-
-  return object;
-}
-
-export type withPrevAndCurrentMapFn<T, Transformed> = (
-  previous: Transformed | null,
-  current: T
-) => Transformed;
-export function withPrevAndCurrent<T, Transformed>(
-  array: T[],
-  mapFn: withPrevAndCurrentMapFn<T, Transformed>
-): Transformed[] {
-  const previousArr: (null | Transformed)[] = [null];
-  const currentArr = [...array];
-  const transformedArr: Transformed[] = [];
-  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] as Transformed | null;
-    const transformed = mapFn(previous, current);
-    previousArr.push(transformed);
-    transformedArr.push(transformed);
-  });
-  return transformedArr;
-}
-
-export function hasProperty(object: object, key: string) {
-  return Object.prototype.hasOwnProperty.call(object, key);
-}
-
-export function isTestEnv(): boolean {
-  // @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';
-}
-
-export function tagMessage(msg: string) {
-  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
-export function isFabric(): boolean {
-  // @ts-expect-error nativeFabricUIManager is not yet included in the RN types
-  return !!global?.nativeFabricUIManager;
-}
-
-export function isReact19() {
-  return React.version.startsWith('19.');
-}
-
-export function isRemoteDebuggingEnabled(): boolean {
-  // 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 as any;
-  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.
- */
-export function deepEqual(obj1: any, obj2: any) {
-  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;
-}
-
-export const INT32_MAX = 2 ** 31 - 1;

package/src/web/Gestures.ts

@@ -1,41 +0,0 @@
-// Gesture Handlers
-import PanGestureHandler from './handlers/PanGestureHandler';
-import TapGestureHandler from './handlers/TapGestureHandler';
-import LongPressGestureHandler from './handlers/LongPressGestureHandler';
-import PinchGestureHandler from './handlers/PinchGestureHandler';
-import RotationGestureHandler from './handlers/RotationGestureHandler';
-import FlingGestureHandler from './handlers/FlingGestureHandler';
-import NativeViewGestureHandler from './handlers/NativeViewGestureHandler';
-import ManualGestureHandler from './handlers/ManualGestureHandler';
-import HoverGestureHandler from './handlers/HoverGestureHandler';
-
-// Hammer Handlers
-import HammerNativeViewGestureHandler from '../web_hammer/NativeViewGestureHandler';
-import HammerPanGestureHandler from '../web_hammer/PanGestureHandler';
-import HammerTapGestureHandler from '../web_hammer/TapGestureHandler';
-import HammerLongPressGestureHandler from '../web_hammer/LongPressGestureHandler';
-import HammerPinchGestureHandler from '../web_hammer/PinchGestureHandler';
-import HammerRotationGestureHandler from '../web_hammer/RotationGestureHandler';
-import HammerFlingGestureHandler from '../web_hammer/FlingGestureHandler';
-
-export const Gestures = {
-  NativeViewGestureHandler,
-  PanGestureHandler,
-  TapGestureHandler,
-  LongPressGestureHandler,
-  PinchGestureHandler,
-  RotationGestureHandler,
-  FlingGestureHandler,
-  ManualGestureHandler,
-  HoverGestureHandler,
-};
-
-export const HammerGestures = {
-  NativeViewGestureHandler: HammerNativeViewGestureHandler,
-  PanGestureHandler: HammerPanGestureHandler,
-  TapGestureHandler: HammerTapGestureHandler,
-  LongPressGestureHandler: HammerLongPressGestureHandler,
-  PinchGestureHandler: HammerPinchGestureHandler,
-  RotationGestureHandler: HammerRotationGestureHandler,
-  FlingGestureHandler: HammerFlingGestureHandler,
-};

package/src/web/constants.ts

@@ -1,2 +0,0 @@
-export const DEFAULT_TOUCH_SLOP = 15;
-export const MINIMAL_RECOGNIZABLE_MAGNITUDE = 0.1;

package/src/web/detectors/RotationGestureDetector.ts

@@ -1,170 +0,0 @@
-import { AdaptedEvent, EventTypes } from '../interfaces';
-import PointerTracker from '../tools/PointerTracker';
-
-export interface RotationGestureListener {
-  onRotationBegin: (detector: RotationGestureDetector) => boolean;
-  onRotation: (detector: RotationGestureDetector) => boolean;
-  onRotationEnd: (detector: RotationGestureDetector) => void;
-}
-
-export default class RotationGestureDetector
-  implements RotationGestureListener
-{
-  onRotationBegin: (detector: RotationGestureDetector) => boolean;
-  onRotation: (detector: RotationGestureDetector) => boolean;
-  onRotationEnd: (detector: RotationGestureDetector) => void;
-
-  private currentTime = 0;
-  private previousTime = 0;
-
-  private previousAngle = 0;
-  private _rotation = 0;
-
-  private _anchorX = 0;
-  private _anchorY = 0;
-
-  private isInProgress = false;
-
-  private keyPointers: number[] = [NaN, NaN];
-
-  constructor(callbacks: RotationGestureListener) {
-    this.onRotationBegin = callbacks.onRotationBegin;
-    this.onRotation = callbacks.onRotation;
-    this.onRotationEnd = callbacks.onRotationEnd;
-  }
-
-  private updateCurrent(event: AdaptedEvent, tracker: PointerTracker): void {
-    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: number = secondPointerCoords.x - firstPointerCoords.x;
-    const vectorY: number = 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: number = -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;
-    }
-  }
-
-  private finish(): void {
-    if (!this.isInProgress) {
-      return;
-    }
-
-    this.isInProgress = false;
-    this.keyPointers = [NaN, NaN];
-    this.onRotationEnd(this);
-  }
-
-  private setKeyPointers(tracker: PointerTracker): void {
-    if (this.keyPointers[0] && this.keyPointers[1]) {
-      return;
-    }
-
-    const pointerIDs: IterableIterator<number> = tracker.trackedPointers.keys();
-
-    this.keyPointers[0] = pointerIDs.next().value as number;
-    this.keyPointers[1] = pointerIDs.next().value as number;
-  }
-
-  public onTouchEvent(event: AdaptedEvent, tracker: PointerTracker): boolean {
-    switch (event.eventType) {
-      case EventTypes.DOWN:
-        this.isInProgress = false;
-        break;
-
-      case 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 EventTypes.MOVE:
-        if (!this.isInProgress) {
-          break;
-        }
-
-        this.updateCurrent(event, tracker);
-        this.onRotation(this);
-
-        break;
-
-      case EventTypes.ADDITIONAL_POINTER_UP:
-        if (!this.isInProgress) {
-          break;
-        }
-
-        if (this.keyPointers.indexOf(event.pointerId) >= 0) {
-          this.finish();
-        }
-
-        break;
-
-      case EventTypes.UP:
-        if (this.isInProgress) {
-          this.finish();
-        }
-        break;
-    }
-
-    return true;
-  }
-
-  public reset(): void {
-    this.keyPointers = [NaN, NaN];
-    this.isInProgress = false;
-  }
-
-  public get anchorX() {
-    return this._anchorX;
-  }
-
-  public get anchorY() {
-    return this._anchorY;
-  }
-
-  public get rotation() {
-    return this._rotation;
-  }
-
-  public get timeDelta() {
-    return this.currentTime + this.previousTime;
-  }
-}

package/src/web/detectors/ScaleGestureDetector.ts

@@ -1,171 +0,0 @@
-import { DEFAULT_TOUCH_SLOP } from '../constants';
-import { AdaptedEvent, EventTypes } from '../interfaces';
-
-import PointerTracker from '../tools/PointerTracker';
-
-export interface ScaleGestureListener {
-  onScaleBegin: (detector: ScaleGestureDetector) => boolean;
-  onScale: (detector: ScaleGestureDetector) => boolean;
-  onScaleEnd: (detector: ScaleGestureDetector) => void;
-}
-
-export default class ScaleGestureDetector implements ScaleGestureListener {
-  public onScaleBegin: (detector: ScaleGestureDetector) => boolean;
-  public onScale: (detector: ScaleGestureDetector) => boolean;
-  public onScaleEnd: (detector: ScaleGestureDetector) => void;
-
-  private _focusX!: number;
-  private _focusY!: number;
-
-  private _currentSpan!: number;
-  private prevSpan!: number;
-  private initialSpan!: number;
-
-  private currentTime!: number;
-  private prevTime!: number;
-
-  private inProgress = false;
-
-  private spanSlop: number;
-  private minSpan: number;
-
-  constructor(callbacks: ScaleGestureListener) {
-    this.onScaleBegin = callbacks.onScaleBegin;
-    this.onScale = callbacks.onScale;
-    this.onScaleEnd = callbacks.onScaleEnd;
-
-    this.spanSlop = DEFAULT_TOUCH_SLOP * 2;
-    this.minSpan = 0;
-  }
-
-  public onTouchEvent(event: AdaptedEvent, tracker: PointerTracker): boolean {
-    this.currentTime = event.time;
-
-    const action: EventTypes = event.eventType;
-    const numOfPointers = tracker.trackedPointersCount;
-
-    const streamComplete: boolean =
-      action === EventTypes.UP ||
-      action === EventTypes.ADDITIONAL_POINTER_UP ||
-      action === EventTypes.CANCEL;
-
-    if (action === EventTypes.DOWN || streamComplete) {
-      if (this.inProgress) {
-        this.onScaleEnd(this);
-        this.inProgress = false;
-        this.initialSpan = 0;
-      }
-
-      if (streamComplete) {
-        return true;
-      }
-    }
-
-    const configChanged: boolean =
-      action === EventTypes.DOWN ||
-      action === EventTypes.ADDITIONAL_POINTER_UP ||
-      action === EventTypes.ADDITIONAL_POINTER_DOWN;
-
-    const pointerUp = action === EventTypes.ADDITIONAL_POINTER_UP;
-
-    const ignoredPointer: number | undefined = pointerUp
-      ? event.pointerId
-      : undefined;
-
-    // Determine focal point
-
-    const div: number = 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: number = devSumX / div;
-    const devY: number = devSumY / div;
-
-    const spanX: number = devX * 2;
-    const spanY: number = devY * 2;
-
-    const span = Math.hypot(spanX, spanY);
-
-    // Begin/end events
-    const wasInProgress: boolean = 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 !== 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;
-  }
-
-  public calculateScaleFactor(numOfPointers: number): number {
-    if (numOfPointers < 2) {
-      return 1;
-    }
-
-    return this.prevSpan > 0 ? this.currentSpan / this.prevSpan : 1;
-  }
-
-  public get currentSpan() {
-    return this._currentSpan;
-  }
-
-  public get focusX() {
-    return this._focusX;
-  }
-
-  public get focusY() {
-    return this._focusY;
-  }
-
-  public get timeDelta() {
-    return this.currentTime - this.prevTime;
-  }
-}