react-native-gesture-handler 2.27.0 → 2.27.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTouchableProps.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/GenericTouchableProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,6BAA6B,EAC7B,MAAM,EACP,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,SAAS,CAAC;IAItD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC"}

package/lib/typescript/components/touchables/GenericTouchableProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,41 @@
+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/TouchableHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableHighlight.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAGL,uBAAuB,IAAI,yBAAyB,EACpD,UAAU,EAEX,MAAM,cAAc,CAAC;AAEtB,UAAU,KAAK;IACb,eAAe,EAAE,IAAI,GAAG;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,kBAAkB,EAAE,IAAI,GAAG;QACzB,eAAe,CAAC,EAAE,UAAU,CAAC;KAC9B,CAAC;CACH;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAC7D,qBAAqB,CAAC;AAExB;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,SAAS,CACvD,uBAAuB,EACvB,KAAK,CACN;IACC,MAAM,CAAC,YAAY;;;;;;;;;MAKjB;gBAEU,KAAK,EAAE,uBAAuB;IAS1C,YAAY,aAaV;IAEF,eAAe,qGAIU;IAEzB,YAAY,aAMV;IAEF,cAAc;IAad,aAAa,GAAI,OAAO,MAAM,EAAE,IAAI,MAAM,UASxC;IAEF,MAAM;CAYP"}

package/lib/typescript/components/touchables/TouchableHighlight.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { Component } from 'react';
+import GenericTouchable, { TOUCHABLE_STATE } from './GenericTouchable';
+import { StyleSheet, View, } from 'react-native';
+/**
+ * @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 {
+    static defaultProps = {
+        ...GenericTouchable.defaultProps,
+        activeOpacity: 0.85,
+        delayPressOut: 100,
+        underlayColor: 'black',
+    };
+    constructor(props) {
+        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); // TODO: not sure if OK but fixes error
+        return React.cloneElement(child, {
+            style: StyleSheet.compose(child.props.style, this.state.extraChildStyle),
+        });
+    }
+    onStateChange = (_from, to) => {
+        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/lib/typescript/components/touchables/TouchableNativeFeedback.android.d.ts

@@ -0,0 +1,40 @@
+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.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableNativeFeedback.android.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableNativeFeedback.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EACL,4BAA4B,EAE7B,MAAM,gCAAgC,CAAC;AAExC;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,SAAS,CAAC,4BAA4B,CAAC;IAC1F,MAAM,CAAC,YAAY;;;;;;MAOjB;IAGF,MAAM,CAAC,oBAAoB,GAAI,eAAe,MAAM;;;;MAKjD;IACH,MAAM,CAAC,8BAA8B,GAAI,eAAe,MAAM;;;;MAI3D;IACH,MAAM,CAAC,MAAM,GACX,OAAO,UAAU,EACjB,YAAY,OAAO,EACnB,eAAe,MAAM;;;;;MAMpB;IAEH,MAAM,CAAC,sBAAsB,gBACyB;IAEtD,mBAAmB;IAmBnB,MAAM;CAUP"}

package/lib/typescript/components/touchables/TouchableNativeFeedback.android.js

@@ -0,0 +1,65 @@
+import { Platform } from 'react-native';
+import * as React from 'react';
+import { Component } from 'react';
+import GenericTouchable from './GenericTouchable';
+/**
+ * @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 {
+    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) => ({
+        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) => ({
+        type: 'ThemeAttrAndroid',
+        attribute: 'selectableItemBackgroundBorderless',
+        rippleRadius,
+    });
+    static Ripple = (color, borderless, rippleRadius) => ({
+        type: 'RippleAndroid',
+        color,
+        borderless,
+        rippleRadius,
+    });
+    static canUseNativeForeground = () => Platform.OS === 'android' && Platform.Version >= 23;
+    getExtraButtonProps() {
+        const extraProps = {};
+        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/lib/typescript/components/touchables/TouchableNativeFeedback.d.ts

@@ -0,0 +1,6 @@
+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/TouchableNativeFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableNativeFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableNativeFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,IAAI,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEpF;;GAEG;AACH,QAAA,MAAM,uBAAuB,kCAA4B,CAAC;AAE1D,eAAe,uBAAuB,CAAC"}

package/lib/typescript/components/touchables/TouchableNativeFeedback.js

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

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

@@ -0,0 +1,8 @@
+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/TouchableNativeFeedbackProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableNativeFeedbackProps.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableNativeFeedbackProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,IAAI,8BAA8B,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,iCAAiC,GAAG,gBAAgB,CAAC;AACjE;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,8BAA8B,GACvE,qBAAqB,CAAC"}

package/lib/typescript/components/touchables/TouchableNativeFeedbackProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,30 @@
+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/TouchableOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableOpacity.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableOpacity.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAIR,qBAAqB,IAAI,uBAAuB,EACjD,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,qBAAqB,GAAG;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAC5E,MAAM,CAAC,YAAY;;;;;;;MAGjB;IAGF,+BAA+B,eAK7B;IAEF,OAAO,iBAA8D;IAErE,YAAY,GAAI,OAAO,MAAM,EAAE,UAAU,MAAM,UAO7C;IAEF,aAAa,GAAI,OAAO,MAAM,EAAE,IAAI,MAAM,UASxC;IAEF,MAAM;CAgBP"}

package/lib/typescript/components/touchables/TouchableOpacity.js

@@ -0,0 +1,51 @@
+import { Animated, Easing, StyleSheet, View, } from 'react-native';
+import GenericTouchable, { TOUCHABLE_STATE } from './GenericTouchable';
+import * as React from 'react';
+import { Component } from 'react';
+/**
+ * @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 {
+    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();
+    };
+    opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());
+    setOpacityTo = (value, duration) => {
+        Animated.timing(this.opacity, {
+            toValue: value,
+            duration: duration,
+            easing: Easing.inOut(Easing.quad),
+            useNativeDriver: this.props.useNativeAnimations ?? true,
+        }).start();
+    };
+    onStateChange = (_from, to) => {
+        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, // TODO: fix this
+                },
+            ]} onStateChange={this.onStateChange}>
+        {this.props.children ? this.props.children : <View />}
+      </GenericTouchable>);
+    }
+}

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

@@ -0,0 +1,14 @@
+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 | undefined;
+} & React.RefAttributes<GenericTouchable>>;
+export default TouchableWithoutFeedback;

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

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableWithoutFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/TouchableWithoutFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAElE;;GAEG;AACH,QAAA,MAAM,wBAAwB;;0CAuB7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/lib/typescript/components/touchables/TouchableWithoutFeedback.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import GenericTouchable from './GenericTouchable';
+/**
+ * @deprecated TouchableWithoutFeedback will be removed in the future version of Gesture Handler. Use Pressable instead.
+ */
+const TouchableWithoutFeedback = React.forwardRef(({ delayLongPress = 600, extraButtonProps = {
+    rippleColor: 'transparent',
+    exclusive: true,
+}, ...rest }, ref) => (<GenericTouchable ref={ref} delayLongPress={delayLongPress} extraButtonProps={extraButtonProps} {...rest}/>));
+export default TouchableWithoutFeedback;

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

