@acronis-platform/ui-react 5.5.3 → 5.5.5

package/dist/components/ui/composed-chart/composed-chart.js

@@ -2,11 +2,11 @@
 import { cn as e } from "../../../lib/utils.js";
 import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, toCssKey as s } from "../chart/chart.js";
-import { CHART_LABEL_MARGIN as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveCartesianLabelPosition as ee, resolveCategoryRange as f, resolveChartReferenceValue as p, resolveLabelFillClass as te, resolveReferenceLineProps as ne, resolveRotatedTickAnchor as re, resolveXAxisTickLabels as ie, resolveXAxisTitle as m, resolveYAxisTitle as h, toLabelFormatter as ae } from "../chart/chart-format.js";
+import { CHART_LABEL_MARGIN as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveCartesianLabelPosition as ee, resolveCategoryRange as f, resolveChartReferenceValue as p, resolveLabelFillClass as te, resolveReferenceLineProps as ne, resolveRotatedTickAnchor as re, resolveXAxisTickLabels as ie, resolveXAxisTitle as m, resolveYAxisTitle as h, resolveYAxisWidth as g, toLabelFormatter as ae } from "../chart/chart-format.js";
 import { mergeXAxisLayoutMargin as oe, useXAxisLayout as se } from "../chart/use-x-axis-layout.js";
