react-native-gesture-handler 2.27.0 → 2.27.1

package/lib/typescript/components/GestureButtons.js

@@ -0,0 +1,165 @@
+import * as React from 'react';
+import { Animated, Platform, processColor, StyleSheet } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import GestureHandlerButton from './GestureHandlerButton';
+import { State } from '../State';
+import { isFabric } from '../utils';
+export const RawButton = createNativeWrapper(GestureHandlerButton, {
+    shouldCancelWhenOutside: false,
+    shouldActivateOnStart: false,
+});
+let IS_FABRIC = null;
+class InnerBaseButton extends React.Component {
+    static defaultProps = {
+        delayLongPress: 600,
+    };
+    lastActive;
+    longPressTimeout;
+    longPressDetected;
+    constructor(props) {
+        super(props);
+        this.lastActive = false;
+        this.longPressDetected = false;
+    }
+    handleEvent = ({ nativeEvent, }) => {
+        const { state, oldState, pointerInside } = nativeEvent;
+        const active = pointerInside && state === State.ACTIVE;
+        if (active !== this.lastActive && this.props.onActiveStateChange) {
+            this.props.onActiveStateChange(active);
+        }
+        if (!this.longPressDetected &&
+            oldState === State.ACTIVE &&
+            state !== State.CANCELLED &&
+            this.lastActive &&
+            this.props.onPress) {
+            this.props.onPress(pointerInside);
+        }
+        if (!this.lastActive &&
+            // NativeViewGestureHandler sends different events based on platform
+            state === (Platform.OS !== 'android' ? State.ACTIVE : State.BEGAN) &&
+            pointerInside) {
+            this.longPressDetected = false;
+            if (this.props.onLongPress) {
+                this.longPressTimeout = setTimeout(this.onLongPress, this.props.delayLongPress);
+            }
+        }
+        else if (
+        // Cancel longpress timeout if it's set and the finger moved out of the view
+        state === State.ACTIVE &&
+            !pointerInside &&
+            this.longPressTimeout !== undefined) {
+            clearTimeout(this.longPressTimeout);
+            this.longPressTimeout = undefined;
+        }
+        else if (
+        // Cancel longpress timeout if it's set and the gesture has finished
+        this.longPressTimeout !== undefined &&
+            (state === State.END ||
+                state === State.CANCELLED ||
+                state === State.FAILED)) {
+            clearTimeout(this.longPressTimeout);
+            this.longPressTimeout = undefined;
+        }
+        this.lastActive = active;
+    };
+    onLongPress = () => {
+        this.longPressDetected = true;
+        this.props.onLongPress?.();
+    };
+    // Normally, the parent would execute it's handler first, then forward the
+    // event to listeners. However, here our handler is virtually only forwarding
+    // events to listeners, so we reverse the order to keep the proper order of
+    // the callbacks (from "raw" ones to "processed").
+    onHandlerStateChange = (e) => {
+        this.props.onHandlerStateChange?.(e);
+        this.handleEvent(e);
+    };
+    onGestureEvent = (e) => {
+        this.props.onGestureEvent?.(e);
+        this.handleEvent(e); // TODO: maybe it is not correct
+    };
+    render() {
+        const { rippleColor: unprocessedRippleColor, style, ...rest } = this.props;
+        if (IS_FABRIC === null) {
+            IS_FABRIC = isFabric();
+        }
+        const rippleColor = IS_FABRIC
+            ? unprocessedRippleColor
+            : processColor(unprocessedRippleColor ?? undefined);
+        return (<RawButton ref={this.props.innerRef} rippleColor={rippleColor} style={[style, Platform.OS === 'ios' && { cursor: undefined }]} {...rest} onGestureEvent={this.onGestureEvent} onHandlerStateChange={this.onHandlerStateChange}/>);
+    }
+}
+const AnimatedInnerBaseButton = Animated.createAnimatedComponent(InnerBaseButton);
+export const BaseButton = React.forwardRef((props, ref) => <InnerBaseButton innerRef={ref} {...props}/>);
+const AnimatedBaseButton = React.forwardRef((props, ref) => <AnimatedInnerBaseButton innerRef={ref} {...props}/>);
+const btnStyles = StyleSheet.create({
+    underlay: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        bottom: 0,
+        top: 0,
+    },
+});
+class InnerRectButton extends React.Component {
+    static defaultProps = {
+        activeOpacity: 0.105,
+        underlayColor: 'black',
+    };
+    opacity;
+    constructor(props) {
+        super(props);
+        this.opacity = new Animated.Value(0);
+    }
+    onActiveStateChange = (active) => {
+        if (Platform.OS !== 'android') {
+            this.opacity.setValue(active ? this.props.activeOpacity : 0);
+        }
+        this.props.onActiveStateChange?.(active);
+    };
+    render() {
+        const { children, style, ...rest } = this.props;
+        const resolvedStyle = StyleSheet.flatten(style) ?? {};
+        return (<BaseButton {...rest} ref={this.props.innerRef} style={resolvedStyle} onActiveStateChange={this.onActiveStateChange}>
+        <Animated.View style={[
+                btnStyles.underlay,
+                {
+                    opacity: this.opacity,
+                    backgroundColor: this.props.underlayColor,
+                    borderRadius: resolvedStyle.borderRadius,
+                    borderTopLeftRadius: resolvedStyle.borderTopLeftRadius,
+                    borderTopRightRadius: resolvedStyle.borderTopRightRadius,
+                    borderBottomLeftRadius: resolvedStyle.borderBottomLeftRadius,
+                    borderBottomRightRadius: resolvedStyle.borderBottomRightRadius,
+                },
+            ]}/>
+        {children}
+      </BaseButton>);
+    }
+}
+export const RectButton = React.forwardRef((props, ref) => <InnerRectButton innerRef={ref} {...props}/>);
+class InnerBorderlessButton extends React.Component {
+    static defaultProps = {
+        activeOpacity: 0.3,
+        borderless: true,
+    };
+    opacity;
+    constructor(props) {
+        super(props);
+        this.opacity = new Animated.Value(1);
+    }
+    onActiveStateChange = (active) => {
+        if (Platform.OS !== 'android') {
+            this.opacity.setValue(active ? this.props.activeOpacity : 1);
+        }
+        this.props.onActiveStateChange?.(active);
+    };
+    render() {
+        const { children, style, innerRef, ...rest } = this.props;
+        return (<AnimatedBaseButton {...rest} innerRef={innerRef} onActiveStateChange={this.onActiveStateChange} style={[style, Platform.OS === 'ios' && { opacity: this.opacity }]}>
+        {children}
+      </AnimatedBaseButton>);
+    }
+}
+export const BorderlessButton = React.forwardRef((props, ref) => <InnerBorderlessButton innerRef={ref} {...props}/>);
+export { default as PureNativeButton } from './GestureHandlerButton';

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

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import { AccessibilityProps, ColorValue, StyleProp, ViewStyle } from 'react-native';
+import type { NativeViewGestureHandlerProps } from '../handlers/NativeViewGestureHandler';
+export interface RawButtonProps extends NativeViewGestureHandlerProps, AccessibilityProps {
+    /**
+     * Defines if more than one button could be pressed simultaneously. By default
+     * set true.
+     */
+    exclusive?: boolean;
+    /**
+     * Android only.
+     *
+     * Defines color of native ripple animation used since API level 21.
+     */
+    rippleColor?: number | ColorValue | null;
+    /**
+     * Android only.
+     *
+     * Defines radius of native ripple animation used since API level 21.
+     */
+    rippleRadius?: number | null;
+    /**
+     * Android only.
+     *
+     * Set this to true if you want the ripple animation to render outside the view bounds.
+     */
+    borderless?: boolean;
+    /**
+     * Android only.
+     *
+     * Defines whether the ripple animation should be drawn on the foreground of the view.
+     */
+    foreground?: boolean;
+    /**
+     * Android only.
+     *
+     * Set this to true if you don't want the system to play sound when the button is pressed.
+     */
+    touchSoundDisabled?: boolean;
+    /**
+     * Style object, use it to set additional styles.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Used for testing-library compatibility, not passed to the native component.
+     */
+    testOnly_onPress?: Function | null;
+    /**
+     * Used for testing-library compatibility, not passed to the native component.
+     */
+    testOnly_onPressIn?: Function | null;
+    /**
+     * Used for testing-library compatibility, not passed to the native component.
+     */
+    testOnly_onPressOut?: Function | null;
+    /**
+     * Used for testing-library compatibility, not passed to the native component.
+     */
+    testOnly_onLongPress?: Function | null;
+}
+interface ButtonWithRefProps {
+    innerRef?: React.ForwardedRef<React.ComponentType<any>>;
+}
+export interface BaseButtonProps extends RawButtonProps {
+    /**
+     * Called when the button gets pressed (analogous to `onPress` in
+     * `TouchableHighlight` from RN core).
+     */
+    onPress?: (pointerInside: boolean) => void;
+    /**
+     * Called when the button gets pressed and is held for `delayLongPress`
+     * milliseconds.
+     */
+    onLongPress?: () => void;
+    /**
+     * Called when button changes from inactive to active and vice versa. It
+     * passes active state as a boolean variable as a first parameter for that
+     * method.
+     */
+    onActiveStateChange?: (active: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    /**
+     * Delay, in milliseconds, after which the `onLongPress` callback gets called.
+     * Defaults to 600.
+     */
+    delayLongPress?: number;
+}
+export interface BaseButtonWithRefProps extends BaseButtonProps, ButtonWithRefProps {
+}
+export interface RectButtonProps extends BaseButtonProps {
+    /**
+     * Background color that will be dimmed when button is in active state.
+     */
+    underlayColor?: string;
+    /**
+     * iOS only.
+     *
+     * Opacity applied to the underlay when button is in active state.
+     */
+    activeOpacity?: number;
+}
+export interface RectButtonWithRefProps extends RectButtonProps, ButtonWithRefProps {
+}
+export interface BorderlessButtonProps extends BaseButtonProps {
+    /**
+     * iOS only.
+     *
+     * Opacity applied to the button when it is in an active state.
+     */
+    activeOpacity?: number;
+}
+export interface BorderlessButtonWithRefProps extends BorderlessButtonProps, ButtonWithRefProps {
+}
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"GestureButtonsProps.d.ts","sourceRoot":"","sources":["../../../src/components/GestureButtonsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;AAE1F,MAAM,WAAW,cACf,SAAQ,6BAA6B,EACnC,kBAAkB;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;IAEzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IAEH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;OAEG;IAEH,kBAAkB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAErC;;OAEG;IAEH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEtC;;OAEG;IAEH,oBAAoB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxC;AACD,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAE3C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,sBACf,SAAQ,eAAe,EACrB,kBAAkB;CAAG;AAEzB,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,sBACf,SAAQ,eAAe,EACrB,kBAAkB;CAAG;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,4BACf,SAAQ,qBAAqB,EAC3B,kBAAkB;CAAG"}

package/lib/typescript/components/GestureButtonsProps.js

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

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { PropsWithChildren, ForwardedRef, RefAttributes, ReactElement } from 'react';
+import { ScrollView as RNScrollView, ScrollViewProps as RNScrollViewProps, Switch as RNSwitch, SwitchProps as RNSwitchProps, TextInput as RNTextInput, TextInputProps as RNTextInputProps, DrawerLayoutAndroid as RNDrawerLayoutAndroid, DrawerLayoutAndroidProps as RNDrawerLayoutAndroidProps, FlatList as RNFlatList, FlatListProps as RNFlatListProps, RefreshControl as RNRefreshControl } from 'react-native';
+import { NativeViewGestureHandlerProps } from '../handlers/NativeViewGestureHandler';
+export declare const RefreshControl: React.ForwardRefExoticComponent<import("react-native").RefreshControlProps & NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export type RefreshControl = typeof RefreshControl & RNRefreshControl;
+declare const GHScrollView: React.ForwardRefExoticComponent<RNScrollViewProps & {
+    children?: React.ReactNode | undefined;
+} & NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export declare const ScrollView: React.ForwardRefExoticComponent<RNScrollViewProps & NativeViewGestureHandlerProps & React.RefAttributes<RNScrollView>>;
+export type ScrollView = typeof GHScrollView & RNScrollView;
+export declare const Switch: React.ForwardRefExoticComponent<RNSwitchProps & NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export type Switch = typeof Switch & RNSwitch;
+export declare const TextInput: React.ForwardRefExoticComponent<RNTextInputProps & NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export type TextInput = typeof TextInput & RNTextInput;
+export declare const DrawerLayoutAndroid: React.ForwardRefExoticComponent<RNDrawerLayoutAndroidProps & {
+    children?: React.ReactNode | undefined;
+} & NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export type DrawerLayoutAndroid = typeof DrawerLayoutAndroid & RNDrawerLayoutAndroid;
+export declare const FlatList: <ItemT = any>(props: PropsWithChildren<Omit<RNFlatListProps<ItemT>, "renderScrollComponent"> & RefAttributes<FlatList<ItemT>> & NativeViewGestureHandlerProps>, ref?: ForwardedRef<FlatList<ItemT>>) => ReactElement | null;
+export type FlatList<ItemT = any> = typeof FlatList & RNFlatList<ItemT>;
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"GestureComponents.d.ts","sourceRoot":"","sources":["../../../src/components/GestureComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,eAAe,IAAI,iBAAiB,EACpC,MAAM,IAAI,QAAQ,EAClB,WAAW,IAAI,aAAa,EAC5B,SAAS,IAAI,WAAW,EACxB,cAAc,IAAI,gBAAgB,EAClC,mBAAmB,IAAI,qBAAqB,EAC5C,wBAAwB,IAAI,0BAA0B,EACtD,QAAQ,IAAI,UAAU,EACtB,aAAa,IAAI,eAAe,EAChC,cAAc,IAAI,gBAAgB,EACnC,MAAM,cAAc,CAAC;AAItB,OAAO,EACL,6BAA6B,EAE9B,MAAM,sCAAsC,CAAC;AAI9C,eAAO,MAAM,cAAc,6JAGzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,GAAG,gBAAgB,CAAC;AAEtE,QAAA,MAAM,YAAY;;kFAMjB,CAAC;AACF,eAAO,MAAM,UAAU,wHAwBrB,CAAC;AAIH,MAAM,MAAM,UAAU,GAAG,OAAO,YAAY,GAAG,YAAY,CAAC;AAE5D,eAAO,MAAM,MAAM,gIAIjB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,GAAG,QAAQ,CAAC;AAE9C,eAAO,MAAM,SAAS,mIAAqD,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,GAAG,WAAW,CAAC;AAEvD,eAAO,MAAM,mBAAmB;;kFAEwB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,GAC1D,qBAAqB,CAAC;AAExB,eAAO,MAAM,QAAQ,EA6Cf,CAAC,KAAK,GAAG,GAAG,EAChB,KAAK,EAAE,iBAAiB,CACtB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC,GACnD,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAC9B,6BAA6B,CAChC,EACD,GAAG,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAChC,YAAY,GAAG,IAAI,CAAC;AAEzB,MAAM,MAAM,QAAQ,CAAC,KAAK,GAAG,GAAG,IAAI,OAAO,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC"}

package/lib/typescript/components/GestureComponents.js

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { ScrollView as RNScrollView, Switch as RNSwitch, TextInput as RNTextInput, DrawerLayoutAndroid as RNDrawerLayoutAndroid, FlatList as RNFlatList, RefreshControl as RNRefreshControl, } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import { nativeViewProps, } from '../handlers/NativeViewGestureHandler';
+import { toArray } from '../utils';
+export const RefreshControl = createNativeWrapper(RNRefreshControl, {
+    disallowInterruption: true,
+    shouldCancelWhenOutside: false,
+});
+const GHScrollView = createNativeWrapper(RNScrollView, {
+    disallowInterruption: true,
+    shouldCancelWhenOutside: false,
+});
+export const ScrollView = React.forwardRef((props, ref) => {
+    const refreshControlGestureRef = React.useRef(null);
+    const { refreshControl, waitFor, ...rest } = props;
+    return (<GHScrollView {...rest} 
+    // @ts-ignore `ref` exists on `GHScrollView`
+    ref={ref} waitFor={[...toArray(waitFor ?? []), refreshControlGestureRef]} 
+    // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+    refreshControl={refreshControl
+            ? React.cloneElement(refreshControl, {
+                // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+                ref: refreshControlGestureRef,
+            })
+            : undefined}/>);
+});
+export const Switch = createNativeWrapper(RNSwitch, {
+    shouldCancelWhenOutside: false,
+    shouldActivateOnStart: true,
+    disallowInterruption: true,
+});
+export const TextInput = createNativeWrapper(RNTextInput);
+export const DrawerLayoutAndroid = createNativeWrapper(RNDrawerLayoutAndroid, { disallowInterruption: true });
+export const FlatList = React.forwardRef((props, ref) => {
+    const refreshControlGestureRef = React.useRef(null);
+    const { waitFor, refreshControl, ...rest } = props;
+    const flatListProps = {};
+    const scrollViewProps = {};
+    for (const [propName, value] of Object.entries(rest)) {
+        // https://github.com/microsoft/TypeScript/issues/26255
+        if (nativeViewProps.includes(propName)) {
+            // @ts-ignore - this function cannot have generic type so we have to ignore this error
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            scrollViewProps[propName] = value;
+        }
+        else {
+            // @ts-ignore - this function cannot have generic type so we have to ignore this error
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            flatListProps[propName] = value;
+        }
+    }
+    return (
+    // @ts-ignore - this function cannot have generic type so we have to ignore this error
+    <RNFlatList ref={ref} {...flatListProps} renderScrollComponent={(scrollProps) => (<ScrollView {...{
+            ...scrollProps,
+            ...scrollViewProps,
+            waitFor: [...toArray(waitFor ?? []), refreshControlGestureRef],
+        }}/>)} 
+    // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+    refreshControl={refreshControl
+            ? React.cloneElement(refreshControl, {
+                // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+                ref: refreshControlGestureRef,
+            })
+            : undefined}/>);
+});