@@ -0,0 +1,7 @@
+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/components/touchables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/touchables/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/components/touchables/index.js

@@ -0,0 +1,4 @@
+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/components/utils.d.ts

@@ -0,0 +1,4 @@
+import { BaseGesture, GestureRef } from '../handlers/gestures/gesture';
+export type RelationPropName = 'simultaneousWithExternalGesture' | 'requireExternalGestureToFail' | 'blocksExternalGesture';
+export type RelationPropType = Exclude<GestureRef, number> | Exclude<GestureRef, number>[];
+export declare function applyRelationProp(gesture: BaseGesture<any>, relationPropName: RelationPropName, relationProp: RelationPropType): void;

package/lib/typescript/components/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GACxB,iCAAiC,GACjC,8BAA8B,GAC9B,uBAAuB,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GACxB,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAC3B,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC;AAElC,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,gBAAgB,QAW/B"}

package/lib/typescript/components/utils.js

@@ -0,0 +1,11 @@
+export function applyRelationProp(gesture, relationPropName, relationProp) {
+    if (!relationProp) {
+        return;
+    }
+    if (Array.isArray(relationProp)) {
+        gesture[relationPropName](...relationProp);
+    }
+    else {
+        gesture[relationPropName](relationProp);
+    }
+}

package/lib/typescript/findNodeHandle.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"findNodeHandle.d.ts","sourceRoot":"","sources":["../../src/findNodeHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/lib/typescript/findNodeHandle.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"findNodeHandle.web.d.ts","sourceRoot":"","sources":["../../src/findNodeHandle.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,OAAO,EAAE,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAC7D,WAAW,GAAG,UAAU,GAAG,MAAM,CAkCnC"}

package/lib/typescript/findNodeHandle.web.js

@@ -0,0 +1,31 @@
+import { FlatList } from 'react-native';
+import { isRNSVGElement } from './web/utils';
+export default function findNodeHandle(viewRef) {
+    // TODO: Remove this once we remove old API.
+    if (viewRef instanceof FlatList) {
+        // @ts-ignore This is the only way to get the scroll ref from FlatList.
+        return viewRef._listRef._scrollRef.firstChild;
+    }
+    // Old API assumes that child handler is HTMLElement.
+    // However, if we nest handlers, we will get ref to another handler.
+    // In that case, we want to recursively call findNodeHandle with new handler viewTag (which can also be ref to another handler).
+    if (viewRef?.viewTag !== undefined) {
+        return findNodeHandle(viewRef.viewTag);
+    }
+    if (viewRef instanceof Element) {
+        if (viewRef.style.display === 'contents') {
+            return findNodeHandle(viewRef.firstChild);
+        }
+        return viewRef;
+    }
+    if (isRNSVGElement(viewRef)) {
+        return viewRef.elementRef.current;
+    }
+    // In new API, we receive ref object which `current` field points to  wrapper `div` with `display: contents;`.
+    // We want to return the first descendant (in DFS order) that doesn't have this property.
+    let element = viewRef?.current;
+    while (element && element.style.display === 'contents') {
+        element = element.firstChild;
+    }
+    return element;
+}

package/lib/typescript/getShadowNodeFromRef.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowNodeFromRef.d.ts","sourceRoot":"","sources":["../../src/getShadowNodeFromRef.ts"],"names":[],"mappings":"AASA,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,OAAO,WAwChD"}

package/lib/typescript/getShadowNodeFromRef.js

@@ -0,0 +1,45 @@
+// 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;
+let getInternalInstanceHandleFromPublicInstance;
+export function getShadowNodeFromRef(ref) {
+    // Load findHostInstance_DEPRECATED lazily because it may not be available before render
+    if (findHostInstance_DEPRECATED === undefined) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const ReactFabric = require('react-native/Libraries/Renderer/shims/ReactFabric');
+            // Since RN 0.77 ReactFabric exports findHostInstance_DEPRECATED in default object so we're trying to
+            // access it first, then fallback on named export
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            findHostInstance_DEPRECATED =
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                ReactFabric?.default?.findHostInstance_DEPRECATED ||
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                    ReactFabric?.findHostInstance_DEPRECATED;
+        }
+        catch (e) {
+            findHostInstance_DEPRECATED = (_ref) => null;
+        }
+    }
+    // Load findHostInstance_DEPRECATED lazily because it may not be available before render
+    if (getInternalInstanceHandleFromPublicInstance === undefined) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            getInternalInstanceHandleFromPublicInstance =
+                // eslint-disable-next-line @typescript-eslint/no-var-requires
+                require('react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance')
+                    .getInternalInstanceHandleFromPublicInstance ??
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
+                    ((ref) => ref._internalInstanceHandle);
+        }
+        catch (e) {
+            getInternalInstanceHandleFromPublicInstance = (ref) => 
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
+            ref._internalInstanceHandle;
+        }
+    }
+    // @ts-ignore Fabric
+    return getInternalInstanceHandleFromPublicInstance(findHostInstance_DEPRECATED(ref)).stateNode.node;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowNodeFromRef.web.d.ts","sourceRoot":"","sources":["../../src/getShadowNodeFromRef.web.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,QAE7C"}

