@tamagui/animation-helpers 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/resolveTransition.native.cjs

@@ -0,0 +1,424 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resolveTransition_exports = {};
+__export(resolveTransition_exports, {
+	easingToBezier: () => easingToBezier,
+	entryToCSS: () => entryToCSS,
+	forAnimationState: () => forAnimationState,
+	getMaxDurationMs: () => getMaxDurationMs,
+	getSettleMs: () => getSettleMs,
+	getTransitionForKey: () => getTransitionForKey,
+	hasTransition: () => hasTransition,
+	presetToTiming: () => presetToTiming,
+	resolveTransition: () => resolveTransition,
+	toCSSTransition: () => toCSSTransition
+});
+module.exports = __toCommonJS(resolveTransition_exports);
+var import_transitions = require("@tamagui/style-grammar/transitions");
+var import_propertyNames = require("./propertyNames.native.js");
+var import_transitionResolver = require("./transitionResolver.native.js");
+var emptyResolved = {
+	entries: [],
+	all: null,
+	byProperty: {},
+	none: false,
+	fused: false,
+	enter: null,
+	exit: null,
+	diagnostics: []
+};
+function forAnimationState(resolved, state) {
+	if (state === "enter" && resolved.enter) return resolved.enter;
+	if (state === "exit" && resolved.exit) return resolved.exit;
+	return resolved;
+}
+function timeToMs(value) {
+	return value.endsWith("ms") ? Number.parseFloat(value) : Number.parseFloat(value) * 1e3;
+}
+function springTiming(durationMs, bounce, extra) {
+	var mass = typeof (extra === null || extra === void 0 ? void 0 : extra.mass) === "number" ? extra.mass : 1;
+	var physics = (0, import_transitions.springFromDurationBounce)({
+		duration: durationMs,
+		bounce
+	}, mass);
+	return {
+		kind: "spring",
+		durationMs,
+		bounce,
+		stiffness: typeof (extra === null || extra === void 0 ? void 0 : extra.stiffness) === "number" ? extra.stiffness : physics.stiffness,
+		damping: typeof (extra === null || extra === void 0 ? void 0 : extra.damping) === "number" ? extra.damping : physics.damping,
+		mass,
+		extra
+	};
+}
+function presetToTiming(preset) {
+	if (typeof preset === "string") {
+		var parsed = (0, import_transitions.parseTransition)(preset);
+		if (!parsed.ok || parsed.value.kind !== "transition") return null;
+		var entry = parsed.value.entries[0];
+		if (!entry) return null;
+		return timingToDriver(entry.timing, null);
+	}
+	if (!preset || typeof preset !== "object") return null;
+	var config = preset;
+	var duration = typeof config.duration === "number" ? config.duration : void 0;
+	var hasPhysics = typeof config.stiffness === "number" || typeof config.damping === "number";
+	var stiffness = typeof config.stiffness === "number" ? config.stiffness : void 0;
+	var damping = typeof config.damping === "number" ? config.damping : void 0;
+	var isSpring = config.type === "spring" || typeof config.bounce === "number" || hasPhysics;
+	if (isSpring) {
+		var mass = typeof config.mass === "number" ? config.mass : 1;
+		if (stiffness !== void 0) {
+			var canonical = (0, import_transitions.springToDurationBounce)({
+				stiffness,
+				damping: damping !== null && damping !== void 0 ? damping : 2 * Math.sqrt(stiffness * mass),
+				mass
+			});
+			return {
+				kind: "spring",
+				durationMs: duration !== null && duration !== void 0 ? duration : canonical.duration,
+				bounce: typeof config.bounce === "number" ? config.bounce : canonical.bounce,
+				stiffness,
+				damping: damping !== null && damping !== void 0 ? damping : 2 * Math.sqrt(stiffness * mass),
+				mass,
+				extra: config
+			};
+		}
+		if (duration !== void 0) {
+			return springTiming(duration, typeof config.bounce === "number" ? config.bounce : 0, config);
+		}
+		return null;
+	}
+	if (duration === void 0) return null;
+	var easing = typeof config.easing === "string" ? config.easing : "ease";
+	return {
+		kind: "timing",
+		durationMs: duration,
+		easing
+	};
+}
+function timingToDriver(timing, animations) {
+	if (timing.type === "css") {
+		return {
+			kind: "timing",
+			durationMs: timeToMs(timing.duration),
+			easing: timing.timingFunction
+		};
+	}
+	if (timing.type === "spring") {
+		return springTiming(timeToMs(timing.duration), timing.bounce, timing.config);
+	}
+	var preset = animations === null || animations === void 0 ? void 0 : animations[timing.name];
+	if (preset === void 0) return null;
+	var base = presetToTiming(preset);
+	if (!base || !timing.config) return base;
+	var overrides = timing.config;
+	if (base.kind === "spring" || typeof overrides.bounce === "number") {
+		var overrideDuration = typeof overrides.duration === "number" ? overrides.duration : typeof overrides.duration === "string" ? timeToMs(overrides.duration) : void 0;
+		var overrideBounce = typeof overrides.bounce === "number" ? overrides.bounce : void 0;
+		var durationMs = overrideDuration !== null && overrideDuration !== void 0 ? overrideDuration : base.durationMs;
+		var bounce = overrideBounce !== null && overrideBounce !== void 0 ? overrideBounce : base.kind === "spring" ? base.bounce : 0;
+		var carried = base.kind === "spring" ? base.extra : void 0;
+		if (carried && (overrideDuration !== void 0 || overrideBounce !== void 0)) {
+			var { stiffness, damping, ...rest } = carried;
+			carried = rest;
+		}
+		return springTiming(durationMs, bounce, {
+			...carried,
+			...overrides
+		});
+	}
+	return {
+		kind: "timing",
+		durationMs: typeof overrides.duration === "number" ? overrides.duration : typeof overrides.duration === "string" ? timeToMs(overrides.duration) : base.durationMs,
+		easing: typeof overrides.easing === "string" ? overrides.easing : base.easing
+	};
+}
+var namedEasings = {
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	"ease-in": [
+		.42,
+		0,
+		1,
+		1
+	],
+	"ease-out": [
+		0,
+		0,
+		.58,
+		1
+	],
+	"ease-in-out": [
+		.42,
+		0,
+		.58,
+		1
+	]
+};
+function easingToBezier(easing) {
+	var named = namedEasings[easing];
+	if (named) return named;
+	if (!easing.startsWith("cubic-bezier(")) return null;
+	var parts = easing.slice("cubic-bezier(".length, -1).split(",");
+	if (parts.length !== 4) return null;
+	var points = parts.map(function(part) {
+		return Number.parseFloat(part);
+	});
+	if (points.some(function(point) {
+		return !Number.isFinite(point);
+	})) return null;
+	return points;
+}
+var cacheByAnimations = /* @__PURE__ */ new WeakMap();
+var objectCache = /* @__PURE__ */ new WeakMap();
+var noAnimations = {};
+function resolveTransition(transition) {
+	var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+	if (transition == null || transition === "") return emptyResolved;
+	var _options_animations;
+	var animations = (_options_animations = options.animations) !== null && _options_animations !== void 0 ? _options_animations : null;
+	var cacheKey = animations !== null && animations !== void 0 ? animations : noAnimations;
+	if (typeof transition === "string") {
+		var byValue = cacheByAnimations.get(cacheKey);
+		if (!byValue) {
+			byValue = /* @__PURE__ */ new Map();
+			cacheByAnimations.set(cacheKey, byValue);
+		}
+		var hit = byValue.get(transition);
+		if (hit) return hit;
+		var _options_shorthands;
+		var built = buildResolved(transition, animations, (_options_shorthands = options.shorthands) !== null && _options_shorthands !== void 0 ? _options_shorthands : null);
+		if (byValue.size > 2048) byValue.clear();
+		byValue.set(transition, built);
+		return built;
+	}
+	if (typeof transition !== "object") return emptyResolved;
+	var hit1 = objectCache.get(transition);
+	if (hit1) return hit1;
+	var _options_shorthands1;
+	var built1 = buildResolved(transition, animations, (_options_shorthands1 = options.shorthands) !== null && _options_shorthands1 !== void 0 ? _options_shorthands1 : null);
+	objectCache.set(transition, built1);
+	return built1;
+}
+function buildResolved(transition, animations, shorthands) {
+	var presetNames = animations ? new Set(Object.keys(animations)) : void 0;
+	var parsed = (0, import_transitions.parseTransitionObject)(transition, presetNames);
+	if (!parsed.ok) {
+		return {
+			...emptyResolved,
+			diagnostics: parsed.diagnostics
+		};
+	}
+	if (parsed.value.kind !== "transition") return emptyResolved;
+	return fromEntries(parsed.value.entries, animations, shorthands, parsed.value.enter ? fromEntries(parsed.value.enter, animations, shorthands, null, null) : null, parsed.value.exit ? fromEntries(parsed.value.exit, animations, shorthands, null, null) : null);
+}
+var transformFamily = [
+	"transform",
+	"translate",
+	"scale",
+	"rotate"
+];
+function fromEntries(source, animations, shorthands, enter, exit) {
+	var entries = [];
+	var byProperty = {};
+	var diagnostics = [];
+	var all = null;
+	var none = false;
+	var fused = false;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = source[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var entry = _step.value;
+			if (entry.property === "none") {
+				none = true;
+				continue;
+			}
+			if (entry.timing.type !== "css") fused = true;
+			var timing = timingToDriver(entry.timing, animations);
+			if (!timing) {
+				diagnostics.push({
+					code: "transition-invalid-token",
+					token: entry.timing.type === "preset" ? entry.timing.name : void 0,
+					message: entry.timing.type === "preset" ? `"${entry.timing.name}" is not a configured animation` : "transition timing could not be resolved"
+				});
+				continue;
+			}
+			var _shorthands_entry_property;
+			var expanded = (_shorthands_entry_property = shorthands === null || shorthands === void 0 ? void 0 : shorthands[entry.property]) !== null && _shorthands_entry_property !== void 0 ? _shorthands_entry_property : entry.property;
+			var property = (0, import_propertyNames.canonicalTransitionProperty)(expanded);
+			var delayMs = timeToMs(entry.delay);
+			var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+			try {
+				for (var _iterator1 = (expanded === "transform" ? transformFamily : [property])[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+					var name = _step1.value;
+					var resolved = {
+						property: name,
+						timing,
+						delayMs,
+						behavior: entry.behavior
+					};
+					entries.push(resolved);
+					if (name === "all") all = resolved;
+					else byProperty[name] = resolved;
+				}
+			} catch (err) {
+				_didIteratorError1 = true;
+				_iteratorError1 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+						_iterator1.return();
+					}
+				} finally {
+					if (_didIteratorError1) {
+						throw _iteratorError1;
+					}
+				}
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return {
+		entries,
+		all,
+		byProperty,
+		none,
+		fused,
+		enter,
+		exit,
+		diagnostics
+	};
+}
+function getTransitionForKey(resolved, key) {
+	if (resolved.none) return null;
+	var direct = resolved.byProperty[(0, import_propertyNames.canonicalTransitionProperty)(key)];
+	if (direct) return direct;
+	return resolved.all;
+}
+function hasTransition(resolved) {
+	return !resolved.none && resolved.entries.length > 0;
+}
+function getSettleMs(timing) {
+	if (timing.kind === "timing") return timing.durationMs;
+	return (0, import_transitions.springSettleTime)({
+		duration: timing.durationMs,
+		bounce: timing.bounce
+	});
+}
+function getMaxDurationMs(resolved) {
+	var max = 0;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = resolved.entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var entry = _step.value;
+			var total = getSettleMs(entry.timing) + entry.delayMs;
+			if (total > max) max = total;
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return max;
+}
+var linearEasingCache = /* @__PURE__ */ new Map();
+function entryToCSS(entry) {
+	var delay = entry.delayMs ? ` ${entry.delayMs}ms` : "";
+	var behavior = entry.behavior === "allow-discrete" ? " allow-discrete" : "";
+	if (entry.timing.kind === "timing") {
+		return `${entry.property} ${entry.timing.durationMs}ms ${entry.timing.easing}${delay}${behavior}`;
+	}
+	var key = `${entry.timing.durationMs}/${entry.timing.bounce}`;
+	var spring = linearEasingCache.get(key);
+	if (!spring) {
+		spring = (0, import_transitions.springToLinearEasing)({
+			duration: entry.timing.durationMs,
+			bounce: entry.timing.bounce
+		});
+		if (linearEasingCache.size > 256) linearEasingCache.clear();
+		linearEasingCache.set(key, spring);
+	}
+	return `${entry.property} ${Math.round(spring.durationMs)}ms ${spring.easing}${delay}${behavior}`;
+}
+function toCSSTransition(resolved) {
+	if (resolved.none) return "none";
+	if (!resolved.entries.length) return void 0;
+	var out = "";
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = resolved.entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var entry = _step.value;
+			out += `${out ? ", " : ""}${entryToCSS(entry)}`;
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return out || void 0;
+}
+(0, import_transitionResolver.setTransitionResolver)({
+	resolve: resolveTransition,
+	toCSS: toCSSTransition
+});