@amazon-devices/react-native-gesture-handler 4.0.0 → 4.0.2

package/lib/module/components/ReanimatedDrawerLayout.js

@@ -1,352 +0,0 @@
-"use strict";
-
-// This component is based on RN's DrawerLayoutAndroid API
-// It's cross-compatible with all platforms despite
-// `DrawerLayoutAndroid` only being available on android
-
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { StyleSheet, Keyboard, StatusBar, I18nManager, Platform } from 'react-native';
-import Animated, { Extrapolation, interpolate, runOnJS, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';
-import { GestureObjects as Gesture } from '../handlers/gestures/gestureObjects';
-import { GestureDetector } from '../handlers/gestures/GestureDetector';
-import { MouseButton } from '../handlers/gestureHandlerCommon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DRAG_TOSS = 0.05;
-export let DrawerPosition = /*#__PURE__*/function (DrawerPosition) {
-  DrawerPosition[DrawerPosition["LEFT"] = 0] = "LEFT";
-  DrawerPosition[DrawerPosition["RIGHT"] = 1] = "RIGHT";
-  return DrawerPosition;
-}({});
-export let DrawerState = /*#__PURE__*/function (DrawerState) {
-  DrawerState[DrawerState["IDLE"] = 0] = "IDLE";
-  DrawerState[DrawerState["DRAGGING"] = 1] = "DRAGGING";
-  DrawerState[DrawerState["SETTLING"] = 2] = "SETTLING";
-  return DrawerState;
-}({});
-export let DrawerType = /*#__PURE__*/function (DrawerType) {
-  DrawerType[DrawerType["FRONT"] = 0] = "FRONT";
-  DrawerType[DrawerType["BACK"] = 1] = "BACK";
-  DrawerType[DrawerType["SLIDE"] = 2] = "SLIDE";
-  return DrawerType;
-}({});
-export let DrawerLockMode = /*#__PURE__*/function (DrawerLockMode) {
-  DrawerLockMode[DrawerLockMode["UNLOCKED"] = 0] = "UNLOCKED";
-  DrawerLockMode[DrawerLockMode["LOCKED_CLOSED"] = 1] = "LOCKED_CLOSED";
-  DrawerLockMode[DrawerLockMode["LOCKED_OPEN"] = 2] = "LOCKED_OPEN";
-  return DrawerLockMode;
-}({});
-export let DrawerKeyboardDismissMode = /*#__PURE__*/function (DrawerKeyboardDismissMode) {
-  DrawerKeyboardDismissMode[DrawerKeyboardDismissMode["NONE"] = 0] = "NONE";
-  DrawerKeyboardDismissMode[DrawerKeyboardDismissMode["ON_DRAG"] = 1] = "ON_DRAG";
-  return DrawerKeyboardDismissMode;
-}({});
-const defaultProps = {
-  drawerWidth: 200,
-  drawerPosition: DrawerPosition.LEFT,
-  drawerType: DrawerType.FRONT,
-  edgeWidth: 20,
-  minSwipeDistance: 3,
-  overlayColor: 'rgba(0, 0, 0, 0.7)',
-  drawerLockMode: DrawerLockMode.UNLOCKED,
-  enableTrackpadTwoFingerGesture: false,
-  activeCursor: 'auto',
-  mouseButton: MouseButton.LEFT,
-  statusBarAnimation: 'slide'
-};
-
-// StatusBar.setHidden and Keyboard.dismiss cannot be directly referenced in worklets.
-const setStatusBarHidden = StatusBar.setHidden;
-const dismissKeyboard = Keyboard.dismiss;
-const DrawerLayout = /*#__PURE__*/forwardRef(function DrawerLayout(props, ref) {
-  const [containerWidth, setContainerWidth] = useState(0);
-  const [drawerState, setDrawerState] = useState(DrawerState.IDLE);
-  const [drawerOpened, setDrawerOpened] = useState(false);
-  const {
-    drawerPosition = defaultProps.drawerPosition,
-    drawerWidth = defaultProps.drawerWidth,
-    drawerType = defaultProps.drawerType,
-    drawerBackgroundColor,
-    drawerContainerStyle,
-    contentContainerStyle,
-    minSwipeDistance = defaultProps.minSwipeDistance,
-    edgeWidth = defaultProps.edgeWidth,
-    drawerLockMode = defaultProps.drawerLockMode,
-    overlayColor = defaultProps.overlayColor,
-    enableTrackpadTwoFingerGesture = defaultProps.enableTrackpadTwoFingerGesture,
-    activeCursor = defaultProps.activeCursor,
-    mouseButton = defaultProps.mouseButton,
-    statusBarAnimation = defaultProps.statusBarAnimation,
-    hideStatusBar,
-    keyboardDismissMode,
-    userSelect,
-    enableContextMenu,
-    renderNavigationView,
-    onDrawerSlide,
-    onDrawerClose,
-    onDrawerOpen,
-    onDrawerStateChanged,
-    animationSpeed: animationSpeedProp
-  } = props;
-  const isFromLeft = drawerPosition === DrawerPosition.LEFT;
-  const sideCorrection = isFromLeft ? 1 : -1;
-
-  // While closing the drawer when user starts gesture in the greyed out part of the window,
-  // we want the drawer to follow only once the finger reaches the edge of the drawer.
-  // See the diagram for reference. * = starting finger position, < = current finger position
-  // 1) +---------------+ 2) +---------------+ 3) +---------------+ 4) +---------------+
-  //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
-  //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
-  //    |XXXXXXXX|..<*..|    |XXXXXXXX|.<-*..|    |XXXXXXXX|<--*..|    |XXXXX|<-----*..|
-  //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
-  //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
-  //    +---------------+    +---------------+    +---------------+    +---------------+
-
-  const openValue = useSharedValue(0);
-  useDerivedValue(() => {
-    onDrawerSlide && runOnJS(onDrawerSlide)(openValue.value);
-  }, []);
-  const isDrawerOpen = useSharedValue(false);
-  const handleContainerLayout = ({
-    nativeEvent
-  }) => {
-    setContainerWidth(nativeEvent.layout.width);
-  };
-  const emitStateChanged = useCallback((newState, drawerWillShow) => {
-    'worklet';
-
-    onDrawerStateChanged && runOnJS(onDrawerStateChanged)?.(newState, drawerWillShow);
-  }, [onDrawerStateChanged]);
-  const drawerAnimatedProps = useAnimatedProps(() => ({
-    accessibilityViewIsModal: isDrawerOpen.value
-  }));
-  const overlayAnimatedProps = useAnimatedProps(() => ({
-    pointerEvents: isDrawerOpen.value ? 'auto' : 'none'
-  }));
-
-  // While the drawer is hidden, it's hitSlop overflows onto the main view by edgeWidth
-  // This way it can be swiped open even when it's hidden
-  const [edgeHitSlop, setEdgeHitSlop] = useState(isFromLeft ? {
-    left: 0,
-    width: edgeWidth
-  } : {
-    right: 0,
-    width: edgeWidth
-  });
-
-  // gestureOrientation is 1 if the gesture is expected to move from left to right and -1 otherwise
-  const gestureOrientation = useMemo(() => sideCorrection * (drawerOpened ? -1 : 1), [sideCorrection, drawerOpened]);
-  useEffect(() => {
-    setEdgeHitSlop(isFromLeft ? {
-      left: 0,
-      width: edgeWidth
-    } : {
-      right: 0,
-      width: edgeWidth
-    });
-  }, [isFromLeft, edgeWidth]);
-  const animateDrawer = useCallback((toValue, initialVelocity, animationSpeed) => {
-    'worklet';
-
-    const willShow = toValue !== 0;
-    isDrawerOpen.value = willShow;
-    emitStateChanged(DrawerState.SETTLING, willShow);
-    runOnJS(setDrawerState)(DrawerState.SETTLING);
-    if (hideStatusBar) {
-      runOnJS(setStatusBarHidden)(willShow, statusBarAnimation);
-    }
-    const normalizedToValue = interpolate(toValue, [0, drawerWidth], [0, 1], Extrapolation.CLAMP);
-    const normalizedInitialVelocity = interpolate(initialVelocity, [0, drawerWidth], [0, 1], Extrapolation.CLAMP);
-    openValue.value = withSpring(normalizedToValue, {
-      overshootClamping: true,
-      velocity: normalizedInitialVelocity,
-      mass: animationSpeed ? 1 / animationSpeed : 1 / (animationSpeedProp ?? 1),
-      damping: 40,
-      stiffness: 500
-    }, finished => {
-      if (finished) {
-        emitStateChanged(DrawerState.IDLE, willShow);
-        runOnJS(setDrawerOpened)(willShow);
-        runOnJS(setDrawerState)(DrawerState.IDLE);
-        if (willShow) {
-          onDrawerOpen && runOnJS(onDrawerOpen)?.();
-        } else {
-          onDrawerClose && runOnJS(onDrawerClose)?.();
-        }
-      }
-    });
-  }, [openValue, emitStateChanged, isDrawerOpen, hideStatusBar, onDrawerClose, onDrawerOpen, drawerWidth, statusBarAnimation]);
-  const handleRelease = useCallback(event => {
-    'worklet';
-
-    let {
-      translationX: dragX,
-      velocityX,
-      x: touchX
-    } = event;
-    if (drawerPosition !== DrawerPosition.LEFT) {
-      // See description in _updateAnimatedEvent about why events are flipped
-      // for right-side drawer
-      dragX = -dragX;
-      touchX = containerWidth - touchX;
-      velocityX = -velocityX;
-    }
-    const gestureStartX = touchX - dragX;
-    let dragOffsetBasedOnStart = 0;
-    if (drawerType === DrawerType.FRONT) {
-      dragOffsetBasedOnStart = gestureStartX > drawerWidth ? gestureStartX - drawerWidth : 0;
-    }
-    const startOffsetX = dragX + dragOffsetBasedOnStart + (isDrawerOpen.value ? drawerWidth : 0);
-    const projOffsetX = startOffsetX + DRAG_TOSS * velocityX;
-    const shouldOpen = projOffsetX > drawerWidth / 2;
-    if (shouldOpen) {
-      animateDrawer(drawerWidth, velocityX);
-    } else {
-      animateDrawer(0, velocityX);
-    }
-  }, [animateDrawer, containerWidth, drawerPosition, drawerType, drawerWidth, isDrawerOpen]);
-  const openDrawer = useCallback((options = {}) => {
-    'worklet';
-
-    animateDrawer(drawerWidth, options.initialVelocity ?? 0, options.animationSpeed);
-  }, [animateDrawer, drawerWidth]);
-  const closeDrawer = useCallback((options = {}) => {
-    'worklet';
-
-    animateDrawer(0, options.initialVelocity ?? 0, options.animationSpeed);
-  }, [animateDrawer]);
-  const overlayDismissGesture = useMemo(() => Gesture.Tap().maxDistance(25).onEnd(() => {
-    if (isDrawerOpen.value && drawerLockMode !== DrawerLockMode.LOCKED_OPEN) {
-      closeDrawer();
-    }
-  }), [closeDrawer, isDrawerOpen, drawerLockMode]);
-  const overlayAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: openValue.value,
-    backgroundColor: overlayColor
-  }));
-  const fillHitSlop = useMemo(() => isFromLeft ? {
-    left: drawerWidth
-  } : {
-    right: drawerWidth
-  }, [drawerWidth, isFromLeft]);
-  const panGesture = useMemo(() => {
-    return Gesture.Pan().activeCursor(activeCursor).mouseButton(mouseButton).hitSlop(drawerOpened ? fillHitSlop : edgeHitSlop).minDistance(drawerOpened ? 100 : 0).activeOffsetX(gestureOrientation * minSwipeDistance).failOffsetY([-15, 15]).simultaneousWithExternalGesture(overlayDismissGesture).enableTrackpadTwoFingerGesture(enableTrackpadTwoFingerGesture).enabled(drawerState !== DrawerState.SETTLING && (drawerOpened ? drawerLockMode !== DrawerLockMode.LOCKED_OPEN : drawerLockMode !== DrawerLockMode.LOCKED_CLOSED)).onStart(() => {
-      emitStateChanged(DrawerState.DRAGGING, false);
-      runOnJS(setDrawerState)(DrawerState.DRAGGING);
-      if (keyboardDismissMode === DrawerKeyboardDismissMode.ON_DRAG) {
-        runOnJS(dismissKeyboard)();
-      }
-      if (hideStatusBar) {
-        runOnJS(setStatusBarHidden)(true, statusBarAnimation);
-      }
-    }).onUpdate(event => {
-      const startedOutsideTranslation = isFromLeft ? interpolate(event.x, [0, drawerWidth, drawerWidth + 1], [0, drawerWidth, drawerWidth]) : interpolate(event.x - containerWidth, [-drawerWidth - 1, -drawerWidth, 0], [drawerWidth, drawerWidth, 0]);
-      const startedInsideTranslation = sideCorrection * (event.translationX + (drawerOpened ? drawerWidth * -gestureOrientation : 0));
-      const adjustedTranslation = Math.max(drawerOpened ? startedOutsideTranslation : 0, startedInsideTranslation);
-      openValue.value = interpolate(adjustedTranslation, [-drawerWidth, 0, drawerWidth], [1, 0, 1], Extrapolation.CLAMP);
-    }).onEnd(handleRelease);
-  }, [drawerLockMode, openValue, drawerWidth, emitStateChanged, gestureOrientation, handleRelease, edgeHitSlop, fillHitSlop, minSwipeDistance, hideStatusBar, keyboardDismissMode, overlayDismissGesture, drawerOpened, isFromLeft, containerWidth, sideCorrection, drawerState, activeCursor, enableTrackpadTwoFingerGesture, mouseButton, statusBarAnimation]);
-
-  // When using RTL, row and row-reverse flex directions are flipped.
-  const reverseContentDirection = I18nManager.isRTL ? isFromLeft : !isFromLeft;
-  const dynamicDrawerStyles = {
-    backgroundColor: drawerBackgroundColor,
-    width: drawerWidth
-  };
-  const containerStyles = useAnimatedStyle(() => {
-    if (drawerType === DrawerType.FRONT) {
-      return {};
-    }
-    return {
-      transform: [{
-        translateX: interpolate(openValue.value, [0, 1], [0, drawerWidth * sideCorrection], Extrapolation.CLAMP)
-      }]
-    };
-  });
-  const drawerAnimatedStyle = useAnimatedStyle(() => {
-    const closedDrawerOffset = drawerWidth * -sideCorrection;
-    const isBack = drawerType === DrawerType.BACK;
-    const isIdle = drawerState === DrawerState.IDLE;
-    if (isBack) {
-      return {
-        transform: [{
-          translateX: 0
-        }],
-        flexDirection: reverseContentDirection ? 'row-reverse' : 'row'
-      };
-    }
-    let translateX = 0;
-    if (isIdle) {
-      translateX = drawerOpened ? 0 : closedDrawerOffset;
-    } else {
-      translateX = interpolate(openValue.value, [0, 1], [closedDrawerOffset, 0], Extrapolation.CLAMP);
-    }
-    return {
-      transform: [{
-        translateX
-      }],
-      flexDirection: reverseContentDirection ? 'row-reverse' : 'row'
-    };
-  });
-  const containerAnimatedProps = useAnimatedProps(() => ({
-    importantForAccessibility: Platform.OS === 'android' ? isDrawerOpen.value ? 'no-hide-descendants' : 'yes' : undefined
-  }));
-  const children = typeof props.children === 'function' ? props.children(openValue) // renderer function
-  : props.children;
-  useImperativeHandle(ref, () => ({
-    openDrawer,
-    closeDrawer
-  }), [openDrawer, closeDrawer]);
-  return /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    userSelect: userSelect,
-    enableContextMenu: enableContextMenu,
-    children: /*#__PURE__*/_jsxs(Animated.View, {
-      style: styles.main,
-      onLayout: handleContainerLayout,
-      children: [/*#__PURE__*/_jsx(GestureDetector, {
-        gesture: overlayDismissGesture,
-        children: /*#__PURE__*/_jsxs(Animated.View, {
-          style: [drawerType === DrawerType.FRONT ? styles.containerOnBack : styles.containerInFront, containerStyles, contentContainerStyle],
-          animatedProps: containerAnimatedProps,
-          children: [children, /*#__PURE__*/_jsx(Animated.View, {
-            animatedProps: overlayAnimatedProps,
-            style: [styles.overlay, overlayAnimatedStyle]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(Animated.View, {
-        pointerEvents: "box-none",
-        animatedProps: drawerAnimatedProps,
-        style: [styles.drawerContainer, drawerAnimatedStyle, drawerContainerStyle],
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          style: dynamicDrawerStyles,
-          children: renderNavigationView(openValue)
-        })
-      })]
-    })
-  });
-});
-export default DrawerLayout;
-const styles = StyleSheet.create({
-  drawerContainer: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: 1001,
-    flexDirection: 'row'
-  },
-  containerInFront: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: 1002
-  },
-  containerOnBack: {
-    ...StyleSheet.absoluteFillObject
-  },
-  main: {
-    flex: 1,
-    zIndex: 0,
-    overflow: 'hidden'
-  },
-  overlay: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: 1000
-  }
-});
-//# sourceMappingURL=ReanimatedDrawerLayout.js.map

