react-native-gesture-handler 2.26.0 → 2.27.1

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

@@ -2,4 +2,3 @@ import { HostComponent } from 'react-native';
 import type { RawButtonProps } from './GestureButtonsProps';
 declare const _default: HostComponent<RawButtonProps>;
 export default _default;
-//# sourceMappingURL=GestureHandlerButton.d.ts.map

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

@@ -2,4 +2,3 @@ import * as React from 'react';
 import { View } from 'react-native';
 declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<View>>;
 export default _default;
-//# sourceMappingURL=GestureHandlerButton.web.d.ts.map

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

@@ -4,4 +4,3 @@ import { ViewProps } from 'react-native';
 export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
 }
 export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;
-//# sourceMappingURL=GestureHandlerRootView.android.d.ts.map

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

@@ -4,4 +4,3 @@ import { ViewProps } from 'react-native';
 export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
 }
 export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;
-//# sourceMappingURL=GestureHandlerRootView.d.ts.map

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

@@ -4,4 +4,3 @@ import { ViewProps } from 'react-native';
 export interface GestureHandlerRootViewProps extends PropsWithChildren<ViewProps> {
 }
 export default function GestureHandlerRootView({ style, ...rest }: GestureHandlerRootViewProps): React.JSX.Element;
-//# sourceMappingURL=GestureHandlerRootView.web.d.ts.map

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

@@ -1,6 +1,4 @@
 import React from 'react';
 import { PressableProps } from './PressableProps';
-import { View } from 'react-native';
-declare const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<View>>;
+declare const Pressable: (props: PressableProps) => React.JSX.Element;
 export default Pressable;
-//# sourceMappingURL=Pressable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAkB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAIL,IAAI,EAGL,MAAM,cAAc,CAAC;AAuBtB,QAAA,MAAM,SAAS,6EA+bd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"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"}

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

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

@@ -1,5 +1,9 @@
-import { AccessibilityProps, ViewProps, Insets, StyleProp, ViewStyle, PressableStateCallbackType as RNPressableStateCallbackType, PressableAndroidRippleConfig as RNPressableAndroidRippleConfig } from 'react-native';
+import { AccessibilityProps, ViewProps, Insets, StyleProp, ViewStyle, PressableStateCallbackType as RNPressableStateCallbackType, PressableAndroidRippleConfig as RNPressableAndroidRippleConfig, View } from 'react-native';
 import { RelationPropType } from '../utils';
+export type PressableDimensions = {
+    width: number;
+    height: number;
+};
 export type PressableStateCallbackType = RNPressableStateCallbackType;
 export type PressableAndroidRippleConfig = RNPressableAndroidRippleConfig;
 export type InnerPressableEvent = {
@@ -42,6 +46,10 @@ export interface PressableProps extends AccessibilityProps, Omit<ViewProps, 'chi
      * Called when a long-tap gesture is detected.
      */
     onLongPress?: null | ((event: PressableEvent) => void);
+    /**
+     * A reference to the pressable element.
+     */
+    ref?: React.RefObject<View>;
     /**
      * Either children or a render prop that receives a boolean reflecting whether
      * the component is currently pressed.
@@ -121,5 +129,10 @@ export interface PressableProps extends AccessibilityProps, Omit<ViewProps, 'chi
      * used with the Pressable's gesture handlers.
      */
     blocksExternalGesture?: RelationPropType;
+    /**
+     * Defines the dimensions of the Pressable after it's been resized.
+     * This property does not affect Pressable's physical appearance.
+     * Required when the Pressable is resized **and** uses pressRetentionOffset.
+     */
+    dimensionsAfterResize?: PressableDimensions;
 }
-//# sourceMappingURL=PressableProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PressableProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/PressableProps.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PressableProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/PressableProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,SAAS,EACT,SAAS,EACT,0BAA0B,IAAI,4BAA4B,EAC1D,4BAA4B,IAAI,8BAA8B,EAC9D,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACtE,MAAM,MAAM,4BAA4B,GAAG,8BAA8B,CAAC;AAE1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,WAAW,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAElE,MAAM,WAAW,cACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAErD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAEtD;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAEnD;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAErD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAEtD;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IAEvD;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAE7D;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAEtC;;;OAGG;IACH,cAAc,CAAC,EAAE,IAAI,GAAG,4BAA4B,CAAC;IAErD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAElC;;;OAGG;IACH,KAAK,CAAC,EACF,SAAS,CAAC,SAAS,CAAC,GACpB,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IAElE;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,+BAA+B,CAAC,EAAE,gBAAgB,CAAC;IAEnD;;;OAGG;IACH,4BAA4B,CAAC,EAAE,gBAAgB,CAAC;IAEhD;;;OAGG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC;IAEzC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;CAC7C"}

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

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

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

@@ -0,0 +1,14 @@
+import { PressableEvent } from './PressableProps';
+interface StateDefinition {
+    eventName: string;
+    callback?: (event: PressableEvent) => void;
+}
+declare class PressableStateMachine {
+    private states;
+    private currentStepIndex;
+    private eventPayload;
+    constructor(steps: StateDefinition[]);
+    reset(): void;
+    handleEvent(eventName: string, eventPayload?: PressableEvent): void;
+}
+export { PressableStateMachine };

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateMachine.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/StateMachine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,UAAU,eAAe;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED,cAAM,qBAAqB;IACzB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,YAAY,CAAwB;gBAEhC,KAAK,EAAE,eAAe,EAAE;IAM7B,KAAK;IAKL,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,cAAc;CAuBpE;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

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

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

@@ -1,3 +1,2 @@
 export type { PressableProps, PressableStateCallbackType, } from './PressableProps';
 export { default } from './Pressable';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import { PressableEvent } from './PressableProps';
+import { PressableStateMachine } from './StateMachine';
+export declare enum StateMachineEvent {
+    NATIVE_BEGIN = "nativeBegin",
+    NATIVE_START = "nativeStart",
+    FINALIZE = "finalize",
+    LONG_PRESS_TOUCHES_DOWN = "longPressTouchesDown"
+}
+export declare function getConfiguredStateMachine(handlePressIn: (event: PressableEvent) => void, handlePressOut: (event: PressableEvent) => void): PressableStateMachine;

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateDefinitions.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/stateDefinitions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,oBAAY,iBAAiB;IAC3B,YAAY,gBAAgB;IAC5B,YAAY,gBAAgB;IAC5B,QAAQ,aAAa;IACrB,uBAAuB,yBAAyB;CACjD;AAmGD,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,EAC9C,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,yBAchD"}

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

@@ -0,0 +1,104 @@
+import { Platform } from 'react-native';
+import { PressableStateMachine } from './StateMachine';
+export var StateMachineEvent;
+(function (StateMachineEvent) {
+    StateMachineEvent["NATIVE_BEGIN"] = "nativeBegin";
+    StateMachineEvent["NATIVE_START"] = "nativeStart";
+    StateMachineEvent["FINALIZE"] = "finalize";
+    StateMachineEvent["LONG_PRESS_TOUCHES_DOWN"] = "longPressTouchesDown";
+})(StateMachineEvent || (StateMachineEvent = {}));
+function getAndroidStateMachine(handlePressIn, handlePressOut) {
+    return new PressableStateMachine([
+        {
+            eventName: StateMachineEvent.NATIVE_BEGIN,
+        },
+        {
+            eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+            callback: handlePressIn,
+        },
+        {
+            eventName: StateMachineEvent.FINALIZE,
+            callback: handlePressOut,
+        },
+    ]);
+}
+function getIosStateMachine(handlePressIn, handlePressOut) {
+    return new PressableStateMachine([
+        {
+            eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+        },
+        {
+            eventName: StateMachineEvent.NATIVE_START,
+            callback: handlePressIn,
+        },
+        {
+            eventName: StateMachineEvent.FINALIZE,
+            callback: handlePressOut,
+        },
+    ]);
+}
+function getWebStateMachine(handlePressIn, handlePressOut) {
+    return new PressableStateMachine([
+        {
+            eventName: StateMachineEvent.NATIVE_BEGIN,
+        },
+        {
+            eventName: StateMachineEvent.NATIVE_START,
+        },
+        {
+            eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+            callback: handlePressIn,
+        },
+        {
+            eventName: StateMachineEvent.FINALIZE,
+            callback: handlePressOut,
+        },
+    ]);
+}
+function getMacosStateMachine(handlePressIn, handlePressOut) {
+    return new PressableStateMachine([
+        {
+            eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+        },
+        {
+            eventName: StateMachineEvent.NATIVE_BEGIN,
+            callback: handlePressIn,
+        },
+        {
+            eventName: StateMachineEvent.NATIVE_START,
+        },
+        {
+            eventName: StateMachineEvent.FINALIZE,
+            callback: handlePressOut,
+        },
+    ]);
+}
+function getUniversalStateMachine(handlePressIn, handlePressOut) {
+    return new PressableStateMachine([
+        {
+            eventName: StateMachineEvent.FINALIZE,
+            callback: (event) => {
+                handlePressIn(event);
+                handlePressOut(event);
+            },
+        },
+    ]);
+}
+export function getConfiguredStateMachine(handlePressIn, handlePressOut) {
+    if (Platform.OS === 'android') {
+        return getAndroidStateMachine(handlePressIn, handlePressOut);
+    }
+    else if (Platform.OS === 'ios') {
+        return getIosStateMachine(handlePressIn, handlePressOut);
+    }
+    else if (Platform.OS === 'web') {
+        return getWebStateMachine(handlePressIn, handlePressOut);
+    }
+    else if (Platform.OS === 'macos') {
+        return getMacosStateMachine(handlePressIn, handlePressOut);
+    }
+    else {
+        // Unknown platform - using minimal universal setup.
+        return getUniversalStateMachine(handlePressIn, handlePressOut);
+    }
+}

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

@@ -1,14 +1,10 @@
 import { Insets } from 'react-native';
 import { HoverGestureHandlerEventPayload, LongPressGestureHandlerEventPayload } from '../../handlers/GestureHandlerEventPayload';
-import { TouchData, GestureStateChangeEvent, GestureTouchEvent } from '../../handlers/gestureHandlerCommon';
-import { PressableEvent } from './PressableProps';
+import { GestureStateChangeEvent, GestureTouchEvent } from '../../handlers/gestureHandlerCommon';
+import { PressableDimensions, InnerPressableEvent, PressableEvent } from './PressableProps';
 declare const numberAsInset: (value: number) => Insets;
 declare const addInsets: (a: Insets, b: Insets) => Insets;
-declare const isTouchWithinInset: (dimensions: {
-    width: number;
-    height: number;
-}, inset: Insets, touch?: TouchData) => boolean;
+declare const isTouchWithinInset: (dimensions: PressableDimensions, inset: Insets, touch?: InnerPressableEvent) => boolean;
 declare const gestureToPressableEvent: (event: GestureStateChangeEvent<HoverGestureHandlerEventPayload | LongPressGestureHandlerEventPayload>) => PressableEvent;
 declare const gestureTouchToPressableEvent: (event: GestureTouchEvent) => PressableEvent;
 export { numberAsInset, addInsets, isTouchWithinInset, gestureToPressableEvent, gestureTouchToPressableEvent, };
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EACL,+BAA+B,EAC/B,mCAAmC,EACpC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAuB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,QAAA,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAKrC,CAAC;AAEH,QAAA,MAAM,SAAS,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAKxC,CAAC;AAoCH,QAAA,MAAM,kBAAkB,GACtB,YAAY;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC7C,OAAO,MAAM,EACb,QAAQ,SAAS,YAKkB,CAAC;AAEtC,QAAA,MAAM,uBAAuB,GAC3B,OAAO,uBAAuB,CAC5B,+BAA+B,GAAG,mCAAmC,CACtE,KACA,cAsBF,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAChC,OAAO,iBAAiB,KACvB,cA2BF,CAAC;AAEF,OAAO,EACL,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EACL,+BAA+B,EAC/B,mCAAmC,EACpC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACf,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAKrC,CAAC;AAEH,QAAA,MAAM,SAAS,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAKxC,CAAC;AAoCH,QAAA,MAAM,kBAAkB,GACtB,YAAY,mBAAmB,EAC/B,OAAO,MAAM,EACb,QAAQ,mBAAmB,YAKgB,CAAC;AAE9C,QAAA,MAAM,uBAAuB,GAC3B,OAAO,uBAAuB,CAC5B,+BAA+B,GAAG,mCAAmC,CACtE,KACA,cAsBF,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAChC,OAAO,iBAAiB,KACvB,cA2BF,CAAC;AAEF,OAAO,EACL,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}