@krosoft/react 0.0.325 → 0.0.326

package/dist/{charts-QR6bDfQR.js → charts-NxoXrN5w.js}

@@ -5,9 +5,9 @@ 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";
+import { Bar as _, BarChart as v, CartesianGrid as y, Line as b, LineChart as x, Pie as S, PieChart as C, Rectangle as w, Sector as T, XAxis as E, YAxis as D } from "recharts";
 //#region src/components/core/charts/chartTooltip.helper.tsx
-var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
+var O = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 	className: "flex flex-1 justify-between gap-4",
 	children: [/* @__PURE__ */ h("span", {
 		className: "text-muted-foreground",
@@ -16,19 +16,19 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 		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: {
+}) : void 0, k = .35, A = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, j = ({ data: n, label: r = "Valeur", color: i = "hsl(var(--primary))", categoryWidth: a = 140, maxLabelLength: o = 22, valueFormatter: c, onSelect: l, className: d }) => {
+	let [f, p] = m.useState(null), b = 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) => ({
+	} }), [r, i]), x = m.useMemo(() => O(c, r), [c, r]), S = 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,
+		config: b,
 		className: e("aspect-auto size-full", d),
 		children: /* @__PURE__ */ g(v, {
-			data: b,
+			data: S,
 			layout: "vertical",
 			margin: {
 				top: 5,
@@ -41,7 +41,7 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					strokeDasharray: "3 3",
 					horizontal: !1
 				}),
-				/* @__PURE__ */ h(w, {
+				/* @__PURE__ */ h(E, {
 					type: "number",
 					dataKey: "value",
 					allowDecimals: !1,
@@ -50,15 +50,15 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					tickMargin: 8,
 					tickFormatter: c ? (e) => c(Number(e)) : void 0
 				}),
-				/* @__PURE__ */ h(T, {
+				/* @__PURE__ */ h(D, {
 					type: "category",
 					dataKey: "name",
 					width: a,
 					tickLine: !1,
 					axisLine: !1,
-					tickFormatter: (e) => D(String(e), o)
+					tickFormatter: (e) => A(String(e), o)
 				}),
-				/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, { formatter: p }) }),
+				/* @__PURE__ */ h(t, { content: /* @__PURE__ */ h(s, { formatter: x }) }),
 				/* @__PURE__ */ h(_, {
 					dataKey: "value",
 					fill: "var(--color-value)",
@@ -69,6 +69,16 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 						0
 					],
 					className: l ? "cursor-pointer" : void 0,
+					onMouseEnter: l ? (e, t) => {
+						p(t);
+					} : void 0,
+					onMouseLeave: l ? () => {
+						p(null);
+					} : void 0,
+					shape: (e) => /* @__PURE__ */ h(w, {
+						...e,
+						fillOpacity: f !== null && f !== e.index ? k : 1
+					}),
 					onClick: l ? (e, t) => {
 						l(n[t], t);
 					} : void 0
@@ -76,11 +86,11 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 			]
 		})
 	});
-}, k = ({ data: n, label: r = "Valeur", color: i = "hsl(var(--primary))", labelAngle: a, valueFormatter: o, allowDecimals: c = !1, onSelect: l, className: d }) => {
+}, M = ({ 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) => ({
+	} }), [r, i]), p = m.useMemo(() => O(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]);
@@ -100,7 +110,7 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					strokeDasharray: "3 3",
 					vertical: !1
 				}),
-				/* @__PURE__ */ h(w, {
+				/* @__PURE__ */ h(E, {
 					dataKey: "name",
 					angle: a,
 					textAnchor: b ? "end" : "middle",
@@ -109,7 +119,7 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					axisLine: !1,
 					tickMargin: 8
 				}),
-				/* @__PURE__ */ h(T, {
+				/* @__PURE__ */ h(D, {
 					allowDecimals: c,
 					tickLine: !1,
 					axisLine: !1,
@@ -134,13 +144,13 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 			]
 		})
 	});
-}, A = [
+}, N = [
 	"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 }) => {
+], P = (e) => N[e % N.length], F = ({ 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,
@@ -174,11 +184,11 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 			children: u
 		}) : null] })]
 	});
-}, N = {
+}, I = {
 	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);
