react-native-screen-transitions 3.0.0 → 3.2.0-beta.0

package/README.md

@@ -211,51 +211,85 @@ import { interpolate } from "react-native-reanimated";
 
 ### Interpolator Props
 
-| Prop                    | Description                                              |
-| ----------------------- | -------------------------------------------------------- |
-| `progress`              | Combined progress (0-2). 0=entering, 1=active, 2=exiting |
-| `stackProgress`         | Accumulated progress across entire stack (0, 1, 2, 3...) |
-| `current`               | Current screen state (progress, closing, gesture, meta)  |
-| `previous`              | Previous screen state (may be undefined)                 |
-| `next`                  | Next screen state (may be undefined)                     |
-| `layouts.screen`        | Screen dimensions `{ width, height }`                    |
-| `insets`                | Safe area insets `{ top, right, bottom, left }`          |
-| `focused`               | Whether current screen is the topmost                    |
-| `active`                | The screen driving the transition                        |
-| `isActiveTransitioning` | Whether active screen is animating                       |
-| `isDismissing`          | Whether active screen is being dismissed                 |
-| `bounds`                | Function to access shared element positions              |
-
-### Screen State (`current`, `previous`, `next`)
+| Prop             | Description                                              |
+| ---------------- | -------------------------------------------------------- |
+| `progress`       | Combined progress (0-2). 0=entering, 1=active, 2=exiting |
+| `stackProgress`  | Accumulated progress across entire stack (0, 1, 2, 3...) |
+| `current`        | Current screen state (progress, closing, gesture, meta)  |
+| `previous`       | Previous screen state (may be undefined)                 |
+| `next`           | Next screen state (may be undefined)                     |
+| `layouts.screen` | Screen dimensions `{ width, height }`                    |
+| `insets`         | Safe area insets `{ top, right, bottom, left }`          |
+| `focused`        | Whether current screen is the topmost                    |
+| `active`         | The screen driving the transition                        |
+| `inactive`       | The screen NOT driving the transition                    |
+| `bounds`         | Function to access shared element positions              |
+
+### Screen State (`current`, `previous`, `next`, `active`, `inactive`)
 
 Each screen state contains:
 
-| Property   | Description                                        |
-| ---------- | -------------------------------------------------- |
-| `progress` | Animation progress for this screen (0 or 1)        |
-| `closing`  | Whether screen is closing (0 or 1)                 |
-| `animating`| Whether screen is currently animating (0 or 1)     |
-| `gesture`  | Gesture values (x, y, normalizedX, normalizedY, etc.) |
-| `meta`     | Custom metadata from screen options                |
+| Property    | Description                                           |
+| ----------- | ----------------------------------------------------- |
+| `progress`  | Animation progress for this screen (0 or 1)           |
+| `closing`   | Whether screen is closing (0 or 1)                    |
+| `animating` | Whether screen is currently animating (0 or 1)        |
+| `gesture`   | Gesture values (x, y, normalizedX, normalizedY, etc.) |
+| `meta`      | Custom metadata from screen options                   |
+
+### Understanding `active` and `inactive`
+
+The `active` and `inactive` props help you write cleaner conditional logic:
+
+- **`active`** – The screen driving the transition. When focused, this is `current`. When not focused, this is `next`.
+- **`inactive`** – The screen NOT driving the transition. When focused, this is `previous`. When not focused, this is `current`.
+
+```tsx
+// Check if the inactive screen wants to disable an animation
+const disableTranslateY = props.inactive?.meta?.disableTranslateYAnimation;
+
+// Check if the active screen is animating or closing
+const isAnimating = props.active.animating;
+const isClosing = props.active.closing;
+```
 
 ### Using `meta` for Conditional Logic
 
 Use `meta` to pass custom data for conditional animation logic. This is more robust than checking route names:
 
 ```tsx
-// In screen options
+// Screen A sets meta to affect how Screen B animates
 <Stack.Screen
-  name="Detail"
+  name="ScreenA"
+  options={{
+    meta: { disableTranslateYAnimation: true },
+  }}
+/>
+
+// Screen B checks inactive screen's meta
+<Stack.Screen
+  name="ScreenB"
   options={{
-    meta: { scalesOthers: true },
-    screenStyleInterpolator: ({ progress }) => {
+    screenStyleInterpolator: (props) => {
       "worklet";
-      return { contentStyle: { opacity: progress } };
+
+      // When entering from ScreenA, inactive = ScreenA (previous)
+      // When going back to ScreenA, inactive = ScreenB (current)
+      const disableY = props.inactive?.meta?.disableTranslateYAnimation;
+
+      return {
+        contentStyle: {
+          transform: [{ translateY: disableY ? 0 : translateY }],
+        },
+      };
     },
   }}
 />
+```
+
+You can also react to screen state changes within components:
 
