@tamagui/sheet 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/useGestureHandlerPan.cjs

@@ -3,27 +3,23 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useGestureHandlerPan_exports = {};
-__export(useGestureHandlerPan_exports, {
-  useGestureHandlerPan: () => useGestureHandlerPan
-});
+__export(useGestureHandlerPan_exports, { useGestureHandlerPan: () => useGestureHandlerPan });
 module.exports = __toCommonJS(useGestureHandlerPan_exports);
 var import_constants = require("@tamagui/constants");
 var import_react = require("react");
@@ -32,243 +28,234 @@ var import_keyboardAvoidance = require("./keyboardAvoidance.cjs");
 const AT_TOP_THRESHOLD = 5;
 const SCROLL_HANDOFF_THRESHOLD = 160;
 function useGestureHandlerPan(config) {
-  const {
-    positions,
-    frameSize,
-    setPosition,
-    animateTo,
-    stopSpring,
-    scrollBridge,
-    setIsDragging,
-    getCurrentPosition,
-    resisted,
-    disableDrag,
-    isShowingInnerSheet,
-    setAnimatedPosition,
-    scrollGestureRef
-  } = config;
-  const gestureHandlerEnabled = (0, import_gestureState.isGestureHandlerEnabled)();
-  const panGestureRef = (0, import_react.useRef)(null);
-  const releaseConfigRef = (0, import_react.useRef)({
-    dismissOnSnapToBottom: config.dismissOnSnapToBottom === true,
-    snapPointsMode: config.snapPointsMode ?? "percent",
-    isKeyboardVisible: config.isKeyboardVisible === true
-  });
-  releaseConfigRef.current = {
-    dismissOnSnapToBottom: config.dismissOnSnapToBottom === true,
-    snapPointsMode: config.snapPointsMode ?? "percent",
-    isKeyboardVisible: config.isKeyboardVisible === true
-  };
-  const gestureStateRef = (0, import_react.useRef)({
-    startY: 0,
-    // track last translation when pan was active (for position calculation after handoff)
-    lastPanTranslationY: 0,
-    // accumulated position offset from all pan movements
-    accumulatedOffset: 0,
-    // track previous translation for direction detection (like actions-sheet)
-    prevTranslationY: 0,
-    // track if scroll was engaged (scrollY > 0) at some point
-    scrollEngaged: false,
-    // positions frozen at gesture start — keyboard may dismiss during drag (input blur),
-    // causing positions to revert. Frozen positions ensure stable snap calculation.
-    frozenPositions: [],
-    frozenMinY: 0,
-    frozenIsKeyboardVisible: false,
-    // whether pan gesture actually started (vs just a tap in onBegin)
-    panStarted: false,
-    startedBelowTop: false,
-    upwardDragAfterTop: 0,
-    scrollUnlockedAfterTop: false,
-    keepScrollLockedAfterEnd: false
-  });
-  const unlockScrollTimer = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    return () => {
-      if (unlockScrollTimer.current) {
-        clearTimeout(unlockScrollTimer.current);
-        unlockScrollTimer.current = null;
-      }
-    };
-  }, []);
-  const onStart = (0, import_react.useCallback)(() => {
-    stopSpring();
-  }, [stopSpring]);
-  const onEnd = (0, import_react.useCallback)((closestPoint, animationOverride, keepScrollLocked = false) => {
-    if (unlockScrollTimer.current) {
-      clearTimeout(unlockScrollTimer.current);
-      unlockScrollTimer.current = null;
-    }
-    setIsDragging(false);
-    scrollBridge.setParentDragging(false);
-    scrollBridge.lockScrollAtTop = false;
-    if (keepScrollLocked) {
-      scrollBridge.setScrollEnabled?.(false, 0);
-      unlockScrollTimer.current = setTimeout(() => {
-        unlockScrollTimer.current = null;
-        scrollBridge.setScrollEnabled?.(true);
-      }, 160);
-    } else {
-      scrollBridge.setScrollEnabled?.(true);
-    }
-    setPosition(closestPoint);
-    animateTo(closestPoint, animationOverride);
-  }, [setIsDragging, scrollBridge, setPosition, animateTo]);
-  const panGesture = (0, import_react.useMemo)(() => {
-    if (!gestureHandlerEnabled || disableDrag || isShowingInnerSheet || !frameSize) {
-      return null;
-    }
-    const {
-      Gesture
-    } = (0, import_gestureState.getGestureHandlerState)();
-    if (!Gesture) {
-      return null;
-    }
-    const minY = positions[0];
-    const gs = gestureStateRef.current;
-    const gesture = Gesture.Pan().withRef(panGestureRef).activeOffsetY([-10, 10]).failOffsetX([-20, 20]).shouldCancelWhenOutside(false).onBegin(() => {
-      gs.panStarted = false;
-      if (config.pauseKeyboardHandler) {
-        config.pauseKeyboardHandler.current = true;
-      }
-      const pos = getCurrentPosition();
-      const atTop = pos <= minY + AT_TOP_THRESHOLD;
-      const currentScrollY = scrollBridge.y;
-      gs.startY = pos;
-      gs.lastPanTranslationY = 0;
-      gs.accumulatedOffset = 0;
-      gs.prevTranslationY = 0;
-      gs.scrollEngaged = currentScrollY > 0;
-      gs.frozenPositions = [...positions];
-      gs.frozenMinY = minY;
-      gs.frozenIsKeyboardVisible = releaseConfigRef.current.isKeyboardVisible;
-      gs.startedBelowTop = !atTop;
-      gs.upwardDragAfterTop = 0;
-      gs.scrollUnlockedAfterTop = false;
-      gs.keepScrollLockedAfterEnd = false;
-      scrollBridge.lockScrollAtTop = false;
-      if (unlockScrollTimer.current) {
-        clearTimeout(unlockScrollTimer.current);
-        unlockScrollTimer.current = null;
-      }
-      if (!atTop) {
-        scrollBridge.setScrollEnabled?.(false, 0);
-      }
-    }).onStart(() => {
-      gs.panStarted = true;
-      setIsDragging(true);
-      scrollBridge.initialPosition = gs.startY;
-      onStart();
-    }).onChange(event => {
-      const {
-        translationY
-      } = event;
-      const isSwipingDown = gs.prevTranslationY < translationY;
-      const deltaY = translationY - gs.prevTranslationY;
-      gs.prevTranslationY = translationY;
-      const scrollY = scrollBridge.y;
-      if (scrollY > 0) {
-        gs.scrollEngaged = true;
-      }
-      const currentPos = gs.startY + gs.accumulatedOffset;
-      const isCurrentlyAtTop = currentPos <= minY + AT_TOP_THRESHOLD;
-      const nodeIsScrolling = scrollY > 0;
-      let panHandles = false;
-      const hasScrollableContent = scrollBridge.hasScrollableContent !== false;
-      if (!isCurrentlyAtTop) {
-        if (isSwipingDown) {
-          panHandles = !nodeIsScrolling || !hasScrollableContent;
-        } else {
-          panHandles = true;
-        }
-      } else {
-        if (isSwipingDown) {
-          if (nodeIsScrolling && hasScrollableContent) {
-            panHandles = false;
-          } else if (gs.scrollEngaged && hasScrollableContent) {
-            panHandles = true;
-          } else {
-            panHandles = true;
-          }
-        } else {
-          if (hasScrollableContent) {
-            if (gs.startedBelowTop && !gs.scrollUnlockedAfterTop) {
-              gs.upwardDragAfterTop += Math.max(0, -deltaY);
-              if (gs.upwardDragAfterTop >= SCROLL_HANDOFF_THRESHOLD) {
-                gs.scrollUnlockedAfterTop = true;
-                panHandles = false;
-              } else {
-                panHandles = true;
-              }
-            } else {
-              panHandles = false;
-            }
-          } else {
-            panHandles = true;
-          }
-        }
-      }
-      if (panHandles) {
-        scrollBridge.lockScrollAtTop = gs.startedBelowTop && !gs.scrollUnlockedAfterTop;
-        const lockTo = isCurrentlyAtTop && isSwipingDown && gs.scrollEngaged ? void 0 : 0;
-        scrollBridge.setScrollEnabled?.(false, lockTo);
-        gs.accumulatedOffset += deltaY;
-        const newPosition = resisted(gs.startY + gs.accumulatedOffset, minY);
-        scrollBridge.paneY = newPosition;
-        setAnimatedPosition(newPosition);
-        scrollBridge.setParentDragging(newPosition > minY);
-      } else {
-        scrollBridge.lockScrollAtTop = false;
-        scrollBridge.setScrollEnabled?.(true);
-        scrollBridge.setParentDragging(false);
-      }
-    }).onEnd(event => {
-      const {
-        velocityY
-      } = event;
-      const currentPos = gs.startY + gs.accumulatedOffset;
-      const keepScrollLockedAfterEnd = gs.startedBelowTop && !gs.scrollUnlockedAfterTop;
-      scrollBridge.lockScrollAtTop = false;
-      scrollBridge.scrollLockY = keepScrollLockedAfterEnd ? 0 : void 0;
-      gs.keepScrollLockedAfterEnd = keepScrollLockedAfterEnd;
-      const snapPositions = gs.frozenPositions.length > 0 ? gs.frozenPositions : positions;
-      const snapMinY = gs.frozenPositions.length > 0 ? gs.frozenMinY : minY;
-      if (currentPos <= snapMinY + AT_TOP_THRESHOLD && scrollBridge.y > 0) {
-        onEnd(0, void 0, keepScrollLockedAfterEnd);
-        return;
-      }
-      const velocity = velocityY / 1e3;
-      const projectedEnd = currentPos + frameSize * velocity * 0.2;
-      const releaseConfig = releaseConfigRef.current;
-      const closestPoint = (0, import_keyboardAvoidance.getSheetReleasePosition)({
-        positions: snapPositions,
-        projectedEnd,
-        currentPosition: currentPos,
-        frameSize,
-        dismissOnSnapToBottom: releaseConfig.dismissOnSnapToBottom,
-        snapPointsMode: releaseConfig.snapPointsMode,
-        isKeyboardVisible: gs.frozenIsKeyboardVisible,
-        isWeb: import_constants.isWeb
-      });
-      onEnd(closestPoint, void 0, keepScrollLockedAfterEnd);
-    }).onFinalize(() => {
-      scrollBridge.lockScrollAtTop = false;
-      scrollBridge.scrollLockY = gs.keepScrollLockedAfterEnd ? 0 : void 0;
-      if (gs.panStarted) {
-        setIsDragging(false);
-      } else {
-        if (config.pauseKeyboardHandler) {
-          config.pauseKeyboardHandler.current = false;
-        }
-      }
-    }).runOnJS(true);
-    if (scrollGestureRef?.current) {
-      return gesture.simultaneousWithExternalGesture(scrollGestureRef.current);
-    }
-    return gesture;
-  }, [gestureHandlerEnabled, disableDrag, isShowingInnerSheet, frameSize, positions, scrollBridge, getCurrentPosition, resisted, onStart, onEnd, setIsDragging, setAnimatedPosition]);
-  return {
-    panGesture,
-    panGestureRef,
-    gestureHandlerEnabled
-  };
-}
+	const { positions, frameSize, setPosition, animateTo, stopSpring, scrollBridge, setIsDragging, getCurrentPosition, resisted, disableDrag, isShowingInnerSheet, setAnimatedPosition, scrollGestureRef } = config;
+	const gestureHandlerEnabled = (0, import_gestureState.isGestureHandlerEnabled)();
+	const panGestureRef = (0, import_react.useRef)(null);
+	const releaseConfigRef = (0, import_react.useRef)({
+		dismissOnSnapToBottom: config.dismissOnSnapToBottom === true,
+		snapPointsMode: config.snapPointsMode ?? "percent",
+		isKeyboardVisible: config.isKeyboardVisible === true
+	});
+	releaseConfigRef.current = {
+		dismissOnSnapToBottom: config.dismissOnSnapToBottom === true,
+		snapPointsMode: config.snapPointsMode ?? "percent",
+		isKeyboardVisible: config.isKeyboardVisible === true
+	};
+	const gestureStateRef = (0, import_react.useRef)({
+		startY: 0,
+		lastPanTranslationY: 0,
+		accumulatedOffset: 0,
+		prevTranslationY: 0,
+		scrollEngaged: false,
+		frozenPositions: [],
+		frozenMinY: 0,
+		frozenIsKeyboardVisible: false,
+		panStarted: false,
+		startedBelowTop: false,
+		upwardDragAfterTop: 0,
+		scrollUnlockedAfterTop: false,
+		keepScrollLockedAfterEnd: false
+	});
+	const unlockScrollTimer = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		return () => {
+			if (unlockScrollTimer.current) {
+				clearTimeout(unlockScrollTimer.current);
+				unlockScrollTimer.current = null;
+			}
+		};
+	}, []);
+	const onStart = (0, import_react.useCallback)(() => {
+		stopSpring();
+	}, [stopSpring]);
+	const onEnd = (0, import_react.useCallback)((closestPoint, animationOverride, keepScrollLocked = false) => {
+		if (unlockScrollTimer.current) {
+			clearTimeout(unlockScrollTimer.current);
+			unlockScrollTimer.current = null;
+		}
+		setIsDragging(false);
+		scrollBridge.setParentDragging(false);
+		scrollBridge.lockScrollAtTop = false;
+		if (keepScrollLocked) {
+			scrollBridge.setScrollEnabled?.(false, 0);
+			unlockScrollTimer.current = setTimeout(() => {
+				unlockScrollTimer.current = null;
+				scrollBridge.setScrollEnabled?.(true);
+			}, 160);
+		} else {
+			scrollBridge.setScrollEnabled?.(true);
+		}
+		setPosition(closestPoint);
+		animateTo(closestPoint, animationOverride);
+	}, [
+		setIsDragging,
+		scrollBridge,
+		setPosition,
+		animateTo
+	]);
+	const panGesture = (0, import_react.useMemo)(() => {
+		if (!gestureHandlerEnabled || disableDrag || isShowingInnerSheet || !frameSize) {
+			return null;
+		}
+		const { Gesture } = (0, import_gestureState.getGestureHandlerState)();
+		if (!Gesture) {
+			return null;
+		}
+		const minY = positions[0];
+		const gs = gestureStateRef.current;
+		const gesture = Gesture.Pan().withRef(panGestureRef).activeOffsetY([-10, 10]).failOffsetX([-20, 20]).shouldCancelWhenOutside(false).onBegin(() => {
+			gs.panStarted = false;
+			if (config.pauseKeyboardHandler) {
+				config.pauseKeyboardHandler.current = true;
+			}
+			const pos = getCurrentPosition();
+			const atTop = pos <= minY + AT_TOP_THRESHOLD;
+			const currentScrollY = scrollBridge.y;
+			gs.startY = pos;
+			gs.lastPanTranslationY = 0;
+			gs.accumulatedOffset = 0;
+			gs.prevTranslationY = 0;
+			gs.scrollEngaged = currentScrollY > 0;
+			gs.frozenPositions = [...positions];
+			gs.frozenMinY = minY;
+			gs.frozenIsKeyboardVisible = releaseConfigRef.current.isKeyboardVisible;
+			gs.startedBelowTop = !atTop;
+			gs.upwardDragAfterTop = 0;
+			gs.scrollUnlockedAfterTop = false;
+			gs.keepScrollLockedAfterEnd = false;
+			scrollBridge.lockScrollAtTop = false;
+			if (unlockScrollTimer.current) {
+				clearTimeout(unlockScrollTimer.current);
+				unlockScrollTimer.current = null;
+			}
+			if (!atTop) {
+				scrollBridge.setScrollEnabled?.(false, 0);
+			}
+		}).onStart(() => {
+			gs.panStarted = true;
+			setIsDragging(true);
+			scrollBridge.initialPosition = gs.startY;
+			onStart();
+		}).onChange((event) => {
+			const { translationY } = event;
+			const isSwipingDown = gs.prevTranslationY < translationY;
+			const deltaY = translationY - gs.prevTranslationY;
+			gs.prevTranslationY = translationY;
+			const scrollY = scrollBridge.y;
+			if (scrollY > 0) {
+				gs.scrollEngaged = true;
+			}
+			const currentPos = gs.startY + gs.accumulatedOffset;
+			const isCurrentlyAtTop = currentPos <= minY + AT_TOP_THRESHOLD;
+			const nodeIsScrolling = scrollY > 0;
+			let panHandles = false;
+			const hasScrollableContent = scrollBridge.hasScrollableContent !== false;
+			if (!isCurrentlyAtTop) {
+				if (isSwipingDown) {
+					panHandles = !nodeIsScrolling || !hasScrollableContent;
+				} else {
+					panHandles = true;
+				}
+			} else {
+				if (isSwipingDown) {
+					if (nodeIsScrolling && hasScrollableContent) {
+						panHandles = false;
+					} else if (gs.scrollEngaged && hasScrollableContent) {
+						panHandles = true;
+					} else {
+						panHandles = true;
+					}
+				} else {
+					if (hasScrollableContent) {
+						if (gs.startedBelowTop && !gs.scrollUnlockedAfterTop) {
+							gs.upwardDragAfterTop += Math.max(0, -deltaY);
+							if (gs.upwardDragAfterTop >= SCROLL_HANDOFF_THRESHOLD) {
+								gs.scrollUnlockedAfterTop = true;
+								panHandles = false;
+							} else {
+								panHandles = true;
+							}
+						} else {
+							panHandles = false;
+						}
+					} else {
+						panHandles = true;
+					}
+				}
+			}
+			if (panHandles) {
+				scrollBridge.lockScrollAtTop = gs.startedBelowTop && !gs.scrollUnlockedAfterTop;
+				const lockTo = isCurrentlyAtTop && isSwipingDown && gs.scrollEngaged ? void 0 : 0;
+				scrollBridge.setScrollEnabled?.(false, lockTo);
+				gs.accumulatedOffset += deltaY;
+				const newPosition = resisted(gs.startY + gs.accumulatedOffset, minY);
+				scrollBridge.paneY = newPosition;
+				setAnimatedPosition(newPosition);
+				scrollBridge.setParentDragging(newPosition > minY);
+			} else {
+				scrollBridge.lockScrollAtTop = false;
+				scrollBridge.setScrollEnabled?.(true);
+				scrollBridge.setParentDragging(false);
+			}
+		}).onEnd((event) => {
+			const { velocityY } = event;
+			const currentPos = gs.startY + gs.accumulatedOffset;
+			const keepScrollLockedAfterEnd = gs.startedBelowTop && !gs.scrollUnlockedAfterTop;
+			scrollBridge.lockScrollAtTop = false;
+			scrollBridge.scrollLockY = keepScrollLockedAfterEnd ? 0 : void 0;
+			gs.keepScrollLockedAfterEnd = keepScrollLockedAfterEnd;
+			const snapPositions = gs.frozenPositions.length > 0 ? gs.frozenPositions : positions;
+			const snapMinY = gs.frozenPositions.length > 0 ? gs.frozenMinY : minY;
+			if (currentPos <= snapMinY + AT_TOP_THRESHOLD && scrollBridge.y > 0) {
+				onEnd(0, void 0, keepScrollLockedAfterEnd);
+				return;
+			}
+			const velocity = velocityY / 1e3;
+			const projectedEnd = currentPos + frameSize * velocity * .2;
+			const releaseConfig = releaseConfigRef.current;
+			const closestPoint = (0, import_keyboardAvoidance.getSheetReleasePosition)({
+				positions: snapPositions,
+				projectedEnd,
+				currentPosition: currentPos,
+				frameSize,
+				dismissOnSnapToBottom: releaseConfig.dismissOnSnapToBottom,
+				snapPointsMode: releaseConfig.snapPointsMode,
+				isKeyboardVisible: gs.frozenIsKeyboardVisible,
+				isWeb: import_constants.isWeb
+			});
+			onEnd(closestPoint, void 0, keepScrollLockedAfterEnd);
+		}).onFinalize(() => {
+			scrollBridge.lockScrollAtTop = false;
+			scrollBridge.scrollLockY = gs.keepScrollLockedAfterEnd ? 0 : void 0;
+			if (gs.panStarted) {
+				setIsDragging(false);
+			} else {
+				if (config.pauseKeyboardHandler) {
+					config.pauseKeyboardHandler.current = false;
+				}
+			}
+		}).runOnJS(true);
+		if (scrollGestureRef?.current) {
+			return gesture.simultaneousWithExternalGesture(scrollGestureRef.current);
+		}
+		return gesture;
+	}, [
+		gestureHandlerEnabled,
+		disableDrag,
+		isShowingInnerSheet,
+		frameSize,
+		positions,
+		scrollBridge,
+		getCurrentPosition,
+		resisted,
+		onStart,
+		onEnd,
+		setIsDragging,
+		setAnimatedPosition
+	]);
+	return {
+		panGesture,
+		panGestureRef,
+		gestureHandlerEnabled
+	};
+}