react-native-gesture-handler 2.25.0 → 2.27.0

package/lib/typescript/components/Swipeable.d.ts

@@ -1,183 +0,0 @@
-import * as React from 'react';
-import { Component } from 'react';
-import { Animated, StyleProp, ViewStyle } from 'react-native';
-import { PanGestureHandlerProps } from '../handlers/PanGestureHandler';
-type SwipeableExcludes = Exclude<keyof PanGestureHandlerProps, 'onGestureEvent' | 'onHandlerStateChange'>;
-type AnimatedInterpolation = ReturnType<Animated.Value['interpolate']>;
-export interface SwipeableProps extends Pick<PanGestureHandlerProps, SwipeableExcludes> {
-    /**
-     * 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;
-    /**
-     * Specifies how much the visual interaction will be delayed compared to the
-     * gesture distance. e.g. value of 1 will indicate that the swipeable panel
-     * should exactly follow the gesture, 2 means it is going to be two times
-     * "slower".
-     */
-    friction?: number;
-    /**
-     * Distance from the left edge at which released panel will animate to the
-     * open state (or the open panel will animate into the closed state). By
-     * default it's a half of the panel's width.
-     */
-    leftThreshold?: number;
-    /**
-     * Distance from the right edge at which released panel will animate to the
-     * open state (or the open panel will animate into the closed state). By
-     * default it's a half of the panel's width.
-     */
-    rightThreshold?: number;
-    /**
-     * Distance that the panel must be dragged from the left edge to be considered
-     * a swipe. The default value is 10.
-     */
-    dragOffsetFromLeftEdge?: number;
-    /**
-     * Distance that the panel must be dragged from the right edge to be considered
-     * a swipe. The default value is 10.
-     */
-    dragOffsetFromRightEdge?: number;
-    /**
-     * Value indicating if the swipeable panel can be pulled further than the left
-     * actions panel's width. It is set to true by default as long as the left
-     * panel render method is present.
-     */
-    overshootLeft?: boolean;
-    /**
-     * Value indicating if the swipeable panel can be pulled further than the
-     * right actions panel's width. It is set to true by default as long as the
-     * right panel render method is present.
-     */
-    overshootRight?: boolean;
-    /**
-     * Specifies how much the visual interaction will be delayed compared to the
-     * gesture distance at overshoot. Default value is 1, it mean no friction, for
-     * a native feel, try 8 or above.
-     */
-    overshootFriction?: number;
-    /**
-     * @deprecated Use `direction` argument of onSwipeableOpen()
-     *
-     * Called when left action panel gets open.
-     */
-    onSwipeableLeftOpen?: () => void;
-    /**
-     * @deprecated Use `direction` argument of onSwipeableOpen()
-     *
-     * Called when right action panel gets open.
-     */
-    onSwipeableRightOpen?: () => void;
-    /**
-     * Called when action panel gets open (either right or left).
-     */
-    onSwipeableOpen?: (direction: 'left' | 'right', swipeable: Swipeable) => void;
-    /**
-     * Called when action panel is closed.
-     */
-    onSwipeableClose?: (direction: 'left' | 'right', swipeable: Swipeable) => void;
-    /**
-     * @deprecated Use `direction` argument of onSwipeableWillOpen()
-     *
-     * Called when left action panel starts animating on open.
-     */
-    onSwipeableLeftWillOpen?: () => void;
-    /**
-     * @deprecated Use `direction` argument of onSwipeableWillOpen()
-     *
-     * Called when right action panel starts animating on open.
-     */
-    onSwipeableRightWillOpen?: () => void;
-    /**
-     * Called when action panel starts animating on open (either right or left).
-     */
-    onSwipeableWillOpen?: (direction: 'left' | 'right') => void;
-    /**
-     * Called when action panel starts animating on close.
-     */
-    onSwipeableWillClose?: (direction: 'left' | 'right') => void;
-    /**
-     * Called when action panel starts being shown on dragging to open.
-     */
-    onSwipeableOpenStartDrag?: (direction: 'left' | 'right') => void;
-    /**
-     * Called when action panel starts being shown on dragging to close.
-     */
-    onSwipeableCloseStartDrag?: (direction: 'left' | 'right') => void;
-    /**
-     *
-     * This map describes the values to use as inputRange for extra interpolation:
-     * AnimatedValue: [startValue, endValue]
-     *
-     * progressAnimatedValue: [0, 1] dragAnimatedValue: [0, +]
-     *
-     * To support `rtl` flexbox layouts use `flexDirection` styling.
-     * */
-    renderLeftActions?: (progressAnimatedValue: AnimatedInterpolation, dragAnimatedValue: AnimatedInterpolation, swipeable: Swipeable) => React.ReactNode;
-    /**
-     *
-     * This map describes the values to use as inputRange for extra interpolation:
-     * AnimatedValue: [startValue, endValue]
-     *
-     * progressAnimatedValue: [0, 1] dragAnimatedValue: [0, -]
-     *
-     * To support `rtl` flexbox layouts use `flexDirection` styling.
-     * */
-    renderRightActions?: (progressAnimatedValue: AnimatedInterpolation, dragAnimatedValue: AnimatedInterpolation, swipeable: Swipeable) => React.ReactNode;
-    useNativeAnimations?: boolean;
-    animationOptions?: Record<string, unknown>;
-    /**
-     * Style object for the container (`Animated.View`), for example to override
-     * `overflow: 'hidden'`.
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Style object for the children container (`Animated.View`), for example to
-     * apply `flex: 1`
-     */
-    childrenContainerStyle?: StyleProp<ViewStyle>;
-}
-type SwipeableState = {
-    dragX: Animated.Value;
-    rowTranslation: Animated.Value;
-    rowState: number;
-    leftWidth?: number;
-    rightOffset?: number;
-    rowWidth?: number;
-};
-/**
- * @deprecated use Reanimated version of Swipeable instead
- *
- * This component allows for implementing swipeable rows or similar interaction.
- */
-export default class Swipeable extends Component<SwipeableProps, SwipeableState> {
-    static defaultProps: {
-        friction: number;
-        overshootFriction: number;
-        useNativeAnimations: boolean;
-    };
-    constructor(props: SwipeableProps);
-    shouldComponentUpdate(props: SwipeableProps, state: SwipeableState): boolean;
-    private onGestureEvent?;
-    private transX?;
-    private showLeftAction?;
-    private leftActionTranslate?;
-    private showRightAction?;
-    private rightActionTranslate?;
-    private updateAnimatedEvent;
-    private onTapHandlerStateChange;
-    private onHandlerStateChange;
-    private handleRelease;
-    private animateRow;
-    private onRowLayout;
-    private currentOffset;
-    close: () => void;
-    openLeft: () => void;
-    openRight: () => void;
-    reset: () => void;
-    render(): React.JSX.Element;
-}
-export {};

