@react-native-oh-tpl/react-native-gesture-handler 2.12.6-2 → 2.12.9

package/src/components/touchables/TouchableOpacity.tsx

@@ -1,76 +0,0 @@
-import {
-  Animated,
-  Easing,
-  StyleSheet,
-  View,
-  TouchableOpacityProps as RNTouchableOpacityProps,
-} from 'react-native';
-import GenericTouchable, {
-  TOUCHABLE_STATE,
-  GenericTouchableProps,
-} from './GenericTouchable';
-import * as React from 'react';
-import { Component } from 'react';
-
-export type TouchableOpacityProps = RNTouchableOpacityProps &
-  GenericTouchableProps & {
-    useNativeAnimations?: boolean;
-  };
-
-/**
- * TouchableOpacity bases on timing animation which has been used in RN's core
- */
-export default class TouchableOpacity extends Component<TouchableOpacityProps> {
-  static defaultProps = {
-    ...GenericTouchable.defaultProps,
-    activeOpacity: 0.2,
-  };
-
-  // opacity is 1 one by default but could be overwritten
-  getChildStyleOpacityWithDefault = () => {
-    const childStyle = StyleSheet.flatten(this.props.style) || {};
-    return childStyle.opacity == null
-      ? 1
-      : (childStyle.opacity.valueOf() as number);
-  };
-
-  opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());
-
-  setOpacityTo = (value: number, duration: number) => {
-    Animated.timing(this.opacity, {
-      toValue: value,
-      duration: duration,
-      easing: Easing.inOut(Easing.quad),
-      useNativeDriver: this.props.useNativeAnimations ?? true,
-    }).start();
-  };
-
-  onStateChange = (_from: number, to: number) => {
-    if (to === TOUCHABLE_STATE.BEGAN) {
-      this.setOpacityTo(this.props.activeOpacity!, 0);
-    } else if (
-      to === TOUCHABLE_STATE.UNDETERMINED ||
-      to === TOUCHABLE_STATE.MOVED_OUTSIDE
-    ) {
-      this.setOpacityTo(this.getChildStyleOpacityWithDefault(), 150);
-    }
-  };
-
-  render() {
-    const { style = {}, ...rest } = this.props;
-    return (
-      <GenericTouchable
-        {...rest}
-        style={[
-          style,
-          {
-            opacity: this.opacity as unknown as number, // TODO: fix this
-          },
-        ]}
-        onStateChange={this.onStateChange}
-      >
-        {this.props.children ? this.props.children : <View />}
-      </GenericTouchable>
-    );
-  }
-}

package/src/components/touchables/TouchableWithoutFeedback.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import GenericTouchable, { GenericTouchableProps } from './GenericTouchable';
-
-export type TouchableWithoutFeedbackProps = GenericTouchable;
-
-const TouchableWithoutFeedback = React.forwardRef<
-  TouchableWithoutFeedbackProps,
-  PropsWithChildren<GenericTouchableProps>
->((props, ref) => <GenericTouchable ref={ref} {...props} />);
-
-TouchableWithoutFeedback.defaultProps = GenericTouchable.defaultProps;
-
-export default TouchableWithoutFeedback;

package/src/components/touchables/index.ts

@@ -1,7 +0,0 @@
-// export type { TouchableHighlightProps } from './TouchableHighlight';
-export type { TouchableOpacityProps } from './TouchableOpacity';
-// export type { TouchableWithoutFeedbackProps } from './TouchableWithoutFeedback';
-// export { default as TouchableNativeFeedback } from './TouchableNativeFeedback';
-export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';
-export { default as TouchableOpacity } from './TouchableOpacity';
-// export { default as TouchableHighlight } from './TouchableHighlight';

package/src/handlers/NativeViewGestureHandler.ts

@@ -1,55 +0,0 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
-
-export const nativeViewGestureHandlerProps = [
-  'shouldActivateOnStart',
-  'disallowInterruption',
-] as const;
-
-export interface NativeViewGestureConfig {
-  /**
-   * Android only.
-   *
-   * Determines whether the handler should check for an existing touch event on
-   * instantiation.
-   */
-  shouldActivateOnStart?: boolean;
-
-  /**
-   * When `true`, cancels all other gesture handlers when this
-   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   */
-  disallowInterruption?: boolean;
-}
-
-export interface NativeViewGestureHandlerProps
-  extends BaseGestureHandlerProps<NativeViewGestureHandlerPayload>,
-    NativeViewGestureConfig {}
-
-export type NativeViewGestureHandlerPayload = {
-  /**
-   * True if gesture was performed inside of containing view, false otherwise.
-   */
-  pointerInside: boolean;
-};
-
-export const nativeViewProps = [
-  ...baseGestureHandlerProps,
-  ...nativeViewGestureHandlerProps,
-] as const;
-
-export const nativeViewHandlerName = 'NativeViewGestureHandler';
-
-export type NativeViewGestureHandler = typeof NativeViewGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const NativeViewGestureHandler = createHandler<
-  NativeViewGestureHandlerProps,
-  NativeViewGestureHandlerPayload
->({
-  name: nativeViewHandlerName,
-  allowedProps: nativeViewProps,
-  config: {},
-});

