@yahoo/uds-create-config 5.40.3 → 5.41.0

package/dist/entities/system/motion-variants.js

@@ -2,6 +2,7 @@ import { reject } from "../../framework/rejection.js";
 import { isRef, kindOf, pathOf } from "../../framework/utils/refs.js";
 import { isPlainObject } from "../../framework/utils/field-path.js";
 import { createSliceMemo } from "../../framework/memo.js";
+import { webMotionBody } from "./motion-types.js";
 import { inlineJsMotion } from "./Motion.js";
 //#region src/entities/system/motion-variants.ts
 /** The id an in-place preset goes by — `Btn.root inline [disabled=true]`. Never a preset path, since a
@@ -43,7 +44,7 @@ const inlineMotions = createSliceMemo({
 					layer,
 					body: {
 						...value,
-						runtime: "js"
+						type: "motion/react"
 					}
 				});
 			}
@@ -56,8 +57,8 @@ const inlineMotions = createSliceMemo({
 });
 /** A JS preset's body by its path, or an in-place one's by its id; `undefined` for anything else. */
 function jsMotionBody(config, preset) {
-	const named = config.resolve("motion", preset)?.toJSON();
-	if (named) return named.runtime === "js" ? named : void 0;
+	const named = motionBodyAt(config, preset);
+	if (named) return named.type === "motion/react" ? named : void 0;
 	return inlineMotions(config).valid.find((entry) => entry.id === preset)?.body;
 }
 /** The states a preset names a variant in. */
@@ -71,11 +72,6 @@ const MOTION_VARIANT_STATES = [
 	"whileDrag"
 ];
 const jsBody = (config, path) => jsMotionBody(config, path);
-/** A named CSS preset's body. */
-const cssBody = (config, path) => {
-	const body = config.resolve("motion", path)?.toJSON();
-	return body?.runtime === "css" ? body : void 0;
-};
 /** The variant names one state holds: a name, a list of names, or none (values, `false`). */
 function stateVariantNames(value) {
 	if (typeof value === "string") return [value];
@@ -202,13 +198,16 @@ const mentions = (body, name) => declaredVariants(body).includes(name) || namedV
 * variant.
 */
 function renameMotionVariant(config, { path, from, to, groupOf }) {
-	const css = cssBody(config, path) !== void 0;
-	const bodyOf = css ? cssBody : jsBody;
+	const css = config.resolve("motion", path)?.toJSON().runtime === "css";
+	const bodyOf = css ? (c, p) => {
+		const body = motionBodyAt(c, p);
+		return body?.runtime === "css" ? body : void 0;
+	} : jsBody;
 	const own = bodyOf(config, path);
 	if (!own) reject("NOT_FOUND", `"${path}" is not a motion preset.`);
 	if (!declaredVariants(own).includes(from)) reject("NOT_FOUND", `"${path}" declares no variant "${from}".`);
 	if (from === to) return config;
-	const group = [...css && groupOf ? groupOf(config, path) : motionVariantGroupOf(config, path)];
+	const group = [...css ? groupOf?.(config, path) ?? new Set([path]) : motionVariantGroupOf(config, path)];
 	const taken = group.filter((preset) => declaredVariants(bodyOf(config, preset)).includes(to));
 	if (taken.length > 0) reject("ALREADY_EXISTS", `"${to}" is already a variant of ${taken.map((preset) => `"${preset}"`).join(", ")}, which animate${taken.length === 1 ? "s" : ""} with "${path}". Renaming "${from}" onto it would make the two one variant.`);
 	let next = config;
@@ -221,7 +220,7 @@ function renameMotionVariant(config, { path, from, to, groupOf }) {
 				kind: "motion",
 				operation: "replace",
 				path: preset,
-				data: renamedBody(body, from, to)
+				data: renamePresetBody(next, preset, body, from, to)
 			});
 			continue;
 		}
@@ -283,5 +282,22 @@ function orphanedMotionVariants(config) {
 	}
 	return out;
 }
+function motionBodyAt(config, path) {
+	const body = config.resolve("motion", path)?.toJSON();
+	return body ? webMotionBody(body) : void 0;
+}
+function renamePresetBody(config, path, body, from, to) {
+	const stored = config.resolve("motion", path)?.toJSON();
+	const renamed = renamedBody(body, from, to);
+	if (stored?.type === "motion/react") {
+		const { type: _type, runtime: _runtime, ...value } = renamed;
+		return {
+			...stored,
+			value
+		};
+	}
+	const { type: _type, ...legacy } = renamed;
+	return legacy;
+}
 //#endregion
 export { MOTION_VARIANT_STATES, declaredVariants, inlineMotionId, inlineMotions, isInlineMotion, jsMotionBody, motionVariantGroups, orphanedMotionVariants, placedMotions, renameMotionVariant, stateVariantNames, variantGroupsOf };