package/lib/typescript/components/GestureComponents.web.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FlatListProps } from 'react-native';
+export declare const ScrollView: React.ForwardRefExoticComponent<import("react-native").ScrollViewProps & import("..").NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export declare const Switch: React.ForwardRefExoticComponent<import("react-native").SwitchProps & import("..").NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export declare const TextInput: React.ForwardRefExoticComponent<import("react-native").TextInputProps & import("..").NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export declare const DrawerLayoutAndroid: () => React.JSX.Element;
+export declare const RefreshControl: React.ForwardRefExoticComponent<import("react-native").ViewProps & import("..").NativeViewGestureHandlerProps & React.RefAttributes<React.ComponentType<any>>>;
+export declare const FlatList: React.ForwardRefExoticComponent<FlatListProps<unknown> & React.RefAttributes<unknown>>;

package/lib/typescript/components/GestureComponents.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureComponents.web.d.ts","sourceRoot":"","sources":["../../../src/components/GestureComponents.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,aAAa,EAEd,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,UAAU,sKAErB,CAAC;AAEH,eAAO,MAAM,MAAM,kKAIjB,CAAC;AACH,eAAO,MAAM,SAAS,qKAAmC,CAAC;AAC1D,eAAO,MAAM,mBAAmB,yBAG/B,CAAC;AAKF,eAAO,MAAM,cAAc,gKAA4B,CAAC;AAExD,eAAO,MAAM,QAAQ,wFAQpB,CAAC"}