package/src/handlers/PanGestureHandler.ts

@@ -1,327 +0,0 @@
-// RNGH: patching to replace `createHandler`
-
-import createHandler from './createHandler'; // RNGH: using local create handler
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
-
-export const panGestureHandlerProps = [
-  'activeOffsetY',
-  'activeOffsetX',
-  'failOffsetY',
-  'failOffsetX',
-  'minDist',
-  'minVelocity',
-  'minVelocityX',
-  'minVelocityY',
-  'minPointers',
-  'maxPointers',
-  'avgTouches',
-  'enableTrackpadTwoFingerGesture',
-  'activateAfterLongPress',
-] as const;
-
-export const panGestureHandlerCustomNativeProps = [
-  'activeOffsetYStart',
-  'activeOffsetYEnd',
-  'activeOffsetXStart',
-  'activeOffsetXEnd',
-  'failOffsetYStart',
-  'failOffsetYEnd',
-  'failOffsetXStart',
-  'failOffsetXEnd',
-] as const;
-
-export type PanGestureHandlerEventPayload = {
-  /**
-   * X coordinate of the current position of the pointer (finger or a leading
-   * pointer when there are multiple fingers placed) relative to the view
-   * attached to the handler. Expressed in point units.
-   */
-  x: number;
-
-  /**
-   * Y coordinate of the current position of the pointer (finger or a leading
-   * pointer when there are multiple fingers placed) relative to the view
-   * attached to the handler. Expressed in point units.
-   */
-  y: number;
-
-  /**
-   * X coordinate of the current position of the pointer (finger or a leading
-   * pointer when there are multiple fingers placed) relative to the window.
-   * The value is expressed in point units. It is recommended to use it instead
-   * of `x` in cases when the original view can be transformed as an effect of
-   * the gesture.
-   */
-  absoluteX: number;
-
-  /**
-   * Y coordinate of the current position of the pointer (finger or a leading
-   * pointer when there are multiple fingers placed) relative to the window.
-   * The value is expressed in point units. It is recommended to use it instead
-   * of `y` in cases when the original view can be transformed as an
-   * effect of the gesture.
-   */
-  absoluteY: number;
-
-  /**
-   * Translation of the pan gesture along X axis accumulated over the time of
-   * the gesture. The value is expressed in the point units.
-   */
-  translationX: number;
-
-  /**
-   * Translation of the pan gesture along Y axis accumulated over the time of
-   * the gesture. The value is expressed in the point units.
-   */
-  translationY: number;
-
-  /**
-   * Velocity of the pan gesture along the X axis in the current moment. The
-   * value is expressed in point units per second.
-   */
-  velocityX: number;
-
-  /**
-   * Velocity of the pan gesture along the Y axis in the current moment. The
-   * value is expressed in point units per second.
-   */
-  velocityY: number;
-};
-
-interface CommonPanProperties {
-  /**
-   * Minimum distance the finger (or multiple finger) need to travel before the
-   * handler activates. Expressed in points.
-   */
-  minDist?: number;
-
-  /**
-   * Android only.
-   */
-  avgTouches?: boolean;
-
-  /**
-   * Enables two-finger gestures on supported devices, for example iPads with
-   * trackpads. If not enabled the gesture will require click + drag, with
-   * enableTrackpadTwoFingerGesture swiping with two fingers will also trigger
-   * the gesture.
-   */
-  enableTrackpadTwoFingerGesture?: boolean;
-
-  /**
-   * A number of fingers that is required to be placed before handler can
-   * activate. Should be a higher or equal to 0 integer.
-   */
-  minPointers?: number;
-
-  /**
-   * When the given number of fingers is placed on the screen and handler hasn't
-   * yet activated it will fail recognizing the gesture. Should be a higher or
-   * equal to 0 integer.
-   */
-  maxPointers?: number;
-
-  minVelocity?: number;
-  minVelocityX?: number;
-  minVelocityY?: number;
-  activateAfterLongPress?: number;
-}
-
-export interface PanGestureConfig extends CommonPanProperties {
-  activeOffsetYStart?: number;
-  activeOffsetYEnd?: number;
-  activeOffsetXStart?: number;
-  activeOffsetXEnd?: number;
-  failOffsetYStart?: number;
-  failOffsetYEnd?: number;
-  failOffsetXStart?: number;
-  failOffsetXEnd?: number;
-}
-
-export interface PanGestureHandlerProps
-  extends BaseGestureHandlerProps<PanGestureHandlerEventPayload>,
-    CommonPanProperties {
-  /**
-   * Range along X axis (in points) where fingers travels without activation of
-   * handler. Moving outside of this range implies activation of handler. Range
-   * can be given as an array or a single number. If range is set as an array,
-   * first value must be lower or equal to 0, a the second one higher or equal
-   * to 0. If only one number `p` is given a range of `(-inf, p)` will be used
-   * if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-   */
-  activeOffsetY?: number | number[];
-
-  /**
-   * Range along X axis (in points) where fingers travels without activation of
-   * handler. Moving outside of this range implies activation of handler. Range
-   * can be given as an array or a single number. If range is set as an array,
-   * first value must be lower or equal to 0, a the second one higher or equal
-   * to 0. If only one number `p` is given a range of `(-inf, p)` will be used
-   * if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-   */
-  activeOffsetX?: number | number[];
-
-  /**
-   * When the finger moves outside this range (in points) along Y axis and
-   * handler hasn't yet activated it will fail recognizing the gesture. Range
-   * can be given as an array or a single number. If range is set as an array,
-   * first value must be lower or equal to 0, a the second one higher or equal
-   * to 0. If only one number `p` is given a range of `(-inf, p)` will be used
-   * if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-   */
-  failOffsetY?: number | number[];
-
-  /**
-   * When the finger moves outside this range (in points) along X axis and
-   * handler hasn't yet activated it will fail recognizing the gesture. Range
-   * can be given as an array or a single number. If range is set as an array,
-   * first value must be lower or equal to 0, a the second one higher or equal
-   * to 0. If only one number `p` is given a range of `(-inf, p)` will be used
-   * if `p` is higher or equal to 0 and `(-p, inf)` otherwise.
-   */
-  failOffsetX?: number | number[];
-}
-
-export const panHandlerName = 'PanGestureHandler';
-
-export type PanGestureHandler = typeof PanGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const PanGestureHandler = createHandler<
-  PanGestureHandlerProps,
-  PanGestureHandlerEventPayload
->({
-  name: panHandlerName,
-  allowedProps: [
-    ...baseGestureHandlerProps,
-    ...panGestureHandlerProps,
-  ] as const,
-  config: {},
-  transformProps: managePanProps,
-  customNativeProps: panGestureHandlerCustomNativeProps,
-});
-
-function validatePanGestureHandlerProps(props: PanGestureHandlerProps) {
-  if (
-    Array.isArray(props.activeOffsetX) &&
-    (props.activeOffsetX[0] > 0 || props.activeOffsetX[1] < 0)
-  ) {
-    throw new Error(
-      `First element of activeOffsetX should be negative, a the second one should be positive`
-    );
-  }
-
-  if (
-    Array.isArray(props.activeOffsetY) &&
-    (props.activeOffsetY[0] > 0 || props.activeOffsetY[1] < 0)
-  ) {
-    throw new Error(
-      `First element of activeOffsetY should be negative, a the second one should be positive`
-    );
-  }
-
-  if (
-    Array.isArray(props.failOffsetX) &&
-    (props.failOffsetX[0] > 0 || props.failOffsetX[1] < 0)
-  ) {
-    throw new Error(
-      `First element of failOffsetX should be negative, a the second one should be positive`
-    );
-  }
-
-  if (
-    Array.isArray(props.failOffsetY) &&
-    (props.failOffsetY[0] > 0 || props.failOffsetY[1] < 0)
-  ) {
-    throw new Error(
-      `First element of failOffsetY should be negative, a the second one should be positive`
-    );
-  }
-
-  if (props.minDist && (props.failOffsetX || props.failOffsetY)) {
-    throw new Error(
-      `It is not supported to use minDist with failOffsetX or failOffsetY, use activeOffsetX and activeOffsetY instead`
-    );
-  }
-
-  if (props.minDist && (props.activeOffsetX || props.activeOffsetY)) {
-    throw new Error(
-      `It is not supported to use minDist with activeOffsetX or activeOffsetY`
-    );
-  }
-}
-
-function transformPanGestureHandlerProps(props: PanGestureHandlerProps) {
-  type InternalPanGHKeys =
-    | 'activeOffsetXStart'
-    | 'activeOffsetXEnd'
-    | 'failOffsetXStart'
-    | 'failOffsetXEnd'
-    | 'activeOffsetYStart'
-    | 'activeOffsetYEnd'
-    | 'failOffsetYStart'
-    | 'failOffsetYEnd';
-  type PanGestureHandlerInternalProps = PanGestureHandlerProps &
-    Partial<Record<InternalPanGHKeys, number>>;
-
-  const res: PanGestureHandlerInternalProps = { ...props };
-
-  if (props.activeOffsetX !== undefined) {
-    delete res.activeOffsetX;
-    if (Array.isArray(props.activeOffsetX)) {
-      res.activeOffsetXStart = props.activeOffsetX[0];
-      res.activeOffsetXEnd = props.activeOffsetX[1];
-    } else if (props.activeOffsetX < 0) {
-      res.activeOffsetXStart = props.activeOffsetX;
-    } else {
-      res.activeOffsetXEnd = props.activeOffsetX;
-    }
-  }
-
-  if (props.activeOffsetY !== undefined) {
-    delete res.activeOffsetY;
-    if (Array.isArray(props.activeOffsetY)) {
-      res.activeOffsetYStart = props.activeOffsetY[0];
-      res.activeOffsetYEnd = props.activeOffsetY[1];
-    } else if (props.activeOffsetY < 0) {
-      res.activeOffsetYStart = props.activeOffsetY;
-    } else {
-      res.activeOffsetYEnd = props.activeOffsetY;
-    }
-  }
-
-  if (props.failOffsetX !== undefined) {
-    delete res.failOffsetX;
-    if (Array.isArray(props.failOffsetX)) {
-      res.failOffsetXStart = props.failOffsetX[0];
-      res.failOffsetXEnd = props.failOffsetX[1];
-    } else if (props.failOffsetX < 0) {
-      res.failOffsetXStart = props.failOffsetX;
-    } else {
-      res.failOffsetXEnd = props.failOffsetX;
-    }
-  }
-
-  if (props.failOffsetY !== undefined) {
-    delete res.failOffsetY;
-    if (Array.isArray(props.failOffsetY)) {
-      res.failOffsetYStart = props.failOffsetY[0];
-      res.failOffsetYEnd = props.failOffsetY[1];
-    } else if (props.failOffsetY < 0) {
-      res.failOffsetYStart = props.failOffsetY;
-    } else {
-      res.failOffsetYEnd = props.failOffsetY;
-    }
-  }
-
-  return res;
-}
-
-export function managePanProps(props: PanGestureHandlerProps) {
-  if (__DEV__) {
-    validatePanGestureHandlerProps(props);
-  }
-  return transformPanGestureHandlerProps(props);
-}

