react-native-screen-transitions 3.9.0-alpha.3 → 3.9.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js +31 -1
  2. package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js.map +1 -1
  3. package/lib/commonjs/shared/components/boundary/portal/components/portal.js +7 -43
  4. package/lib/commonjs/shared/components/boundary/portal/components/portal.js.map +1 -1
  5. package/lib/commonjs/shared/components/boundary/portal/hooks/use-placeholder-styles.js +57 -0
  6. package/lib/commonjs/shared/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
  7. package/lib/commonjs/shared/components/boundary/portal/utils/offset-style.js +4 -3
  8. package/lib/commonjs/shared/components/boundary/portal/utils/offset-style.js.map +1 -1
  9. package/lib/commonjs/shared/components/masked-view.js +5 -0
  10. package/lib/commonjs/shared/components/masked-view.js.map +1 -1
  11. package/lib/commonjs/shared/components/screen-container/layers/backdrop.js +18 -8
  12. package/lib/commonjs/shared/components/screen-container/layers/backdrop.js.map +1 -1
  13. package/lib/commonjs/shared/components/screen-container/layers/content.js +34 -16
  14. package/lib/commonjs/shared/components/screen-container/layers/content.js.map +1 -1
  15. package/lib/commonjs/shared/components/screen-container/layers/render-component.js +10 -0
  16. package/lib/commonjs/shared/components/screen-container/layers/render-component.js.map +1 -0
  17. package/lib/commonjs/shared/components/screen-container/layers/surface-container.js +5 -3
  18. package/lib/commonjs/shared/components/screen-container/layers/surface-container.js.map +1 -1
  19. package/lib/commonjs/shared/index.js +4 -0
  20. package/lib/commonjs/shared/index.js.map +1 -1
  21. package/lib/commonjs/shared/providers/register-bounds.provider.js +6 -0
  22. package/lib/commonjs/shared/providers/register-bounds.provider.js.map +1 -1
  23. package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js +31 -1
  24. package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js.map +1 -1
  25. package/lib/module/shared/components/boundary/portal/components/portal.js +8 -44
  26. package/lib/module/shared/components/boundary/portal/components/portal.js.map +1 -1
  27. package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js +52 -0
  28. package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
  29. package/lib/module/shared/components/boundary/portal/utils/offset-style.js +4 -3
  30. package/lib/module/shared/components/boundary/portal/utils/offset-style.js.map +1 -1
  31. package/lib/module/shared/components/masked-view.js +5 -0
  32. package/lib/module/shared/components/masked-view.js.map +1 -1
  33. package/lib/module/shared/components/screen-container/layers/backdrop.js +19 -9
  34. package/lib/module/shared/components/screen-container/layers/backdrop.js.map +1 -1
  35. package/lib/module/shared/components/screen-container/layers/content.js +35 -17
  36. package/lib/module/shared/components/screen-container/layers/content.js.map +1 -1
  37. package/lib/module/shared/components/screen-container/layers/render-component.js +6 -0
  38. package/lib/module/shared/components/screen-container/layers/render-component.js.map +1 -0
  39. package/lib/module/shared/components/screen-container/layers/surface-container.js +5 -3
  40. package/lib/module/shared/components/screen-container/layers/surface-container.js.map +1 -1
  41. package/lib/module/shared/index.js +4 -0
  42. package/lib/module/shared/index.js.map +1 -1
  43. package/lib/module/shared/providers/register-bounds.provider.js +6 -0
  44. package/lib/module/shared/providers/register-bounds.provider.js.map +1 -1
  45. package/lib/typescript/component-stack/types.d.ts +26 -0
  46. package/lib/typescript/component-stack/types.d.ts.map +1 -1
  47. package/lib/typescript/shared/components/boundary/portal/components/portal-boundary-host.d.ts.map +1 -1
  48. package/lib/typescript/shared/components/boundary/portal/components/portal.d.ts.map +1 -1
  49. package/lib/typescript/shared/components/boundary/portal/hooks/use-placeholder-styles.d.ts +17 -0
  50. package/lib/typescript/shared/components/boundary/portal/hooks/use-placeholder-styles.d.ts.map +1 -0
  51. package/lib/typescript/shared/components/boundary/portal/utils/offset-style.d.ts +10 -1
  52. package/lib/typescript/shared/components/boundary/portal/utils/offset-style.d.ts.map +1 -1
  53. package/lib/typescript/shared/components/masked-view.d.ts +4 -0
  54. package/lib/typescript/shared/components/masked-view.d.ts.map +1 -1
  55. package/lib/typescript/shared/components/screen-container/layers/backdrop.d.ts.map +1 -1
  56. package/lib/typescript/shared/components/screen-container/layers/content.d.ts.map +1 -1
  57. package/lib/typescript/shared/components/screen-container/layers/render-component.d.ts +3 -0
  58. package/lib/typescript/shared/components/screen-container/layers/render-component.d.ts.map +1 -0
  59. package/lib/typescript/shared/components/screen-container/layers/surface-container.d.ts.map +1 -1
  60. package/lib/typescript/shared/index.d.ts +37 -33
  61. package/lib/typescript/shared/index.d.ts.map +1 -1
  62. package/lib/typescript/shared/providers/register-bounds.provider.d.ts.map +1 -1
  63. package/lib/typescript/shared/providers/screen/styles/hooks/use-maybe-block-visibility.d.ts +1 -1
  64. package/lib/typescript/shared/types/index.d.ts +1 -1
  65. package/lib/typescript/shared/types/index.d.ts.map +1 -1
  66. package/lib/typescript/shared/types/screen.types.d.ts +99 -4
  67. package/lib/typescript/shared/types/screen.types.d.ts.map +1 -1
  68. package/lib/typescript/shared/utils/bounds/types/options.d.ts +2 -0
  69. package/lib/typescript/shared/utils/bounds/types/options.d.ts.map +1 -1
  70. package/package.json +1 -1
  71. package/src/component-stack/types.ts +26 -0
  72. package/src/shared/components/boundary/portal/components/portal-boundary-host.tsx +51 -0
  73. package/src/shared/components/boundary/portal/components/portal.tsx +7 -39
  74. package/src/shared/components/boundary/portal/hooks/use-placeholder-styles.ts +55 -0
  75. package/src/shared/components/boundary/portal/utils/offset-style.ts +9 -2
  76. package/src/shared/components/masked-view.tsx +4 -0
  77. package/src/shared/components/screen-container/layers/backdrop.tsx +31 -10
  78. package/src/shared/components/screen-container/layers/content.tsx +61 -22
  79. package/src/shared/components/screen-container/layers/render-component.ts +9 -0
  80. package/src/shared/components/screen-container/layers/surface-container.tsx +5 -4
  81. package/src/shared/index.ts +9 -0
  82. package/src/shared/providers/register-bounds.provider.tsx +5 -0
  83. package/src/shared/types/index.ts +5 -0
  84. package/src/shared/types/screen.types.ts +111 -4
  85. package/src/shared/utils/bounds/types/options.ts +2 -0
