Нажатие — это автомат, а не onClick

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
const { Text, Pressable } = ReactNative;

function SaveButton() {
  return (
    <Pressable
      testID="save"
      onPressIn={() => console.log("onPressIn")}
      onPressOut={() => console.log("onPressOut")}
      onPress={() => console.log("onPress")}
    >
      {({ pressed }) => {
        console.log("отрисовка, pressed:", pressed);
        return <Text>Записать</Text>;
      }}
    </Pressable>
  );
}

mount(<SaveButton />);
setTimeout(() => { console.log("— fireEvent.press"); fireEvent.press("save"); }, 50);
setTimeout(() => { console.log("— палец коснулся"); finger.down("save"); }, 100);
setTimeout(() => { console.log("— палец отпустил"); finger.up(); }, 300);

type PressState = "idle" | "waiting" | "pressed" | "out" | "long";
type Signal = "grant" | "delay" | "leave" | "enter" | "long" | "release" | "terminate";
interface PressHandlers { onPressIn?(): void; onPressOut?(): void; onPress?(): void; onLongPress?(): void }

// чего нет в строке состояния, того этому состоянию не положено: сигнал пропускаем
const transitions: Record<PressState, Partial<Record<Signal, PressState>>> = {
  idle: { grant: "waiting" },
  waiting: { delay: "pressed", leave: "out", release: "idle", terminate: "idle" },
  pressed: { leave: "out", long: "long", release: "idle", terminate: "idle" },
  out: { enter: "pressed", release: "idle", terminate: "idle" },
  long: { release: "idle", terminate: "idle" },
};
// «активные» — те, где кнопка подсвечена: по их смене зовём onPressIn и onPressOut
const active = (s: PressState) => s === "pressed" || s === "long";

function createPressMachine() {
  let state: PressState = "idle";
  let h: PressHandlers = {};
  return {
    configure(handlers: PressHandlers) { h = handlers; },
    send(signal: Signal) {
      const prev = state;
      const next = transitions[prev][signal];
      if (next === undefined) return;
      state = next;
      if (!active(prev) && active(next)) h.onPressIn?.();
      if (active(prev) && !active(next)) h.onPressOut?.();
      if (signal === "long") h.onLongPress?.();
      if (signal === "release" && prev !== "out") {
        // отпустили раньше конца задержки: подсветить и сразу погасить, как Pressability
        if (prev === "waiting") { h.onPressIn?.(); h.onPressOut?.(); }
        // после долгого нажатия обычное не зовём — если долгое кто-то слушает
        if (!(prev === "long" && h.onLongPress)) h.onPress?.();
      }
    },
  };
}

const stories: Record<string, Signal[]> = {
  "тап": ["grant", "delay", "release"],
  "быстрый тап": ["grant", "release"],
  "уехал": ["grant", "delay", "leave", "release"],
  "уехал и вернулся": ["grant", "delay", "leave", "enter", "release"],
  "держал": ["grant", "delay", "long", "release"],
  "список поехал": ["grant", "delay", "terminate"],
};
for (const [name, signals] of Object.entries(stories)) {
  const calls: string[] = [];
  const machine = createPressMachine();
  machine.configure({
    onPressIn: () => calls.push("in"),
    onPressOut: () => calls.push("out"),
    onPress: () => calls.push("PRESS"),
    onLongPress: () => calls.push("LONG"),
  });
  signals.forEach((signal) => machine.send(signal));
  console.log(name + ":", calls.join(" "));
}

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
type Signal = "grant" | "delay" | "leave" | "enter" | "long" | "release" | "terminate";
interface PressHandlers { onPressIn?(): void; onPressOut?(): void; onPress?(): void; onLongPress?(): void }
declare function createPressMachine(): { configure(h: PressHandlers): void; send(signal: Signal): void };
const { View, Text } = ReactNative;
type ViewProps = import("react-native").ViewProps;
type Zone = { left: number; right: number; top: number; bottom: number };