package/src/handlers/TapGestureHandler.ts

@@ -1,95 +0,0 @@
-// RNGH: forking to use the forked createHandler
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
-
-export const tapGestureHandlerProps = [
-  'maxDurationMs',
-  'maxDelayMs',
-  'numberOfTaps',
-  'maxDeltaX',
-  'maxDeltaY',
-  'maxDist',
-  'minPointers',
-] as const;
-
-export type TapGestureHandlerEventPayload = {
-  x: number;
-  y: number;
-  absoluteX: number;
-  absoluteY: number;
-};
-export interface TapGestureConfig {
-  /**
-   * Minimum number of pointers (fingers) required to be placed before the
-   * handler activates. Should be a positive integer.
-   * The default value is 1.
-   */
-  minPointers?: number;
-
-  /**
-   * Maximum time, expressed in milliseconds, that defines how fast a finger
-   * must be released after a touch. The default value is 500.
-   */
-  maxDurationMs?: number;
-
-  /**
-   * Maximum time, expressed in milliseconds, that can pass before the next tap
-   * if many taps are required. The default value is 500.
-   */
-  maxDelayMs?: number;
-
-  /**
-   * Number of tap gestures required to activate the handler. The default value
-   * is 1.
-   */
-  numberOfTaps?: number;
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel along the X axis during a tap gesture. If the finger
-   * travels further than the defined distance along the X axis and the handler
-   * hasn't yet activated, it will fail to recognize the gesture.
-   */
-  maxDeltaX?: number;
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel along the Y axis during a tap gesture. If the finger
-   * travels further than the defined distance along the Y axis and the handler
-   * hasn't yet activated, it will fail to recognize the gesture.
-   */
-  maxDeltaY?: number;
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel during a tap gesture. If the finger travels further than
-   * the defined distance and the handler hasn't yet
-   * activated, it will fail to recognize the gesture.
-   */
-  maxDist?: number;
-}
-
-export interface TapGestureHandlerProps
-  extends BaseGestureHandlerProps<TapGestureHandlerEventPayload>,
-    TapGestureConfig {}
-
-export const tapHandlerName = 'TapGestureHandler';
-
-export type TapGestureHandler = typeof TapGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const TapGestureHandler = createHandler<
-  TapGestureHandlerProps,
-  TapGestureHandlerEventPayload
->({
-  name: tapHandlerName,
-  allowedProps: [
-    ...baseGestureHandlerProps,
-    ...tapGestureHandlerProps,
-  ] as const,
-  config: {
-    shouldCancelWhenOutside: true,
-  },
-});

