@krosoft/react 0.0.238 → 0.0.239

package/dist/charts-CXhVUqLH.js

@@ -0,0 +1,328 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { a as t, c as n, d as r, f as i, l as a, n as o, o as s, r as c, s as l, t as u } from "./chart-Dq3AIrue.js";
+import { t as d } from "./i18n-Dw99bRmg.js";
+import { t as f } from "./skeleton-D6Ga4BLw.js";
+import { t as p } from "./useMobile-pTQ8lWvt.js";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Bar as _, BarChart as v, CartesianGrid as y, Line as b, LineChart as x, Pie as S, PieChart as C, XAxis as w, YAxis as T } from "recharts";
+//#region src/components/core/charts/chartTooltip.helper.tsx
+var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
+	className: "flex flex-1 justify-between gap-4",
+	children: [/* @__PURE__ */ h("span", {
+		className: "text-muted-foreground",
+		children: t ?? String(r)
+	}), /* @__PURE__ */ h("span", {
+		className: "font-mono font-medium tabular-nums text-foreground",
+		children: e(Number(n))
+	})]
+}) : void 0, D = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, O = ({ data: n, label: r = "Valeur", color: i = "hsl(var(--primary))", categoryWidth: a = 140, maxLabelLength: o = 22, valueFormatter: c, onSelect: l, className: d }) => {
+	let f = m.useMemo(() => ({ value: {
+		label: r,
+		color: i
+	} }), [r, i]), p = m.useMemo(() => E(c, r), [c, r]), b = m.useMemo(() => n.some((e) => e.color !== void 0) ? n.map((e) => ({
+		...e,
+		fill: e.color ?? i
+	})) : n, [n, i]);
+	return /* @__PURE__ */ h(u, {
+		config: f,
+		className: e("aspect-auto size-full", d),
+		children: /* @__PURE__ */ g(v, {
+			data: b,
+			layout: "vertical",
+			margin: {
+				top: 5,
+				right: 20,
+				left: 0,
+				bottom: 5
+			},
+			children: [
+				/* @__PURE__ */ h(y, {
+					strokeDasharray: "3 3",
+					horizontal: !1
+				}),
+				/* @__PURE__ */ h(w, {
+					type: "number",
+					dataKey: "value",
+					allowDecimals: !1,
+					tickLine: !1,
+					axisLine: !1,
+					tickMargin: 8,
+					tickFormatter: c ? (e) => c(Number(e)) : void 0
+				}),
+				/* @__PURE__ */ h(T, {
+					type: "category",
+					dataKey: "name",
+					width: a,
+					tickLine: !1,
+					axisLine: !1,
+					tickFormatter: (e) => D(String(e), o)
+				}),
+				/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, { formatter: p }) }),
+				/* @__PURE__ */ h(_, {
+					dataKey: "value",
+					fill: "var(--color-value)",
+					radius: [
+						0,
+						4,
+						4,
+						0
+					],
+					className: l ? "cursor-pointer" : void 0,
+					onClick: l ? (e, t) => {
+						l(n[t], t);
+					} : void 0
+				})
+			]
+		})
+	});
+}, k = ({ data: n, label: r = "Valeur", color: i = "hsl(var(--primary))", labelAngle: a, valueFormatter: o, allowDecimals: c = !1, onSelect: l, className: d }) => {
+	let f = m.useMemo(() => ({ value: {
+		label: r,
+		color: i
+	} }), [r, i]), p = m.useMemo(() => E(o, r), [o, r]), b = a !== void 0 && a !== 0, x = m.useMemo(() => n.some((e) => e.color !== void 0) ? n.map((e) => ({
+		...e,
+		fill: e.color ?? i
+	})) : n, [n, i]);
+	return /* @__PURE__ */ h(u, {
+		config: f,
+		className: e("aspect-auto size-full", d),
+		children: /* @__PURE__ */ g(v, {
+			data: x,
+			margin: {
+				top: 10,
+				right: 10,
+				left: 0,
+				bottom: b ? 20 : 10
+			},
+			children: [
+				/* @__PURE__ */ h(y, {
+					strokeDasharray: "3 3",
+					vertical: !1
+				}),
+				/* @__PURE__ */ h(w, {
+					dataKey: "name",
+					angle: a,
+					textAnchor: b ? "end" : "middle",
+					height: b ? 50 : void 0,
+					tickLine: !1,
+					axisLine: !1,
+					tickMargin: 8
+				}),
+				/* @__PURE__ */ h(T, {
+					allowDecimals: c,
+					tickLine: !1,
+					axisLine: !1,
+					width: o ? 48 : 32,
+					tickFormatter: o ? (e) => o(Number(e)) : void 0
+				}),
+				/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, { formatter: p }) }),
+				/* @__PURE__ */ h(_, {
+					dataKey: "value",
+					fill: "var(--color-value)",
+					radius: [
+						4,
+						4,
+						0,
+						0
+					],
+					className: l ? "cursor-pointer" : void 0,
+					onClick: l ? (e, t) => {
+						l(n[t], t);
+					} : void 0
+				})
+			]
+		})
+	});
+}, A = [
+	"hsl(var(--k-chart-1))",
+	"hsl(var(--k-chart-2))",
+	"hsl(var(--k-chart-3))",
+	"hsl(var(--k-chart-4))",
+	"hsl(var(--k-chart-5))"
+], j = (e) => A[e % A.length], M = ({ title: t, description: o, icon: s, actions: c, footer: u, isLoading: p = !1, isEmpty: m = !1, emptyLabel: _, height: v = 300, className: y, contentClassName: b, children: x }) => {
+	let { t: S } = d(), C = s;
+	return /* @__PURE__ */ g(l, {
+		className: y,
+		children: [/* @__PURE__ */ h(r, { children: /* @__PURE__ */ g("div", {
+			className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between",
+			children: [/* @__PURE__ */ g("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ g(i, {
+					className: "flex items-center gap-2",
+					children: [C && /* @__PURE__ */ h(C, { className: "size-5 shrink-0" }), /* @__PURE__ */ h("span", {
+						className: "truncate",
+						children: t
+					})]
+				}), o !== void 0 && o !== "" ? /* @__PURE__ */ h(a, { children: o }) : null]
+			}), c == null ? null : /* @__PURE__ */ h("div", {
+				className: "shrink-0",
+				children: c
+			})]
+		}) }), /* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h("div", {
+			className: e("w-full", b),
+			style: v === null ? void 0 : { height: v },
+			children: p ? /* @__PURE__ */ h(f, { className: "size-full rounded-surface" }) : m ? /* @__PURE__ */ h("div", {
+				className: "flex size-full items-center justify-center",
+				children: /* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground",
+					children: _ ?? S("states.noData")
+				})
+			}) : x
+		}), !p && !m && u != null ? /* @__PURE__ */ h("div", {
+			className: "mt-4",
+			children: u
+		}) : null] })]
+	});
+}, N = {
+	warning: 50,
+	danger: 80
+}, P = (e, t) => e >= t.danger ? "hsl(var(--destructive))" : e >= t.warning ? "hsl(var(--k-warning))" : "hsl(var(--k-success))", F = ({ value: t, max: n = 100, size: r = 120, strokeWidth: i = 8, label: a, unit: o = "%", color: s, thresholds: c = N, valueFormatter: l = (e) => e.toFixed(1), className: u }) => {
+	let d = (r - i) / 2, f = d * 2 * Math.PI, p = n > 0 ? Math.min(100, Math.max(0, t / n * 100)) : 0, m = s ?? P(p, c);
+	return /* @__PURE__ */ g("div", {
+		className: e("flex flex-col items-center gap-2", u),
+		children: [/* @__PURE__ */ g("div", {
+			className: "relative",
+			style: {
+				width: r,
+				height: r
+			},
+			children: [/* @__PURE__ */ g("svg", {
+				width: r,
+				height: r,
+				className: "-rotate-90",
+				children: [/* @__PURE__ */ h("circle", {
+					cx: r / 2,
+					cy: r / 2,
+					r: d,
+					className: "stroke-muted",
+					strokeWidth: i,
+					fill: "transparent"
+				}), /* @__PURE__ */ h("circle", {
+					cx: r / 2,
+					cy: r / 2,
+					r: d,
+					stroke: m,
+					strokeWidth: i,
+					fill: "transparent",
+					strokeDasharray: f,
+					strokeDashoffset: f - p / 100 * f,
+					strokeLinecap: "round",
+					className: "transition-all duration-500 ease-out"
+				})]
+			}), /* @__PURE__ */ g("div", {
+				className: "absolute inset-0 flex flex-col items-center justify-center",
+				children: [/* @__PURE__ */ h("span", {
+					className: "text-2xl font-bold text-card-foreground",
+					children: l(t)
+				}), o !== "" && /* @__PURE__ */ h("span", {
+					className: "text-sm text-muted-foreground",
+					children: o
+				})]
+			})]
+		}), a !== void 0 && a !== "" ? /* @__PURE__ */ h("span", {
+			className: "text-sm font-medium text-muted-foreground",
+			children: a
+		}) : null]
+	});
+}, I = ({ data: n, label: r = "Valeur", color: i = "hsl(var(--primary))", yAxisDomain: a, valueFormatter: o, labelFormatter: c, showDots: l = !0, className: d }) => {
+	let f = m.useMemo(() => ({ value: {
+		label: r,
+		color: i
+	} }), [r, i]), p = m.useMemo(() => E(o, r), [o, r]);
+	return /* @__PURE__ */ h(u, {
+		config: f,
+		className: e("aspect-auto size-full", d),
+		children: /* @__PURE__ */ g(x, {
+			data: n,
+			margin: {
+				top: 10,
+				right: 20,
+				left: 0,
+				bottom: 10
+			},
+			children: [
+				/* @__PURE__ */ h(y, {
+					strokeDasharray: "3 3",
+					vertical: !1
+				}),
+				/* @__PURE__ */ h(w, {
+					dataKey: "name",
+					tickLine: !1,
+					axisLine: !1,
+					tickMargin: 8,
+					interval: "preserveStartEnd",
+					tickFormatter: c ? (e) => c(String(e)) : void 0
+				}),
+				/* @__PURE__ */ h(T, {
+					domain: a,
+					tickLine: !1,
+					axisLine: !1,
+					width: o ? 48 : 32,
+					tickFormatter: o ? (e) => o(Number(e)) : void 0
+				}),
+				/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, {
+					formatter: p,
+					labelFormatter: c ? (e) => c(String(e)) : void 0
+				}) }),
+				/* @__PURE__ */ h(b, {
+					type: "monotone",
+					dataKey: "value",
+					stroke: "var(--color-value)",
+					strokeWidth: 2,
+					dot: l ? {
+						fill: "var(--color-value)",
+						strokeWidth: 0,
+						r: 3
+					} : !1,
+					activeDot: {
+						r: 5,
+						strokeWidth: 2,
+						className: "stroke-background"
+					}
+				})
+			]
+		})
+	});
+}, L = ({ data: n, innerRadius: r, outerRadius: i, showLegend: a = !0, showLabels: l = !1, valueFormatter: d, onSelect: f, className: _ }) => {
+	let v = p(), y = m.useMemo(() => n.map((e, t) => ({
+		...e,
+		fill: e.color ?? j(t)
+	})), [n]), b = m.useMemo(() => Object.fromEntries(n.map((e, t) => [e.name, {
+		label: e.name,
+		color: e.color ?? j(t)
+	}])), [n]), x = m.useMemo(() => E(d), [d]), w = r ?? (v ? 45 : 60), T = i ?? (v ? 80 : 100);
+	return /* @__PURE__ */ h(u, {
+		config: b,
+		className: e("aspect-auto size-full", _),
+		children: /* @__PURE__ */ g(C, { children: [
+			/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, {
+				nameKey: "name",
+				hideLabel: !0,
+				formatter: x
+			}) }),
+			/* @__PURE__ */ h(S, {
+				data: y,
+				dataKey: "value",
+				nameKey: "name",
+				cx: "50%",
+				cy: a ? "45%" : "50%",
+				innerRadius: w,
+				outerRadius: T,
+				paddingAngle: w > 0 ? 2 : 0,
+				label: l ? ({ name: e, value: t }) => `${String(e)} (${String(t)})` : void 0,
+				isAnimationActive: !1,
+				className: e("stroke-background", f && "cursor-pointer"),
+				onClick: f ? (e, t) => {
+					f(n[t], t);
+				} : void 0
+			}),
+			a && /* @__PURE__ */ h(o, { content: /* @__PURE__ */ h(c, {
+				nameKey: "name",
+				className: "flex-wrap text-muted-foreground"
+			}) })
+		] })
+	});
+};
+//#endregion
+export { A as a, O as c, M as i, I as n, j as o, F as r, k as s, L as t };