package/lib/typescript/components/GestureComponents.web.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { FlatList as RNFlatList, Switch as RNSwitch, TextInput as RNTextInput, ScrollView as RNScrollView, View, } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+export const ScrollView = createNativeWrapper(RNScrollView, {
+    disallowInterruption: false,
+});
+export const Switch = createNativeWrapper(RNSwitch, {
+    shouldCancelWhenOutside: false,
+    shouldActivateOnStart: true,
+    disallowInterruption: true,
+});
+export const TextInput = createNativeWrapper(RNTextInput);
+export const DrawerLayoutAndroid = () => {
+    console.warn('DrawerLayoutAndroid is not supported on web!');
+    return <View />;
+};
+// RefreshControl is implemented as a functional component, rendering a View
+// NativeViewGestureHandler needs to set a ref on its child, which cannot be done
+// on functional components
+export const RefreshControl = createNativeWrapper(View);
+export const FlatList = React.forwardRef((props, ref) => (<RNFlatList ref={ref} {...props} renderScrollComponent={(scrollProps) => <ScrollView {...scrollProps}/>}/>));

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

@@ -0,0 +1,4 @@
+import { HostComponent } from 'react-native';
+import type { RawButtonProps } from './GestureButtonsProps';
+declare const _default: HostComponent<RawButtonProps>;
+export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandlerButton.d.ts","sourceRoot":"","sources":["../../../src/components/GestureHandlerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;wBAGJ,aAAa,CAAC,cAAc,CAAC;AAArF,wBAAsF"}

