@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/components/dynamic-form/fields/InputField.js

@@ -15,6 +15,7 @@ const getInputType = (t) => {
 		case "time": return "time";
 		case "datetime": return "datetime-local";
 		case "phone": return "tel";
+		case "password": return "password";
 	}
 	switch (t.type) {
 		case "integer":
@@ -27,13 +28,13 @@ var isNumericType = (t) => t.type === "number" || t.type === "integer";
 const InputField = (p) => {
 	let m = c(36), { name: h, schema: g, ui: _, required: v, form: y, disabled: b, viewOnly: x } = p, S = useFieldConfig(h, g, _, b), C;
 	m[0] === g ? C = m[1] : (C = getInputType(g), m[0] = g, m[1] = C);
-	let w = C, T;
-	m[2] !== g.examples?.[0] || m[3] !== g.placeholder ? (T = g.placeholder || g.examples?.[0]?.toString() || "", m[2] = g.examples?.[0], m[3] = g.placeholder, m[4] = T) : T = m[4];
-	let E = T, D;
-	m[5] !== v || m[6] !== g ? (D = buildTextValidationRules(g, v), m[5] = v, m[6] = g, m[7] = D) : D = m[7];
-	let O = D, k;
-	m[8] === g ? k = m[9] : (k = isNumericType(g), m[8] = g, m[9] = k);
-	let A = k;
+	let w = C, T = _, E;
+	m[2] !== g || m[3] !== T?.placeholder ? (E = T?.placeholder || g.placeholder || g.examples?.[0]?.toString() || "", m[2] = g, m[3] = T?.placeholder, m[4] = E) : E = m[4];
+	let D = E, O;
+	m[5] !== v || m[6] !== g ? (O = buildTextValidationRules(g, v), m[5] = v, m[6] = g, m[7] = O) : O = m[7];
+	let k = O, A;
+	m[8] === g ? A = m[9] : (A = isNumericType(g), m[8] = g, m[9] = A);
+	let j = A;
 	if (x) {
 		let t;
 		m[10] === S.fieldLabel ? t = m[11] : (t = /* @__PURE__ */ jsx(Label, {
@@ -49,12 +50,12 @@ const InputField = (p) => {
 		}), m[12] = y.control, m[13] = h, m[14] = u, m[15] = d) : d = m[15];
 		let f;
 		return m[16] !== t || m[17] !== d ? (f = /* @__PURE__ */ jsxs("div", {
-			className: "mt-4 mb-8 block",
+			className: "mb-4 block",
 			children: [t, d]
 		}), m[16] = t, m[17] = d, m[18] = f) : f = m[18], f;
 	}
-	let j = S.defaultValue ?? (A ? void 0 : ""), M;
-	m[19] !== S || m[20] !== w || m[21] !== A || m[22] !== h || m[23] !== E || m[24] !== v || m[25] !== g.maxLength || m[26] !== g.maximum || m[27] !== g.minimum || m[28] !== g.multipleOf ? (M = (l) => {
+	let M = S.defaultValue ?? (j ? void 0 : ""), N;
+	m[19] !== S || m[20] !== w || m[21] !== j || m[22] !== h || m[23] !== D || m[24] !== v || m[25] !== g.maxLength || m[26] !== g.maximum || m[27] !== g.minimum || m[28] !== g.multipleOf ? (N = (l) => {
 		let { field: u } = l;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: h,
@@ -67,14 +68,14 @@ const InputField = (p) => {
 				...u,
 				id: h,
 				onChange: (t) => {
-					if (!S.isReadOnly) if (A) {
+					if (!S.isReadOnly) if (j) {
 						let l = t.target.value;
 						u.onChange(l === "" ? void 0 : Number(l));
 					} else u.onChange(t);
 				},
 				value: u.value ?? "",
 				type: w,
-				placeholder: E,
+				placeholder: D,
 				disabled: S.isDisabled,
 				readOnly: S.isReadOnly,
 				min: g.minimum,
@@ -85,15 +86,15 @@ const InputField = (p) => {
 				...S.getAriaProps()
 			})
 		});
-	}, m[19] = S, m[20] = w, m[21] = A, m[22] = h, m[23] = E, m[24] = v, m[25] = g.maxLength, m[26] = g.maximum, m[27] = g.minimum, m[28] = g.multipleOf, m[29] = M) : M = m[29];
-	let N;
-	return m[30] !== y.control || m[31] !== h || m[32] !== j || m[33] !== M || m[34] !== O ? (N = /* @__PURE__ */ jsx(Controller, {
+	}, m[19] = S, m[20] = w, m[21] = j, m[22] = h, m[23] = D, m[24] = v, m[25] = g.maxLength, m[26] = g.maximum, m[27] = g.minimum, m[28] = g.multipleOf, m[29] = N) : N = m[29];
+	let P;
+	return m[30] !== y.control || m[31] !== h || m[32] !== M || m[33] !== N || m[34] !== k ? (P = /* @__PURE__ */ jsx(Controller, {
 		name: h,
 		control: y.control,
-		defaultValue: j,
-		rules: O,
-		render: M
-	}), m[30] = y.control, m[31] = h, m[32] = j, m[33] = M, m[34] = O, m[35] = N) : N = m[35], N;
+		defaultValue: M,
+		rules: k,
+		render: N
+	}), m[30] = y.control, m[31] = h, m[32] = M, m[33] = N, m[34] = k, m[35] = P) : P = m[35], P;
 };
 function _temp(t) {
 	let { field: l } = t;

package/dist/components/dynamic-form/fields/RadioField.js

@@ -8,14 +8,14 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 const RadioField = (p) => {
-	let m = c(21), { name: h, schema: g, ui: _, required: v, form: y, disabled: b } = p, x = useFieldConfig(h, g, _, b), S = g.enumOptions, C;
-	m[0] !== S || m[1] !== g.enum ? (C = S ? S.map(_temp) : g.enum, m[0] = S, m[1] = g.enum, m[2] = C) : C = m[2];
-	let w = C, T;
-	m[3] !== S || m[4] !== g.enum ? (T = S ? S.map(_temp2) : g.enum, m[3] = S, m[4] = g.enum, m[5] = T) : T = m[5];
-	let E = T, D = x.defaultValue || "", O = v ? "This field is required" : void 0, k;
-	m[6] === O ? k = m[7] : (k = { required: O }, m[6] = O, m[7] = k);
-	let A;
-	m[8] !== x || m[9] !== w || m[10] !== E || m[11] !== h || m[12] !== v || m[13] !== g.inline ? (A = (d) => {
+	let m = c(22), { name: h, schema: g, ui: _, required: v, form: y, disabled: b } = p, x = useFieldConfig(h, g, _, b), S = _, C = S?.enumOptions ?? g.enumOptions, w;
+	m[0] !== C || m[1] !== g ? (w = C ? C.map(_temp) : g.enum, m[0] = C, m[1] = g, m[2] = w) : w = m[2];
+	let T = w, E;
+	m[3] !== C || m[4] !== g ? (E = C ? C.map(_temp2) : g.enum, m[3] = C, m[4] = g, m[5] = E) : E = m[5];
+	let D = E, O = x.defaultValue || "", k = v ? "This field is required" : void 0, A;
+	m[6] === k ? A = m[7] : (A = { required: k }, m[6] = k, m[7] = A);
+	let j;
+	m[8] !== x || m[9] !== T || m[10] !== D || m[11] !== h || m[12] !== v || m[13] !== g || m[14] !== S?.inline ? (j = (d) => {
 		let { field: f } = d;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: h,
@@ -31,9 +31,9 @@ const RadioField = (p) => {
 				disabled: x.isDisabled,
 				required: v,
 				"aria-label": x.fieldLabel,
-				className: cn(g.inline && "flex flex-row space-y-0 space-x-4"),
+				className: cn((S?.inline ?? g.inline) && "flex flex-row space-y-0 space-x-4"),
 				...x.getAriaProps(),
-				children: E?.map((u, d) => /* @__PURE__ */ jsxs("div", {
+				children: D?.map((u, d) => /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center space-x-2",
 					children: [/* @__PURE__ */ jsx(RadioGroupItem, {
 						value: u,
@@ -43,20 +43,20 @@ const RadioField = (p) => {
 					}), /* @__PURE__ */ jsx(Label, {
 						htmlFor: `${h}-${u}`,
 						className: cn("cursor-pointer text-sm font-normal", x.isDisabled && "cursor-not-allowed opacity-70"),
-						children: w?.[d] || u
+						children: T?.[d] || u
 					})]
 				}, u))
 			})
 		});
-	}, m[8] = x, m[9] = w, m[10] = E, m[11] = h, m[12] = v, m[13] = g.inline, m[14] = A) : A = m[14];
-	let j;
-	return m[15] !== y.control || m[16] !== h || m[17] !== D || m[18] !== k || m[19] !== A ? (j = /* @__PURE__ */ jsx(Controller, {
+	}, m[8] = x, m[9] = T, m[10] = D, m[11] = h, m[12] = v, m[13] = g, m[14] = S?.inline, m[15] = j) : j = m[15];
+	let M;
+	return m[16] !== y.control || m[17] !== h || m[18] !== O || m[19] !== A || m[20] !== j ? (M = /* @__PURE__ */ jsx(Controller, {
 		name: h,
 		control: y.control,
-		defaultValue: D,
-		rules: k,
-		render: A
-	}), m[15] = y.control, m[16] = h, m[17] = D, m[18] = k, m[19] = A, m[20] = j) : j = m[20], j;
+		defaultValue: O,
+		rules: A,
+		render: j
+	}), m[16] = y.control, m[17] = h, m[18] = O, m[19] = A, m[20] = j, m[21] = M) : M = m[21], M;
 };
 function _temp(n) {
 	return n.label;

package/dist/components/dynamic-form/fields/SelectField.js

@@ -6,16 +6,16 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 const SelectField = (m) => {
-	let h = c(22), { name: g, schema: _, ui: v, required: y, form: b, disabled: x } = m, S = useFieldConfig(g, _, v, x), C;
-	h[0] !== _.enum || h[1] !== _.enumOptions ? (C = _.enumOptions && _.enumOptions.length > 0 ? _.enumOptions : _.enum || [], h[0] = _.enum, h[1] = _.enumOptions, h[2] = C) : C = h[2];
-	let w = C, T;
-	h[3] === w ? T = h[4] : (T = w.map(_temp), h[3] = w, h[4] = T);
+	let h = c(22), { name: g, schema: _, ui: v, required: y, form: b, disabled: x } = m, S = useFieldConfig(g, _, v, x), C = v, w = C?.enumOptions ?? _.enumOptions, T;
+	h[0] !== w || h[1] !== _ ? (T = w && w.length > 0 ? w : _.enum || [], h[0] = w, h[1] = _, h[2] = T) : T = h[2];
 	let E = T, D;
-	h[5] === w ? D = h[6] : (D = w.map(_temp2), h[5] = w, h[6] = D);
-	let O = D, k = _.placeholder || `Select ${S.fieldLabel}`, A = S.defaultValue || "", j = y ? "This field is required" : void 0, M;
-	h[7] === j ? M = h[8] : (M = { required: j }, h[7] = j, h[8] = M);
-	let N;
-	h[9] !== S || h[10] !== E || h[11] !== O || h[12] !== g || h[13] !== k || h[14] !== y ? (N = (f) => {
+	h[3] === E ? D = h[4] : (D = E.map(_temp), h[3] = E, h[4] = D);
+	let O = D, k;
+	h[5] === E ? k = h[6] : (k = E.map(_temp2), h[5] = E, h[6] = k);
+	let A = k, j = C?.placeholder || _.placeholder || `Select ${S.fieldLabel}`, M = S.defaultValue || "", N = y ? "This field is required" : void 0, P;
+	h[7] === N ? P = h[8] : (P = { required: N }, h[7] = N, h[8] = P);
+	let F;
+	h[9] !== S || h[10] !== O || h[11] !== A || h[12] !== g || h[13] !== j || h[14] !== y ? (F = (f) => {
 		let { field: p } = f;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: g,
@@ -33,23 +33,23 @@ const SelectField = (m) => {
 					id: g,
 					className: S.error ? "border-destructive" : "",
 					...S.getAriaProps(),
-					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: k })
-				}), /* @__PURE__ */ jsx(SelectContent, { children: O.map((t, d) => /* @__PURE__ */ jsx(SelectItem, {
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: j })
+				}), /* @__PURE__ */ jsx(SelectContent, { children: A.map((t, d) => /* @__PURE__ */ jsx(SelectItem, {
 					value: t.toString(),
 					disabled: S.isDisabled,
-					children: E[d]?.toString() || t.toString()
+					children: O[d]?.toString() || t.toString()
 				}, `${t}-${d}`)) })]
 			})
 		});