@@ -1 +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;AAsBjC,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;CAC1D;AAqVD;;;;;;GAMG;AACH,QAAA,MAAM,sBAAsB,iDAA8C,CAAC;AAG3E,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
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;AA2BjC,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;CAC1D;AAqVD;;;;;;GAMG;AACH,QAAA,MAAM,sBAAsB,iDAA8C,CAAC;AAG3E,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
@@ -5,7 +5,7 @@ export declare const useMaybeBlockVisibility: (isFloatingOverlay?: boolean) => {
5
5
  }[];
6
6
  };
7
7
  animatedProps: Partial<{
8
- pointerEvents: "none" | "box-none";
8
+ pointerEvents: "box-none" | "none";
9
9
  }>;
10
10
  };
11
11
  //# sourceMappingURL=use-maybe-block-visibility.d.ts.map
@@ -3,6 +3,6 @@ export type { AnimatedViewStyle, AnimationConfig, BoundaryTeleportControl, Scree
3
3
  export type { BoundsAccessor, BoundsMethod, BoundsMotion, BoundsMotionFrame, BoundsMotionTransform, BoundsNavigationAccessor, BoundsNavigationRevealOptions, BoundsNavigationRevealStyle, BoundsNavigationZoomOpacityRange, BoundsNavigationZoomOpacityRanges, BoundsNavigationZoomOptions, BoundsNavigationZoomStyle, } from "./bounds.types";
4
4
  export type { ActivationArea, GestureActivationArea, GestureDirection, GestureDirectionActivationArea, GestureDirectionConfig, GestureDirectionEntry, GestureDirectionOption, GestureHandoffValues, GestureValues, PanGestureDirection, PinchGestureDirection, RawGestureValues, ScrollGestureAxis, ScrollGestureAxisState, ScrollGestureState, ScrollMetadataState, SideActivation, } from "./gesture.types";
5
5
  export type { OverlayProps } from "./overlay.types";
6
- export type { GestureTracking, InactiveBehavior, Layout, ScreenKey, ScreenTransitionConfig, TransitionAwareProps, } from "./screen.types";
6
+ export type { GestureTracking, InactiveBehavior, Layout, ScreenBackdropComponent, ScreenBackdropComponentProps, ScreenContentComponent, ScreenContentComponentProps, ScreenKey, ScreenLayerComponentProps, ScreenTransitionConfig, TransitionAwareProps, } from "./screen.types";
7
7
  export type { BaseStackDescriptor, BaseStackNavigation, BaseStackRoute, BaseStackScene, BaseStackState, DescriptorMap, StackDescriptorSource, StackSceneActivity, } from "./stack.types";
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,YAAY,EACX,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,6BAA6B,EAC7B,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACX,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,gCAAgC,EAChC,iCAAiC,EACjC,2BAA2B,EAC3B,yBAAyB,GACzB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACX,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,8BAA8B,EAC9B,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GACd,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EACX,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,sBAAsB,EACtB,oBAAoB,GACpB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACX,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,kBAAkB,GAClB,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,YAAY,EACX,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,6BAA6B,EAC7B,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACX,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,gCAAgC,EAChC,iCAAiC,EACjC,2BAA2B,EAC3B,yBAAyB,GACzB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACX,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,8BAA8B,EAC9B,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GACd,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EACX,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,uBAAuB,EACvB,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,SAAS,EACT,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,GACpB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACX,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,kBAAkB,GAClB,MAAM,eAAe,CAAC"}
@@ -1,3 +1,5 @@
1
+ import type { ComponentType, ReactNode } from "react";
2
+ import type { ViewProps } from "react-native";
1
3
  import type { AnimatedProps } from "react-native-reanimated";
2
4
  import type { ScreenStyleInterpolator, TransitionSpec } from "./animation.types";
3
5
  import type { GestureActivationArea, GestureDirectionOption, GestureProgressMode, ScrollMetadataState } from "./gesture.types";
@@ -35,6 +37,60 @@ export type GestureTracking = "auto" | "never" | "always";
35
37
  */
36
38
  export type SnapPoint = number | "auto";
37
39
  export type BackdropBehavior = "block" | "passthrough" | "dismiss" | "collapse";
40
+ /**
41
+ * Props passed to custom screen layer component renderers such as
42
+ * {@linkcode ScreenTransitionConfig.backdropComponent}.
43
+ */
44
+ export type ScreenLayerComponentProps = {
45
+ /**
46
+ * Animated styles for the target layer, including the library-owned base
47
+ * layout style for that layer.
48
+ */
49
+ styles: AnimatedProps<ViewProps>["style"];
50
+ /**
51
+ * Animated props resolved from the matching `screenStyleInterpolator` slot.
52
+ */
53
+ props: AnimatedProps<Record<string, unknown>>["animatedProps"];
54
+ /**
55
+ * Pointer-event behavior resolved for the current layer state.
56
+ */
57
+ pointerEvents: ViewProps["pointerEvents"];
58
+ };
59
+ /**
60
+ * Props passed to {@linkcode ScreenTransitionConfig.backdropComponent} when it
61
+ * is provided as a render-style component.
62
+ */
63
+ export type ScreenBackdropComponentProps = ScreenLayerComponentProps;
64
+ /**
65
+ * Props passed to {@linkcode ScreenTransitionConfig.contentComponent} when it
66
+ * is provided as a render-style component.
67
+ */
68
+ export type ScreenContentComponentProps = ScreenLayerComponentProps & {
69
+ /**
70
+ * The screen subtree rendered inside the content layer.
71
+ */
72
+ children: ReactNode;
73
+ };
74
+ /**
75
+ * Custom renderer for the backdrop layer.
76
+ *
77
+ * Component types such as `BlurView` are still accepted for compatibility.
78
+ * Function components can also receive {@linkcode ScreenBackdropComponentProps}
79
+ * to render the animated styles and props manually.
80
+ *
81
+ * @see {@linkcode ScreenTransitionConfig.backdropComponent}
82
+ */
83
+ export type ScreenBackdropComponent = ComponentType<any> | ComponentType<ScreenBackdropComponentProps>;
84
+ /**
85
+ * Custom renderer for the screen content layer.
86
+ *
87
+ * Component types such as a custom native view are accepted directly. Function
88
+ * components can also receive {@linkcode ScreenContentComponentProps} to render
89
+ * the animated styles, props, pointer-events, and children manually.
90
+ *
91
+ * @see {@linkcode ScreenTransitionConfig.contentComponent}
92
+ */
93
+ export type ScreenContentComponent = ComponentType<any> | ComponentType<ScreenContentComponentProps>;
38
94
  /**
39
95
  * Controls how an inactive screen is retained after it is no longer active.
40
96
  *
@@ -99,6 +155,8 @@ export type TransitionAwareProps<T extends object> = AnimatedProps<T> & {
99
155
  * <Transition.View sharedBoundTag="profile-avatar">
100
156
  * <Avatar size="large" />
101
157
  * </Transition.View>
158
+ *
159
+ * @deprecated Use `Transition.Boundary` with `id` instead.
102
160
  */
103
161
  sharedBoundTag?: string;
104
162
  /**
@@ -108,6 +166,8 @@ export type TransitionAwareProps<T extends object> = AnimatedProps<T> & {
108
166
  * Useful when layout can change while unfocused (for example, programmatic
109
167
  * ScrollView/FlatList scrolling triggered from another screen).
110
168
  *
169
+ * @deprecated Legacy `sharedBoundTag` refresh option. The boundary
170
+ * measurement pipeline refreshes layout through `Transition.Boundary`.
111
171
  * @default false
112
172
  */
113
173
  remeasureOnFocus?: boolean;
@@ -181,6 +241,8 @@ export type ScreenTransitionConfig = {
181
241
  /**
182
242
  * How much velocity affects snap point targeting. Lower values make snapping
183
243
  * feel more deliberate (iOS-like), higher values make it more responsive to flicks.
244
+ *
245
+ * @deprecated Use `gestureSnapVelocityImpact` instead.
184
246
  * @default 0.1
185
247
  */
186
248
  snapVelocityImpact?: number;
@@ -353,13 +415,21 @@ export type ScreenTransitionConfig = {
353
415
  /**
354
416
  * Custom component to render as the backdrop layer (between screens).
355
417
  *
356
- * The library wraps this component with `Animated.createAnimatedComponent` internally.
357
- * Animated styles and props are driven by the `backdrop` slot in the interpolator return value.
418
+ * Direct component types are wrapped with `Animated.createAnimatedComponent`
419
+ * internally. Function components can receive `{ styles, props, pointerEvents }`
420
+ * and decide how to render the layer. Animated styles and props are driven by
421
+ * the `backdrop` slot in the interpolator return value.
358
422
  *
359
423
  * `backdropBehavior` still controls the wrapping Pressable for dismiss/collapse handling.
360
424
  *
361
425
  * @example
362
- * backdropComponent: BlurView,
426
+ * backdropComponent: ({ styles, props, pointerEvents }) => (
427
+ * <AnimatedBlurView
428
+ * style={styles}
429
+ * animatedProps={props}
430
+ * pointerEvents={pointerEvents}
431
+ * />
432
+ * ),
363
433
  * screenStyleInterpolator: ({ progress }) => {
364
434
  * "worklet";
365
435
  * return {
@@ -372,7 +442,31 @@ export type ScreenTransitionConfig = {
372
442
  *
373
443
  * @default undefined
374
444
  */
375
- backdropComponent?: React.ComponentType<any>;
445
+ backdropComponent?: ScreenBackdropComponent;
446
+ /**
447
+ * Custom component to render as the screen's content layer.
448
+ *
449
+ * The component receives the `content` slot's animated styles and props. A
450
+ * direct component type is wrapped with `Animated.createAnimatedComponent`;
451
+ * a function component can receive `{ styles, props, pointerEvents, children }`
452
+ * and decide how to render the layer.
453
+ *
454
+ * `contentComponent` replaces `surfaceComponent` for custom screen shells.
455
+ *
456
+ * @example
457
+ * contentComponent: ({ styles, props, pointerEvents, children }) => (
458
+ * <AnimatedSquircleView
459
+ * style={styles}
460
+ * animatedProps={props}
461
+ * pointerEvents={pointerEvents}
462
+ * >
463
+ * {children}
464
+ * </AnimatedSquircleView>
465
+ * )
466
+ *
467
+ * @default undefined
468
+ */
469
+ contentComponent?: ScreenContentComponent;
376
470
  /**
377
471
  * Custom component to render as the screen's surface layer.
378
472
  *
@@ -395,6 +489,7 @@ export type ScreenTransitionConfig = {
395
489
  * }
396
490
  *
397
491
  * @default undefined
492
+ * @deprecated Use `contentComponent` instead.
398
493
  */
399
494
  surfaceComponent?: React.ComponentType<any>;
400
495
  };
@@ -1 +1 @@
1
- {"version":3,"file":"screen.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/screen.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"screen.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/screen.types.ts"],"names":[],"mappings":"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"}
@@ -192,6 +192,8 @@ export type BoundsOptions = {
192
192
  motion?: BoundsMotion;
193
193
  /**
194
194
  * If true, the raw values will be returned instead of the computed values.
195
+ *
196
+ * @deprecated Use `bounds(id).math(options)` instead of passing `raw`.
195
197
  * @default false
196
198
  */
197
199
  raw?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/types/options.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/types/options.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-screen-transitions",
3
- "version": "3.9.0-alpha.3",
3
+ "version": "3.9.0-beta.0",
4
4
  "description": "Easy screen transitions for React Native and Expo",
5
5
  "author": "Ed",
6
6
  "license": "MIT",
@@ -13,8 +13,14 @@ import type {
13
13
  import type { ScreenTransitionConfig } from "../shared";
14
14
  import type { OverlayProps } from "../shared/types/overlay.types";
15
15
 
16
+ /**
17
+ * @deprecated Component stack is deprecated. Use blank stack instead.
18
+ */
16
19
  export type ComponentStackNavigationEventMap = {};
17
20
 
21
+ /**
22
+ * @deprecated Component stack is deprecated. Use blank stack instead.
23
+ */
18
24
  export type ComponentStackNavigationProp<
19
25
  ParamList extends ParamListBase,
20
26
  RouteName extends keyof ParamList = string,
@@ -29,6 +35,9 @@ export type ComponentStackNavigationProp<
29
35
  > &
30
36
  StackActionHelpers<ParamList>;
31
37
 
38
+ /**
39
+ * @deprecated Component stack is deprecated. Use blank stack instead.
40
+ */
32
41
  export type ComponentStackScreenProps<
33
42
  ParamList extends ParamListBase,
34
43
  RouteName extends keyof ParamList = string,
@@ -38,6 +47,9 @@ export type ComponentStackScreenProps<
38
47
  route: RouteProp<ParamList, RouteName>;
39
48
  };
40
49
 
50
+ /**
51
+ * @deprecated Component stack is deprecated. Use blank stack instead.
52
+ */
41
53
  export type ComponentStackOptionsArgs<
42
54
  ParamList extends ParamListBase,
43
55
  RouteName extends keyof ParamList = keyof ParamList,
@@ -46,6 +58,9 @@ export type ComponentStackOptionsArgs<
46
58
  theme: Theme;
47
59
  };
48
60
 
61
+ /**
62
+ * @deprecated Component stack is deprecated. Use blank stack instead.
63
+ */
49
64
  export type ComponentStackNavigationHelpers = NavigationHelpers<
50
65
  ParamListBase,
51
66
  ComponentStackNavigationEventMap
@@ -56,6 +71,8 @@ type ComponentStackNavigationConfig = {};
56
71
  /**
57
72
  * Props passed to overlay components in component-stack.
58
73
  * Uses the shared OverlayProps type with component-stack's navigation type.
74
+ *
75
+ * @deprecated Component stack is deprecated. Use blank stack instead.
59
76
  */
60
77
  export type ComponentStackOverlayProps = OverlayProps<
61
78
  ComponentStackNavigationProp<ParamListBase>
@@ -70,9 +87,15 @@ type ComponentStackScreenTransitionConfig = ScreenTransitionConfig & {
70
87
  detachPreviousScreen?: boolean;
71
88
  };
72
89
 
90
+ /**
91
+ * @deprecated Component stack is deprecated. Use blank stack instead.
92
+ */
73
93
  export type ComponentStackNavigationOptions =
74
94
  ComponentStackScreenTransitionConfig & {};
75
95
 
96
+ /**
97
+ * @deprecated Component stack is deprecated. Use blank stack instead.
98
+ */
76
99
  export type ComponentStackNavigatorProps = DefaultNavigatorOptions<
77
100
  ParamListBase,
78
101
  string | undefined,
@@ -84,6 +107,9 @@ export type ComponentStackNavigatorProps = DefaultNavigatorOptions<
84
107
  StackRouterOptions &
85
108
  ComponentStackNavigationConfig;
86
109
 
110
+ /**
111
+ * @deprecated Component stack is deprecated. Use blank stack instead.
112
+ */
87
113
  export type ComponentStackDescriptor = Descriptor<
88
114
  ComponentStackNavigationOptions,
89
115
  ComponentStackNavigationProp<ParamListBase>,
@@ -3,7 +3,13 @@ import { type StyleProp, StyleSheet, type ViewStyle } from "react-native";
3
3
  import Animated, { useAnimatedStyle } from "react-native-reanimated";
4
4
  import { NO_STYLES } from "../../../../constants";
5
5
  import { composeSlotStyleWithLocalTransform } from "../../../../providers/screen/styles/helpers/compose-slot-style";
6
+ import { AnimationStore } from "../../../../stores/animation.store";
7
+ import { getSourceScreenKeyFromPairKey } from "../../../../stores/bounds/helpers/link-pairs.helpers";
6
8
  import { getLink } from "../../../../stores/bounds/internals/links";
9
+ import {
10
+ getClampedScrollAxisDelta,
11
+ ScrollStore,
12
+ } from "../../../../stores/scroll.store";
7
13
  import type { ScrollMeasuredDimensions } from "../../utils/measured-bounds";
8
14
  import type { ActivePortalBoundaryHost } from "../stores/portal-boundary-host.store";
9
15
  import { NativePortalHost } from "../teleport";
@@ -23,6 +29,20 @@ export const PortalBoundaryHost = memo(function PortalBoundaryHost({
23
29
  host,
24
30
  style,
25
31
  }: PortalBoundaryHostProps) {
32
+ // Cross-screen landing-rect scroll tracking: the flight interpolates toward
33
+ // the source rect stored at measure time, but the source screen stays
34
+ // scrollable while the pair closes (destination pointer events are
35
+ // released). These are read per-frame so the landing point follows the
36
+ // live source scroll instead of the stale snapshot.
37
+ const sourceScrollMetadata = ScrollStore.getValue(
38
+ getSourceScreenKeyFromPairKey(host.pairKey),
39
+ "metadata",
40
+ );
41
+ const hostVisualProgress = AnimationStore.getValue(
42
+ host.screenKey,
43
+ "visualProgress",
44
+ );
45
+
26
46
  const hostStyle = useAnimatedStyle(() => {
27
47
  "worklet";
28
48
  // Strict per-member lookup — a fallback member's source rect would
@@ -35,10 +55,41 @@ export const PortalBoundaryHost = memo(function PortalBoundaryHost({
35
55
  const sourceBounds = link.source.bounds as ScrollMeasuredDimensions;
36
56
  const isCrossScreenPortal = link.source.screenKey !== host.screenKey;
37
57
 
58
+ let landingShift: { x: number; y: number } | undefined;
59
+
60
+ if (isCrossScreenPortal) {
61
+ // Weight by distance-to-landing so the destination end of the flight
62
+ // stays pinned: no correction while the content sits over the
63
+ // destination rect (progress 1), full correction at touchdown on the
64
+ // source rect (progress 0).
65
+ const landingWeight =
66
+ 1 - Math.min(Math.max(hostVisualProgress.get(), 0), 1);
67
+
68
+ if (landingWeight > 0) {
69
+ const liveScroll = sourceScrollMetadata.get();
70
+ const capturedScroll = sourceBounds.scroll ?? null;
71
+
72
+ // Scroll offset grows as content moves up/left, so the rect's
73
+ // on-screen position shifts by the negative delta.
74
+ landingShift = {
75
+ x:
76
+ -getClampedScrollAxisDelta(
77
+ liveScroll,
78
+ capturedScroll,
79
+ "horizontal",
80
+ ) * landingWeight,
81
+ y:
82
+ -getClampedScrollAxisDelta(liveScroll, capturedScroll, "vertical") *
83
+ landingWeight,
84
+ };
85
+ }
86
+ }
87
+
38
88
  return resolvePortalOffsetStyle({
39
89
  bounds: sourceBounds,
40
90
  hostKey: host.hostKey,
41
91
  placement: isCrossScreenPortal ? "cross-screen" : "same-screen",
92
+ landingShift,
42
93
  });
43
94
  });
44
95
  const contentFrameStyle = useAnimatedStyle(() => {
@@ -7,14 +7,13 @@ import {
7
7
  useLayoutEffect,
8
8
  useState,
9
9
  } from "react";
10
- import type { LayoutRectangle, View } from "react-native";
10
+ import type { View } from "react-native";
11
11
  import Animated, {
12
12
  type AnimatedRef,
13
13
  runOnJS,
14
14
  runOnUI,
15
15
  useAnimatedProps,
16
16
  useAnimatedReaction,
17
- useAnimatedStyle,
18
17
  useSharedValue,
19
18
  } from "react-native-reanimated";
20
19
  import { EPSILON } from "../../../../constants";
@@ -24,6 +23,7 @@ import { useRegisteredScreenSlots } from "../../../../providers/screen/styles/st
24
23
  import { AnimationStore } from "../../../../stores/animation.store";
25
24
  import { pairs } from "../../../../stores/bounds/internals/state";
26
25
  import { logger } from "../../../../utils/logger";
26
+ import { usePlaceholderStyles } from "../hooks/use-placeholder-styles";
27
27
  import { useActiveHostKey } from "../stores/host-registry.store";
28
28
  import {
29
29
  dropStalePortalBoundaryHosts,
@@ -86,6 +86,7 @@ export const Portal = memo(function Portal({
86
86
  // (the `return children` path below).
87
87
  const isPortalEnabled =
88
88
  (handoff || escapeClipping) && isTeleportAvailable && id !== undefined;
89
+
89
90
  if (__DEV__ && (handoff || escapeClipping) && id === undefined) {
90
91
  logger.warnOnce(
91
92
  "portal:missing-id",
@@ -103,6 +104,7 @@ export const Portal = memo(function Portal({
103
104
  PortalOwnershipSignal,
104
105
  { status: "complete" }
105
106
  > | null>(null);
107
+
106
108
  const styleOwnerScreenKey = ownership?.ownerScreenKey ?? currentScreenKey;
107
109
  const ownerScreenSlots = useRegisteredScreenSlots(styleOwnerScreenKey);
108
110
  const activeScreenSlots = ownerScreenSlots ?? ownScreenSlots;
@@ -114,8 +116,6 @@ export const Portal = memo(function Portal({
114
116
  const requestedPortalHostName = useSharedValue<string | null>(null);
115
117
  const visiblePortalHostName = useSharedValue<string | null>(null);
116
118
  const canSwitchPortalHostImmediately = useSharedValue(0);
117
- const placeholderWidth = useSharedValue(0);
118
- const placeholderHeight = useSharedValue(0);
119
119
 
120
120
  const targetScreenKey = ownership ? ownership.hostScreenKey : null;
121
121
  const settledHostScreenKey = ownership?.hostScreenKey ?? null;
@@ -386,42 +386,10 @@ export const Portal = memo(function Portal({
386
386
  };
387
387
  });
388
388
 
389
- // Pin the placeholder to its measured size while content lives in the host,
390
- // in the same UI frame the host name flips — no commit in between. Until the
391
- // first layout lands (dims 0) sizing stays natural so an instant attach
392
- // cannot collapse the slot.
393
- const placeholderStyle = useAnimatedStyle(() => {
394
- "worklet";
395
- const isAttached = visiblePortalHostName.get() !== null;
396
- const width = placeholderWidth.get();
397
- const height = placeholderHeight.get();
398
-
399
- if (!isAttached || width === 0) {
400
- return { width: "auto", height: "auto" } as const;
401
- }
402
-
403
- return { width, height };
389
+ const { handleOnLayout, placeholderStyle } = usePlaceholderStyles({
390
+ visiblePortalHostName,
404
391
  });
405
392
 
406
- const handleOnLayout = useCallback(
407
- (layout: LayoutRectangle) => {
408
- "worklet";
409
- const { width, height } = layout;
410
- if (width === 0 || height === 0) {
411
- return;
412
- }
413
-
414
- const hasValidDimensions =
415
- placeholderHeight.get() !== 0 && placeholderWidth.get() !== 0;
416
-
417
- if (!hasValidDimensions) {
418
- placeholderWidth.set(width);
419
- placeholderHeight.set(height);
420
- }
421
- },
422
- [placeholderHeight, placeholderWidth],
423
- );
424
-
425
393
  if (isPortalEnabled && AnimatedNativePortal) {
426
394
  return (
427
395
  <Animated.View
@@ -434,7 +402,7 @@ export const Portal = memo(function Portal({
434
402
  >
435
403
  {placeholderChildren}
436
404
  <AnimatedNativePortal animatedProps={teleportProps} name={boundaryId}>
437
- <Animated.View style={placeholderStyle}>{children}</Animated.View>
405
+ {children}
438
406
  </AnimatedNativePortal>
439
407
  </Animated.View>
440
408
  );
@@ -0,0 +1,55 @@
1
+ import { useCallback } from "react";
2
+ import type { LayoutRectangle } from "react-native";
3
+ import {
4
+ type SharedValue,
5
+ useAnimatedStyle,
6
+ useSharedValue,
7
+ } from "react-native-reanimated";
8
+
9
+ interface UsePlaceholderProps {
10
+ visiblePortalHostName: SharedValue<string | null>;
11
+ }
12
+
13
+ export const usePlaceholderStyles = ({
14
+ visiblePortalHostName,
15
+ }: UsePlaceholderProps) => {
16
+ const placeholderWidth = useSharedValue(0);
17
+ const placeholderHeight = useSharedValue(0);
18
+ // Pin the placeholder to its measured size while content lives in the host,
19
+ // in the same UI frame the host name flips — no commit in between. Until the
20
+ // first layout lands (dims 0) sizing stays natural so an instant attach
21
+ // cannot collapse the slot.
22
+ const placeholderStyle = useAnimatedStyle(() => {
23
+ "worklet";
24
+ const isAttached = visiblePortalHostName.get() !== null;
25
+ const width = placeholderWidth.get();
26
+ const height = placeholderHeight.get();
27
+
28
+ if (!isAttached || width === 0) {
29
+ return { width: "auto", height: "auto" } as const;
30
+ }
31
+
32
+ return { width, height };
33
+ });
34
+
35
+ const handleOnLayout = useCallback(
36
+ (layout: LayoutRectangle) => {
37
+ "worklet";
38
+ const { width, height } = layout;
39
+ if (width === 0 || height === 0) {
40
+ return;
41
+ }
42
+
43
+ const hasValidDimensions =
44
+ placeholderHeight.get() !== 0 && placeholderWidth.get() !== 0;
45
+
46
+ if (!hasValidDimensions) {
47
+ placeholderWidth.set(width);
48
+ placeholderHeight.set(height);
49
+ }
50
+ },
51
+ [placeholderHeight, placeholderWidth],
52
+ );
53
+
54
+ return { placeholderStyle, handleOnLayout };
55
+ };
@@ -19,12 +19,19 @@ type ResolvePortalOffsetStyleParams = {
19
19
  bounds: ScrollMeasuredDimensions;
20
20
  hostKey: string;
21
21
  placement: PortalOffsetPlacement;
22
+ /**
23
+ * Live correction applied on top of the stored source placement. Used by
24
+ * cross-screen hosts to keep the landing rect tracking the source screen's
25
+ * scroll while the source is interactive mid-flight.
26
+ */
27
+ landingShift?: { x: number; y: number };
22
28
  };
23
29
 
24
30
  export const resolvePortalOffsetStyle = ({
25
31
  bounds,
26
32
  hostKey,
27
33
  placement,
34
+ landingShift,
28
35
  }: ResolvePortalOffsetStyleParams): StyleProps => {
29
36
  "worklet";
30
37
  const hostBounds = getPortalHostBounds(hostKey);
@@ -62,8 +69,8 @@ export const resolvePortalOffsetStyle = ({
62
69
 
63
70
  return {
64
71
  transform: [
65
- { translateY: bounds.pageY - adjustedHostPageY },
66
- { translateX: bounds.pageX - adjustedHostPageX },
72
+ { translateY: bounds.pageY - adjustedHostPageY + (landingShift?.y ?? 0) },
73
+ { translateX: bounds.pageX - adjustedHostPageX + (landingShift?.x ?? 0) },
67
74
  ],
68
75
  };
69
76
  };
@@ -12,6 +12,10 @@ try {
12
12
  // noop
13
13
  }
14
14
 
15
+ /**
16
+ * @deprecated Use `navigationMaskEnabled` with the navigation mask style IDs
17
+ * instead.
18
+ */
15
19
  export default function MaskedView({
16
20
  children,
17
21
  style: userStyles = {},