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

package/src/components/touchables/TouchableHighlight.tsx

@@ -1,115 +0,0 @@
-import * as React from 'react';
-import { Component } from 'react';
-import GenericTouchable, {
-  GenericTouchableProps,
-  TOUCHABLE_STATE,
-} from './GenericTouchable';
-import {
-  StyleSheet,
-  View,
-  TouchableHighlightProps as RNTouchableHighlightProps,
-  ColorValue,
-  ViewProps,
-} from 'react-native';
-
-interface State {
-  extraChildStyle: null | {
-    opacity?: number;
-  };
-  extraUnderlayStyle: null | {
-    backgroundColor?: ColorValue;
-  };
-}
-
-export type TouchableHighlightProps = RNTouchableHighlightProps &
-  GenericTouchableProps;
-
-/**
- * TouchableHighlight follows RN's implementation
- */
-export default class TouchableHighlight extends Component<
-  TouchableHighlightProps,
-  State
-> {
-  static defaultProps = {
-    ...GenericTouchable.defaultProps,
-    activeOpacity: 0.85,
-    delayPressOut: 100,
-    underlayColor: 'black',
-  };
-
-  constructor(props: TouchableHighlightProps) {
-    super(props);
-    this.state = {
-      extraChildStyle: null,
-      extraUnderlayStyle: null,
-    };
-  }
-
-  // Copied from RN
-  showUnderlay = () => {
-    if (!this.hasPressHandler()) {
-      return;
-    }
-    this.setState({
-      extraChildStyle: {
-        opacity: this.props.activeOpacity,
-      },
-      extraUnderlayStyle: {
-        backgroundColor: this.props.underlayColor,
-      },
-    });
-    this.props.onShowUnderlay?.();
-  };
-
-  hasPressHandler = () =>
-    this.props.onPress ||
-    this.props.onPressIn ||
-    this.props.onPressOut ||
-    this.props.onLongPress;
-
-  hideUnderlay = () => {
-    this.setState({
-      extraChildStyle: null,
-      extraUnderlayStyle: null,
-    });
-    this.props.onHideUnderlay?.();
-  };
-
-  renderChildren() {
-    if (!this.props.children) {
-      return <View />;
-    }
-
-    const child = React.Children.only(
-      this.props.children
-    ) as React.ReactElement<ViewProps>; // TODO: not sure if OK but fixes error
-    return React.cloneElement(child, {
-      style: StyleSheet.compose(child.props.style, this.state.extraChildStyle),
-    });
-  }
-
-  onStateChange = (_from: number, to: number) => {
-    if (to === TOUCHABLE_STATE.BEGAN) {
-      this.showUnderlay();
-    } else if (
-      to === TOUCHABLE_STATE.UNDETERMINED ||
-      to === TOUCHABLE_STATE.MOVED_OUTSIDE
-    ) {
-      this.hideUnderlay();
-    }
-  };
-
-  render() {
-    const { style = {}, ...rest } = this.props;
-    const { extraUnderlayStyle } = this.state;
-    return (
-      <GenericTouchable
-        {...rest}
-        style={[style, extraUnderlayStyle]}
-        onStateChange={this.onStateChange}>
-        {this.renderChildren()}
-      </GenericTouchable>
-    );
-  }
-}

package/src/components/touchables/TouchableNativeFeedback.android.tsx