function usePress(handlers: PressHandlers) {
  const [pressed, setPressed] = React.useState(false);
  // автомат живёт всю жизнь кнопки, а обработчики получает свежие после каждой отрисовки
  const [machine] = React.useState(createPressMachine);
  React.useEffect(() =>
    machine.configure({ ...handlers, onPressIn: () => setPressed(true), onPressOut: () => setPressed(false) }),
  );
  const ref = React.useRef<React.ComponentRef<typeof View>>(null);
  const zone = React.useRef<Zone | null>(null);
  const timers = React.useRef<ReturnType<typeof setTimeout>[]>([]);
  const finish = (signal: Signal) => {
    timers.current.forEach(clearTimeout);
    machine.send(signal);
  };
  const responder: ViewProps = {
    onStartShouldSetResponder: () => true,
    onResponderGrant: () => {
      machine.send("grant");
      timers.current = [setTimeout(() => machine.send("delay"), 50), setTimeout(() => machine.send("long"), 500)];
      ref.current?.measure((x, y, width, height, pageX, pageY) => {
        // зона удержания, как у Pressability по умолчанию: 20 вбок и вверх, 30 вниз
        zone.current = { left: pageX - 20, right: pageX + width + 20, top: pageY - 20, bottom: pageY + height + 30 };
      });
    },
    onResponderMove: ({ nativeEvent: { pageX, pageY } }) => {
      const z = zone.current;
      if (z) machine.send(pageX > z.left && pageX < z.right && pageY > z.top && pageY < z.bottom ? "enter" : "leave");
    },
    onResponderRelease: () => finish("release"),
    onResponderTerminationRequest: () => true,
    onResponderTerminate: () => finish("terminate"),
  };
  return { pressed, ref, responder };
}

function SaveButton() {
  const { pressed, ref, responder } = usePress({ onPress: () => console.log("onPress") });
  console.log("отрисовка, pressed:", pressed);
  return (
    <View ref={ref} testID="save" {...responder} style={{ padding: 12, backgroundColor: pressed ? "#bdb6a6" : "#e6e1d6" }}>
      <Text>Записать</Text>
    </View>
  );
}

mount(<SaveButton />);
setTimeout(() => { console.log("— палец коснулся"); finger.down("save"); }, 50);
setTimeout(() => { console.log("— палец отпустил"); finger.up(); }, 250);
setTimeout(() => { console.log("— fireEvent.press"); fireEvent.press("save"); }, 350);

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
declare function usePress(handlers: { onPress?(): void; onLongPress?(): void }): {
  pressed: boolean;
  ref: React.Ref<React.ComponentRef<typeof View>>;
  responder: import("react-native").ViewProps;
};
const { View, Text } = ReactNative;

function SaveButton() {
  const { pressed, ref, responder } = usePress({ onPress: () => console.log("onPress") });
  console.log("pressed:", pressed);
  return (
    <View
      ref={ref}
      testID="save"
      {...responder}
      style={{ width: 160, height: 40, justifyContent: "center", alignItems: "center", backgroundColor: pressed ? "#bdb6a6" : "#e6e1d6" }}
    >
      <Text>Записать</Text>
    </View>
  );
}

mount(<SaveButton />);
// палец касается центра: до нижнего края 20 точек
setTimeout(() => finger.down("save"), 50);
setTimeout(() => { console.log("— на 25 ниже края"); finger.move(0, 45); }, 150);
setTimeout(() => { console.log("— на 40 ниже края"); finger.move(0, 60); }, 200);
setTimeout(() => { console.log("— обратно на кнопку"); finger.move(0, 10); }, 250);
setTimeout(() => { console.log("— отпустил"); finger.up(); }, 300);

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
declare function usePress(handlers: { onPress?(): void; onLongPress?(): void }): {
  pressed: boolean;
  ref: React.Ref<React.ComponentRef<typeof View>>;
  responder: import("react-native").ViewProps;
};
const { View, Text } = ReactNative;

