react-native-screen-transitions 3.5.2 → 3.6.0-alpha.1

package/src/shared/typecheck/public-api.typecheck.ts

@@ -1,222 +0,0 @@
-import type { ComponentProps } from "react";
-import {
-	type BlankStackFactoryOptions,
-	type BlankStackScreenProps,
-	createBlankStackNavigator,
-} from "../../blank-stack";
-import type {
-	BoundsNavigationZoomOptions,
-	BoundsNavigationZoomStyle,
-	ScreenGestureTarget,
-	ScreenInterpolationProps,
-	ScreenTransitionConfig,
-	TransitionInterpolatedStyle,
-	TransitionSlotStyle,
-} from "..";
-import {
-	NAVIGATION_MASK_CONTAINER_STYLE_ID,
-	NAVIGATION_MASK_ELEMENT_STYLE_ID,
-} from "..";
-
-const slotStyle: TransitionSlotStyle = {
-	style: {
-		opacity: 1,
-	},
-	props: {
-		intensity: 80,
-	},
-};
-
-const nestedInterpolatedStyle: TransitionInterpolatedStyle = {
-	content: slotStyle,
-	backdrop: {
-		opacity: 0.5,
-	},
-	surface: {
-		style: {
-			transform: [{ scale: 0.98 }],
-		},
-	},
-	"hero-image": {
-		style: {
-			borderRadius: 24,
-		},
-	},
-};
-
-const navigationMaskInterpolatedStyle: TransitionInterpolatedStyle = {
-	[NAVIGATION_MASK_CONTAINER_STYLE_ID]: slotStyle,
-	[NAVIGATION_MASK_ELEMENT_STYLE_ID]: slotStyle,
-};
-
-const legacyInterpolatedStyle: TransitionInterpolatedStyle = {
-	contentStyle: {
-		opacity: 1,
-	},
-	backdropStyle: {
-		opacity: 0.5,
-	},
-	overlayStyle: {
-		opacity: 0.25,
-	},
-};
-
-const zoomOptions: BoundsNavigationZoomOptions = {
-	target: "bound",
-	debug: true,
-	borderRadius: 36,
-	focusedElementOpacity: {
-		open: [0, 0.35, 0, 1],
-		close: [0.65, 1, 0, 1],
-	},
-	unfocusedElementOpacity: {
-		open: [1, 2, 1, 0],
-		close: [1.85, 2, 1, 0],
-	},
-	backgroundScale: 0.97,
-	horizontalDragScale: [0.9, 1.02, 2],
-	verticalDragScale: [0.96, 1.01, 2.25],
-	horizontalDragTranslation: [0.5, 1, 1.5],
-	verticalDragTranslation: [0, 0, 1],
-};
-
-declare const interpolationProps: ScreenInterpolationProps;
-
-const gestureTarget: ScreenGestureTarget = { ancestor: 2 };
-
-const numericBoundsResult = interpolationProps.bounds({
-	id: 42,
-});
-const absoluteRawBoundsResult = interpolationProps.bounds({
-	id: 42,
-	method: "size",
-	space: "absolute",
-	raw: true,
-});
-const zoomInterpolatedStyle: BoundsNavigationZoomStyle = interpolationProps
-	.bounds({ id: 42 })
-	.navigation.zoom({
-		target: "bound",
-	});
-const absoluteRawBoundsWidth: number = absoluteRawBoundsResult.width;
-const absoluteRawBoundsTranslateX: number = absoluteRawBoundsResult.translateX;
-const maybeContentHeight = interpolationProps.layouts.content?.height;
-const maybeCurrentContentHeight =
-	interpolationProps.current.layouts.content?.height;
-const currentSnapIndex = interpolationProps.current.snapIndex;
-const nextNameOptions: ScreenTransitionConfig = {
-	navigationMaskEnabled: true,
-	sheetScrollGestureBehavior: "collapse-only",
-};
-const initialMountAnimationOptions: ScreenTransitionConfig = {
-	experimental_animateOnInitialMount: true,
-};
-const deprecatedAliasOptions: ScreenTransitionConfig = {
-	maskEnabled: true,
-	expandViaScrollView: false,
-};
-const precedenceOptions: ScreenTransitionConfig = {
-	navigationMaskEnabled: false,
-	maskEnabled: true,
-	sheetScrollGestureBehavior: "expand-and-collapse",
-	expandViaScrollView: false,
-};
-const emptyInterpolatorOptions: ScreenTransitionConfig = {
-	screenStyleInterpolator: () => null,
-};
-
-const blankStackFactoryOptions: BlankStackFactoryOptions = {
-	independent: true,
-	enableNativeScreens: false,
-};
-
-type StaticBlankStackParamList = {
-	Home: undefined;
-	Details: { id: string };
-};
-
-function StaticBlankHomeScreen(
-	_props: BlankStackScreenProps<StaticBlankStackParamList, "Home">,
-) {
-	return null;
-}
-
-function StaticBlankDetailsScreen(
-	_props: BlankStackScreenProps<StaticBlankStackParamList, "Details">,
-) {
-	return null;
-}
-
-const defaultBlankStack = createBlankStackNavigator();
-type DefaultBlankStackNavigatorProps = ComponentProps<
-	typeof defaultBlankStack.Navigator
->;
-const viewBlankStackProps: Pick<
-	DefaultBlankStackNavigatorProps,
-	"enableNativeScreens"
-> = {
-	enableNativeScreens: false,
-};
-const independentBlankStackProps: Pick<
-	DefaultBlankStackNavigatorProps,
-	"independent"
-> = {
-	independent: true,
-};
-const independentViewBlankStackProps: Pick<
-	DefaultBlankStackNavigatorProps,
-	"independent" | "enableNativeScreens"
-> = {
-	independent: true,
-	enableNativeScreens: false,
-};
-const staticBlankStack = createBlankStackNavigator<StaticBlankStackParamList>({
-	initialRouteName: "Home",
-	screens: {
-		Home: StaticBlankHomeScreen,
-		Details: StaticBlankDetailsScreen,
-	},
-});
-const staticViewBlankStack =
-	createBlankStackNavigator<StaticBlankStackParamList>({
-		initialRouteName: "Home",
-		enableNativeScreens: false,
-		screens: {
-			Home: StaticBlankHomeScreen,
-			Details: StaticBlankDetailsScreen,
-		},
-	});
-
-const publicApiTypecheck = {
-	navigationSlots: {
-		container: NAVIGATION_MASK_CONTAINER_STYLE_ID,
-		mask: NAVIGATION_MASK_ELEMENT_STYLE_ID,
-	},
-	slotStyle,
-	nestedInterpolatedStyle,
-	navigationMaskInterpolatedStyle,
-	legacyInterpolatedStyle,
-	gestureTarget,
-	numericBoundsResult,
-	absoluteRawBoundsResult,
-	absoluteRawBoundsWidth,
-	absoluteRawBoundsTranslateX,
-	zoomInterpolatedStyle,
-	maybeContentHeight,
-	maybeCurrentContentHeight,
-	currentSnapIndex,
-	zoomOptions,
-	nextNameOptions,
-	initialMountAnimationOptions,
-	deprecatedAliasOptions,
-	precedenceOptions,
-	emptyInterpolatorOptions,
-	blankStackFactoryOptions,
-	viewBlankStackProps,
-	independentBlankStackProps,
-	independentViewBlankStackProps,
-	staticBlankStack,
-	staticViewBlankStack,
-};
-
-void publicApiTypecheck;

