@acronis-platform/ui-react 5.1.1 → 5.3.0

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

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