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

package/src/handlers/gestures/pinchGesture.ts

@@ -1,51 +0,0 @@
-import { ContinousBaseGesture } from './gesture';
-import type { PinchGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
-import { GestureUpdateEvent } from '../gestureHandlerCommon';
-
-export type PinchGestureChangeEventPayload = {
-  scaleChange: number;
-};
-
-function changeEventCalculator(
-  current: GestureUpdateEvent<PinchGestureHandlerEventPayload>,
-  previous?: GestureUpdateEvent<PinchGestureHandlerEventPayload>
-) {
-  'worklet';
-  let changePayload: PinchGestureChangeEventPayload;
-  if (previous === undefined) {
-    changePayload = {
-      scaleChange: current.scale,
-    };
-  } else {
-    changePayload = {
-      scaleChange: current.scale / previous.scale,
-    };
-  }
-
-  return { ...current, ...changePayload };
-}
-
-export class PinchGesture extends ContinousBaseGesture<
-  PinchGestureHandlerEventPayload,
-  PinchGestureChangeEventPayload
-> {
-  constructor() {
-    super();
-
-    this.handlerName = 'PinchGestureHandler';
-  }
-
-  onChange(
-    callback: (
-      event: GestureUpdateEvent<
-        PinchGestureHandlerEventPayload & PinchGestureChangeEventPayload
-      >
-    ) => void
-  ) {
-    // @ts-ignore TS being overprotective, PinchGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-
-export type PinchGestureType = InstanceType<typeof PinchGesture>;

package/src/handlers/gestures/reanimatedWrapper.ts

@@ -1,57 +0,0 @@
-import { ComponentClass } from 'react';
-import {
-  GestureUpdateEvent,
-  GestureStateChangeEvent,
-} from '../gestureHandlerCommon';
-import { tagMessage } from '../../utils';
-
-export interface SharedValue<T> {
-  value: T;
-}
-
-let Reanimated:
-  | {
-      default: {
-        // Slightly modified definition copied from 'react-native-reanimated'
-        createAnimatedComponent<P extends object>(
-          component: ComponentClass<P>,
-          options?: unknown
-        ): ComponentClass<P>;
-      };
-      useEvent: (
-        callback: (event: GestureUpdateEvent | GestureStateChangeEvent) => void,
-        events: string[],
-        rebuild: boolean
-      ) => unknown;
-      useSharedValue: <T>(value: T) => SharedValue<T>;
-      setGestureState: (handlerTag: number, newState: number) => void;
-    }
-  | undefined;
-
-try {
-  Reanimated = require('@amazon-devices/react-native-reanimated');
-} catch (e) {
-  // When 'react-native-reanimated' is not available we want to quietly continue
-  // @ts-ignore TS demands the variable to be initialized
-  Reanimated = undefined;
-}
-
-if (!Reanimated?.useSharedValue) {
-  // @ts-ignore Make sure the loaded module is actually Reanimated, if it's not
-  // reset the module to undefined so we can fallback to the default implementation
-  Reanimated = undefined;
-}
-
-if (Reanimated !== undefined && !Reanimated.setGestureState) {
-  // The loaded module is Reanimated but it doesn't have the setGestureState defined
-  Reanimated.setGestureState = () => {
-    'worklet';
-    console.warn(
-      tagMessage(
-        'Please use newer version of react-native-reanimated in order to control state of the gestures.'
-      )
-    );
-  };
-}
-
-export { Reanimated };

package/src/handlers/gestures/rotationGesture.ts

@@ -1,51 +0,0 @@
-import { ContinousBaseGesture } from './gesture';
-import type { RotationGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
-import { GestureUpdateEvent } from '../gestureHandlerCommon';
-
-type RotationGestureChangeEventPayload = {
-  rotationChange: number;
-};
-
-function changeEventCalculator(
-  current: GestureUpdateEvent<RotationGestureHandlerEventPayload>,
-  previous?: GestureUpdateEvent<RotationGestureHandlerEventPayload>
-) {
-  'worklet';
-  let changePayload: RotationGestureChangeEventPayload;
-  if (previous === undefined) {
-    changePayload = {
-      rotationChange: current.rotation,
-    };
-  } else {
-    changePayload = {
-      rotationChange: current.rotation - previous.rotation,
-    };
-  }
-
-  return { ...current, ...changePayload };
-}
-
-export class RotationGesture extends ContinousBaseGesture<
-  RotationGestureHandlerEventPayload,
-  RotationGestureChangeEventPayload
-> {
-  constructor() {
-    super();
-
-    this.handlerName = 'RotationGestureHandler';
-  }
-
-  onChange(
-    callback: (
-      event: GestureUpdateEvent<
-        RotationGestureHandlerEventPayload & RotationGestureChangeEventPayload
-      >
-    ) => void
-  ) {
-    // @ts-ignore TS being overprotective, RotationGestureHandlerEventPayload is Record
-    this.handlers.changeEventCalculator = changeEventCalculator;
-    return super.onChange(callback);
-  }
-}
-
-export type RotationGestureType = InstanceType<typeof RotationGesture>;

package/src/handlers/gestures/tapGesture.ts

@@ -1,86 +0,0 @@
-import { BaseGestureConfig, BaseGesture } from './gesture';
-import { TapGestureConfig } from '../TapGestureHandler';
-import type { TapGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
-
-export class TapGesture extends BaseGesture<TapGestureHandlerEventPayload> {
-  public config: BaseGestureConfig & TapGestureConfig = {};
-
-  constructor() {
-    super();
-
-    this.handlerName = 'TapGestureHandler';
-    this.shouldCancelWhenOutside(true);
-  }
-
-  /**
-   * Minimum number of pointers (fingers) required to be placed before the gesture activates.
-   * Should be a positive integer. The default value is 1.
-   * @param minPointers
-   */
-  minPointers(minPointers: number) {
-    this.config.minPointers = minPointers;
-    return this;
-  }
-
-  /**
-   * Number of tap gestures required to activate the gesture.
-   * The default value is 1.
-   * @param count
-   */
-  numberOfTaps(count: number) {
-    this.config.numberOfTaps = count;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture.
-   * @param maxDist
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdistancevalue-number
-   */
-  maxDistance(maxDist: number) {
-    this.config.maxDist = maxDist;
-    return this;
-  }
-
-  /**
-   * Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch.
-   * The default value is 500.
-   * @param duration
-   */
-  maxDuration(duration: number) {
-    this.config.maxDurationMs = duration;
-    return this;
-  }
-
-  /**
-   * Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required.
-   * The default value is 500.
-   * @param delay
-   */
-  maxDelay(delay: number) {
-    this.config.maxDelayMs = delay;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture.
-   * @param delta
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdeltaxvalue-number
-   */
-  maxDeltaX(delta: number) {
-    this.config.maxDeltaX = delta;
-    return this;
-  }
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture.
-   * @param delta
-   * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture#maxdeltayvalue-number
-   */
-  maxDeltaY(delta: number) {
-    this.config.maxDeltaY = delta;
-    return this;
-  }
-}
-
-export type TapGestureType = InstanceType<typeof TapGesture>;

package/src/handlers/getNextHandlerTag.ts

@@ -1,5 +0,0 @@
-let handlerTag = 1;
-
-export function getNextHandlerTag(): number {
-  return handlerTag++;
-}

package/src/handlers/handlersRegistry.ts

@@ -1,58 +0,0 @@
-import { isTestEnv } from '../utils';
-import { GestureType } from './gestures/gesture';
-import { GestureEvent, HandlerStateChangeEvent } from './gestureHandlerCommon';
-
-export const handlerIDToTag: Record<string, number> = {};
-const gestures = new Map<number, GestureType>();
-const oldHandlers = new Map<number, GestureHandlerCallbacks>();
-const testIDs = new Map<string, number>();
-
-export function registerHandler(
-  handlerTag: number,
-  handler: GestureType,
-  testID?: string
-) {
-  gestures.set(handlerTag, handler);
-  if (isTestEnv() && testID) {
-    testIDs.set(testID, handlerTag);
-  }
-}
-
-export function registerOldGestureHandler(
-  handlerTag: number,
-  handler: GestureHandlerCallbacks
-) {
-  oldHandlers.set(handlerTag, handler);
-}
-
-export function unregisterOldGestureHandler(handlerTag: number) {
-  oldHandlers.delete(handlerTag);
-}
-
-export function unregisterHandler(handlerTag: number, testID?: string) {
-  gestures.delete(handlerTag);
-  if (isTestEnv() && testID) {
-    testIDs.delete(testID);
-  }
-}
-
-export function findHandler(handlerTag: number) {
-  return gestures.get(handlerTag);
-}
-
-export function findOldGestureHandler(handlerTag: number) {
-  return oldHandlers.get(handlerTag);
-}
-
-export function findHandlerByTestID(testID: string) {
-  const handlerTag = testIDs.get(testID);
-  if (handlerTag !== undefined) {
-    return findHandler(handlerTag) ?? null;
-  }
-  return null;
-}
-
-export interface GestureHandlerCallbacks {
-  onGestureEvent: (event: GestureEvent<any>) => void;
-  onGestureStateChange: (event: HandlerStateChangeEvent<any>) => void;
-}

package/src/handlers/utils.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { Platform, findNodeHandle as findNodeHandleRN } from 'react-native';
-import { handlerIDToTag } from './handlersRegistry';
-import { toArray } from '../utils';
-import RNGestureHandlerModule from '../RNGestureHandlerModule';
-import { ghQueueMicrotask } from '../ghQueueMicrotask';
-
-function isConfigParam(param: unknown, name: string) {
-  // param !== Object(param) returns false if `param` is a function
-  // or an object and returns true if `param` is null
-  return (
-    param !== undefined &&
-    (param !== Object(param) ||
-      !('__isNative' in (param as Record<string, unknown>))) &&
-    name !== 'onHandlerStateChange' &&
-    name !== 'onGestureEvent'
-  );
-}
-
-export function filterConfig(
-  props: Record<string, unknown>,
-  validProps: string[],
-  defaults: Record<string, unknown> = {}
-) {
-  const filteredConfig = { ...defaults };
-  for (const key of validProps) {
-    let value = props[key];
-    if (isConfigParam(value, key)) {
-      if (key === 'simultaneousHandlers' || key === 'waitFor') {
-        value = transformIntoHandlerTags(props[key]);
-      } else if (key === 'hitSlop' && typeof value !== 'object') {
-        value = { top: value, left: value, bottom: value, right: value };
-      }
-      filteredConfig[key] = value;
-    }
-  }
-  return filteredConfig;
-}
-
-export function transformIntoHandlerTags(handlerIDs: any) {
-  handlerIDs = toArray(handlerIDs);
-
-  if (Platform.OS === 'web') {
-    return handlerIDs
-      .map(({ current }: { current: any }) => current)
-      .filter((handle: any) => handle);
-  }
-  // converts handler string IDs into their numeric tags
-  return handlerIDs
-    .map(
-      (handlerID: any) =>
-        handlerIDToTag[handlerID] || handlerID.current?.handlerTag || -1
-    )
-    .filter((handlerTag: number) => handlerTag > 0);
-}
-
-export function findNodeHandle(
-  node: null | number | React.Component<any, any> | React.ComponentClass<any>
-): null | number | React.Component<any, any> | React.ComponentClass<any> {
-  if (Platform.OS === 'web') {
-    return node;
-  }
-  return findNodeHandleRN(node) ?? null;
-}
-let flushOperationsScheduled = false;
-
-export function scheduleFlushOperations() {
-  if (!flushOperationsScheduled) {
-    flushOperationsScheduled = true;
-    ghQueueMicrotask(() => {
-      RNGestureHandlerModule.flushOperations();
-
-      flushOperationsScheduled = false;
-    });
-  }
-}

package/src/init.ts

@@ -1,18 +0,0 @@
-import { startListening } from './handlers/gestures/eventReceiver';
-import RNGestureHandlerModule from './RNGestureHandlerModule';
-import { isFabric } from './utils';
-
-let fabricInitialized = false;
-
-export function initialize() {
-  startListening();
-}
-
-// Since isFabric() may give wrong results before the first render, we call this
-// method during render of GestureHandlerRootView
-export function maybeInitializeFabric() {
-  if (isFabric() && !fabricInitialized) {
-    RNGestureHandlerModule.install();
-    fabricInitialized = true;
-  }
-}

package/src/jestUtils/index.ts

@@ -1 +0,0 @@
-export { getByGestureTestId, fireGestureHandler } from './jestUtils';