package/src/shared/utils/animation/animate-many.ts

@@ -1,40 +0,0 @@
-import type {
-	SharedValue,
-	WithSpringConfig,
-	WithTimingConfig,
-} from "react-native-reanimated";
-import { animate } from "./animate";
-
-export type AnimateManyItem = {
-	value: SharedValue<number>;
-	toValue: number;
-	config?: WithSpringConfig | WithTimingConfig;
-};
-
-interface AnimateManyProps {
-	items: AnimateManyItem[];
-	onAllFinished?: () => void;
-}
-
-export const animateMany = ({ items, onAllFinished }: AnimateManyProps) => {
-	"worklet";
-
-	if (items.length === 0) {
-		onAllFinished?.();
-		return;
-	}
-
-	let remaining = items.length;
-
-	for (const item of items) {
-		item.value.value = animate(item.toValue, item.config, (finished) => {
-			"worklet";
-			if (!finished) return;
-
-			remaining -= 1;
-			if (remaining === 0) {
-				onAllFinished?.();
-			}
-		});
-	}
-};

package/src/shared/utils/gesture/compute-claimed-directions.ts

@@ -1,93 +0,0 @@
-import type { GestureDirection } from "../../types/gesture.types";
-import {
-	type ClaimedDirections,
-	type Direction,
-	NO_CLAIMS,
-} from "../../types/ownership.types";
-
-/**
- * Computes which directions a screen claims ownership of.
- *
- * A screen claims a direction when:
- * 1. gestureEnabled is true AND
- * 2. gestureDirection includes that direction
- *
- * For snap points, both directions on the axis are claimed automatically.
- * This is because a snap point sheet handles both expand (inverse) and collapse (primary) gestures.
- *
- * @param gestureEnabled - Whether gestures are enabled for this screen
- * @param gestureDirection - The gesture direction(s) configured for this screen
- * @param hasSnapPoints - Whether this screen has snap points configured
- * @returns The claimed directions for this screen
- */
-export function computeClaimedDirections(
-	gestureEnabled: boolean,
-	gestureDirection: GestureDirection | GestureDirection[] | undefined,
-	hasSnapPoints: boolean,
-): ClaimedDirections {
-	// If gestures are not enabled, claim nothing
-	if (!gestureEnabled) {
-		return NO_CLAIMS;
-	}
-
-	// Default to vertical if no direction specified
-	const direction = gestureDirection ?? "vertical";
-
-	// Normalize to array
-	const directions: GestureDirection[] = Array.isArray(direction)
-		? direction
-		: [direction];
-
-	// Start with no claims
-	const claims: ClaimedDirections = {
-		vertical: false,
-		"vertical-inverted": false,
-		horizontal: false,
-		"horizontal-inverted": false,
-	};
-
-	// Process each direction
-	for (const dir of directions) {
-		if (dir === "bidirectional") {
-			// Bidirectional claims all four directions
-			claims.vertical = true;
-			claims["vertical-inverted"] = true;
-			claims.horizontal = true;
-			claims["horizontal-inverted"] = true;
-		} else {
-			// Claim the specific direction
-			claims[dir as Direction] = true;
-		}
-	}
-
-	// For snap points, claim both directions on the axis
-	// This enables both expand (inverse) and collapse/dismiss (primary) gestures
-	if (hasSnapPoints) {
-		const hasVerticalAxis = claims.vertical || claims["vertical-inverted"];
-		const hasHorizontalAxis =
-			claims.horizontal || claims["horizontal-inverted"];
-
-		if (hasVerticalAxis) {
-			claims.vertical = true;
-			claims["vertical-inverted"] = true;
-		}
-		if (hasHorizontalAxis) {
-			claims.horizontal = true;
-			claims["horizontal-inverted"] = true;
-		}
-	}
-
-	return claims;
-}
-
-/**
- * Checks if any direction is claimed.
- */
-export function claimsAnyDirection(claims: ClaimedDirections): boolean {
-	return (
-		claims.vertical ||
-		claims["vertical-inverted"] ||
-		claims.horizontal ||
-		claims["horizontal-inverted"]
-	);
-}