@@ -1,91 +0,0 @@
-import {
-  Platform,
-  TouchableNativeFeedbackProps as RNTouchableNativeFeedbackProps,
-  ColorValue,
-} from 'react-native';
-import * as React from 'react';
-import { Component } from 'react';
-import GenericTouchable, { GenericTouchableProps } from './GenericTouchable';
-
-export type TouchableNativeFeedbackExtraProps = {
-  borderless?: boolean;
-  rippleColor?: number | null;
-  rippleRadius?: number | null;
-  foreground?: boolean;
-};
-
-export type TouchableNativeFeedbackProps = RNTouchableNativeFeedbackProps &
-  GenericTouchableProps;
-
-/**
- * TouchableNativeFeedback behaves slightly different than RN's TouchableNativeFeedback.
- * There's small difference with handling long press ripple since RN's implementation calls
- * ripple animation via bridge. This solution leaves all animations' handling for native components so
- * it follows native behaviours.
- */
-export default class TouchableNativeFeedback extends Component<TouchableNativeFeedbackProps> {
-  static defaultProps = {
-    ...GenericTouchable.defaultProps,
-    useForeground: true,
-    extraButtonProps: {
-      // Disable hiding ripple on Android
-      rippleColor: null,
-    },
-  };
-
-  // could be taken as RNTouchableNativeFeedback.SelectableBackground etc. but the API may change
-  static SelectableBackground = (rippleRadius?: number) => ({
-    type: 'ThemeAttrAndroid',
-    // I added `attribute` prop to clone the implementation of RN and be able to use only 2 types
-    attribute: 'selectableItemBackground',
-    rippleRadius,
-  });
-  static SelectableBackgroundBorderless = (rippleRadius?: number) => ({
-    type: 'ThemeAttrAndroid',
-    attribute: 'selectableItemBackgroundBorderless',
-    rippleRadius,
-  });
-  static Ripple = (
-    color: ColorValue,
-    borderless: boolean,
-    rippleRadius?: number
-  ) => ({
-    type: 'RippleAndroid',
-    color,
-    borderless,
-    rippleRadius,
-  });
-
-  static canUseNativeForeground = () =>
-    Platform.OS === 'android' && Platform.Version >= 23;
-
-  getExtraButtonProps() {
-    const extraProps: TouchableNativeFeedbackExtraProps = {};
-    const { background } = this.props;
-    if (background) {
-      // I changed type values to match those used in RN
-      // TODO(TS): check if it works the same as previous implementation - looks like it works the same as RN component, so it should be ok
-      if (background.type === 'RippleAndroid') {
-        extraProps['borderless'] = background.borderless;
-        extraProps['rippleColor'] = background.color;
-      } else if (background.type === 'ThemeAttrAndroid') {
-        extraProps['borderless'] =
-          background.attribute === 'selectableItemBackgroundBorderless';
-      }
-      // I moved it from above since it should be available in all options
-      extraProps['rippleRadius'] = background.rippleRadius;
-    }
-    extraProps['foreground'] = this.props.useForeground;
-    return extraProps;
-  }
-  render() {
-    const { style = {}, ...rest } = this.props;
-    return (
-      <GenericTouchable
-        {...rest}
-        style={style}
-        extraButtonProps={this.getExtraButtonProps()}
-      />
-    );
-  }
-}

package/src/components/touchables/TouchableNativeFeedback.tsx

@@ -1,3 +0,0 @@
-import { TouchableNativeFeedback } from 'react-native';
-
-export default TouchableNativeFeedback;

package/src/getReactNativeVersion.ts

@@ -1,11 +0,0 @@
-import pack from 'react-native/package.json';
-
-const [majorStr, minorStr] = pack.version.split('.');
-const REACT_NATIVE_VERSION = {
-  major: parseInt(majorStr, 10),
-  minor: parseInt(minorStr, 10),
-};
-
-export function getReactNativeVersion() {
-  return REACT_NATIVE_VERSION;
-}

package/src/getReactNativeVersion.web.ts

@@ -1,3 +0,0 @@
-export function getReactNativeVersion() {
-  throw new Error('getReactNativeVersion is not supported on web');
-}

package/src/getShadowNodeFromRef.ts

@@ -1,22 +0,0 @@
-// Used by GestureDetector (unsupported on web at the moment) to check whether the
-// attached view may get flattened on Fabric. This implementation causes errors
-// on web due to the static resolution of `require` statements by webpack breaking
-// the conditional importing. Solved by making .web file.
-let findHostInstance_DEPRECATED: (ref: any) => void;
-
-export function getShadowNodeFromRef(ref: any) {
-  // load findHostInstance_DEPRECATED lazily because it may not be available before render
-  if (findHostInstance_DEPRECATED === undefined) {
-    try {
-      findHostInstance_DEPRECATED =
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        require('react-native/Libraries/Renderer/shims/ReactFabric').findHostInstance_DEPRECATED;
-    } catch (e) {
-      findHostInstance_DEPRECATED = (_ref: any) => null;
-    }
-  }
-
-  // @ts-ignore Fabric
-  return findHostInstance_DEPRECATED(ref)._internalInstanceHandle.stateNode
-    .node;
-}

package/src/getShadowNodeFromRef.web.ts

@@ -1,7 +0,0 @@
-// Used by GestureDetector (unsupported on web at the moment) to check whether the
-// attached view may get flattened on Fabric. Original implementation causes errors
-// on web due to the static resolution of `require` statements by webpack breaking
-// the conditional importing.
-export function getShadowNodeFromRef(_ref: any) {
-  return null;
-}

package/src/ghQueueMicrotask.ts

@@ -1,5 +0,0 @@
-// `queueMicrotask` was introduced to react-native in version 0.66 (https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#v0660)
-// Because Gesture Handler supports versions 0.64+, we have to handle situations where someone uses older version of react native.
-// That's why if `queueMicrotask` doesn't exist, we use `setImmediate` instead, since it was used before we switched to `queueMicrotask` in version 2.11.0
-export const ghQueueMicrotask =
-  typeof queueMicrotask === 'function' ? queueMicrotask : setImmediate;

package/src/handlers/FlingGestureHandler.ts

