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

package/lib/module/shared/components/controllers/screen-lifecycle.js

@@ -1,136 +0,0 @@
-"use strict";
-
-import { useEffect, useLayoutEffect } from "react";
-import { useAnimatedReaction, useDerivedValue } from "react-native-reanimated";
-import { useStackNavigationContext } from "../../../blank-stack/utils/with-stack-navigation";
-import { useParentGestureRegistry } from "../../hooks/gestures/use-parent-gesture-registry";
-import { useSharedValueState } from "../../hooks/reanimated/use-shared-value-state";
-import useStableCallback from "../../hooks/use-stable-callback";
-import { useGestureContext } from "../../providers/gestures.provider";
-import { useKeys } from "../../providers/keys.provider";
-import { AnimationStore } from "../../stores/animation.store";
-import { startScreenTransition } from "../../utils/animation/start-screen-transition";
-import { resetStoresForScreen } from "../../utils/reset-stores-for-screen";
-/**
- * ScreenLifecycleController built out for Native Stack implementation.
- */
-export const NativeStackScreenLifecycleController = ({
-  children
-}) => {
-  const {
-    current
-  } = useKeys();
-  const {
-    parentContext
-  } = useGestureContext();
-  const isParentDismissingViaGesture = useSharedValueState(useDerivedValue(() => {
-    "worklet";
-
-    return parentContext?.gestureAnimationValues.isDismissing?.value ?? false;
-  }));
-  const animations = AnimationStore.getAll(current.route.key);
-  const handleBeforeRemove = useStableCallback(e => {
-    const isEnabled = current.options.enableTransitions;
-    const isFirstScreen = current.navigation.getState().index === 0;
-
-    // If transitions are disabled, or the dismissal was on the local root, or this is the first screen of the stack, reset the stores
-    if (!isEnabled || isParentDismissingViaGesture || isFirstScreen) {
-      resetStoresForScreen(current);
-      return;
-    }
-    e.preventDefault();
-    const onAnimationFinish = finished => {
-      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(() => {
-    startScreenTransition({
-      target: "open",
-      spec: current.options.transitionSpec,
-      animations
-    });
-  });
-  useEffect(() => {
-    const unsubscribe = current.navigation.addListener("beforeRemove", handleBeforeRemove);
-    return unsubscribe;
-  }, [current.navigation, handleBeforeRemove]);
-  useLayoutEffect(handleInitialize, []);
-
-  // important for t.a scrollviews inside nested navigators.
-  useParentGestureRegistry();
-  return children;
-};
-
-/**
- * ScreenLifecycleController built out for Blank Stack implementation.
- */
-
-export const BlankStackScreenLifecycleController = ({
-  children
-}) => {
-  const {
-    current
-  } = useKeys();
-  const {
-    handleCloseRoute,
-    closingRouteKeysShared
-  } = useStackNavigationContext();
-  const animations = AnimationStore.getAll(current.route.key);
-  const handleInitialize = useStableCallback(() => {
-    startScreenTransition({
-      target: "open",
-      spec: current.options.transitionSpec,
-      animations
-    });
-  });
-  const handleCleanup = useStableCallback(() => {
-    resetStoresForScreen(current);
-  });
-  const handleCloseEnd = useStableCallback(finished => {
-    if (!finished) {
-      return;
-    }
-    handleCloseRoute({
-      route: current.route
-    });
-  });
-  useAnimatedReaction(() => ({
-    keys: closingRouteKeysShared.value
-  }), ({
-    keys
-  }) => {
-    if (!keys.includes(current.route.key)) {
-      return;
-    }
-    startScreenTransition({
-      target: "close",
-      spec: current.options.transitionSpec,
-      animations,
-      onAnimationFinish: handleCloseEnd
-    });
-  });
-  useLayoutEffect(() => {
-    handleInitialize();
-    return () => {
-      handleCleanup();
-    };
-  }, [handleInitialize, handleCleanup]);
-
-  // important for t.a scrollviews inside nested navigators.
-  useParentGestureRegistry();
-  return children;
-};
-//# sourceMappingURL=screen-lifecycle.js.map

package/lib/module/shared/components/controllers/screen-lifecycle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useAnimatedReaction","useDerivedValue","useStackNavigationContext","useParentGestureRegistry","useSharedValueState","useStableCallback","useGestureContext","useKeys","AnimationStore","startScreenTransition","resetStoresForScreen","NativeStackScreenLifecycleController","children","current","parentContext","isParentDismissingViaGesture","gestureAnimationValues","isDismissing","value","animations","getAll","route","key","handleBeforeRemove","e","isEnabled","options","enableTransitions","isFirstScreen","navigation","getState","index","preventDefault","onAnimationFinish","finished","dispatch","data","action","requestAnimationFrame","target","spec","transitionSpec","handleInitialize","unsubscribe","addListener","BlankStackScreenLifecycleController","handleCloseRoute","closingRouteKeysShared","handleCleanup","handleCloseEnd","keys","includes"],"sourceRoot":"../../../../../src","sources":["shared/components/controllers/screen-lifecycle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/hooks/gestures/use-parent-gesture-registry.js

@@ -1,23 +0,0 @@
-"use strict";
-
-import { useEffect } from "react";
-import { useGestureContext } from "../../providers/gestures.provider";
-import useStableCallback from "../use-stable-callback";
-
-/**
- * Registers native gestures with parent gestures to enable proper gesture handling
- * in nested navigators that contain scrollable content.
- */
-export const useParentGestureRegistry = () => {
-  const {
-    parentContext,
-    nativeGesture
-  } = useGestureContext();
-  const registerNativeGesture = useStableCallback(() => {
-    if (parentContext?.panGesture && nativeGesture) {
-      parentContext.panGesture.blocksExternalGesture(nativeGesture);
-    }
-  });
-  useEffect(registerNativeGesture);
-};
-//# sourceMappingURL=use-parent-gesture-registry.js.map

package/lib/module/shared/hooks/gestures/use-parent-gesture-registry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useGestureContext","useStableCallback","useParentGestureRegistry","parentContext","nativeGesture","registerNativeGesture","panGesture","blocksExternalGesture"],"sourceRoot":"../../../../../src","sources":["shared/hooks/gestures/use-parent-gesture-registry.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB,QAAQ,mCAAmC;AACrE,OAAOC,iBAAiB,MAAM,wBAAwB;;AAEtD;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC7C,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAC5D,MAAMK,qBAAqB,GAAGJ,iBAAiB,CAAC,MAAM;IACrD,IAAIE,aAAa,EAAEG,UAAU,IAAIF,aAAa,EAAE;MAC/CD,aAAa,CAACG,UAAU,CAACC,qBAAqB,CAACH,aAAa,CAAC;IAC9D;EACD,CAAC,CAAC;EAEFL,SAAS,CAACM,qBAAqB,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/typescript/shared/components/controllers/screen-lifecycle.d.ts

@@ -1,12 +0,0 @@
-export interface ScreenLifecycleProps {
-    children: React.ReactNode;
-}
-/**
- * ScreenLifecycleController built out for Native Stack implementation.
- */
-export declare const NativeStackScreenLifecycleController: ({ children, }: ScreenLifecycleProps) => import("react").ReactNode;
-/**
- * ScreenLifecycleController built out for Blank Stack implementation.
- */
-export declare const BlankStackScreenLifecycleController: ({ children, }: ScreenLifecycleProps) => import("react").ReactNode;
-//# sourceMappingURL=screen-lifecycle.d.ts.map

package/lib/typescript/shared/components/controllers/screen-lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"screen-lifecycle.d.ts","sourceRoot":"","sources":["../../../../../src/shared/components/controllers/screen-lifecycle.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,oBAAoB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,oCAAoC,GAAI,eAElD,oBAAoB,8BAmEtB,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,mCAAmC,GAAI,eAEjD,oBAAoB,8BAuDtB,CAAC"}

package/lib/typescript/shared/hooks/gestures/use-parent-gesture-registry.d.ts

@@ -1,6 +0,0 @@
-/**
- * Registers native gestures with parent gestures to enable proper gesture handling
- * in nested navigators that contain scrollable content.
- */
-export declare const useParentGestureRegistry: () => void;
-//# sourceMappingURL=use-parent-gesture-registry.d.ts.map

package/lib/typescript/shared/hooks/gestures/use-parent-gesture-registry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-parent-gesture-registry.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/gestures/use-parent-gesture-registry.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,YASpC,CAAC"}

package/src/shared/components/controllers/screen-lifecycle.tsx

@@ -1,154 +0,0 @@
-import { useEffect, useLayoutEffect } from "react";
-import { useAnimatedReaction, useDerivedValue } from "react-native-reanimated";
-import type { BlankStackDescriptor } from "../../../blank-stack/types";
-import { useStackNavigationContext } from "../../../blank-stack/utils/with-stack-navigation";
-import type { NativeStackDescriptor } from "../../../native-stack/types";
-import { useParentGestureRegistry } from "../../hooks/gestures/use-parent-gesture-registry";
-import { useSharedValueState } from "../../hooks/reanimated/use-shared-value-state";
-import useStableCallback from "../../hooks/use-stable-callback";
-import { useGestureContext } from "../../providers/gestures.provider";
-import { useKeys } from "../../providers/keys.provider";
-import { AnimationStore } from "../../stores/animation.store";
-import { startScreenTransition } from "../../utils/animation/start-screen-transition";
-import { resetStoresForScreen } from "../../utils/reset-stores-for-screen";
-
-export interface ScreenLifecycleProps {
-	children: React.ReactNode;
-}
-
-/**
- * ScreenLifecycleController built out for Native Stack implementation.
- */
-export const NativeStackScreenLifecycleController = ({
-	children,
-}: ScreenLifecycleProps) => {
-	const { current } = useKeys<NativeStackDescriptor>();
-	const { parentContext } = useGestureContext();
-
-	const isParentDismissingViaGesture = useSharedValueState(
-		useDerivedValue(() => {
-			"worklet";
-			return parentContext?.gestureAnimationValues.isDismissing?.value ?? false;
-		}),
-	);
-
-	const animations = AnimationStore.getAll(current.route.key);
-
-	const handleBeforeRemove = useStableCallback((e: any) => {
-		const isEnabled = current.options.enableTransitions;
-
-		const isFirstScreen = current.navigation.getState().index === 0;
-
-		// If transitions are disabled, or the dismissal was on the local root, or this is the first screen of the stack, reset the stores
-		if (!isEnabled || isParentDismissingViaGesture || isFirstScreen) {
-			resetStoresForScreen(current);
-			return;
-		}
-
-		e.preventDefault();
-		const onAnimationFinish = (finished: boolean) => {
-			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(() => {
-		startScreenTransition({
-			target: "open",
-			spec: current.options.transitionSpec,
-			animations,
-		});
-	});
-
-	useEffect(() => {
-		const unsubscribe = current.navigation.addListener(
-			"beforeRemove",
-			handleBeforeRemove,
-		);
-
-		return unsubscribe;
-	}, [current.navigation, handleBeforeRemove]);
-
-	useLayoutEffect(handleInitialize, []);
-
-	// important for t.a scrollviews inside nested navigators.
-	useParentGestureRegistry();
-
-	return children;
-};
-
-/**
- * ScreenLifecycleController built out for Blank Stack implementation.
- */
-
-export const BlankStackScreenLifecycleController = ({
-	children,
-}: ScreenLifecycleProps) => {
-	const { current } = useKeys<BlankStackDescriptor>();
-	const { handleCloseRoute, closingRouteKeysShared } =
-		useStackNavigationContext();
-
-	const animations = AnimationStore.getAll(current.route.key);
-
-	const handleInitialize = useStableCallback(() => {
-		startScreenTransition({
-			target: "open",
-			spec: current.options.transitionSpec,
-			animations,
-		});
-	});
-
-	const handleCleanup = useStableCallback(() => {
-		resetStoresForScreen(current);
-	});
-
-	const handleCloseEnd = useStableCallback((finished: boolean) => {
-		if (!finished) {
-			return;
-		}
-		handleCloseRoute({ route: current.route });
-	});
-
-	useAnimatedReaction(
-		() => ({
-			keys: closingRouteKeysShared.value,
-		}),
-		({ keys }) => {
-			if (!keys.includes(current.route.key)) {
-				return;
-			}
-
-			startScreenTransition({
-				target: "close",
-				spec: current.options.transitionSpec,
-				animations,
-				onAnimationFinish: handleCloseEnd,
-			});
-		},
-	);
-
-	useLayoutEffect(() => {
-		handleInitialize();
-		return () => {
-			handleCleanup();
-		};
-	}, [handleInitialize, handleCleanup]);
-
-	// important for t.a scrollviews inside nested navigators.
-	useParentGestureRegistry();
-
-	return children;
-};

package/src/shared/hooks/gestures/use-parent-gesture-registry.tsx

@@ -1,18 +0,0 @@
-import { useEffect } from "react";
-import { useGestureContext } from "../../providers/gestures.provider";
-import useStableCallback from "../use-stable-callback";
-
-/**
- * Registers native gestures with parent gestures to enable proper gesture handling
- * in nested navigators that contain scrollable content.
- */
-export const useParentGestureRegistry = () => {
-	const { parentContext, nativeGesture } = useGestureContext();
-	const registerNativeGesture = useStableCallback(() => {
-		if (parentContext?.panGesture && nativeGesture) {
-			parentContext.panGesture.blocksExternalGesture(nativeGesture);
-		}
-	});
-
-	useEffect(registerNativeGesture);
-};