package/lib/typescript/components/Text.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Text as RNText, TextProps as RNTextProps } from 'react-native';
-export declare const Text: React.ForwardRefExoticComponent<RNTextProps & React.RefAttributes<RNText>>;
-export type Text = typeof Text & RNText;

package/lib/typescript/components/gestureHandlerRootHOC.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export default function gestureHandlerRootHOC<P extends object>(Component: React.ComponentType<P>, containerStyles?: StyleProp<ViewStyle>): React.ComponentType<P>;

package/lib/typescript/components/touchables/ExtraButtonProps.d.ts

@@ -1,7 +0,0 @@
-export type ExtraButtonProps = {
-    borderless?: boolean;
-    rippleColor?: number | string | null;
-    rippleRadius?: number | null;
-    foreground?: boolean;
-    exclusive?: boolean;
-};

package/lib/typescript/components/touchables/GenericTouchable.d.ts

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import { Component } from 'react';
-import { GestureEvent, HandlerStateChangeEvent } from '../../handlers/gestureHandlerCommon';
-import type { NativeViewGestureHandlerPayload } from '../../handlers/GestureHandlerEventPayload';
-import type { GenericTouchableProps } from './GenericTouchableProps';
-/**
- * Each touchable is a states' machine which preforms transitions.
- * On very beginning (and on the very end or recognition) touchable is
- * UNDETERMINED. Then it moves to BEGAN. If touchable recognizes that finger
- * travel outside it transits to special MOVED_OUTSIDE state. Gesture recognition
- * finishes in UNDETERMINED state.
- */
-export declare const TOUCHABLE_STATE: {
-    readonly UNDETERMINED: 0;
-    readonly BEGAN: 1;
-    readonly MOVED_OUTSIDE: 2;
-};
-type TouchableState = (typeof TOUCHABLE_STATE)[keyof typeof TOUCHABLE_STATE];
-interface InternalProps {
-    onStateChange?: (oldState: TouchableState, newState: TouchableState) => void;
-}
-type Timeout = ReturnType<typeof setTimeout> | null | undefined;
-/**
- * GenericTouchable is not intented to be used as it is.
- * Should be treated as a source for the rest of touchables
- */
-export default class GenericTouchable extends Component<GenericTouchableProps & InternalProps> {
-    static defaultProps: {
-        delayLongPress: number;
-        extraButtonProps: {
-            rippleColor: string;
-            exclusive: boolean;
-        };
-    };
-    pressInTimeout: Timeout;
-    pressOutTimeout: Timeout;
-    longPressTimeout: Timeout;
-    longPressDetected: boolean;
-    pointerInside: boolean;
-    STATE: TouchableState;
-    handlePressIn(): void;
-    handleMoveOutside(): void;
-    handleGoToUndetermined(): void;
-    componentDidMount(): void;
-    reset(): void;
-    moveToState(newState: TouchableState): void;
-    onGestureEvent: ({ nativeEvent: { pointerInside }, }: GestureEvent<NativeViewGestureHandlerPayload>) => void;
-    onHandlerStateChange: ({ nativeEvent, }: HandlerStateChangeEvent<NativeViewGestureHandlerPayload>) => void;
-    onLongPressDetected: () => void;
-    componentWillUnmount(): void;
-    onMoveIn(): void;
-    onMoveOut(): void;
-    render(): React.JSX.Element;
-}
-export {};