-	}, h[9] = S, h[10] = E, h[11] = O, h[12] = g, h[13] = k, h[14] = y, h[15] = N) : N = h[15];
-	let P;
-	return h[16] !== b.control || h[17] !== g || h[18] !== A || h[19] !== M || h[20] !== N ? (P = /* @__PURE__ */ jsx(Controller, {
+	}, h[9] = S, h[10] = O, h[11] = A, h[12] = g, h[13] = j, h[14] = y, h[15] = F) : F = h[15];
+	let I;
+	return h[16] !== b.control || h[17] !== g || h[18] !== M || h[19] !== P || h[20] !== F ? (I = /* @__PURE__ */ jsx(Controller, {
 		name: g,
 		control: b.control,
-		defaultValue: A,
-		rules: M,
-		render: N
-	}), h[16] = b.control, h[17] = g, h[18] = A, h[19] = M, h[20] = N, h[21] = P) : P = h[21], P;
+		defaultValue: M,
+		rules: P,
+		render: F
+	}), h[16] = b.control, h[17] = g, h[18] = M, h[19] = P, h[20] = F, h[21] = I) : I = h[21], I;
 };
 function _temp(t) {
 	return typeof t == "string" || typeof t == "number" ? t : t.label;

package/dist/components/dynamic-form/fields/TextareaField.js

@@ -8,9 +8,9 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 const TextareaField = (d) => {
-	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = m.placeholder || m.examples?.[0] || "", S = m.rows || 4, C;
-	f[0] !== g || f[1] !== m ? (C = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = C) : C = f[2];
-	let w = C;
+	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = h, S = x?.placeholder || m.placeholder || m.examples?.[0] || "", C = x?.rows || m.rows || 4, w;
+	f[0] !== g || f[1] !== m ? (w = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = w) : w = f[2];
+	let T = w;
 	if (y) {
 		let o;
 		f[3] === b.fieldLabel ? o = f[4] : (o = /* @__PURE__ */ jsx(Label, {
@@ -26,12 +26,12 @@ const TextareaField = (d) => {
 		}), f[5] = _.control, f[6] = p, f[7] = s, f[8] = l) : l = f[8];
 		let u;
 		return f[9] !== o || f[10] !== l ? (u = /* @__PURE__ */ jsxs("div", {
-			className: "mt-4 mb-8 block",
+			className: "mb-4 block",
 			children: [o, l]
 		}), f[9] = o, f[10] = l, f[11] = u) : u = f[11], u;
 	}
-	let T = b.defaultValue || "", E;
-	f[12] !== b || f[13] !== p || f[14] !== x || f[15] !== g || f[16] !== S || f[17] !== m.maxLength ? (E = (r) => {
+	let E = b.defaultValue || "", D;
+	f[12] !== b || f[13] !== p || f[14] !== S || f[15] !== g || f[16] !== C || f[17] !== m.maxLength ? (D = (r) => {
 		let { field: s } = r;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: p,
@@ -44,28 +44,28 @@ const TextareaField = (d) => {
 				...s,
 				id: p,
 				onChange: b.isReadOnly ? void 0 : s.onChange,
-				rows: S,
-				placeholder: x,
+				rows: C,
+				placeholder: S,
 				disabled: b.isDisabled,
 				readOnly: b.isReadOnly,
 				maxLength: m.maxLength,
 				className: b.error ? "border-destructive focus-visible:ring-destructive" : "",
 				style: {
-					minHeight: S ? `${S * 1.5}em` : void 0,
-					resize: S ? "vertical" : "none"
+					minHeight: C ? `${C * 1.5}em` : void 0,
+					resize: C ? "vertical" : "none"
 				},
 				...b.getAriaProps()
 			})
 		});
-	}, f[12] = b, f[13] = p, f[14] = x, f[15] = g, f[16] = S, f[17] = m.maxLength, f[18] = E) : E = f[18];
-	let D;
-	return f[19] !== _.control || f[20] !== p || f[21] !== T || f[22] !== E || f[23] !== w ? (D = /* @__PURE__ */ jsx(Controller, {
+	}, f[12] = b, f[13] = p, f[14] = S, f[15] = g, f[16] = C, f[17] = m.maxLength, f[18] = D) : D = f[18];
+	let O;
+	return f[19] !== _.control || f[20] !== p || f[21] !== E || f[22] !== D || f[23] !== T ? (O = /* @__PURE__ */ jsx(Controller, {
 		name: p,
 		control: _.control,
-		defaultValue: T,
-		rules: w,
-		render: E
-	}), f[19] = _.control, f[20] = p, f[21] = T, f[22] = E, f[23] = w, f[24] = D) : D = f[24], D;
+		defaultValue: E,
+		rules: T,
+		render: D
+	}), f[19] = _.control, f[20] = p, f[21] = E, f[22] = D, f[23] = T, f[24] = O) : O = f[24], O;
 };
 function _temp(r) {
 	let { field: o } = r;

package/dist/components/feedback/LoadingCentered.js

@@ -9,7 +9,7 @@ var LoadingCentered_default = (i) => {
 	let p = u === void 0 ? !1 : u, m = d === void 0 ? 24 : d, h = f === void 0 ? null : f;
 	if (p) {
 		let r;
-		o[6] === s ? r = o[7] : (r = cn("flex items-center justify-center", s), o[6] = s, o[7] = r);
+		o[6] === s ? r = o[7] : (r = cn("mt-12 flex items-center justify-center", s), o[6] = s, o[7] = r);
 		let i;
 		o[8] === m ? i = o[9] : (i = /* @__PURE__ */ jsx(Loader2, {
 			className: "animate-spin",

package/dist/components/layout/MainLayout.js

@@ -1,42 +1,29 @@
-import { Separator } from "../ui/separator.js";
-import { SidebarTrigger, useSidebar } from "../ui/sidebar.js";
 import PageBreadcrumbs_default from "../page/PageBreadcrumbs.js";
 import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SidebarTriggerSafe = () => {
-	try {
-		return useSidebar(), /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ jsx(Separator, {
-			orientation: "vertical",
-			className: "mr-2 data-[orientation=vertical]:h-4"
-		})] });
-	} catch {
-		return null;
-	}
-}, MainLayout_default = (e) => {
-	let o = c(11), { children: s, breadcrumbsData: l, headerMenu: u } = e, d;
-	o[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(SidebarTriggerSafe, {}), o[0] = d) : d = o[0];
-	let f;
-	o[1] === l ? f = o[2] : (f = /* @__PURE__ */ jsxs("div", {
+import { jsx, jsxs } from "react/jsx-runtime";
+var MainLayout_default = (i) => {
+	let a = c(10), { children: o, breadcrumbsData: s, headerMenu: l } = i, u;
+	a[0] === s ? u = a[1] : (u = /* @__PURE__ */ jsx("div", {
 		className: "flex items-center gap-2",
-		children: [d, /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: l })]
-	}), o[1] = l, o[2] = f);
-	let p;
-	o[3] !== u || o[4] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+		children: /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: s })
+	}), a[0] = s, a[1] = u);
+	let d;
+	a[2] !== l || a[3] !== u ? (d = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between gap-2 px-4",
-		children: [f, u]
-	}), o[3] = u, o[4] = f, o[5] = p) : p = o[5];
-	let m;
-	o[6] === s ? m = o[7] : (m = /* @__PURE__ */ jsx("div", {
+		children: [u, l]
+	}), a[2] = l, a[3] = u, a[4] = d) : d = a[4];
+	let f;
+	a[5] === o ? f = a[6] : (f = /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto p-4",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "space-y-6",
-			children: s
+			children: o
 		})
-	}), o[6] = s, o[7] = m);
-	let h;
-	return o[8] !== p || o[9] !== m ? (h = /* @__PURE__ */ jsxs("div", {
+	}), a[5] = o, a[6] = f);
+	let p;
+	return a[7] !== d || a[8] !== f ? (p = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full flex-col",
-		children: [p, m]
-	}), o[8] = p, o[9] = m, o[10] = h) : h = o[10], h;
+		children: [d, f]
+	}), a[7] = d, a[8] = f, a[9] = p) : p = a[9], p;
 };
 export { MainLayout_default as default };