-// In a component on a previous screen
+```tsx
 const animation = useScreenAnimation();
 
 useAnimatedReaction(
@@ -390,11 +424,11 @@ screenStyleInterpolator: ({ bounds, progress }) => {
 };
 ```
 
-| Method                                     | Description                                           |
-| ------------------------------------------ | ----------------------------------------------------- |
-| `bounds.getLink(id)`                       | Get source/destination bounds and styles for a tag    |
-| `bounds.interpolateStyle(id, prop, fallback?)` | Interpolate a numeric style between source and dest   |
-| `bounds.getSnapshot(id, key)`              | Manual lookup by specific screen key (edge cases)     |
+| Method                                         | Description                                         |
+| ---------------------------------------------- | --------------------------------------------------- |
+| `bounds.getLink(id)`                           | Get source/destination bounds and styles for a tag  |
+| `bounds.interpolateStyle(id, prop, fallback?)` | Interpolate a numeric style between source and dest |
+| `bounds.getSnapshot(id, key)`                  | Manual lookup by specific screen key (edge cases)   |
 
 ---
 
@@ -508,15 +542,15 @@ An overlay that moves with screen content:
 
 ### Overlay Props
 
-| Prop               | Description                                                  |
-| ------------------ | ------------------------------------------------------------ |
-| `focusedRoute`     | Currently focused route                                      |
-| `focusedIndex`     | Index of focused screen                                      |
-| `routes`           | All routes in the stack                                      |
-| `meta`             | Custom metadata passed from screen options                   |
-| `navigation`       | Navigation prop                                              |
-| `overlayAnimation` | Animation values with `progress` accumulated across stack    |
-| `screenAnimation`  | Animation values for the current focused screen              |
+| Prop               | Description                                               |
+| ------------------ | --------------------------------------------------------- |
+| `focusedRoute`     | Currently focused route                                   |
+| `focusedIndex`     | Index of focused screen                                   |
+| `routes`           | All routes in the stack                                   |
+| `meta`             | Custom metadata passed from screen options                |
+| `navigation`       | Navigation prop                                           |
+| `overlayAnimation` | Animation values with `progress` accumulated across stack |
+| `screenAnimation`  | Animation values for the current focused screen           |
 
 ### Passing Custom Data
 
