react-native-screen-transitions 3.4.0-alpha.7 → 3.4.0-beta.0

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

@@ -1,4 +1,4 @@
-import { interpolate } from "react-native-reanimated";
+import { interpolate, makeMutable } from "react-native-reanimated";
 import {
 	EPSILON,
 	HIDDEN_STYLE,
@@ -17,6 +17,8 @@ import type { BoundsOptions } from "../types/options";
 import {
 	getZoomAnchor,
 	toNumber,
+	ZOOM_BACKGROUND_SCALE,
+	ZOOM_DRAG_DIRECTIONAL_SCALE_EXPONENT,
 	ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
 	ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
 	ZOOM_DRAG_RESISTANCE,
@@ -33,6 +35,8 @@ import {
 import type { BuildZoomStylesParams, ZoomInterpolatedStyle } from "./types";
 
 const IDENTITY_DRAG_SCALE_OUTPUT = [1, 1] as const;
+const UNFOCUSED_ENTER_FADE_END = 1.6;
+const presentedZoomTagByRoute = makeMutable<Record<string, string>>({});
 
 /* -------------------------------------------------------------------------- */
 /*                               LOCAL HELPERS                                */
@@ -94,6 +98,84 @@ function getZoomContentTarget({
 	};
 }
 
+function resolveDragScaleTuple(
+	value:
+		| readonly [shrinkMin: number, growMax: number, exponent?: number]
+		| undefined,
+) {
+	"worklet";
+
+	return {
+		shrinkMin: value?.[0] ?? ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
+		growMax: value?.[1] ?? ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
+		exponent: value?.[2] ?? ZOOM_DRAG_DIRECTIONAL_SCALE_EXPONENT,
+	};
+}
+
+function resolveBackgroundScale(value: number | undefined) {
+	"worklet";
+
+	return value ?? ZOOM_BACKGROUND_SCALE;
+}
+
+function resolveEffectiveZoomTag(params: {
+	resolvedTag: string;
+	activeRouteKey?: string;
+	entering: boolean;
+	animating: boolean;
+	activeProgress: number;
+	livePairReady: boolean;
+}) {
+	"worklet";
+
+	const {
+		resolvedTag,
+		activeRouteKey,
+		entering,
+		animating,
+		activeProgress,
+		livePairReady,
+	} = params;
+
+	// Only grouped ids need retarget stabilization. Plain ids should keep their
+	// normal behavior with no route-level caching.
+	if (!activeRouteKey || !resolvedTag.includes(":")) {
+		return resolvedTag;
+	}
+
+	const cachedTag = presentedZoomTagByRoute.value[activeRouteKey];
+	const isFreshOpenFrame = entering && activeProgress <= 0.05;
+	const shouldFreezeDuringEnter = entering && animating && !isFreshOpenFrame;
+
+	if (!cachedTag || isFreshOpenFrame) {
+		presentedZoomTagByRoute.modify((state) => ({
+			...state,
+			[activeRouteKey]: resolvedTag,
+		}));
+		return resolvedTag;
+	}
+
+	if (shouldFreezeDuringEnter) {
+		return cachedTag;
+	}
+
+	// After the enter animation, grouped retargeting can still briefly point at a
+	// new active id before that tag has usable bounds. Keep presenting the last
+	// good tag until the next one is transition-ready.
+	if (cachedTag !== resolvedTag && !livePairReady) {
+		return cachedTag;
+	}
+
+	if (cachedTag !== resolvedTag) {
+		presentedZoomTagByRoute.modify((state) => ({
+			...state,
+			[activeRouteKey]: resolvedTag,
+		}));
+	}
+
+	return resolvedTag;
+}
+
 /* -------------------------------------------------------------------------- */
 /*                             BUILD ZOOM STYLES                              */
 /* -------------------------------------------------------------------------- */
@@ -110,18 +192,32 @@ export function buildZoomStyles({
 	/* ------------------------------ Shared Setup ------------------------------ */
 
 	const explicitTarget = zoomOptions?.target;
-	const debug = zoomOptions?.DEBUG === true;
 	const focused = props.focused;
 	const progress = props.progress;
 	const screenLayout = props.layouts.screen;
 	const isEnteringTransition = !props.next;
+	const activeRouteKey = props.active.route.key;
 	const currentRouteKey = props.current?.route.key;
 	const previousRouteKey = props.previous?.route.key;
 	const nextRouteKey = props.next?.route.key;
 	const resolvedZoomAnchor = getZoomAnchor(explicitTarget);
+	const liveResolvedPair = BoundStore.resolveTransitionPair(resolvedTag, {
+		currentScreenKey: currentRouteKey,
+		previousScreenKey: previousRouteKey,
+		nextScreenKey: nextRouteKey,
+		entering: isEnteringTransition,
+	});
+	const effectiveTag = resolveEffectiveZoomTag({
+		resolvedTag,
+		activeRouteKey,
+		entering: !!props.active.entering,
+		animating: !!props.active.animating,
+		activeProgress: props.active.progress,
+		livePairReady: !!liveResolvedPair.sourceBounds,
+	});
 
 	const zoomComputeParams = {
-		id: resolvedTag,
+		id: effectiveTag,
 		previous: props.previous,
 		current: props.current,
 		next: props.next,
@@ -130,22 +226,25 @@ export function buildZoomStyles({
 	} as const;
 
 	const baseRawOptions = {
-		id: resolvedTag,
+		id: effectiveTag,
 		raw: true,
 		scaleMode: ZOOM_SHARED_OPTIONS.scaleMode,
 	} as const;
 
-	const resolvedPair = BoundStore.resolveTransitionPair(resolvedTag, {
-		currentScreenKey: currentRouteKey,
-		previousScreenKey: previousRouteKey,
-		nextScreenKey: nextRouteKey,
-		entering: isEnteringTransition,
-	});
+	const resolvedPair =
+		effectiveTag === resolvedTag
+			? liveResolvedPair
+			: BoundStore.resolveTransitionPair(effectiveTag, {
+					currentScreenKey: currentRouteKey,
+					previousScreenKey: previousRouteKey,
+					nextScreenKey: nextRouteKey,
+					entering: isEnteringTransition,
+				});
 
 	const sourceBorderRadius = getSourceBorderRadius(resolvedPair);
 	const targetBorderRadius = zoomOptions?.borderRadius ?? sourceBorderRadius;
 	const sourceVisibilityStyle = {
-		[resolvedTag]: VISIBLE_STYLE,
+		[effectiveTag]: VISIBLE_STYLE,
 	} satisfies TransitionInterpolatedStyle;
 	const focusedContentSlot = props.navigationMaskEnabled
 		? NAVIGATION_MASK_CONTAINER_STYLE_ID
@@ -153,10 +252,11 @@ export function buildZoomStyles({
 
 	/* --------------------------- Missing Source Guard -------------------------- */
 
-	// To avoid initial flickering, we'll want to hide if there are no source bounds
-	// But to also avoid scenarios where activeId changes in dst and theres a failed measurement,
-	// we should only hide if entering and there is no source bounds.
-	if (!resolvedPair.sourceBounds && props.active.entering) {
+	// Only the focused entering route should be hidden when source bounds are
+	// missing. During grouped retargeting, the unfocused/source route can still be
+	// styled by the destination interpolator while the new active member is warming
+	// up; hiding there blanks the wrong screen.
+	if (focused && !resolvedPair.sourceBounds && props.active.entering) {
 		return {
 			[focusedContentSlot]: HIDDEN_STYLE,
 		};
@@ -183,15 +283,22 @@ export function buildZoomStyles({
 		dimension: screenLayout.height,
 		resistance: ZOOM_DRAG_RESISTANCE,
 	});
+	const horizontalDragScale = resolveDragScaleTuple(
+		zoomOptions?.horizontalDragScale,
+	);
+	const verticalDragScale = resolveDragScaleTuple(
+		zoomOptions?.verticalDragScale,
+	);
+	const backgroundScale = resolveBackgroundScale(zoomOptions?.backgroundScale);
 
 	const dragXScale = isHorizontalDismiss
 		? resolveDirectionalDragScale({
 				normalized: normX,
 				dismissDirection:
 					initialDirection === "horizontal-inverted" ? "negative" : "positive",
-				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-				exponent: 2,
+				shrinkMin: horizontalDragScale.shrinkMin,
+				growMax: horizontalDragScale.growMax,
+				exponent: horizontalDragScale.exponent,
 			})
 		: IDENTITY_DRAG_SCALE_OUTPUT[0];
 	const dragYScale = isVerticalDismiss
@@ -199,9 +306,9 @@ export function buildZoomStyles({
 				normalized: normY,
 				dismissDirection:
 					initialDirection === "vertical-inverted" ? "negative" : "positive",
-				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-				exponent: 2,
+				shrinkMin: verticalDragScale.shrinkMin,
+				growMax: verticalDragScale.growMax,
+				exponent: verticalDragScale.exponent,
 			})
 		: IDENTITY_DRAG_SCALE_OUTPUT[1];
 	const dragScale = combineScales(dragXScale, dragYScale);
@@ -240,8 +347,8 @@ export function buildZoomStyles({
 		) as Record<string, unknown>;
 
 		const focusedFade = props.active?.closing
-			? interpolate(progress, [0.6, 1], [0, debug ? 0.5 : 1], "clamp")
-			: interpolate(progress, [0, 0.5], [0, debug ? 0.5 : 1], "clamp");
+			? interpolate(progress, [0.6, 1], [0, 1], "clamp")
+			: interpolate(progress, [0, 0.5], [0, 1], "clamp");
 
 		/**
 		 * This is also how swiftui handles their navigation zoom.
@@ -303,23 +410,29 @@ export function buildZoomStyles({
 	/* ---------------------------- Unfocused Screen ---------------------------- */
 
 	const unfocusedFade = props.active?.closing
-		? interpolate(progress, [1.6, 2], [1, debug ? 1 : 0], "clamp")
-		: interpolate(progress, [1, 1.5], [1, debug ? 1 : 0], "clamp");
-	const unfocusedScale = interpolate(progress, [1, 2], [1, 0.95], "clamp");
+		? interpolate(progress, [1.9, 2], [1, 0], "clamp")
+		: interpolate(progress, [1, 2], [1, 0], "clamp");
+	const unfocusedScale = interpolate(
+		progress,
+		[1, 2],
+		[1, backgroundScale],
+		"clamp",
+	);
 	const isUnfocusedIdle = props.active.settled === 1;
-	const shouldHideUnfocusedIdle = isUnfocusedIdle && !debug;
-	const shouldFreezeUnfocusedElement =
-		props.active.logicallySettled && !props.active.closing;
-
-	const unfocusedElementTarget =
-		explicitTarget !== undefined || resolvedPair.destinationBounds
-			? getZoomContentTarget({
-					explicitTarget,
-					screenLayout,
-					anchor: ZOOM_SHARED_OPTIONS.anchor,
-					resolvedPair,
-				})
-			: ("fullscreen" as const);
+	const shouldHideUnfocusedIdle = isUnfocusedIdle;
+	const didSourceComponentVisiblyHide =
+		!props.active.closing && unfocusedFade <= EPSILON;
+
+	const shouldResetUnfocusedElement =
+		!props.active.closing &&
+		(props.active.logicallySettled || didSourceComponentVisiblyHide);
+
+	const unfocusedElementTarget = getZoomContentTarget({
+		explicitTarget,
+		screenLayout,
+		anchor: ZOOM_SHARED_OPTIONS.anchor,
+		resolvedPair,
+	});
 
 	const elementRaw = computeBoundStyles(
 		zoomComputeParams,
@@ -401,19 +514,19 @@ export function buildZoomStyles({
 		: {
 				transform: [
 					{
-						translateX: shouldFreezeUnfocusedElement ? 0 : elementTranslateX,
+						translateX: shouldResetUnfocusedElement ? 0 : elementTranslateX,
 					},
 					{
-						translateY: shouldFreezeUnfocusedElement ? 0 : elementTranslateY,
+						translateY: shouldResetUnfocusedElement ? 0 : elementTranslateY,
 					},
 					{
-						scaleX: shouldFreezeUnfocusedElement ? 1 : elementScaleX,
+						scaleX: shouldResetUnfocusedElement ? 1 : elementScaleX,
 					},
 					{
-						scaleY: shouldFreezeUnfocusedElement ? 1 : elementScaleY,
+						scaleY: shouldResetUnfocusedElement ? 1 : elementScaleY,
 					},
 				],
-				opacity: debug ? 0.5 : unfocusedFade,
+				opacity: unfocusedFade,
 				zIndex: 9999,
 				elevation: 9999,
 			};
@@ -424,7 +537,7 @@ export function buildZoomStyles({
 				transform: [{ scale: unfocusedScale }],
 			},
 		},
-		[resolvedTag]: {
+		[effectiveTag]: {
 			style: resolvedElementStyle,
 		},
 	};

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

@@ -8,6 +8,8 @@ export const ZOOM_SHARED_OPTIONS = Object.freeze({
 export const ZOOM_DRAG_RESISTANCE = 0.4;
 export const ZOOM_DRAG_DIRECTIONAL_SCALE_MIN = 0.25;
 export const ZOOM_DRAG_DIRECTIONAL_SCALE_MAX = 1.06;
+export const ZOOM_DRAG_DIRECTIONAL_SCALE_EXPONENT = 2;
+export const ZOOM_BACKGROUND_SCALE = 0.9375;
 
 export const ZOOM_MASK_OUTSET = Object.freeze({
 	top: 0,

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-deferred-measurement-trigger.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeferredMeasurementTrigger = void 0;
-var _react = require("react");
-var _reactNativeReanimated = require("react-native-reanimated");
-const useDeferredMeasurementTrigger = params => {
-  const {
-    enabled,
-    isAnimating,
-    canFlush,
-    onFlush
-  } = params;
-  const hasPendingMeasurement = (0, _reactNativeReanimated.useSharedValue)(false);
-  const clearPendingMeasurement = (0, _react.useCallback)(() => {
-    "worklet";
-
-    hasPendingMeasurement.value = false;
-  }, [hasPendingMeasurement]);
-  const queueOrFlushMeasurement = (0, _react.useCallback)(() => {
-    "worklet";
-
-    if (!enabled) return;
-    if (isAnimating.value) {
-      hasPendingMeasurement.value = true;
-      return;
-    }
-    hasPendingMeasurement.value = false;
-    onFlush();
-  }, [enabled, isAnimating, hasPendingMeasurement, onFlush]);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    "worklet";
-
-    if (!enabled) return false;
-    if (!hasPendingMeasurement.value) return false;
-    if (isAnimating.value) return false;
-    return canFlush ? canFlush() : true;
-  }, (shouldFlush, previousShouldFlush) => {
-    "worklet";
-
-    if (!enabled) return;
-    if (!shouldFlush || shouldFlush === previousShouldFlush) return;
-    hasPendingMeasurement.value = false;
-    onFlush();
-  }, [enabled, isAnimating, hasPendingMeasurement, canFlush, onFlush]);
-  return {
-    clearPendingMeasurement,
-    queueOrFlushMeasurement
-  };
-};
-exports.useDeferredMeasurementTrigger = useDeferredMeasurementTrigger;
-//# sourceMappingURL=use-deferred-measurement-trigger.js.map

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-deferred-measurement-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","useDeferredMeasurementTrigger","params","enabled","isAnimating","canFlush","onFlush","hasPendingMeasurement","useSharedValue","clearPendingMeasurement","useCallback","value","queueOrFlushMeasurement","useAnimatedReaction","shouldFlush","previousShouldFlush","exports"],"sourceRoot":"../../../../../../src","sources":["shared/components/create-boundary-component/hooks/use-deferred-measurement-trigger.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMO,MAAME,6BAA6B,GAAIC,MAK7C,IAAK;EACL,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGJ,MAAM;EAC1D,MAAMK,qBAAqB,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EAEnD,MAAMC,uBAAuB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACjD,SAAS;;IACTH,qBAAqB,CAACI,KAAK,GAAG,KAAK;EACpC,CAAC,EAAE,CAACJ,qBAAqB,CAAC,CAAC;EAE3B,MAAMK,uBAAuB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACjD,SAAS;;IACT,IAAI,CAACP,OAAO,EAAE;IAEd,IAAIC,WAAW,CAACO,KAAK,EAAE;MACtBJ,qBAAqB,CAACI,KAAK,GAAG,IAAI;MAClC;IACD;IAEAJ,qBAAqB,CAACI,KAAK,GAAG,KAAK;IACnCL,OAAO,CAAC,CAAC;EACV,CAAC,EAAE,CAACH,OAAO,EAAEC,WAAW,EAAEG,qBAAqB,EAAED,OAAO,CAAC,CAAC;EAE1D,IAAAO,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACV,OAAO,EAAE,OAAO,KAAK;IAC1B,IAAI,CAACI,qBAAqB,CAACI,KAAK,EAAE,OAAO,KAAK;IAC9C,IAAIP,WAAW,CAACO,KAAK,EAAE,OAAO,KAAK;IACnC,OAAON,QAAQ,GAAGA,QAAQ,CAAC,CAAC,GAAG,IAAI;EACpC,CAAC,EACD,CAACS,WAAW,EAAEC,mBAAmB,KAAK;IACrC,SAAS;;IACT,IAAI,CAACZ,OAAO,EAAE;IACd,IAAI,CAACW,WAAW,IAAIA,WAAW,KAAKC,mBAAmB,EAAE;IAEzDR,qBAAqB,CAACI,KAAK,GAAG,KAAK;IACnCL,OAAO,CAAC,CAAC;EACV,CAAC,EACD,CAACH,OAAO,EAAEC,WAAW,EAAEG,qBAAqB,EAAEF,QAAQ,EAAEC,OAAO,CAChE,CAAC;EAED,OAAO;IACNG,uBAAuB;IACvBG;EACD,CAAC;AACF,CAAC;AAACI,OAAA,CAAAf,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-group-active-measurement.js

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGroupActiveMeasurement = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _constants = require("../../../constants");
-var _animation = require("../../../stores/animation.store");
-var _bounds = require("../../../stores/bounds");
-var _gesture = require("../../../stores/gesture.store");
-var _measurementRules = require("./helpers/measurement-rules");
-var _useDeferredMeasurementTrigger = require("./use-deferred-measurement-trigger");
-/**
- * Watches the group's active id in the BoundStore.
- * When this boundary becomes the active member of its group,
- * re-measures itself and updates the link destination with fresh bounds.
- * This handles the case where a boundary scrolled into view after initial mount
- * (e.g., paging ScrollView in a detail screen).
- */
-const useGroupActiveMeasurement = params => {
-  const {
-    enabled,
-    group,
-    id,
-    currentScreenKey,
-    shouldUpdateDestination,
-    maybeMeasureAndStore
-  } = params;
-  const idStr = String(id);
-  const allGroups = _bounds.BoundStore.getGroups();
-  const progress = _animation.AnimationStore.getValue(currentScreenKey, "progress");
-  const animating = _animation.AnimationStore.getValue(currentScreenKey, "animating");
-  const entering = _animation.AnimationStore.getValue(currentScreenKey, "entering");
-  const closing = _animation.AnimationStore.getValue(currentScreenKey, "closing");
-  const dragging = _gesture.GestureStore.getValue(currentScreenKey, "dragging");
-  const dismissing = _gesture.GestureStore.getValue(currentScreenKey, "dismissing");
-  const hasSettledOpenOnce = (0, _reactNativeReanimated.useSharedValue)(false);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    "worklet";
-
-    if (!enabled || !shouldUpdateDestination) return false;
-    return progress.value >= 1 - _constants.EPSILON && animating.value === 0 && entering.value === 0 && closing.value === 0 && dragging.value === 0 && dismissing.value === 0;
-  }, isSettledOpen => {
-    "worklet";
-
-    if (isSettledOpen) {
-      hasSettledOpenOnce.value = true;
-    }
-  }, [enabled, shouldUpdateDestination, progress, animating, entering, closing, dragging, dismissing, hasSettledOpenOnce]);
-  const isRefreshBlocked = (0, _reactNativeReanimated.useDerivedValue)(() => {
-    "worklet";
-
-    if (!enabled || !shouldUpdateDestination) return 0;
-    if (!hasSettledOpenOnce.value) return 1;
-    if (progress.value < 1 - _constants.EPSILON) return 1;
-    if (animating.value !== 0) return 1;
-    if (entering.value !== 0) return 1;
-    if (closing.value !== 0) return 1;
-    if (dragging.value !== 0) return 1;
-    if (dismissing.value !== 0) return 1;
-    return 0;
-  });
-  const {
-    clearPendingMeasurement,
-    queueOrFlushMeasurement
-  } = (0, _useDeferredMeasurementTrigger.useDeferredMeasurementTrigger)({
-    enabled,
-    /**
-     * The reason to do extra guard checks for isAnimating is because a user may mid animation drag, causing
-     * the src component to be wrongly measured. This in turns leads to faulty src measurements being used, giving us a weird teleport
-     * animation rather than a smooth 'SET' transition when dst is actually dismissing.
-     */
-    isAnimating: isRefreshBlocked,
-    canFlush: () => {
-      "worklet";
-
-      return (0, _measurementRules.canFlushGroupActiveMeasurement)({
-        enabled,
-        isEligible: !!group && shouldUpdateDestination,
-        memberId: idStr,
-        activeId: group ? allGroups.value[group]?.activeId ?? null : null
-      }) && hasSettledOpenOnce.value;
-    },
-    onFlush: () => {
-      "worklet";
-
-      maybeMeasureAndStore({
-        intent: "refresh-destination"
-      });
-    }
-  });
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    "worklet";
-
-    if (!enabled) return null;
-    if (!group) return null;
-    return allGroups.value[group]?.activeId ?? null;
-  }, (activeId, previousActiveId) => {
-    "worklet";
-
-    const action = (0, _measurementRules.resolveGroupActiveMeasurementAction)({
-      enabled,
-      isEligible: !!group && shouldUpdateDestination,
-      memberId: idStr,
-      activeId,
-      previousActiveId
-    });
-    if (action === "clear-pending") {
-      clearPendingMeasurement();
-      return;
-    }
-    if (action === "queue-or-flush") {
-      if (!hasSettledOpenOnce.value) {
-        return;
-      }
-      queueOrFlushMeasurement();
-    }
-  }, [enabled, group, idStr, currentScreenKey, shouldUpdateDestination, hasSettledOpenOnce, clearPendingMeasurement, queueOrFlushMeasurement]);
-};
-exports.useGroupActiveMeasurement = useGroupActiveMeasurement;
-//# sourceMappingURL=use-group-active-measurement.js.map

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-group-active-measurement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","_constants","_animation","_bounds","_gesture","_measurementRules","_useDeferredMeasurementTrigger","useGroupActiveMeasurement","params","enabled","group","id","currentScreenKey","shouldUpdateDestination","maybeMeasureAndStore","idStr","String","allGroups","BoundStore","getGroups","progress","AnimationStore","getValue","animating","entering","closing","dragging","GestureStore","dismissing","hasSettledOpenOnce","useSharedValue","useAnimatedReaction","value","EPSILON","isSettledOpen","isRefreshBlocked","useDerivedValue","clearPendingMeasurement","queueOrFlushMeasurement","useDeferredMeasurementTrigger","isAnimating","canFlush","canFlushGroupActiveMeasurement","isEligible","memberId","activeId","onFlush","intent","previousActiveId","action","resolveGroupActiveMeasurementAction","exports"],"sourceRoot":"../../../../../../src","sources":["shared/components/create-boundary-component/hooks/use-group-active-measurement.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-group-active-source-measurement.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGroupActiveSourceMeasurement = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _bounds = require("../../../stores/bounds");
-var _measurementRules = require("./helpers/measurement-rules");
-var _useDeferredMeasurementTrigger = require("./use-deferred-measurement-trigger");
-const useGroupActiveSourceMeasurement = params => {
-  const {
-    enabled,
-    group,
-    id,
-    hasNextScreen,
-    isAnimating,
-    maybeMeasureAndStore
-  } = params;
-  const idStr = String(id);
-  const allGroups = _bounds.BoundStore.getGroups();
-  const {
-    clearPendingMeasurement,
-    queueOrFlushMeasurement
-  } = (0, _useDeferredMeasurementTrigger.useDeferredMeasurementTrigger)({
-    enabled,
-    isAnimating,
-    canFlush: () => {
-      "worklet";
-
-      return (0, _measurementRules.canFlushGroupActiveMeasurement)({
-        enabled,
-        isEligible: !!group && hasNextScreen,
-        memberId: idStr,
-        activeId: group ? allGroups.value[group]?.activeId ?? null : null
-      });
-    },
-    onFlush: () => {
-      "worklet";
-
-      maybeMeasureAndStore({
-        intent: "refresh-source"
-      });
-    }
-  });
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    "worklet";
-
-    if (!enabled) return null;
-    if (!group) return null;
-    return allGroups.value[group]?.activeId ?? null;
-  }, (activeId, previousActiveId) => {
-    "worklet";
-
-    const action = (0, _measurementRules.resolveGroupActiveMeasurementAction)({
-      enabled,
-      isEligible: !!group && hasNextScreen,
-      memberId: idStr,
-      activeId,
-      previousActiveId
-    });
-    if (action === "clear-pending") {
-      clearPendingMeasurement();
-      return;
-    }
-    if (action === "queue-or-flush") {
-      queueOrFlushMeasurement();
-    }
-  }, [enabled, group, idStr, hasNextScreen, clearPendingMeasurement, queueOrFlushMeasurement]);
-};
-exports.useGroupActiveSourceMeasurement = useGroupActiveSourceMeasurement;
-//# sourceMappingURL=use-group-active-source-measurement.js.map

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-group-active-source-measurement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","_bounds","_measurementRules","_useDeferredMeasurementTrigger","useGroupActiveSourceMeasurement","params","enabled","group","id","hasNextScreen","isAnimating","maybeMeasureAndStore","idStr","String","allGroups","BoundStore","getGroups","clearPendingMeasurement","queueOrFlushMeasurement","useDeferredMeasurementTrigger","canFlush","canFlushGroupActiveMeasurement","isEligible","memberId","activeId","value","onFlush","intent","useAnimatedReaction","previousActiveId","action","resolveGroupActiveMeasurementAction","exports"],"sourceRoot":"../../../../../../src","sources":["shared/components/create-boundary-component/hooks/use-group-active-source-measurement.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAIA,IAAAG,8BAAA,GAAAH,OAAA;AAEO,MAAMI,+BAA+B,GAAIC,MAO/C,IAAK;EACL,MAAM;IACLC,OAAO;IACPC,KAAK;IACLC,EAAE;IACFC,aAAa;IACbC,WAAW;IACXC;EACD,CAAC,GAAGN,MAAM;EACV,MAAMO,KAAK,GAAGC,MAAM,CAACL,EAAE,CAAC;EACxB,MAAMM,SAAS,GAAGC,kBAAU,CAACC,SAAS,CAAC,CAAC;EACxC,MAAM;IAAEC,uBAAuB;IAAEC;EAAwB,CAAC,GACzD,IAAAC,4DAA6B,EAAC;IAC7Bb,OAAO;IACPI,WAAW;IACXU,QAAQ,EAAEA,CAAA,KAAM;MACf,SAAS;;MACT,OAAO,IAAAC,gDAA8B,EAAC;QACrCf,OAAO;QACPgB,UAAU,EAAE,CAAC,CAACf,KAAK,IAAIE,aAAa;QACpCc,QAAQ,EAAEX,KAAK;QACfY,QAAQ,EAAEjB,KAAK,GAAIO,SAAS,CAACW,KAAK,CAAClB,KAAK,CAAC,EAAEiB,QAAQ,IAAI,IAAI,GAAI;MAChE,CAAC,CAAC;IACH,CAAC;IACDE,OAAO,EAAEA,CAAA,KAAM;MACd,SAAS;;MACTf,oBAAoB,CAAC;QAAEgB,MAAM,EAAE;MAAiB,CAAC,CAAC;IACnD;EACD,CAAC,CAAC;EAEH,IAAAC,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACtB,OAAO,EAAE,OAAO,IAAI;IACzB,IAAI,CAACC,KAAK,EAAE,OAAO,IAAI;IACvB,OAAOO,SAAS,CAACW,KAAK,CAAClB,KAAK,CAAC,EAAEiB,QAAQ,IAAI,IAAI;EAChD,CAAC,EACD,CAACA,QAAQ,EAAEK,gBAAgB,KAAK;IAC/B,SAAS;;IACT,MAAMC,MAAM,GAAG,IAAAC,qDAAmC,EAAC;MAClDzB,OAAO;MACPgB,UAAU,EAAE,CAAC,CAACf,KAAK,IAAIE,aAAa;MACpCc,QAAQ,EAAEX,KAAK;MACfY,QAAQ;MACRK;IACD,CAAC,CAAC;IAEF,IAAIC,MAAM,KAAK,eAAe,EAAE;MAC/Bb,uBAAuB,CAAC,CAAC;MACzB;IACD;IAEA,IAAIa,MAAM,KAAK,gBAAgB,EAAE;MAChCZ,uBAAuB,CAAC,CAAC;IAC1B;EACD,CAAC,EACD,CACCZ,OAAO,EACPC,KAAK,EACLK,KAAK,EACLH,aAAa,EACbQ,uBAAuB,EACvBC,uBAAuB,CAEzB,CAAC;AACF,CAAC;AAACc,OAAA,CAAA5B,+BAAA,GAAAA,+BAAA","ignoreList":[]}

package/lib/commonjs/shared/components/create-boundary-component/hooks/use-initial-layout-handler.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInitialLayoutHandler = void 0;
-var _react = require("react");
-var _reactNativeReanimated = require("react-native-reanimated");
-var _animation = require("../../../stores/animation.store");
-var _bounds = require("../../../stores/bounds");
-var _resolvePendingSourceKey = require("../helpers/resolve-pending-source-key");
-var _measurementRules = require("./helpers/measurement-rules");
-const useInitialLayoutHandler = params => {
-  const {
-    enabled,
-    sharedBoundTag,
-    currentScreenKey,
-    ancestorKeys,
-    expectedSourceScreenKey,
-    maybeMeasureAndStore
-  } = params;
-  const isAnimating = _animation.AnimationStore.getValue(currentScreenKey, "animating");
-  const ancestorAnimations = ancestorKeys.map(key => _animation.AnimationStore.getValue(key, "animating"));
-  const hasMeasuredOnLayout = (0, _reactNativeReanimated.useSharedValue)(false);
-  const handleInitialLayout = (0, _react.useCallback)(() => {
-    "worklet";
-
-    if (!enabled) return;
-    if (!sharedBoundTag || hasMeasuredOnLayout.get()) return;
-    let isAnyAnimating = isAnimating.get();
-    for (let i = 0; i < ancestorAnimations.length; i++) {
-      if (ancestorAnimations[i].get()) {
-        isAnyAnimating = 1;
-        break;
-      }
-    }
-    let hasPendingLinkFromSource = false;
-    if (isAnyAnimating) {
-      const resolvedSourceKey = (0, _resolvePendingSourceKey.resolvePendingSourceKey)(sharedBoundTag, expectedSourceScreenKey);
-      if (resolvedSourceKey && _bounds.BoundStore.hasPendingLinkFromSource(sharedBoundTag, resolvedSourceKey)) {
-        hasPendingLinkFromSource = true;
-      }
-    }
-    const intent = (0, _measurementRules.resolveInitialLayoutMeasurementIntent)({
-      enabled,
-      hasSharedBoundTag: !!sharedBoundTag,
-      hasMeasuredOnLayout: hasMeasuredOnLayout.get(),
-      isAnyAnimating: !!isAnyAnimating,
-      hasPendingLinkFromSource
-    });
-    if (!intent) return;
-    maybeMeasureAndStore({
-      intent
-    });
-    hasMeasuredOnLayout.set(true);
-  }, [enabled, sharedBoundTag, hasMeasuredOnLayout, isAnimating, ancestorAnimations, maybeMeasureAndStore, expectedSourceScreenKey]);
-
-  // Try to capture destination bounds during layout phase as soon as the
-  // boundary mounts; guards in handleInitialLayout keep this idempotent.
-  (0, _react.useLayoutEffect)(() => {
-    if (!enabled) return;
-    (0, _reactNativeReanimated.runOnUI)(handleInitialLayout)();
-  }, [enabled, handleInitialLayout]);
-};
-exports.useInitialLayoutHandler = useInitialLayoutHandler;
-//# sourceMappingURL=use-initial-layout-handler.js.map