package/dist/components/core/cards/index.js

@@ -1,10 +1,2 @@
-import { D as s, M as d } from "../../../MetricCard-B0xnFyim.js";
-import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-B9C4cNMr.js";
-export {
-  s as DashboardCard,
-  o as KpiCard,
-  C as KpiCards,
-  d as MetricCard,
-  t as SkeletonCard,
-  p as SkeletonCards
-};
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../cards-Cta6x49J.js";
+export { r as DashboardCard, e as KpiCard, t as KpiCards, i as MetricCard, n as SkeletonCard, a as SkeletonCards };

package/dist/components/core/charts/index.js

@@ -1,11 +1,2 @@
-import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-uozNJtEx.js";
-export {
-  C as BarChartHorizontal,
-  t as BarChartVertical,
-  s as CHART_COLORS,
-  e as ChartCard,
-  h as CircularGauge,
-  o as LineChart,
-  i as PieChart,
-  l as getChartColor
-};
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../../charts-CXhVUqLH.js";
+export { t as BarChartHorizontal, o as BarChartVertical, e as CHART_COLORS, n as ChartCard, a as CircularGauge, r as LineChart, s as PieChart, i as getChartColor };

package/dist/components/core/dialogs/index.js

@@ -1,19 +1,4 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-Dj4WdnHg.js";
-import { D as r, a as D, b as e, c as t, d as p, e as f, f as m, g as n, h as C, i as x } from "../../../sheet-XYI-ezvY.js";
-import { P } from "../../../toggle-group-iZqnrTj7.js";
-export {
-  i as AppDialog,
-  s as ConfirmationDialog,
-  r as Dialog,
-  D as DialogClose,
-  e as DialogContent,
-  t as DialogDescription,
-  p as DialogFooter,
-  f as DialogHeader,
-  m as DialogOverlay,
-  n as DialogPortal,
-  C as DialogTitle,
-  x as DialogTrigger,
-  g as FormDialog,
-  P as Progress
-};
+import { I as e } from "../../../ui-CiX0E_bn.js";
+import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-CRrYTZrl.js";
+import { n as d, r as f, t as p } from "../../../dialogs-BGHSClsq.js";
+export { f as AppDialog, p as ConfirmationDialog, r as Dialog, n as DialogClose, s as DialogContent, u as DialogDescription, t as DialogFooter, l as DialogHeader, a as DialogOverlay, o as DialogPortal, c as DialogTitle, i as DialogTrigger, d as FormDialog, e as Progress };