@acronis-platform/ui-react 5.4.5 → 5.5.0

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

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