package/lib/typescript/getShadowNodeFromRef.web.js

@@ -0,0 +1,7 @@
+// 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) {
+    return null;
+}

package/lib/typescript/ghQueueMicrotask.d.ts

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

package/lib/typescript/ghQueueMicrotask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ghQueueMicrotask.d.ts","sourceRoot":"","sources":["../../src/ghQueueMicrotask.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,uBAKI,CAAC"}

package/lib/typescript/ghQueueMicrotask.js

@@ -0,0 +1,7 @@
+// We check for typeof requestAnimationFrame because of SSR
+// Functions are bound to null to avoid issues with scope when using Metro inline requires.
+export const ghQueueMicrotask = typeof setImmediate === 'function'
+    ? setImmediate.bind(null)
+    : typeof requestAnimationFrame === 'function'
+        ? requestAnimationFrame.bind(null)
+        : queueMicrotask.bind(null);

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

@@ -0,0 +1,38 @@
+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/FlingGestureHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlingGestureHandler.d.ts","sourceRoot":"","sources":["../../../src/handlers/FlingGestureHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,EACL,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAEhC,eAAO,MAAM,wBAAwB,4CAG3B,CAAC;AAEX,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,wBACf,SAAQ,uBAAuB,CAAC,+BAA+B,CAAC,EAC9D,kBAAkB;CAAG;AAEzB,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAE7D;;GAEG;AAEH,eAAO,MAAM,mBAAmB,8FAU9B,CAAC"}