function SetRow() {
  const { pressed, ref, responder } = usePress({
    onPress: () => console.log("открыть подход"),
    onLongPress: () => console.log("меню подхода"),
  });
  console.log("pressed:", pressed);
  return (
    <View ref={ref} testID="set" {...responder} style={{ padding: 12, backgroundColor: pressed ? "#bdb6a6" : "#e6e1d6" }}>
      <Text>1. 82,5 кг × 5</Text>
    </View>
  );
}

mount(<SetRow />);
setTimeout(() => finger.down("set"), 50);
setTimeout(() => { console.log("— отпустил через 700 мс"); finger.up(); }, 750);

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
declare function usePress(handlers: { onPress?(): void; onLongPress?(): void }): {
  pressed: boolean;
  ref: React.Ref<React.ComponentRef<typeof View>>;
  responder: import("react-native").ViewProps;
};
const { View, Text, ScrollView } = ReactNative;

function Workout() {
  const row = usePress({ onPress: () => console.log("открыть подход") });
  console.log("pressed:", row.pressed);
  return (
    <ScrollView testID="list" style={{ height: 120 }}>
      <View ref={row.ref} testID="set" {...row.responder} style={{ padding: 12, backgroundColor: row.pressed ? "#bdb6a6" : "#e6e1d6" }}>
        <Text>1. 82,5 кг × 5</Text>
      </View>
      {/* пустое место ниже, чтобы списку было куда ехать */}
      <View style={{ height: 400 }} />
    </ScrollView>
  );
}

mount(<Workout />);
setTimeout(() => finger.down("set"), 50);
setTimeout(() => { console.log("— список поехал"); fireEvent.scroll("list", 30); }, 150);
setTimeout(() => { console.log("— отпустил"); finger.up(); }, 400);

declare const finger: { down(testID: string): void; move(dx: number, dy: number): void; up(): void };
declare function usePress(handlers: { onPress?(): void; onLongPress?(): void }): {
  pressed: boolean;
  ref: React.Ref<React.ComponentRef<typeof View>>;
  responder: import("react-native").ViewProps;
};
type TextInputProps = import("react-native").TextInputProps;
declare const fieldKinds: Record<"weight" | "reps", TextInputProps>;
declare function parseAmount(text: string): number | null;
type Field = "weight" | "reps";
type SetValues = Record<Field, string>;
declare function validateSet(values: SetValues): Partial<Record<Field, string>>;
interface FormFieldProps extends TextInputProps {
  error?: string;
}
declare function FormField(props: FormFieldProps): React.ReactElement;
const { View, Text } = ReactNative;

function SetForm() {
  const [values, setValues] = React.useState<SetValues>({ weight: "82,5", reps: "" });
  const errors = validateSet(values);
  const submit = () => {
    if (Object.keys(errors).length > 0) {
      console.log("не записано:", JSON.stringify(errors));
      return;
    }
    console.log("записано:", parseAmount(values.weight), "кг ×", parseAmount(values.reps));
    setValues({ ...values, reps: "" });
  };
  const save = usePress({ onPress: submit });
  return (
    <View style={{ gap: 8 }}>
      {(["weight", "reps"] as const).map((f) => (
        <FormField key={f} {...fieldKinds[f]} testID={f} value={values[f]}
          onChangeText={(text) => setValues({ ...values, [f]: text })} />
      ))}
      <View ref={save.ref} testID="save" {...save.responder}
        style={{ padding: 12, alignItems: "center", backgroundColor: save.pressed ? "#bdb6a6" : "#e6e1d6" }}>
        <Text>Записать</Text>
      </View>
    </View>
  );
}

mount(<SetForm />);
setTimeout(() => fireEvent.changeText("reps", "5"), 50);
setTimeout(() => finger.down("save"), 100);
setTimeout(() => {
  console.log("— передумал");
  finger.move(0, 90);
  finger.up();
}, 200);
setTimeout(() => finger.down("save"), 300);
setTimeout(() => finger.up(), 400);