react-native-screen-transitions 4.0.0-alpha.6 → 4.0.0-alpha.8

package/src/utils/create-provider.tsx

@@ -3,9 +3,11 @@
  * https://github.com/MatiPl01/react-native-sortables/blob/main/packages/react-native-sortables/src/providers/utils/createProvider.tsx
  * SUPER COOL AMAZING UTILITY
  *
- * Store-only provider: values propagate exclusively through a subscription
- * store read with `use${Name}Store(selector)`. There is intentionally no raw
- * context channel, so consumers subscribe only to the values they render.
+ * Store-only provider: values propagate exclusively through subscription
+ * selectors. `use${Name}Store` requires an available store, while
+ * `useOptional${Name}Store` preserves nullable bootstrap and outer-context
+ * access. There is intentionally no raw context channel, so consumers
+ * subscribe only to the values they render.
  *
  * Factories do not memoize what they return:
  * - `value`: the store shallow-compares snapshots and keeps the previous
@@ -14,6 +16,10 @@
  * - `children`: passed-through children keep their identity across
  *   provider-local renders. Factories that wrap children should use a
  *   module-level memoized component for the wrapper.
+ *
+ * Providers created with `global: true` return a `key` from their factory.
+ * Both generated store hooks accept that key to subscribe to the original
+ * provider store from outside its React context.
  */
 import {
 	createContext,
@@ -25,27 +31,52 @@ import {
 	useSyncExternalStore,
 } from "react";
 
-type ProviderSnapshot<
-	ContextValue,
-	Guarded extends boolean,
-> = Guarded extends true ? ContextValue : ContextValue | null;
-
-type ProviderSelector<ContextValue, Guarded extends boolean, Selected> = (
-	value: ProviderSnapshot<ContextValue, Guarded>,
-) => Selected;
+type ProviderStoreHook<ContextValue> = {
+	(): ContextValue;
+	<Selected>(selector: (value: ContextValue) => Selected): Selected;
+};
 
-type ProviderStoreHook<ContextValue, Guarded extends boolean> = {
-	(): ProviderSnapshot<ContextValue, Guarded>;
+type GlobalProviderStoreHook<ContextValue> = {
+	(key: string): ContextValue;
 	<Selected>(
-		selector: ProviderSelector<ContextValue, Guarded, Selected>,
+		key: string,
+		selector: (value: ContextValue) => Selected,
 	): Selected;
 };
 
-export type ProviderFactoryInternals<ContextValue> = {
-	useParentStore: ProviderStoreHook<ContextValue, false>;
+type OptionalProviderStoreHook<ContextValue> = {
+	(): ContextValue | null;
+	<Selected>(selector: (value: ContextValue | null) => Selected): Selected;
 };
 
-export interface ProviderStoreApi<ContextValue> {
+type OptionalGlobalProviderStoreHook<ContextValue> = {
+	(key: string | null): ContextValue | null;
+	<Selected>(
+		key: string | null,
+		selector: (value: ContextValue) => Selected,
+	): Selected | null;
+};
+
+type ResolvedProviderStoreHook<
+	ContextValue,
+	Global extends boolean,
+> = ProviderStoreHook<ContextValue> &
+	(Global extends true ? GlobalProviderStoreHook<ContextValue> : unknown);
+
+type ResolvedOptionalProviderStoreHook<
+	ContextValue,
+	Global extends boolean,
+> = OptionalProviderStoreHook<ContextValue> &
+	(Global extends true
+		? OptionalGlobalProviderStoreHook<ContextValue>
+		: unknown);
+
+type ProviderFactoryResult<ContextValue, Global extends boolean> = {
+	value: ContextValue;
+	children?: ReactNode;
+} & (Global extends true ? { key: string } : { key?: never });
+
+interface ProviderStoreApi<ContextValue> {
 	getSnapshot: () => ContextValue | null;
 	subscribe: (listener: () => void) => () => void;
 }
@@ -56,6 +87,12 @@ interface MutableProviderStoreApi<ContextValue>
 	setSnapshot: (snapshot: ContextValue | null) => boolean;
 }
 
+interface ProviderStoreRegistry<ContextValue> {
+	getStore: (key: string) => ProviderStoreApi<ContextValue> | null;
+	register: (key: string, store: ProviderStoreApi<ContextValue>) => () => void;
+	subscribe: (key: string, listener: () => void) => () => void;
+}
+
 const NullProviderStore: ProviderStoreApi<never> = {
 	getSnapshot: () => null,
 	subscribe: () => () => {},
@@ -127,98 +164,195 @@ const createProviderStore = <ContextValue,>(
 	};
 };
 
+const createProviderStoreRegistry = <
+	ContextValue,
+>(): ProviderStoreRegistry<ContextValue> => {
+	const listenersByKey = new Map<string, Set<() => void>>();
+	const storesByKey = new Map<string, ProviderStoreApi<ContextValue>>();
+
+	const notify = (key: string) => {
+		for (const listener of listenersByKey.get(key) ?? []) {
+			listener();
+		}
+	};
+
+	return {
+		getStore: (key) => storesByKey.get(key) ?? null,
+		register: (key, store) => {
+			storesByKey.set(key, store);
+			notify(key);
+
+			return () => {
+				storesByKey.delete(key);
+				notify(key);
+			};
+		},
+		subscribe: (key, listener) => {
+			const listeners = listenersByKey.get(key) ?? new Set<() => void>();
+			listeners.add(listener);
+			listenersByKey.set(key, listeners);
+
+			return () => {
+				listeners.delete(listener);
+				if (listeners.size === 0) {
+					listenersByKey.delete(key);
+				}
+			};
+		},
+	};
+};
+
 export default function createProvider<
 	ProviderName extends string,
-	Guarded extends boolean = true,
->(name: ProviderName, options?: { guarded?: Guarded }) {
+	Global extends boolean = false,
+>(name: ProviderName, options?: { global?: Global }) {
 	return <ProviderProps extends object, ContextValue>(
 		factory: (
 			props: ProviderProps,
-			internals: ProviderFactoryInternals<ContextValue>,
-		) => {
-			value?: ContextValue;
-			enabled?: boolean;
-			children?: ReactNode;
-		},
+		) => ProviderFactoryResult<ContextValue, Global>,
 	) => {
-		const { guarded = true } = options ?? {};
+		const { global = false } = options ?? {};
 		const providerDisplayName = `${name}Provider`;
+		const globalRegistry = global
+			? createProviderStoreRegistry<ContextValue>()
+			: null;
 
 		const StoreContext = createContext<ProviderStoreApi<ContextValue> | null>(
 			null,
 		);
 		StoreContext.displayName = `${name}Store`;
 
-		const createStoreHook = (strict: boolean) => {
-			return <Selected,>(
-				selector?: (value: ContextValue | null) => Selected,
-			): Selected | ContextValue | null => {
-				const store = useContext(StoreContext);
-				const resolvedStore =
-					store ?? (NullProviderStore as ProviderStoreApi<ContextValue>);
-				const selectorRef = useRef<typeof selector>(selector);
-				selectorRef.current = selector;
-
-				const getSelectedSnapshot = useCallback(() => {
-					if (strict && store === null) {
-						throw new Error(
-							`${name} store must be used within a ${name}Provider`,
-						);
-					}
-
-					const snapshot = resolvedStore.getSnapshot();
-
-					if (strict && snapshot === null) {
-						throw new Error(
-							`${name} store must be used within an enabled ${name}Provider`,
-						);
-					}
-
-					return selectorRef.current ? selectorRef.current(snapshot) : snapshot;
-				}, [resolvedStore, store]);
-
-				return useSyncExternalStore(
-					resolvedStore.subscribe,
-					getSelectedSnapshot,
-					getSelectedSnapshot,
-				);
-			};
-		};
+		const useStoreSelection = <Selected,>(
+			required: boolean,
+			selectorOrKey?:
+				| string
+				| null
+				| ((value: ContextValue | null) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		): Selected | ContextValue | null => {
+			const isGlobalLookup =
+				global && (typeof selectorOrKey === "string" || selectorOrKey === null);
+			const key = isGlobalLookup ? selectorOrKey : null;
+			const selector = (isGlobalLookup ? globalSelector : selectorOrKey) as
+				| ((value: ContextValue | null) => Selected)
+				| undefined;
+			const contextStore = useContext(StoreContext);
+			const selectorRef = useRef(selector);
+			selectorRef.current = selector;
+			const getStore = useCallback(() => {
+				if (isGlobalLookup) {
+					return key !== null && globalRegistry
+						? globalRegistry.getStore(key)
+						: null;
+				}
 
-		const useStoreSelector = createStoreHook(guarded);
-		const factoryInternals: ProviderFactoryInternals<ContextValue> = {
-			useParentStore: createStoreHook(false) as ProviderStoreHook<
-				ContextValue,
-				false
-			>,
-		};
+				return contextStore;
+			}, [contextStore, isGlobalLookup, key]);
+			const subscribe = useCallback(
+				(listener: () => void) => {
+					let unsubscribeStore = (
+						getStore() ?? (NullProviderStore as ProviderStoreApi<ContextValue>)
+					).subscribe(listener);
+					const unsubscribeRegistry =
+						isGlobalLookup && key !== null && globalRegistry
+							? globalRegistry.subscribe(key, () => {
+									unsubscribeStore();
+									unsubscribeStore = (
+										getStore() ??
+										(NullProviderStore as ProviderStoreApi<ContextValue>)
+									).subscribe(listener);
+									listener();
+								})
+							: () => {};
+
+					return () => {
+						unsubscribeRegistry();
+						unsubscribeStore();
+					};
+				},
+				[getStore, isGlobalLookup, key],
+			);
 
-		const Provider: React.FC<ProviderProps> = (props) => {
-			const {
-				children = (props as { children?: ReactNode }).children,
-				enabled = true,
-				value,
-			} = factory(props, factoryInternals);
+			const getSelectedSnapshot = useCallback(() => {
+				const snapshot = getStore()?.getSnapshot() ?? null;
 
-			if (!value) {
-				throw new Error(
-					`${name}Context value must be provided. You likely forgot to return it from the factory function.`,
-				);
-			}
+				if (required && snapshot === null) {
+					throw new Error(
+						key === null
+							? `${name}Store is unavailable`
+							: `${name}Store is unavailable for key "${key}"`,
+					);
+				}
+
+				if (isGlobalLookup && snapshot === null) {
+					return null;
+				}
 
-			const snapshotValue = enabled ? value : null;
+				return typeof selectorRef.current === "function"
+					? selectorRef.current(snapshot)
+					: snapshot;
+			}, [getStore, isGlobalLookup, key, required]);
+
+			return useSyncExternalStore(
+				subscribe,
+				getSelectedSnapshot,
+				getSelectedSnapshot,
+			);
+		};
+		const useOptionalStoreSelector = <Selected,>(
+			selectorOrKey?:
+				| string
+				| null
+				| ((value: ContextValue | null) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		) => useStoreSelection(false, selectorOrKey, globalSelector);
+		const useStoreSelector = <Selected,>(
+			selectorOrKey?: string | ((value: ContextValue) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		) =>
+			useStoreSelection(
+				true,
+				selectorOrKey as
+					| string
+					| ((value: ContextValue | null) => Selected)
+					| undefined,
+				globalSelector,
+			);
+		const StoreProvider = ({
+			children,
+			storeKey,
+			value,
+		}: {
+			children?: ReactNode;
+			storeKey?: string;
+			value: ContextValue;
+		}) => {
 			const storeRef = useRef<MutableProviderStoreApi<ContextValue> | null>(
 				null,
 			);
 			const pendingNotifyRef = useRef(false);
 
 			if (storeRef.current === null) {
-				storeRef.current = createProviderStore<ContextValue>(snapshotValue);
+				storeRef.current = createProviderStore<ContextValue>(value);
 			}
 			const store = storeRef.current;
 
+			useLayoutEffect(() => {
+				if (!globalRegistry) {
+					return;
+				}
+
+				if (typeof storeKey !== "string") {
+					throw new Error(
+						`${name}StoreProvider requires a storeKey when global mode is enabled`,
+					);
+				}
+
+				return globalRegistry.register(storeKey, store);
+			}, [storeKey, store]);
+
 			pendingNotifyRef.current =
-				store.setSnapshot(snapshotValue) || pendingNotifyRef.current;
+				store.setSnapshot(value) || pendingNotifyRef.current;
 
 			useLayoutEffect(() => {
 				if (!pendingNotifyRef.current) {
@@ -233,17 +367,38 @@ export default function createProvider<
 				<StoreContext.Provider value={store}>{children}</StoreContext.Provider>
 			);
 		};
+		StoreProvider.displayName = `${name}StoreProvider`;
+
+		const Provider: React.FC<ProviderProps> = (props) => {
+			const {
+				children = (props as { children?: ReactNode }).children,
+				key,
+				value,
+			} = factory(props);
+			return (
+				<StoreProvider storeKey={key} value={value}>
+					{children}
+				</StoreProvider>
+			);
+		};
 		Provider.displayName = providerDisplayName;
 
 		return {
+			StoreProvider,
 			[`${name}Provider`]: Provider,
+			[`useOptional${name}Store`]: useOptionalStoreSelector,
 			[`use${name}Store`]: useStoreSelector,
-		} as {
+		} as { StoreProvider: typeof StoreProvider } & {
 			[P in ProviderName as `${P}Provider`]: React.FC<ProviderProps>;
 		} & {
-			[P in ProviderName as `use${P}Store`]: ProviderStoreHook<
+			[P in ProviderName as `useOptional${P}Store`]: ResolvedOptionalProviderStoreHook<
+				ContextValue,
+				Global
+			>;
+		} & {
+			[P in ProviderName as `use${P}Store`]: ResolvedProviderStoreHook<
 				ContextValue,
-				Guarded
+				Global
 			>;
 		};
 	};

package/src/utils/navigation/close-action-replay.ts

@@ -0,0 +1,25 @@
+const CLOSE_ACTION_REPLAY = Symbol("screen-transition-close-action-replay");
+
+type MarkedCloseAction = {
+	[CLOSE_ACTION_REPLAY]?: true;
+};
+
+export const isCloseActionReplay = (action: unknown): boolean =>
+	typeof action === "object" &&
+	action !== null &&
+	(action as MarkedCloseAction)[CLOSE_ACTION_REPLAY] === true;
+
+/** Carries the terminal-removal bypass through React Navigation's action clones. */
+export const dispatchCloseAction = <TAction extends object>(
+	action: TAction,
+	dispatch: (action: TAction) => void,
+) => {
+	const markedAction = action as TAction & MarkedCloseAction;
+	markedAction[CLOSE_ACTION_REPLAY] = true;
+
+	try {
+		dispatch(action);
+	} finally {
+		delete markedAction[CLOSE_ACTION_REPLAY];
+	}
+};

package/src/utils/normalize-interpolated-style.ts

@@ -3,49 +3,18 @@ import type {
 	NormalizedTransitionSlotStyle,
 } from "../types/animation.types";
 
-/**
- * Normalizes an interpolator result into the canonical `{ style, props }` slot format.
- *
- * Handles three cases per key:
- * 1. Legacy renamed keys (`contentStyle` → `content`, `backdropStyle` → `backdrop`)
- * 2. Proper `TransitionSlotStyle` values (has `style` or `props` key) — pass through
- * 3. Style shorthand (plain StyleProps without wrapping) — auto-wrapped as `{ style: value }`
- *
- * Mixed-format objects (e.g. new-format spread + a legacy `backdropStyle` key) are
- * handled correctly because each key is processed individually.
- */
-export function normalizeInterpolatedStyle(raw: Record<string, any>): {
-	result: NormalizedTransitionInterpolatedStyle;
-	wasLegacy: boolean;
-} {
+/** Normalizes style shorthand into the canonical `{ style, props }` slots. */
+export function normalizeInterpolatedStyle(
+	raw: Record<string, any>,
+): NormalizedTransitionInterpolatedStyle {
 	"worklet";
 
-	const hasLegacyKeys =
-		"contentStyle" in raw || "backdropStyle" in raw || "overlayStyle" in raw;
-
 	const normalized: Record<string, NormalizedTransitionSlotStyle | undefined> =
 		{};
 
 	for (const key in raw) {
 		const value = raw[key];
 
-		// ── Legacy key renames ──
-		if (key === "contentStyle") {
-			if (value !== undefined) normalized.content = { style: value };
-			continue;
-		}
-		if (key === "backdropStyle") {
-			if (value !== undefined) normalized.backdrop = { style: value };
-			continue;
-		}
-		if (key === "overlayStyle") {
-			if (value !== undefined && !normalized.backdrop) {
-				normalized.backdrop = { style: value };
-			}
-			continue;
-		}
-
-		// ── All other keys ──
 		if (value === undefined) {
 			normalized[key] = undefined;
 			continue;
@@ -60,8 +29,5 @@ export function normalizeInterpolatedStyle(raw: Record<string, any>): {
 		}
 	}
 
-	return {
-		result: normalized as NormalizedTransitionInterpolatedStyle,
-		wasLegacy: hasLegacyKeys,
-	};
+	return normalized as NormalizedTransitionInterpolatedStyle;
 }

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

@@ -5,18 +5,9 @@ import type {
 } from "../types/screen.types";
 
 export const resolveSheetScrollGestureBehavior = (
-	options: Pick<
-		ScreenTransitionConfig,
-		"sheetScrollGestureBehavior" | "expandViaScrollView"
-	>,
+	options: Pick<ScreenTransitionConfig, "sheetScrollGestureBehavior">,
 ): 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;
+	return (
+		options.sheetScrollGestureBehavior ?? DEFAULT_SHEET_SCROLL_GESTURE_BEHAVIOR
+	);
 };

package/lib/commonjs/components/boundary/portal/components/boundary-portal/helpers/active-pair.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hasActiveBoundaryPortalLink = void 0;
-var _linkPairs = require("../../../../../../stores/bounds/helpers/link-pairs.helpers");
-const hasActiveBoundaryPortalLink = ({
-  boundaryId,
-  pairsState,
-  sourcePairKey
-}) => {
-  "worklet";
-
-  if (!sourcePairKey) {
-    return false;
-  }
-  const pair = pairsState[sourcePairKey];
-  const linkKey = (0, _linkPairs.getLinkKeyFromTag)(boundaryId);
-  const link = pair?.links[linkKey];
-  if (!link?.source) {
-    return false;
-  }
-  if (link.group && pair.groups[link.group]?.activeId !== linkKey) {
-    return false;
-  }
-  return true;
-};
-exports.hasActiveBoundaryPortalLink = hasActiveBoundaryPortalLink;
-//# sourceMappingURL=active-pair.js.map

package/lib/commonjs/components/boundary/portal/components/boundary-portal/helpers/active-pair.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_linkPairs","require","hasActiveBoundaryPortalLink","boundaryId","pairsState","sourcePairKey","pair","linkKey","getLinkKeyFromTag","link","links","source","group","groups","activeId","exports"],"sourceRoot":"../../../../../../../../src","sources":["components/boundary/portal/components/boundary-portal/helpers/active-pair.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAYO,MAAMC,2BAA2B,GAAGA,CAAC;EAC3CC,UAAU;EACVC,UAAU;EACVC;AACkC,CAAC,KAAc;EACjD,SAAS;;EACT,IAAI,CAACA,aAAa,EAAE;IACnB,OAAO,KAAK;EACb;EAEA,MAAMC,IAAI,GAAGF,UAAU,CAACC,aAAa,CAAC;EACtC,MAAME,OAAO,GAAG,IAAAC,4BAAiB,EAACL,UAAU,CAAC;EAC7C,MAAMM,IAAI,GAAGH,IAAI,EAAEI,KAAK,CAACH,OAAO,CAAC;EAEjC,IAAI,CAACE,IAAI,EAAEE,MAAM,EAAE;IAClB,OAAO,KAAK;EACb;EAEA,IAAIF,IAAI,CAACG,KAAK,IAAIN,IAAI,CAACO,MAAM,CAACJ,IAAI,CAACG,KAAK,CAAC,EAAEE,QAAQ,KAAKP,OAAO,EAAE;IAChE,OAAO,KAAK;EACb;EAEA,OAAO,IAAI;AACZ,CAAC;AAACQ,OAAA,CAAAb,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/lib/commonjs/components/boundary/portal/components/boundary-portal/stores/host-bounds.store.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setPortalHostBounds = exports.getPortalHostBounds = exports.clearPortalHostBounds = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _scroll = require("../../../../../../stores/scroll.store");
-const portalHostBounds = (0, _reactNativeReanimated.makeMutable)({});
-const getPortalHostBounds = hostKey => {
-  "worklet";
-
-  return portalHostBounds.get()[hostKey] ?? null;
-};
-exports.getPortalHostBounds = getPortalHostBounds;
-const setPortalHostBounds = (hostKey, bounds) => {
-  "worklet";
-
-  const nextBounds = {
-    ...bounds,
-    scroll: (0, _scroll.cloneScrollMetadataState)(bounds.scroll)
-  };
-  portalHostBounds.set(state => {
-    "worklet";
-
-    return {
-      ...state,
-      [hostKey]: nextBounds
-    };
-  });
-};
-exports.setPortalHostBounds = setPortalHostBounds;
-const clearPortalHostBounds = hostKey => {
-  "worklet";
-
-  portalHostBounds.set(state => {
-    "worklet";
-
-    const nextState = {
-      ...state
-    };
-    delete nextState[hostKey];
-    return nextState;
-  });
-};
-exports.clearPortalHostBounds = clearPortalHostBounds;
-//# sourceMappingURL=host-bounds.store.js.map

package/lib/commonjs/components/boundary/portal/components/boundary-portal/stores/host-bounds.store.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","_scroll","portalHostBounds","makeMutable","getPortalHostBounds","hostKey","get","exports","setPortalHostBounds","bounds","nextBounds","scroll","cloneScrollMetadataState","set","state","clearPortalHostBounds","nextState"],"sourceRoot":"../../../../../../../../src","sources":["components/boundary/portal/components/boundary-portal/stores/host-bounds.store.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AASA,MAAME,gBAAgB,GAAG,IAAAC,kCAAW,EAAwB,CAAC,CAAC,CAAC;AAExD,MAAMC,mBAAmB,GAAIC,OAAe,IAAK;EACvD,SAAS;;EACT,OAAOH,gBAAgB,CAACI,GAAG,CAAC,CAAC,CAACD,OAAO,CAAC,IAAI,IAAI;AAC/C,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA;AAEK,MAAMI,mBAAmB,GAAGA,CAClCH,OAAe,EACfI,MAAwB,KACpB;EACJ,SAAS;;EACT,MAAMC,UAA4B,GAAG;IACpC,GAAGD,MAAM;IACTE,MAAM,EAAE,IAAAC,gCAAwB,EAACH,MAAM,CAACE,MAAM;EAC/C,CAAC;EAEDT,gBAAgB,CAACW,GAAG,CAAEC,KAAK,IAAK;IAC/B,SAAS;;IACT,OAAO;MACN,GAAGA,KAAK;MACR,CAACT,OAAO,GAAGK;IACZ,CAAC;EACF,CAAC,CAAC;AACH,CAAC;AAACH,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEK,MAAMO,qBAAqB,GAAIV,OAAe,IAAK;EACzD,SAAS;;EACTH,gBAAgB,CAACW,GAAG,CAAEC,KAAK,IAAK;IAC/B,SAAS;;IACT,MAAME,SAAgC,GAAG;MAAE,GAAGF;IAAM,CAAC;IACrD,OAAOE,SAAS,CAACX,OAAO,CAAC;IACzB,OAAOW,SAAS;EACjB,CAAC,CAAC;AACH,CAAC;AAACT,OAAA,CAAAQ,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/components/masked-view.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MaskedView;
-var _reactNative = require("react-native");
-var _constants = require("../constants");
-var _createTransitionAwareComponent = require("./create-transition-aware-component");
-var _jsxRuntime = require("react/jsx-runtime");
-const TransitionView = (0, _createTransitionAwareComponent.createTransitionAwareComponent)(_reactNative.View);
-let LazyMaskedView = _reactNative.View;
-try {
-  LazyMaskedView = require("@react-native-masked-view/masked-view").default;
-} catch (_) {
-  // noop
-}
-
-/**
- * @deprecated Use `navigationMaskEnabled` with the navigation mask style IDs
- * instead.
- */
-function MaskedView({
-  children,
-  style: userStyles = {}
-}) {
-  if (LazyMaskedView === _reactNative.View) {
-    return children;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyMaskedView, {
-    style: styles.root
-    // @ts-expect-error
-    ,
-    maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionView, {
-      styleId: _constants.MASK_STYLE_ID,
-      style: styles.rootMask
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionView, {
-      styleId: _constants.CONTAINER_STYLE_ID,
-      style: [styles.rootContainer, userStyles],
-      children: children
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  // The mask rect's translate math assumes a physical top-left base. Under
-  // native RTL a fixed-width flex child anchors to the right edge, so pin it
-  // to the physical left (`end` = left edge in RTL).
-  rootMask: _reactNative.I18nManager.isRTL ? {
-    backgroundColor: "white",
-    end: 0,
-    position: "absolute",
-    top: 0
-  } : {
-    backgroundColor: "white"
-  },
-  rootContainer: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=masked-view.js.map

package/lib/commonjs/components/masked-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_constants","_createTransitionAwareComponent","_jsxRuntime","TransitionView","createTransitionAwareComponent","View","LazyMaskedView","default","_","MaskedView","children","style","userStyles","jsx","styles","root","maskElement","styleId","MASK_STYLE_ID","rootMask","CONTAINER_STYLE_ID","rootContainer","StyleSheet","create","flex","I18nManager","isRTL","backgroundColor","end","position","top"],"sourceRoot":"../../../src","sources":["components/masked-view.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AAAqF,IAAAG,WAAA,GAAAH,OAAA;AAErF,MAAMI,cAAc,GAAG,IAAAC,8DAA8B,EAACC,iBAAI,CAAC;AAE3D,IAAIC,cAAc,GAAGD,iBAAI;AAEzB,IAAI;EACHC,cAAc,GAAGP,OAAO,CAAC,uCAAuC,CAAC,CAACQ,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACX;AAAA;;AAGD;AACA;AACA;AACA;AACe,SAASC,UAAUA,CAAC;EAClCC,QAAQ;EACRC,KAAK,EAAEC,UAAU,GAAG,CAAC;AAItB,CAAC,EAAE;EACF,IAAIN,cAAc,KAAKD,iBAAI,EAAE;IAC5B,OAAOK,QAAQ;EAChB;EAEA,oBACC,IAAAR,WAAA,CAAAW,GAAA,EAACP,cAAc;IACdK,KAAK,EAAEG,MAAM,CAACC;IACd;IAAA;IACAC,WAAW,eACV,IAAAd,WAAA,CAAAW,GAAA,EAACV,cAAc;MAACc,OAAO,EAAEC,wBAAc;MAACP,KAAK,EAAEG,MAAM,CAACK;IAAS,CAAE,CACjE;IAAAT,QAAA,eAED,IAAAR,WAAA,CAAAW,GAAA,EAACV,cAAc;MACdc,OAAO,EAAEG,6BAAmB;MAC5BT,KAAK,EAAE,CAACG,MAAM,CAACO,aAAa,EAAET,UAAU,CAAE;MAAAF,QAAA,EAEzCA;IAAQ,CACM;EAAC,CACF,CAAC;AAEnB;AAEA,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAChCR,IAAI,EAAE;IACLS,IAAI,EAAE;EACP,CAAC;EACD;EACA;EACA;EACAL,QAAQ,EAAEM,wBAAW,CAACC,KAAK,GACxB;IACAC,eAAe,EAAE,OAAO;IACxBC,GAAG,EAAE,CAAC;IACNC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACN,CAAC,GACA;IACAH,eAAe,EAAE;EAClB,CAAC;EACHN,aAAa,EAAE;IACdG,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}