@framework-m/desk 0.16.0 → 0.17.0

package/dist/components/form/fields/MultiSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/MultiSelectField.tsx"],"names":[],"mappings":"AA0DA,eAAO,MAAM,WAAW,GAAI,OAAO,GAAG,gCAoJrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAA4B,CAAC"}
+{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/MultiSelectField.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,WAAW,GAAI,OAAO,GAAG,gCAsJrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAA4B,CAAC"}

package/dist/components/form/fields/SelectField.d.ts

@@ -4,11 +4,12 @@
  * UIMeta integration (3.1 — Pydantic Enum Leveraging):
  * -------------------------------------------------------
  * Option sources (in priority order):
- * 1. `props.options`                  — from uniforms bridge (schema.enum)
- * 2. `props.schema.ui_meta.options`   — human-friendly options from enrich_schema()
+ * 1. Remote API (`ui_meta.source_url`)
+ * 2. `props.options`                  — from uniforms bridge (schema.enum)
+ * 3. `props.schema.ui_meta.options`   — human-friendly options from enrich_schema()
  *    These are objects like `{ value: "draft", label: "Draft" }` generated
  *    from Literal["draft", ...] or Python Enum types.
- * 3. `props.allowedValues`            — legacy uniforms fallback
+ * 4. `props.allowedValues`            — legacy uniforms fallback
  *
  * The ui_meta.options labels are preferred when present because they are
  * already title-cased by `enrich_schema` and may carry developer-supplied

package/dist/components/form/fields/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/SelectField.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,GAAG,gCA6FjC,CAAC;AAEF,eAAO,MAAM,WAAW,6CAAwB,CAAC"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/SelectField.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,GAAG,gCAiHjC,CAAC;AAEF,eAAO,MAAM,WAAW,6CAAwB,CAAC"}

package/dist/index.js

