Swipeable

1import { cva, type VariantProps } from "class-variance-authority";
2import {
3  Children,
4  cloneElement,
5  createContext,
6  isValidElement,
7  useCallback,
8  useContext,
9  useEffect,
10  useMemo,
11  useRef,
12} from "react";
13import { Text, useWindowDimensions, View } from "react-native";
14import { Pressable as GestureHandlerPressable } from "react-native-gesture-handler";
15import ReanimatedSwipeable, {
16  type SwipeableProps as ReanimatedSwipeableProps,
17  type SwipeableMethods,
18  SwipeDirection,
19} from "react-native-gesture-handler/ReanimatedSwipeable";
20import Animated, {
21  type SharedValue,
22  useAnimatedReaction,
23  useAnimatedStyle,
24  useSharedValue,
25  withTiming,
26} from "react-native-reanimated";
27import { withUniwind } from "uniwind";
28import { cn } from "@/lib/utils";
29 
30export type { SwipeableMethods } from "react-native-gesture-handler/ReanimatedSwipeable";
31 
32const Pressable = withUniwind(GestureHandlerPressable);
33 
34// Types
35type SwipeableSlot = "content" | "action-group";
36 
37type SwipeableSlotComponent = {
38  slot?: SwipeableSlot;
39};
40 
41export type SwipeableEdge = "leading" | "trailing";
42 
43export type SwipeableListProps = {
44  children: React.ReactNode;
45  /** When true, opening one row closes every other registered row. */
46  exclusive?: boolean;
47};
48 
49export type SwipeableContentProps = {
50  children: React.ReactNode;
51  className?: string;
52  /** Prefer this over a nested RN Pressable — RNGH press cancels on swipe. */
53  onPress?: React.ComponentProps<typeof Pressable>["onPress"];
54  disabled?: boolean;
55};
56 
57export type SwipeableActionGroupProps = {
58  edge: SwipeableEdge;
59  allowsFullSwipe?: boolean;
60  children?: React.ReactNode;
61  className?: string;
62};
63 
64type SwipeableActionVariant = VariantProps<
65  typeof swipeableActionVariants
66>["variant"];
67 
68export type SwipeableActionProps = Omit<
69  React.ComponentProps<typeof Pressable>,
70  "children"
71> &
72  VariantProps<typeof swipeableActionVariants> & {
73    children?: React.ReactNode;
74  };
75 
76type SwipeableActionContextValue = {
77  foregroundOpacity: SharedValue<number>;
78  variant: SwipeableActionVariant;
79};
80 
81type SwipeableExclusiveMember = {
82  close: () => void;
83};
84 
85type SwipeableListContextValue = {
86  join: (member: SwipeableExclusiveMember) => () => void;
87  opened: (member: SwipeableExclusiveMember) => void;
88  closeAll: () => void;
89};
90 
91type ClassNameElement = React.ReactElement<{ className?: string }>;
92 
93type ParsedSwipeableSlots = {
94  content?: React.ReactNode;
95  contentClassName?: string;
96  contentDisabled?: boolean;
97// … truncated