package/lib/typescript/components/GestureHandlerButton.js

@@ -0,0 +1,2 @@
+import RNGestureHandlerButtonNativeComponent from '../specs/RNGestureHandlerButtonNativeComponent';
+export default RNGestureHandlerButtonNativeComponent;

package/lib/typescript/components/GestureHandlerButton.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { View } from 'react-native';
+declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<View>>;
+export default _default;

package/lib/typescript/components/GestureHandlerButton.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandlerButton.web.d.ts","sourceRoot":"","sources":["../../../src/components/GestureHandlerButton.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;;AAEpC,wBAEE"}

package/lib/typescript/components/GestureHandlerButton.web.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { View } from 'react-native';
+export default React.forwardRef((props, ref) => <View ref={ref} accessibilityRole="button" {...props}/>);

package/lib/typescript/components/GestureHandlerRootView.android.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
+}
+export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;

package/lib/typescript/components/GestureHandlerRootView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandlerRootView.android.d.ts","sourceRoot":"","sources":["../../../src/components/GestureHandlerRootView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAKrD,MAAM,WAAW,2BACf,SAAQ,iBAAiB,CAAC,SAAS,CAAC;CAAG;AAEzC,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAc7B"}

package/lib/typescript/components/GestureHandlerRootView.android.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';
+export default function GestureHandlerRootView({ style, ...rest }) {
+    // Try initialize fabric on the first render, at this point we can
+    // reliably check if fabric is enabled (the function contains a flag
+    // to make sure it's called only once)
+    maybeInitializeFabric();
+    return (<GestureHandlerRootViewContext.Provider value>
+      <GestureHandlerRootViewNativeComponent style={style ?? styles.container} {...rest}/>
+    </GestureHandlerRootViewContext.Provider>);
+}
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+});

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
+}
+export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;

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

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandlerRootView.d.ts","sourceRoot":"","sources":["../../../src/components/GestureHandlerRootView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAc,MAAM,cAAc,CAAC;AAI3D,MAAM,WAAW,2BACf,SAAQ,iBAAiB,CAAC,SAAS,CAAC;CAAG;AAEzC,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAW7B"}