+}, L = (e, t) => e >= t.danger ? "hsl(var(--destructive))" : e >= t.warning ? "hsl(var(--k-warning))" : "hsl(var(--k-success))", R = ({ value: t, max: n = 100, size: r = 120, strokeWidth: i = 8, label: a, unit: o = "%", color: s, thresholds: c = I, 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 ?? L(p, c);
 	return /* @__PURE__ */ g("div", {
 		className: e("flex flex-col items-center gap-2", u),
 		children: [/* @__PURE__ */ g("div", {
@@ -225,11 +235,11 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 			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 }) => {
+}, z = ({ 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]);
+	} }), [r, i]), p = m.useMemo(() => O(o, r), [o, r]);
 	return /* @__PURE__ */ h(u, {
 		config: f,
 		className: e("aspect-auto size-full", d),
@@ -246,7 +256,7 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					strokeDasharray: "3 3",
 					vertical: !1
 				}),
-				/* @__PURE__ */ h(w, {
+				/* @__PURE__ */ h(E, {
 					dataKey: "name",
 					tickLine: !1,
 					axisLine: !1,
@@ -254,7 +264,7 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 					interval: "preserveStartEnd",
 					tickFormatter: c ? (e) => c(String(e)) : void 0
 				}),
-				/* @__PURE__ */ h(T, {
+				/* @__PURE__ */ h(D, {
 					domain: a,
 					tickLine: !1,
 					axisLine: !1,
@@ -284,14 +294,14 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 			]
 		})
 	});
-}, L = ({ data: n, innerRadius: r, outerRadius: i, showLegend: a = !0, showLabels: l = !1, valueFormatter: d, onSelect: f, className: _ }) => {
+}, B = 6, V = ({ 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)
+		fill: e.color ?? P(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);
+		color: e.color ?? P(t)
+	}])), [n]), x = m.useMemo(() => O(d), [d]), w = r ?? (v ? 45 : 60), E = i ?? (v ? 80 : 100);
 	return /* @__PURE__ */ h(u, {
 		config: b,
 		className: e("aspect-auto size-full", _),
@@ -308,11 +318,15 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 				cx: "50%",
 				cy: a ? "45%" : "50%",
 				innerRadius: w,
-				outerRadius: T,
+				outerRadius: E,
 				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"),
+				shape: (e) => /* @__PURE__ */ h(T, {
+					...e,
+					outerRadius: f && e.isActive ? e.outerRadius + B : e.outerRadius
+				}),
 				onClick: f ? (e, t) => {
 					f(n[t], t);
 				} : void 0
@@ -325,4 +339,4 @@ var E = (e, t) => e ? (n, r) => /* @__PURE__ */ g("div", {
 	});
 };
 //#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 };
+export { N as a, j as c, F as i, z as n, P as o, R as r, M as s, V as t };

package/dist/components/core/charts/BarChartHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/BarChartHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wHAAwH;IACxH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,6FAShC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAiDtC,CAAC"}
+{"version":3,"file":"BarChartHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/BarChartHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wHAAwH;IACxH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,6FAShC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAoEtC,CAAC"}

package/dist/components/core/charts/PieChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/PieChart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OA+C5B,CAAC"}
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/core/charts/PieChart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAmD5B,CAAC"}

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

@@ -1,2 +1,2 @@
-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-QR6bDfQR.js";
+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-NxoXrN5w.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/index.js

@@ -1,7 +1,7 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "../../cards-OMWaiu9p.js";
 import { I as o } from "../../ui-yvfaMQwo.js";
 import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-BtfL6yxE.js";
-import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-QR6bDfQR.js";
+import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-NxoXrN5w.js";
 import { t as T } from "../../ErrorAlert-B9xG4dAD.js";
 import { n as E, r as D, t as O } from "../../dialogs-BVf-OP_h.js";
 import { t as k } from "../../ImageInput-BESvVwnK.js";

package/dist/components/index.js

@@ -6,7 +6,7 @@ import { a as bn, c as xn, i as Sn, l as Cn, n as wn, o as Tn, r as En, s as Dn,
 import { A as kn, C as An, D as jn, E as Mn, F as Nn, M as Pn, N as Fn, O as In, P as Ln, S as Rn, T as zn, _ as Bn, a as Vn, b as Hn, c as Un, d as Wn, f as Gn, g as Kn, h as qn, i as Jn, j as Yn, k as Xn, l as Zn, m as Qn, n as $n, o as er, p as tr, r as nr, s as rr, t as ir, u as ar, v as or, w as sr, x as cr, y as lr } from "../sheet-BtfL6yxE.js";
 import { a as ur, c as dr, i as fr, l as pr, n as mr, o as hr, r as gr, s as _r, t as vr, u as yr } from "../select-KWMg2_7Z.js";
 import { t as br } from "../skeleton-D6Ga4BLw.js";
-import { a as xr, c as Sr, i as Cr, n as wr, o as Tr, r as Er, s as Dr, t as Or } from "../charts-QR6bDfQR.js";
+import { a as xr, c as Sr, i as Cr, n as wr, o as Tr, r as Er, s as Dr, t as Or } from "../charts-NxoXrN5w.js";
 import { t as kr } from "../ErrorAlert-B9xG4dAD.js";
 import { n as Ar, r as jr, t as Mr } from "../dialogs-BVf-OP_h.js";
 import { t as Nr } from "../ImageInput-BESvVwnK.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.325",
+  "version": "0.0.326",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {