react-native-screen-transitions 3.0.0-rc.1 → 3.0.0-rc.3

package/src/blank-stack/utils/with-stack-navigation/index.tsx

@@ -1,45 +1,50 @@
-import { type ComponentType, createContext, useContext, useMemo } from "react";
+import { useMemo } from "react";
+import createProvider from "../../../shared/utils/create-provider";
 import type { BlankStackScene } from "../../types";
-import { useStackNavigationState } from "./_hooks/use-stack-navigation-state";
+import { calculateActiveScreensLimit } from "./helpers/calculate-active-screens-limit";
+import { useStackNavigationState } from "./hooks/use-stack-navigation-state";
 import type {
 	StackNavigationContextProps,
 	StackNavigationContextValue,
-} from "./_types";
-import { calculateActiveScreensLimit } from "./_utils/calculate-active-screens-limit";
+} from "./types";
 
-export const StackNavigationContext =
-	createContext<StackNavigationContextValue | null>(null);
-
-export function withStackNavigationProvider(
-	Component: ComponentType<StackNavigationContextValue>,
-) {
-	return function StackNavigationWrapper(props: StackNavigationContextProps) {
+const { withStackNavigationProvider, useStackNavigationContext } =
+	createProvider("StackNavigation")<
+		StackNavigationContextProps,
+		StackNavigationContextValue
+	>((props) => {
 		const { state, handleCloseRoute, closingRouteKeys } =
 			useStackNavigationState(props);
 
-		const scenes = useMemo(() => {
-			return state.routes.reduce((acc, route) => {
-				acc.push({
-					route,
-					descriptor: state.descriptors[route.key],
-				});
-				return acc;
-			}, [] as BlankStackScene[]);
-		}, [state.routes, state.descriptors]);
-
-		const activeScreensLimit = useMemo(() => {
-			return calculateActiveScreensLimit(state.routes, state.descriptors);
-		}, [state.routes, state.descriptors]);
-
-		const shouldShowFloatOverlay = useMemo(() => {
-			return state.routes.some((route) => {
-				const options = state.descriptors[route.key]?.options;
-				return options?.overlayMode === "float" && options?.overlayShown;
-			});
-		}, [state.routes, state.descriptors]);
-
-		const contextValue = useMemo<StackNavigationContextValue>(() => {
-			return {
+		const { scenes, activeScreensLimit, shouldShowFloatOverlay } =
+			useMemo(() => {
+				const scenes: BlankStackScene[] = [];
+				let shouldShowFloatOverlay = false;
+
+				for (const route of state.routes) {
+					const descriptor = state.descriptors[route.key];
+					scenes.push({ route, descriptor });
+
+					if (!shouldShowFloatOverlay) {
+						const options = descriptor?.options;
+						shouldShowFloatOverlay =
+							options?.overlayMode === "float" &&
+							options?.overlayShown === true;
+					}
+				}
+
+				return {
+					scenes,
+					activeScreensLimit: calculateActiveScreensLimit(
+						state.routes,
+						state.descriptors,
+					),
+					shouldShowFloatOverlay,
+				};
+			}, [state.routes, state.descriptors]);
+
+		return {
+			value: {
 				routes: state.routes,
 				focusedIndex: props.state.index,
 				descriptors: state.descriptors,
@@ -48,33 +53,8 @@ export function withStackNavigationProvider(
 				handleCloseRoute,
 				scenes,
 				shouldShowFloatOverlay,
-			};
-		}, [
-			state,
-			scenes,
-			activeScreensLimit,
-			closingRouteKeys,
-			handleCloseRoute,
-			props.state.index,
-			shouldShowFloatOverlay,
-		]);
-
-		return (
-			<StackNavigationContext.Provider value={contextValue}>
-				<Component {...contextValue} />
-			</StackNavigationContext.Provider>
-		);
-	};
-}
-
-export const useStackNavigationContext = () => {
-	const context = useContext(StackNavigationContext);
-
-	if (!context) {
-		throw new Error(
-			"StackNavigationContext.Provider is missing in the component tree.",
-		);
-	}
+			},
+		};
+	});
 
-	return context;
-};
+export { useStackNavigationContext, withStackNavigationProvider };

package/src/native-stack/types.ts

@@ -143,7 +143,14 @@ export type NativeStackHeaderLeftProps = NativeStackHeaderRightProps & {
 	href?: string;
 };
 
-export type NativeStackNavigationOptions = ScreenTransitionConfig & {
+export type NativeStackScreenTransitionConfig = ScreenTransitionConfig & {
+	/**
+	 * Whether to enable transitions. It sets the presentation to containedTransparentModal, animation none, and headerShown to false.
+	 */
+	enableTransitions?: boolean;
+};
+
+export type NativeStackNavigationOptions = NativeStackScreenTransitionConfig & {
 	/**
 	 * String that can be displayed in the header as a fallback for `headerTitle`.
 	 */