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

package/lib/typescript/shared/providers/gestures.provider.d.ts

@@ -1,4 +1,4 @@
-import type { GestureType } from "react-native-gesture-handler";
+import { type GestureType } from "react-native-gesture-handler";
 import type { SharedValue } from "react-native-reanimated";
 import type { GestureStoreMap } from "../stores/gesture.store";
 export type ScrollConfig = {
@@ -14,12 +14,15 @@ export interface GestureContextType {
     nativeGesture: GestureType;
     scrollConfig: SharedValue<ScrollConfig | null>;
     gestureAnimationValues: GestureStoreMap;
-    parentContext: GestureContextType | null;
+    ancestorContext: GestureContextType | null;
 }
-type GestureProviderProps = {
+/**
+ * Provider that creates gesture handling for a screen.
+ * If the current screen doesn't have gestures enabled but an ancestor does,
+ * we pass through the ancestor's context so scrollable children can coordinate
+ * with the ancestor's gestures.
+ */
+export declare const ScreenGestureProvider: import("react").FC<{
     children: React.ReactNode;
-};
-export declare const ScreenGestureProvider: ({ children }: GestureProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useGestureContext: () => GestureContextType;
-export {};
+}>, useGestureContext: () => GestureContextType | null;
 //# sourceMappingURL=gestures.provider.d.ts.map

package/lib/typescript/shared/providers/gestures.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gestures.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/gestures.provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,sBAAsB,EAAE,eAAe,CAAC;IACxC,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACzC;AAED,KAAK,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB,GAAI,cAAc,oBAAoB,4CAmCvE,CAAC;AAEF,eAAO,MAAM,iBAAiB,0BAU7B,CAAC"}
+{"version":3,"file":"gestures.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/gestures.provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,WAAW,EAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,sBAAsB,EAAE,eAAe,CAAC;IACxC,eAAe,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAC3C;AAED;;;;;GAKG;AACH,eAAO,MACN,qBAAqB;cAGT,KAAK,CAAC,SAAS;IAFF,iBAAiB,iCAyCzC,CAAC"}

package/lib/typescript/shared/providers/register-bounds.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register-bounds.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/register-bounds.provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACN,KAAK,WAAW,EAIhB,KAAK,UAAU,EAGf,MAAM,yBAAyB,CAAC;AAgBjC,UAAU,yBAAyB;IAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,UAAU,2BAA2B;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;CAC1D;AA4JD,QAAA,MAAQ,sBAAsB,iDA4H7B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"register-bounds.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/register-bounds.provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACN,KAAK,WAAW,EAIhB,KAAK,UAAU,EAGf,MAAM,yBAAyB,CAAC;AAgBjC,UAAU,yBAAyB;IAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,UAAU,2BAA2B;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;CAC1D;AA6JD,QAAA,MAAQ,sBAAsB,iDA4H7B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/lib/typescript/shared/providers/routes.provider.d.ts

@@ -0,0 +1,19 @@
+import { type AnimationStoreMap } from "../stores/animation.store";
+interface RoutesProviderProps {
+    children: React.ReactNode;
+    routeKeys: string[];
+}
+interface RoutesContextValue {
+    /**
+     * Array of route keys for all routes in the stack, in order.
+     */
+    routeKeys: string[];
+}
+declare const RoutesProvider: import("react").FC<RoutesProviderProps>, useRoutesContext: () => RoutesContextValue | null;
+export { RoutesProvider, useRoutesContext };
+/**
+ * Hook to get animation values for all screens from a given index onwards.
+ * Useful for computing accumulated progress across multiple screens.
+ */
+export declare function useStackAnimationValues(currentRouteKey: string | undefined): AnimationStoreMap[];
+//# sourceMappingURL=routes.provider.d.ts.map

package/lib/typescript/shared/providers/routes.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/routes.provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,2BAA2B,CAAC;AAGnC,UAAU,mBAAmB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAQ,cAAc,2CAAE,gBAAgB,iCAIrC,CAAC;AAEJ,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,uBAAuB,CACtC,eAAe,EAAE,MAAM,GAAG,SAAS,GACjC,iBAAiB,EAAE,CAoBrB"}

package/lib/typescript/shared/providers/screen-transition.provider.d.ts

@@ -1,13 +1,13 @@
 import type React from "react";
 import type { ComponentType } from "react";
-import type { ScreenLifecycleProps } from "../components/controllers/screen-lifecycle";
+import type { Any } from "../types/utils.types";
 import { type TransitionDescriptor } from "./keys.provider";
 type Props<TDescriptor extends TransitionDescriptor> = {
     previous?: TDescriptor;
     current: TDescriptor;
     next?: TDescriptor;
     children: React.ReactNode;
-    LifecycleController: ComponentType<ScreenLifecycleProps>;
+    LifecycleController: ComponentType<Any>;
 };
 export declare function ScreenTransitionProvider<TDescriptor extends TransitionDescriptor>({ previous, current, next, children, LifecycleController, }: Props<TDescriptor>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/typescript/shared/providers/screen-transition.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screen-transition.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/screen-transition.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAGvF,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG1E,KAAK,KAAK,CAAC,WAAW,SAAS,oBAAoB,IAAI;IACtD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;CACzD,CAAC;AAEF,wBAAgB,wBAAwB,CACvC,WAAW,SAAS,oBAAoB,EACvC,EACD,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,mBAAmB,GACnB,EAAE,KAAK,CAAC,WAAW,CAAC,2CAgBpB"}
+{"version":3,"file":"screen-transition.provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/screen-transition.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG1E,KAAK,KAAK,CAAC,WAAW,SAAS,oBAAoB,IAAI;IACtD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,wBAAgB,wBAAwB,CACvC,WAAW,SAAS,oBAAoB,EACvC,EACD,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,mBAAmB,GACnB,EAAE,KAAK,CAAC,WAAW,CAAC,2CAgBpB"}

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

@@ -60,6 +60,18 @@ export interface ScreenInterpolationProps {
      * Combined progress of current and next screen transitions, ranging from 0-2.
      */
     progress: number;
+    /**
+     * Accumulated progress from the current screen's position onwards in the stack.
+     * Unlike `progress` (0-2), this ranges from 0-N where N is the number of screens
+     * above the current screen. Each screen at index I sees stackProgress as the
+     * sum of all progress values from index I to the top of the stack.
+     *
+     * Example: With 4 screens pushed, screen at index 1 would see stackProgress = 3
+     * when all screens are fully transitioned.
+     *
+     * Falls back to `progress` when not in blank-stack.
+     */
+    stackProgress: number;
     /**
      * Function that provides access to bounds builders for creating shared element transitions.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"animation.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/animation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACxC;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,OAAO,EAAE,qBAAqB,CAAC;IAE/B;;OAEG;IACH,IAAI,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,EAAE,qBAAqB,CAAC;IAE9B;;OAEG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,CACrC,KAAK,EAAE,wBAAwB,KAC3B,2BAA2B,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB"}
+{"version":3,"file":"animation.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/animation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACxC;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,OAAO,EAAE,qBAAqB,CAAC;IAE/B;;OAEG;IACH,IAAI,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,OAAO,EAAE;QACR;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;OAUG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,EAAE,qBAAqB,CAAC;IAE9B;;OAEG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,CACrC,KAAK,EAAE,wBAAwB,KAC3B,2BAA2B,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB"}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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/lib/typescript/shared/utils/animation/compute-stack-progress.d.ts

@@ -0,0 +1,3 @@
+import type { AnimationStoreMap } from "../../stores/animation.store";
+export declare const computeStackProgress: (stackAnimationValues: AnimationStoreMap[], fallback?: number) => number;
+//# sourceMappingURL=compute-stack-progress.d.ts.map

package/lib/typescript/shared/utils/animation/compute-stack-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-stack-progress.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/animation/compute-stack-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,eAAO,MAAM,oBAAoB,GAChC,sBAAsB,iBAAiB,EAAE,EACzC,WAAU,MAAU,WAWpB,CAAC"}

package/lib/typescript/shared/utils/animation/start-screen-transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"start-screen-transition.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/animation/start-screen-transition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGlE,UAAU,0BAA0B;IACnC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,GAAI,mEAMnC,0BAA0B,SAwC5B,CAAC"}
+{"version":3,"file":"start-screen-transition.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/animation/start-screen-transition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlE,UAAU,0BAA0B;IACnC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,GAAI,mEAMnC,0BAA0B,SA0C5B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screen-transitions",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0-rc.5",
   "description": "Easy screen transitions for React Native and Expo",
   "author": "Ed",
   "license": "MIT",

package/src/blank-stack/components/screens.tsx

@@ -8,54 +8,58 @@ import Animated, {
 } from "react-native-reanimated";
 import { Screen as RNSScreen } from "react-native-screens";
 import { AnimationStore } from "../../shared/stores/animation.store";
+import { useStackNavigationContext } from "../utils/with-stack-navigation";
 
 interface ScreenProps {
 	routeKey: string;
 	index: number;
-	routesLength: number;
 	isPreloaded: boolean;
 	children: React.ReactNode;
 	freezeOnBlur?: boolean;
 	shouldFreeze?: boolean;
-	activeScreensLimit: number;
+}
+enum ScreenActivity {
+	INACTIVE = 0,
+	TRANSITIONING_OR_BELOW_TOP = 1,
+	ON_TOP = 2,
 }
 
 const EPSILON = 1e-5;
 
-const STATE_INACTIVE = 0;
-const STATE_TRANSITIONING_OR_BELOW_TOP = 1;
-const STATE_ON_TOP = 2;
-
 const AnimatedScreen = Animated.createAnimatedComponent(RNSScreen);
 
 export const Screen = ({
 	routeKey,
 	index,
-	routesLength,
 	isPreloaded,
-	activeScreensLimit,
 	children,
 	freezeOnBlur,
 	shouldFreeze,
 }: ScreenProps) => {
+	const { activeScreensLimit, routes } = useStackNavigationContext();
+	const routesLength = routes.length;
+
 	const sceneProgress = AnimationStore.getAnimation(routeKey, "progress");
-	const screenActivity = useSharedValue<0 | 1 | 2>(1);
+	const sceneClosing = AnimationStore.getAnimation(routeKey, "closing");
+	const screenActivity = useSharedValue<ScreenActivity>(
+		ScreenActivity.TRANSITIONING_OR_BELOW_TOP,
+	);
 
 	useDerivedValue(() => {
 		if (!sceneProgress) {
-			screenActivity.set(STATE_TRANSITIONING_OR_BELOW_TOP);
+			screenActivity.set(ScreenActivity.TRANSITIONING_OR_BELOW_TOP);
 			return;
 		}
 
 		if (index < routesLength - activeScreensLimit - 1 || isPreloaded) {
-			screenActivity.set(STATE_INACTIVE);
+			screenActivity.set(ScreenActivity.INACTIVE);
 		} else {
 			const outputValue =
 				index === routesLength - 1
-					? STATE_ON_TOP
+					? ScreenActivity.ON_TOP
 					: index >= routesLength - activeScreensLimit
-						? STATE_TRANSITIONING_OR_BELOW_TOP
-						: STATE_INACTIVE;
+						? ScreenActivity.TRANSITIONING_OR_BELOW_TOP
+						: ScreenActivity.INACTIVE;
 
 			const v = interpolate(
 				sceneProgress.get(),
@@ -64,8 +68,7 @@ export const Screen = ({
 				"clamp",
 			);
 
-			const next =
-				(Math.trunc(v) as 0 | 1 | 2) ?? STATE_TRANSITIONING_OR_BELOW_TOP;
+			const next = Math.trunc(v) ?? ScreenActivity.TRANSITIONING_OR_BELOW_TOP;
 
 			if (next !== screenActivity.get()) {
 				screenActivity.set(next);
@@ -74,9 +77,13 @@ export const Screen = ({
 	});
 
 	const animatedProps = useAnimatedProps(() => {
+		const activity = screenActivity.get();
 		return {
-			activityState: screenActivity.get(),
-			shouldFreeze: screenActivity.get() === STATE_INACTIVE && shouldFreeze,
+			activityState: activity,
+			shouldFreeze: activity === ScreenActivity.INACTIVE && shouldFreeze,
+			pointerEvents: sceneClosing.get()
+				? ("none" as const)
+				: ("box-none" as const),
 		};
 	});
 
@@ -84,7 +91,6 @@ export const Screen = ({
 		<AnimatedScreen
 			enabled
 			style={StyleSheet.absoluteFill}
-			pointerEvents="box-none"
 			freezeOnBlur={freezeOnBlur}
 			animatedProps={animatedProps}
 		>

package/src/blank-stack/components/stack-view.tsx

@@ -7,8 +7,9 @@ import * as React from "react";
 import { StyleSheet } from "react-native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { ScreenContainer } from "react-native-screens";
-import { BlankStackScreenLifecycleController } from "../../shared/components/controllers/screen-lifecycle";
+import { BlankStackScreenLifecycleController } from "../../shared/components/controllers/blank-stack-lifecycle";
 import { FlagsProvider } from "../../shared/providers/flags.provider";
+import { RoutesProvider } from "../../shared/providers/routes.provider";
 import { ScreenTransitionProvider } from "../../shared/providers/screen-transition.provider";
 import type { BlankStackDescriptor } from "../types";
 import { withStackNavigationProvider } from "../utils/with-stack-navigation";
@@ -23,7 +24,9 @@ type SceneViewProps = {
 	descriptor: BlankStackDescriptor;
 };
 
-const SceneView = React.memo(({ descriptor }: SceneViewProps) => {
+const SceneView = React.memo(function SceneView({
+	descriptor,
+}: SceneViewProps) {
 	const { route, navigation, render } = descriptor;
 
 	return (
@@ -37,63 +40,64 @@ const SceneView = React.memo(({ descriptor }: SceneViewProps) => {
 });
 
 export const StackView = withStackNavigationProvider(
-	({
-		activeScreensLimit,
-		descriptors,
-		focusedIndex,
-		routes,
-		scenes,
-		shouldShowFloatOverlay,
-	}) => {
+	({ descriptors, focusedIndex, routes, scenes, shouldShowFloatOverlay }) => {
+		// Memoize route keys array for ScenesProvider
+		const routeKeys = React.useMemo(
+			() => routes.map((route) => route.key),
+			[routes],
+		);
+
 		return (
 			<FlagsProvider TRANSITIONS_ALWAYS_ON>
-				<GestureHandlerRootView>
-					<SafeAreaProviderCompat>
-						{shouldShowFloatOverlay ? <Overlay.Float /> : null}
-						<ScreenContainer style={styles.container}>
-							{scenes.map((scene, sceneIndex) => {
-								const descriptor = scene.descriptor;
-								const route = scene.route;
-								const isFocused = focusedIndex === sceneIndex;
-								const isBelowFocused = focusedIndex - 1 === sceneIndex;
+				<RoutesProvider routeKeys={routeKeys}>
+					<GestureHandlerRootView>
+						<SafeAreaProviderCompat>
+							{shouldShowFloatOverlay ? <Overlay.Float /> : null}
+							<ScreenContainer style={styles.container}>
+								{scenes.map((scene, sceneIndex) => {
+									const descriptor = scene.descriptor;
+									const route = scene.route;
+									const isFocused = focusedIndex === sceneIndex;
+									const isBelowFocused = focusedIndex - 1 === sceneIndex;
 
-								const previousDescriptor =
-									scenes[sceneIndex - 1]?.descriptor ?? undefined;
-								const nextDescriptor =
-									scenes[sceneIndex + 1]?.descriptor ?? undefined;
+									const previousDescriptor =
+										scenes[sceneIndex - 1]?.descriptor ?? undefined;
+									const nextDescriptor =
+										scenes[sceneIndex + 1]?.descriptor ?? undefined;
 
-								const isPreloaded = descriptors[route.key] === undefined;
+									const isPreloaded = descriptors[route.key] === undefined;
 
-								// On Fabric, when screen is frozen, animated and reanimated values are not updated
-								// due to component being unmounted. To avoid this, we don't freeze the previous screen there
-								const shouldFreeze = isFabric()
-									? !isPreloaded && !isFocused && !isBelowFocused
-									: !isPreloaded && !isFocused;
-								return (
-									<Screen
-										key={route.key}
-										isPreloaded={isPreloaded}
-										index={sceneIndex}
-										activeScreensLimit={activeScreensLimit}
-										routeKey={route.key}
-										routesLength={routes.length}
-										shouldFreeze={shouldFreeze}
-										freezeOnBlur={descriptor.options.freezeOnBlur}
-									>
-										<ScreenTransitionProvider
-											previous={previousDescriptor}
-											current={descriptor}
-											next={nextDescriptor}
-											LifecycleController={BlankStackScreenLifecycleController}
+									// On Fabric, when screen is frozen, animated and reanimated values are not updated
+									// due to component being unmounted. To avoid this, we don't freeze the previous screen there
+									const shouldFreeze = isFabric()
+										? !isPreloaded && !isFocused && !isBelowFocused
+										: !isPreloaded && !isFocused;
+									return (
+										<Screen
+											key={route.key}
+											isPreloaded={isPreloaded}
+											index={sceneIndex}
+											routeKey={route.key}
+											shouldFreeze={shouldFreeze}
+											freezeOnBlur={descriptor.options.freezeOnBlur}
 										>
-											<SceneView key={route.key} descriptor={descriptor} />
-										</ScreenTransitionProvider>
-									</Screen>
-								);
-							})}
-						</ScreenContainer>
-					</SafeAreaProviderCompat>
-				</GestureHandlerRootView>
+											<ScreenTransitionProvider
+												previous={previousDescriptor}
+												current={descriptor}
+												next={nextDescriptor}
+												LifecycleController={
+													BlankStackScreenLifecycleController
+												}
+											>
+												<SceneView key={route.key} descriptor={descriptor} />
+											</ScreenTransitionProvider>
+										</Screen>
+									);
+								})}
+							</ScreenContainer>
+						</SafeAreaProviderCompat>
+					</GestureHandlerRootView>
+				</RoutesProvider>
 			</FlagsProvider>
 		);
 	},

package/src/blank-stack/types.ts

@@ -18,29 +18,7 @@ import type {
 	ScreenInterpolationProps,
 } from "../shared/types/animation.types";
 
-export type BlankStackNavigationEventMap = {
-	/**
-	 * Event which fires when a transition animation starts.
-	 */
-	transitionStart: { data: { closing: boolean } };
-	/**
-	 * Event which fires when a transition animation ends.
-	 */
-	transitionEnd: { data: { closing: boolean } };
-	/**
-	 * Event which fires when a swipe back is canceled on iOS.
-	 */
-	gestureCancel: { data: undefined };
-	/**
-	 * Event which fires when screen is in sheet presentation & it's detent changes.
-	 *
-	 * In payload it caries two fields:
-	 *
-	 * * `index` - current detent index in the `sheetAllowedDetents` array,
-	 * * `stable` - on Android `false` value means that the user is dragging the sheet or it is settling; on iOS it is always `true`.
-	 */
-	sheetDetentChange: { data: { index: number; stable: boolean } };
-};
+export type BlankStackNavigationEventMap = {};
 
 export type BlankStackNavigationProp<
 	ParamList extends ParamListBase,
@@ -132,7 +110,6 @@ export type BlankStackScreenTransitionConfig = ScreenTransitionConfig & {
 	 * Whether to detach the previous screen from the view hierarchy to save memory.
 	 * Set it to `false` if you need the previous screen to be seen through the active screen.
 	 * Only applicable if `detachInactiveScreens` isn't set to `false`.
-	 * Defaults to `false` for the last screen for modals, otherwise `true`.
 	 */
 	detachPreviousScreen?: boolean;
 };

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

@@ -43,8 +43,8 @@ const { withStackNavigationProvider, useStackNavigationContext } =
 				};
 			}, [state.routes, state.descriptors]);
 
-		return {
-			value: {
+		const value = useMemo(
+			() => ({
 				routes: state.routes,
 				focusedIndex: props.state.index,
 				descriptors: state.descriptors,
@@ -53,7 +53,21 @@ const { withStackNavigationProvider, useStackNavigationContext } =
 				handleCloseRoute,
 				scenes,
 				shouldShowFloatOverlay,
-			},
+			}),
+			[
+				state.routes,
+				state.descriptors,
+				props.state.index,
+				closingRouteKeys.shared,
+				activeScreensLimit,
+				handleCloseRoute,
+				scenes,
+				shouldShowFloatOverlay,
+			],
+		);
+
+		return {
+			value,
 		};
 	});