react-native-gesture-handler 2.27.1 → 2.28.0

package/lib/typescript/components/GestureButtons.js

@@ -1,165 +0,0 @@
-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.js

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

package/lib/typescript/components/GestureComponents.js

@@ -1,67 +0,0 @@
-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.js

@@ -1,21 +0,0 @@
-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.js

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

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

@@ -1,3 +0,0 @@
-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.js

@@ -1,17 +0,0 @@
-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.js

@@ -1,16 +0,0 @@
-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.js

@@ -1,11 +0,0 @@
-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.js

@@ -1,231 +0,0 @@
-import React, { useCallback, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { GestureObjects as Gesture } from '../../handlers/gestures/gestureObjects';
-import { GestureDetector } from '../../handlers/gestures/GestureDetector';
-import { Platform, processColor, } from 'react-native';
-import NativeButton from '../GestureHandlerButton';
-import { gestureToPressableEvent, addInsets, numberAsInset, gestureTouchToPressableEvent, isTouchWithinInset, } from './utils';
-import { PressabilityDebugView } from '../../handlers/PressabilityDebugView';
-import { INT32_MAX, isFabric, isTestEnv } from '../../utils';
-import { applyRelationProp, } from '../utils';
-import { getConfiguredStateMachine, StateMachineEvent, } from './stateDefinitions';
-const DEFAULT_LONG_PRESS_DURATION = 500;
-const IS_TEST_ENV = isTestEnv();
-let IS_FABRIC = null;
-const Pressable = (props) => {
-    const { ref, testOnly_pressed, hitSlop, pressRetentionOffset, delayHoverIn, delayHoverOut, delayLongPress, unstable_pressDelay, onHoverIn, onHoverOut, onPress, onPressIn, onPressOut, onLongPress, style, children, android_disableSound, android_ripple, disabled, accessible, simultaneousWithExternalGesture, requireExternalGestureToFail, blocksExternalGesture, dimensionsAfterResize, ...remainingProps } = props;
-    const relationProps = {
-        simultaneousWithExternalGesture,
-        requireExternalGestureToFail,
-        blocksExternalGesture,
-    };
-    // used only if `ref` is undefined
-    const fallbackRef = useRef(null);
-    const [pressedState, setPressedState] = useState(testOnly_pressed ?? false);
-    const longPressTimeoutRef = useRef(null);
-    const pressDelayTimeoutRef = useRef(null);
-    const isOnPressAllowed = useRef(true);
-    const isCurrentlyPressed = useRef(false);
-    const dimensions = useRef({ width: 0, height: 0 });
-    const normalizedHitSlop = useMemo(() => typeof hitSlop === 'number' ? numberAsInset(hitSlop) : (hitSlop ?? {}), [hitSlop]);
-    const normalizedPressRetentionOffset = useMemo(() => typeof pressRetentionOffset === 'number'
-        ? numberAsInset(pressRetentionOffset)
-        : (pressRetentionOffset ?? {}), [pressRetentionOffset]);
-    const appliedHitSlop = addInsets(normalizedHitSlop, normalizedPressRetentionOffset);
-    useLayoutEffect(() => {
-        if (dimensionsAfterResize) {
-            dimensions.current = dimensionsAfterResize;
-        }
-        else {
-            requestAnimationFrame(() => {
-                (ref ?? fallbackRef).current?.measure((_x, _y, width, height) => {
-                    dimensions.current = {
-                        width,
-                        height,
-                    };
-                });
-            });
-        }
-    }, [dimensionsAfterResize, ref]);
-    const cancelLongPress = useCallback(() => {
-        if (longPressTimeoutRef.current) {
-            clearTimeout(longPressTimeoutRef.current);
-            longPressTimeoutRef.current = null;
-            isOnPressAllowed.current = true;
-        }
-    }, []);
-    const cancelDelayedPress = useCallback(() => {
-        if (pressDelayTimeoutRef.current) {
-            clearTimeout(pressDelayTimeoutRef.current);
-            pressDelayTimeoutRef.current = null;
-        }
-    }, []);
-    const startLongPress = useCallback((event) => {
-        if (onLongPress) {
-            cancelLongPress();
-            longPressTimeoutRef.current = setTimeout(() => {
-                isOnPressAllowed.current = false;
-                onLongPress(event);
-            }, delayLongPress ?? DEFAULT_LONG_PRESS_DURATION);
-        }
-    }, [onLongPress, cancelLongPress, delayLongPress]);
-    const innerHandlePressIn = useCallback((event) => {
-        onPressIn?.(event);
-        startLongPress(event);
-        setPressedState(true);
-        if (pressDelayTimeoutRef.current) {
-            clearTimeout(pressDelayTimeoutRef.current);
-            pressDelayTimeoutRef.current = null;
-        }
-    }, [onPressIn, startLongPress]);
-    const handleFinalize = useCallback(() => {
-        isCurrentlyPressed.current = false;
-        cancelLongPress();
-        cancelDelayedPress();
-        setPressedState(false);
-    }, [cancelDelayedPress, cancelLongPress]);
-    const handlePressIn = useCallback((event) => {
-        if (!isTouchWithinInset(dimensions.current, normalizedHitSlop, event.nativeEvent.changedTouches.at(-1))) {
-            // Ignoring pressIn within pressRetentionOffset
-            return;
-        }
-        isCurrentlyPressed.current = true;
-        if (unstable_pressDelay) {
-            pressDelayTimeoutRef.current = setTimeout(() => {
-                innerHandlePressIn(event);
-            }, unstable_pressDelay);
-        }
-        else {
-            innerHandlePressIn(event);
-        }
-    }, [innerHandlePressIn, normalizedHitSlop, unstable_pressDelay]);
-    const handlePressOut = useCallback((event, success = true) => {
-        if (!isCurrentlyPressed.current) {
-            // Some prop configurations may lead to handlePressOut being called mutliple times.
-            return;
-        }
-        isCurrentlyPressed.current = false;
-        if (pressDelayTimeoutRef.current) {
-            innerHandlePressIn(event);
-        }
-        onPressOut?.(event);
-        if (isOnPressAllowed.current && success) {
-            onPress?.(event);
-        }
-        handleFinalize();
-    }, [handleFinalize, innerHandlePressIn, onPress, onPressOut]);
-    const stateMachine = useMemo(() => getConfiguredStateMachine(handlePressIn, handlePressOut), [handlePressIn, handlePressOut]);
-    const hoverInTimeout = useRef(null);
-    const hoverOutTimeout = useRef(null);
-    const hoverGesture = useMemo(() => Gesture.Hover()
-        .manualActivation(true) // Prevents Hover blocking Gesture.Native() on web
-        .cancelsTouchesInView(false)
-        .onBegin((event) => {
-        if (hoverOutTimeout.current) {
-            clearTimeout(hoverOutTimeout.current);
-        }
-        if (delayHoverIn) {
-            hoverInTimeout.current = setTimeout(() => onHoverIn?.(gestureToPressableEvent(event)), delayHoverIn);
-            return;
-        }
-        onHoverIn?.(gestureToPressableEvent(event));
-    })
-        .onFinalize((event) => {
-        if (hoverInTimeout.current) {
-            clearTimeout(hoverInTimeout.current);
-        }
-        if (delayHoverOut) {
-            hoverOutTimeout.current = setTimeout(() => onHoverOut?.(gestureToPressableEvent(event)), delayHoverOut);
-            return;
-        }
-        onHoverOut?.(gestureToPressableEvent(event));
-    }), [delayHoverIn, delayHoverOut, onHoverIn, onHoverOut]);
-    const pressAndTouchGesture = useMemo(() => Gesture.LongPress()
-        .minDuration(INT32_MAX) // Stops long press from blocking Gesture.Native()
-        .maxDistance(INT32_MAX) // Stops long press from cancelling on touch move
-        .cancelsTouchesInView(false)
-        .onTouchesDown((event) => {
-        const pressableEvent = gestureTouchToPressableEvent(event);
-        stateMachine.handleEvent(StateMachineEvent.LONG_PRESS_TOUCHES_DOWN, pressableEvent);
-    })
-        .onTouchesUp(() => {
-        if (Platform.OS === 'android') {
-            // Prevents potential soft-locks
-            stateMachine.reset();
-            handleFinalize();
-        }
-    })
-        .onTouchesCancelled((event) => {
-        const pressableEvent = gestureTouchToPressableEvent(event);
-        stateMachine.reset();
-        handlePressOut(pressableEvent, false);
-    })
-        .onFinalize(() => {
-        if (Platform.OS === 'web') {
-            stateMachine.handleEvent(StateMachineEvent.FINALIZE);
-            handleFinalize();
-        }
-    }), [stateMachine, handleFinalize, handlePressOut]);
-    // RNButton is placed inside ButtonGesture to enable Android's ripple and to capture non-propagating events
-    const buttonGesture = useMemo(() => Gesture.Native()
-        .onTouchesCancelled((event) => {
-        if (Platform.OS !== 'macos' && Platform.OS !== 'web') {
-            // On MacOS cancel occurs in middle of gesture
-            // On Web cancel occurs on mouse move, which is unwanted
-            const pressableEvent = gestureTouchToPressableEvent(event);
-            stateMachine.reset();
-            handlePressOut(pressableEvent, false);
-        }
-    })
-        .onBegin(() => {
-        stateMachine.handleEvent(StateMachineEvent.NATIVE_BEGIN);
-    })
-        .onStart(() => {
-        if (Platform.OS !== 'android') {
-            // Gesture.Native().onStart() is broken with Android + hitSlop
-            stateMachine.handleEvent(StateMachineEvent.NATIVE_START);
-        }
-    })
-        .onFinalize(() => {
-        if (Platform.OS !== 'web') {
-            // On Web we use LongPress().onFinalize() instead of Native().onFinalize(),
-            // as Native cancels on mouse move, and LongPress does not.
-            stateMachine.handleEvent(StateMachineEvent.FINALIZE);
-            handleFinalize();
-        }
-    }), [stateMachine, handlePressOut, handleFinalize]);
-    const isPressableEnabled = disabled !== true;
-    const gestures = [buttonGesture, pressAndTouchGesture, hoverGesture];
-    for (const gesture of gestures) {
-        gesture.enabled(isPressableEnabled);
-        gesture.runOnJS(true);
-        gesture.hitSlop(appliedHitSlop);
-        gesture.shouldCancelWhenOutside(Platform.OS !== 'web');
-        Object.entries(relationProps).forEach(([relationName, relation]) => {
-            applyRelationProp(gesture, relationName, relation);
-        });
-    }
-    const gesture = Gesture.Simultaneous(...gestures);
-    // `cursor: 'pointer'` on `RNButton` crashes iOS
-    const pointerStyle = Platform.OS === 'web' ? { cursor: 'pointer' } : {};
-    const styleProp = typeof style === 'function' ? style({ pressed: pressedState }) : style;
-    const childrenProp = typeof children === 'function'
-        ? children({ pressed: pressedState })
-        : children;
-    const rippleColor = useMemo(() => {
-        if (IS_FABRIC === null) {
-            IS_FABRIC = isFabric();
-        }
-        const defaultRippleColor = android_ripple ? undefined : 'transparent';
-        const unprocessedRippleColor = android_ripple?.color ?? defaultRippleColor;
-        return IS_FABRIC
-            ? unprocessedRippleColor
-            : processColor(unprocessedRippleColor);
-    }, [android_ripple]);
-    return (<GestureDetector gesture={gesture}>
-      <NativeButton {...remainingProps} ref={ref ?? fallbackRef} accessible={accessible !== false} hitSlop={appliedHitSlop} enabled={isPressableEnabled} touchSoundDisabled={android_disableSound ?? undefined} rippleColor={rippleColor} rippleRadius={android_ripple?.radius ?? undefined} style={[pointerStyle, styleProp]} testOnly_onPress={IS_TEST_ENV ? onPress : undefined} testOnly_onPressIn={IS_TEST_ENV ? onPressIn : undefined} testOnly_onPressOut={IS_TEST_ENV ? onPressOut : undefined} testOnly_onLongPress={IS_TEST_ENV ? onLongPress : undefined}>
-        {childrenProp}
-        {__DEV__ ? (<PressabilityDebugView color="red" hitSlop={normalizedHitSlop}/>) : null}
-      </NativeButton>
-    </GestureDetector>);
-};
-export default Pressable;

package/lib/typescript/components/Pressable/PressableProps.js

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

package/lib/typescript/components/Pressable/StateMachine.js

@@ -1,34 +0,0 @@
-class PressableStateMachine {
-    states;
-    currentStepIndex;
-    eventPayload;
-    constructor(steps) {
-        this.states = steps;
-        this.currentStepIndex = 0;
-        this.eventPayload = null;
-    }
-    reset() {
-        this.currentStepIndex = 0;
-        this.eventPayload = null;
-    }
-    handleEvent(eventName, eventPayload) {
-        const step = this.states[this.currentStepIndex];
-        this.eventPayload = eventPayload || this.eventPayload;
-        if (step.eventName !== eventName) {
-            if (this.currentStepIndex > 0) {
-                // retry with position at index 0
-                this.reset();
-                this.handleEvent(eventName, eventPayload);
-            }
-            return;
-        }
-        if (this.eventPayload && step.callback) {
-            step.callback(this.eventPayload);
-        }
-        this.currentStepIndex++;
-        if (this.currentStepIndex === this.states.length) {
-            this.reset();
-        }
-    }
-}
-export { PressableStateMachine };

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

@@ -1 +0,0 @@
-export { default } from './Pressable';