react-native-screen-transitions 3.2.0-beta.1 → 3.2.0-beta.3

package/lib/typescript/native-stack/controllers/native-stack-lifecycle.d.ts

@@ -1,8 +0,0 @@
-export interface Props {
-    children: React.ReactNode;
-}
-/**
- * Lifecycle controller built out for Native Stack implementation.
- */
-export declare const NativeStackScreenLifecycleController: ({ children }: Props) => import("react").ReactNode;
-//# sourceMappingURL=native-stack-lifecycle.d.ts.map

package/lib/typescript/native-stack/controllers/native-stack-lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"native-stack-lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/native-stack/controllers/native-stack-lifecycle.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,oCAAoC,GAAI,cAAc,KAAK,8BA0EvE,CAAC"}

package/lib/typescript/shared/controller/managed-lifecycle.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    children: React.ReactNode;
-}
-/**
- * Lifecycle controller built out for Blank Stack implementation.
- */
-export declare const ManagedLifecycle: ({ children }: Props) => import("react").ReactNode;
-export {};
-//# sourceMappingURL=managed-lifecycle.d.ts.map

package/lib/typescript/shared/controller/managed-lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"managed-lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/shared/controller/managed-lifecycle.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,cAAc,KAAK,8BAsDnD,CAAC"}

package/lib/typescript/shared/types/state.types.d.ts

@@ -1,3 +0,0 @@
-export declare const TRUE = 1;
-export declare const FALSE = 0;
-//# sourceMappingURL=state.types.d.ts.map

package/lib/typescript/shared/types/state.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/state.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,IAAI,CAAC;AACtB,eAAO,MAAM,KAAK,IAAI,CAAC"}

package/src/component-stack/components/component-screen-container.tsx

@@ -1,15 +0,0 @@
-import { StyleSheet, View } from "react-native";
-
-interface Props {
-	children: React.ReactNode;
-}
-
-export const ComponentScreenContainer = ({ children }: Props) => {
-	return <View style={styles.container}>{children}</View>;
-};
-
-const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-	},
-});

package/src/native-stack/controllers/native-stack-lifecycle.tsx

@@ -1,96 +0,0 @@
-/** biome-ignore-all lint/style/noNonNullAssertion: <Lifecycles are rendered right under the gesture provider> */
-import { useEffect, useLayoutEffect } from "react";
-import { useDerivedValue } from "react-native-reanimated";
-import { useHighRefreshRate } from "../../shared/hooks/animation/use-high-refresh-rate";
-import { useSharedValueState } from "../../shared/hooks/reanimated/use-shared-value-state";
-import useStableCallback from "../../shared/hooks/use-stable-callback";
-import { useGestureContext } from "../../shared/providers/gestures.provider";
-import { useKeys } from "../../shared/providers/screen/keys.provider";
-import { AnimationStore } from "../../shared/stores/animation.store";
-import { TRUE } from "../../shared/types/state.types";
-import { startScreenTransition } from "../../shared/utils/animation/start-screen-transition";
-import { resetStoresForScreen } from "../../shared/utils/reset-stores-for-screen";
-import type { NativeStackDescriptor } from "../types";
-
-export interface Props {
-	children: React.ReactNode;
-}
-
-/**
- * Lifecycle controller built out for Native Stack implementation.
- */
-export const NativeStackScreenLifecycleController = ({ children }: Props) => {
-	const { current } = useKeys<NativeStackDescriptor>();
-	const { ancestorContext } = useGestureContext()!;
-
-	const isAncestorDismissingViaGesture = useSharedValueState(
-		useDerivedValue(() => {
-			"worklet";
-			return (
-				ancestorContext?.gestureAnimationValues.isDismissing?.value ?? false
-			);
-		}),
-	);
-
-	const animations = AnimationStore.getAll(current.route.key);
-
-	const { deactivateHighRefreshRate, activateHighRefreshRate } =
-		useHighRefreshRate(current);
-
-	const handleBeforeRemove = useStableCallback((e: any) => {
-		const isEnabled = current.options.enableTransitions;
-
-		const isFirstScreen = current.navigation.getState().index === 0;
-
-		// If transitions are disabled, or an ancestor is dismissing via gesture, or this is the first screen of the stack, reset the stores
-		if (!isEnabled || isAncestorDismissingViaGesture || isFirstScreen) {
-			animations.closing.set(TRUE);
-			resetStoresForScreen(current);
-			return;
-		}
-
-		e.preventDefault();
-		activateHighRefreshRate();
-		const onAnimationFinish = (finished: boolean) => {
-			deactivateHighRefreshRate();
-			if (finished) {
-				current.navigation.dispatch(e.data.action);
-
-				// we'll ensure the dispatch is complete before resetting stores
-				requestAnimationFrame(() => {
-					resetStoresForScreen(current);
-				});
-			}
-		};
-
-		startScreenTransition({
-			target: "close",
-			spec: current.options.transitionSpec,
-			onAnimationFinish,
-			animations,
-		});
-	});
-
-	const handleInitialize = useStableCallback(() => {
-		activateHighRefreshRate();
-		startScreenTransition({
-			target: "open",
-			spec: current.options.transitionSpec,
-			animations,
-			onAnimationFinish: deactivateHighRefreshRate,
-		});
-	});
-
-	useEffect(() => {
-		const unsubscribe = current.navigation.addListener(
-			"beforeRemove",
-			handleBeforeRemove,
-		);
-
-		return unsubscribe;
-	}, [current.navigation, handleBeforeRemove]);
-
-	useLayoutEffect(handleInitialize, []);
-
-	return children;
-};

