react-native-screen-transitions 4.0.0-alpha.8 → 4.0.0-alpha.9
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/README.md +1 -1
- package/lib/commonjs/components/boundary/create-boundary-component.js +5 -1
- package/lib/commonjs/components/boundary/create-boundary-component.js.map +1 -1
- package/lib/commonjs/components/boundary/portal/teleport.js +1 -13
- package/lib/commonjs/components/boundary/portal/teleport.js.map +1 -1
- package/lib/commonjs/constants.js +2 -1
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/providers/screen/animation/helpers/build-screen-transition-options.js +1 -0
- package/lib/commonjs/providers/screen/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/commonjs/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js +20 -5
- package/lib/commonjs/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js.map +1 -1
- package/lib/commonjs/providers/screen/animation/helpers/hydrate-transition-state/index.js +16 -1
- package/lib/commonjs/providers/screen/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/commonjs/providers/screen/animation/helpers/selected-interpolator-options.js +1 -1
- package/lib/commonjs/providers/screen/animation/helpers/selected-interpolator-options.js.map +1 -1
- package/lib/commonjs/providers/screen/gestures/pan/behavior/pan-release.js +28 -6
- package/lib/commonjs/providers/screen/gestures/pan/behavior/pan-release.js.map +1 -1
- package/lib/commonjs/providers/screen/gestures/pinch/behavior/pinch-release.js +26 -6
- package/lib/commonjs/providers/screen/gestures/pinch/behavior/pinch-release.js.map +1 -1
- package/lib/commonjs/providers/screen/gestures/shared/policy.js +1 -0
- package/lib/commonjs/providers/screen/gestures/shared/policy.js.map +1 -1
- package/lib/commonjs/providers/screen/gestures/shared/snap-points.js +71 -1
- package/lib/commonjs/providers/screen/gestures/shared/snap-points.js.map +1 -1
- package/lib/commonjs/providers/screen/options/helpers.js +8 -1
- package/lib/commonjs/providers/screen/options/helpers.js.map +1 -1
- package/lib/commonjs/providers/screen/styles/constants.js +0 -1
- package/lib/commonjs/providers/screen/styles/constants.js.map +1 -1
- package/lib/commonjs/providers/screen/styles/slot.provider.js.map +1 -1
- package/lib/module/components/boundary/create-boundary-component.js +6 -2
- package/lib/module/components/boundary/create-boundary-component.js.map +1 -1
- package/lib/module/components/boundary/portal/teleport.js +1 -14
- package/lib/module/components/boundary/portal/teleport.js.map +1 -1
- package/lib/module/constants.js +1 -0
- package/lib/module/constants.js.map +1 -1
- package/lib/module/providers/screen/animation/helpers/build-screen-transition-options.js +1 -0
- package/lib/module/providers/screen/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/module/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js +20 -5
- package/lib/module/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js.map +1 -1
- package/lib/module/providers/screen/animation/helpers/hydrate-transition-state/index.js +16 -1
- package/lib/module/providers/screen/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/module/providers/screen/animation/helpers/selected-interpolator-options.js +1 -1
- package/lib/module/providers/screen/animation/helpers/selected-interpolator-options.js.map +1 -1
- package/lib/module/providers/screen/gestures/pan/behavior/pan-release.js +29 -7
- package/lib/module/providers/screen/gestures/pan/behavior/pan-release.js.map +1 -1
- package/lib/module/providers/screen/gestures/pinch/behavior/pinch-release.js +27 -7
- package/lib/module/providers/screen/gestures/pinch/behavior/pinch-release.js.map +1 -1
- package/lib/module/providers/screen/gestures/shared/policy.js +2 -1
- package/lib/module/providers/screen/gestures/shared/policy.js.map +1 -1
- package/lib/module/providers/screen/gestures/shared/snap-points.js +66 -0
- package/lib/module/providers/screen/gestures/shared/snap-points.js.map +1 -1
- package/lib/module/providers/screen/options/helpers.js +9 -2
- package/lib/module/providers/screen/options/helpers.js.map +1 -1
- package/lib/module/providers/screen/styles/constants.js +0 -1
- package/lib/module/providers/screen/styles/constants.js.map +1 -1
- package/lib/module/providers/screen/styles/slot.provider.js.map +1 -1
- package/lib/module/types/animation.types.js.map +1 -1
- package/lib/typescript/components/boundary/create-boundary-component.d.ts.map +1 -1
- package/lib/typescript/components/boundary/portal/teleport.d.ts +1 -1
- package/lib/typescript/components/boundary/portal/teleport.d.ts.map +1 -1
- package/lib/typescript/constants.d.ts +2 -1
- package/lib/typescript/constants.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/providers/screen/animation/helpers/build-screen-transition-options.d.ts.map +1 -1
- package/lib/typescript/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.d.ts +2 -1
- package/lib/typescript/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.d.ts.map +1 -1
- package/lib/typescript/providers/screen/animation/helpers/hydrate-transition-state/index.d.ts.map +1 -1
- package/lib/typescript/providers/screen/animation/helpers/selected-interpolator-options.d.ts.map +1 -1
- package/lib/typescript/providers/screen/gestures/pan/behavior/pan-release.d.ts.map +1 -1
- package/lib/typescript/providers/screen/gestures/pinch/behavior/pinch-release.d.ts.map +1 -1
- package/lib/typescript/providers/screen/gestures/shared/policy.d.ts +2 -1
- package/lib/typescript/providers/screen/gestures/shared/policy.d.ts.map +1 -1
- package/lib/typescript/providers/screen/gestures/shared/snap-points.d.ts +11 -0
- package/lib/typescript/providers/screen/gestures/shared/snap-points.d.ts.map +1 -1
- package/lib/typescript/providers/screen/gestures/types.d.ts +2 -0
- package/lib/typescript/providers/screen/gestures/types.d.ts.map +1 -1
- package/lib/typescript/providers/screen/options/helpers.d.ts.map +1 -1
- package/lib/typescript/providers/screen/options/types.d.ts +1 -0
- package/lib/typescript/providers/screen/options/types.d.ts.map +1 -1
- package/lib/typescript/providers/screen/styles/constants.d.ts.map +1 -1
- package/lib/typescript/providers/screen/styles/slot.provider.d.ts +1 -1
- package/lib/typescript/providers/screen/styles/slot.provider.d.ts.map +1 -1
- package/lib/typescript/types/animation.types.d.ts +1 -5
- package/lib/typescript/types/animation.types.d.ts.map +1 -1
- package/lib/typescript/types/index.d.ts +1 -1
- package/lib/typescript/types/index.d.ts.map +1 -1
- package/lib/typescript/types/screen.types.d.ts +19 -0
- package/lib/typescript/types/screen.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/boundary/create-boundary-component.tsx +10 -2
- package/src/components/boundary/portal/teleport.ts +2 -23
- package/src/constants.ts +2 -0
- package/src/index.ts +1 -0
- package/src/providers/screen/animation/helpers/build-screen-transition-options.ts +1 -0
- package/src/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.ts +26 -0
- package/src/providers/screen/animation/helpers/hydrate-transition-state/index.ts +20 -0
- package/src/providers/screen/animation/helpers/selected-interpolator-options.ts +1 -0
- package/src/providers/screen/gestures/pan/behavior/pan-release.ts +46 -7
- package/src/providers/screen/gestures/pinch/behavior/pinch-release.ts +45 -4
- package/src/providers/screen/gestures/shared/policy.ts +4 -0
- package/src/providers/screen/gestures/shared/snap-points.ts +87 -0
- package/src/providers/screen/gestures/types.ts +2 -0
- package/src/providers/screen/options/helpers.ts +18 -0
- package/src/providers/screen/options/types.ts +1 -0
- package/src/providers/screen/styles/constants.ts +0 -1
- package/src/providers/screen/styles/slot.provider.tsx +0 -1
- package/src/types/animation.types.ts +1 -4
- package/src/types/index.ts +1 -0
- package/src/types/screen.types.ts +21 -0
|
@@ -29,6 +29,7 @@ export type ScreenTransitionOptions = Pick<
|
|
|
29
29
|
| "gestureSnapVelocityImpact"
|
|
30
30
|
| "gestureReleaseVelocityScale"
|
|
31
31
|
| "gestureSnapLocked"
|
|
32
|
+
| "sheetSnapBehavior"
|
|
32
33
|
| "sheetScrollGestureBehavior"
|
|
33
34
|
| "backdropBehavior"
|
|
34
35
|
>;
|
|
@@ -344,8 +345,6 @@ export type NormalizedTransitionInterpolatedStyle = {
|
|
|
344
345
|
content?: NormalizedTransitionSlotStyle;
|
|
345
346
|
/** Animated style and props for the backdrop layer between screens. */
|
|
346
347
|
backdrop?: NormalizedTransitionSlotStyle;
|
|
347
|
-
/** Animated style and props for the surface component layer within the screen. */
|
|
348
|
-
surface?: NormalizedTransitionSlotStyle;
|
|
349
348
|
/** Animated style and props for the navigation mask container layer. */
|
|
350
349
|
[NAVIGATION_MASK_CONTAINER_STYLE_ID]?: NormalizedTransitionSlotStyle;
|
|
351
350
|
/** Animated style and props for the navigation mask element layer. */
|
|
@@ -376,8 +375,6 @@ export type TransitionInterpolatedStyle = {
|
|
|
376
375
|
content?: TransitionSlotStyle;
|
|
377
376
|
/** Animated style and props for the backdrop layer between screens. */
|
|
378
377
|
backdrop?: TransitionSlotStyle;
|
|
379
|
-
/** Animated style and props for the surface component layer within the screen. */
|
|
380
|
-
surface?: TransitionSlotStyle;
|
|
381
378
|
/** Animated style and props for the navigation mask container layer. */
|
|
382
379
|
[NAVIGATION_MASK_CONTAINER_STYLE_ID]?: TransitionSlotStyle;
|
|
383
380
|
/** Animated style and props for the navigation mask element layer. */
|
package/src/types/index.ts
CHANGED
|
@@ -41,6 +41,16 @@ export type ScreenKey = string;
|
|
|
41
41
|
export type SheetScrollGestureBehavior =
|
|
42
42
|
| "expand-and-collapse"
|
|
43
43
|
| "collapse-only";
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Controls how a drag moves between configured {@linkcode ScreenTransitionConfig.snapPoints}.
|
|
47
|
+
*
|
|
48
|
+
* - `"continuous"` maps physical movement directly to global screen progress.
|
|
49
|
+
* - `"step"` maps each drag across one adjacent snap interval.
|
|
50
|
+
*
|
|
51
|
+
* @see {@linkcode ScreenTransitionConfig.sheetSnapBehavior}
|
|
52
|
+
*/
|
|
53
|
+
export type SheetSnapBehavior = "continuous" | "step";
|
|
44
54
|
export type GestureTracking = "auto" | "never" | "always";
|
|
45
55
|
|
|
46
56
|
/**
|
|
@@ -343,6 +353,17 @@ export type ScreenTransitionConfig = {
|
|
|
343
353
|
*/
|
|
344
354
|
sheetScrollGestureBehavior?: SheetScrollGestureBehavior;
|
|
345
355
|
|
|
356
|
+
/**
|
|
357
|
+
* Controls how gesture movement maps between adjacent snap points.
|
|
358
|
+
*
|
|
359
|
+
* `"continuous"` preserves direct global progress and permits one gesture to
|
|
360
|
+
* cross multiple snap points. `"step"` gives every adjacent interval a full
|
|
361
|
+
* normalized drag range and limits the gesture to one snap-point step.
|
|
362
|
+
*
|
|
363
|
+
* @default "continuous"
|
|
364
|
+
*/
|
|
365
|
+
sheetSnapBehavior?: SheetSnapBehavior;
|
|
366
|
+
|
|
346
367
|
/**
|
|
347
368
|
* Locks gesture-based snap movement to the current snap point.
|
|
348
369
|
*
|