@@ -616,10 +650,12 @@ transitionSpec: {
 
 ## Masked View Setup
 
-Required for `SharedIGImage` and `SharedAppleMusic` presets.
+Required for `SharedIGImage` and `SharedAppleMusic` presets. The masked view creates the "reveal" effect where content appears to expand from the shared element.
 
 > **Note**: Requires native code. Will not work in Expo Go.
 
+### Installation
+
 ```bash
 # Expo
 npx expo install @react-native-masked-view/masked-view
@@ -629,18 +665,100 @@ npm install @react-native-masked-view/masked-view
 cd ios && pod install
 ```
 
-Wrap destination screen content:
+### Complete Example
+
+Here's a full example showing how to set up an Apple Music-style shared element transition:
+
+**1. Source Screen** – Tag pressable elements with `sharedBoundTag`:
+
+```tsx
+// app/index.tsx
+import { router } from "expo-router";
+import { View } from "react-native";
+import Transition from "react-native-screen-transitions";
+
+export default function HomeScreen() {
+  return (
+    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+      <Transition.Pressable
+        sharedBoundTag="album-art"
+        style={{
+          width: 200,
+          height: 200,
+          backgroundColor: "#1DB954",
+          borderRadius: 12,
+        }}
+        onPress={() => {
+          router.push({
+            pathname: "/details",
+            params: { sharedBoundTag: "album-art" },
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+**2. Destination Screen** – Wrap content with `MaskedView` and match the `sharedBoundTag`:
 
 ```tsx
-export default function DetailScreen() {
+// app/details.tsx
+import { useLocalSearchParams } from "expo-router";
+import Transition from "react-native-screen-transitions";
+
+export default function DetailsScreen() {
+  const { sharedBoundTag } = useLocalSearchParams<{ sharedBoundTag: string }>();
+
   return (
-    <Transition.MaskedView style={{ flex: 1 }}>
-      {/* screen content */}
+    <Transition.MaskedView style={{ flex: 1, backgroundColor: "#121212" }}>
+      <Transition.View
+        sharedBoundTag={sharedBoundTag}
+        style={{
+          backgroundColor: "#1DB954",
+          width: 400,
+          height: 400,
+          alignSelf: "center",
+          borderRadius: 12,
+        }}
+      />
+      {/* Additional screen content */}
     </Transition.MaskedView>
   );
 }
 ```
 
+**3. Layout** – Apply the shared element preset with dynamic `sharedBoundTag`:
+
+```tsx
+// app/_layout.tsx
+import Transition from "react-native-screen-transitions";
+import { Stack } from "./stack";
+
+export default function RootLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" />
+      <Stack.Screen
+        name="details"
+        options={({ route }) => ({
+          ...Transition.Presets.SharedAppleMusic({
+            sharedBoundTag: route.params?.sharedBoundTag ?? "",
+          }),
+        })}
+      />
+    </Stack>
+  );
+}
+```
+
+### How It Works
+
+1. `Transition.Pressable` measures its bounds when pressed and stores them with the `sharedBoundTag`
+2. `Transition.View` on the destination screen registers as the target for that tag
+3. `Transition.MaskedView` clips the destination content to the animating shared element bounds
+4. The preset interpolates position, size, and the mask to create the seamless expand/collapse effect
+
 ---
 
 ## Native Stack
@@ -725,6 +843,19 @@ To avoid collisions with custom gesture options, some native options are renamed
 
 ---
 
+## Migrating from Earlier Versions
+
+### Deprecated Props
+
+The following props are deprecated and will be removed in a future version:
+
+| Deprecated Prop         | Use Instead        |
+| ----------------------- | ------------------ |
+| `isActiveTransitioning` | `active.animating` |
+| `isDismissing`          | `active.closing`   |
+
+---
+
 ## Support
 
 This package is developed in my spare time. Updates and bug fixes may take time.

package/lib/commonjs/blank-stack/components/screens.js

@@ -7,8 +7,8 @@ exports.Screen = void 0;
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeScreens = require("react-native-screens");
+var _managed = require("../../shared/providers/stack/managed.provider");
 var _animation = require("../../shared/stores/animation.store");
-var _withStackNavigation = require("../utils/with-stack-navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 var ScreenActivity = /*#__PURE__*/function (ScreenActivity) {
@@ -30,7 +30,7 @@ const Screen = ({
   const {
     activeScreensLimit,
     routes
-  } = (0, _withStackNavigation.useStackNavigationContext)();
+  } = (0, _managed.useManagedStackContext)();
   const routesLength = routes.length;
   const sceneProgress = _animation.AnimationStore.getAnimation(routeKey, "progress");
   const sceneClosing = _animation.AnimationStore.getAnimation(routeKey, "closing");

package/lib/commonjs/blank-stack/components/screens.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeScreens","_animation","_withStackNavigation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ScreenActivity","EPSILON","AnimatedScreen","Animated","createAnimatedComponent","RNSScreen","Screen","routeKey","index","isPreloaded","children","freezeOnBlur","shouldFreeze","activeScreensLimit","routes","useStackNavigationContext","routesLength","length","sceneProgress","AnimationStore","getAnimation","sceneClosing","screenActivity","useSharedValue","TRANSITIONING_OR_BELOW_TOP","useDerivedValue","INACTIVE","outputValue","ON_TOP","v","interpolate","next","Math","trunc","animatedProps","useAnimatedProps","activity","activityState","pointerEvents","jsx","enabled","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../src","sources":["blank-stack/components/screens.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeScreens","_managed","_animation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ScreenActivity","EPSILON","AnimatedScreen","Animated","createAnimatedComponent","RNSScreen","Screen","routeKey","index","isPreloaded","children","freezeOnBlur","shouldFreeze","activeScreensLimit","routes","useManagedStackContext","routesLength","length","sceneProgress","AnimationStore","getAnimation","sceneClosing","screenActivity","useSharedValue","TRANSITIONING_OR_BELOW_TOP","useDerivedValue","INACTIVE","outputValue","ON_TOP","v","interpolate","next","Math","trunc","animatedProps","useAnimatedProps","activity","activityState","pointerEvents","jsx","enabled","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../src","sources":["blank-stack/components/screens.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/blank-stack/components/stack-view.js

@@ -4,18 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackView = void 0;
-var _elements = require("@react-navigation/elements");
 var _native = require("@react-navigation/native");
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeScreens = require("react-native-screens");
-var _blankStackLifecycle = require("../../shared/components/controllers/blank-stack-lifecycle");
-var _flags = require("../../shared/providers/flags.provider");
-var _routes = require("../../shared/providers/routes.provider");
-var _screenTransition = require("../../shared/providers/screen-transition.provider");
-var _withStackNavigation = require("../utils/with-stack-navigation");
-var _overlay = require("./overlay");
+var _overlay = require("../../shared/components/overlay");
+var _screenComposer = require("../../shared/providers/screen/screen-composer");
+var _core = require("../../shared/providers/stack/core.provider");
+var _managed = require("../../shared/providers/stack/managed.provider");
+var _blankStackLifecycle = require("../controllers/blank-stack-lifecycle");
 var _screens = require("./screens");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -38,58 +36,51 @@ const SceneView = /*#__PURE__*/React.memo(function SceneView({
     })
   });
 });
-const StackView = exports.StackView = (0, _withStackNavigation.withStackNavigationProvider)(({
+const StackView = exports.StackView = (0, _core.withStackCore)({
+  TRANSITIONS_ALWAYS_ON: true
+}, (0, _managed.withManagedStack)(({
   descriptors,
   focusedIndex,
-  routes,
   scenes,
   shouldShowFloatOverlay
 }) => {
-  // Memoize route keys array for ScenesProvider
-  const routeKeys = React.useMemo(() => routes.map(route => route.key), [routes]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flags.FlagsProvider, {
-    TRANSITIONS_ALWAYS_ON: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_routes.RoutesProvider, {
-      routeKeys: routeKeys,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_elements.SafeAreaProviderCompat, {
-          children: [shouldShowFloatOverlay ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Float, {}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeScreens.ScreenContainer, {
-            style: styles.container,
-            children: 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 isPreloaded = descriptors[route.key] === undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [shouldShowFloatOverlay ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Float, {}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Container, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeScreens.ScreenContainer, {
+        style: styles.container,
+        children: 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 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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_screens.Screen, {
-                isPreloaded: isPreloaded,
-                index: sceneIndex,
-                routeKey: route.key,
-                shouldFreeze: shouldFreeze,
-                freezeOnBlur: descriptor.options.freezeOnBlur,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTransition.ScreenTransitionProvider, {
-                  previous: previousDescriptor,
-                  current: descriptor,
-                  next: nextDescriptor,
-                  LifecycleController: _blankStackLifecycle.BlankStackScreenLifecycleController,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SceneView, {
-                    descriptor: descriptor
-                  }, route.key)
-                })
-              }, route.key);
+          // 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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_screens.Screen, {
+            isPreloaded: isPreloaded,
+            index: sceneIndex,
+            routeKey: route.key,
+            shouldFreeze: shouldFreeze,
+            freezeOnBlur: descriptor.options.freezeOnBlur,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenComposer.ScreenComposer, {
+              previous: previousDescriptor,
+              current: descriptor,
+              next: nextDescriptor,
+              LifecycleController: _blankStackLifecycle.BlankStackScreenLifecycleController,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SceneView, {
+                descriptor: descriptor
+              }, route.key)
             })
-          })]
+          }, route.key);
         })
       })
-    })
+    })]
   });
-});
+}));
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1

package/lib/commonjs/blank-stack/components/stack-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_elements","require","_native","React","_interopRequireWildcard","_reactNative","_reactNativeGestureHandler","_reactNativeScreens","_blankStackLifecycle","_flags","_routes","_screenTransition","_withStackNavigation","_overlay","_screens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isFabric","global","SceneView","memo","descriptor","route","navigation","render","jsx","NavigationContext","Provider","value","children","jsxs","NavigationRouteContext","options","overlayMode","Overlay","Screen","StackView","exports","withStackNavigationProvider","descriptors","focusedIndex","routes","scenes","shouldShowFloatOverlay","routeKeys","useMemo","map","key","FlagsProvider","TRANSITIONS_ALWAYS_ON","RoutesProvider","GestureHandlerRootView","SafeAreaProviderCompat","Float","ScreenContainer","style","styles","container","scene","sceneIndex","isFocused","isBelowFocused","previousDescriptor","undefined","nextDescriptor","isPreloaded","shouldFreeze","index","routeKey","freezeOnBlur","ScreenTransitionProvider","previous","current","next","LifecycleController","BlankStackScreenLifecycleController","StyleSheet","create","flex"],"sourceRoot":"../../../../src","sources":["blank-stack/components/stack-view.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_native","require","_react","_interopRequireWildcard","React","_reactNative","_reactNativeScreens","_overlay","_screenComposer","_core","_managed","_blankStackLifecycle","_screens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isFabric","global","SceneView","memo","descriptor","route","navigation","render","jsx","NavigationContext","Provider","value","children","jsxs","NavigationRouteContext","options","overlayMode","Overlay","Screen","StackView","exports","withStackCore","TRANSITIONS_ALWAYS_ON","withManagedStack","descriptors","focusedIndex","scenes","shouldShowFloatOverlay","Fragment","Float","Container","ScreenContainer","style","styles","container","map","scene","sceneIndex","isFocused","isBelowFocused","previousDescriptor","undefined","nextDescriptor","isPreloaded","key","shouldFreeze","index","routeKey","freezeOnBlur","ScreenComposer","previous","current","next","LifecycleController","BlankStackScreenLifecycleController","StyleSheet","create","flex"],"sourceRoot":"../../../../src","sources":["blank-stack/components/stack-view.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/{shared/components → blank-stack}/controllers/blank-stack-lifecycle.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.BlankStackScreenLifecycleController = void 0;
 var _react = require("react");
 var _reactNativeReanimated = require("react-native-reanimated");
-var _withStackNavigation = require("../../../blank-stack/utils/with-stack-navigation");
-var _useStableCallback = _interopRequireDefault(require("../../hooks/use-stable-callback"));
-var _keys = require("../../providers/keys.provider");
-var _animation = require("../../stores/animation.store");
-var _startScreenTransition = require("../../utils/animation/start-screen-transition");
-var _resetStoresForScreen = require("../../utils/reset-stores-for-screen");
+var _useHighRefreshRate = require("../../shared/hooks/animation/use-high-refresh-rate");
+var _useStableCallback = _interopRequireDefault(require("../../shared/hooks/use-stable-callback"));
+var _keys = require("../../shared/providers/screen/keys.provider");
+var _managed = require("../../shared/providers/stack/managed.provider");
+var _animation = require("../../shared/stores/animation.store");
+var _startScreenTransition = require("../../shared/utils/animation/start-screen-transition");
+var _resetStoresForScreen = require("../../shared/utils/reset-stores-for-screen");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Lifecycle controller built out for Blank Stack implementation.
@@ -25,19 +26,26 @@ const BlankStackScreenLifecycleController = ({
   const {
     handleCloseRoute,
     closingRouteKeysShared
-  } = (0, _withStackNavigation.useStackNavigationContext)();
+  } = (0, _managed.useManagedStackContext)();
   const animations = _animation.AnimationStore.getAll(current.route.key);
+  const {
+    deactivateHighRefreshRate,
+    activateHighRefreshRate
+  } = (0, _useHighRefreshRate.useHighRefreshRate)(current);
   const handleInitialize = (0, _useStableCallback.default)(() => {
+    activateHighRefreshRate();
     (0, _startScreenTransition.startScreenTransition)({
       target: "open",
       spec: current.options.transitionSpec,
-      animations
+      animations,
+      onAnimationFinish: deactivateHighRefreshRate
     });
   });
   const handleCleanup = (0, _useStableCallback.default)(() => {
     (0, _resetStoresForScreen.resetStoresForScreen)(current);
   });
   const handleCloseEnd = (0, _useStableCallback.default)(finished => {
+    deactivateHighRefreshRate();
     if (!finished) {
       return;
     }
@@ -53,6 +61,7 @@ const BlankStackScreenLifecycleController = ({
     if (!keys.includes(current.route.key)) {
       return;
     }
+    (0, _reactNativeReanimated.runOnJS)(activateHighRefreshRate)();
     (0, _startScreenTransition.startScreenTransition)({
       target: "close",
       spec: current.options.transitionSpec,

package/lib/commonjs/blank-stack/controllers/blank-stack-lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_useHighRefreshRate","_useStableCallback","_interopRequireDefault","_keys","_managed","_animation","_startScreenTransition","_resetStoresForScreen","e","__esModule","default","BlankStackScreenLifecycleController","children","current","useKeys","handleCloseRoute","closingRouteKeysShared","useManagedStackContext","animations","AnimationStore","getAll","route","key","deactivateHighRefreshRate","activateHighRefreshRate","useHighRefreshRate","handleInitialize","useStableCallback","startScreenTransition","target","spec","options","transitionSpec","onAnimationFinish","handleCleanup","resetStoresForScreen","handleCloseEnd","finished","useAnimatedReaction","keys","value","includes","runOnJS","useLayoutEffect","exports"],"sourceRoot":"../../../../src","sources":["blank-stack/controllers/blank-stack-lifecycle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AACA,IAAAS,qBAAA,GAAAT,OAAA;AAAkF,SAAAI,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlF;AACA;AACA;AACO,MAAMG,mCAAmC,GAAGA,CAAC;EAAEC;AAAgB,CAAC,KAAK;EAC3E,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,aAAO,EAAuB,CAAC;EACnD,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAE7E,MAAMC,UAAU,GAAGC,yBAAc,CAACC,MAAM,CAACP,OAAO,CAACQ,KAAK,CAACC,GAAG,CAAC;EAE3D,MAAM;IAAEC,yBAAyB;IAAEC;EAAwB,CAAC,GAC3D,IAAAC,sCAAkB,EAACZ,OAAO,CAAC;EAE5B,MAAMa,gBAAgB,GAAG,IAAAC,0BAAiB,EAAC,MAAM;IAChDH,uBAAuB,CAAC,CAAC;IACzB,IAAAI,4CAAqB,EAAC;MACrBC,MAAM,EAAE,MAAM;MACdC,IAAI,EAAEjB,OAAO,CAACkB,OAAO,CAACC,cAAc;MACpCd,UAAU;MACVe,iBAAiB,EAAEV;IACpB,CAAC,CAAC;EACH,CAAC,CAAC;EAEF,MAAMW,aAAa,GAAG,IAAAP,0BAAiB,EAAC,MAAM;IAC7C,IAAAQ,0CAAoB,EAACtB,OAAO,CAAC;EAC9B,CAAC,CAAC;EAEF,MAAMuB,cAAc,GAAG,IAAAT,0BAAiB,EAAEU,QAAiB,IAAK;IAC/Dd,yBAAyB,CAAC,CAAC;IAC3B,IAAI,CAACc,QAAQ,EAAE;MACd;IACD;IACAtB,gBAAgB,CAAC;MAAEM,KAAK,EAAER,OAAO,CAACQ;IAAM,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEF,IAAAiB,0CAAmB,EAClB,OAAO;IACNC,IAAI,EAAEvB,sBAAsB,CAACwB;EAC9B,CAAC,CAAC,EACF,CAAC;IAAED;EAAK,CAAC,KAAK;IACb,IAAI,CAACA,IAAI,CAACE,QAAQ,CAAC5B,OAAO,CAACQ,KAAK,CAACC,GAAG,CAAC,EAAE;MACtC;IACD;IAEA,IAAAoB,8BAAO,EAAClB,uBAAuB,CAAC,CAAC,CAAC;IAClC,IAAAI,4CAAqB,EAAC;MACrBC,MAAM,EAAE,OAAO;MACfC,IAAI,EAAEjB,OAAO,CAACkB,OAAO,CAACC,cAAc;MACpCd,UAAU;MACVe,iBAAiB,EAAEG;IACpB,CAAC,CAAC;EACH,CACD,CAAC;EAED,IAAAO,sBAAe,EAAC,MAAM;IACrBjB,gBAAgB,CAAC,CAAC;IAClB,OAAO,MAAM;MACZQ,aAAa,CAAC,CAAC;IAChB,CAAC;EACF,CAAC,EAAE,CAACR,gBAAgB,EAAEQ,aAAa,CAAC,CAAC;EAErC,OAAOtB,QAAQ;AAChB,CAAC;AAACgC,OAAA,CAAAjC,mCAAA,GAAAA,mCAAA","ignoreList":[]}

package/lib/commonjs/component-stack/components/component-view.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _reactNative = require("react-native");
+var _overlay = require("../../shared/components/overlay");
+var _screenComposer = require("../../shared/providers/screen/screen-composer");
+var _core = require("../../shared/providers/stack/core.provider");
+var _managed = require("../../shared/providers/stack/managed.provider");
+var _componentStackLifecycle = require("../controllers/component-stack-lifecycle");
+var _screens = require("./screens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SceneView = /*#__PURE__*/React.memo(function SceneView({
+  descriptor
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [descriptor.options.overlayMode === "screen" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Screen, {}), descriptor.render()]
+  });
+});
+const ComponentView = exports.ComponentView = (0, _core.withStackCore)({
+  TRANSITIONS_ALWAYS_ON: true
+}, (0, _managed.withManagedStack)(({
+  scenes,
+  shouldShowFloatOverlay
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [shouldShowFloatOverlay ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Float, {}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Container, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.container,
+        children: scenes.map((scene, sceneIndex) => {
+          const descriptor = scene.descriptor;
+          const route = scene.route;
+          const previousDescriptor = scenes[sceneIndex - 1]?.descriptor;
+          const nextDescriptor = scenes[sceneIndex + 1]?.descriptor;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_screens.Screen, {
+            index: sceneIndex,
+            routeKey: route.key,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenComposer.ScreenComposer, {
+              previous: previousDescriptor,
+              current: descriptor,
+              next: nextDescriptor,
+              LifecycleController: _componentStackLifecycle.ComponentStackScreenLifecycleController,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SceneView, {
+                descriptor: descriptor
+              }, route.key)
+            })
+          }, route.key);
+        })
+      })
+    })]
+  });
+}));
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=component-view.js.map