package/lib/typescript/components/touchables/GenericTouchableProps.d.ts

@@ -1,16 +0,0 @@
-import type { StyleProp, ViewStyle, TouchableWithoutFeedbackProps, Insets } from 'react-native';
-import type { UserSelect } from '../../handlers/gestureHandlerCommon';
-import { ExtraButtonProps } from './ExtraButtonProps';
-export interface GenericTouchableProps extends Omit<TouchableWithoutFeedbackProps, 'hitSlop'> {
-    onPress?: () => void;
-    onPressIn?: () => void;
-    onPressOut?: () => void;
-    onLongPress?: () => void;
-    nativeID?: string;
-    shouldActivateOnStart?: boolean;
-    disallowInterruption?: boolean;
-    containerStyle?: StyleProp<ViewStyle>;
-    hitSlop?: Insets | number;
-    userSelect?: UserSelect;
-    extraButtonProps?: ExtraButtonProps;
-}

package/lib/typescript/components/touchables/TouchableHighlight.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { Component } from 'react';
-import type { GenericTouchableProps } from './GenericTouchableProps';
-import { TouchableHighlightProps as RNTouchableHighlightProps, ColorValue } from 'react-native';
-interface State {
-    extraChildStyle: null | {
-        opacity?: number;
-    };
-    extraUnderlayStyle: null | {
-        backgroundColor?: ColorValue;
-    };
-}
-/**
- * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-export type TouchableHighlightProps = RNTouchableHighlightProps & GenericTouchableProps;
-/**
- * @deprecated TouchableHighlight will be removed in the future version of Gesture Handler. Use Pressable instead.
- *
- * TouchableHighlight follows RN's implementation
- */
-export default class TouchableHighlight extends Component<TouchableHighlightProps, State> {
-    static defaultProps: {
-        activeOpacity: number;
-        delayPressOut: number;
-        underlayColor: string;
-        delayLongPress: number;
-        extraButtonProps: {
-            rippleColor: string;
-            exclusive: boolean;
-        };
-    };
-    constructor(props: TouchableHighlightProps);
-    showUnderlay: () => void;
-    hasPressHandler: () => (((event: import("react-native").GestureResponderEvent) => void) & (() => void)) | undefined;
-    hideUnderlay: () => void;
-    renderChildren(): React.JSX.Element;
-    onStateChange: (_from: number, to: number) => void;
-    render(): React.JSX.Element;
-}
-export {};

