@krosoft/react 0.0.361 → 0.0.363

package/dist/dialogs-Cc0rZDqp.js

@@ -1,216 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-4vaVzTli.js";
-import { Bn as n, F as r, Gn as i, Hn as a, Rn as o, Un as s, Vn as c, Wn as l } from "./ui-DdOKgsjM.js";
-import { c as u } from "./tooltip-_geGvbS7.js";
-import { E as d, O as f, P as p, j as m, k as h } from "./sheet-DjBA9WGR.js";
-import { t as g } from "./ErrorAlert-B6v1MVRR.js";
-import { t as _ } from "./GenericForm-CH6e_xTW.js";
-import { useEffect as v, useId as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Pen as w, Save as T, X as E } from "lucide-react";
-//#region src/components/core/dialogs/AppDialog.tsx
-var D = {
-	sm: "sm:max-w-sm",
-	md: "sm:max-w-md",
-	lg: "sm:max-w-lg",
-	xl: "sm:max-w-xl",
-	"2xl": "sm:max-w-2xl",
-	"3xl": "sm:max-w-3xl",
-	"4xl": "sm:max-w-4xl",
-	full: "sm:max-w-[95vw]"
-};
-function O({ open: n, onOpenChange: i, config: a, isLoading: o, error: s, footer: c, className: l, children: _ }) {
-	let { t: v } = t(), { title: y, description: b, icon: x, size: w = "xl", maxWidth: T, actions: E, headerClassName: O, footerClassName: k } = a, A = o === !0, j = (e) => typeof e == "string" ? v(e) : e, M = (e) => {
-		(e || !A) && i(e);
-	}, N = c !== void 0 || E !== void 0 && E.length > 0;
-	return /* @__PURE__ */ S(d, {
-		open: n,
-		onOpenChange: M,
-		children: /* @__PURE__ */ C(f, {
-			className: e("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-dialog-header-foreground [&>button]:focus:ring-dialog-header-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", T ?? D[w], l),
-			children: [
-				A ? /* @__PURE__ */ S("div", {
-					className: "absolute top-0 left-0 right-0 z-10",
-					children: /* @__PURE__ */ S(r, {
-						indeterminate: !0,
-						className: "h-1 rounded-none"
-					})
-				}) : null,
-				/* @__PURE__ */ C(m, {
-					className: e("bg-gradient-to-r from-dialog-header-from to-dialog-header-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
-					children: [/* @__PURE__ */ C(p, {
-						className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-dialog-header-foreground",
-						children: [x === void 0 ? null : /* @__PURE__ */ S("div", {
-							className: "p-2 bg-dialog-header-foreground/20 rounded-control",
-							children: /* @__PURE__ */ S(x, { className: "size-4 text-dialog-header-foreground" })
-						}), j(y)]
-					}), b !== void 0 && b !== "" ? /* @__PURE__ */ S(h, {
-						className: "text-dialog-header-foreground/80 text-base",
-						children: j(b)
-					}) : null]
-				}),
-				s ? /* @__PURE__ */ S("div", {
-					className: "px-4 sm:px-6 pt-4",
-					children: /* @__PURE__ */ S(g, {
-						error: s,
-						className: "max-w-full"
-					})
-				}) : null,
-				/* @__PURE__ */ S("div", {
-					className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: _
-				}),
-				N ? /* @__PURE__ */ S("div", {
-					className: e("sm:rounded-b-surface border-t border-border bg-muted/40 shrink-0 p-4 sm:p-6", k),
-					children: c ?? /* @__PURE__ */ S("div", {
-						className: "flex justify-end gap-3",
-						children: E?.map((e) => /* @__PURE__ */ C(u, {
-							type: e.type ?? "button",
-							form: e.form,
-							variant: e.variant ?? "default",
-							onClick: e.onClick,
-							disabled: e.disabled === !0 || A && e.disableOnLoading !== !1,
-							className: e.className,
-							children: [e.icon === void 0 ? null : /* @__PURE__ */ S(e.icon, { className: "size-4" }), v(e.label)]
-						}, e.id ?? e.label))
-					})
-				}) : null
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/core/dialogs/FormDialog.tsx
-function k({ open: e, onOpenChange: n, data: r, title: i, headerBadge: a, schema: o, onSave: s, customFooter: c, defaultEditing: l = !1, footerActions: d = !0, saveLabel: f, cancelLabel: p, hideSaveIcon: m = !1, size: h = "4xl", maxWidth: g, isLoading: D = !1 }) {
-	let { t: k } = t(), A = f ?? k("actions.save"), [j, M] = b(l), [N, P] = b(!1), F = y();
-	if (v(() => {
-		e && M(l);
-	}, [e, l]), r == null) return null;
-	let I = () => {
-		M(!0);
-	}, L = () => {
-		M(!1);
-	}, R = async (e) => {
-		if (s) {
-			P(!0);
-			try {
-				await s(e), M(!1);
-			} catch (e) {
-				console.error(e);
-			} finally {
-				P(!1);
-			}
-		}
-	}, z = [];
-	s !== void 0 && (j ? (p !== "" && z.push({
-		label: p ?? k("actions.cancel"),
-		onClick: L,
-		variant: "outline",
-		disabled: N || D,
-		icon: E
-	}), z.push({
-		label: N ? k("actions.saving") : A,
-		type: "submit",
-		form: F,
-		variant: "default",
-		disabled: N || D,
-		icon: m ? void 0 : T
-	})) : z.push({
-		label: k("actions.edit"),
-		onClick: I,
-		variant: "outline",
-		icon: w
-	}));
-	let B = {
-		title: i(r),
-		size: h,
-		maxWidth: g,
-		actions: d ? z : []
-	};
-	return /* @__PURE__ */ S(O, {
-		open: e,
-		onOpenChange: (e) => {
-			n(e), e || L();
-		},
-		config: B,
-		isLoading: N || D,
-		children: /* @__PURE__ */ C("div", { children: [
-			a === void 0 ? null : /* @__PURE__ */ S("div", {
-				className: "mb-4",
-				children: a(r)
-			}),
-			/* @__PURE__ */ S(_, {
-				id: F,
-				schema: o,
-				initialData: r,
-				disabled: !j,
-				onSubmit: (e) => {
-					R(e);
-				},
-				renderActions: !1,
-				isLoading: N || D
-			}),
-			c === void 0 ? null : c(r),
-			s !== void 0 && !d ? /* @__PURE__ */ S("div", {
-				className: "flex justify-end gap-2 border-t pt-4 mt-6",
-				children: j ? /* @__PURE__ */ C(x, { children: [p === "" ? null : /* @__PURE__ */ C(u, {
-					onClick: L,
-					variant: "outline",
-					size: "sm",
-					disabled: N || D,
-					children: [/* @__PURE__ */ S(E, { className: "size-4 mr-2" }), p ?? k("actions.cancel")]
-				}), /* @__PURE__ */ C(u, {
-					type: "submit",
-					form: F,
-					size: "sm",
-					disabled: N || D,
-					className: "text-white",
-					children: [m ? null : /* @__PURE__ */ S(T, { className: "size-4 mr-2" }), N ? k("actions.saving") : A]
-				})] }) : /* @__PURE__ */ C(u, {
-					onClick: I,
-					variant: "outline",
-					size: "sm",
-					children: [/* @__PURE__ */ S(w, { className: "size-4 mr-2" }), k("actions.edit")]
-				})
-			}) : null
-		] })
-	});
-}
-//#endregion
-//#region src/components/core/dialogs/ConfirmationDialog.tsx
-function A({ isLoading: e, error: r, config: d, destructive: f = !1 }) {
-	let { t: p } = t();
-	return d ? /* @__PURE__ */ S(o, {
-		open: d.isOpen,
-		onOpenChange: (t) => {
-			!t && !e && d.onClose();
-		},
-		children: /* @__PURE__ */ C(c, { children: [
-			/* @__PURE__ */ C(l, { children: [
-				/* @__PURE__ */ C(i, {
-					className: d.titleClassName,
-					children: [d.icon && /* @__PURE__ */ S(d.icon, { className: "size-4" }), p(d.title)]
-				}),
-				/* @__PURE__ */ S(a, { children: p(d.description) }),
-				d.itemName && /* @__PURE__ */ S(a, { children: /* @__PURE__ */ S("span", {
-					className: "font-semibold block my-2",
-					children: d.itemName
-				}) })
-			] }),
-			/* @__PURE__ */ S(g, { error: r }),
-			/* @__PURE__ */ C(s, { children: [/* @__PURE__ */ S(n, {
-				disabled: e,
-				children: p("actions.cancel")
-			}), /* @__PURE__ */ S(u, {
-				onClick: (e) => {
-					e.preventDefault(), d.onConfirm();
-				},
-				disabled: e,
-				className: f ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "",
-				children: p(e ? d.loadingKey ?? "states.loading" : d.confirmKey)
-			})] })
-		] })
-	}) : null;
-}
-//#endregion
-export { k as n, O as r, A as t };