react-native-screen-transitions 3.4.0-alpha.1 → 3.4.0-alpha.2

package/src/shared/providers/stack/core.provider.tsx

@@ -5,12 +5,12 @@ import { StyleSheet } from "react-native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { StackType } from "../../types/stack.types";
 import createProvider from "../../utils/create-provider";
-import { ViewportProvider } from "../viewport.provider";
 
 export interface StackCoreConfig {
 	TRANSITIONS_ALWAYS_ON?: boolean;
 	STACK_TYPE?: StackType;
 	DISABLE_NATIVE_SCREENS?: boolean;
+	DISABLE_NATIVE_SCREEN_CONTAINER?: boolean;
 }
 
 interface StackCoreProviderProps {
@@ -23,6 +23,7 @@ export interface StackCoreContextValue {
 		TRANSITIONS_ALWAYS_ON: boolean;
 		STACK_TYPE?: StackType;
 		DISABLE_NATIVE_SCREENS: boolean;
+		DISABLE_NATIVE_SCREEN_CONTAINER: boolean;
 	};
 }
 
@@ -34,18 +35,27 @@ const { StackCoreProvider: InternalStackCoreProvider, useStackCoreContext } =
 		const {
 			TRANSITIONS_ALWAYS_ON = false,
 			DISABLE_NATIVE_SCREENS = false,
+			DISABLE_NATIVE_SCREEN_CONTAINER = false,
 			STACK_TYPE = StackType.BLANK,
 		} = config;
 
 		const flags = useMemo(
-			() => ({ TRANSITIONS_ALWAYS_ON, STACK_TYPE, DISABLE_NATIVE_SCREENS }),
-			[TRANSITIONS_ALWAYS_ON, STACK_TYPE, DISABLE_NATIVE_SCREENS],
+			() => ({
+				TRANSITIONS_ALWAYS_ON,
+				STACK_TYPE,
+				DISABLE_NATIVE_SCREENS,
+				DISABLE_NATIVE_SCREEN_CONTAINER,
+			}),
+			[
+				TRANSITIONS_ALWAYS_ON,
+				STACK_TYPE,
+				DISABLE_NATIVE_SCREENS,
+				DISABLE_NATIVE_SCREEN_CONTAINER,
+			],
 		);
 
-		const value = useMemo(() => ({ flags }), [flags]);
-
 		return {
-			value,
+			value: { flags },
 			children: (
 				<GestureHandlerRootView
 					style={styles.container}
@@ -53,9 +63,7 @@ const { StackCoreProvider: InternalStackCoreProvider, useStackCoreContext } =
 						STACK_TYPE === StackType.COMPONENT ? "box-none" : undefined
 					}
 				>
-					<SafeAreaProviderCompat>
-						<ViewportProvider>{children}</ViewportProvider>
-					</SafeAreaProviderCompat>
+					<SafeAreaProviderCompat>{children}</SafeAreaProviderCompat>
 				</GestureHandlerRootView>
 			),
 		};