package/src/shared/controller/managed-lifecycle.tsx

@@ -1,73 +0,0 @@
-import { useLayoutEffect } from "react";
-import { runOnJS, useAnimatedReaction } from "react-native-reanimated";
-import type { BlankStackDescriptor } from "../../blank-stack/types";
-import { useHighRefreshRate } from "../hooks/animation/use-high-refresh-rate";
-import useStableCallback from "../hooks/use-stable-callback";
-import { useKeys } from "../providers/screen/keys.provider";
-import { useManagedStackContext } from "../providers/stack/managed.provider";
-import { AnimationStore } from "../stores/animation.store";
-import { startScreenTransition } from "../utils/animation/start-screen-transition";
-import { resetStoresForScreen } from "../utils/reset-stores-for-screen";
-
-interface Props {
-	children: React.ReactNode;
-}
-
-/**
- * Lifecycle controller built out for Blank Stack implementation.
- */
-export const ManagedLifecycle = ({ children }: Props) => {
-	const { current } = useKeys<BlankStackDescriptor>();
-	const { handleCloseRoute, closingRouteKeysShared } = useManagedStackContext();
-
-	const animations = AnimationStore.getAll(current.route.key);
-
-	const { deactivateHighRefreshRate, activateHighRefreshRate } =
-		useHighRefreshRate(current);
-
-	const handleInitialize = useStableCallback(() => {
-		activateHighRefreshRate();
-		startScreenTransition({
-			target: "open",
-			spec: current.options.transitionSpec,
-			animations,
-			onAnimationFinish: deactivateHighRefreshRate,
-		});
-	});
-
-	const handleCloseEnd = useStableCallback((finished: boolean) => {
-		if (!finished) {
-			return;
-		}
-		handleCloseRoute({ route: current.route });
-		requestAnimationFrame(() => {
-			deactivateHighRefreshRate();
-			resetStoresForScreen(current);
-		});
-	});
-
-	useAnimatedReaction(
-		() => ({
-			keys: closingRouteKeysShared.value,
-		}),
-		({ keys }) => {
-			if (!keys.includes(current.route.key)) {
-				return;
-			}
-
-			runOnJS(activateHighRefreshRate)();
-			startScreenTransition({
-				target: "close",
-				spec: current.options.transitionSpec,
-				animations,
-				onAnimationFinish: handleCloseEnd,
-			});
-		},
-	);
-
-	useLayoutEffect(() => {
-		handleInitialize();
-	}, [handleInitialize]);
-
-	return children;
-};

package/src/shared/types/state.types.ts

@@ -1,2 +0,0 @@
-export const TRUE = 1;
-export const FALSE = 0;