@@ -1,59 +0,0 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export const flingGestureHandlerProps = [
-  'numberOfPointers',
-  'direction',
-] as const;
-
-export type FlingGestureHandlerEventPayload = {
-  x: number;
-  y: number;
-  absoluteX: number;
-  absoluteY: number;
-};
-export interface FlingGestureConfig {
-  /**
-   * Expressed allowed direction of movement. It's possible to pass one or many
-   * directions in one parameter:
-   *
-   * ```js
-   * direction={Directions.RIGHT | Directions.LEFT}
-   * ```
-   *
-   * or
-   *
-   * ```js
-   * direction={Directions.DOWN}
-   * ```
-   */
-  direction?: number;
-
-  /**
-   * Determine exact number of points required to handle the fling gesture.
-   */
-  numberOfPointers?: number;
-}
-
-export interface FlingGestureHandlerProps
-  extends BaseGestureHandlerProps<FlingGestureHandlerEventPayload>,
-    FlingGestureConfig {}
-
-export const flingHandlerName = 'FlingGestureHandler';
-
-export type FlingGestureHandler = typeof FlingGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const FlingGestureHandler = createHandler<
-  FlingGestureHandlerProps,
-  FlingGestureHandlerEventPayload
->({
-  name: flingHandlerName,
-  allowedProps: [
-    ...baseGestureHandlerProps,
-    ...flingGestureHandlerProps,
-  ] as const,
-  config: {},
-});

package/src/handlers/ForceTouchGestureHandler.ts

@@ -1,90 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { tagMessage } from '../utils';
-import PlatformConstants from '../PlatformConstants';
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export const forceTouchGestureHandlerProps = [
-  'minForce',
-  'maxForce',
-  'feedbackOnActivation',
-] as const;
-
-// implicit `children` prop has been removed in @types/react^18.0.0
-class ForceTouchFallback extends React.Component<PropsWithChildren<unknown>> {
-  static forceTouchAvailable = false;
-  componentDidMount() {
-    console.warn(
-      tagMessage(
-        'ForceTouchGestureHandler is not available on this platform. Please use ForceTouchGestureHandler.forceTouchAvailable to conditionally render other components that would provide a fallback behavior specific to your usecase'
-      )
-    );
-  }
-  render() {
-    return this.props.children;
-  }
-}
-
-export type ForceTouchGestureHandlerEventPayload = {
-  x: number;
-  y: number;
-  absoluteX: number;
-  absoluteY: number;
-
-  /**
-   * The pressure of a touch.
-   */
-  force: number;
-};
-
-export interface ForceTouchGestureConfig {
-  /**
-   *
-   * A minimal pressure that is required before handler can activate. Should be a
-   * value from range `[0.0, 1.0]`. Default is `0.2`.
-   */
-  minForce?: number;
-
-  /**
-   * A maximal pressure that could be applied for handler. If the pressure is
-   * greater, handler fails. Should be a value from range `[0.0, 1.0]`.
-   */
-  maxForce?: number;
-
-  /**
-   * Boolean value defining if haptic feedback has to be performed on
-   * activation.
-   */
-  feedbackOnActivation?: boolean;
-}
-
-export interface ForceTouchGestureHandlerProps
-  extends BaseGestureHandlerProps<ForceTouchGestureHandlerEventPayload>,
-    ForceTouchGestureConfig {}
-
-export type ForceTouchGestureHandler = typeof ForceTouchGestureHandler & {
-  forceTouchAvailable: boolean;
-};
-
-export const forceTouchHandlerName = 'ForceTouchGestureHandler';
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const ForceTouchGestureHandler = PlatformConstants?.forceTouchAvailable
-  ? createHandler<
-      ForceTouchGestureHandlerProps,
-      ForceTouchGestureHandlerEventPayload
-    >({
-      name: forceTouchHandlerName,
-      allowedProps: [
-        ...baseGestureHandlerProps,
-        ...forceTouchGestureHandlerProps,
-      ] as const,
-      config: {},
-    })
-  : ForceTouchFallback;
-
-(ForceTouchGestureHandler as ForceTouchGestureHandler).forceTouchAvailable =
-  PlatformConstants?.forceTouchAvailable || false;

package/src/handlers/LongPressGestureHandler.ts

