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.
- package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js +31 -1
- package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js.map +1 -1
- package/lib/commonjs/shared/components/boundary/portal/components/portal.js +7 -43
- package/lib/commonjs/shared/components/boundary/portal/components/portal.js.map +1 -1
- package/lib/commonjs/shared/components/boundary/portal/hooks/use-placeholder-styles.js +57 -0
- package/lib/commonjs/shared/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
- package/lib/commonjs/shared/components/boundary/portal/utils/offset-style.js +4 -3
- package/lib/commonjs/shared/components/boundary/portal/utils/offset-style.js.map +1 -1
- package/lib/commonjs/shared/components/masked-view.js +5 -0
- package/lib/commonjs/shared/components/masked-view.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js +18 -8
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/content.js +34 -16
- package/lib/commonjs/shared/components/screen-container/layers/content.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/render-component.js +10 -0
- package/lib/commonjs/shared/components/screen-container/layers/render-component.js.map +1 -0
- package/lib/commonjs/shared/components/screen-container/layers/surface-container.js +5 -3
- package/lib/commonjs/shared/components/screen-container/layers/surface-container.js.map +1 -1
- package/lib/commonjs/shared/index.js +4 -0
- package/lib/commonjs/shared/index.js.map +1 -1
- package/lib/commonjs/shared/providers/register-bounds.provider.js +6 -0
- package/lib/commonjs/shared/providers/register-bounds.provider.js.map +1 -1
- package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js +31 -1
- package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js.map +1 -1
- package/lib/module/shared/components/boundary/portal/components/portal.js +8 -44
- package/lib/module/shared/components/boundary/portal/components/portal.js.map +1 -1
- package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js +52 -0
- package/lib/module/shared/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
- package/lib/module/shared/components/boundary/portal/utils/offset-style.js +4 -3
- package/lib/module/shared/components/boundary/portal/utils/offset-style.js.map +1 -1
- package/lib/module/shared/components/masked-view.js +5 -0
- package/lib/module/shared/components/masked-view.js.map +1 -1
- package/lib/module/shared/components/screen-container/layers/backdrop.js +19 -9
- package/lib/module/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/module/shared/components/screen-container/layers/content.js +35 -17
- package/lib/module/shared/components/screen-container/layers/content.js.map +1 -1
- package/lib/module/shared/components/screen-container/layers/render-component.js +6 -0
- package/lib/module/shared/components/screen-container/layers/render-component.js.map +1 -0
- package/lib/module/shared/components/screen-container/layers/surface-container.js +5 -3
- package/lib/module/shared/components/screen-container/layers/surface-container.js.map +1 -1
- package/lib/module/shared/index.js +4 -0
- package/lib/module/shared/index.js.map +1 -1
- package/lib/module/shared/providers/register-bounds.provider.js +6 -0
- package/lib/module/shared/providers/register-bounds.provider.js.map +1 -1
- package/lib/typescript/component-stack/types.d.ts +26 -0
- package/lib/typescript/component-stack/types.d.ts.map +1 -1
- package/lib/typescript/shared/components/boundary/portal/components/portal-boundary-host.d.ts.map +1 -1
- package/lib/typescript/shared/components/boundary/portal/components/portal.d.ts.map +1 -1
- package/lib/typescript/shared/components/boundary/portal/hooks/use-placeholder-styles.d.ts +17 -0
- package/lib/typescript/shared/components/boundary/portal/hooks/use-placeholder-styles.d.ts.map +1 -0
- package/lib/typescript/shared/components/boundary/portal/utils/offset-style.d.ts +10 -1
- package/lib/typescript/shared/components/boundary/portal/utils/offset-style.d.ts.map +1 -1
- package/lib/typescript/shared/components/masked-view.d.ts +4 -0
- package/lib/typescript/shared/components/masked-view.d.ts.map +1 -1
- package/lib/typescript/shared/components/screen-container/layers/backdrop.d.ts.map +1 -1
- package/lib/typescript/shared/components/screen-container/layers/content.d.ts.map +1 -1
- package/lib/typescript/shared/components/screen-container/layers/render-component.d.ts +3 -0
- package/lib/typescript/shared/components/screen-container/layers/render-component.d.ts.map +1 -0
- package/lib/typescript/shared/components/screen-container/layers/surface-container.d.ts.map +1 -1
- package/lib/typescript/shared/index.d.ts +37 -33
- package/lib/typescript/shared/index.d.ts.map +1 -1
- package/lib/typescript/shared/providers/register-bounds.provider.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/styles/hooks/use-maybe-block-visibility.d.ts +1 -1
- package/lib/typescript/shared/types/index.d.ts +1 -1
- package/lib/typescript/shared/types/index.d.ts.map +1 -1
- package/lib/typescript/shared/types/screen.types.d.ts +99 -4
- package/lib/typescript/shared/types/screen.types.d.ts.map +1 -1
- package/lib/typescript/shared/utils/bounds/types/options.d.ts +2 -0
- package/lib/typescript/shared/utils/bounds/types/options.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/component-stack/types.ts +26 -0
- package/src/shared/components/boundary/portal/components/portal-boundary-host.tsx +51 -0
- package/src/shared/components/boundary/portal/components/portal.tsx +7 -39
- package/src/shared/components/boundary/portal/hooks/use-placeholder-styles.ts +55 -0
- package/src/shared/components/boundary/portal/utils/offset-style.ts +9 -2
- package/src/shared/components/masked-view.tsx +4 -0
- package/src/shared/components/screen-container/layers/backdrop.tsx +31 -10
- package/src/shared/components/screen-container/layers/content.tsx +61 -22
- package/src/shared/components/screen-container/layers/render-component.ts +9 -0
- package/src/shared/components/screen-container/layers/surface-container.tsx +5 -4
- package/src/shared/index.ts +9 -0
- package/src/shared/providers/register-bounds.provider.tsx +5 -0
- package/src/shared/types/index.ts +5 -0
- package/src/shared/types/screen.types.ts +111 -4
- 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;
|
|
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" | "
|
|
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
|
-
*
|
|
357
|
-
*
|
|
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:
|
|
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?:
|
|
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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACX,uBAAuB,EACvB,cAAc,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACX,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAC/B,MAAM,MAAM,0BAA0B,GACnC,qBAAqB,GACrB,eAAe,CAAC;AACnB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACvE;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB
|
|
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
|
@@ -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 {
|
|
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
|
-
|
|
390
|
-
|
|
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
|
-
|
|
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
|
};
|