@krosoft/react 0.0.294 → 0.0.295

package/dist/GenericForm-D7ni-5-4.js

@@ -1,309 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { c as t, d as n, s as r } from "./chart-Dq3AIrue.js";
-import { t as i } from "./i18n-d2p0RJo9.js";
-import { Ct as a, Dt as o, Et as s, Ot as c, St as l, Tt as u, bn as d, p as f } from "./ui-D8Pg34YW.js";
-import { s as p } from "./tooltip-BmZ9Bfou.js";
-import { g as m } from "./sheet-DQTOen4V.js";
-import { i as h, l as g, n as _, t as v, u as y } from "./select-DmLScQKX.js";
-import { n as b } from "./useToast-UeDRLovh.js";
-import { t as x } from "./ImageInput-BPNEywyf.js";
-import { t as S } from "./AppSubTitle-BOVTZlUB.js";
-import { t as C } from "./MultiSelect-CZ4hye2w.js";
-import { useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useForm as D } from "react-hook-form";
-import { zodResolver as O } from "@hookform/resolvers/zod";
-import { z as k } from "zod";
-//#region src/components/core/forms/GenericForm.tsx
-var A = ({ schema: A, isLoading: j, error: M, onSubmit: N, onCancel: P, initialData: F, disabled: I = !1, renderActions: L = !0, onRegisterSubmit: R, defaultCols: z = 4 }) => {
-	let { t: B } = i(), { toast: V } = b(), [H, U] = w(!1), [ee, W] = w({});
-	if (!A) return null;
-	let G = (e) => {
-		switch (e) {
-			case 1: return "md:col-span-1 col-span-4";
-			case 2: return "md:col-span-2 col-span-4";
-			case 3: return "md:col-span-3 col-span-4";
-			default: return "md:col-span-4 col-span-4";
-		}
-	}, K = (() => {
-		let e = {};
-		return A.sections.forEach((t) => {
-			t.fields.forEach((t) => {
-				if (t.rules) e[t.key] = t.rules(k);
-				else switch (t.type) {
-					case "checkbox":
-						e[t.key] = k.boolean().nullable().optional();
-						break;
-					case "html": break;
-					case "text":
-					case "textarea":
-					case "number":
-					case "date":
-					case "time":
-					case "select":
-					case "multiSelect":
-					case "color":
-					case "image": e[t.key] = k.string().nullable().optional();
-				}
-			});
-		}), k.object(e);
-	})(), q = D({
-		resolver: O(K),
-		defaultValues: F || Object.fromEntries(A.sections.flatMap((e) => e.fields.map((e) => [e.key, e.defaultValue ?? null])))
-	});
-	w(() => {
-		R && R(() => void q.handleSubmit(J)());
-	}), w(() => {
-		if (F) {
-			let e = {};
-			A.sections.forEach((t) => {
-				t.fields.forEach((t) => {
-					t.type === "image" && F[t.key] && (e[t.key] = F[t.key]);
-				});
-			}), W(e);
-		}
-	});
-	let J = async (e) => {
-		if (!H) {
-			if (Object.keys(q.formState.errors).length > 0) {
-				V({
-					title: B("form.validationTitle"),
-					description: B("form.validationMessage"),
-					variant: "destructive"
-				});
-				return;
-			}
-			U(!0);
-			try {
-				await Promise.resolve(N(e));
-			} catch (e) {
-				console.error("Error during form submission:", e), V({
-					title: B("states.errorTitle"),
-					description: B("form.submitError"),
-					variant: "destructive"
-				});
-			} finally {
-				U(!1);
-			}
-		}
-	}, Y = (e, t) => {
-		t && W((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, X = (e) => {
-		if (!e) return !1;
-		let t = (e) => {
-			if (!e || !e._def) return !1;
-			let n = e._def;
-			return n.typeName === "ZodNullable" ? !0 : n.innerType ? t(n.innerType) : n.type ? t(n.type) : !1;
-		};
-		try {
-			return t(e(k));
-		} catch {
-			return !1;
-		}
-	}, Z = (e) => {
-		if (!e) return !1;
-		let t = e(k);
-		return t.safeParse(void 0).success ? !1 : t._def.checks?.some((e) => e.kind === "min") ?? !1;
-	}, Q = (t, n) => {
-		let r = !!q.formState.errors[t.key], i = I;
-		switch (t.type) {
-			case "text":
-			case "color": return /* @__PURE__ */ T(m, {
-				type: t.type,
-				...n,
-				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "image": {
-				let a = t, o = a.value === void 0 ? n.value : a.value;
-				return /* @__PURE__ */ T(x, {
-					value: o ?? "",
-					onChange: (e) => {
-						if (a.onChange && a.onChange(e), n.onChange(e), e) {
-							let n = new FileReader();
-							n.onloadend = () => {
-								Y(t.key, n.result);
-							}, n.readAsDataURL(e);
-						}
-					},
-					accept: a.accept,
-					maxSizeMB: a.maxSizeMB,
-					hint: a.hint,
-					disabled: i,
-					className: e(r && "border-destructive")
-				});
-			}
-			case "date": return /* @__PURE__ */ T(m, {
-				type: "date",
-				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "time": return /* @__PURE__ */ T(m, {
-				type: "time",
-				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "checkbox": return /* @__PURE__ */ E("div", {
-				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ T(d, {
-					id: t.key,
-					checked: n.value === !0,
-					onCheckedChange: (e) => {
-						n.onChange(e);
-					},
-					disabled: i,
-					className: e(r && "border-destructive")
-				}), /* @__PURE__ */ T("label", {
-					htmlFor: t.key,
-					className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-					children: B(t.labelKey)
-				})]
-			}, t.key);
-			case "textarea": return /* @__PURE__ */ T(f, {
-				...n,
-				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-				className: e(r && "border-destructive", "min-h-[100px]"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "number": {
-				let a = t;
-				return /* @__PURE__ */ T(m, {
-					type: "number",
-					...n,
-					step: a.step,
-					min: a.min,
-					placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-					className: e(r && "border-destructive"),
-					disabled: i,
-					value: n.value ?? "",
-					onChange: (e) => {
-						let t = e.target.value === "" ? "" : Number(e.target.value);
-						n.onChange(t);
-					}
-				});
-			}
-			case "select": {
-				let o = t, s = X(t.rules), c = n.value === null || n.value === void 0 ? "" : n.value, l = o.options, u = l.find((e) => e.value === c);
-				return /* @__PURE__ */ E(v, {
-					value: c,
-					onValueChange: n.onChange,
-					disabled: i,
-					children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(g, {
-						className: e(r && "border-destructive"),
-						onClear: s && c ? (e) => {
-							e.preventDefault(), e.stopPropagation(), n.onChange(null);
-						} : void 0,
-						children: /* @__PURE__ */ T(y, {
-							placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-							children: u ? /* @__PURE__ */ E("div", {
-								className: "flex items-center gap-2",
-								children: [u.color && /* @__PURE__ */ T("div", {
-									className: "w-4 h-4 rounded-full",
-									style: { backgroundColor: u.color }
-								}), u.label]
-							}) : void 0
-						})
-					}) }), /* @__PURE__ */ T(_, { children: l.map((e, t) => /* @__PURE__ */ T(h, {
-						value: e.value,
-						children: /* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [e.color && /* @__PURE__ */ T("div", {
-								className: "w-4 h-4 rounded-full",
-								style: { backgroundColor: e.color }
-							}), e.label]
-						})
-					}, t)) })]
-				});
-			}
-			case "multiSelect": {
-				let e = t, r = n.value ?? [];
-				return /* @__PURE__ */ T(C, {
-					options: e.options,
-					selected: r,
-					onToggle: (e) => {
-						let t = r.includes(e) ? r.filter((t) => t !== e) : [...r, e];
-						n.onChange(t);
-					},
-					onClear: () => {
-						n.onChange([]);
-					},
-					onSelectAll: (e) => {
-						n.onChange(e);
-					},
-					placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-					disabled: i
-				});
-			}
-			case "html": return t.render(q.getValues(), t);
-			default: return null;
-		}
-	}, $ = (i, l) => {
-		let d = /* @__PURE__ */ T("div", {
-			className: e("grid grid-cols-4 gap-4"),
-			children: i.fields.map((t) => /* @__PURE__ */ T(u, {
-				control: q.control,
-				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ E(s, {
-					className: e(G(t.layout?.cols ?? z)),
-					children: [
-						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ E(o, { children: [B(t.labelKey), Z(t.rules) && /* @__PURE__ */ T("span", {
-							className: "text-destructive ml-1",
-							children: "*"
-						})] }),
-						/* @__PURE__ */ T(a, { children: Q(t, n) }),
-						/* @__PURE__ */ T(c, {})
-					]
-				})
-			}, t.key))
-		});
-		return A.useCards === !1 ? /* @__PURE__ */ E("div", {
-			className: "space-y-4 mb-6",
-			children: [i.titleKey && /* @__PURE__ */ T(S, { titleKey: i.titleKey }), d]
-		}, l) : /* @__PURE__ */ E(r, {
-			className: "mb-6",
-			children: [i.titleKey && /* @__PURE__ */ T(n, { children: /* @__PURE__ */ T(S, { titleKey: i.titleKey }) }), /* @__PURE__ */ T(t, { children: d })]
-		}, l);
-	};
-	return /* @__PURE__ */ T(l, {
-		...q,
-		children: /* @__PURE__ */ E("form", {
-			onSubmit: (e) => {
-				q.handleSubmit(J)(e);
-			},
-			className: "space-y-4 px-0 w-full",
-			children: [/* @__PURE__ */ E("div", {
-				className: "space-y-4",
-				children: [A.sections.map((e, t) => $(e, t)), M && /* @__PURE__ */ T("div", {
-					className: "text-sm font-medium text-destructive",
-					children: M.message
-				})]
-			}), !I && L && /* @__PURE__ */ E("div", {
-				className: "flex justify-end gap-3 mt-6 border-t pt-4",
-				children: [P && /* @__PURE__ */ T(p, {
-					type: "button",
-					variant: "outline",
-					onClick: P,
-					disabled: H || j,
-					children: B("actions.cancel")
-				}), /* @__PURE__ */ T(p, {
-					variant: "default",
-					type: "submit",
-					disabled: H || (j ?? !1) || q.formState.isSubmitting,
-					children: B(H || j ? "actions.saving" : "actions.save")
-				})]
-			})]
-		})
-	});
-};
-//#endregion
-export { A as t };

package/dist/dialogs-BjqvZvax.js

@@ -1,207 +0,0 @@
-import { t as e } from "./i18n-d2p0RJo9.js";
-import { Bn as t, Gn as n, Hn as r, I as i, Kn as a, Un as o, Wn as s, qn as c } from "./ui-D8Pg34YW.js";
-import { n as l, t as u } from "./alert-REQGK9bR.js";
-import { s as d } from "./tooltip-BmZ9Bfou.js";
-import { E as f, O as p, P as m, j as h, k as g } from "./sheet-DQTOen4V.js";
-import { t as _ } from "./GenericForm-D7ni-5-4.js";
-import { t as v } from "./ErrorAlert-L2s8Dd1_.js";
-import { useEffect as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { AlertCircleIcon as w, Pen as T, Save as E, X as D } from "lucide-react";
-//#region src/components/core/dialogs/AppDialog.tsx
-function O({ open: t, onOpenChange: n, config: r, isLoading: a, error: o, children: s }) {
-	let { t: c } = e(), { title: _, description: v, icon: y, maxWidth: b = "sm:max-w-xl", actions: x } = r;
-	return /* @__PURE__ */ S(f, {
-		open: t,
-		onOpenChange: n,
-		children: /* @__PURE__ */ C(p, {
-			className: `${b} max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`,
-			children: [
-				a === !0 ? /* @__PURE__ */ S("div", {
-					className: "absolute top-0 left-0 right-0 z-10",
-					children: /* @__PURE__ */ S(i, {
-						indeterminate: !0,
-						className: "h-1 rounded-none"
-					})
-				}) : null,
-				/* @__PURE__ */ C(h, {
-					className: "bg-gradient-to-r from-slate-900 to-purple-700 p-4 sm:p-6 sm:rounded-t-surface shrink-0",
-					children: [/* @__PURE__ */ C(m, {
-						className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-white",
-						children: [y === void 0 ? null : /* @__PURE__ */ S("div", {
-							className: "p-2 bg-white/20 rounded-control",
-							children: /* @__PURE__ */ S(y, { className: "size-4 text-white" })
-						}), c(_)]
-					}), v !== void 0 && v !== "" ? /* @__PURE__ */ S(g, {
-						className: "text-indigo-100 text-base",
-						children: c(v)
-					}) : null]
-				}),
-				o == null ? null : /* @__PURE__ */ S("div", {
-					className: "px-6  ",
-					children: /* @__PURE__ */ C(u, {
-						variant: "destructive",
-						className: "max-w-full",
-						children: [/* @__PURE__ */ S(w, { className: "size-4" }), /* @__PURE__ */ S(l, {
-							className: "break-words overflow-wrap-anywhere max-w-full",
-							children: o.message
-						})]
-					})
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: s
-				}),
-				x !== void 0 && x.length > 0 ? /* @__PURE__ */ S("div", {
-					className: "sm:rounded-b-surface border-t border-gray-200 dark:border-gray-700 shrink-0 p-4 sm:p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950",
-					children: /* @__PURE__ */ S("div", {
-						className: "flex justify-end gap-3",
-						children: x.map((e, t) => /* @__PURE__ */ C(d, {
-							variant: e.variant ?? "default",
-							onClick: e.onClick,
-							disabled: e.disabled === !0 || a === !0,
-							children: [e.icon === void 0 ? null : /* @__PURE__ */ S(e.icon, { className: "size-4" }), c(e.label)]
-						}, t))
-					})
-				}) : null
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/core/dialogs/FormDialog.tsx
-function k({ open: t, onOpenChange: n, data: r, title: i, headerBadge: a, schema: o, onSave: s, customFooter: c, defaultEditing: l = !1, footerActions: u = !0, saveLabel: f = "Sauvegarder", cancelLabel: p, hideSaveIcon: m = !1, maxWidth: h = "sm:max-w-4xl", isLoading: g = !1 }) {
-	let { t: v } = e(), [w, k] = b(l), [A, j] = b(!1), [M, N] = b(null);
-	if (y(() => {
-		t && k(l);
-	}, [t, l]), r == null) return null;
-	let P = () => {
-		w ? s !== void 0 && M && M() : k(!0);
-	}, F = () => {
-		k(!1);
-	}, I = () => {
-		s !== void 0 && M && M();
-	}, L = async (e) => {
-		if (s) {
-			j(!0);
-			try {
-				await s(e), k(!1);
-			} catch (e) {
-				console.error(e);
-			} finally {
-				j(!1);
-			}
-		}
-	}, R = [];
-	s !== void 0 && (w ? (p !== "" && R.push({
-		label: p ?? v("actions.cancel"),
-		onClick: F,
-		variant: "outline",
-		disabled: A || g,
-		icon: D
-	}), R.push({
-		label: A ? "Enregistrement..." : f,
-		onClick: I,
-		variant: "default",
-		disabled: A || g,
-		icon: m ? void 0 : E
-	})) : R.push({
-		label: v("actions.edit"),
-		onClick: P,
-		variant: "outline",
-		icon: T
-	}));
-	let z = {
-		title: i(r),
-		maxWidth: h,
-		actions: u ? R : []
-	};
-	return /* @__PURE__ */ S(O, {
-		open: t,
-		onOpenChange: (e) => {
-			n(e), e || F();
-		},
-		config: z,
-		isLoading: A || g,
-		children: /* @__PURE__ */ C("div", { children: [
-			a === void 0 ? null : /* @__PURE__ */ S("div", {
-				className: "mb-4",
-				children: a(r)
-			}),
-			/* @__PURE__ */ S(_, {
-				schema: o,
-				initialData: r,
-				disabled: !w,
-				onSubmit: (e) => {
-					L(e);
-				},
-				renderActions: !1,
-				onRegisterSubmit: (e) => {
-					N(() => e);
-				},
-				isLoading: A || g
-			}),
-			c === void 0 ? null : c(r),
-			s !== void 0 && !u ? /* @__PURE__ */ S("div", {
-				className: "flex justify-end gap-2 border-t pt-4 mt-6",
-				children: w ? /* @__PURE__ */ C(x, { children: [p === "" ? null : /* @__PURE__ */ C(d, {
-					onClick: F,
-					variant: "outline",
-					size: "sm",
-					disabled: A || g,
-					children: [/* @__PURE__ */ S(D, { className: "size-4 mr-2" }), p ?? v("actions.cancel")]
-				}), /* @__PURE__ */ C(d, {
-					onClick: I,
-					size: "sm",
-					disabled: A || g,
-					className: "text-white",
-					children: [m ? null : /* @__PURE__ */ S(E, { className: "size-4 mr-2" }), A ? "Enregistrement..." : f]
-				})] }) : /* @__PURE__ */ C(d, {
-					onClick: P,
-					variant: "outline",
-					size: "sm",
-					children: [/* @__PURE__ */ S(T, { className: "size-4 mr-2" }), "Modifier"]
-				})
-			}) : null
-		] })
-	});
-}
-//#endregion
-//#region src/components/core/dialogs/ConfirmationDialog.tsx
-function A({ isLoading: i, error: l, config: u, destructive: f = !1 }) {
-	let { t: p } = e();
-	return u ? /* @__PURE__ */ S(t, {
-		open: u.isOpen,
-		onOpenChange: (e) => {
-			!e && !i && u.onClose();
-		},
-		children: /* @__PURE__ */ C(o, { children: [
-			/* @__PURE__ */ C(a, { children: [
-				/* @__PURE__ */ C(c, {
-					className: u.titleClassName,
-					children: [u.icon && /* @__PURE__ */ S(u.icon, { className: "size-4" }), p(u.title)]
-				}),
-				u.headerClassName && /* @__PURE__ */ S(a, { className: u.headerClassName }),
-				/* @__PURE__ */ S(s, { children: p(u.description) }),
-				u.itemName && /* @__PURE__ */ S(s, { children: /* @__PURE__ */ S("span", {
-					className: "font-semibold block my-2",
-					children: u.itemName
-				}) })
-			] }),
-			/* @__PURE__ */ S(v, { error: l instanceof Error ? null : l }),
-			/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(r, {
-				disabled: i,
-				children: p("common.buttons.cancel")
-			}), /* @__PURE__ */ S(d, {
-				onClick: (e) => {
-					e.preventDefault(), u.onConfirm();
-				},
-				disabled: i,
-				className: f ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "",
-				children: i ? p(u.loadingKey || "common.buttons.loading") : u.confirmKey
-			})] })
-		] })
-	}) : null;
-}
-//#endregion
-export { k as n, O as r, A as t };