package/lib/typescript/components/GestureHandlerRootView.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+export default function GestureHandlerRootView({ style, ...rest }) {
+    // Try initialize fabric on the first render, at this point we can
+    // reliably check if fabric is enabled (the function contains a flag
+    // to make sure it's called only once)
+    maybeInitializeFabric();
+    return (<GestureHandlerRootViewContext.Provider value>
+      <View style={style ?? styles.container} {...rest}/>
+    </GestureHandlerRootViewContext.Provider>);
+}
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+});

package/lib/typescript/components/GestureHandlerRootView.web.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
+}
+export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;

package/lib/typescript/components/GestureHandlerRootView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandlerRootView.web.d.ts","sourceRoot":"","sources":["../../../src/components/GestureHandlerRootView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAc,MAAM,cAAc,CAAC;AAG3D,MAAM,WAAW,2BACf,SAAQ,iBAAiB,CAAC,SAAS,CAAC;CAAG;AAEzC,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAM7B"}

package/lib/typescript/components/GestureHandlerRootView.web.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+export default function GestureHandlerRootView({ style, ...rest }) {
+    return (<GestureHandlerRootViewContext.Provider value>
+      <View style={style ?? styles.container} {...rest}/>
+    </GestureHandlerRootViewContext.Provider>);
+}
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PressableProps } from './PressableProps';
+declare const Pressable: (props: PressableProps) => React.JSX.Element;
+export default Pressable;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAkC1B,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,sBAkWvC,CAAC;AAEF,eAAe,SAAS,CAAC"}