package/src/handlers/createNativeWrapper.tsx

@@ -1,81 +0,0 @@
-import * as React from 'react';
-import { useImperativeHandle, useRef } from 'react';
-
-import {
-  NativeViewGestureHandler,
-  NativeViewGestureHandlerProps,
-  nativeViewProps,
-} from './NativeViewGestureHandler';
-
-/*
- * This array should consist of:
- *   - All keys in propTypes from NativeGestureHandler
- *     (and all keys in GestureHandlerPropTypes)
- *   - 'onGestureHandlerEvent'
- *   - 'onGestureHandlerStateChange'
- */
-const NATIVE_WRAPPER_PROPS_FILTER = [
-  ...nativeViewProps,
-  'onGestureHandlerEvent',
-  'onGestureHandlerStateChange',
-] as const;
-
-export default function createNativeWrapper<P>(
-  Component: React.ComponentType<P>,
-  config: Readonly<NativeViewGestureHandlerProps> = {}
-) {
-  const ComponentWrapper = React.forwardRef<
-    React.ComponentType<any>,
-    P & NativeViewGestureHandlerProps
-  >((props, ref) => {
-    // filter out props that should be passed to gesture handler wrapper
-    const gestureHandlerProps = Object.keys(props).reduce(
-      (res, key) => {
-        // TS being overly protective with it's types, see https://github.com/microsoft/TypeScript/issues/26255#issuecomment-458013731 for more info
-        const allowedKeys: readonly string[] = NATIVE_WRAPPER_PROPS_FILTER;
-        if (allowedKeys.includes(key)) {
-          // @ts-ignore FIXME(TS)
-          res[key] = props[key];
-        }
-        return res;
-      },
-      { ...config } // watch out not to modify config
-    );
-    const _ref = useRef<React.ComponentType<P>>();
-    const _gestureHandlerRef = useRef<React.ComponentType<P>>();
-    useImperativeHandle(
-      ref,
-      // @ts-ignore TODO(TS) decide how nulls work in this context
-      () => {
-        const node = _gestureHandlerRef.current;
-        // add handlerTag for relations config
-        if (_ref.current && node) {
-          // @ts-ignore FIXME(TS) think about createHandler return type
-          _ref.current.handlerTag = node.handlerTag;
-          return _ref.current;
-        }
-        return null;
-      },
-      [_ref, _gestureHandlerRef]
-    );
-    return (
-      <NativeViewGestureHandler
-        {...gestureHandlerProps}
-        // @ts-ignore TODO(TS)
-        ref={_gestureHandlerRef}
-      >
-        <Component {...props} ref={_ref} />
-      </NativeViewGestureHandler>
-    );
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  ComponentWrapper.displayName =
-    Component?.displayName ||
-    // @ts-ignore if render doesn't exist it will return undefined and go further
-    Component?.render?.name ||
-    (typeof Component === 'string' && Component) ||
-    'ComponentWrapper';
-
-  return ComponentWrapper;
-}

package/src/handlers/gestureHandlerCommon.ts

@@ -1,15 +0,0 @@
-import { RNGestureHandlerModule } from '../RNGestureHandlerModule'; // RNGH: patch
-
-let flushOperationsScheduled = false;
-
-export function scheduleFlushOperations() {
-  if (!flushOperationsScheduled) {
-    flushOperationsScheduled = true;
-    queueMicrotask(() => {
-      if (RNGestureHandlerModule) {
-        RNGestureHandlerModule.flushOperations();
-      }
-      flushOperationsScheduled = false;
-    });
-  }
-}