react-native-screen-transitions 3.8.0-alpha.0 → 3.8.0-beta.1
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/animation/snap-to.js +1 -1
- package/lib/commonjs/shared/animation/snap-to.js.map +1 -1
- package/lib/commonjs/shared/components/activity/variants/activity-screen.js +10 -2
- package/lib/commonjs/shared/components/activity/variants/activity-screen.js.map +1 -1
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.js +2 -2
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.js.map +1 -1
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-measurer.js +1 -1
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-measurer.js.map +1 -1
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-refresh-boundary.js +1 -1
- package/lib/commonjs/shared/components/create-boundary-component/hooks/use-refresh-boundary.js.map +1 -1
- package/lib/commonjs/shared/components/create-transition-aware-component.js +7 -5
- package/lib/commonjs/shared/components/create-transition-aware-component.js.map +1 -1
- package/lib/commonjs/shared/components/overlay/variations/float-overlay.js +9 -6
- package/lib/commonjs/shared/components/overlay/variations/float-overlay.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/hooks/use-content-layout.js +2 -2
- package/lib/commonjs/shared/components/screen-container/hooks/use-content-layout.js.map +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js +1 -1
- package/lib/commonjs/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/commonjs/shared/components/screen-lifecycle/hooks/use-open-transition-intent.js +2 -2
- package/lib/commonjs/shared/components/screen-lifecycle/hooks/use-open-transition-intent.js.map +1 -1
- package/lib/commonjs/shared/configs/presets.js +5 -8
- package/lib/commonjs/shared/configs/presets.js.map +1 -1
- package/lib/commonjs/shared/constants.js +18 -2
- package/lib/commonjs/shared/constants.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/build-screen-transition-options.js +2 -8
- package/lib/commonjs/shared/providers/screen/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js +26 -31
- package/lib/commonjs/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/hydrate-transition-state/index.js +30 -4
- package/lib/commonjs/shared/providers/screen/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/pipeline.js +3 -3
- package/lib/commonjs/shared/providers/screen/animation/helpers/pipeline.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/stack-progress.js +3 -3
- package/lib/commonjs/shared/providers/screen/animation/helpers/stack-progress.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/animation/helpers/use-build-transition-state.js +4 -2
- package/lib/commonjs/shared/providers/screen/animation/helpers/use-build-transition-state.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/gestures.provider.js +7 -8
- package/lib/commonjs/shared/providers/screen/gestures/gestures.provider.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/hooks/use-stable-runtime-config.js +3 -7
- package/lib/commonjs/shared/providers/screen/gestures/hooks/use-stable-runtime-config.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/activation/pan-activation-decision.js +8 -2
- package/lib/commonjs/shared/providers/screen/gestures/pan/activation/pan-activation-decision.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/activation/use-pan-activation.js +7 -4
- package/lib/commonjs/shared/providers/screen/gestures/pan/activation/use-pan-activation.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.js +20 -36
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-release.js +12 -21
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-release.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-reset.js +40 -39
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/pan-reset.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.js +11 -21
- package/lib/commonjs/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pan/use-build-pan-gesture.js +4 -11
- package/lib/commonjs/shared/providers/screen/gestures/pan/use-build-pan-gesture.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.js +12 -10
- package/lib/commonjs/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.js +13 -10
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-release.js +15 -11
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-release.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-reset.js +28 -23
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/pinch-reset.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.js +3 -3
- package/lib/commonjs/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.js +4 -11
- package/lib/commonjs/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.js +12 -10
- package/lib/commonjs/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.js +3 -10
- package/lib/commonjs/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/index.js +7 -0
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/index.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.js +40 -0
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.js.map +1 -0
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.js +51 -13
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.js +74 -6
- package/lib/commonjs/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/shared/physics.js +23 -23
- package/lib/commonjs/shared/providers/screen/gestures/shared/physics.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/shared/policy.js +0 -11
- package/lib/commonjs/shared/providers/screen/gestures/shared/policy.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/shared/reset.js +17 -10
- package/lib/commonjs/shared/providers/screen/gestures/shared/reset.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/shared/snap-points.js +6 -7
- package/lib/commonjs/shared/providers/screen/gestures/shared/snap-points.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/gestures/shared/snapshot.js +32 -0
- package/lib/commonjs/shared/providers/screen/gestures/shared/snapshot.js.map +1 -0
- package/lib/commonjs/shared/providers/screen/gestures/shared/values.js +65 -0
- package/lib/commonjs/shared/providers/screen/gestures/shared/values.js.map +1 -0
- package/lib/commonjs/shared/providers/screen/gestures/types.js +1 -1
- package/lib/commonjs/shared/providers/screen/options/helpers.js +1 -19
- package/lib/commonjs/shared/providers/screen/options/helpers.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/styles/hooks/use-interpolated-style-maps.js +8 -8
- package/lib/commonjs/shared/providers/screen/styles/hooks/use-interpolated-style-maps.js.map +1 -1
- package/lib/commonjs/shared/providers/screen/styles/hooks/use-maybe-block-visibility.js +2 -2
- package/lib/commonjs/shared/providers/screen/styles/hooks/use-maybe-block-visibility.js.map +1 -1
- package/lib/commonjs/shared/stores/animation.store.js +6 -6
- package/lib/commonjs/shared/stores/animation.store.js.map +1 -1
- package/lib/commonjs/shared/stores/gesture.store.js +56 -0
- package/lib/commonjs/shared/stores/gesture.store.js.map +1 -1
- package/lib/commonjs/shared/stores/scroll.store.js +49 -5
- package/lib/commonjs/shared/stores/scroll.store.js.map +1 -1
- package/lib/commonjs/shared/types/gesture.types.js +18 -0
- package/lib/commonjs/shared/types/gesture.types.js.map +1 -1
- package/lib/commonjs/shared/utils/animation/animate-to-progress.js +3 -3
- package/lib/commonjs/shared/utils/animation/animate-to-progress.js.map +1 -1
- package/lib/commonjs/shared/utils/animation/spring/spring.js +7 -3
- package/lib/commonjs/shared/utils/animation/spring/spring.js.map +1 -1
- package/lib/commonjs/shared/utils/bounds/helpers/prepare-bound-styles.js +1 -1
- package/lib/commonjs/shared/utils/bounds/helpers/prepare-bound-styles.js.map +1 -1
- package/lib/commonjs/shared/utils/bounds/navigation/reveal/build.js +39 -34
- package/lib/commonjs/shared/utils/bounds/navigation/reveal/build.js.map +1 -1
- package/lib/commonjs/shared/utils/bounds/navigation/zoom/build.js +37 -28
- package/lib/commonjs/shared/utils/bounds/navigation/zoom/build.js.map +1 -1
- package/lib/module/shared/animation/snap-to.js +1 -1
- package/lib/module/shared/animation/snap-to.js.map +1 -1
- package/lib/module/shared/components/activity/variants/activity-screen.js +10 -2
- package/lib/module/shared/components/activity/variants/activity-screen.js.map +1 -1
- package/lib/module/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.js +2 -2
- package/lib/module/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.js.map +1 -1
- package/lib/module/shared/components/create-boundary-component/hooks/use-measurer.js +1 -1
- package/lib/module/shared/components/create-boundary-component/hooks/use-measurer.js.map +1 -1
- package/lib/module/shared/components/create-boundary-component/hooks/use-refresh-boundary.js +1 -1
- package/lib/module/shared/components/create-boundary-component/hooks/use-refresh-boundary.js.map +1 -1
- package/lib/module/shared/components/create-transition-aware-component.js +8 -6
- package/lib/module/shared/components/create-transition-aware-component.js.map +1 -1
- package/lib/module/shared/components/overlay/variations/float-overlay.js +9 -6
- package/lib/module/shared/components/overlay/variations/float-overlay.js.map +1 -1
- package/lib/module/shared/components/screen-container/hooks/use-content-layout.js +2 -2
- package/lib/module/shared/components/screen-container/hooks/use-content-layout.js.map +1 -1
- package/lib/module/shared/components/screen-container/layers/backdrop.js +1 -1
- package/lib/module/shared/components/screen-container/layers/backdrop.js.map +1 -1
- package/lib/module/shared/components/screen-lifecycle/hooks/use-open-transition-intent.js +2 -2
- package/lib/module/shared/components/screen-lifecycle/hooks/use-open-transition-intent.js.map +1 -1
- package/lib/module/shared/configs/presets.js +5 -8
- package/lib/module/shared/configs/presets.js.map +1 -1
- package/lib/module/shared/constants.js +17 -1
- package/lib/module/shared/constants.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/build-screen-transition-options.js +2 -8
- package/lib/module/shared/providers/screen/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js +25 -30
- package/lib/module/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/hydrate-transition-state/index.js +31 -5
- package/lib/module/shared/providers/screen/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/pipeline.js +3 -3
- package/lib/module/shared/providers/screen/animation/helpers/pipeline.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/stack-progress.js +3 -3
- package/lib/module/shared/providers/screen/animation/helpers/stack-progress.js.map +1 -1
- package/lib/module/shared/providers/screen/animation/helpers/use-build-transition-state.js +4 -2
- package/lib/module/shared/providers/screen/animation/helpers/use-build-transition-state.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/gestures.provider.js +7 -8
- package/lib/module/shared/providers/screen/gestures/gestures.provider.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/hooks/use-stable-runtime-config.js +3 -7
- package/lib/module/shared/providers/screen/gestures/hooks/use-stable-runtime-config.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/activation/pan-activation-decision.js +8 -2
- package/lib/module/shared/providers/screen/gestures/pan/activation/pan-activation-decision.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/activation/use-pan-activation.js +7 -4
- package/lib/module/shared/providers/screen/gestures/pan/activation/use-pan-activation.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.js +20 -36
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-release.js +12 -21
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-release.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-reset.js +42 -41
- package/lib/module/shared/providers/screen/gestures/pan/behavior/pan-reset.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.js +11 -21
- package/lib/module/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pan/use-build-pan-gesture.js +4 -11
- package/lib/module/shared/providers/screen/gestures/pan/use-build-pan-gesture.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.js +12 -10
- package/lib/module/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.js +13 -10
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-release.js +16 -12
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-release.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-reset.js +30 -25
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/pinch-reset.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.js +3 -3
- package/lib/module/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.js +4 -11
- package/lib/module/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.js +12 -10
- package/lib/module/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.js +3 -10
- package/lib/module/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/index.js +1 -0
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/index.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.js +33 -0
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.js.map +1 -0
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.js +48 -12
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.js +76 -8
- package/lib/module/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/shared/physics.js +21 -22
- package/lib/module/shared/providers/screen/gestures/shared/physics.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/shared/policy.js +1 -12
- package/lib/module/shared/providers/screen/gestures/shared/policy.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/shared/reset.js +17 -8
- package/lib/module/shared/providers/screen/gestures/shared/reset.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/shared/snap-points.js +6 -7
- package/lib/module/shared/providers/screen/gestures/shared/snap-points.js.map +1 -1
- package/lib/module/shared/providers/screen/gestures/shared/snapshot.js +27 -0
- package/lib/module/shared/providers/screen/gestures/shared/snapshot.js.map +1 -0
- package/lib/module/shared/providers/screen/gestures/shared/values.js +54 -0
- package/lib/module/shared/providers/screen/gestures/shared/values.js.map +1 -0
- package/lib/module/shared/providers/screen/gestures/types.js +1 -1
- package/lib/module/shared/providers/screen/options/helpers.js +2 -20
- package/lib/module/shared/providers/screen/options/helpers.js.map +1 -1
- package/lib/module/shared/providers/screen/styles/hooks/use-interpolated-style-maps.js +8 -8
- package/lib/module/shared/providers/screen/styles/hooks/use-interpolated-style-maps.js.map +1 -1
- package/lib/module/shared/providers/screen/styles/hooks/use-maybe-block-visibility.js +2 -2
- package/lib/module/shared/providers/screen/styles/hooks/use-maybe-block-visibility.js.map +1 -1
- package/lib/module/shared/stores/animation.store.js +6 -6
- package/lib/module/shared/stores/animation.store.js.map +1 -1
- package/lib/module/shared/stores/gesture.store.js +56 -0
- package/lib/module/shared/stores/gesture.store.js.map +1 -1
- package/lib/module/shared/stores/scroll.store.js +49 -5
- package/lib/module/shared/stores/scroll.store.js.map +1 -1
- package/lib/module/shared/types/animation.types.js.map +1 -1
- package/lib/module/shared/types/gesture.types.js +23 -0
- package/lib/module/shared/types/gesture.types.js.map +1 -1
- package/lib/module/shared/utils/animation/animate-to-progress.js +3 -3
- package/lib/module/shared/utils/animation/animate-to-progress.js.map +1 -1
- package/lib/module/shared/utils/animation/spring/spring.js +7 -3
- package/lib/module/shared/utils/animation/spring/spring.js.map +1 -1
- package/lib/module/shared/utils/bounds/helpers/prepare-bound-styles.js +1 -1
- package/lib/module/shared/utils/bounds/helpers/prepare-bound-styles.js.map +1 -1
- package/lib/module/shared/utils/bounds/navigation/reveal/build.js +39 -34
- package/lib/module/shared/utils/bounds/navigation/reveal/build.js.map +1 -1
- package/lib/module/shared/utils/bounds/navigation/zoom/build.js +37 -28
- package/lib/module/shared/utils/bounds/navigation/zoom/build.js.map +1 -1
- package/lib/typescript/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.d.ts.map +1 -1
- package/lib/typescript/shared/components/create-boundary-component/hooks/use-refresh-boundary.d.ts.map +1 -1
- package/lib/typescript/shared/components/create-transition-aware-component.d.ts.map +1 -1
- package/lib/typescript/shared/components/overlay/variations/float-overlay.d.ts.map +1 -1
- package/lib/typescript/shared/configs/presets.d.ts.map +1 -1
- package/lib/typescript/shared/constants.d.ts +1 -2
- package/lib/typescript/shared/constants.d.ts.map +1 -1
- package/lib/typescript/shared/index.d.ts +1 -1
- package/lib/typescript/shared/index.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/build-screen-transition-options.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.d.ts +7 -3
- package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/index.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/types.d.ts +4 -2
- package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/types.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/stack-progress.d.ts +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/stack-progress.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/animation/helpers/use-build-transition-state.d.ts +4 -3
- package/lib/typescript/shared/providers/screen/animation/helpers/use-build-transition-state.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/gestures.provider.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/hooks/use-stable-runtime-config.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/activation/pan-activation-decision.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/activation/use-pan-activation.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/pan/activation/use-pan-activation.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.d.ts +2 -2
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/pan-release.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/pan-reset.d.ts +3 -12
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/pan-reset.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.d.ts +2 -2
- package/lib/typescript/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pan/use-build-pan-gesture.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/pan/use-build-pan-gesture.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/behavior/pinch-release.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/behavior/pinch-reset.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.d.ts +2 -2
- package/lib/typescript/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/index.d.ts +1 -0
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/index.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.d.ts +12 -0
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.d.ts.map +1 -0
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.d.ts +5 -1
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.d.ts +4 -0
- package/lib/typescript/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/shared/physics.d.ts +3 -3
- package/lib/typescript/shared/providers/screen/gestures/shared/physics.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/shared/policy.d.ts +1 -3
- package/lib/typescript/shared/providers/screen/gestures/shared/policy.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/shared/reset.d.ts +7 -4
- package/lib/typescript/shared/providers/screen/gestures/shared/reset.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/shared/snap-points.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/gestures/shared/snapshot.d.ts +7 -0
- package/lib/typescript/shared/providers/screen/gestures/shared/snapshot.d.ts.map +1 -0
- package/lib/typescript/shared/providers/screen/gestures/shared/values.d.ts +9 -0
- package/lib/typescript/shared/providers/screen/gestures/shared/values.d.ts.map +1 -0
- package/lib/typescript/shared/providers/screen/gestures/types.d.ts +6 -13
- package/lib/typescript/shared/providers/screen/gestures/types.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/options/helpers.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/options/types.d.ts +0 -2
- package/lib/typescript/shared/providers/screen/options/types.d.ts.map +1 -1
- package/lib/typescript/shared/providers/screen/styles/hooks/use-maybe-block-visibility.d.ts.map +1 -1
- package/lib/typescript/shared/stores/animation.store.d.ts +4 -4
- package/lib/typescript/shared/stores/animation.store.d.ts.map +1 -1
- package/lib/typescript/shared/stores/gesture.store.d.ts +23 -0
- package/lib/typescript/shared/stores/gesture.store.d.ts.map +1 -1
- package/lib/typescript/shared/stores/scroll.store.d.ts +15 -8
- package/lib/typescript/shared/stores/scroll.store.d.ts.map +1 -1
- package/lib/typescript/shared/types/animation.types.d.ts +8 -0
- package/lib/typescript/shared/types/animation.types.d.ts.map +1 -1
- package/lib/typescript/shared/types/bounds.types.d.ts +12 -8
- package/lib/typescript/shared/types/bounds.types.d.ts.map +1 -1
- package/lib/typescript/shared/types/gesture.types.d.ts +64 -14
- package/lib/typescript/shared/types/gesture.types.d.ts.map +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 +33 -9
- package/lib/typescript/shared/types/screen.types.d.ts.map +1 -1
- package/lib/typescript/shared/utils/animation/spring/spring.d.ts.map +1 -1
- package/lib/typescript/shared/utils/bounds/navigation/reveal/build.d.ts.map +1 -1
- package/lib/typescript/shared/utils/bounds/navigation/zoom/build.d.ts.map +1 -1
- package/lib/typescript/shared/utils/bounds/types/options.d.ts +8 -0
- package/lib/typescript/shared/utils/bounds/types/options.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/shared/animation/snap-to.ts +1 -1
- package/src/shared/components/activity/variants/activity-screen.tsx +8 -2
- package/src/shared/components/create-boundary-component/hooks/use-initial-destination-measurement.ts +5 -2
- package/src/shared/components/create-boundary-component/hooks/use-measurer.ts +1 -1
- package/src/shared/components/create-boundary-component/hooks/use-refresh-boundary.ts +4 -1
- package/src/shared/components/create-transition-aware-component.tsx +14 -6
- package/src/shared/components/overlay/variations/float-overlay.tsx +11 -5
- package/src/shared/components/screen-container/hooks/use-content-layout.ts +2 -2
- package/src/shared/components/screen-container/layers/backdrop.tsx +1 -1
- package/src/shared/components/screen-lifecycle/hooks/use-open-transition-intent.ts +2 -2
- package/src/shared/configs/presets.ts +6 -8
- package/src/shared/constants.ts +16 -6
- package/src/shared/index.ts +6 -0
- package/src/shared/providers/screen/animation/helpers/build-screen-transition-options.ts +2 -17
- package/src/shared/providers/screen/animation/helpers/hydrate-transition-state/gesture-progress.ts +54 -53
- package/src/shared/providers/screen/animation/helpers/hydrate-transition-state/index.ts +74 -8
- package/src/shared/providers/screen/animation/helpers/hydrate-transition-state/types.ts +4 -2
- package/src/shared/providers/screen/animation/helpers/pipeline.ts +3 -3
- package/src/shared/providers/screen/animation/helpers/stack-progress.ts +3 -3
- package/src/shared/providers/screen/animation/helpers/use-build-transition-state.ts +8 -4
- package/src/shared/providers/screen/gestures/gestures.provider.tsx +8 -10
- package/src/shared/providers/screen/gestures/hooks/use-stable-runtime-config.ts +2 -5
- package/src/shared/providers/screen/gestures/pan/activation/pan-activation-decision.ts +11 -2
- package/src/shared/providers/screen/gestures/pan/activation/use-pan-activation.ts +9 -7
- package/src/shared/providers/screen/gestures/pan/behavior/pan-lifecycle.ts +25 -38
- package/src/shared/providers/screen/gestures/pan/behavior/pan-release.ts +23 -25
- package/src/shared/providers/screen/gestures/pan/behavior/pan-reset.ts +45 -77
- package/src/shared/providers/screen/gestures/pan/behavior/use-pan-behavior.ts +12 -20
- package/src/shared/providers/screen/gestures/pan/use-build-pan-gesture.ts +5 -11
- package/src/shared/providers/screen/gestures/pinch/activation/use-pinch-activation.ts +14 -16
- package/src/shared/providers/screen/gestures/pinch/behavior/pinch-lifecycle.ts +13 -9
- package/src/shared/providers/screen/gestures/pinch/behavior/pinch-release.ts +31 -16
- package/src/shared/providers/screen/gestures/pinch/behavior/pinch-reset.ts +32 -41
- package/src/shared/providers/screen/gestures/pinch/behavior/use-pinch-behavior.ts +4 -4
- package/src/shared/providers/screen/gestures/pinch/use-build-pinch-gesture.ts +5 -10
- package/src/shared/providers/screen/gestures/rotation/activation/use-rotation-activation.ts +14 -13
- package/src/shared/providers/screen/gestures/rotation/use-build-rotation-gesture.ts +4 -9
- package/src/shared/providers/screen/gestures/scroll-coordination/index.ts +1 -0
- package/src/shared/providers/screen/gestures/scroll-coordination/scroll-metadata-owner.tsx +43 -0
- package/src/shared/providers/screen/gestures/scroll-coordination/update-scroll-gesture-state.ts +59 -4
- package/src/shared/providers/screen/gestures/scroll-coordination/use-scroll-gesture-coordination.ts +130 -8
- package/src/shared/providers/screen/gestures/shared/physics.ts +15 -32
- package/src/shared/providers/screen/gestures/shared/policy.ts +0 -15
- package/src/shared/providers/screen/gestures/shared/reset.ts +33 -11
- package/src/shared/providers/screen/gestures/shared/snap-points.ts +8 -7
- package/src/shared/providers/screen/gestures/shared/snapshot.ts +33 -0
- package/src/shared/providers/screen/gestures/shared/values.ts +52 -0
- package/src/shared/providers/screen/gestures/types.ts +6 -13
- package/src/shared/providers/screen/options/helpers.ts +0 -44
- package/src/shared/providers/screen/options/types.ts +0 -2
- package/src/shared/providers/screen/styles/hooks/use-interpolated-style-maps.tsx +8 -8
- package/src/shared/providers/screen/styles/hooks/use-maybe-block-visibility.tsx +3 -2
- package/src/shared/stores/animation.store.ts +8 -8
- package/src/shared/stores/gesture.store.ts +81 -0
- package/src/shared/stores/scroll.store.ts +80 -7
- package/src/shared/types/animation.types.ts +9 -0
- package/src/shared/types/bounds.types.ts +12 -8
- package/src/shared/types/gesture.types.ts +66 -15
- package/src/shared/types/index.ts +6 -0
- package/src/shared/types/screen.types.ts +33 -8
- package/src/shared/utils/animation/animate-to-progress.ts +3 -3
- package/src/shared/utils/animation/spring/spring.ts +7 -3
- package/src/shared/utils/bounds/helpers/prepare-bound-styles.ts +1 -1
- package/src/shared/utils/bounds/navigation/reveal/build.ts +42 -46
- package/src/shared/utils/bounds/navigation/zoom/build.ts +36 -33
- package/src/shared/utils/bounds/types/options.ts +9 -0
- package/lib/commonjs/shared/providers/screen/gestures/hooks/use-gesture-builder-state.js +0 -32
- package/lib/commonjs/shared/providers/screen/gestures/hooks/use-gesture-builder-state.js.map +0 -1
- package/lib/commonjs/shared/utils/gesture-progress-mode.js +0 -50
- package/lib/commonjs/shared/utils/gesture-progress-mode.js.map +0 -1
- package/lib/module/shared/providers/screen/gestures/hooks/use-gesture-builder-state.js +0 -27
- package/lib/module/shared/providers/screen/gestures/hooks/use-gesture-builder-state.js.map +0 -1
- package/lib/module/shared/utils/gesture-progress-mode.js +0 -42
- package/lib/module/shared/utils/gesture-progress-mode.js.map +0 -1
- package/lib/typescript/shared/providers/screen/gestures/hooks/use-gesture-builder-state.d.ts +0 -21
- package/lib/typescript/shared/providers/screen/gestures/hooks/use-gesture-builder-state.d.ts.map +0 -1
- package/lib/typescript/shared/utils/gesture-progress-mode.d.ts +0 -14
- package/lib/typescript/shared/utils/gesture-progress-mode.d.ts.map +0 -1
- package/src/shared/providers/screen/gestures/hooks/use-gesture-builder-state.ts +0 -31
- package/src/shared/utils/gesture-progress-mode.ts +0 -67
|
@@ -33,9 +33,15 @@ export type {
|
|
|
33
33
|
GestureDirectionConfig,
|
|
34
34
|
GestureDirectionEntry,
|
|
35
35
|
GestureDirectionOption,
|
|
36
|
+
GestureHandoffValues,
|
|
36
37
|
GestureValues,
|
|
37
38
|
PanGestureDirection,
|
|
38
39
|
PinchGestureDirection,
|
|
40
|
+
RawGestureValues,
|
|
41
|
+
ScrollGestureAxis,
|
|
42
|
+
ScrollGestureAxisState,
|
|
43
|
+
ScrollGestureState,
|
|
44
|
+
ScrollMetadataState,
|
|
39
45
|
SideActivation,
|
|
40
46
|
} from "./gesture.types";
|
|
41
47
|
export type { OverlayProps } from "./overlay.types";
|
|
@@ -7,6 +7,7 @@ import type {
|
|
|
7
7
|
GestureActivationArea,
|
|
8
8
|
GestureDirectionOption,
|
|
9
9
|
GestureProgressMode,
|
|
10
|
+
ScrollMetadataState,
|
|
10
11
|
} from "./gesture.types";
|
|
11
12
|
import type { OverlayProps } from "./overlay.types";
|
|
12
13
|
|
|
@@ -27,6 +28,13 @@ export type ScreenLayouts = {
|
|
|
27
28
|
* auto snap-point sizing. It is undefined until a real measurement exists.
|
|
28
29
|
*/
|
|
29
30
|
content?: Layout;
|
|
31
|
+
/**
|
|
32
|
+
* Scroll metadata from the primary transition-aware scrollable on this screen.
|
|
33
|
+
*
|
|
34
|
+
* For nested same-axis scrollables, the outermost scrollable owns that axis.
|
|
35
|
+
* Cross-axis nested scrollables can each publish their own axis.
|
|
36
|
+
*/
|
|
37
|
+
scroll?: ScrollMetadataState;
|
|
30
38
|
};
|
|
31
39
|
|
|
32
40
|
export type ScreenKey = string;
|
|
@@ -214,11 +222,11 @@ export type ScreenTransitionConfig = {
|
|
|
214
222
|
gestureSnapVelocityImpact?: number;
|
|
215
223
|
|
|
216
224
|
/**
|
|
217
|
-
* Multiplies gesture release velocity used for
|
|
225
|
+
* Multiplies gesture release velocity used for gesture reset/handoff energy.
|
|
218
226
|
*
|
|
219
227
|
* This does NOT affect dismissal threshold decisions (`gestureVelocityImpact`)
|
|
220
|
-
* or snap target selection (`snapVelocityImpact`). It
|
|
221
|
-
*
|
|
228
|
+
* or snap target selection (`snapVelocityImpact`). It changes the release
|
|
229
|
+
* impulse used by gesture values and interpolator handoff values.
|
|
222
230
|
*
|
|
223
231
|
* @default 1
|
|
224
232
|
*/
|
|
@@ -235,20 +243,37 @@ export type ScreenTransitionConfig = {
|
|
|
235
243
|
gestureReleaseVelocityMax?: number;
|
|
236
244
|
|
|
237
245
|
/**
|
|
238
|
-
*
|
|
246
|
+
* Deprecated compatibility option.
|
|
247
|
+
*
|
|
248
|
+
* Overrides the default edge-start distance when `gestureDirection` uses
|
|
249
|
+
* `area: "edge"`. Prefer a numeric `area` on each `gestureDirection` entry.
|
|
250
|
+
*
|
|
251
|
+
* @example
|
|
252
|
+
* gestureDirection: { gesture: "horizontal", area: 24 }
|
|
253
|
+
*
|
|
254
|
+
* @deprecated Use numeric `gestureDirection` entry `area` instead.
|
|
239
255
|
*/
|
|
240
256
|
gestureResponseDistance?: number;
|
|
241
257
|
|
|
242
258
|
/**
|
|
243
|
-
*
|
|
244
|
-
*
|
|
259
|
+
* Deprecated compatibility option.
|
|
260
|
+
*
|
|
261
|
+
* Gesture movement now always contributes to `progress`. Use `transitionProgress`
|
|
262
|
+
* in interpolators when you need transition progress without live gesture
|
|
263
|
+
* contribution.
|
|
264
|
+
*
|
|
265
|
+
* @deprecated Use `transitionProgress` from interpolation state instead.
|
|
245
266
|
*/
|
|
246
267
|
gestureProgressMode?: GestureProgressMode;
|
|
247
268
|
|
|
248
269
|
/**
|
|
249
|
-
*
|
|
270
|
+
* Deprecated compatibility alias for `gestureProgressMode`.
|
|
271
|
+
*
|
|
272
|
+
* Gesture movement now always contributes to `progress`. Use `transitionProgress`
|
|
273
|
+
* in interpolators when you need transition progress without live gesture
|
|
274
|
+
* contribution.
|
|
250
275
|
*
|
|
251
|
-
* @deprecated Use `
|
|
276
|
+
* @deprecated Use `transitionProgress` from interpolation state instead.
|
|
252
277
|
*/
|
|
253
278
|
gestureDrivesProgress?: boolean;
|
|
254
279
|
|
|
@@ -68,7 +68,7 @@ export const animateToProgress = ({
|
|
|
68
68
|
: config;
|
|
69
69
|
|
|
70
70
|
const {
|
|
71
|
-
|
|
71
|
+
transitionProgress,
|
|
72
72
|
willAnimate,
|
|
73
73
|
progressAnimating,
|
|
74
74
|
progressSettled,
|
|
@@ -87,7 +87,7 @@ export const animateToProgress = ({
|
|
|
87
87
|
if (!config) {
|
|
88
88
|
progressAnimating.set(FALSE);
|
|
89
89
|
progressSettled.set(TRUE);
|
|
90
|
-
|
|
90
|
+
transitionProgress.set(value);
|
|
91
91
|
if (shouldClearEnteringOnFinish) {
|
|
92
92
|
entering.set(FALSE);
|
|
93
93
|
}
|
|
@@ -100,7 +100,7 @@ export const animateToProgress = ({
|
|
|
100
100
|
|
|
101
101
|
progressAnimating.set(TRUE); //<-- Do not move this into the callback
|
|
102
102
|
progressSettled.set(FALSE);
|
|
103
|
-
|
|
103
|
+
transitionProgress.set(
|
|
104
104
|
animate(value, effectiveConfig, (state) => {
|
|
105
105
|
"worklet";
|
|
106
106
|
if (state.settled) {
|
|
@@ -142,7 +142,7 @@ export const withInternalSpring = ((
|
|
|
142
142
|
|
|
143
143
|
let settled = false;
|
|
144
144
|
|
|
145
|
-
const
|
|
145
|
+
const notifySettled = (animation: SpringAnimation) => {
|
|
146
146
|
"worklet";
|
|
147
147
|
if (settled) {
|
|
148
148
|
return;
|
|
@@ -154,6 +154,10 @@ export const withInternalSpring = ((
|
|
|
154
154
|
|
|
155
155
|
settled = true;
|
|
156
156
|
animation.settled = true;
|
|
157
|
+
callback?.({
|
|
158
|
+
finished: false,
|
|
159
|
+
settled: true,
|
|
160
|
+
});
|
|
157
161
|
};
|
|
158
162
|
|
|
159
163
|
config.skipAnimation = !checkIfConfigIsValid(config);
|
|
@@ -215,7 +219,7 @@ export const withInternalSpring = ((
|
|
|
215
219
|
return true;
|
|
216
220
|
}
|
|
217
221
|
|
|
218
|
-
|
|
222
|
+
notifySettled(animation);
|
|
219
223
|
|
|
220
224
|
return false;
|
|
221
225
|
}
|
|
@@ -310,7 +314,7 @@ export const withInternalSpring = ((
|
|
|
310
314
|
? previousAnimation?.startTimestamp || now
|
|
311
315
|
: now;
|
|
312
316
|
|
|
313
|
-
|
|
317
|
+
notifySettled(animation);
|
|
314
318
|
}
|
|
315
319
|
|
|
316
320
|
const animation = {
|
|
@@ -99,7 +99,7 @@ export const prepareBoundStyles = <T extends BoundsOptions>({
|
|
|
99
99
|
previous: props.previous,
|
|
100
100
|
current: props.current,
|
|
101
101
|
next: props.next,
|
|
102
|
-
progress: props.progress,
|
|
102
|
+
progress: resolved.progress ?? props.progress,
|
|
103
103
|
dimensions: props.layouts.screen,
|
|
104
104
|
},
|
|
105
105
|
resolved,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { interpolate } from "react-native-reanimated";
|
|
2
2
|
import { NAVIGATION_MASK_ELEMENT_STYLE_ID } from "../../../../constants";
|
|
3
|
-
import {
|
|
3
|
+
import { createBoundsAccessorCore } from "../../helpers/create-bounds-accessor-core";
|
|
4
4
|
import { getSourceBorderRadius } from "../helpers";
|
|
5
5
|
import {
|
|
6
6
|
CLOSE_SOURCE_HANDOFF_PROGRESS,
|
|
@@ -54,15 +54,16 @@ export function buildRevealStyles({
|
|
|
54
54
|
|
|
55
55
|
const {
|
|
56
56
|
focused,
|
|
57
|
-
progress,
|
|
58
57
|
layouts: { screen: screenLayout },
|
|
59
58
|
} = props;
|
|
59
|
+
const transitionProgress =
|
|
60
|
+
props.current.transitionProgress + (props.next?.transitionProgress ?? 0);
|
|
61
|
+
const activeTransitionProgress = props.active.transitionProgress;
|
|
60
62
|
const borderRadius = revealOptions?.borderRadius ?? REVEAL_BORDER_RADIUS;
|
|
61
63
|
const borderContinuous = revealOptions?.borderContinuous ?? true;
|
|
62
64
|
const maxSensitivity = revealOptions?.maxSensitivity ?? 0.8;
|
|
63
65
|
const velocityDepth =
|
|
64
66
|
revealOptions?.velocityDepth ?? DISMISS_SCALE_ORBIT_DEPTH;
|
|
65
|
-
const gestureProgressMode = revealOptions?.gestureProgressMode ?? "freeform";
|
|
66
67
|
const disablePointerEventsTillElementTransition =
|
|
67
68
|
revealOptions?.disablePointerEventsTillElementTransition ?? true;
|
|
68
69
|
const maskSizingMode = revealOptions?.maskSizingMode ?? "auto";
|
|
@@ -75,8 +76,11 @@ export function buildRevealStyles({
|
|
|
75
76
|
? REVEAL_USES_TRANSFORM_MASK
|
|
76
77
|
: maskSizingMode === "transform";
|
|
77
78
|
|
|
78
|
-
const
|
|
79
|
-
|
|
79
|
+
const bounds = createBoundsAccessorCore({
|
|
80
|
+
getProps: () => props,
|
|
81
|
+
});
|
|
82
|
+
const scopedBounds = bounds({ id: tag });
|
|
83
|
+
const link = scopedBounds.getLink();
|
|
80
84
|
|
|
81
85
|
if (!link?.source?.bounds || !link.destination?.bounds) {
|
|
82
86
|
return {};
|
|
@@ -86,8 +90,9 @@ export function buildRevealStyles({
|
|
|
86
90
|
|
|
87
91
|
/* --------------------------- Gesture / Drag Values ------------------------- */
|
|
88
92
|
|
|
89
|
-
const
|
|
90
|
-
|
|
93
|
+
const liveGesture = props.active.gesture;
|
|
94
|
+
const gestureHandoff = liveGesture.handoff;
|
|
95
|
+
const initialGesture = gestureHandoff.active ?? gestureHandoff.direction;
|
|
91
96
|
|
|
92
97
|
const isHorizontalDismiss =
|
|
93
98
|
initialGesture === "horizontal" || initialGesture === "horizontal-inverted";
|
|
@@ -95,31 +100,25 @@ export function buildRevealStyles({
|
|
|
95
100
|
initialGesture === "vertical" || initialGesture === "vertical-inverted";
|
|
96
101
|
|
|
97
102
|
const rawDrag = isHorizontalDismiss
|
|
98
|
-
? Math.abs(
|
|
103
|
+
? Math.abs(gestureHandoff.raw.normX)
|
|
99
104
|
: isVerticalDismiss
|
|
100
|
-
? Math.abs(
|
|
105
|
+
? Math.abs(gestureHandoff.raw.normY)
|
|
101
106
|
: 0;
|
|
102
107
|
|
|
103
|
-
const dragX = resolveUnitDragTranslation(
|
|
104
|
-
props.active.gesture.x,
|
|
105
|
-
screenLayout.width,
|
|
106
|
-
);
|
|
108
|
+
const dragX = resolveUnitDragTranslation(liveGesture.x, screenLayout.width);
|
|
107
109
|
|
|
108
|
-
const dragY = resolveUnitDragTranslation(
|
|
109
|
-
props.active.gesture.y,
|
|
110
|
-
screenLayout.height,
|
|
111
|
-
);
|
|
110
|
+
const dragY = resolveUnitDragTranslation(liveGesture.y, screenLayout.height);
|
|
112
111
|
|
|
113
112
|
const dragXScale = isHorizontalDismiss
|
|
114
113
|
? resolveRevealDirectionalDragScale(
|
|
115
|
-
|
|
114
|
+
gestureHandoff.normX,
|
|
116
115
|
initialGesture === "horizontal-inverted",
|
|
117
116
|
)
|
|
118
117
|
: IDENTITY_DRAG_SCALE_OUTPUT[0];
|
|
119
118
|
|
|
120
119
|
const dragYScale = isVerticalDismiss
|
|
121
120
|
? resolveRevealDirectionalDragScale(
|
|
122
|
-
|
|
121
|
+
gestureHandoff.normY,
|
|
123
122
|
initialGesture === "vertical-inverted",
|
|
124
123
|
)
|
|
125
124
|
: IDENTITY_DRAG_SCALE_OUTPUT[1];
|
|
@@ -139,7 +138,8 @@ export function buildRevealStyles({
|
|
|
139
138
|
scaleMode: "uniform",
|
|
140
139
|
method: "content",
|
|
141
140
|
target: initialDestinationTarget,
|
|
142
|
-
|
|
141
|
+
progress: transitionProgress,
|
|
142
|
+
});
|
|
143
143
|
|
|
144
144
|
const maskRaw = link.compute({
|
|
145
145
|
raw: true,
|
|
@@ -147,19 +147,20 @@ export function buildRevealStyles({
|
|
|
147
147
|
method: "size",
|
|
148
148
|
space: "absolute",
|
|
149
149
|
target: "fullscreen",
|
|
150
|
-
|
|
150
|
+
progress: transitionProgress,
|
|
151
|
+
});
|
|
151
152
|
|
|
152
153
|
const maskBorderRadius = mixUnit(
|
|
153
154
|
sourceBorderRadius,
|
|
154
155
|
borderRadius,
|
|
155
|
-
|
|
156
|
+
activeTransitionProgress,
|
|
156
157
|
);
|
|
157
158
|
const maskBorderCurve = borderContinuous
|
|
158
159
|
? ("continuous" as const)
|
|
159
160
|
: undefined;
|
|
160
161
|
|
|
161
162
|
const maskSizeMultiplier = props.active.closing
|
|
162
|
-
? mixUnit(0.9, 1,
|
|
163
|
+
? mixUnit(0.9, 1, activeTransitionProgress)
|
|
163
164
|
: 1;
|
|
164
165
|
|
|
165
166
|
const maskWidth = Math.max(1, maskRaw.width * maskSizeMultiplier);
|
|
@@ -181,10 +182,10 @@ export function buildRevealStyles({
|
|
|
181
182
|
});
|
|
182
183
|
|
|
183
184
|
contentScale = resolveDismissScaleHandoff({
|
|
184
|
-
progress:
|
|
185
|
+
progress: activeTransitionProgress,
|
|
185
186
|
releaseScale: dragScale,
|
|
186
187
|
targetScale: sourceContentScale,
|
|
187
|
-
velocity:
|
|
188
|
+
velocity: gestureHandoff.velocity,
|
|
188
189
|
velocityDepth,
|
|
189
190
|
});
|
|
190
191
|
}
|
|
@@ -194,16 +195,16 @@ export function buildRevealStyles({
|
|
|
194
195
|
|
|
195
196
|
const liveHorizontalDismissDrag =
|
|
196
197
|
initialGesture === "horizontal-inverted"
|
|
197
|
-
? -
|
|
198
|
-
:
|
|
198
|
+
? -gestureHandoff.normX
|
|
199
|
+
: gestureHandoff.normX;
|
|
199
200
|
|
|
200
201
|
const liveVerticalDismissDrag =
|
|
201
202
|
initialGesture === "vertical-inverted"
|
|
202
|
-
? -
|
|
203
|
-
:
|
|
203
|
+
? -gestureHandoff.normY
|
|
204
|
+
: gestureHandoff.normY;
|
|
204
205
|
|
|
205
206
|
const dismissProgressDrag = props.active.gesture.dismissing
|
|
206
|
-
? 1 -
|
|
207
|
+
? 1 - activeTransitionProgress
|
|
207
208
|
: 0;
|
|
208
209
|
|
|
209
210
|
const maskHeightCollapseDrag =
|
|
@@ -308,7 +309,7 @@ export function buildRevealStyles({
|
|
|
308
309
|
|
|
309
310
|
const elementTX = props.active.closing
|
|
310
311
|
? interpolateClamped(
|
|
311
|
-
|
|
312
|
+
activeTransitionProgress,
|
|
312
313
|
CLOSE_SOURCE_HANDOFF_PROGRESS,
|
|
313
314
|
1,
|
|
314
315
|
elementOffsetX,
|
|
@@ -317,7 +318,7 @@ export function buildRevealStyles({
|
|
|
317
318
|
: 0;
|
|
318
319
|
const elementY = props.active.closing
|
|
319
320
|
? interpolateClamped(
|
|
320
|
-
|
|
321
|
+
activeTransitionProgress,
|
|
321
322
|
CLOSE_SOURCE_HANDOFF_PROGRESS,
|
|
322
323
|
1,
|
|
323
324
|
elementOffsetY,
|
|
@@ -333,7 +334,6 @@ export function buildRevealStyles({
|
|
|
333
334
|
|
|
334
335
|
return {
|
|
335
336
|
options: {
|
|
336
|
-
gestureProgressMode,
|
|
337
337
|
gestureSensitivity,
|
|
338
338
|
gestureReleaseVelocityScale,
|
|
339
339
|
},
|
|
@@ -347,7 +347,7 @@ export function buildRevealStyles({
|
|
|
347
347
|
shadowColor: "#000",
|
|
348
348
|
shadowOffset: REVEAL_SHADOW_OFFSET,
|
|
349
349
|
shadowOpacity: interpolate(
|
|
350
|
-
|
|
350
|
+
activeTransitionProgress,
|
|
351
351
|
ZERO_TO_ONE_RANGE,
|
|
352
352
|
CONTENT_SHADOW_OPACITY_OUTPUT,
|
|
353
353
|
),
|
|
@@ -355,12 +355,12 @@ export function buildRevealStyles({
|
|
|
355
355
|
elevation: 5,
|
|
356
356
|
opacity: props.active.entering
|
|
357
357
|
? interpolate(
|
|
358
|
-
|
|
358
|
+
activeTransitionProgress,
|
|
359
359
|
CONTENT_ENTERING_OPACITY_RANGE,
|
|
360
360
|
CONTENT_ENTERING_OPACITY_OUTPUT,
|
|
361
361
|
)
|
|
362
362
|
: interpolate(
|
|
363
|
-
|
|
363
|
+
activeTransitionProgress,
|
|
364
364
|
CONTENT_CLOSING_OPACITY_RANGE,
|
|
365
365
|
CONTENT_CLOSING_OPACITY_OUTPUT,
|
|
366
366
|
),
|
|
@@ -379,7 +379,7 @@ export function buildRevealStyles({
|
|
|
379
379
|
|
|
380
380
|
/* ---------------------------- Unfocused Screen ---------------------------- */
|
|
381
381
|
|
|
382
|
-
const unfocusedScale = mixUnit(1, backgroundScale,
|
|
382
|
+
const unfocusedScale = mixUnit(1, backgroundScale, activeTransitionProgress);
|
|
383
383
|
const unfocusedContentScale =
|
|
384
384
|
props.active.settled && shouldBackgroundScaleResetOnSettled
|
|
385
385
|
? 1
|
|
@@ -389,7 +389,7 @@ export function buildRevealStyles({
|
|
|
389
389
|
initialDestinationTarget ?? link.destination.bounds;
|
|
390
390
|
|
|
391
391
|
const trackingContentBaseTransform = resolveRevealContentBaseTransform({
|
|
392
|
-
progress:
|
|
392
|
+
progress: activeTransitionProgress,
|
|
393
393
|
sourceBounds: link.source.bounds,
|
|
394
394
|
destinationBounds: trackingContentTarget,
|
|
395
395
|
screenLayout,
|
|
@@ -403,10 +403,10 @@ export function buildRevealStyles({
|
|
|
403
403
|
destinationHeight: trackingContentTarget.height,
|
|
404
404
|
});
|
|
405
405
|
trackingContentScale = resolveDismissScaleHandoff({
|
|
406
|
-
progress:
|
|
406
|
+
progress: activeTransitionProgress,
|
|
407
407
|
releaseScale: dragScale,
|
|
408
408
|
targetScale: trackingTargetScale,
|
|
409
|
-
velocity:
|
|
409
|
+
velocity: gestureHandoff.velocity,
|
|
410
410
|
velocityDepth,
|
|
411
411
|
});
|
|
412
412
|
}
|
|
@@ -426,9 +426,6 @@ export function buildRevealStyles({
|
|
|
426
426
|
});
|
|
427
427
|
|
|
428
428
|
return {
|
|
429
|
-
options: {
|
|
430
|
-
gestureProgressMode,
|
|
431
|
-
},
|
|
432
429
|
content: {
|
|
433
430
|
style: {
|
|
434
431
|
transform: [{ scale: unfocusedContentScale }],
|
|
@@ -436,7 +433,7 @@ export function buildRevealStyles({
|
|
|
436
433
|
props: disablePointerEventsTillElementTransition
|
|
437
434
|
? {
|
|
438
435
|
pointerEvents:
|
|
439
|
-
|
|
436
|
+
activeTransitionProgress <= CLOSE_SOURCE_HANDOFF_PROGRESS
|
|
440
437
|
? "auto"
|
|
441
438
|
: "none",
|
|
442
439
|
}
|
|
@@ -447,11 +444,10 @@ export function buildRevealStyles({
|
|
|
447
444
|
opacity: props.active.closing
|
|
448
445
|
? 1
|
|
449
446
|
: interpolate(
|
|
450
|
-
|
|
447
|
+
activeTransitionProgress,
|
|
451
448
|
ZERO_TO_ONE_RANGE,
|
|
452
449
|
UNFOCUSED_ELEMENT_OPACITY_OUTPUT,
|
|
453
450
|
),
|
|
454
|
-
|
|
455
451
|
zIndex: 9999,
|
|
456
452
|
elevation: 9999,
|
|
457
453
|
transform: [
|
|
@@ -4,11 +4,8 @@ import {
|
|
|
4
4
|
NAVIGATION_MASK_ELEMENT_STYLE_ID,
|
|
5
5
|
VISIBLE_STYLE,
|
|
6
6
|
} from "../../../../constants";
|
|
7
|
-
import type {
|
|
8
|
-
|
|
9
|
-
TransitionInterpolatedStyle,
|
|
10
|
-
} from "../../../../types/animation.types";
|
|
11
|
-
import { createLinkAccessor } from "../../helpers/create-link-accessor";
|
|
7
|
+
import type { TransitionInterpolatedStyle } from "../../../../types/animation.types";
|
|
8
|
+
import { createBoundsAccessorCore } from "../../helpers/create-bounds-accessor-core";
|
|
12
9
|
import { getSourceBorderRadius, toNumber } from "../helpers";
|
|
13
10
|
import {
|
|
14
11
|
combineScales,
|
|
@@ -45,11 +42,9 @@ const IDENTITY_DRAG_SCALE_OUTPUT = [1, 1] as const;
|
|
|
45
42
|
function resolveZoomGestureOptions({
|
|
46
43
|
rawDrag,
|
|
47
44
|
maxSensitivity,
|
|
48
|
-
gestureProgressMode,
|
|
49
45
|
}: {
|
|
50
46
|
rawDrag: number;
|
|
51
47
|
maxSensitivity: number;
|
|
52
|
-
gestureProgressMode: ScreenTransitionOptions["gestureProgressMode"];
|
|
53
48
|
}) {
|
|
54
49
|
"worklet";
|
|
55
50
|
|
|
@@ -60,7 +55,6 @@ function resolveZoomGestureOptions({
|
|
|
60
55
|
});
|
|
61
56
|
|
|
62
57
|
return {
|
|
63
|
-
gestureProgressMode,
|
|
64
58
|
gestureSensitivity,
|
|
65
59
|
gestureReleaseVelocityScale,
|
|
66
60
|
};
|
|
@@ -86,19 +80,23 @@ export function buildZoomStyles({
|
|
|
86
80
|
const target = zoomOptions?.target;
|
|
87
81
|
const {
|
|
88
82
|
focused,
|
|
89
|
-
progress,
|
|
90
83
|
layouts: { screen: screenLayout },
|
|
91
84
|
} = props;
|
|
85
|
+
const transitionProgress =
|
|
86
|
+
props.current.transitionProgress + (props.next?.transitionProgress ?? 0);
|
|
87
|
+
const activeTransitionProgress = props.active.transitionProgress;
|
|
92
88
|
|
|
93
89
|
const zoomAnchor = target === "bound" ? "center" : ZOOM_SHARED_OPTIONS.anchor;
|
|
94
90
|
|
|
95
|
-
const
|
|
96
|
-
|
|
91
|
+
const bounds = createBoundsAccessorCore({
|
|
92
|
+
getProps: () => props,
|
|
93
|
+
});
|
|
94
|
+
const scopedBounds = bounds({ id: tag });
|
|
95
|
+
const link = scopedBounds.getLink();
|
|
97
96
|
|
|
98
97
|
if (!link) return {};
|
|
99
98
|
|
|
100
99
|
const baseRawOptions = {
|
|
101
|
-
raw: true,
|
|
102
100
|
scaleMode: ZOOM_SHARED_OPTIONS.scaleMode,
|
|
103
101
|
} as const;
|
|
104
102
|
|
|
@@ -134,22 +132,22 @@ export function buildZoomStyles({
|
|
|
134
132
|
const maxSensitivity = zoomOptions?.maxSensitivity ?? 0.8;
|
|
135
133
|
const velocityDepth =
|
|
136
134
|
zoomOptions?.velocityDepth ?? ZOOM_DISMISS_SCALE_ORBIT_DEPTH;
|
|
137
|
-
const gestureProgressMode = zoomOptions?.gestureProgressMode ?? "freeform";
|
|
138
135
|
|
|
139
136
|
/* --------------------------- Gesture / Drag Values ------------------------- */
|
|
140
137
|
|
|
141
|
-
const
|
|
142
|
-
const
|
|
143
|
-
const
|
|
144
|
-
|
|
138
|
+
const liveGesture = props.active.gesture;
|
|
139
|
+
const gestureHandoff = liveGesture.handoff;
|
|
140
|
+
const normX = gestureHandoff.normX;
|
|
141
|
+
const normY = gestureHandoff.normY;
|
|
142
|
+
const initialGesture = gestureHandoff.active ?? gestureHandoff.direction;
|
|
145
143
|
const isHorizontalDismiss =
|
|
146
144
|
initialGesture === "horizontal" || initialGesture === "horizontal-inverted";
|
|
147
145
|
const isVerticalDismiss =
|
|
148
146
|
initialGesture === "vertical" || initialGesture === "vertical-inverted";
|
|
149
147
|
const rawDrag = isHorizontalDismiss
|
|
150
|
-
? Math.abs(
|
|
148
|
+
? Math.abs(gestureHandoff.raw.normX)
|
|
151
149
|
: isVerticalDismiss
|
|
152
|
-
? Math.abs(
|
|
150
|
+
? Math.abs(gestureHandoff.raw.normY)
|
|
153
151
|
: 0;
|
|
154
152
|
|
|
155
153
|
const horizontalDragTranslation = resolveDragTranslationTuple(
|
|
@@ -159,14 +157,14 @@ export function buildZoomStyles({
|
|
|
159
157
|
zoomOptions?.verticalDragTranslation,
|
|
160
158
|
);
|
|
161
159
|
const dragX = resolveDirectionalDragTranslation({
|
|
162
|
-
translation:
|
|
160
|
+
translation: liveGesture.x,
|
|
163
161
|
dimension: screenLayout.width,
|
|
164
162
|
negativeMax: horizontalDragTranslation.negativeMax,
|
|
165
163
|
positiveMax: horizontalDragTranslation.positiveMax,
|
|
166
164
|
exponent: horizontalDragTranslation.exponent,
|
|
167
165
|
});
|
|
168
166
|
const dragY = resolveDirectionalDragTranslation({
|
|
169
|
-
translation:
|
|
167
|
+
translation: liveGesture.y,
|
|
170
168
|
dimension: screenLayout.height,
|
|
171
169
|
negativeMax: verticalDragTranslation.negativeMax,
|
|
172
170
|
positiveMax: verticalDragTranslation.positiveMax,
|
|
@@ -203,17 +201,16 @@ export function buildZoomStyles({
|
|
|
203
201
|
const dragScale = combineScales(dragXScale, dragYScale);
|
|
204
202
|
const handoffDragScale = props.active.gesture.dismissing
|
|
205
203
|
? resolveDismissScaleHandoff({
|
|
206
|
-
progress:
|
|
204
|
+
progress: activeTransitionProgress,
|
|
207
205
|
releaseScale: dragScale,
|
|
208
206
|
targetScale: 1,
|
|
209
|
-
velocity:
|
|
207
|
+
velocity: gestureHandoff.velocity,
|
|
210
208
|
velocityDepth,
|
|
211
209
|
})
|
|
212
210
|
: dragScale;
|
|
213
211
|
const zoomGestureOptions = resolveZoomGestureOptions({
|
|
214
212
|
rawDrag,
|
|
215
213
|
maxSensitivity,
|
|
216
|
-
gestureProgressMode,
|
|
217
214
|
});
|
|
218
215
|
|
|
219
216
|
/* ----------------------------- Focused Screen ----------------------------- */
|
|
@@ -228,26 +225,30 @@ export function buildZoomStyles({
|
|
|
228
225
|
|
|
229
226
|
const contentRaw = link.compute({
|
|
230
227
|
...baseRawOptions,
|
|
228
|
+
raw: true,
|
|
231
229
|
anchor: zoomAnchor,
|
|
232
230
|
method: "content",
|
|
233
231
|
target: focusedContentTarget,
|
|
234
|
-
|
|
232
|
+
progress: transitionProgress,
|
|
233
|
+
});
|
|
235
234
|
|
|
236
235
|
const maskRaw = link.compute({
|
|
237
236
|
...baseRawOptions,
|
|
237
|
+
raw: true,
|
|
238
238
|
anchor: ZOOM_SHARED_OPTIONS.anchor,
|
|
239
239
|
method: "size",
|
|
240
240
|
space: "absolute",
|
|
241
241
|
target: "fullscreen",
|
|
242
|
-
|
|
242
|
+
progress: transitionProgress,
|
|
243
|
+
});
|
|
243
244
|
|
|
244
245
|
const focusedFade = props.active?.closing
|
|
245
246
|
? interpolateOpacityRange({
|
|
246
|
-
progress,
|
|
247
|
+
progress: transitionProgress,
|
|
247
248
|
range: focusedElementOpacity.close,
|
|
248
249
|
})
|
|
249
250
|
: interpolateOpacityRange({
|
|
250
|
-
progress,
|
|
251
|
+
progress: transitionProgress,
|
|
251
252
|
range: focusedElementOpacity.open,
|
|
252
253
|
});
|
|
253
254
|
|
|
@@ -257,7 +258,7 @@ export function buildZoomStyles({
|
|
|
257
258
|
*/
|
|
258
259
|
const shouldRemoveClipping = !props.active.animating;
|
|
259
260
|
const focusedMaskBorderRadius = interpolate(
|
|
260
|
-
|
|
261
|
+
transitionProgress,
|
|
261
262
|
[0, 1],
|
|
262
263
|
[sourceBorderRadius, shouldRemoveClipping ? 0 : targetBorderRadius],
|
|
263
264
|
"clamp",
|
|
@@ -341,15 +342,15 @@ export function buildZoomStyles({
|
|
|
341
342
|
|
|
342
343
|
const unfocusedFade = props.active?.closing
|
|
343
344
|
? interpolateOpacityRange({
|
|
344
|
-
progress,
|
|
345
|
+
progress: transitionProgress,
|
|
345
346
|
range: unfocusedElementOpacity.close,
|
|
346
347
|
})
|
|
347
348
|
: interpolateOpacityRange({
|
|
348
|
-
progress,
|
|
349
|
+
progress: transitionProgress,
|
|
349
350
|
range: unfocusedElementOpacity.open,
|
|
350
351
|
});
|
|
351
352
|
const unfocusedScale = interpolate(
|
|
352
|
-
|
|
353
|
+
transitionProgress,
|
|
353
354
|
[1, 2],
|
|
354
355
|
[1, backgroundScale],
|
|
355
356
|
"clamp",
|
|
@@ -369,11 +370,13 @@ export function buildZoomStyles({
|
|
|
369
370
|
|
|
370
371
|
const elementRaw = link.compute({
|
|
371
372
|
...baseRawOptions,
|
|
373
|
+
raw: true,
|
|
372
374
|
anchor: zoomAnchor,
|
|
373
375
|
method: "transform",
|
|
374
376
|
space: "relative",
|
|
375
377
|
target: unfocusedElementTarget,
|
|
376
|
-
|
|
378
|
+
progress: transitionProgress,
|
|
379
|
+
});
|
|
377
380
|
|
|
378
381
|
const boundTargetCenterX =
|
|
379
382
|
target === "bound" && link.destination?.bounds
|
|
@@ -123,6 +123,15 @@ export type BoundsOptions = {
|
|
|
123
123
|
*/
|
|
124
124
|
offset?: { x?: number; y?: number };
|
|
125
125
|
|
|
126
|
+
/**
|
|
127
|
+
* Progress value used to drive the bounds interpolation.
|
|
128
|
+
*
|
|
129
|
+
* Defaults to the interpolator frame's combined visual progress. Pass
|
|
130
|
+
* `transitionProgress` when bounds geometry should ignore live gesture
|
|
131
|
+
* progress and layer gesture movement separately.
|
|
132
|
+
*/
|
|
133
|
+
progress?: number;
|
|
134
|
+
|
|
126
135
|
/**
|
|
127
136
|
* The x/y offsets to apply to the bounds.
|
|
128
137
|
*
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useGestureBuilderState = void 0;
|
|
7
|
-
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
-
/**
|
|
9
|
-
* Creates the shared values that both pan and pinch runtimes need while a
|
|
10
|
-
* recognizer is active.
|
|
11
|
-
*
|
|
12
|
-
* `gestureProgressBaseline` is set to the current animation progress when a
|
|
13
|
-
* gesture starts. Lifecycle handlers use it as the stable baseline for cumulative
|
|
14
|
-
* pan/pinch deltas so progress can be recalculated from the gesture event
|
|
15
|
-
* instead of repeatedly accumulating into the current animated value.
|
|
16
|
-
*
|
|
17
|
-
* `lockedSnapPoint` is the current snap point chosen when a snap gesture starts.
|
|
18
|
-
* Snap release primers set it on start: snap-locked gestures use the
|
|
19
|
-
* nearest resolved snap point, while unlocked snap gestures use the resolved max
|
|
20
|
-
* snap point. The value stays stable through the active gesture and is used as a
|
|
21
|
-
* progress bound/release target.
|
|
22
|
-
*/
|
|
23
|
-
const useGestureBuilderState = participation => {
|
|
24
|
-
const gestureProgressBaseline = (0, _reactNativeReanimated.useSharedValue)(1);
|
|
25
|
-
const lockedSnapPoint = (0, _reactNativeReanimated.useSharedValue)(participation.effectiveSnapPoints.maxSnapPoint);
|
|
26
|
-
return {
|
|
27
|
-
gestureProgressBaseline,
|
|
28
|
-
lockedSnapPoint
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
exports.useGestureBuilderState = useGestureBuilderState;
|
|
32
|
-
//# sourceMappingURL=use-gesture-builder-state.js.map
|