package/lib/typescript/components/touchables/TouchableNativeFeedback.android.d.ts

@@ -1,40 +0,0 @@
-import { ColorValue } from 'react-native';
-import * as React from 'react';
-import { Component } from 'react';
-import { TouchableNativeFeedbackProps } from './TouchableNativeFeedbackProps';
-/**
- * @deprecated TouchableNativeFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
- *
- * 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: {
-        useForeground: boolean;
-        extraButtonProps: {
-            rippleColor: null;
-        };
-        delayLongPress: number;
-    };
-    static SelectableBackground: (rippleRadius?: number) => {
-        type: string;
-        attribute: string;
-        rippleRadius: number | undefined;
-    };
-    static SelectableBackgroundBorderless: (rippleRadius?: number) => {
-        type: string;
-        attribute: string;
-        rippleRadius: number | undefined;
-    };
-    static Ripple: (color: ColorValue, borderless: boolean, rippleRadius?: number) => {
-        type: string;
-        color: ColorValue;
-        borderless: boolean;
-        rippleRadius: number | undefined;
-    };
-    static canUseNativeForeground: () => boolean;
-    getExtraButtonProps(): import("./ExtraButtonProps").ExtraButtonProps;
-    render(): React.JSX.Element;
-}

package/lib/typescript/components/touchables/TouchableNativeFeedback.d.ts

@@ -1,6 +0,0 @@
-import { TouchableNativeFeedback as RNTouchableNativeFeedback } from 'react-native';
-/**
- * @deprecated TouchableNativeFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-declare const TouchableNativeFeedback: typeof RNTouchableNativeFeedback;
-export default TouchableNativeFeedback;

package/lib/typescript/components/touchables/TouchableNativeFeedbackProps.d.ts

@@ -1,8 +0,0 @@
-import type { TouchableNativeFeedbackProps as RNTouchableNativeFeedbackProps } from 'react-native';
-import type { GenericTouchableProps } from './GenericTouchableProps';
-import { ExtraButtonProps } from './ExtraButtonProps';
-export type TouchableNativeFeedbackExtraProps = ExtraButtonProps;
-/**
- * @deprecated TouchableNativeFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-export type TouchableNativeFeedbackProps = RNTouchableNativeFeedbackProps & GenericTouchableProps;

package/lib/typescript/components/touchables/TouchableOpacity.d.ts

@@ -1,30 +0,0 @@
-import { Animated, TouchableOpacityProps as RNTouchableOpacityProps } from 'react-native';
-import type { GenericTouchableProps } from './GenericTouchableProps';
-import * as React from 'react';
-import { Component } from 'react';
-/**
- * @deprecated TouchableOpacity will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-export type TouchableOpacityProps = RNTouchableOpacityProps & GenericTouchableProps & {
-    useNativeAnimations?: boolean;
-};
-/**
- * @deprecated TouchableOpacity will be removed in the future version of Gesture Handler. Use Pressable instead.
- *
- * TouchableOpacity bases on timing animation which has been used in RN's core
- */
-export default class TouchableOpacity extends Component<TouchableOpacityProps> {
-    static defaultProps: {
-        activeOpacity: number;
-        delayLongPress: number;
-        extraButtonProps: {
-            rippleColor: string;
-            exclusive: boolean;
-        };
-    };
-    getChildStyleOpacityWithDefault: () => number;
-    opacity: Animated.Value;
-    setOpacityTo: (value: number, duration: number) => void;
-    onStateChange: (_from: number, to: number) => void;
-    render(): React.JSX.Element;
-}