@@ -71,16 +79,21 @@ export function withStackCore<TProps extends object>(
 ): React.FC<TProps & StackCoreConfig> {
 	return function StackCoreWrapper({
 		DISABLE_NATIVE_SCREENS,
+		DISABLE_NATIVE_SCREEN_CONTAINER,
 		TRANSITIONS_ALWAYS_ON,
 		STACK_TYPE,
 		...props
 	}: TProps & StackCoreConfig) {
-		// User props first, then defaultConfig overrides (config takes priority)
+		// Start from defaults, then apply explicit overrides from the caller.
 		const config: StackCoreConfig = {
-			...(DISABLE_NATIVE_SCREENS !== undefined && { DISABLE_NATIVE_SCREENS }),
-			...(TRANSITIONS_ALWAYS_ON !== undefined && { TRANSITIONS_ALWAYS_ON }),
-			...(STACK_TYPE !== undefined && { STACK_TYPE }),
-			...defaultConfig,
+			TRANSITIONS_ALWAYS_ON:
+				TRANSITIONS_ALWAYS_ON ?? defaultConfig.TRANSITIONS_ALWAYS_ON,
+			STACK_TYPE: STACK_TYPE ?? defaultConfig.STACK_TYPE,
+			DISABLE_NATIVE_SCREENS:
+				DISABLE_NATIVE_SCREENS ?? defaultConfig.DISABLE_NATIVE_SCREENS,
+			DISABLE_NATIVE_SCREEN_CONTAINER:
+				DISABLE_NATIVE_SCREEN_CONTAINER ??
+				defaultConfig.DISABLE_NATIVE_SCREEN_CONTAINER,
 		};
 		return (
 			<InternalStackCoreProvider config={config}>

package/src/shared/stores/animation.store.ts

@@ -3,7 +3,7 @@ import {
 	makeMutable,
 	type SharedValue,
 } from "react-native-reanimated";
-import type { ScreenKey } from "../types/screen.types";
+import type { Layout, ScreenKey } from "../types/screen.types";
 
 export type AnimationStoreMap = {
 	progress: SharedValue<number>;
@@ -13,6 +13,8 @@ export type AnimationStoreMap = {
 	targetProgress: SharedValue<number>;
 	/** Resolved fraction (contentHeight / screenHeight) for the 'auto' snap point. -1 = not yet measured. */
 	autoSnapPoint: SharedValue<number>;
+	/** Intrinsic content layout measured from the screen container wrapper. */
+	contentLayout: SharedValue<Layout | null>;
 };
 
 const store: Record<ScreenKey, AnimationStoreMap> = {};
@@ -25,6 +27,7 @@ function createAnimationBag(): AnimationStoreMap {
 		entering: makeMutable(0),
 		targetProgress: makeMutable(1),
 		autoSnapPoint: makeMutable(-1),
+		contentLayout: makeMutable<Layout | null>(null),
 	};
 }
 
@@ -43,17 +46,17 @@ function peekRouteAnimations(
 	return store[routeKey];
 }
 
-function getRouteAnimation(
+function getRouteAnimation<K extends keyof AnimationStoreMap>(
 	routeKey: ScreenKey,
-	type: keyof AnimationStoreMap,
-): SharedValue<number> {
+	type: K,
+): AnimationStoreMap[K] {
 	return ensure(routeKey)[type];
 }
 
-function getAnimation(
+function getAnimation<K extends keyof AnimationStoreMap>(
 	routeKey: ScreenKey,
-	type: keyof AnimationStoreMap,
-): SharedValue<number> {
+	type: K,
+): AnimationStoreMap[K] {
 	return getRouteAnimation(routeKey, type);
 }
 
@@ -70,6 +73,7 @@ function clear(routeKey: ScreenKey) {
 		cancelAnimation(bag.entering);
 		cancelAnimation(bag.targetProgress);
 		cancelAnimation(bag.autoSnapPoint);
+		cancelAnimation(bag.contentLayout);
 	}
 	delete store[routeKey];
 }

package/src/shared/stores/bounds/internals/presence.ts

@@ -118,7 +118,9 @@ function setGroupActiveId(group: string, id: string) {
 	groups.modify(<T extends GroupsState>(state: T): T => {
 		"worklet";
 		const mutableState = state as GroupsState;
-		mutableState[group] = { activeId: id };
+		mutableState[group] = {
+			activeId: id,
+		};
 		return state;
 	});
 	debugStoreSizeLog(`setGroupActiveId(${group},${id})`);

package/src/shared/types/animation.types.ts

@@ -103,6 +103,13 @@ export interface ScreenInterpolationProps {
 		 * The `width` and `height` of the screen container.
 		 */
 		screen: Layout;
+		/**
+		 * The intrinsic measured content wrapper layout when available.
+		 *
+		 * This is currently populated for the measured screen-container path used by
+		 * auto snap-point sizing. It is undefined until a real measurement exists.
+		 */
+		content?: Layout;
 	};
 
 	/**

package/src/shared/types/screen.types.ts

@@ -12,6 +12,9 @@ export type Layout = {
 };
 
 export type ScreenKey = string;
+export type SheetScrollGestureBehavior =
+	| "expand-and-collapse"
+	| "collapse-only";
 
 /**
  * A single snap point value. Either a fraction of screen height (0–1) or
@@ -33,10 +36,13 @@ export type TransitionAwareProps<T extends object> = AnimatedProps<T> & {
 	 * </Transition.View>
 	 *
 	 * // In your screenStyleInterpolator:
-	 * return {
-	 *   'hero-image': {
-	 *     opacity: interpolate(progress, [0, 1], [0, 1]),
-	 *     transform: [{ scale: interpolate(progress, [0, 1], [0.8, 1]) }]
+	 * screenStyleInterpolator: ({ progress }) => {
+	 *   "worklet";
+	 *   return {
+	 *     'hero-image': {
+	 *       opacity: interpolate(progress, [0, 1], [0, 1]),
+	 *       transform: [{ scale: interpolate(progress, [0, 1], [0.8, 1]) }]
+	 *     }
 	 *   }
 	 * }
 	 */
@@ -87,6 +93,13 @@ export type ScreenTransitionConfig = {
 	 * (e.g. `bounds().navigation.zoom()`) is ready from the first frame.
 	 *
 	 * Requires `@react-native-masked-view/masked-view` to be installed.
+	 *
+	 * @default false
+	 */
+	navigationMaskEnabled?: boolean;
+
+	/**
+	 * @deprecated Use `navigationMaskEnabled` instead.
 	 */
 	maskEnabled?: boolean;
 
@@ -209,16 +222,25 @@ export type ScreenTransitionConfig = {
 	initialSnapIndex?: number;
 
 	/**
-	 * Controls whether swiping to expand the sheet works from within a ScrollView.
-	 *
-	 * - `true` (Apple Maps style): Swiping up at scroll top expands the sheet
-	 * - `false` (Instagram style): Expand only works via deadspace (non-scrollable areas)
+	 * Controls how nested scroll content hands gestures off to a snap sheet.
 	 *
-	 * Collapse (swipe down at scroll top) always works regardless of this setting.
+	 * - `"expand-and-collapse"` (Apple Maps style): Swiping up at scroll boundary expands the sheet,
+	 *   and swiping down at scroll boundary collapses or dismisses it
+	 * - `"collapse-only"` (Instagram style): Expand only works via deadspace; collapse/dismiss via
+	 *   nested scroll content still works at boundary
 	 *
 	 * Only applies to screens with `snapPoints` configured.
 	 *
-	 * @default true
+	 * @default "expand-and-collapse"
+	 */
+	sheetScrollGestureBehavior?: SheetScrollGestureBehavior;
+
+	/**
+	 * @deprecated Use `sheetScrollGestureBehavior` instead.
+	 *
+	 * Mapping:
+	 * - `true` -> `"expand-and-collapse"`
+	 * - `false` -> `"collapse-only"`
 	 */
 	expandViaScrollView?: boolean;
 
@@ -255,12 +277,15 @@ export type ScreenTransitionConfig = {
 	 *
 	 * @example
 	 * backdropComponent: BlurView,
-	 * screenStyleInterpolator: ({ progress }) => ({
-	 *   backdrop: {
-	 *     style: { opacity: interpolate(progress, [0, 1], [0, 1]) },
-	 *     props: { intensity: interpolate(progress, [0, 1], [0, 80]) },
-	 *   },
-	 * })
+	 * screenStyleInterpolator: ({ progress }) => {
+	 *   "worklet";
+	 *   return {
+	 *     backdrop: {
+	 *       style: { opacity: interpolate(progress, [0, 1], [0, 1]) },
+	 *       props: { intensity: interpolate(progress, [0, 1], [0, 80]) },
+	 *     },
+	 *   };
+	 * }
 	 *
 	 * @default undefined
 	 */
@@ -277,12 +302,15 @@ export type ScreenTransitionConfig = {
 	 *
 	 * @example
 	 * surfaceComponent: SquircleView,
-	 * screenStyleInterpolator: ({ progress }) => ({
-	 *   surface: {
-	 *     style: { opacity: interpolate(progress, [0, 1], [0, 1]) },
-	 *     props: { cornerRadius: 24, cornerSmoothing: 0.7 },
-	 *   },
-	 * })
+	 * screenStyleInterpolator: ({ progress }) => {
+	 *   "worklet";
+	 *   return {
+	 *     surface: {
+	 *       style: { opacity: interpolate(progress, [0, 1], [0, 1]) },
+	 *       props: { cornerRadius: 24, cornerSmoothing: 0.7 },
+	 *     },
+	 *   };
+	 * }
 	 *
 	 * @default undefined
 	 */

package/src/shared/utils/bounds/helpers/compute-bounds-styles.ts

@@ -73,6 +73,8 @@ const resolveBounds = (params: {
 			currentScreenKey,
 			sourceScreenKey: resolvedPair.sourceScreenKey,
 			destinationScreenKey: resolvedPair.destinationScreenKey,
+			hasTargetOverride,
+			usedSnapshotDestination: resolvedPair.usedSnapshotDestination,
 		};
 	}
 
@@ -85,6 +87,8 @@ const resolveBounds = (params: {
 			currentScreenKey,
 			sourceScreenKey: resolvedPair.sourceScreenKey,
 			destinationScreenKey: resolvedPair.destinationScreenKey,
+			hasTargetOverride,
+			usedSnapshotDestination: resolvedPair.usedSnapshotDestination,
 		};
 	}
 
@@ -107,6 +111,8 @@ const resolveBounds = (params: {
 		currentScreenKey,
 		sourceScreenKey: resolvedPair.sourceScreenKey,
 		destinationScreenKey: resolvedPair.destinationScreenKey,
+		hasTargetOverride,
+		usedSnapshotDestination: resolvedPair.usedSnapshotDestination,
 	};
 };
 
@@ -131,6 +137,8 @@ export const computeBoundStyles = (
 		currentScreenKey,
 		sourceScreenKey,
 		destinationScreenKey,
+		hasTargetOverride,
+		usedSnapshotDestination,
 	} = resolveBounds({
 		id,
 		previous,
@@ -151,10 +159,15 @@ export const computeBoundStyles = (
 	const ranges: readonly [number, number] = entering ? ENTER_RANGE : EXIT_RANGE;
 
 	if (computeOptions.method === "content") {
+		const ignoresSnapshotDestinationOwnership =
+			hasTargetOverride &&
+			usedSnapshotDestination &&
+			destinationScreenKey === sourceScreenKey;
 		const currentOwnsSource =
 			!!currentScreenKey &&
 			currentScreenKey === sourceScreenKey &&
-			currentScreenKey !== destinationScreenKey;
+			(currentScreenKey !== destinationScreenKey ||
+				ignoresSnapshotDestinationOwnership);
 		const contentStart = currentOwnsSource ? end : start;
 		const contentEnd = currentOwnsSource ? start : end;
 		const geometry = computeContentTransformGeometry({

package/src/shared/utils/bounds/helpers/resolve-bound-tag.ts

@@ -1,4 +1,3 @@
-import { BoundStore } from "../../../stores/bounds";
 import type { BoundId } from "../types/options";
 
 export type ResolveBoundTagParams = {
@@ -20,10 +19,5 @@ export const resolveBoundTag = ({
 		return normalizedId;
 	}
 
-	const currentActiveId = BoundStore.getGroupActiveId(group);
-	if (currentActiveId !== normalizedId) {
-		BoundStore.setGroupActiveId(group, normalizedId);
-	}
-
 	return `${group}:${normalizedId}`;
 };

package/src/shared/utils/bounds/index.ts

@@ -6,11 +6,23 @@ import { computeBoundStyles } from "./helpers/compute-bounds-styles";
 import { createInterpolators } from "./helpers/interpolators";
 import { createLinkAccessor } from "./helpers/link-accessor";
 import { resolveBoundTag } from "./helpers/resolve-bound-tag";
+import type { BoundsFrameProps } from "./types/frame-props";
 import type { BoundsOptions } from "./types/options";
 import { createZoomAccessor } from "./zoom";
 
+const syncGroupActiveMember = (group?: string, id?: string | number) => {
+	"worklet";
+	if (!group) return;
+	if (id === undefined || id === null || id === "") return;
+
+	const normalizedId = String(id);
+	if (BoundStore.getGroupActiveId(group) === normalizedId) return;
+
+	BoundStore.setGroupActiveId(group, normalizedId);
+};
+
 export const createBoundsAccessor = (
-	getProps: () => Omit<ScreenInterpolationProps, "bounds">,
+	getProps: () => BoundsFrameProps,
 ): BoundsAccessor => {
 	"worklet";
 
@@ -37,6 +49,7 @@ export const createBoundsAccessor = (
 	const computeElementBoundsStyles = (params?: BoundsOptions) => {
 		"worklet";
 		const props = getProps();
+		syncGroupActiveMember(params?.group, params?.id);
 
 		const resolved = buildBoundsOptions({
 			props,
@@ -54,15 +67,13 @@ export const createBoundsAccessor = (
 			scaleMode: params?.scaleMode,
 			target: params?.target,
 		};
-		let cachedNavigationPairProps:
-			| Omit<ScreenInterpolationProps, "bounds">
-			| undefined;
+		let cachedNavigationPairProps: BoundsFrameProps | undefined;
 		let cachedNavigationPairTag = "";
 		let cachedNavigationPair: ResolvedTransitionPair | undefined;
 
 		const resolveNavigationPair = (
 			tag: string,
-			frameProps: Omit<ScreenInterpolationProps, "bounds">,
+			frameProps: BoundsFrameProps,
 		): ResolvedTransitionPair | undefined => {
 			"worklet";
 			if (!tag) return undefined;

package/src/shared/utils/bounds/types/frame-props.ts

@@ -0,0 +1,5 @@
+import type { ScreenInterpolationProps } from "../../../types/animation.types";
+
+export type BoundsFrameProps = Omit<ScreenInterpolationProps, "bounds"> & {
+	navigationMaskEnabled: boolean;
+};

package/src/shared/utils/bounds/zoom/accessor.ts

@@ -1,17 +1,17 @@
-import type { ScreenInterpolationProps } from "../../../types/animation.types";
 import type { BoundsNavigationZoomOptions } from "../../../types/bounds.types";
 import type { ResolveBoundTagParams } from "../helpers/resolve-bound-tag";
+import type { BoundsFrameProps } from "../types/frame-props";
 import type { BoundId, BoundsOptions } from "../types/options";
 import { buildZoomStyles } from "./build";
 
 type ZoomAccessorParams = {
 	id?: BoundId;
 	group?: string;
-	getProps: () => Omit<ScreenInterpolationProps, "bounds">;
+	getProps: () => BoundsFrameProps;
 	resolveBoundTag: (params: ResolveBoundTagParams) => string | undefined;
 	computeRaw: (
 		overrides?: Partial<BoundsOptions>,
-		frameProps?: Omit<ScreenInterpolationProps, "bounds">,
+		frameProps?: BoundsFrameProps,
 	) => Record<string, unknown>;
 	zoomBaseOptions?: Pick<
 		BoundsNavigationZoomOptions,

package/src/shared/utils/bounds/zoom/build.ts

@@ -459,6 +459,12 @@ export const buildZoomStyles = ({
 	const nextRouteKey = props.next?.route.key;
 	const entering = !props.next;
 	const screenLayout = props.layouts.screen;
+	const transitionContext = {
+		currentScreenKey: currentRouteKey,
+		previousScreenKey: previousRouteKey,
+		nextScreenKey: nextRouteKey,
+		entering,
+	};
 
 	const resolvedConfig = resolveZoomConfig({
 		id,
@@ -477,6 +483,19 @@ export const buildZoomStyles = ({
 		explicitTarget,
 		zoomOptions: resolvedZoomOptions,
 	} = resolvedConfig;
+	const resolvedPair = BoundStore.resolveTransitionPair(
+		resolvedTag,
+		transitionContext,
+	);
+	const focusedVisibilityStyles = {
+		[resolvedTag]: {
+			style: { opacity: 1 },
+		},
+	} satisfies TransitionInterpolatedStyle;
+
+	if (!resolvedPair.sourceBounds) {
+		return focused ? focusedVisibilityStyles : NO_STYLES;
+	}
 
 	const normX = props.active.gesture.normX;
 	const normY = props.active.gesture.normY;
@@ -519,13 +538,6 @@ export const buildZoomStyles = ({
 	const dragScale = combineScales(dragXScale, dragYScale);
 
 	if (focused) {
-		const focusedPair = BoundStore.resolveTransitionPair(resolvedTag, {
-			currentScreenKey: currentRouteKey,
-			previousScreenKey: previousRouteKey,
-			nextScreenKey: nextRouteKey,
-			entering,
-		});
-
 		const contentTarget = getZoomContentTarget({
 			explicitTarget,
 			resolvedTag,
@@ -535,7 +547,7 @@ export const buildZoomStyles = ({
 			entering,
 			screenLayout,
 			anchor: sharedOptions.anchor,
-			resolvedPair: focusedPair,
+			resolvedPair,
 		});
 
 		const contentRaw = computeRaw({
@@ -565,18 +577,21 @@ export const buildZoomStyles = ({
 		const maskRadii = resolveMaskRadii({
 			progress,
 			zoomOptions: resolvedZoomOptions,
-			resolvedPair: focusedPair,
+			resolvedPair,
 		});
+		const focusedContentStyle = {
+			opacity: focusedFade,
+			transform: [
+				{ translateX: contentTranslateX },
+				{ translateY: contentTranslateY },
+				{ scale: contentScale },
+			],
+		};
 
 		return {
 			[NAVIGATION_CONTAINER_STYLE_ID]: {
 				style: {
-					opacity: focusedFade,
-					transform: [
-						{ translateX: contentTranslateX },
-						{ translateY: contentTranslateY },
-						{ scale: contentScale },
-					],
+					...focusedContentStyle,
 				},
 			},
 			[NAVIGATION_MASK_STYLE_ID]: {
@@ -598,13 +613,7 @@ export const buildZoomStyles = ({
 						: {}),
 				},
 			},
-			// Signal the destination boundary to stay visible during the transition.
-			// Without this, useAssociatedStyles enters "waiting-first-style" mode
-			// (opacity: 0) because it detects previous-screen evidence but never
-			// receives a resolved style for this tag.
-			[resolvedTag]: {
-				style: { opacity: 1 },
-			},
+			...focusedVisibilityStyles,
 		};
 	}
 
@@ -626,6 +635,7 @@ export const buildZoomStyles = ({
 					entering,
 					screenLayout,
 					anchor: sharedOptions.anchor,
+					resolvedPair,
 				});
 
 	const elementRaw = computeRaw({

package/src/shared/utils/bounds/zoom/types.ts

@@ -1,5 +1,5 @@
-import type { ScreenInterpolationProps } from "../../../types/animation.types";
 import type { BoundsNavigationZoomOptions } from "../../../types/bounds.types";
+import type { BoundsFrameProps } from "../types/frame-props";
 import type { BoundId, BoundsOptions } from "../types/options";
 
 export type ResolveTag = (params: {
@@ -9,14 +9,14 @@ export type ResolveTag = (params: {
 
 export type ComputeRaw = (
 	overrides: Partial<BoundsOptions>,
-	frameProps?: Omit<ScreenInterpolationProps, "bounds">,
+	frameProps?: BoundsFrameProps,
 ) => Record<string, unknown>;
 
 export type BuildZoomStylesParams = {
 	id: BoundId;
 	group?: string;
 	zoomOptions?: BoundsNavigationZoomOptions;
-	props: Omit<ScreenInterpolationProps, "bounds">;
+	props: BoundsFrameProps;
 	resolveTag: ResolveTag;
 	computeRaw: ComputeRaw;
 };

package/src/shared/utils/resolve-screen-transition-options.ts

@@ -0,0 +1,37 @@
+import type {
+	ScreenTransitionConfig,
+	SheetScrollGestureBehavior,
+} from "../types/screen.types";
+
+export const DEFAULT_SHEET_SCROLL_GESTURE_BEHAVIOR: SheetScrollGestureBehavior =
+	"expand-and-collapse";
+
+export const resolveSheetScrollGestureBehavior = (
+	options: Pick<
+		ScreenTransitionConfig,
+		"sheetScrollGestureBehavior" | "expandViaScrollView"
+	>,
+): SheetScrollGestureBehavior => {
+	const explicitBehavior = options.sheetScrollGestureBehavior;
+	if (explicitBehavior) return explicitBehavior;
+
+	const legacyBehavior = options.expandViaScrollView;
+	if (legacyBehavior !== undefined) {
+		return legacyBehavior ? "expand-and-collapse" : "collapse-only";
+	}
+
+	return DEFAULT_SHEET_SCROLL_GESTURE_BEHAVIOR;
+};
+
+export const resolveNavigationMaskEnabled = (
+	options: Pick<
+		ScreenTransitionConfig,
+		"navigationMaskEnabled" | "maskEnabled"
+	>,
+): boolean => {
+	if (options.navigationMaskEnabled !== undefined) {
+		return options.navigationMaskEnabled;
+	}
+
+	return options.maskEnabled ?? false;
+};

package/lib/commonjs/shared/providers/viewport.provider.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useViewportContext = exports.ViewportProvider = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _createProvider = _interopRequireDefault(require("../utils/create-provider"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  ViewportProvider,
-  useViewportContext
-} = (0, _createProvider.default)("Viewport", {
-  guarded: true
-})(({
-  children
-}) => {
-  const dimensions = (0, _reactNative.useWindowDimensions)();
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const value = (0, _react.useMemo)(() => ({
-    dimensions,
-    insets
-  }), [dimensions, insets]);
-  return {
-    value,
-    children
-  };
-});
-exports.useViewportContext = useViewportContext;
-exports.ViewportProvider = ViewportProvider;
-//# sourceMappingURL=viewport.provider.js.map

package/lib/commonjs/shared/providers/viewport.provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_createProvider","_interopRequireDefault","e","__esModule","default","ViewportProvider","useViewportContext","createProvider","guarded","children","dimensions","useWindowDimensions","insets","useSafeAreaInsets","value","useMemo","exports"],"sourceRoot":"../../../../src","sources":["shared/providers/viewport.provider.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAIA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAsD,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,MAAM;EAAEG,gBAAgB;EAAEC;AAAmB,CAAC,GAAG,IAAAC,uBAAc,EAAC,UAAU,EAAE;EAC3EC,OAAO,EAAE;AACV,CAAC,CAAC,CAA8C,CAAC;EAAEC;AAAS,CAAC,KAAK;EACjE,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACpB,OAAO;IACNL,UAAU;IACVE;EACD,CAAC,CAAC,EACF,CAACF,UAAU,EAAEE,MAAM,CACpB,CAAC;EAED,OAAO;IACNE,KAAK;IACLL;EACD,CAAC;AACF,CAAC,CAAC;AAACO,OAAA,CAAAV,kBAAA,GAAAA,kBAAA;AAAAU,OAAA,CAAAX,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/module/shared/providers/viewport.provider.js

@@ -1,27 +0,0 @@
-"use strict";
-
-import { useMemo } from "react";
-import { useWindowDimensions } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import createProvider from "../utils/create-provider";
-const {
-  ViewportProvider,
-  useViewportContext
-} = createProvider("Viewport", {
-  guarded: true
-})(({
-  children
-}) => {
-  const dimensions = useWindowDimensions();
-  const insets = useSafeAreaInsets();
-  const value = useMemo(() => ({
-    dimensions,
-    insets
-  }), [dimensions, insets]);
-  return {
-    value,
-    children
-  };
-});
-export { ViewportProvider, useViewportContext };
-//# sourceMappingURL=viewport.provider.js.map

package/lib/module/shared/providers/viewport.provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useWindowDimensions","useSafeAreaInsets","createProvider","ViewportProvider","useViewportContext","guarded","children","dimensions","insets","value"],"sourceRoot":"../../../../src","sources":["shared/providers/viewport.provider.tsx"],"mappings":";;AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAA0BC,mBAAmB,QAAQ,cAAc;AACnE,SAECC,iBAAiB,QACX,gCAAgC;AACvC,OAAOC,cAAc,MAAM,0BAA0B;AAWrD,MAAM;EAAEC,gBAAgB;EAAEC;AAAmB,CAAC,GAAGF,cAAc,CAAC,UAAU,EAAE;EAC3EG,OAAO,EAAE;AACV,CAAC,CAAC,CAA8C,CAAC;EAAEC;AAAS,CAAC,KAAK;EACjE,MAAMC,UAAU,GAAGP,mBAAmB,CAAC,CAAC;EACxC,MAAMQ,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAMQ,KAAK,GAAGV,OAAO,CACpB,OAAO;IACNQ,UAAU;IACVC;EACD,CAAC,CAAC,EACF,CAACD,UAAU,EAAEC,MAAM,CACpB,CAAC;EAED,OAAO;IACNC,KAAK;IACLH;EACD,CAAC;AACF,CAAC,CAAC;AAEF,SAASH,gBAAgB,EAAEC,kBAAkB","ignoreList":[]}