react-native-screen-transitions 4.1.0-beta.0 → 4.1.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/components/boundary/components/boundary-lifecycle.js +40 -8
- package/lib/commonjs/components/boundary/components/boundary-lifecycle.js.map +1 -1
- package/lib/commonjs/components/boundary/components/boundary-target.js +10 -17
- package/lib/commonjs/components/boundary/components/boundary-target.js.map +1 -1
- package/lib/commonjs/components/boundary/create-boundary-component.js +13 -16
- package/lib/commonjs/components/boundary/create-boundary-component.js.map +1 -1
- package/lib/commonjs/components/boundary/helpers/presentation.js +56 -0
- package/lib/commonjs/components/boundary/helpers/presentation.js.map +1 -0
- package/lib/commonjs/components/boundary/hooks/use-boundary-presentation.js +65 -0
- package/lib/commonjs/components/boundary/hooks/use-boundary-presentation.js.map +1 -0
- package/lib/commonjs/components/boundary/hooks/use-composed-boundary-style.js +43 -0
- package/lib/commonjs/components/boundary/hooks/use-composed-boundary-style.js.map +1 -0
- package/lib/commonjs/components/boundary/index.js +2 -3
- package/lib/commonjs/components/boundary/index.js.map +1 -1
- package/lib/commonjs/components/boundary/portal/components/portal-host.js +39 -0
- package/lib/commonjs/components/boundary/portal/components/portal-host.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/components/portal-overlay.js +170 -0
- package/lib/commonjs/components/boundary/portal/components/portal-overlay.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/components/portal.js +88 -0
- package/lib/commonjs/components/boundary/portal/components/portal.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/helpers/offset-style.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-active-portal-boundary-host.js +35 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-active-portal-boundary-host.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-host-measurement.js +83 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-host-measurement.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-portal-destination.js +58 -0
- package/lib/commonjs/components/boundary/portal/hooks/use-portal-destination.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/index.js +0 -7
- package/lib/commonjs/components/boundary/portal/index.js.map +1 -1
- package/lib/commonjs/components/boundary/portal/{components/boundary-portal/stores → stores}/host-registry.store.js +1 -12
- package/lib/commonjs/components/boundary/portal/stores/host-registry.store.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/{components/boundary-portal/stores → stores}/portal-boundary-host.store.js +17 -17
- package/lib/commonjs/components/boundary/portal/stores/portal-boundary-host.store.js.map +1 -0
- package/lib/commonjs/components/boundary/portal/utils/naming.js +8 -1
- package/lib/commonjs/components/boundary/portal/utils/naming.js.map +1 -1
- package/lib/commonjs/components/boundary/portal/utils/resolve-portal.js +7 -27
- package/lib/commonjs/components/boundary/portal/utils/resolve-portal.js.map +1 -1
- package/lib/commonjs/components/boundary/providers/boundary-root.provider.js +13 -7
- package/lib/commonjs/components/boundary/providers/boundary-root.provider.js.map +1 -1
- package/lib/commonjs/components/screen/container/helpers/layer-component.js +39 -0
- package/lib/commonjs/components/screen/container/helpers/layer-component.js.map +1 -0
- package/lib/commonjs/components/screen/container/{layers/render-component.js → helpers/uses-layer-render-props.js} +1 -1
- package/lib/commonjs/components/screen/container/helpers/uses-layer-render-props.js.map +1 -0
- package/lib/commonjs/components/screen/container/layers/backdrop.js +4 -13
- package/lib/commonjs/components/screen/container/layers/backdrop.js.map +1 -1
- package/lib/commonjs/components/screen/container/layers/clip.js +117 -0
- package/lib/commonjs/components/screen/container/layers/clip.js.map +1 -0
- package/lib/commonjs/components/screen/container/layers/content.js +17 -33
- package/lib/commonjs/components/screen/container/layers/content.js.map +1 -1
- package/lib/commonjs/components/screen/container/layers/surface.js +3 -15
- package/lib/commonjs/components/screen/container/layers/surface.js.map +1 -1
- package/lib/commonjs/components/screen/lifecycle/hooks/use-open-transition-intent.js +15 -0
- package/lib/commonjs/components/screen/lifecycle/hooks/use-open-transition-intent.js.map +1 -1
- package/lib/commonjs/constants.js +3 -1
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/hooks/navigation/use-navigation-helpers.js +16 -4
- package/lib/commonjs/hooks/navigation/use-navigation-helpers.js.map +1 -1
- package/lib/commonjs/providers/screen/motion/animation/helpers/build-screen-transition-options.js +0 -1
- package/lib/commonjs/providers/screen/motion/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/commonjs/providers/screen/motion/animation/helpers/hydrate-transition-state/index.js +3 -2
- package/lib/commonjs/providers/screen/motion/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/commonjs/providers/screen/motion/options/helpers.js +1 -3
- package/lib/commonjs/providers/screen/motion/options/helpers.js.map +1 -1
- package/lib/commonjs/providers/screen/orchestrator/helpers/use-interpolator-state.js +4 -2
- package/lib/commonjs/providers/screen/orchestrator/helpers/use-interpolator-state.js.map +1 -1
- package/lib/commonjs/providers/screen/orchestrator/helpers/use-pair-presentation.js +79 -0
- package/lib/commonjs/providers/screen/orchestrator/helpers/use-pair-presentation.js.map +1 -0
- package/lib/commonjs/providers/screen/orchestrator/orchestrator.provider.js +3 -0
- package/lib/commonjs/providers/screen/orchestrator/orchestrator.provider.js.map +1 -1
- package/lib/commonjs/providers/screen/orchestrator/styles/constants.js +1 -0
- package/lib/commonjs/providers/screen/orchestrator/styles/constants.js.map +1 -1
- package/lib/commonjs/providers/screen/orchestrator/styles/hooks/slot-resolvers.js +5 -8
- package/lib/commonjs/providers/screen/orchestrator/styles/hooks/slot-resolvers.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/reveal/build.js +28 -61
- package/lib/commonjs/utils/bounds/navigation/reveal/build.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/reveal/config.js +3 -4
- package/lib/commonjs/utils/bounds/navigation/reveal/config.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/reveal/math.js +8 -8
- package/lib/commonjs/utils/bounds/navigation/reveal/math.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/reveal/types.js +3 -1
- package/lib/commonjs/utils/bounds/navigation/reveal/types.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/build.js +4 -6
- package/lib/commonjs/utils/bounds/navigation/zoom/build.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/clip.js +64 -0
- package/lib/commonjs/utils/bounds/navigation/zoom/clip.js.map +1 -0
- package/lib/commonjs/utils/bounds/navigation/zoom/drag.js +1 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/drag.js.map +1 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/types.js +3 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/types.js.map +1 -1
- package/lib/module/components/boundary/components/boundary-lifecycle.js +41 -9
- package/lib/module/components/boundary/components/boundary-lifecycle.js.map +1 -1
- package/lib/module/components/boundary/components/boundary-target.js +10 -17
- package/lib/module/components/boundary/components/boundary-target.js.map +1 -1
- package/lib/module/components/boundary/create-boundary-component.js +13 -16
- package/lib/module/components/boundary/create-boundary-component.js.map +1 -1
- package/lib/module/components/boundary/helpers/presentation.js +50 -0
- package/lib/module/components/boundary/helpers/presentation.js.map +1 -0
- package/lib/module/components/boundary/hooks/use-boundary-presentation.js +62 -0
- package/lib/module/components/boundary/hooks/use-boundary-presentation.js.map +1 -0
- package/lib/module/components/boundary/hooks/use-composed-boundary-style.js +39 -0
- package/lib/module/components/boundary/hooks/use-composed-boundary-style.js.map +1 -0
- package/lib/module/components/boundary/index.js +2 -3
- package/lib/module/components/boundary/index.js.map +1 -1
- package/lib/module/components/boundary/portal/components/portal-host.js +34 -0
- package/lib/module/components/boundary/portal/components/portal-host.js.map +1 -0
- package/lib/module/components/boundary/portal/components/portal-overlay.js +165 -0
- package/lib/module/components/boundary/portal/components/portal-overlay.js.map +1 -0
- package/lib/module/components/boundary/portal/components/portal.js +83 -0
- package/lib/module/components/boundary/portal/components/portal.js.map +1 -0
- package/lib/module/components/boundary/portal/helpers/offset-style.js.map +1 -0
- package/lib/module/components/boundary/portal/hooks/use-active-portal-boundary-host.js +31 -0
- package/lib/module/components/boundary/portal/hooks/use-active-portal-boundary-host.js.map +1 -0
- package/lib/module/components/boundary/portal/hooks/use-host-measurement.js +78 -0
- package/lib/module/components/boundary/portal/hooks/use-host-measurement.js.map +1 -0
- package/lib/module/components/boundary/portal/hooks/use-placeholder-styles.js.map +1 -0
- package/lib/module/components/boundary/portal/hooks/use-portal-destination.js +54 -0
- package/lib/module/components/boundary/portal/hooks/use-portal-destination.js.map +1 -0
- package/lib/module/components/boundary/portal/index.js +0 -1
- package/lib/module/components/boundary/portal/index.js.map +1 -1
- package/lib/module/components/boundary/portal/{components/boundary-portal/stores → stores}/host-registry.store.js +1 -12
- package/lib/module/components/boundary/portal/stores/host-registry.store.js.map +1 -0
- package/lib/module/components/boundary/portal/{components/boundary-portal/stores → stores}/portal-boundary-host.store.js +17 -17
- package/lib/module/components/boundary/portal/stores/portal-boundary-host.store.js.map +1 -0
- package/lib/module/components/boundary/portal/utils/naming.js +6 -0
- package/lib/module/components/boundary/portal/utils/naming.js.map +1 -1
- package/lib/module/components/boundary/portal/utils/resolve-portal.js +7 -27
- package/lib/module/components/boundary/portal/utils/resolve-portal.js.map +1 -1
- package/lib/module/components/boundary/providers/boundary-root.provider.js +13 -7
- package/lib/module/components/boundary/providers/boundary-root.provider.js.map +1 -1
- package/lib/module/components/screen/container/helpers/layer-component.js +35 -0
- package/lib/module/components/screen/container/helpers/layer-component.js.map +1 -0
- package/lib/module/components/screen/container/{layers/render-component.js → helpers/uses-layer-render-props.js} +1 -1
- package/lib/module/components/screen/container/helpers/uses-layer-render-props.js.map +1 -0
- package/lib/module/components/screen/container/layers/backdrop.js +5 -13
- package/lib/module/components/screen/container/layers/backdrop.js.map +1 -1
- package/lib/module/components/screen/container/layers/clip.js +112 -0
- package/lib/module/components/screen/container/layers/clip.js.map +1 -0
- package/lib/module/components/screen/container/layers/content.js +18 -33
- package/lib/module/components/screen/container/layers/content.js.map +1 -1
- package/lib/module/components/screen/container/layers/surface.js +4 -15
- package/lib/module/components/screen/container/layers/surface.js.map +1 -1
- package/lib/module/components/screen/lifecycle/hooks/use-open-transition-intent.js +17 -2
- package/lib/module/components/screen/lifecycle/hooks/use-open-transition-intent.js.map +1 -1
- package/lib/module/constants.js +3 -1
- package/lib/module/constants.js.map +1 -1
- package/lib/module/hooks/navigation/use-navigation-helpers.js +16 -4
- package/lib/module/hooks/navigation/use-navigation-helpers.js.map +1 -1
- package/lib/module/providers/screen/motion/animation/helpers/build-screen-transition-options.js +0 -1
- package/lib/module/providers/screen/motion/animation/helpers/build-screen-transition-options.js.map +1 -1
- package/lib/module/providers/screen/motion/animation/helpers/hydrate-transition-state/index.js +3 -2
- package/lib/module/providers/screen/motion/animation/helpers/hydrate-transition-state/index.js.map +1 -1
- package/lib/module/providers/screen/motion/options/helpers.js +1 -3
- package/lib/module/providers/screen/motion/options/helpers.js.map +1 -1
- package/lib/module/providers/screen/orchestrator/helpers/use-interpolator-state.js +6 -4
- package/lib/module/providers/screen/orchestrator/helpers/use-interpolator-state.js.map +1 -1
- package/lib/module/providers/screen/orchestrator/helpers/use-pair-presentation.js +73 -0
- package/lib/module/providers/screen/orchestrator/helpers/use-pair-presentation.js.map +1 -0
- package/lib/module/providers/screen/orchestrator/orchestrator.provider.js +3 -0
- package/lib/module/providers/screen/orchestrator/orchestrator.provider.js.map +1 -1
- package/lib/module/providers/screen/orchestrator/styles/constants.js +1 -0
- package/lib/module/providers/screen/orchestrator/styles/constants.js.map +1 -1
- package/lib/module/providers/screen/orchestrator/styles/hooks/slot-resolvers.js +5 -8
- package/lib/module/providers/screen/orchestrator/styles/hooks/slot-resolvers.js.map +1 -1
- package/lib/module/types/animation.types.js +3 -1
- package/lib/module/types/animation.types.js.map +1 -1
- package/lib/module/utils/bounds/navigation/reveal/build.js +30 -63
- package/lib/module/utils/bounds/navigation/reveal/build.js.map +1 -1
- package/lib/module/utils/bounds/navigation/reveal/config.js +2 -3
- package/lib/module/utils/bounds/navigation/reveal/config.js.map +1 -1
- package/lib/module/utils/bounds/navigation/reveal/math.js +7 -7
- package/lib/module/utils/bounds/navigation/reveal/math.js.map +1 -1
- package/lib/module/utils/bounds/navigation/reveal/types.js +1 -1
- package/lib/module/utils/bounds/navigation/reveal/types.js.map +1 -1
- package/lib/module/utils/bounds/navigation/zoom/build.js +5 -7
- package/lib/module/utils/bounds/navigation/zoom/build.js.map +1 -1
- package/lib/module/utils/bounds/navigation/zoom/clip.js +59 -0
- package/lib/module/utils/bounds/navigation/zoom/clip.js.map +1 -0
- package/lib/module/utils/bounds/navigation/zoom/drag.js +1 -1
- package/lib/module/utils/bounds/navigation/zoom/drag.js.map +1 -1
- package/lib/module/utils/bounds/navigation/zoom/types.js +1 -1
- package/lib/module/utils/bounds/navigation/zoom/types.js.map +1 -1
- package/lib/typescript/components/boundary/components/boundary-lifecycle.d.ts.map +1 -1
- package/lib/typescript/components/boundary/components/boundary-target.d.ts.map +1 -1
- package/lib/typescript/components/boundary/create-boundary-component.d.ts.map +1 -1
- package/lib/typescript/components/boundary/helpers/presentation.d.ts +14 -0
- package/lib/typescript/components/boundary/helpers/presentation.d.ts.map +1 -0
- package/lib/typescript/components/boundary/hooks/use-boundary-presentation.d.ts +9 -0
- package/lib/typescript/components/boundary/hooks/use-boundary-presentation.d.ts.map +1 -0
- package/lib/typescript/components/boundary/hooks/use-composed-boundary-style.d.ts +4 -0
- package/lib/typescript/components/boundary/hooks/use-composed-boundary-style.d.ts.map +1 -0
- package/lib/typescript/components/boundary/index.d.ts +3 -2
- package/lib/typescript/components/boundary/index.d.ts.map +1 -1
- package/lib/typescript/components/boundary/portal/components/portal-host.d.ts +15 -0
- package/lib/typescript/components/boundary/portal/components/portal-host.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/components/portal-overlay.d.ts +20 -0
- package/lib/typescript/components/boundary/portal/components/portal-overlay.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/components/portal.d.ts +23 -0
- package/lib/typescript/components/boundary/portal/components/portal.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/helpers/offset-style.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/hooks/use-active-portal-boundary-host.d.ts +11 -0
- package/lib/typescript/components/boundary/portal/hooks/use-active-portal-boundary-host.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/hooks/use-host-measurement.d.ts +13 -0
- package/lib/typescript/components/boundary/portal/hooks/use-host-measurement.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/hooks/use-placeholder-styles.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/hooks/use-portal-destination.d.ts +8 -0
- package/lib/typescript/components/boundary/portal/hooks/use-portal-destination.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/index.d.ts +0 -1
- package/lib/typescript/components/boundary/portal/index.d.ts.map +1 -1
- package/lib/typescript/components/boundary/portal/stores/host-registry.store.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/{components/boundary-portal/stores → stores}/portal-boundary-host.store.d.ts +2 -3
- package/lib/typescript/components/boundary/portal/stores/portal-boundary-host.store.d.ts.map +1 -0
- package/lib/typescript/components/boundary/portal/utils/naming.d.ts +1 -0
- package/lib/typescript/components/boundary/portal/utils/naming.d.ts.map +1 -1
- package/lib/typescript/components/boundary/portal/utils/resolve-portal.d.ts +2 -7
- package/lib/typescript/components/boundary/portal/utils/resolve-portal.d.ts.map +1 -1
- package/lib/typescript/components/boundary/providers/boundary-root.provider.d.ts +5 -2
- package/lib/typescript/components/boundary/providers/boundary-root.provider.d.ts.map +1 -1
- package/lib/typescript/components/screen/container/helpers/layer-component.d.ts +10 -0
- package/lib/typescript/components/screen/container/helpers/layer-component.d.ts.map +1 -0
- package/lib/typescript/components/screen/container/{layers/render-component.d.ts → helpers/uses-layer-render-props.d.ts} +1 -1
- package/lib/typescript/components/screen/container/helpers/uses-layer-render-props.d.ts.map +1 -0
- package/lib/typescript/components/screen/container/layers/backdrop.d.ts.map +1 -1
- package/lib/typescript/components/screen/container/layers/clip.d.ts +7 -0
- package/lib/typescript/components/screen/container/layers/clip.d.ts.map +1 -0
- package/lib/typescript/components/screen/container/layers/content.d.ts.map +1 -1
- package/lib/typescript/components/screen/container/layers/surface.d.ts.map +1 -1
- package/lib/typescript/components/screen/lifecycle/hooks/use-open-transition-intent.d.ts.map +1 -1
- package/lib/typescript/constants.d.ts +3 -1
- package/lib/typescript/constants.d.ts.map +1 -1
- package/lib/typescript/hooks/navigation/use-navigation-helpers.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/motion/animation/helpers/build-screen-transition-options.d.ts.map +1 -1
- package/lib/typescript/providers/screen/motion/animation/helpers/hydrate-transition-state/index.d.ts.map +1 -1
- package/lib/typescript/providers/screen/motion/options/helpers.d.ts.map +1 -1
- package/lib/typescript/providers/screen/motion/options/types.d.ts +0 -1
- package/lib/typescript/providers/screen/motion/options/types.d.ts.map +1 -1
- package/lib/typescript/providers/screen/orchestrator/helpers/use-interpolator-state.d.ts.map +1 -1
- package/lib/typescript/providers/screen/orchestrator/helpers/use-pair-presentation.d.ts +21 -0
- package/lib/typescript/providers/screen/orchestrator/helpers/use-pair-presentation.d.ts.map +1 -0
- package/lib/typescript/providers/screen/orchestrator/orchestrator.provider.d.ts +2 -0
- package/lib/typescript/providers/screen/orchestrator/orchestrator.provider.d.ts.map +1 -1
- package/lib/typescript/providers/screen/orchestrator/styles/constants.d.ts.map +1 -1
- package/lib/typescript/providers/screen/orchestrator/styles/hooks/slot-resolvers.d.ts +1 -1
- package/lib/typescript/providers/screen/orchestrator/styles/hooks/slot-resolvers.d.ts.map +1 -1
- package/lib/typescript/providers/screen/orchestrator/styles/types.d.ts +1 -1
- package/lib/typescript/providers/screen/orchestrator/styles/types.d.ts.map +1 -1
- package/lib/typescript/types/animation.types.d.ts +16 -4
- package/lib/typescript/types/animation.types.d.ts.map +1 -1
- package/lib/typescript/types/bounds.types.d.ts +7 -15
- package/lib/typescript/types/bounds.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 +1 -8
- package/lib/typescript/types/screen.types.d.ts.map +1 -1
- package/lib/typescript/utils/bounds/navigation/reveal/build.d.ts.map +1 -1
- package/lib/typescript/utils/bounds/navigation/reveal/config.d.ts +2 -3
- package/lib/typescript/utils/bounds/navigation/reveal/config.d.ts.map +1 -1
- package/lib/typescript/utils/bounds/navigation/reveal/math.d.ts +3 -3
- package/lib/typescript/utils/bounds/navigation/reveal/types.d.ts +1 -5
- package/lib/typescript/utils/bounds/navigation/reveal/types.d.ts.map +1 -1
- package/lib/typescript/utils/bounds/navigation/zoom/build.d.ts.map +1 -1
- package/lib/typescript/utils/bounds/navigation/zoom/{mask.d.ts → clip.d.ts} +5 -5
- package/lib/typescript/utils/bounds/navigation/zoom/clip.d.ts.map +1 -0
- package/lib/typescript/utils/bounds/navigation/zoom/drag.d.ts +1 -1
- package/lib/typescript/utils/bounds/navigation/zoom/types.d.ts +1 -5
- package/lib/typescript/utils/bounds/navigation/zoom/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/boundary/components/boundary-lifecycle.tsx +44 -8
- package/src/components/boundary/components/boundary-target.tsx +14 -36
- package/src/components/boundary/create-boundary-component.tsx +16 -17
- package/src/components/boundary/helpers/presentation.ts +88 -0
- package/src/components/boundary/hooks/use-boundary-presentation.ts +82 -0
- package/src/components/boundary/hooks/use-composed-boundary-style.ts +58 -0
- package/src/components/boundary/index.tsx +10 -5
- package/src/components/boundary/portal/components/portal-host.tsx +36 -0
- package/src/components/boundary/portal/components/portal-overlay.tsx +223 -0
- package/src/components/boundary/portal/components/portal.tsx +124 -0
- package/src/components/boundary/portal/hooks/use-active-portal-boundary-host.ts +52 -0
- package/src/components/boundary/portal/hooks/use-host-measurement.ts +101 -0
- package/src/components/boundary/portal/hooks/use-portal-destination.ts +53 -0
- package/src/components/boundary/portal/index.ts +0 -1
- package/src/components/boundary/portal/{components/boundary-portal/stores → stores}/host-registry.store.ts +1 -20
- package/src/components/boundary/portal/{components/boundary-portal/stores → stores}/portal-boundary-host.store.ts +19 -26
- package/src/components/boundary/portal/utils/naming.ts +10 -0
- package/src/components/boundary/portal/utils/resolve-portal.ts +9 -48
- package/src/components/boundary/providers/boundary-root.provider.tsx +34 -22
- package/src/components/screen/container/helpers/layer-component.tsx +38 -0
- package/src/components/screen/container/layers/backdrop.tsx +8 -31
- package/src/components/screen/container/layers/clip.tsx +124 -0
- package/src/components/screen/container/layers/content.tsx +21 -62
- package/src/components/screen/container/layers/surface.tsx +5 -23
- package/src/components/screen/lifecycle/hooks/use-open-transition-intent.ts +26 -2
- package/src/constants.ts +3 -1
- package/src/hooks/navigation/use-navigation-helpers.ts +13 -7
- package/src/index.ts +1 -0
- package/src/providers/screen/motion/animation/helpers/build-screen-transition-options.ts +0 -1
- package/src/providers/screen/motion/animation/helpers/hydrate-transition-state/index.ts +3 -2
- package/src/providers/screen/motion/options/helpers.ts +0 -6
- package/src/providers/screen/motion/options/types.ts +0 -1
- package/src/providers/screen/orchestrator/helpers/use-interpolator-state.ts +13 -8
- package/src/providers/screen/orchestrator/helpers/use-pair-presentation.ts +103 -0
- package/src/providers/screen/orchestrator/orchestrator.provider.tsx +4 -0
- package/src/providers/screen/orchestrator/styles/constants.ts +1 -0
- package/src/providers/screen/orchestrator/styles/hooks/slot-resolvers.tsx +8 -11
- package/src/providers/screen/orchestrator/styles/types.ts +1 -0
- package/src/types/animation.types.ts +35 -4
- package/src/types/bounds.types.ts +7 -15
- package/src/types/index.ts +1 -0
- package/src/types/screen.types.ts +1 -8
- package/src/utils/bounds/navigation/reveal/build.ts +46 -80
- package/src/utils/bounds/navigation/reveal/config.ts +2 -4
- package/src/utils/bounds/navigation/reveal/math.ts +9 -9
- package/src/utils/bounds/navigation/reveal/types.ts +1 -8
- package/src/utils/bounds/navigation/zoom/build.ts +16 -26
- package/src/utils/bounds/navigation/zoom/{mask.ts → clip.ts} +42 -48
- package/src/utils/bounds/navigation/zoom/drag.ts +2 -2
- package/src/utils/bounds/navigation/zoom/types.ts +1 -8
- package/lib/commonjs/components/boundary/hooks/use-boundary-measurement.js +0 -83
- package/lib/commonjs/components/boundary/hooks/use-boundary-measurement.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/components/host.js +0 -45
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/components/host.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.js +0 -119
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.js +0 -20
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/host-name.js +0 -14
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/helpers/host-name.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.js +0 -136
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/index.js +0 -53
- package/lib/commonjs/components/boundary/portal/components/boundary-content-portal/index.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/components/host.js +0 -99
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/components/host.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.js +0 -104
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/helpers/local-measurement.js +0 -13
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/helpers/local-measurement.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/helpers/offset-style.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.js +0 -82
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.js +0 -58
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.js +0 -67
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/hooks/use-placeholder-styles.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/index.js +0 -68
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/index.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/stores/host-registry.store.js.map +0 -1
- package/lib/commonjs/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.js.map +0 -1
- package/lib/commonjs/components/screen/container/layers/maybe-masked-navigation-container.js +0 -83
- package/lib/commonjs/components/screen/container/layers/maybe-masked-navigation-container.js.map +0 -1
- package/lib/commonjs/components/screen/container/layers/render-component.js.map +0 -1
- package/lib/commonjs/utils/bounds/navigation/zoom/mask.js +0 -73
- package/lib/commonjs/utils/bounds/navigation/zoom/mask.js.map +0 -1
- package/lib/module/components/boundary/hooks/use-boundary-measurement.js +0 -78
- package/lib/module/components/boundary/hooks/use-boundary-measurement.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/components/host.js +0 -40
- package/lib/module/components/boundary/portal/components/boundary-content-portal/components/host.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.js +0 -110
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.js +0 -16
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/host-name.js +0 -9
- package/lib/module/components/boundary/portal/components/boundary-content-portal/helpers/host-name.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.js +0 -131
- package/lib/module/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-content-portal/index.js +0 -42
- package/lib/module/components/boundary/portal/components/boundary-content-portal/index.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/components/host.js +0 -94
- package/lib/module/components/boundary/portal/components/boundary-portal/components/host.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.js +0 -99
- package/lib/module/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/helpers/local-measurement.js +0 -8
- package/lib/module/components/boundary/portal/components/boundary-portal/helpers/local-measurement.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/helpers/offset-style.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.js +0 -76
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.js +0 -53
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.js +0 -62
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/hooks/use-placeholder-styles.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/index.js +0 -63
- package/lib/module/components/boundary/portal/components/boundary-portal/index.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/stores/host-registry.store.js.map +0 -1
- package/lib/module/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.js.map +0 -1
- package/lib/module/components/screen/container/layers/maybe-masked-navigation-container.js +0 -78
- package/lib/module/components/screen/container/layers/maybe-masked-navigation-container.js.map +0 -1
- package/lib/module/components/screen/container/layers/render-component.js.map +0 -1
- package/lib/module/utils/bounds/navigation/zoom/mask.js +0 -68
- package/lib/module/utils/bounds/navigation/zoom/mask.js.map +0 -1
- package/lib/typescript/components/boundary/hooks/use-boundary-measurement.d.ts +0 -28
- package/lib/typescript/components/boundary/hooks/use-boundary-measurement.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/components/host.d.ts +0 -10
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/components/host.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.d.ts +0 -45
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.d.ts +0 -8
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/host-name.d.ts +0 -2
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/helpers/host-name.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.d.ts +0 -10
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/index.d.ts +0 -9
- package/lib/typescript/components/boundary/portal/components/boundary-content-portal/index.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/components/host.d.ts +0 -7
- package/lib/typescript/components/boundary/portal/components/boundary-portal/components/host.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.d.ts +0 -13
- package/lib/typescript/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/helpers/local-measurement.d.ts +0 -4
- package/lib/typescript/components/boundary/portal/components/boundary-portal/helpers/local-measurement.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/helpers/offset-style.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.d.ts +0 -21
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.d.ts +0 -10
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.d.ts +0 -12
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-placeholder-styles.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/index.d.ts +0 -12
- package/lib/typescript/components/boundary/portal/components/boundary-portal/index.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/stores/host-registry.store.d.ts.map +0 -1
- package/lib/typescript/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.d.ts.map +0 -1
- package/lib/typescript/components/screen/container/layers/maybe-masked-navigation-container.d.ts +0 -9
- package/lib/typescript/components/screen/container/layers/maybe-masked-navigation-container.d.ts.map +0 -1
- package/lib/typescript/components/screen/container/layers/render-component.d.ts.map +0 -1
- package/lib/typescript/utils/bounds/navigation/zoom/mask.d.ts.map +0 -1
- package/src/components/boundary/hooks/use-boundary-measurement.ts +0 -98
- package/src/components/boundary/portal/components/boundary-content-portal/components/host.tsx +0 -56
- package/src/components/boundary/portal/components/boundary-content-portal/helpers/active-handoff-receiver.ts +0 -192
- package/src/components/boundary/portal/components/boundary-content-portal/helpers/handoff-visibility.ts +0 -23
- package/src/components/boundary/portal/components/boundary-content-portal/helpers/host-name.ts +0 -9
- package/src/components/boundary/portal/components/boundary-content-portal/hooks/use-boundary-content-portal-attachment.ts +0 -252
- package/src/components/boundary/portal/components/boundary-content-portal/index.tsx +0 -81
- package/src/components/boundary/portal/components/boundary-portal/components/host.tsx +0 -119
- package/src/components/boundary/portal/components/boundary-portal/components/portal-boundary-host.tsx +0 -139
- package/src/components/boundary/portal/components/boundary-portal/helpers/local-measurement.ts +0 -10
- package/src/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.ts +0 -118
- package/src/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.ts +0 -64
- package/src/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.ts +0 -90
- package/src/components/boundary/portal/components/boundary-portal/index.tsx +0 -97
- package/src/components/screen/container/layers/maybe-masked-navigation-container.tsx +0 -113
- /package/lib/commonjs/components/boundary/portal/{components/boundary-portal/helpers → helpers}/offset-style.js +0 -0
- /package/lib/commonjs/components/boundary/portal/{components/boundary-portal/hooks → hooks}/use-placeholder-styles.js +0 -0
- /package/lib/module/components/boundary/portal/{components/boundary-portal/helpers → helpers}/offset-style.js +0 -0
- /package/lib/module/components/boundary/portal/{components/boundary-portal/hooks → hooks}/use-placeholder-styles.js +0 -0
- /package/lib/typescript/components/boundary/portal/{components/boundary-portal/helpers → helpers}/offset-style.d.ts +0 -0
- /package/lib/typescript/components/boundary/portal/{components/boundary-portal/hooks → hooks}/use-placeholder-styles.d.ts +0 -0
- /package/lib/typescript/components/boundary/portal/{components/boundary-portal/stores → stores}/host-registry.store.d.ts +0 -0
- /package/src/components/boundary/portal/{components/boundary-portal/helpers → helpers}/offset-style.ts +0 -0
- /package/src/components/boundary/portal/{components/boundary-portal/hooks → hooks}/use-placeholder-styles.ts +0 -0
- /package/src/components/screen/container/{layers/render-component.ts → helpers/uses-layer-render-props.ts} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.createBoundaryPortalHostName = exports.PORTAL_HOST_NAME_RESET_VALUE = void 0;
|
|
6
|
+
exports.createHandoffHostName = exports.createBoundaryPortalHostName = exports.PORTAL_HOST_NAME_RESET_VALUE = void 0;
|
|
7
7
|
const BOUNDARY_PORTAL_HOST_NAME_SUFFIX = "-portal-host";
|
|
8
8
|
const createBoundaryPortalHostName = (hostKey, boundaryId, pairKey) => {
|
|
9
9
|
"worklet";
|
|
@@ -12,4 +12,11 @@ const createBoundaryPortalHostName = (hostKey, boundaryId, pairKey) => {
|
|
|
12
12
|
};
|
|
13
13
|
exports.createBoundaryPortalHostName = createBoundaryPortalHostName;
|
|
14
14
|
const PORTAL_HOST_NAME_RESET_VALUE = exports.PORTAL_HOST_NAME_RESET_VALUE = null;
|
|
15
|
+
const BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX = "-content-portal-host";
|
|
16
|
+
const createHandoffHostName = (screenKey, boundaryId) => {
|
|
17
|
+
"worklet";
|
|
18
|
+
|
|
19
|
+
return `${screenKey}-${boundaryId}${BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX}`;
|
|
20
|
+
};
|
|
21
|
+
exports.createHandoffHostName = createHandoffHostName;
|
|
15
22
|
//# sourceMappingURL=naming.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BOUNDARY_PORTAL_HOST_NAME_SUFFIX","createBoundaryPortalHostName","hostKey","boundaryId","pairKey","exports","PORTAL_HOST_NAME_RESET_VALUE"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/utils/naming.ts"],"mappings":";;;;;;AAAA,MAAMA,gCAAgC,GAAG,cAAc;AAEhD,MAAMC,4BAA4B,GAAGA,CAC3CC,OAAe,EACfC,UAAkB,EAClBC,OAAuB,KACnB;EACJ,SAAS;;EACT,OAAO,GAAGF,OAAO,IAAIE,OAAO,GAAG,GAAGA,OAAO,GAAG,GAAG,EAAE,GAAGD,UAAU,GAAGH,gCAAgC,EAAE;AACpG,CAAC;AAACK,OAAA,CAAAJ,4BAAA,GAAAA,4BAAA;AAEK,MAAMK,4BAA4B,GAAAD,OAAA,CAAAC,4BAAA,GAAG,IAAI","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BOUNDARY_PORTAL_HOST_NAME_SUFFIX","createBoundaryPortalHostName","hostKey","boundaryId","pairKey","exports","PORTAL_HOST_NAME_RESET_VALUE","BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX","createHandoffHostName","screenKey"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/utils/naming.ts"],"mappings":";;;;;;AAAA,MAAMA,gCAAgC,GAAG,cAAc;AAEhD,MAAMC,4BAA4B,GAAGA,CAC3CC,OAAe,EACfC,UAAkB,EAClBC,OAAuB,KACnB;EACJ,SAAS;;EACT,OAAO,GAAGF,OAAO,IAAIE,OAAO,GAAG,GAAGA,OAAO,GAAG,GAAG,EAAE,GAAGD,UAAU,GAAGH,gCAAgC,EAAE;AACpG,CAAC;AAACK,OAAA,CAAAJ,4BAAA,GAAAA,4BAAA;AAEK,MAAMK,4BAA4B,GAAAD,OAAA,CAAAC,4BAAA,GAAG,IAAI;AAEhD,MAAMC,wCAAwC,GAAG,sBAAsB;AAEhE,MAAMC,qBAAqB,GAAGA,CACpCC,SAAiB,EACjBN,UAAkB,KACd;EACJ,SAAS;;EACT,OAAO,GAAGM,SAAS,IAAIN,UAAU,GAAGI,wCAAwC,EAAE;AAC/E,CAAC;AAACF,OAAA,CAAAG,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -6,37 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.resolveBoundaryPortal = void 0;
|
|
7
7
|
var _logger = require("../../../../utils/logger");
|
|
8
8
|
var _teleport = require("../teleport");
|
|
9
|
-
const DISABLED_RUNTIME = {
|
|
10
|
-
handoff: false,
|
|
11
|
-
escapeClipping: false
|
|
12
|
-
};
|
|
13
|
-
const HANDOFF_RUNTIME = {
|
|
14
|
-
handoff: true,
|
|
15
|
-
escapeClipping: false
|
|
16
|
-
};
|
|
17
|
-
const ESCAPE_CLIPPING_RUNTIME = {
|
|
18
|
-
handoff: false,
|
|
19
|
-
escapeClipping: true
|
|
20
|
-
};
|
|
21
|
-
const HANDOFF_ESCAPE_CLIPPING_RUNTIME = {
|
|
22
|
-
handoff: true,
|
|
23
|
-
escapeClipping: true
|
|
24
|
-
};
|
|
25
9
|
const resolveBoundaryPortal = ({
|
|
26
|
-
handoff,
|
|
27
|
-
escapeClipping
|
|
10
|
+
handoff = false,
|
|
11
|
+
escapeClipping = false
|
|
28
12
|
}) => {
|
|
29
|
-
|
|
30
|
-
const resolvedEscapeClipping = escapeClipping ?? false;
|
|
31
|
-
const enabled = resolvedHandoff || resolvedEscapeClipping;
|
|
32
|
-
if (!enabled) {
|
|
33
|
-
return DISABLED_RUNTIME;
|
|
34
|
-
}
|
|
35
|
-
if (!_teleport.isTeleportAvailable) {
|
|
13
|
+
if (!_teleport.isTeleportAvailable && (handoff || escapeClipping)) {
|
|
36
14
|
_logger.logger.warnOnce("boundary:teleport-missing", "react-native-teleport is not installed; handoff and escapeClipping boundaries will render inline.");
|
|
37
|
-
return DISABLED_RUNTIME;
|
|
38
15
|
}
|
|
39
|
-
return
|
|
16
|
+
return {
|
|
17
|
+
handoff: _teleport.isTeleportAvailable && handoff,
|
|
18
|
+
escapeClipping: _teleport.isTeleportAvailable && escapeClipping
|
|
19
|
+
};
|
|
40
20
|
};
|
|
41
21
|
exports.resolveBoundaryPortal = resolveBoundaryPortal;
|
|
42
22
|
//# sourceMappingURL=resolve-portal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_logger","require","_teleport","
|
|
1
|
+
{"version":3,"names":["_logger","require","_teleport","resolveBoundaryPortal","handoff","escapeClipping","isTeleportAvailable","logger","warnOnce","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/utils/resolve-portal.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,MAAME,qBAAqB,GAAGA,CAAC;EACrCC,OAAO,GAAG,KAAK;EACfC,cAAc,GAAG;AACI,CAAC,KAAK;EAC3B,IAAI,CAACC,6BAAmB,KAAKF,OAAO,IAAIC,cAAc,CAAC,EAAE;IACxDE,cAAM,CAACC,QAAQ,CACd,2BAA2B,EAC3B,mGACD,CAAC;EACF;EACA,OAAO;IACNJ,OAAO,EAAEE,6BAAmB,IAAIF,OAAO;IACvCC,cAAc,EAAEC,6BAAmB,IAAID;EACxC,CAAC;AACF,CAAC;AAACI,OAAA,CAAAN,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -7,12 +7,13 @@ exports.useOptionalBoundaryRootStore = exports.useBoundaryRootStore = exports.TA
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
9
|
var _builder = require("../../../providers/screen/builder");
|
|
10
|
-
var _styles = require("../../../providers/screen/orchestrator/styles");
|
|
11
10
|
var _blankStack = require("../../../providers/stack/blank-stack.provider");
|
|
12
11
|
var _linkPairs = require("../../../stores/bounds/helpers/link-pairs.helpers");
|
|
13
12
|
var _createProvider = _interopRequireDefault(require("../../../utils/create-provider"));
|
|
14
13
|
var _logger = require("../../../utils/logger");
|
|
15
14
|
var _boundaryLifecycle = require("../components/boundary-lifecycle");
|
|
15
|
+
var _useBoundaryPresentation = require("../hooks/use-boundary-presentation");
|
|
16
|
+
var _useComposedBoundaryStyle = require("../hooks/use-composed-boundary-style");
|
|
16
17
|
var _resolvePortal = require("../portal/utils/resolve-portal");
|
|
17
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -38,10 +39,10 @@ const {
|
|
|
38
39
|
targetStyle
|
|
39
40
|
}) => {
|
|
40
41
|
const requestedBoundTag = (0, _react.useMemo)(() => (0, _linkPairs.createBoundTag)(String(id), group), [id, group]);
|
|
41
|
-
const portalRuntime = (0, _resolvePortal.resolveBoundaryPortal)({
|
|
42
|
+
const portalRuntime = (0, _react.useMemo)(() => (0, _resolvePortal.resolveBoundaryPortal)({
|
|
42
43
|
handoff,
|
|
43
44
|
escapeClipping
|
|
44
|
-
});
|
|
45
|
+
}), [handoff, escapeClipping]);
|
|
45
46
|
const currentScreenKey = (0, _builder.useBuilderStore)(s => s.derivations.currentScreenKey);
|
|
46
47
|
const isCurrentScreenClosing = (0, _blankStack.useBlankStackStore)(store => portalRuntime.handoff && store.scenesByKey[currentScreenKey]?.activity === "closing");
|
|
47
48
|
const retainedBoundTagRef = (0, _react.useRef)(requestedBoundTag);
|
|
@@ -58,8 +59,11 @@ const {
|
|
|
58
59
|
// independent of whether an interpolator is configured for this transition.
|
|
59
60
|
const shouldAttachAssociatedStyles = enabled;
|
|
60
61
|
const shouldEscapeBoundaryRootToScreenHost = portalRuntime.escapeClipping;
|
|
61
|
-
const
|
|
62
|
-
|
|
62
|
+
const {
|
|
63
|
+
presentation: boundaryPresentation,
|
|
64
|
+
slotsMap
|
|
65
|
+
} = (0, _useBoundaryPresentation.useBoundaryPresentation)(boundTag.tag, enabled && (portalRuntime.handoff || portalRuntime.escapeClipping));
|
|
66
|
+
const associatedStyles = (0, _useComposedBoundaryStyle.useComposedBoundaryStyle)(slotsMap, boundTag.tag, style, hasTarget ? "stacking" : "full");
|
|
63
67
|
const rootRef = (0, _reactNativeReanimated.useAnimatedRef)();
|
|
64
68
|
const measurementRef = (0, _reactNativeReanimated.useAnimatedRef)();
|
|
65
69
|
const localMeasurement = (0, _reactNativeReanimated.useSharedValue)(null);
|
|
@@ -79,8 +83,10 @@ const {
|
|
|
79
83
|
// Host-only handoff receivers still need the associated style: their
|
|
80
84
|
// handoff host is absolute-filled inside this root, so the root is the
|
|
81
85
|
// visual frame that animates the received payload.
|
|
82
|
-
const attachedStyle = shouldAttachAssociatedStyles
|
|
86
|
+
const attachedStyle = shouldAttachAssociatedStyles && (hasTarget || !shouldRenderBoundaryRootThroughPortal) ? associatedStyles : undefined;
|
|
83
87
|
const value = (0, _react.useMemo)(() => ({
|
|
88
|
+
boundaryPresentation,
|
|
89
|
+
slotsMap,
|
|
84
90
|
attachedStyle,
|
|
85
91
|
boundTag,
|
|
86
92
|
currentScreenKey,
|
|
@@ -91,7 +97,7 @@ const {
|
|
|
91
97
|
ref: rootRef,
|
|
92
98
|
shouldRenderBoundaryRootThroughPortal,
|
|
93
99
|
shouldRenderHandoffHost: handoffEnabled && !hasTarget
|
|
94
|
-
}), [attachedStyle, boundTag, currentScreenKey, handoffEnabled, hasTarget, localMeasurement, measurementRef, portalRuntime, rootRef, shouldRenderBoundaryRootThroughPortal]);
|
|
100
|
+
}), [boundaryPresentation, slotsMap, attachedStyle, boundTag, currentScreenKey, handoffEnabled, hasTarget, localMeasurement, measurementRef, portalRuntime, rootRef, shouldRenderBoundaryRootThroughPortal]);
|
|
95
101
|
return {
|
|
96
102
|
value,
|
|
97
103
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNativeReanimated","_builder","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_builder","_blankStack","_linkPairs","_createProvider","_interopRequireDefault","_logger","_boundaryLifecycle","_useBoundaryPresentation","_useComposedBoundaryStyle","_resolvePortal","_jsxRuntime","e","__esModule","default","MULTIPLE_TARGETS_WARNING","TARGET_OUTSIDE_ROOT_WARNING","exports","BoundaryRootProvider","useBoundaryRootStore","useOptionalBoundaryRootStore","createProvider","children","config","enabled","escapeClipping","forwardedRef","group","handoff","hasTarget","id","style","targetCount","targetStyle","requestedBoundTag","useMemo","createBoundTag","String","portalRuntime","resolveBoundaryPortal","currentScreenKey","useBuilderStore","s","derivations","isCurrentScreenClosing","useBlankStackStore","store","scenesByKey","activity","retainedBoundTagRef","useRef","shouldRetainClosingBoundTag","current","boundTag","shouldAttachAssociatedStyles","shouldEscapeBoundaryRootToScreenHost","presentation","boundaryPresentation","slotsMap","useBoundaryPresentation","tag","associatedStyles","useComposedBoundaryStyle","rootRef","useAnimatedRef","measurementRef","localMeasurement","useSharedValue","useLayoutEffect","__DEV__","logger","warnOnce","measuredRef","useImperativeHandle","shouldRenderBoundaryRootThroughPortal","handoffEnabled","attachedStyle","undefined","value","ref","shouldRenderHandoffHost","jsxs","Fragment","jsx","BoundaryLifecycle"],"sourceRoot":"../../../../../src","sources":["components/boundary/providers/boundary-root.provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,eAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,wBAAA,GAAAT,OAAA;AACA,IAAAU,yBAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AAAuE,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAM,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWvE;AACA,MAAMG,wBAAwB,GAC7B,kIAAkI;AAE5H,MAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GACvC,gHAAgH;AAiC1G,MAAM;EACZE,oBAAoB;EACpBC,oBAAoB;EACpBC;AACD,CAAC,GAAG,IAAAC,uBAAc,EAAC,cAAc,CAAC,CAIjC,CAAC;EACAC,QAAQ;EACRC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC,cAAc;EACdC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,EAAE;EACFC,KAAK;EACLC,WAAW;EACXC;AACD,CAAC,KAAK;EACL,MAAMC,iBAAiB,GAAG,IAAAC,cAAO,EAChC,MAAM,IAAAC,yBAAc,EAACC,MAAM,CAACP,EAAE,CAAC,EAAEH,KAAK,CAAC,EACvC,CAACG,EAAE,EAAEH,KAAK,CACX,CAAC;EACD,MAAMW,aAAa,GAAG,IAAAH,cAAO,EAC5B,MAAM,IAAAI,oCAAqB,EAAC;IAAEX,OAAO;IAAEH;EAAe,CAAC,CAAC,EACxD,CAACG,OAAO,EAAEH,cAAc,CACzB,CAAC;EAED,MAAMe,gBAAgB,GAAG,IAAAC,wBAAe,EACtCC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACH,gBACtB,CAAC;EACD,MAAMI,sBAAsB,GAAG,IAAAC,8BAAkB,EAC/CC,KAAK,IACLR,aAAa,CAACV,OAAO,IACrBkB,KAAK,CAACC,WAAW,CAACP,gBAAgB,CAAC,EAAEQ,QAAQ,KAAK,SACpD,CAAC;EACD,MAAMC,mBAAmB,GAAG,IAAAC,aAAM,EAAChB,iBAAiB,CAAC;EACrD,MAAMiB,2BAA2B,GAChCb,aAAa,CAACV,OAAO,IAAIgB,sBAAsB;;EAEhD;EACA;EACA;EACA,IAAI,CAACO,2BAA2B,EAAE;IACjCF,mBAAmB,CAACG,OAAO,GAAGlB,iBAAiB;EAChD;EAEA,MAAMmB,QAAQ,GAAGJ,mBAAmB,CAACG,OAAO;EAC5C;EACA;EACA,MAAME,4BAA4B,GAAG9B,OAAO;EAC5C,MAAM+B,oCAAoC,GAAGjB,aAAa,CAACb,cAAc;EAEzE,MAAM;IAAE+B,YAAY,EAAEC,oBAAoB;IAAEC;EAAS,CAAC,GACrD,IAAAC,gDAAuB,EACtBN,QAAQ,CAACO,GAAG,EACZpC,OAAO,KAAKc,aAAa,CAACV,OAAO,IAAIU,aAAa,CAACb,cAAc,CAClE,CAAC;EAEF,MAAMoC,gBAAgB,GAAG,IAAAC,kDAAwB,EAChDJ,QAAQ,EACRL,QAAQ,CAACO,GAAG,EACZ7B,KAAK,EACLF,SAAS,GAAG,UAAU,GAAG,MAC1B,CAAC;EAED,MAAMkC,OAAO,GAAG,IAAAC,qCAAc,EAAO,CAAC;EACtC,MAAMC,cAAc,GAAG,IAAAD,qCAAc,EAAO,CAAC;EAC7C,MAAME,gBAAgB,GAAG,IAAAC,qCAAc,EACtC,IACD,CAAC;EAED,IAAAC,sBAAe,EAAC,MAAM;IACrB,IAAIC,OAAO,IAAIrC,WAAW,GAAG,CAAC,EAAE;MAC/BsC,cAAM,CAACC,QAAQ,CAAC,2BAA2B,EAAExD,wBAAwB,CAAC;IACvE;EACD,CAAC,EAAE,CAACiB,WAAW,CAAC,CAAC;EAEjB,MAAMwC,WAAW,GAChB3C,SAAS,IAAI0B,oCAAoC,GAC9CU,cAAc,GACdF,OAAO;EAEX,IAAAU,0BAAmB,EAAC/C,YAAY,EAAE,MAAMqC,OAAO,CAACX,OAAc,EAAE,CAACW,OAAO,CAAC,CAAC;EAE1E,MAAMW,qCAAqC,GAC1CnB,oCAAoC,IAAI,CAAC1B,SAAS;EACnD,MAAM8C,cAAc,GAAGnD,OAAO,IAAIc,aAAa,CAACV,OAAO;EACvD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMgD,aAAa,GAClBtB,4BAA4B,KAC3BzB,SAAS,IAAI,CAAC6C,qCAAqC,CAAC,GAClDb,gBAAgB,GAChBgB,SAAS;EAEb,MAAMC,KAAK,GAAG,IAAA3C,cAAO,EACpB,OAAO;IACNsB,oBAAoB;IACpBC,QAAQ;IACRkB,aAAa;IACbvB,QAAQ;IACRb,gBAAgB;IAChBmC,cAAc;IACdT,gBAAgB;IAChBD,cAAc;IACd3B,aAAa;IACbyC,GAAG,EAAEhB,OAAO;IACZW,qCAAqC;IACrCM,uBAAuB,EAAEL,cAAc,IAAI,CAAC9C;EAC7C,CAAC,CAAC,EACF,CACC4B,oBAAoB,EACpBC,QAAQ,EACRkB,aAAa,EACbvB,QAAQ,EACRb,gBAAgB,EAChBmC,cAAc,EACd9C,SAAS,EACTqC,gBAAgB,EAChBD,cAAc,EACd3B,aAAa,EACbyB,OAAO,EACPW,qCAAqC,CAEvC,CAAC;EAED,OAAO;IACNI,KAAK;IACLxD,QAAQ,eACP,IAAAX,WAAA,CAAAsE,IAAA,EAAAtE,WAAA,CAAAuE,QAAA;MAAA5D,QAAA,GACEA,QAAQ,CAACwD,KAAK,CAAC,eAChB,IAAAnE,WAAA,CAAAwE,GAAA,EAAC5E,kBAAA,CAAA6E,iBAAiB;QACjB/B,QAAQ,EAAEA,QAAS;QACnB9B,MAAM,EAAEA,MAAO;QACfiB,gBAAgB,EAAEA,gBAAiB;QACnChB,OAAO,EAAEA,OAAQ;QACjBC,cAAc,EAAEa,aAAa,CAACb,cAAe;QAC7CG,OAAO,EAAEU,aAAa,CAACV,OAAQ;QAC/BsC,gBAAgB,EAAEA,gBAAiB;QACnCM,WAAW,EAAEA,WAAY;QACzBzC,KAAK,EAAEF,SAAS,GAAGI,WAAW,GAAGF;MAAM,CACvC,CAAC;IAAA,CACD;EAEJ,CAAC;AACF,CACD,CAAC;AAACd,OAAA,CAAAG,4BAAA,GAAAA,4BAAA;AAAAH,OAAA,CAAAE,oBAAA,GAAAA,oBAAA;AAAAF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LayerComponent = LayerComponent;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _usesLayerRenderProps = require("./uses-layer-render-props");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
/** Adapts the two supported custom layer APIs without changing component identity. */
|
|
13
|
+
function LayerComponent({
|
|
14
|
+
component,
|
|
15
|
+
styles,
|
|
16
|
+
props,
|
|
17
|
+
pointerEvents,
|
|
18
|
+
children,
|
|
19
|
+
collapsable
|
|
20
|
+
}) {
|
|
21
|
+
const renderProps = component && (0, _usesLayerRenderProps.usesLayerRenderProps)(component);
|
|
22
|
+
const Component = (0, _react.useMemo)(() => {
|
|
23
|
+
if (!component) return _reactNativeReanimated.default.View;
|
|
24
|
+
return (0, _usesLayerRenderProps.usesLayerRenderProps)(component) ? component : _reactNativeReanimated.default.createAnimatedComponent(component);
|
|
25
|
+
}, [component]);
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
27
|
+
...(renderProps ? {
|
|
28
|
+
styles,
|
|
29
|
+
props
|
|
30
|
+
} : {
|
|
31
|
+
style: styles,
|
|
32
|
+
animatedProps: props
|
|
33
|
+
}),
|
|
34
|
+
pointerEvents: pointerEvents,
|
|
35
|
+
collapsable: collapsable,
|
|
36
|
+
children: children
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=layer-component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_usesLayerRenderProps","_jsxRuntime","e","__esModule","default","LayerComponent","component","styles","props","pointerEvents","children","collapsable","renderProps","usesLayerRenderProps","Component","useMemo","Animated","View","createAnimatedComponent","jsx","style","animatedProps"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/helpers/layer-component.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AAAiE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjE;AACO,SAASG,cAAcA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,QAAQ;EACRC;AAKD,CAAC,EAAE;EACF,MAAMC,WAAW,GAAGN,SAAS,IAAI,IAAAO,0CAAoB,EAACP,SAAS,CAAC;EAChE,MAAMQ,SAAS,GAAG,IAAAC,cAAO,EAAqB,MAAM;IACnD,IAAI,CAACT,SAAS,EAAE,OAAOU,8BAAQ,CAACC,IAAI;IACpC,OAAO,IAAAJ,0CAAoB,EAACP,SAAS,CAAC,GACnCA,SAAS,GACTU,8BAAQ,CAACE,uBAAuB,CAACZ,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACf,oBACC,IAAAL,WAAA,CAAAkB,GAAA,EAACL,SAAS;IAAA,IACJF,WAAW,GACb;MAAEL,MAAM;MAAEC;IAAM,CAAC,GACjB;MAAEY,KAAK,EAAEb,MAAM;MAAEc,aAAa,EAAEb;IAAM,CAAC;IAC1CC,aAAa,EAAEA,aAAc;IAC7BE,WAAW,EAAEA,WAAY;IAAAD,QAAA,EAExBA;EAAQ,CACC,CAAC;AAEd","ignoreList":[]}
|
|
@@ -7,4 +7,4 @@ exports.usesLayerRenderProps = usesLayerRenderProps;
|
|
|
7
7
|
function usesLayerRenderProps(component) {
|
|
8
8
|
return typeof component === "function" && !component.prototype?.isReactComponent;
|
|
9
9
|
}
|
|
10
|
-
//# sourceMappingURL=render-
|
|
10
|
+
//# sourceMappingURL=uses-layer-render-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["usesLayerRenderProps","component","prototype","isReactComponent"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/helpers/uses-layer-render-props.ts"],"mappings":";;;;;;AAEO,SAASA,oBAAoBA,CACnCC,SAA6B,EACyB;EACtD,OACC,OAAOA,SAAS,KAAK,UAAU,IAAI,CAACA,SAAS,CAACC,SAAS,EAAEC,gBAAgB;AAE3E","ignoreList":[]}
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.BackdropLayer = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
9
|
var _reactNativeWorklets = require("react-native-worklets");
|
|
11
10
|
var _specs = require("../../../../configs/specs");
|
|
12
11
|
var _builder = require("../../../../providers/screen/builder");
|
|
@@ -14,9 +13,8 @@ var _motion = require("../../../../providers/screen/motion");
|
|
|
14
13
|
var _styles = require("../../../../providers/screen/orchestrator/styles");
|
|
15
14
|
var _animateToProgress = require("../../../../utils/animation/animate-to-progress");
|
|
16
15
|
var _findCollapseTarget = require("../helpers/find-collapse-target");
|
|
17
|
-
var
|
|
16
|
+
var _layerComponent = require("../helpers/layer-component");
|
|
18
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
18
|
const BackdropLayer = exports.BackdropLayer = /*#__PURE__*/(0, _react.memo)(function BackdropLayer({
|
|
21
19
|
backdropBehavior,
|
|
22
20
|
isBackdropActive,
|
|
@@ -33,7 +31,6 @@ const BackdropLayer = exports.BackdropLayer = /*#__PURE__*/(0, _react.memo)(func
|
|
|
33
31
|
animationProgress,
|
|
34
32
|
resolvedAutoSnapPoint
|
|
35
33
|
} = animations;
|
|
36
|
-
const AnimatedBackdropComponent = (0, _react.useMemo)(() => BackdropComponent && !(0, _renderComponent.usesLayerRenderProps)(BackdropComponent) ? _reactNativeReanimated.default.createAnimatedComponent(BackdropComponent) : null, [BackdropComponent]);
|
|
37
34
|
const handleBackdropPress = (0, _react.useCallback)(() => {
|
|
38
35
|
if (backdropBehavior === "dismiss") {
|
|
39
36
|
onDismissRequest?.();
|
|
@@ -92,16 +89,10 @@ const BackdropLayer = exports.BackdropLayer = /*#__PURE__*/(0, _react.memo)(func
|
|
|
92
89
|
style: _reactNative.StyleSheet.absoluteFill,
|
|
93
90
|
pointerEvents: backdropBehavior === "passthrough" ? "none" : "auto",
|
|
94
91
|
onPress: isBackdropActive ? handleBackdropPress : undefined,
|
|
95
|
-
children:
|
|
96
|
-
|
|
97
|
-
animatedProps: animatedBackdropProps,
|
|
98
|
-
pointerEvents: backdropPointerEvents
|
|
99
|
-
}) : BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropComponent, {
|
|
92
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layerComponent.LayerComponent, {
|
|
93
|
+
component: BackdropComponent,
|
|
100
94
|
styles: backdropStyles,
|
|
101
|
-
props: backdropProps,
|
|
102
|
-
pointerEvents: backdropPointerEvents
|
|
103
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
104
|
-
style: backdropStyles,
|
|
95
|
+
props: BackdropComponent ? backdropProps : undefined,
|
|
105
96
|
pointerEvents: backdropPointerEvents
|
|
106
97
|
})
|
|
107
98
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeWorklets","_specs","_builder","_motion","_styles","_animateToProgress","_findCollapseTarget","_layerComponent","_jsxRuntime","BackdropLayer","exports","memo","backdropBehavior","isBackdropActive","onDismissRequest","BackdropComponent","useBuilderStore","store","options","backdropComponent","rawSnapPoints","snapPoints","isGestureDismissEnabled","gestureEnabled","canDismiss","transitionSpec","animations","useMotionStore","state","targetProgress","animationProgress","resolvedAutoSnapPoint","handleBackdropPress","useCallback","length","gestures","scheduleOnUI","resolvedSnaps","i","point","resolvedPoint","get","push","target","shouldDismiss","findCollapseTarget","transitionProgress","dismissing","set","spec","open","expand","DefaultSnapSpec","close","collapse","animateToProgress","markEntering","scheduleOnRN","animatedBackdropStyle","useSlotStyles","animatedBackdropProps","useSlotProps","backdropPointerEvents","backdropStyles","StyleSheet","absoluteFill","backdropProps","jsx","Pressable","style","pointerEvents","onPress","undefined","children","LayerComponent","component","styles","props"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Clip = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _orchestrator = require("../../../../providers/screen/orchestrator/orchestrator.provider");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
/** Stable layout host: changing the viewport must never resize the screen. */
|
|
14
|
+
const Clip = exports.Clip = /*#__PURE__*/(0, _react.memo)(({
|
|
15
|
+
children,
|
|
16
|
+
pointerEvents
|
|
17
|
+
}) => {
|
|
18
|
+
const slotsMap = (0, _orchestrator.useOrchestratorStore)(store => store.slotsMap);
|
|
19
|
+
const screenInterpolatorProps = (0, _orchestrator.useOrchestratorStore)(store => store.screenInterpolatorProps);
|
|
20
|
+
const layout = (0, _reactNativeReanimated.useSharedValue)(null);
|
|
21
|
+
const onLayout = (0, _react.useCallback)(event => {
|
|
22
|
+
const {
|
|
23
|
+
width,
|
|
24
|
+
height
|
|
25
|
+
} = event.nativeEvent.layout;
|
|
26
|
+
layout.set({
|
|
27
|
+
width,
|
|
28
|
+
height
|
|
29
|
+
});
|
|
30
|
+
}, [layout]);
|
|
31
|
+
const clippingStyles = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
32
|
+
const clipStyle = slotsMap.get().clip?.style;
|
|
33
|
+
// Reset-only slots have no rectangle dimensions.
|
|
34
|
+
const clip = clipStyle?.width !== undefined && clipStyle.height !== undefined ? clipStyle : undefined;
|
|
35
|
+
// Keep content independent of the viewport, even before onLayout.
|
|
36
|
+
const contentLayout = layout.get() ?? screenInterpolatorProps.get().layouts.screen;
|
|
37
|
+
const x = clip?.x ?? 0;
|
|
38
|
+
const y = clip?.y ?? 0;
|
|
39
|
+
return {
|
|
40
|
+
viewport: {
|
|
41
|
+
width: clip ? clip.width : "100%",
|
|
42
|
+
height: clip ? clip.height : "100%",
|
|
43
|
+
overflow: clip ? "hidden" : "visible",
|
|
44
|
+
borderRadius: clip?.borderRadius,
|
|
45
|
+
borderTopLeftRadius: clip?.borderTopLeftRadius,
|
|
46
|
+
borderTopRightRadius: clip?.borderTopRightRadius,
|
|
47
|
+
borderBottomLeftRadius: clip?.borderBottomLeftRadius,
|
|
48
|
+
borderBottomRightRadius: clip?.borderBottomRightRadius,
|
|
49
|
+
borderTopStartRadius: clip?.borderTopStartRadius,
|
|
50
|
+
borderTopEndRadius: clip?.borderTopEndRadius,
|
|
51
|
+
borderBottomStartRadius: clip?.borderBottomStartRadius,
|
|
52
|
+
borderBottomEndRadius: clip?.borderBottomEndRadius,
|
|
53
|
+
borderStartStartRadius: clip?.borderStartStartRadius,
|
|
54
|
+
borderStartEndRadius: clip?.borderStartEndRadius,
|
|
55
|
+
borderEndStartRadius: clip?.borderEndStartRadius,
|
|
56
|
+
borderEndEndRadius: clip?.borderEndEndRadius,
|
|
57
|
+
borderCurve: clip?.borderCurve,
|
|
58
|
+
transform: [{
|
|
59
|
+
translateX: x
|
|
60
|
+
}, {
|
|
61
|
+
translateY: y
|
|
62
|
+
}]
|
|
63
|
+
},
|
|
64
|
+
content: {
|
|
65
|
+
width: contentLayout.width,
|
|
66
|
+
height: contentLayout.height,
|
|
67
|
+
transform: [{
|
|
68
|
+
translateX: -x
|
|
69
|
+
}, {
|
|
70
|
+
translateY: -y
|
|
71
|
+
}]
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
});
|
|
75
|
+
const viewportStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => clippingStyles.get().viewport);
|
|
76
|
+
const innerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => clippingStyles.get().content);
|
|
77
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
78
|
+
style: styles.host,
|
|
79
|
+
onLayout: onLayout,
|
|
80
|
+
pointerEvents: pointerEvents,
|
|
81
|
+
collapsable: false,
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
83
|
+
style: [styles.viewport, viewportStyle],
|
|
84
|
+
pointerEvents: pointerEvents,
|
|
85
|
+
collapsable: false,
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
87
|
+
style: [styles.inner, innerStyle],
|
|
88
|
+
pointerEvents: pointerEvents,
|
|
89
|
+
collapsable: false,
|
|
90
|
+
children: children
|
|
91
|
+
})
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
const styles = _reactNative.StyleSheet.create({
|
|
96
|
+
host: {
|
|
97
|
+
flex: 1
|
|
98
|
+
},
|
|
99
|
+
// Pin to the physical left under both native layout directions.
|
|
100
|
+
viewport: {
|
|
101
|
+
position: "absolute",
|
|
102
|
+
top: 0,
|
|
103
|
+
...(_reactNative.I18nManager.isRTL ? {
|
|
104
|
+
end: 0
|
|
105
|
+
} : {
|
|
106
|
+
left: 0
|
|
107
|
+
})
|
|
108
|
+
},
|
|
109
|
+
inner: {
|
|
110
|
+
...(_reactNative.I18nManager.isRTL ? {
|
|
111
|
+
alignSelf: "flex-end"
|
|
112
|
+
} : {
|
|
113
|
+
alignSelf: "flex-start"
|
|
114
|
+
})
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
//# sourceMappingURL=clip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_orchestrator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Clip","exports","memo","children","pointerEvents","slotsMap","useOrchestratorStore","store","screenInterpolatorProps","layout","useSharedValue","onLayout","useCallback","event","width","height","nativeEvent","clippingStyles","useDerivedValue","clipStyle","clip","style","undefined","contentLayout","layouts","screen","x","y","viewport","overflow","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartStartRadius","borderStartEndRadius","borderEndStartRadius","borderEndEndRadius","borderCurve","transform","translateX","translateY","content","viewportStyle","useAnimatedStyle","innerStyle","jsx","View","styles","host","collapsable","inner","StyleSheet","create","flex","position","top","I18nManager","isRTL","end","left","alignSelf"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/clip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,17 +7,15 @@ exports.ContentLayer = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
10
|
var _builder = require("../../../../providers/screen/builder");
|
|
12
11
|
var _motion = require("../../../../providers/screen/motion");
|
|
13
12
|
var _styles = require("../../../../providers/screen/orchestrator/styles");
|
|
14
|
-
var
|
|
13
|
+
var _portalOverlay = require("../../../boundary/portal/components/portal-overlay");
|
|
14
|
+
var _layerComponent = require("../helpers/layer-component");
|
|
15
15
|
var _useContentLayout = require("../hooks/use-content-layout");
|
|
16
|
-
var
|
|
17
|
-
var _renderComponent = require("./render-component");
|
|
16
|
+
var _clip = require("./clip");
|
|
18
17
|
var _surface = require("./surface");
|
|
19
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
19
|
const ContentLayer = exports.ContentLayer = /*#__PURE__*/(0, _react.memo)(({
|
|
22
20
|
children,
|
|
23
21
|
pointerEvents,
|
|
@@ -25,47 +23,33 @@ const ContentLayer = exports.ContentLayer = /*#__PURE__*/(0, _react.memo)(({
|
|
|
25
23
|
}) => {
|
|
26
24
|
const gestureContext = (0, _motion.useMotionStore)(store => store.gestures);
|
|
27
25
|
const ContentComponent = (0, _builder.useBuilderStore)(store => store.options.contentComponent);
|
|
28
|
-
const isNavigationMaskEnabled = (0, _builder.useBuilderStore)(store => !!store.options.navigationMaskEnabled);
|
|
29
26
|
const hasAutoSnapPoint = (0, _builder.useBuilderStore)(store => store.options.snapPoints?.includes("auto") ?? false);
|
|
30
27
|
const contentPointerEvents = isBackdropActive ? "box-none" : pointerEvents;
|
|
31
|
-
const AnimatedContentComponent = (0, _react.useMemo)(() => {
|
|
32
|
-
return ContentComponent && !(0, _renderComponent.usesLayerRenderProps)(ContentComponent) ? _reactNativeReanimated.default.createAnimatedComponent(ContentComponent) : null;
|
|
33
|
-
}, [ContentComponent]);
|
|
34
28
|
const handleContentLayout = (0, _useContentLayout.useContentLayout)("content");
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const contentStyles = [styles.content,
|
|
38
|
-
const contentProps = animatedContentProps;
|
|
29
|
+
const contentStyle = (0, _styles.useSlotStyles)("content");
|
|
30
|
+
const contentProps = (0, _styles.useSlotProps)("content");
|
|
31
|
+
const contentStyles = [styles.content, contentStyle];
|
|
39
32
|
const screenChildren = hasAutoSnapPoint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
40
33
|
collapsable: false,
|
|
41
34
|
onLayout: handleContentLayout,
|
|
42
35
|
children: children
|
|
43
36
|
}) : children;
|
|
44
|
-
const contentChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_maybeMaskedNavigationContainer.MaybeMaskedNavigationContainer, {
|
|
45
|
-
pointerEvents: contentPointerEvents,
|
|
46
|
-
enabled: isNavigationMaskEnabled,
|
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_surface.SurfaceLayer, {
|
|
48
|
-
pointerEvents: contentPointerEvents,
|
|
49
|
-
children: screenChildren
|
|
50
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_host.ScreenFallbackHost, {})]
|
|
51
|
-
});
|
|
52
37
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
53
38
|
gesture: gestureContext.detectorGesture,
|
|
54
|
-
children:
|
|
55
|
-
|
|
56
|
-
animatedProps: animatedContentProps,
|
|
57
|
-
pointerEvents: contentPointerEvents,
|
|
58
|
-
children: contentChildren
|
|
59
|
-
}) : ContentComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentComponent, {
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layerComponent.LayerComponent, {
|
|
40
|
+
component: ContentComponent,
|
|
60
41
|
styles: contentStyles,
|
|
61
42
|
props: contentProps,
|
|
62
43
|
pointerEvents: contentPointerEvents,
|
|
63
|
-
children:
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_clip.Clip, {
|
|
45
|
+
pointerEvents: contentPointerEvents,
|
|
46
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_surface.SurfaceLayer, {
|
|
47
|
+
pointerEvents: contentPointerEvents,
|
|
48
|
+
children: screenChildren
|
|
49
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalOverlay.PortalOverlay, {
|
|
50
|
+
fallback: true
|
|
51
|
+
})]
|
|
52
|
+
})
|
|
69
53
|
})
|
|
70
54
|
});
|
|
71
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_builder","_motion","_styles","_portalOverlay","_layerComponent","_useContentLayout","_clip","_surface","_jsxRuntime","ContentLayer","exports","memo","children","pointerEvents","isBackdropActive","gestureContext","useMotionStore","store","gestures","ContentComponent","useBuilderStore","options","contentComponent","hasAutoSnapPoint","snapPoints","includes","contentPointerEvents","handleContentLayout","useContentLayout","contentStyle","useSlotStyles","contentProps","useSlotProps","contentStyles","styles","content","screenChildren","jsx","View","collapsable","onLayout","GestureDetector","gesture","detectorGesture","LayerComponent","component","props","jsxs","Clip","SurfaceLayer","PortalOverlay","fallback","StyleSheet","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/content.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAIA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAAyC,IAAAW,WAAA,GAAAX,OAAA;AAQlC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAC/B,CAAC;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAwB,CAAC,KAAK;EACzD,MAAMC,cAAc,GAAG,IAAAC,sBAAc,EAAEC,KAAK,IAAKA,KAAK,CAACC,QAAQ,CAAC;EAChE,MAAMC,gBAAgB,GAAG,IAAAC,wBAAe,EACtCH,KAAK,IAAKA,KAAK,CAACI,OAAO,CAACC,gBAC1B,CAAC;EACD,MAAMC,gBAAgB,GAAG,IAAAH,wBAAe,EACtCH,KAAK,IAAKA,KAAK,CAACI,OAAO,CAACG,UAAU,EAAEC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAC1D,CAAC;EACD,MAAMC,oBAAoB,GAAGZ,gBAAgB,GAAG,UAAU,GAAGD,aAAa;EAE1E,MAAMc,mBAAmB,GAAG,IAAAC,kCAAgB,EAAC,SAAS,CAAC;EAEvD,MAAMC,YAAY,GAAG,IAAAC,qBAAa,EAAC,SAAS,CAAC;EAC7C,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAC,SAAS,CAAC;EAE5C,MAAMC,aAAa,GAAG,CAACC,MAAM,CAACC,OAAO,EAAEN,YAAY,CAAC;EAEpD,MAAMO,cAAc,GAAGb,gBAAgB,gBACtC,IAAAf,WAAA,CAAA6B,GAAA,EAACvC,YAAA,CAAAwC,IAAI;IAACC,WAAW,EAAE,KAAM;IAACC,QAAQ,EAAEb,mBAAoB;IAAAf,QAAA,EACtDA;EAAQ,CACJ,CAAC,GAEPA,QACA;EAED,oBACC,IAAAJ,WAAA,CAAA6B,GAAA,EAACtC,0BAAA,CAAA0C,eAAe;IAACC,OAAO,EAAE3B,cAAc,CAAC4B,eAAgB;IAAA/B,QAAA,eACxD,IAAAJ,WAAA,CAAA6B,GAAA,EAACjC,eAAA,CAAAwC,cAAc;MACdC,SAAS,EAAE1B,gBAAiB;MAC5Be,MAAM,EAAED,aAAc;MACtBa,KAAK,EAAEf,YAAa;MACpBlB,aAAa,EAAEa,oBAAqB;MAAAd,QAAA,eAEpC,IAAAJ,WAAA,CAAAuC,IAAA,EAACzC,KAAA,CAAA0C,IAAI;QAACnC,aAAa,EAAEa,oBAAqB;QAAAd,QAAA,gBACzC,IAAAJ,WAAA,CAAA6B,GAAA,EAAC9B,QAAA,CAAA0C,YAAY;UAACpC,aAAa,EAAEa,oBAAqB;UAAAd,QAAA,EAChDwB;QAAc,CACF,CAAC,eACf,IAAA5B,WAAA,CAAA6B,GAAA,EAAClC,cAAA,CAAA+C,aAAa;UAACC,QAAQ;QAAA,CAAE,CAAC;MAAA,CACrB;IAAC,CACQ;EAAC,CACD,CAAC;AAEpB,CACD,CAAC;AAED,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAChClB,OAAO,EAAE;IACRmB,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,20 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.SurfaceLayer = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
9
|
var _builder = require("../../../../providers/screen/builder");
|
|
11
10
|
var _styles = require("../../../../providers/screen/orchestrator/styles");
|
|
12
|
-
var
|
|
11
|
+
var _layerComponent = require("../helpers/layer-component");
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
13
|
const SurfaceLayer = exports.SurfaceLayer = /*#__PURE__*/(0, _react.memo)(({
|
|
16
14
|
children,
|
|
17
15
|
pointerEvents
|
|
18
16
|
}) => {
|
|
19
17
|
const SurfaceComponent = (0, _builder.useBuilderStore)(store => store.options.surfaceComponent);
|
|
20
|
-
const AnimatedSurfaceComponent = (0, _react.useMemo)(() => {
|
|
21
|
-
return SurfaceComponent && !(0, _renderComponent.usesLayerRenderProps)(SurfaceComponent) ? _reactNativeReanimated.default.createAnimatedComponent(SurfaceComponent) : null;
|
|
22
|
-
}, [SurfaceComponent]);
|
|
23
18
|
const animatedSurfaceStyle = (0, _styles.useSlotStyles)("surface");
|
|
24
19
|
const animatedSurfaceProps = (0, _styles.useSlotProps)("surface");
|
|
25
20
|
const surfaceStyles = [styles.surface, animatedSurfaceStyle];
|
|
@@ -27,15 +22,8 @@ const SurfaceLayer = exports.SurfaceLayer = /*#__PURE__*/(0, _react.memo)(({
|
|
|
27
22
|
if (!SurfaceComponent) {
|
|
28
23
|
return children;
|
|
29
24
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
style: surfaceStyles,
|
|
33
|
-
animatedProps: animatedSurfaceProps,
|
|
34
|
-
pointerEvents: pointerEvents,
|
|
35
|
-
children: children
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(SurfaceComponent, {
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_layerComponent.LayerComponent, {
|
|
26
|
+
component: SurfaceComponent,
|
|
39
27
|
styles: surfaceStyles,
|
|
40
28
|
props: surfaceProps,
|
|
41
29
|
pointerEvents: pointerEvents,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_builder","_styles","_layerComponent","_jsxRuntime","SurfaceLayer","exports","memo","children","pointerEvents","SurfaceComponent","useBuilderStore","store","options","surfaceComponent","animatedSurfaceStyle","useSlotStyles","animatedSurfaceProps","useSlotProps","surfaceStyles","styles","surface","surfaceProps","jsx","LayerComponent","component","props","StyleSheet","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/surface.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,eAAA,GAAAJ,OAAA;AAA4D,IAAAK,WAAA,GAAAL,OAAA;AAOrD,MAAMM,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACxE,MAAMC,gBAAgB,GAAG,IAAAC,wBAAe,EACtCC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACC,gBAC1B,CAAC;EAED,MAAMC,oBAAoB,GAAG,IAAAC,qBAAa,EAAC,SAAS,CAAC;EACrD,MAAMC,oBAAoB,GAAG,IAAAC,oBAAY,EAAC,SAAS,CAAC;EACpD,MAAMC,aAAa,GAAG,CACrBC,MAAM,CAACC,OAAO,EACdN,oBAAoB,CACqB;EAC1C,MAAMO,YAAY,GACjBL,oBAA4D;EAE7D,IAAI,CAACP,gBAAgB,EAAE;IACtB,OAAOF,QAAQ;EAChB;EAEA,oBACC,IAAAJ,WAAA,CAAAmB,GAAA,EAACpB,eAAA,CAAAqB,cAAc;IACdC,SAAS,EAAEf,gBAAiB;IAC5BU,MAAM,EAAED,aAAc;IACtBO,KAAK,EAAEJ,YAAa;IACpBb,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACM,CAAC;AAEnB,CAAC,CAAC;AAEF,MAAMY,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAChCP,OAAO,EAAE;IACRQ,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}
|