@tamagui/animations-reanimated 3.0.7 → 3.0.9

package/dist/esm/createAnimations.native.js

@@ -9,7 +9,7 @@ import React, { useMemo, useRef } from "react";
 import Animated_, { Easing, cancelAnimation, runOnJS, runOnUI, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withDelay, withSpring, withTiming } from "react-native-reanimated";
 
 var NON_ANIMATABLE_VALUE = /^(auto|min-content|max-content|fit-content|stretch|inherit|initial|unset)\b|^calc\(/;
-var getDefaultExport = function(module) {
+var getDefaultExport = function getDefaultExport2(module) {
 	var mod = module;
 	if (mod.__esModule || mod[Symbol.toStringTag] === "Module") {
 		return mod.default || mod;
@@ -17,7 +17,7 @@ var getDefaultExport = function(module) {
 	return mod;
 };
 var Animated = getDefaultExport(Animated_);
-var silenceAnimatedComponentDevCheck = function(style) {
+var silenceAnimatedComponentDevCheck = function silenceAnimatedComponentDevCheck2(style) {
 	if (process.env.NODE_ENV !== "development" || isWeb || !style || typeof style !== "object") {
 		return;
 	}
@@ -27,7 +27,7 @@ var silenceAnimatedComponentDevCheck = function(style) {
 		value: true
 	});
 };
-var resolveDynamicValue = function(value, isDark) {
+var resolveDynamicValue = function resolveDynamicValue2(value, isDark) {
 	if (value !== null && typeof value === "object" && "dynamic" in value && typeof value.dynamic === "object") {
 		var dynamic = value.dynamic;
 		return isDark ? dynamic.dark : dynamic.light;
@@ -46,7 +46,7 @@ var updateMapperState = isWeb ? function(state, emitted, ownedStatics) {
 		return current;
 	}, false);
 };
-var cloneAnimationValue = function(value) {
+var cloneAnimationValue = function cloneAnimationValue1(value) {
 	if (Array.isArray(value)) {
 		return value.map(cloneAnimationValue);
 	}
@@ -59,23 +59,23 @@ var cloneAnimationValue = function(value) {
 	}
 	return value;
 };
-var cloneStyleRecord = function(style) {
+var cloneStyleRecord = function cloneStyleRecord2(style) {
 	var next = {};
 	for (var key in style) {
 		next[key] = cloneAnimationValue(style[key]);
 	}
 	return next;
 };
-var cloneTransitionConfig = function(config) {
+var cloneTransitionConfig = function cloneTransitionConfig2(config) {
 	return cloneAnimationValue(config);
 };
-var getAnimatedTransforms = function(value) {
+var getAnimatedTransforms = function getAnimatedTransforms2(value) {
 	if (!Array.isArray(value)) return [];
 	return value.filter(function(item) {
 		return item !== null && typeof item === "object" && !Array.isArray(item);
 	});
 };
-var getRemovedAnimatedKeys = function(current, previous) {
+var getRemovedAnimatedKeys = function getRemovedAnimatedKeys2(current, previous) {
 	var removedKeys = {};
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 	try {
@@ -99,7 +99,7 @@ var getRemovedAnimatedKeys = function(current, previous) {
 	}
 	return removedKeys;
 };
-var getImplicitDefault = function(key, targetValue) {
+var getImplicitDefault = function getImplicitDefault2(key, targetValue) {
 	"worklet";
 	var value = key === "opacity" || key === "scale" || key === "scaleX" || key === "scaleY" ? 1 : 0;
 	if (typeof targetValue !== "string") return value;
@@ -115,11 +115,11 @@ var getImplicitDefault = function(key, targetValue) {
 	}
 	return suffixIndex > 0 ? `${value}${targetValue.slice(suffixIndex)}` : value;
 };
-var getLeadingRatio = function(metrics) {
+var getLeadingRatio = function getLeadingRatio2(metrics) {
 	var ratio = metrics === null || metrics === void 0 ? void 0 : metrics.lineHeight;
 	return typeof ratio === "number" && Number.isFinite(ratio) && ratio >= 0 ? ratio : void 0;
 };
-var derivesLeadingProduct = function(style, ratio, inheritsFontSize, resolved) {
+var derivesLeadingProduct = function derivesLeadingProduct2(style, ratio, inheritsFontSize, resolved) {
 	return ratio !== void 0 && (inheritsFontSize || typeof style.lineHeight === "number" && typeof style.fontSize === "number" && (!!getTransitionForKey(resolved, "fontSize") || !!getTransitionForKey(resolved, "lineHeight")));
 };
 var COLOR_STYLE_KEYS = {
@@ -131,7 +131,7 @@ var COLOR_STYLE_KEYS = {
 	borderBottomColor: true,
 	color: true
 };
-var toReanimatedColor = function(value) {
+var toReanimatedColor = function toReanimatedColor2(value) {
 	"worklet";
 	if (typeof value === "number") {
 		var color = value >>> 0;
@@ -146,12 +146,12 @@ var toReanimatedColor = function(value) {
 	if (trimmed === "transparent") return "rgba(0, 0, 0, 0)";
 	return trimmed;
 };
-var isReanimatedColorHistory = function(value) {
+var isReanimatedColorHistory = function isReanimatedColorHistory2(value) {
 	"worklet";
 	var normalized = toReanimatedColor(value);
 	return typeof normalized === "string" && normalized.startsWith("rgba(");
 };
-var normalizeAnimationColor = function(value) {
+var normalizeAnimationColor = function normalizeAnimationColor2(value) {
 	if (typeof value === "number") {
 		return toReanimatedColor(value);
 	}
@@ -164,7 +164,7 @@ var normalizeAnimationColor = function(value) {
 	var alpha = (color & 255) / 255;
 	return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
 };
-var buildSnapshot = function(animated, statics, transforms, previousKeys, lastPainted) {
+var buildSnapshot = function buildSnapshot2(animated, statics, transforms, previousKeys, lastPainted) {
 	var derivesLeading = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
 	var snapshotAnimated = {};
 	var snapshotStatics = cloneStyleRecord(statics);
@@ -241,7 +241,7 @@ var buildSnapshot = function(animated, statics, transforms, previousKeys, lastPa
 	try {
 		for (var _iterator2 = keys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
 			var key4 = _step2.value;
-			var _seeds_key, _ref;
+			var _ref, _seeds_key;
 			var value2 = previousKeys.has(key4) ? (_ref = (_seeds_key = seeds[key4]) !== null && _seeds_key !== void 0 ? _seeds_key : snapshotStatics[key4]) !== null && _ref !== void 0 ? _ref : lastPainted[key4] : lastPainted[key4];
 			if (typeof value2 !== "number" && typeof value2 !== "string") {
 				delete seeds[key4];
@@ -356,10 +356,10 @@ var buildSnapshot = function(animated, statics, transforms, previousKeys, lastPa
 		keys
 	};
 };
-var getGatedKeys = function(snapshot) {
+var getGatedKeys = function getGatedKeys2(snapshot) {
 	return Object.keys(snapshot.gatedKeys);
 };
-var createReanimatedConfig = function(config) {
+var createReanimatedConfig = function createReanimatedConfig2(config) {
 	"worklet";
 	var next = {};
 	var source = config;
@@ -372,7 +372,7 @@ var createReanimatedConfig = function(config) {
 	}
 	return next;
 };
-var applyAnimation = function(targetValue, config, callback, seedValue) {
+var applyAnimation = function applyAnimation2(targetValue, config, callback, seedValue) {
 	"worklet";
 	var validateStartAsColor = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, publishTo = arguments.length > 5 ? arguments[5] : void 0;
 	var delay = config.delay;
@@ -417,7 +417,7 @@ var applyAnimation = function(targetValue, config, callback, seedValue) {
 	}
 	return animatedValue;
 };
-var animateSnapshotValue = function(key, implicitKey, targetValue, config, previouslyEmitted, seedValue, gated, currentlyExiting, exitCycleId, currentlyCompletingEnter, enterCycleId, currentlyCompletingUpdate, updateCycleId, markExitKeyDone, markEnterKeyDone, markUpdateKeyDone) {
+var animateSnapshotValue = function animateSnapshotValue2(key, implicitKey, targetValue, config, previouslyEmitted, seedValue, gated, currentlyExiting, exitCycleId, currentlyCompletingEnter, enterCycleId, currentlyCompletingUpdate, updateCycleId, markExitKeyDone, markEnterKeyDone, markUpdateKeyDone) {
 	"worklet";
 	var validateStartAsColor = arguments.length > 16 && arguments[16] !== void 0 ? arguments[16] : false, publishTo = arguments.length > 17 ? arguments[17] : void 0;
 	var cycleGated = gated && (currentlyExiting || currentlyCompletingEnter || currentlyCompletingUpdate);
@@ -427,17 +427,17 @@ var animateSnapshotValue = function(key, implicitKey, targetValue, config, previ
 	}
 	var callback;
 	if (gated && currentlyExiting) {
-		callback = function(finished) {
+		callback = function callback2(finished) {
 			"worklet";
 			runOnJS(markExitKeyDone)(key, exitCycleId, finished !== null && finished !== void 0 ? finished : false);
 		};
 	} else if (gated && currentlyCompletingEnter) {
-		callback = function() {
+		callback = function callback2() {
 			"worklet";
 			runOnJS(markEnterKeyDone)(key, enterCycleId);
 		};
 	} else if (gated && currentlyCompletingUpdate) {
-		callback = function(finished) {
+		callback = function callback2(finished) {
 			"worklet";
 			runOnJS(markUpdateKeyDone)(key, updateCycleId, finished !== null && finished !== void 0 ? finished : false);
 		};
@@ -499,12 +499,12 @@ var ANIMATABLE_PROPERTIES = {
 	flexGrow: true,
 	flexShrink: true
 };
-var canAnimateProperty = function(key, value) {
+var canAnimateProperty = function canAnimateProperty2(key, value) {
 	if (!ANIMATABLE_PROPERTIES[key]) return false;
 	if (typeof value === "string" && NON_ANIMATABLE_VALUE.test(value)) return false;
 	return true;
 };
-var splitAnimationStyles = function(style, isDark, disableAnimation) {
+var splitAnimationStyles = function splitAnimationStyles2(style, isDark, disableAnimation) {
 	var animated = {};
 	var statics = {};
 	for (var key in style) {
@@ -524,6 +524,7 @@ var splitAnimationStyles = function(style, isDark, disableAnimation) {
 function createWebAnimatedComponent(defaultTag) {
 	var isText = defaultTag === "span";
 	var Component = Animated.createAnimatedComponent(createRefComponent(function(propsIn, ref) {
+		var _ref, _ref1, _ref2;
 		var _hooks_usePropsTransform;
 		var { forwardedRef, render = defaultTag, ...rest } = propsIn;
 		var hostRef = useRef(null);
@@ -532,13 +533,11 @@ function createWebAnimatedComponent(defaultTag) {
 			return hostRef.current;
 		} });
 		var [, themeState] = useThemeWithState({});
-		var _themeState_theme, _themeState_name;
-		var result = getSplitStyles(rest, isText ? Text.staticConfig : View.staticConfig, (_themeState_theme = themeState === null || themeState === void 0 ? void 0 : themeState.theme) !== null && _themeState_theme !== void 0 ? _themeState_theme : {}, (_themeState_name = themeState === null || themeState === void 0 ? void 0 : themeState.name) !== null && _themeState_name !== void 0 ? _themeState_name : "", { unmounted: false }, {
+		var result = getSplitStyles(rest, isText ? Text.staticConfig : View.staticConfig, (_ref = themeState === null || themeState === void 0 ? void 0 : themeState.theme) !== null && _ref !== void 0 ? _ref : {}, (_ref1 = themeState === null || themeState === void 0 ? void 0 : themeState.name) !== null && _ref1 !== void 0 ? _ref1 : "", { unmounted: false }, {
 			isAnimated: false,
 			noClass: true
 		});
-		var _result_viewProps;
-		var viewProps = (_result_viewProps = result === null || result === void 0 ? void 0 : result.viewProps) !== null && _result_viewProps !== void 0 ? _result_viewProps : {};
+		var viewProps = (_ref2 = result === null || result === void 0 ? void 0 : result.viewProps) !== null && _ref2 !== void 0 ? _ref2 : {};
 		var Element = render;
 		var transformedProps = (_hooks_usePropsTransform = hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(hooks, render, viewProps, stateRef, false);
 		var { nativeID, ...webProps } = transformedProps !== null && transformedProps !== void 0 ? transformedProps : viewProps;
@@ -610,7 +609,7 @@ function buildTransitionConfig(transition, animations, animationState, styleKeys
 		resolved
 	};
 }
-var instantConfig = function() {
+var instantConfig = function instantConfig2() {
 	return {
 		type: "timing",
 		duration: 0
@@ -710,7 +709,7 @@ function createAnimations(animations) {
 		animations,
 		usePresence,
 		ResetPresence,
-		useTextMetrics: function(param) {
+		useTextMetrics: function useTextMetrics(param) {
 			var { inheritedText, lineHeight } = param;
 			var node = (inheritedText === null || inheritedText === void 0 ? void 0 : inheritedText.driver) === "reanimated" ? inheritedText.fontSize : null;
 			var ratio = typeof lineHeight === "number" ? lineHeight : null;
@@ -822,6 +821,7 @@ function createAnimations(animations) {
 			return animatedStyle;
 		},
 		useAnimations(animationProps) {
+			var _ref, _exitSeedRef_current;
 			var { props, presence, style, componentState, useStyleEmitter, themeName, stateRef, styleState, onTransition, inheritedText } = animationProps;
 			var isHydrating = componentState.unmounted === true;
 			var isMounting = componentState.unmounted === "should-enter";
@@ -832,8 +832,7 @@ function createAnimations(animations) {
 			React.useEffect(function() {
 				wasEnteringRef.current = isEntering;
 			});
-			var _styleState_effectiveTransition;
-			var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
+			var effectiveTransition = (_ref = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _ref !== void 0 ? _ref : props.transition;
 			var leadingRatio = getLeadingRatio(styleState === null || styleState === void 0 ? void 0 : styleState.nativeTextMetrics);
 			var animationState = isExiting ? "exit" : isMounting || justFinishedEntering ? "enter" : "default";
 			var resolvedTransition = forAnimationState(resolveTransition(effectiveTransition, { animations }), animationState);
@@ -850,7 +849,7 @@ function createAnimations(animations) {
 			var leadingFontSize = inheritedFontSize !== null && inheritedFontSize !== void 0 ? inheritedFontSize : fontSizeShared;
 			var leadingRatioShared = useSharedValue(leadingRatio !== null && leadingRatio !== void 0 ? leadingRatio : 0);
 			var paintedRatioRef = useRef(leadingRatio);
-			var applyLeadingRatio = function(ratio, config) {
+			var applyLeadingRatio = function applyLeadingRatio2(ratio, config) {
 				var previous = paintedRatioRef.current;
 				if (previous === ratio) return;
 				paintedRatioRef.current = ratio;
@@ -861,7 +860,7 @@ function createAnimations(animations) {
 			var sendExitComplete = presence === null || presence === void 0 ? void 0 : presence[1];
 			var onTransitionRef = useRef(onTransition);
 			onTransitionRef.current = onTransition;
-			var emit = function(phase, cause, finished) {
+			var emit = function emit2(phase, cause, finished) {
 				var _onTransitionRef_current;
 				(_onTransitionRef_current = onTransitionRef.current) === null || _onTransitionRef_current === void 0 ? void 0 : _onTransitionRef_current.call(onTransitionRef, phase === "end" ? {
 					phase,
@@ -979,7 +978,6 @@ function createAnimations(animations) {
 			var lastPaintedRef = useRef({});
 			var carryRef = useRef({});
 			var exitSeedRef = useRef(null);
-			var _exitSeedRef_current;
 			var paintedPredecessor = isExiting ? (_exitSeedRef_current = exitSeedRef.current) !== null && _exitSeedRef_current !== void 0 ? _exitSeedRef_current : lastPaintedRef.current : lastPaintedRef.current;
 			useIsomorphicLayoutEffect(function() {
 				exitSeedRef.current = isExiting ? paintedPredecessor : null;
@@ -1114,7 +1112,7 @@ function createAnimations(animations) {
 			};
 			var configRef = useSharedValue(renderConfig);
 			var writtenConfigRef = useRef(renderConfig);
-			var writeConfig = function(next) {
+			var writeConfig = function writeConfig2(next) {
 				if (sameDriverConfig(writtenConfigRef.current, next)) return;
 				writtenConfigRef.current = next;
 				configRef.value = next;
@@ -1128,11 +1126,12 @@ function createAnimations(animations) {
 				isHydrating
 			]);
 			useIsomorphicLayoutEffect(function() {
-				if (emitterSnapshotRef.value !== null) return;
 				var _propertyConfigs_lineHeight;
+				if (emitterSnapshotRef.value !== null) return;
 				applyLeadingRatio(leadingRatio, (_propertyConfigs_lineHeight = propertyConfigs.lineHeight) !== null && _propertyConfigs_lineHeight !== void 0 ? _propertyConfigs_lineHeight : baseConfig);
 			});
-			var onEmittedStyle = function(nextStyle, effectiveTransition2, pseudoActive, nextMetrics) {
+			var onEmittedStyle = function onEmittedStyle2(nextStyle, effectiveTransition2, pseudoActive, nextMetrics) {
+				var _emitterKeysRef_current, _newPropertyConfigs_lineHeight;
 				if (isExitingJSRef.current) return;
 				pseudoActiveRef.current = pseudoActive === true;
 				var transitionToUse = effectiveTransition2 !== null && effectiveTransition2 !== void 0 ? effectiveTransition2 : props.transition;
@@ -1145,11 +1144,9 @@ function createAnimations(animations) {
 					disableAnimation: written.disableAnimation,
 					isHydrating: written.isHydrating
 				});
-				var _emitterKeysRef_current;
 				var previousKeys = (_emitterKeysRef_current = emitterKeysRef.current) !== null && _emitterKeysRef_current !== void 0 ? _emitterKeysRef_current : committedRenderKeysRef.current;
 				var { animated, statics } = splitAnimationStyles(nextStyle, isDark, written.disableAnimation);
 				var emittedDerivesLeading = derivesLeadingProduct(animated, emittedLeadingRatio, !!inheritedFontSize, emittedResolved);
-				var _newPropertyConfigs_lineHeight;
 				applyLeadingRatio(emittedLeadingRatio, (_newPropertyConfigs_lineHeight = newPropertyConfigs.lineHeight) !== null && _newPropertyConfigs_lineHeight !== void 0 ? _newPropertyConfigs_lineHeight : newBase);
 				var snapshot = buildSnapshot(animated, statics, getAnimatedTransforms(animated.transform), previousKeys, lastPaintedRef.current, emittedDerivesLeading);
 				emitterSnapshotRef.value = snapshot.value;
@@ -1291,6 +1288,7 @@ function createAnimations(animations) {
 					}
 				}
 				for (var key2 in animatedValues) {
+					var _config_propertyConfigs_key;
 					if (key2 === "transform") continue;
 					var targetValue = animatedValues[key2];
 					emitted[key2] = true;
@@ -1299,7 +1297,6 @@ function createAnimations(animations) {
 						result[key2] = targetValue;
 						continue;
 					}
-					var _config_propertyConfigs_key;
 					result[key2] = animateSnapshotValue(key2, key2, targetValue, (_config_propertyConfigs_key = config.propertyConfigs[key2]) !== null && _config_propertyConfigs_key !== void 0 ? _config_propertyConfigs_key : config.baseConfig, !!previouslyEmitted[key2], snapshot.seeds[key2], !!snapshot.gatedKeys[key2], currentlyExiting, currentCycleId, currentlyCompletingEnter, currentEnterCycleId, currentlyCompletingUpdate, currentUpdateCycleId, markExitKeyDone, markEnterKeyDone, markUpdateKeyDone, !!COLOR_STYLE_KEYS[key2], key2 === "fontSize" ? fontSizeShared : void 0);
 				}
 				if (snapshot.derivesLeading) {