package/lib/typescript/components/touchables/TouchableWithoutFeedback.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import GenericTouchable from './GenericTouchable';
-import type { GenericTouchableProps } from './GenericTouchableProps';
-/**
- * @deprecated TouchableWithoutFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-export type TouchableWithoutFeedbackProps = GenericTouchableProps;
-/**
- * @deprecated TouchableWithoutFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
- */
-declare const TouchableWithoutFeedback: React.ForwardRefExoticComponent<GenericTouchableProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<GenericTouchable>>;
-export default TouchableWithoutFeedback;

package/lib/typescript/components/touchables/index.d.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/lib/typescript/findNodeHandle.d.ts

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

package/lib/typescript/findNodeHandle.web.d.ts

@@ -1,2 +0,0 @@
-import type { GestureHandlerRef, SVGRef } from './web/interfaces';
-export default function findNodeHandle(viewRef: GestureHandlerRef | SVGRef | HTMLElement | SVGElement): HTMLElement | SVGElement | number;

package/lib/typescript/getShadowNodeFromRef.d.ts

@@ -1 +0,0 @@
-export declare function getShadowNodeFromRef(ref: unknown): unknown;

package/lib/typescript/getShadowNodeFromRef.web.d.ts

@@ -1 +0,0 @@
-export declare function getShadowNodeFromRef(_ref: any): null;

package/lib/typescript/ghQueueMicrotask.d.ts

@@ -1 +0,0 @@
-export declare const ghQueueMicrotask: typeof queueMicrotask;

package/lib/typescript/handlers/FlingGestureHandler.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import type { FlingGestureHandlerEventPayload } from './GestureHandlerEventPayload';
-import { BaseGestureHandlerProps } from './gestureHandlerCommon';
-export declare const flingGestureHandlerProps: readonly ["numberOfPointers", "direction"];
-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;
-}
-/**
- * @deprecated FlingGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Fling()` instead.
- */
-export interface FlingGestureHandlerProps extends BaseGestureHandlerProps<FlingGestureHandlerEventPayload>, FlingGestureConfig {
-}
-export declare const flingHandlerName = "FlingGestureHandler";
-/**
- * @deprecated FlingGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Fling()` instead.
- */
-export type FlingGestureHandler = typeof FlingGestureHandler;
-/**
- * @deprecated FlingGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Fling()` instead.
- */
-export declare const FlingGestureHandler: import("react").ComponentType<FlingGestureHandlerProps & import("react").RefAttributes<any>>;

package/lib/typescript/handlers/ForceTouchGestureHandler.d.ts

@@ -1,44 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { BaseGestureHandlerProps } from './gestureHandlerCommon';
-import type { ForceTouchGestureHandlerEventPayload } from './GestureHandlerEventPayload';
-export declare const forceTouchGestureHandlerProps: readonly ["minForce", "maxForce", "feedbackOnActivation"];
-declare class ForceTouchFallback extends React.Component<PropsWithChildren<unknown>> {
-    static forceTouchAvailable: boolean;
-    componentDidMount(): void;
-    render(): React.ReactNode;
-}
-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;
-}
-/**
- * @deprecated ForceTouchGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.ForceTouch()` instead.
- */
-export interface ForceTouchGestureHandlerProps extends BaseGestureHandlerProps<ForceTouchGestureHandlerEventPayload>, ForceTouchGestureConfig {
-}
-/**
- * @deprecated ForceTouchGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.ForceTouch()` instead.
- */
-export type ForceTouchGestureHandler = typeof ForceTouchGestureHandler & {
-    forceTouchAvailable: boolean;
-};
-export declare const forceTouchHandlerName = "ForceTouchGestureHandler";
-/**
- * @deprecated ForceTouchGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.ForceTouch()` instead.
- */
-export declare const ForceTouchGestureHandler: typeof ForceTouchFallback | React.ComponentType<ForceTouchGestureHandlerProps & React.RefAttributes<any>>;
-export {};