@@ -2372,7 +2372,21 @@ k(Mn);
 //#endregion
 //#region src/components/form/fields/SelectField.tsx
 var Nn = (e) => {
-	let { id: t, label: n, onChange: r, value: i, disabled: a, error: o, showInlineError: s, placeholder: c, required: l, compact: u, options: d, allowedValues: f } = e, p = e.field ?? {}, m = Array.isArray(p.ui_meta?.options) ? p.ui_meta.options : void 0, h = g(() => m && m.length > 0 ? m.map((e) => ({
+	let { id: t, label: n, onChange: r, value: i, disabled: a, error: o, showInlineError: s, placeholder: c, required: l, compact: u, options: d, allowedValues: f } = e, p = e.field ?? {}, m = p.ui_meta, _ = Mt(), y = Array.isArray(m?.options) ? m.options : void 0, [b, x] = v([]);
+	h(() => {
+		let e = m?.source_url;
+		e && _(e).then((e) => e.json()).then((e) => {
+			let t = m?.source_map?.value || "items";
+			x((e?.[t] ?? []).map((e) => {
+				let t = typeof e == "string" ? e : e.value || e.id || e.name || String(e), n = typeof e == "string" ? e : e.label || e.name || t;
+				return {
+					value: String(t),
+					label: String(n)
+				};
+			}));
+		}).catch((e) => console.warn("[SelectField] Failed to load remote options", e));
+	}, [m?.source_url, m?.source_map?.value]);
+	let S = g(() => b.length > 0 ? b : y && y.length > 0 ? y.map((e) => ({
 		label: e.label || e.value,
 		value: String(e.value)
 	})) : d && d.length > 0 ? d.map((e) => ({
@@ -2382,10 +2396,11 @@ var Nn = (e) => {
 		label: String(e).replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
 		value: String(e)
 	})) : [], [
-		m,
+		b,
+		y,
 		d,
 		f
-	]), _ = c ?? p.ui_meta?.placeholder ?? "Select...";
+	]), C = c ?? p.ui_meta?.placeholder ?? "Select...";
 	return /* @__PURE__ */ T(J, {
 		gap: "$1",
 		marginBottom: u ? 0 : "$2",
@@ -2407,8 +2422,8 @@ var Nn = (e) => {
 			/* @__PURE__ */ w(ne, {
 				id: t,
 				value: String(i ?? ""),
-				options: h,
-				placeholder: _,
+				options: S,
+				placeholder: C,
 				disabled: a,
 				onChange: (e) => {
 					r(typeof e == "string" ? e : e?.target?.value ?? "");
@@ -2834,27 +2849,28 @@ var Wn = (e) => {
 		return null;
 	}).filter((e) => !!e) : [];
 }, Gn = (e) => Array.isArray(e) ? e.map((e) => e == null ? "" : String(e)).filter((e) => e.length > 0) : [], Kn = (e) => {
-	let { t } = $("desk"), { id: n, value: r, onChange: i, disabled: a, error: o, showInlineError: s, placeholder: c, compact: l } = e, [u, d] = v(""), [f, p] = v([]), m = e?.schema?.ui_meta || e?.field?.ui_meta || e?.ui_meta;
+	let { t } = $("desk"), { id: n, value: r, onChange: i, disabled: a, error: o, showInlineError: s, placeholder: c, compact: l } = e, [u, d] = v(""), [f, p] = v([]), m = Mt(), _ = e?.schema?.ui_meta || e?.field?.ui_meta || e?.ui_meta;
 	h(() => {
-		let e = m?.source_url;
-		e && fetch(e).then((e) => e.json()).then((e) => {
-			p((e?.items ?? []).map((e) => {
-				let t = typeof e == "string" ? e : e.value || e.id || String(e);
+		let e = _?.source_url;
+		e && m(e).then((e) => e.json()).then((e) => {
+			let t = _?.source_map?.value || "items";
+			p((e?.[t] ?? []).map((e) => {
+				let t = typeof e == "string" ? e : e.value || e.id || e.name || String(e);
 				return {
 					value: t,
 					label: typeof e == "string" ? e : e.label || e.name || t
 				};
 			}));
 		}).catch((e) => console.warn("[MultiSelect] Failed to load remote options", e));
-	}, [m?.source_url]);
-	let _ = g(() => Wn(e), [e]), y = g(() => f.length > 0 ? f : _, [_, f]), b = Gn(r), x = g(() => new Set(b), [b]), { model: S } = j(), { data: C } = pe(), E = m?.guard?.prevent_self_remove ?? [], D = (e) => E.includes(e) && !!C?.id && !!S?.id && C.id === S.id, O = g(() => {
+	}, [_?.source_url]);
+	let y = g(() => Wn(e), [e]), b = g(() => f.length > 0 ? f : y, [y, f]), x = Gn(r), S = g(() => new Set(x), [x]), { model: C } = j(), { data: E } = pe(), D = _?.guard?.prevent_self_remove ?? [], O = (e) => D.includes(e) && !!E?.id && !!C?.id && E.id === C.id, k = g(() => {
 		let e = u.trim().toLowerCase();
-		return e ? y.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : y;
-	}, [y, u]), k = (e) => {
+		return e ? b.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : b;
+	}, [b, u]), A = (e) => {
 		if (a) return;
-		let t = x.has(e);
-		t && D(e) || i(t ? b.filter((t) => t !== e) : [...b, e]);
-	}, A = O.filter((e) => !x.has(e.value));
+		let t = S.has(e);
+		t && O(e) || i(t ? x.filter((t) => t !== e) : [...x, e]);
+	}, M = k.filter((e) => !S.has(e.value));
 	return /* @__PURE__ */ T(J, {
 		gap: "$3",
 		marginBottom: l ? 0 : "$4",
@@ -2868,7 +2884,7 @@ var Wn = (e) => {
 				size: "sm",
 				error: !!o
 			}),
-			b.length > 0 && /* @__PURE__ */ T(J, {
+			x.length > 0 && /* @__PURE__ */ T(J, {
 				gap: "$2",
 				style: {
 					marginTop: 12,
@@ -2881,8 +2897,8 @@ var Wn = (e) => {
 					children: t("Assigned")
 				}), /* @__PURE__ */ w(q, {
 					flexWrap: "wrap",
-					children: b.map((e) => {
-						let t = y.find((t) => t.value === e)?.label ?? e, n = D(e);
+					children: x.map((e) => {
+						let t = b.find((t) => t.value === e)?.label ?? e, n = O(e);
 						return /* @__PURE__ */ T(N, {
 							variant: "primary",
 							size: "sm",
@@ -2891,7 +2907,7 @@ var Wn = (e) => {
 								marginBottom: 8,
 								marginTop: 8
 							},
-							onPress: () => k(e),
+							onPress: () => A(e),
 							disabled: a || n,
 							children: [
 								t,
@@ -2902,7 +2918,7 @@ var Wn = (e) => {
 					})
 				})]
 			}),
-			A.length > 0 && /* @__PURE__ */ T(J, {
+			M.length > 0 && /* @__PURE__ */ T(J, {
 				gap: "$2",
 				style: { marginBottom: 8 },
 				children: [/* @__PURE__ */ w(U, {
@@ -2912,7 +2928,7 @@ var Wn = (e) => {
 					children: t("Available")
 				}), /* @__PURE__ */ w(q, {
 					flexWrap: "wrap",
-					children: A.map((e) => /* @__PURE__ */ w(N, {
+					children: M.map((e) => /* @__PURE__ */ w(N, {
 						variant: "default",
 						size: "sm",
 						style: {
@@ -2920,13 +2936,13 @@ var Wn = (e) => {
 							marginBottom: 8,
 							marginTop: 8
 						},
-						onPress: () => k(e.value),
+						onPress: () => A(e.value),
 						disabled: a,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			O.length === 0 && /* @__PURE__ */ w(W, {
+			k.length === 0 && /* @__PURE__ */ w(W, {
 				size: "sm",
 				color: "$colorMuted",
 				children: u ? `No roles matching "${u}"` : "No roles available"
@@ -3125,7 +3141,7 @@ var Jn = new class {
 		link: u
 	});
 	let d = Array.isArray(e.options) && e.options.length > 0 ? e.options : void 0, f = Array.isArray(n.ui_meta?.options) && n.ui_meta.options.length > 0 ? n.ui_meta.options : void 0;
-	if (d || f) return /* @__PURE__ */ w(Nn, { ...f ? {
+	if (i === "select" || d || f) return /* @__PURE__ */ w(Nn, { ...f ? {
 		...e,
 		options: f
 	} : e });