-import * as g from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Area as ce, Bar as le, Brush as ue, CartesianGrid as de, ComposedChart as fe, LabelList as pe, Line as me, ReferenceArea as he, ReferenceLine as ge, XAxis as b, YAxis as x } from "recharts";
+import * as _ from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Area as ce, Bar as le, Brush as ue, CartesianGrid as de, ComposedChart as fe, LabelList as pe, Line as me, ReferenceArea as he, ReferenceLine as ge, XAxis as x, YAxis as S } from "recharts";
 //#region src/components/ui/composed-chart/composed-chart.tsx
 var _e = t("", {
 	variants: { orientation: {
@@ -14,148 +14,148 @@ var _e = t("", {
 		horizontal: ""
 	} },
 	defaultVariants: { orientation: "vertical" }
-}), ve = 100, ye = 50, S = "secondary", be = {
+}), ve = 100, ye = 50, C = "secondary", be = {
 	top: 5,
 	right: 5,
 	bottom: 5,
 	left: 5
-}, xe = .85, Se = { top: 16 }, C = g.forwardRef(({ className: t, config: C, palette: Ce, data: w, series: T, xKey: E, referenceLine: D, referenceArea: O, orientation: k = "vertical", xAxisLabel: A, yAxisLabel: j, xUnit: we, yUnit: Te, curve: M = "monotone", barRadius: Ee = 4, barSize: De, barGap: Oe, barCategoryGap: ke, showBackground: Ae = !1, backgroundFill: je = "var(--ui-background-surface-secondary)", showActiveBar: Me = !1, fillOpacity: Ne = .3, strokeWidth: N, showDots: Pe = !1, showActiveDots: Fe, connectNulls: Ie = !1, margin: P, showGrid: Le = !0, showTooltip: Re = !0, tooltipCursor: ze = !0, showLegend: Be = !0, legendPosition: F = "bottom", legendFontSize: I, legendAriaLabel: L, showXAxis: R = !0, showYAxis: z = !0, xTickFormatter: B, yTickFormatter: V, xAxisAngle: H, xAxisInterval: U, yAxisTickCount: Ve, yAxisDomain: He, yAxisOrientation: W, showSecondaryYAxis: Ue = !0, secondaryYAxisLabel: G, secondaryYUnit: We, secondaryYTickFormatter: Ge, secondaryYAxisTickCount: Ke, secondaryYAxisDomain: qe, gridDashed: Je, gridHorizontal: Ye, gridVertical: Xe, tooltipContent: Ze, animate: Qe, animationDuration: $e, animationBegin: et, animationEasing: tt, showLabels: nt = !1, labelPosition: rt, labelFormatter: it, showBrush: at = !1, brushHeight: ot, brushAriaLabel: st, ...ct }, lt) => {
+}, xe = .85, Se = { top: 16 }, w = _.forwardRef(({ className: t, config: w, palette: Ce, data: T, series: E, xKey: D, referenceLine: O, referenceArea: k, orientation: A = "vertical", xAxisLabel: j, yAxisLabel: M, xUnit: we, yUnit: Te, curve: N = "monotone", barRadius: Ee = 4, barSize: De, barGap: Oe, barCategoryGap: ke, showBackground: Ae = !1, backgroundFill: je = "var(--ui-background-surface-secondary)", showActiveBar: Me = !1, fillOpacity: Ne = .3, strokeWidth: P, showDots: Pe = !1, showActiveDots: Fe, connectNulls: Ie = !1, margin: F, showGrid: Le = !0, showTooltip: Re = !0, tooltipCursor: ze = !0, showLegend: Be = !0, legendPosition: I = "bottom", legendFontSize: L, legendAriaLabel: R, showXAxis: z = !0, showYAxis: B = !0, xTickFormatter: V, yTickFormatter: H, xAxisAngle: U, xAxisInterval: Ve, yAxisTickCount: He, yAxisDomain: Ue, yAxisOrientation: W, showSecondaryYAxis: We = !0, secondaryYAxisLabel: G, secondaryYUnit: Ge, secondaryYTickFormatter: Ke, secondaryYAxisTickCount: qe, secondaryYAxisDomain: Je, gridDashed: Ye, gridHorizontal: Xe, gridVertical: Ze, tooltipContent: Qe, animate: $e, animationDuration: et, animationBegin: tt, animationEasing: nt, showLabels: rt = !1, labelPosition: it, labelFormatter: at, showBrush: ot = !1, brushHeight: st, brushAriaLabel: ct, ...lt }, ut) => {
 	let K = l({
-		animate: Qe,
-		animationDuration: $e,
-		animationBegin: et,
-		animationEasing: tt
-	}), q = k === "horizontal", ut = m(A), J = T.some((e) => e.yAxis === "secondary"), dt = T.some((e) => e.yAxis !== "secondary"), Y = J && !dt, ft = W ?? "left", pt = ft === "left" ? "right" : "left", mt = h(j, q ? "left" : ft), ht = h(G, pt), gt = m(G, "insideTop"), _t = u(He), vt = u(qe), X = (e) => {
-		let t = e === "secondary" ? S : void 0;
+		animate: $e,
+		animationDuration: et,
+		animationBegin: tt,
+		animationEasing: nt
+	}), q = A === "horizontal", dt = m(j), J = E.some((e) => e.yAxis === "secondary"), ft = E.some((e) => e.yAxis !== "secondary"), Y = J && !ft, pt = W ?? "left", mt = pt === "left" ? "right" : "left", ht = h(M, q ? "left" : pt), gt = h(G, mt), _t = m(G, "insideTop"), vt = u(Ue), yt = u(Je), bt = g(T.length > 0, !!M), xt = g(T.length > 0, !!G), X = (e) => {
+		let t = e === "secondary" ? C : void 0;
 		return q ? { xAxisId: t } : { yAxisId: t };
-	}, yt = Y ? X("secondary") : {}, bt = ie(q ? [] : w.map((e) => e[E]), B), Z = g.useRef(null), Q = se(Z, H, A, bt.join("\0")), xt = D ? Array.isArray(D) ? D : [D] : [], St = (O ? Array.isArray(O) ? O : [O] : []).map((e) => ({
+	}, St = Y ? X("secondary") : {}, Ct = ie(q ? [] : T.map((e) => e[D]), V), wt = _.useRef(null), Z = se(wt, U, j, Ct.join("\0")), Tt = O ? Array.isArray(O) ? O : [O] : [], Et = (k ? Array.isArray(k) ? k : [k] : []).map((e) => ({
 		area: e,
-		range: f(e, w, E)
-	})).filter((e) => e.range !== void 0), Ct = Y ? "secondary" : "primary", wt = (e) => e.yAxis ?? "primary", Tt = new Map(T.map((e) => [e.key, wt(e)])), Et = (e) => T.filter((t) => wt(t) === e).map((e) => e.key), Dt = new Set(T.filter((e) => e.legendType === "none").map((e) => e.key)), $ = (e) => w[e]?.[E] ?? void 0, Ot = xt.map((e) => {
+		range: f(e, T, D)
+	})).filter((e) => e.range !== void 0), Dt = Y ? "secondary" : "primary", Ot = (e) => e.yAxis ?? "primary", kt = new Map(E.map((e) => [e.key, Ot(e)])), At = (e) => E.filter((t) => Ot(t) === e).map((e) => e.key), jt = new Set(E.filter((e) => e.legendType === "none").map((e) => e.key)), Q = (e) => T[e]?.[D] ?? void 0, Mt = Tt.map((e) => {
 		let t = e.category === void 0 ? void 0 : f({
 			from: e.category,
 			to: e.category
-		}, w, E), n = e.yAxis ?? (typeof e.average == "string" ? Tt.get(e.average) ?? Ct : Ct), r = p(e, w, Et(n)), i = t ? $(t[0]) : void 0;
+		}, T, D), n = e.yAxis ?? (typeof e.average == "string" ? kt.get(e.average) ?? Dt : Dt), r = p(e, T, At(n)), i = t ? Q(t[0]) : void 0;
 		return {
 			line: e,
 			lineAxis: n,
 			position: r === void 0 ? i === void 0 ? void 0 : q ? { y: i } : { x: i } : q ? { x: r } : { y: r },
 			isVerticalRule: r !== void 0 === q
 		};
-	}).filter((e) => e.position !== void 0), kt = nt ? c : void 0, At = Ot.some((e) => e.line.label && e.isVerticalRule) ? Se : void 0, jt = P || kt || At ? {
-		...P ? be : {},
-		...At,
-		...kt,
-		...P
-	} : void 0, Mt = oe(jt, Q.margin), Nt = /* @__PURE__ */ new Map();
-	T.forEach((e, t) => {
-		e.stackId && e.type !== "line" && Nt.set(`${e.type}-${e.stackId}`, t);
+	}).filter((e) => e.position !== void 0), $ = rt ? c : void 0, Nt = Mt.some((e) => e.line.label && e.isVerticalRule) ? Se : void 0, Pt = F || $ || Nt ? {
+		...F ? be : {},
+		...Nt,
+		...$,
+		...F
+	} : void 0, Ft = oe(Pt, Z.margin), It = /* @__PURE__ */ new Map();
+	E.forEach((e, t) => {
+		e.stackId && e.type !== "line" && It.set(`${e.type}-${e.stackId}`, t);
 	});
-	let Pt = () => /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ v(b, {
+	let Lt = () => /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(x, {
 			type: "number",
-			hide: !R || Y,
+			hide: !z || Y,
 			tickLine: !1,
 			axisLine: !1,
 			unit: we,
-			tickFormatter: B,
-			angle: H,
-			interval: U,
-			textAnchor: re(H),
-			tickCount: Ve,
-			domain: _t,
-			height: Q.height,
-			label: ut
+			tickFormatter: V,
+			angle: U,
+			interval: Ve,
+			textAnchor: re(U),
+			tickCount: He,
+			domain: vt,
+			height: Z.height,
+			label: dt
 		}),
-		/* @__PURE__ */ v(x, {
-			dataKey: E,
+		/* @__PURE__ */ y(S, {
+			dataKey: D,
 			type: "category",
-			hide: !z,
+			hide: !B,
 			tickLine: !1,
 			axisLine: !1,
-			tickFormatter: V,
-			width: j ? 96 : 80,
-			label: mt
+			tickFormatter: H,
+			width: M ? 96 : 80,
+			label: ht
 		}),
-		J && /* @__PURE__ */ v(b, {
-			xAxisId: S,
+		J && /* @__PURE__ */ y(x, {
+			xAxisId: C,
 			type: "number",
-			hide: !Ue,
+			hide: !We,
 			orientation: "top",
 			tickLine: !1,
 			axisLine: !1,
-			unit: We,
-			tickFormatter: Ge,
-			tickCount: Ke,
-			domain: vt,
-			label: gt
+			unit: Ge,
+			tickFormatter: Ke,
+			tickCount: qe,
+			domain: yt,
+			label: _t
 		})
-	] }), Ft = () => /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ v(b, {
-			dataKey: E,
+	] }), Rt = () => /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(x, {
+			dataKey: D,
 			type: "category",
-			hide: !R,
+			hide: !z,
 			tickLine: !1,
 			axisLine: !1,
 			tickMargin: 8,
-			tickFormatter: B,
-			angle: H,
-			interval: U,
-			textAnchor: re(H),
-			height: Q.height,
-			label: ut
+			tickFormatter: V,
+			angle: U,
+			interval: Ve,
+			textAnchor: re(U),
+			height: Z.height,
+			label: dt
 		}),
-		/* @__PURE__ */ v(x, {
+		/* @__PURE__ */ y(S, {
 			type: "number",
-			hide: !z || Y,
+			hide: !B || Y,
 			...W ? { orientation: W } : {},
 			tickLine: !1,
 			axisLine: !1,
 			unit: Te,
-			tickFormatter: V,
-			tickCount: Ve,
-			domain: _t,
-			width: j ? 72 : void 0,
-			label: mt
+			tickFormatter: H,
+			tickCount: He,
+			domain: vt,
+			width: bt,
+			label: ht
 		}),
-		J && /* @__PURE__ */ v(x, {
-			yAxisId: S,
+		J && /* @__PURE__ */ y(S, {
+			yAxisId: C,
 			type: "number",
-			hide: !Ue,
-			orientation: pt,
+			hide: !We,
+			orientation: mt,
 			tickLine: !1,
 			axisLine: !1,
-			unit: We,
-			tickFormatter: Ge,
-			tickCount: Ke,
-			domain: vt,
-			width: G ? 72 : void 0,
-			label: ht
+			unit: Ge,
+			tickFormatter: Ke,
+			tickCount: qe,
+			domain: yt,
+			width: xt,
+			label: gt
 		})
-	] }), It = Dt.size > 0 ? (e) => /* @__PURE__ */ v(i, {
-		verticalAlign: F,
-		fontSize: I,
-		ariaLabel: L,
-		payload: e.payload?.filter((e) => !Dt.has(String(e.dataKey)))
-	}) : /* @__PURE__ */ v(i, {
-		verticalAlign: F,
-		fontSize: I,
-		ariaLabel: L
-	}), Lt = (e, t) => {
+	] }), zt = jt.size > 0 ? (e) => /* @__PURE__ */ y(i, {
+		verticalAlign: I,
+		fontSize: L,
+		ariaLabel: R,
+		payload: e.payload?.filter((e) => !jt.has(String(e.dataKey)))
+	}) : /* @__PURE__ */ y(i, {
+		verticalAlign: I,
+		fontSize: L,
+		ariaLabel: R
+	}), Bt = (e, t) => {
 		let n = e.color ?? `var(--color-${s(e.key)})`, r = ve + t, i = X(e.yAxis), a = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, o = e.fillOpacity ?? Ne, c = e.connectNulls ?? Ie, l = e.showDots ?? Pe, u = e.showActiveDots ?? Fe, d = e.legendType ? { legendType: e.legendType } : {}, f = ee({
-			labelPosition: rt,
+			labelPosition: it,
 			isStacked: a !== void 0,
 			growingEnd: q ? "right" : "top"
-		}), p = nt ? /* @__PURE__ */ v(pe, {
+		}), p = rt ? /* @__PURE__ */ y(pe, {
 			dataKey: e.key,
 			position: f,
-			formatter: ae(it),
+			formatter: ae(at),
 			className: te(f, { translucentSeries: e.type === "area" }),
 			fontSize: 12
 		}) : null;
 		if (e.type === "bar") {
-			let o = e.barRadius ?? Ee, s = a === void 0 || Nt.get(a) === t, c = e.showBackground ?? Ae, l = e.showActiveBar ?? Me;
-			return /* @__PURE__ */ v(le, {
+			let o = e.barRadius ?? Ee, s = a === void 0 || It.get(a) === t, c = e.showBackground ?? Ae, l = e.showActiveBar ?? Me;
+			return /* @__PURE__ */ y(le, {
 				dataKey: e.key,
 				...i,
 				fill: n,
@@ -187,9 +187,9 @@ var _e = t("", {
 			}, e.key);
 		}
 		if (e.type === "area") {
-			let t = e.strokeWidth ?? N, s = t === void 0 ? {} : { strokeWidth: t };
-			return /* @__PURE__ */ v(ce, {
-				type: e.curve ?? M,
+			let t = e.strokeWidth ?? P, s = t === void 0 ? {} : { strokeWidth: t };
+			return /* @__PURE__ */ y(ce, {
+				type: e.curve ?? N,
 				dataKey: e.key,
 				...i,
 				stroke: n,
@@ -207,12 +207,12 @@ var _e = t("", {
 				children: p
 			}, e.key);
 		}
-		return /* @__PURE__ */ v(me, {
-			type: e.curve ?? M,
+		return /* @__PURE__ */ y(me, {
+			type: e.curve ?? N,
 			dataKey: e.key,
 			...i,
 			stroke: n,
-			strokeWidth: e.strokeWidth ?? N ?? 2,
+			strokeWidth: e.strokeWidth ?? P ?? 2,
 			dot: l ? { r: 3 } : !1,
 			zIndex: r,
 			...e.strokeDasharray === void 0 ? {} : { strokeDasharray: e.strokeDasharray },
@@ -222,16 +222,16 @@ var _e = t("", {
 			...K,
 			children: p
 		}, e.key);
-	}, Rt = ({ area: e, range: t }, n) => {
+	}, Vt = ({ area: e, range: t }, n) => {
 		let [r, i] = t;
-		return /* @__PURE__ */ v(he, {
-			...yt,
+		return /* @__PURE__ */ y(he, {
+			...St,
 			...q ? {
-				y1: $(r),
-				y2: $(i)
+				y1: Q(r),
+				y2: Q(i)
 			} : {
-				x1: $(r),
-				x2: $(i)
+				x1: Q(r),
+				x2: Q(i)
 			},
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
@@ -244,53 +244,53 @@ var _e = t("", {
 				fontSize: 12
 			} : void 0
 		}, `${e.label ?? "area"}-${n}`);
-	}, zt = ({ line: e, lineAxis: t, position: n, isVerticalRule: r }, i) => /* @__PURE__ */ v(ge, {
+	}, Ht = ({ line: e, lineAxis: t, position: n, isVerticalRule: r }, i) => /* @__PURE__ */ y(ge, {
 		...t === "secondary" && J ? X("secondary") : {},
 		...n,
 		...ne(e.label, e.labelPosition ?? (r ? "top" : "insideTopRight"))
 	}, `${e.label ?? "ref"}-${i}`);
-	return /* @__PURE__ */ v("div", {
-		ref: lt,
-		"data-orientation": k,
-		className: e(_e({ orientation: k }), t),
-		...ct,
-		children: /* @__PURE__ */ v(n, {
-			ref: Z,
-			config: C,
+	return /* @__PURE__ */ y("div", {
+		ref: ut,
+		"data-orientation": A,
+		className: e(_e({ orientation: A }), t),
+		...lt,
+		children: /* @__PURE__ */ y(n, {
+			ref: wt,
+			config: w,
 			palette: Ce,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ y(fe, {
-				data: w,
+			children: /* @__PURE__ */ b(fe, {
+				data: T,
 				layout: q ? "vertical" : "horizontal",
 				barSize: De,
 				barGap: Oe,
 				barCategoryGap: ke,
-				margin: Mt,
+				margin: Ft,
 				children: [
-					Le && /* @__PURE__ */ v(de, {
-						...yt,
-						horizontal: Ye ?? !q,
-						vertical: Xe ?? q,
-						strokeDasharray: Je ? "3 3" : void 0
+					Le && /* @__PURE__ */ y(de, {
+						...St,
+						horizontal: Xe ?? !q,
+						vertical: Ze ?? q,
+						strokeDasharray: Ye ? "3 3" : void 0
 					}),
-					q ? Pt() : Ft(),
-					Re && /* @__PURE__ */ v(a, {
+					q ? Lt() : Rt(),
+					Re && /* @__PURE__ */ y(a, {
 						...ze ? {} : { cursor: !1 },
-						content: Ze ?? /* @__PURE__ */ v(o, {})
+						content: Qe ?? /* @__PURE__ */ y(o, {})
 					}),
-					Be && /* @__PURE__ */ v(r, {
-						verticalAlign: F,
-						content: It
+					Be && /* @__PURE__ */ y(r, {
+						verticalAlign: I,
+						content: zt
 					}),
-					T.map(Lt),
-					St.map(Rt),
-					Ot.map(zt),
-					at && /* @__PURE__ */ v(ue, {
-						dataKey: E,
-						tickFormatter: q ? V : B,
+					E.map(Bt),
+					Et.map(Vt),
+					Mt.map(Ht),
+					ot && /* @__PURE__ */ y(ue, {
+						dataKey: D,
+						tickFormatter: q ? H : V,
 						...d({
-							brushHeight: ot,
-							brushAriaLabel: st
+							brushHeight: st,
+							brushAriaLabel: ct
 						})
 					})
 				]
@@ -298,8 +298,8 @@ var _e = t("", {
 		})
 	});
 });
-C.displayName = "ComposedChart";
+w.displayName = "ComposedChart";
 //#endregion
-export { C as ComposedChart, _e as composedChartVariants };
+export { w as ComposedChart, _e as composedChartVariants };
 
 //# sourceMappingURL=composed-chart.js.map