package/lib/module/components/ReanimatedSwipeable/ReanimatedSwipeable.js

@@ -1,332 +0,0 @@
-"use strict";
-
-import { useMemo, useCallback, useImperativeHandle } from 'react';
-import { View, I18nManager, StyleSheet } from 'react-native';
-import Animated, { useSharedValue, interpolate, runOnJS, ReduceMotion, withSpring, useAnimatedRef, measure, runOnUI, useAnimatedStyle } from 'react-native-reanimated';
-import { SwipeDirection } from './ReanimatedSwipeableProps';
-import { Gesture } from '../..';
-import { GestureDetector } from '../../handlers/gestures/GestureDetector';
-import { applyRelationProp } from '../utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DRAG_TOSS = 0.05;
-const DEFAULT_FRICTION = 1;
-const DEFAULT_OVERSHOOT_FRICTION = 1;
-const DEFAULT_DRAG_OFFSET = 10;
-const DEFAULT_ENABLE_TRACKING_TWO_FINGER_GESTURE = false;
-const Swipeable = props => {
-  const {
-    ref,
-    leftThreshold,
-    rightThreshold,
-    enabled,
-    containerStyle,
-    childrenContainerStyle,
-    animationOptions,
-    overshootLeft,
-    overshootRight,
-    testID,
-    children,
-    enableTrackpadTwoFingerGesture = DEFAULT_ENABLE_TRACKING_TWO_FINGER_GESTURE,
-    dragOffsetFromLeftEdge = DEFAULT_DRAG_OFFSET,
-    dragOffsetFromRightEdge = DEFAULT_DRAG_OFFSET,
-    friction = DEFAULT_FRICTION,
-    overshootFriction = DEFAULT_OVERSHOOT_FRICTION,
-    onSwipeableOpenStartDrag,
-    onSwipeableCloseStartDrag,
-    onSwipeableWillOpen,
-    onSwipeableWillClose,
-    onSwipeableOpen,
-    onSwipeableClose,
-    renderLeftActions,
-    renderRightActions,
-    simultaneousWithExternalGesture,
-    requireExternalGestureToFail,
-    blocksExternalGesture,
-    hitSlop,
-    ...remainingProps
-  } = props;
-  const relationProps = useMemo(() => ({
-    simultaneousWithExternalGesture,
-    requireExternalGestureToFail,
-    blocksExternalGesture
-  }), [blocksExternalGesture, requireExternalGestureToFail, simultaneousWithExternalGesture]);
-  const rowState = useSharedValue(0);
-  const userDrag = useSharedValue(0);
-  const appliedTranslation = useSharedValue(0);
-  const rowWidth = useSharedValue(0);
-  const leftWidth = useSharedValue(0);
-  const rightWidth = useSharedValue(0);
-  const showLeftProgress = useSharedValue(0);
-  const showRightProgress = useSharedValue(0);
-  const updateAnimatedEvent = useCallback(() => {
-    'worklet';
-
-    const shouldOvershootLeft = overshootLeft ?? leftWidth.value > 0;
-    const shouldOvershootRight = overshootRight ?? rightWidth.value > 0;
-    const startOffset = rowState.value === 1 ? leftWidth.value : rowState.value === -1 ? -rightWidth.value : 0;
-    const offsetDrag = userDrag.value / friction + startOffset;
-    appliedTranslation.value = interpolate(offsetDrag, [-rightWidth.value - 1, -rightWidth.value, leftWidth.value, leftWidth.value + 1], [-rightWidth.value - (shouldOvershootRight ? 1 / overshootFriction : 0), -rightWidth.value, leftWidth.value, leftWidth.value + (shouldOvershootLeft ? 1 / overshootFriction : 0)]);
-    showLeftProgress.value = leftWidth.value > 0 ? interpolate(appliedTranslation.value, [-1, 0, leftWidth.value], [0, 0, 1]) : 0;
-    showRightProgress.value = rightWidth.value > 0 ? interpolate(appliedTranslation.value, [-rightWidth.value, 0, 1], [1, 0, 0]) : 0;
-  }, [appliedTranslation, friction, leftWidth, overshootFriction, rightWidth, rowState, showLeftProgress, showRightProgress, userDrag, overshootLeft, overshootRight]);
-  const dispatchImmediateEvents = useCallback((fromValue, toValue) => {
-    'worklet';
-
-    if (onSwipeableWillOpen && toValue !== 0) {
-      runOnJS(onSwipeableWillOpen)(toValue > 0 ? SwipeDirection.RIGHT : SwipeDirection.LEFT);
-    }
-    if (onSwipeableWillClose && toValue === 0) {
-      runOnJS(onSwipeableWillClose)(fromValue > 0 ? SwipeDirection.LEFT : SwipeDirection.RIGHT);
-    }
-  }, [onSwipeableWillClose, onSwipeableWillOpen]);
-  const dispatchEndEvents = useCallback((fromValue, toValue) => {
-    'worklet';
-
-    if (onSwipeableOpen && toValue !== 0) {
-      runOnJS(onSwipeableOpen)(toValue > 0 ? SwipeDirection.RIGHT : SwipeDirection.LEFT);
-    }
-    if (onSwipeableClose && toValue === 0) {
-      runOnJS(onSwipeableClose)(fromValue > 0 ? SwipeDirection.LEFT : SwipeDirection.RIGHT);
-    }
-  }, [onSwipeableClose, onSwipeableOpen]);
-  const animateRow = useCallback((toValue, velocityX) => {
-    'worklet';
-
-    const translationSpringConfig = {
-      mass: 2,
-      damping: 1000,
-      stiffness: 700,
-      velocity: velocityX,
-      overshootClamping: true,
-      reduceMotion: ReduceMotion.System,
-      ...animationOptions
-    };
-    const isClosing = toValue === 0;
-    const moveToRight = isClosing ? rowState.value < 0 : toValue > 0;
-    const usedWidth = isClosing ? moveToRight ? rightWidth.value : leftWidth.value : moveToRight ? leftWidth.value : rightWidth.value;
-    const progressSpringConfig = {
-      ...translationSpringConfig,
-      restDisplacementThreshold: 0.01,
-      restSpeedThreshold: 0.01,
-      velocity: velocityX && interpolate(velocityX, [-usedWidth, usedWidth], [-1, 1])
-    };
-    const frozenRowState = rowState.value;
-    appliedTranslation.value = withSpring(toValue, translationSpringConfig, isFinished => {
-      if (isFinished) {
-        dispatchEndEvents(frozenRowState, toValue);
-      }
-    });
-    const progressTarget = toValue === 0 ? 0 : 1 * Math.sign(toValue);
-    showLeftProgress.value = withSpring(Math.max(progressTarget, 0), progressSpringConfig);
-    showRightProgress.value = withSpring(Math.max(-progressTarget, 0), progressSpringConfig);
-    dispatchImmediateEvents(frozenRowState, toValue);
-    rowState.value = Math.sign(toValue);
-  }, [rowState, animationOptions, appliedTranslation, showLeftProgress, leftWidth, showRightProgress, rightWidth, dispatchImmediateEvents, dispatchEndEvents]);
-  const leftLayoutRef = useAnimatedRef();
-  const leftWrapperLayoutRef = useAnimatedRef();
-  const rightLayoutRef = useAnimatedRef();
-  const updateElementWidths = useCallback(() => {
-    'worklet';
-
-    const leftLayout = measure(leftLayoutRef);
-    const leftWrapperLayout = measure(leftWrapperLayoutRef);
-    const rightLayout = measure(rightLayoutRef);
-    leftWidth.value = (leftLayout?.pageX ?? 0) - (leftWrapperLayout?.pageX ?? 0);
-    rightWidth.value = rowWidth.value - (rightLayout?.pageX ?? rowWidth.value) + (leftWrapperLayout?.pageX ?? 0);
-  }, [leftLayoutRef, leftWrapperLayoutRef, rightLayoutRef, leftWidth, rightWidth, rowWidth]);
-  const swipeableMethods = useMemo(() => ({
-    close() {
-      'worklet';
-
-      if (_WORKLET) {
-        animateRow(0);
-        return;
-      }
-      runOnUI(() => {
-        animateRow(0);
-      })();
-    },
-    openLeft() {
-      'worklet';
-
-      if (_WORKLET) {
-        updateElementWidths();
-        animateRow(leftWidth.value);
-        return;
-      }
-      runOnUI(() => {
-        updateElementWidths();
-        animateRow(leftWidth.value);
-      })();
-    },
-    openRight() {
-      'worklet';
-
-      if (_WORKLET) {
-        updateElementWidths();
-        animateRow(-rightWidth.value);
-        return;
-      }
-      runOnUI(() => {
-        updateElementWidths();
-        animateRow(-rightWidth.value);
-      })();
-    },
-    reset() {
-      'worklet';
-
-      userDrag.value = 0;
-      showLeftProgress.value = 0;
-      appliedTranslation.value = 0;
-      rowState.value = 0;
-    }
-  }), [animateRow, updateElementWidths, leftWidth, rightWidth, userDrag, showLeftProgress, appliedTranslation, rowState]);
-  const onRowLayout = useCallback(({
-    nativeEvent
-  }) => {
-    rowWidth.value = nativeEvent.layout.width;
-  }, [rowWidth]);
-
-  // As stated in `Dimensions.get` docstring, this function should be called on every render
-  // since dimensions may change (e.g. orientation change)
-
-  const leftActionAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: showLeftProgress.value === 0 ? 0 : 1
-    };
-  });
-  const leftElement = useCallback(() => /*#__PURE__*/_jsxs(Animated.View, {
-    ref: leftWrapperLayoutRef,
-    style: [styles.leftActions, leftActionAnimation],
-    children: [renderLeftActions?.(showLeftProgress, appliedTranslation, swipeableMethods), /*#__PURE__*/_jsx(Animated.View, {
-      ref: leftLayoutRef
-    })]
-  }), [appliedTranslation, leftActionAnimation, leftLayoutRef, leftWrapperLayoutRef, renderLeftActions, showLeftProgress, swipeableMethods]);
-  const rightActionAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: showRightProgress.value === 0 ? 0 : 1
-    };
-  });
-  const rightElement = useCallback(() => /*#__PURE__*/_jsxs(Animated.View, {
-    style: [styles.rightActions, rightActionAnimation],
-    children: [renderRightActions?.(showRightProgress, appliedTranslation, swipeableMethods), /*#__PURE__*/_jsx(Animated.View, {
-      ref: rightLayoutRef
-    })]
-  }), [appliedTranslation, renderRightActions, rightActionAnimation, rightLayoutRef, showRightProgress, swipeableMethods]);
-  const handleRelease = useCallback(event => {
-    'worklet';
-
-    const {
-      velocityX
-    } = event;
-    userDrag.value = event.translationX;
-    const leftThresholdProp = leftThreshold ?? leftWidth.value / 2;
-    const rightThresholdProp = rightThreshold ?? rightWidth.value / 2;
-    const translationX = (userDrag.value + DRAG_TOSS * velocityX) / friction;
-    let toValue = 0;
-    if (rowState.value === 0) {
-      if (translationX > leftThresholdProp) {
-        toValue = leftWidth.value;
-      } else if (translationX < -rightThresholdProp) {
-        toValue = -rightWidth.value;
-      }
-    } else if (rowState.value === 1) {
-      // Swiped to left
-      if (translationX > -leftThresholdProp) {
-        toValue = leftWidth.value;
-      }
-    } else {
-      // Swiped to right
-      if (translationX < rightThresholdProp) {
-        toValue = -rightWidth.value;
-      }
-    }
-    animateRow(toValue, velocityX / friction);
-  }, [animateRow, friction, leftThreshold, leftWidth, rightThreshold, rightWidth, rowState, userDrag]);
-  const close = useCallback(() => {
-    'worklet';
-
-    animateRow(0);
-  }, [animateRow]);
-  const dragStarted = useSharedValue(false);
-  const tapGesture = useMemo(() => {
-    const tap = Gesture.Tap().shouldCancelWhenOutside(true).onStart(() => {
-      if (rowState.value !== 0) {
-        close();
-      }
-    });
-    Object.entries(relationProps).forEach(([relationName, relation]) => {
-      applyRelationProp(tap, relationName, relation);
-    });
-    return tap;
-  }, [close, relationProps, rowState]);
-  const panGesture = useMemo(() => {
-    const pan = Gesture.Pan().enabled(enabled !== false).enableTrackpadTwoFingerGesture(enableTrackpadTwoFingerGesture).activeOffsetX([-dragOffsetFromRightEdge, dragOffsetFromLeftEdge]).onStart(updateElementWidths).onUpdate(event => {
-      userDrag.value = event.translationX;
-      const direction = rowState.value === -1 ? SwipeDirection.RIGHT : rowState.value === 1 ? SwipeDirection.LEFT : event.translationX > 0 ? SwipeDirection.RIGHT : SwipeDirection.LEFT;
-      if (!dragStarted.value) {
-        dragStarted.value = true;
-        if (rowState.value === 0 && onSwipeableOpenStartDrag) {
-          runOnJS(onSwipeableOpenStartDrag)(direction);
-        } else if (onSwipeableCloseStartDrag) {
-          runOnJS(onSwipeableCloseStartDrag)(direction);
-        }
-      }
-      updateAnimatedEvent();
-    }).onEnd(event => {
-      handleRelease(event);
-    }).onFinalize(() => {
-      dragStarted.value = false;
-    });
-    Object.entries(relationProps).forEach(([relationName, relation]) => {
-      applyRelationProp(pan, relationName, relation);
-    });
-    return pan;
-  }, [enabled, enableTrackpadTwoFingerGesture, dragOffsetFromRightEdge, dragOffsetFromLeftEdge, updateElementWidths, relationProps, userDrag, rowState, dragStarted, updateAnimatedEvent, onSwipeableOpenStartDrag, onSwipeableCloseStartDrag, handleRelease]);
-  useImperativeHandle(ref, () => swipeableMethods, [swipeableMethods]);
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: appliedTranslation.value
-    }],
-    pointerEvents: rowState.value === 0 ? 'auto' : 'box-only'
-  }), [appliedTranslation, rowState]);
-  const swipeableComponent = /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    touchAction: "pan-y",
-    children: /*#__PURE__*/_jsxs(Animated.View, {
-      ...remainingProps,
-      onLayout: onRowLayout,
-      hitSlop: hitSlop ?? undefined,
-      style: [styles.container, containerStyle],
-      children: [leftElement(), rightElement(), /*#__PURE__*/_jsx(GestureDetector, {
-        gesture: tapGesture,
-        touchAction: "pan-y",
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          style: [animatedStyle, childrenContainerStyle],
-          children: children
-        })
-      })]
-    })
-  });
-  return testID ? /*#__PURE__*/_jsx(View, {
-    testID: testID,
-    children: swipeableComponent
-  }) : swipeableComponent;
-};
-export default Swipeable;
-const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  },
-  leftActions: {
-    ...StyleSheet.absoluteFillObject,
-    flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row',
-    overflow: 'hidden'
-  },
-  rightActions: {
-    ...StyleSheet.absoluteFillObject,
-    flexDirection: I18nManager.isRTL ? 'row' : 'row-reverse',
-    overflow: 'hidden'
-  }
-});
-//# sourceMappingURL=ReanimatedSwipeable.js.map

package/lib/module/components/ReanimatedSwipeable/ReanimatedSwipeableProps.js

@@ -1,8 +0,0 @@
-"use strict";
-
-export let SwipeDirection = /*#__PURE__*/function (SwipeDirection) {
-  SwipeDirection["LEFT"] = "left";
-  SwipeDirection["RIGHT"] = "right";
-  return SwipeDirection;
-}({});
-//# sourceMappingURL=ReanimatedSwipeableProps.js.map