@@ -1,88 +0,0 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export const longPressGestureHandlerProps = [
-  'minDurationMs',
-  'maxDist',
-] as const;
-
-export type LongPressGestureHandlerEventPayload = {
-  /**
-   * X coordinate, expressed in points, 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.
-   */
-  x: number;
-
-  /**
-   * Y coordinate, expressed in points, 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.
-   */
-  y: number;
-
-  /**
-   * X coordinate, expressed in points, of the current position of the pointer
-   * (finger or a leading pointer when there are multiple fingers placed)
-   * relative to the window. It is recommended to use `absoluteX` instead of
-   * `x` in cases when the view attached to the handler can be transformed as an
-   * effect of the gesture.
-   */
-  absoluteX: number;
-
-  /**
-   * Y coordinate, expressed in points, of the current position of the pointer
-   * (finger or a leading pointer when there are multiple fingers placed)
-   * relative to the window. It is recommended to use `absoluteY` instead of
-   * `y` in cases when the view attached to the handler can be transformed as an
-   * effect of the gesture.
-   */
-  absoluteY: number;
-
-  /**
-   * Duration of the long press (time since the start of the event), expressed
-   * in milliseconds.
-   */
-  duration: number;
-};
-
-export interface LongPressGestureConfig {
-  /**
-   * Minimum time, expressed in milliseconds, that a finger must remain pressed on
-   * the corresponding view. The default value is 500.
-   */
-  minDurationMs?: number;
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel during a long press gesture. If the finger travels
-   * further than the defined distance and the handler hasn't yet activated, it
-   * will fail to recognize the gesture. The default value is 10.
-   */
-  maxDist?: number;
-}
-
-export interface LongPressGestureHandlerProps
-  extends BaseGestureHandlerProps<LongPressGestureHandlerEventPayload>,
-    LongPressGestureConfig {}
-
-export const longPressHandlerName = 'LongPressGestureHandler';
-
-export type LongPressGestureHandler = typeof LongPressGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const LongPressGestureHandler = createHandler<
-  LongPressGestureHandlerProps,
-  LongPressGestureHandlerEventPayload
->({
-  name: longPressHandlerName,
-  allowedProps: [
-    ...baseGestureHandlerProps,
-    ...longPressGestureHandlerProps,
-  ] as const,
-  config: {
-    shouldCancelWhenOutside: true,
-  },
-});

package/src/handlers/PinchGestureHandler.ts

@@ -1,48 +0,0 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export type PinchGestureHandlerEventPayload = {
-  /**
-   * The scale factor relative to the points of the two touches in screen
-   * coordinates.
-   */
-  scale: number;
-
-  /**
-   * Position expressed in points along X axis of center anchor point of
-   * gesture.
-   */
-  focalX: number;
-
-  /**
-   * Position expressed in points along Y axis of center anchor point of
-   * gesture.
-   */
-  focalY: number;
-
-  /**
-   *
-   * Velocity of the pan gesture the current moment. The value is expressed in
-   * point units per second.
-   */
-  velocity: number;
-};
-
-export interface PinchGestureHandlerProps
-  extends BaseGestureHandlerProps<PinchGestureHandlerEventPayload> {}
-
-export const pinchHandlerName = 'PinchGestureHandler';
-
-export type PinchGestureHandler = typeof PinchGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const PinchGestureHandler = createHandler<
-  PinchGestureHandlerProps,
-  PinchGestureHandlerEventPayload
->({
-  name: pinchHandlerName,
-  allowedProps: baseGestureHandlerProps,
-  config: {},
-});

package/src/handlers/PressabilityDebugView.tsx

@@ -1,2 +0,0 @@
-// @ts-ignore it's not exported so we need to import it from path
-export { PressabilityDebugView } from 'react-native/Libraries/Pressability/PressabilityDebug';

package/src/handlers/PressabilityDebugView.web.tsx

@@ -1,4 +0,0 @@
-// PressabilityDebugView is not implemented in react-native-web
-export function PressabilityDebugView() {
-  return null;
-}

package/src/handlers/RotationGestureHandler.ts

@@ -1,48 +0,0 @@
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export type RotationGestureHandlerEventPayload = {
-  /**
-   * Amount rotated, expressed in radians, from the gesture's focal point
-   * (anchor).
-   */
-  rotation: number;
-
-  /**
-   * X coordinate, expressed in points, of the gesture's central focal point
-   * (anchor).
-   */
-  anchorX: number;
-
-  /**
-   * Y coordinate, expressed in points, of the gesture's central focal point
-   * (anchor).
-   */
-  anchorY: number;
-
-  /**
-   *
-   * Instantaneous velocity, expressed in point units per second, of the
-   * gesture.
-   */
-  velocity: number;
-};
-
-export interface RotationGestureHandlerProps
-  extends BaseGestureHandlerProps<RotationGestureHandlerEventPayload> {}
-
-export const rotationHandlerName = 'RotationGestureHandler';
-
-export type RotationGestureHandler = typeof RotationGestureHandler;
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const RotationGestureHandler = createHandler<
-  RotationGestureHandlerProps,
-  RotationGestureHandlerEventPayload
->({
-  name: rotationHandlerName,
-  allowedProps: baseGestureHandlerProps,
-  config: {},
-});