package/src/shared/utils/gesture/validate-snap-points.ts

@@ -1,74 +0,0 @@
-import type { SnapPoint } from "../../types/screen.types";
-
-/**
- * Filters snap points to only valid, finite numeric values.
- * Excludes zero (dismiss) when canDismiss is false.
- */
-export function sanitizeSnapPoints(
-	snapPoints: SnapPoint[],
-	canDismiss: boolean,
-): number[] {
-	"worklet";
-	return snapPoints.filter(
-		(point): point is number =>
-			typeof point === "number" &&
-			(canDismiss
-				? Number.isFinite(point)
-				: Number.isFinite(point) && point > 0),
-	);
-}
-
-export interface EffectiveSnapPointsResult {
-	hasSnapPoints: boolean;
-	hasAutoSnapPoint: boolean;
-	snapPoints: number[];
-	minSnapPoint: number;
-	maxSnapPoint: number;
-}
-
-interface ValidateSnapPointsOptions {
-	snapPoints?: SnapPoint[];
-	canDismiss?: boolean;
-}
-
-export const validateSnapPoints = ({
-	snapPoints,
-	canDismiss,
-}: ValidateSnapPointsOptions): EffectiveSnapPointsResult => {
-	if (!snapPoints || snapPoints.length === 0) {
-		return {
-			hasSnapPoints: false,
-			hasAutoSnapPoint: false,
-			snapPoints: [],
-			minSnapPoint: -1,
-			maxSnapPoint: -1,
-		};
-	}
-
-	const hasAuto = snapPoints.includes("auto");
-	const normalizedSnaps = sanitizeSnapPoints(snapPoints, canDismiss ?? false);
-
-	// hasSnapPoints is true if there are valid numeric points OR an 'auto' point
-	if (normalizedSnaps.length === 0 && !hasAuto) {
-		return {
-			hasSnapPoints: false,
-			hasAutoSnapPoint: false,
-			snapPoints: [],
-			minSnapPoint: -1,
-			maxSnapPoint: -1,
-		};
-	}
-
-	const sortedSnaps = normalizedSnaps.slice().sort((a, b) => a - b);
-	// Clamp to snap point bounds (dismiss at 0 only if allowed)
-	const minProgress = canDismiss ? 0 : (sortedSnaps[0] ?? -1);
-	const maxProgress = sortedSnaps[sortedSnaps.length - 1] ?? -1;
-
-	return {
-		hasSnapPoints: true,
-		hasAutoSnapPoint: hasAuto,
-		snapPoints: sortedSnaps,
-		minSnapPoint: minProgress,
-		maxSnapPoint: maxProgress,
-	};
-};