@acronis-platform/ui-react 5.5.0 → 5.5.2

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

@@ -36,21 +36,22 @@ function A(e) {
 		color: `var(--color-${d(String(e.dataKey))})`
 	} : e);
 }
-function ve({ content: e, dataKeys: t, ...n }) {
+function j({ content: e, dataKeys: t, ...n }) {
 	let r = {
 		...n,
 		payload: A(k(n.payload, t))
 	};
 	return e ? typeof e == "function" ? y.createElement(e, r) : y.cloneElement(e, r) : /* @__PURE__ */ x(l, { ...r });
 }
-function ye({ dataKeys: e, fontSize: t, ...n }) {
+function M({ dataKeys: e, fontSize: t, legendAriaLabel: n, ...r }) {
 	return /* @__PURE__ */ x(s, {
-		verticalAlign: n.verticalAlign,
+		verticalAlign: r.verticalAlign,
 		fontSize: t,
-		payload: A(k(n.payload, e))
+		ariaLabel: n,
+		payload: A(k(r.payload, e))
 	});
 }
-function j({ bar: e, track: t, trackFill: n, paint: r }) {
+function N({ bar: e, track: t, trackFill: n, paint: r }) {
 	return /* @__PURE__ */ S(b, { children: [t && /* @__PURE__ */ x(T, {
 		className: "recharts-bar-background-rectangle",
 		x: t.x ?? void 0,
@@ -71,21 +72,21 @@ function j({ bar: e, track: t, trackFill: n, paint: r }) {
 		strokeDasharray: e.strokeDasharray
 	})] });
 }
-function M({ inRange: e, trackFill: t, paint: n }) {
-	return ({ background: r, index: i, ...a }) => j({
+function P({ inRange: e, trackFill: t, paint: n }) {
+	return ({ background: r, index: i, ...a }) => N({
 		bar: a,
 		track: e(i) ? r : void 0,
 		trackFill: t,
 		paint: n
 	});
 }
-function be({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
+function ve({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
 	return e ? {
-		shape: M({
+		shape: P({
 			inRange: t,
 			trackFill: n
 		}),
-		activeBar: r && M({
+		activeBar: r && P({
 			inRange: t,
 			trackFill: n,
 			paint: r
@@ -95,7 +96,7 @@ function be({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }
 		activeBar: r
 	};
 }
-function xe(e) {
+function F(e) {
 	let { x: t = 0, y: n = 0, width: r = 0, height: i = 0, fill: a, fillOpacity: o } = e;
 	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(T, {
 		className: "recharts-reference-area-rect",
@@ -114,10 +115,10 @@ function xe(e) {
 		strokeDasharray: "4 4"
 	})] });
 }
-function Se(e) {
-	if (e) return xe;
+function ye(e) {
+	if (e) return F;
 }
-function Ce(e) {
+function be(e) {
 	return e ? {
 		value: e,
 		position: "insideTop",
@@ -125,7 +126,7 @@ function Ce(e) {
 		fontSize: 12
 	} : void 0;
 }
-function we({ id: e, dataKeys: t, shapes: n }) {
+function xe({ id: e, dataKeys: t, shapes: n }) {
 	let r = n.has("gradient"), i = n.has("pattern");
 	return !r && !i ? null : /* @__PURE__ */ x("defs", { children: t.map((t) => /* @__PURE__ */ S(y.Fragment, { children: [r && /* @__PURE__ */ S("linearGradient", {
 		id: `${e}-gradient-${d(t)}`,
@@ -163,7 +164,7 @@ function we({ id: e, dataKeys: t, shapes: n }) {
 		})]
 	})] }, t)) });
 }
-function Te({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: u }) {
+function Se({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: u }) {
 	let { fill: f, opacity: p, dashed: m } = i;
 	return e.map((e, h) => {
 		let g = h >= a[0] && h <= a[1], _ = g && i.shape || s, v = o !== void 0 && Number(t[h]?.[`${O}${r}`]) > 0;
@@ -177,8 +178,8 @@ function Te({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range:
 		}, `${r}-${String(e[n])}-${h}`);
 	});
 }
-var N = (e) => e.toLocaleString();
-function P({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip: c, tooltip: l }) {
+var I = (e) => e.toLocaleString();
+function L({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip: c, tooltip: l }) {
 	let { label: u, value: d, forecast: f } = t, p = a, m = o > 0 ? Math.round(d / o * 100) : 0, h = f != null && f > d, g = /* @__PURE__ */ S(E.Root, {
 		value: d,
 		max: o,
@@ -246,7 +247,7 @@ function P({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip:
 		] })
 	})] }) : g;
 }
-var F = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = N, showTooltip: a = !0, tooltip: o, className: s, ...c }, l) => {
+var R = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = I, showTooltip: a = !0, tooltip: o, className: s, ...c }, l) => {
 	let d = n !== void 0 && n > 0 ? n : t.reduce((e, t) => e + t.value, 0) || 1, f = y.useMemo(() => {
 		if (!r) return null;
 		let e = Object.fromEntries(t.map((e, t) => [`item${t}`, {
@@ -260,7 +261,7 @@ var F = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = N, sho
 		"data-orientation": "horizontal",
 		className: e("flex flex-col gap-4", s),
 		...c,
-		children: t.map((e, t) => /* @__PURE__ */ x(P, {
+		children: t.map((e, t) => /* @__PURE__ */ x(L, {
 			item: e,
 			resolvedColor: f ? f[t] ?? "" : e.color ?? "",
 			max: d,
@@ -270,38 +271,38 @@ var F = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = N, sho
 		}, `${t}-${e.label}`))
 	});
 });
-F.displayName = "HorizontalBarLayout";
-var I = y.forwardRef((t, n) => {
+R.displayName = "HorizontalBarLayout";
+var z = y.forwardRef((t, n) => {
 	let r = y.useId().replace(/:/g, ""), i = y.useRef(null), s = t, l = s.xKey, u = ne(s.data && l ? s.data.map((e) => e[l]) : [], s.xTickFormatter), w = ce(i, s.xAxisAngle, s.xAxisLabel, u.join("\0"));
 	if (t.orientation === "horizontal") {
 		let { orientation: e, ...r } = t;
-		return /* @__PURE__ */ x(F, {
+		return /* @__PURE__ */ x(R, {
 			...r,
 			ref: n
 		});
 	}
-	let { className: T, config: E, palette: k, data: A, dataKeys: j, xKey: M, referenceLine: xe, referenceArea: N, barSettings: P, xAxisLabel: I, yAxisLabel: Ee, yUnit: De, orientation: Oe = "vertical", layout: L = "grouped", barRadius: R = 8, barShape: z = "rounded", barSize: ke = 8, maxBarSize: Ae, barGap: je = 4, barCategoryGap: Me, minPointSize: B, showBackground: Ne = !1, backgroundFill: V = "var(--ui-background-surface-secondary)", showActiveBar: Pe = !1, activeBar: H, showGrid: Fe = !0, showTooltip: Ie = !0, showLegend: Le = !0, legendFontSize: Re, showXAxis: ze = !0, showYAxis: Be = !0, xTickFormatter: U, yTickFormatter: Ve, xAxisAngle: W, xAxisInterval: He, yAxisTickCount: Ue, yAxisDomain: We, gridDashed: Ge = !0, gridHorizontal: Ke, gridVertical: qe, tooltipContent: Je, animate: Ye, animationDuration: Xe, animationBegin: Ze, animationEasing: Qe, showLabels: $e = !1, labelPosition: et, labelFormatter: tt, showBrush: nt = !1, brushHeight: rt, brushAriaLabel: it, ...at } = t, G = f({
-		animate: Ye,
-		animationDuration: Xe,
-		animationBegin: Ze,
-		animationEasing: Qe
-	}), K = L === "stacked", q = h({
-		labelPosition: et,
-		isStacked: K,
+	let { className: T, config: E, palette: k, data: A, dataKeys: N, xKey: P, referenceLine: F, referenceArea: I, barSettings: L, xAxisLabel: z, yAxisLabel: B, yUnit: Ce, orientation: V = "vertical", layout: H = "grouped", barRadius: U = 8, barShape: W = "rounded", barSize: we = 8, maxBarSize: Te, barGap: Ee = 4, barCategoryGap: De, minPointSize: Oe, showBackground: ke = !1, backgroundFill: Ae = "var(--ui-background-surface-secondary)", showActiveBar: je = !1, activeBar: G, showGrid: Me = !0, showTooltip: Ne = !0, showLegend: Pe = !0, legendFontSize: Fe, legendAriaLabel: Ie, showXAxis: Le = !0, showYAxis: Re = !0, xTickFormatter: K, yTickFormatter: ze, xAxisAngle: Be, xAxisInterval: Ve, yAxisTickCount: He, yAxisDomain: Ue, gridDashed: We = !0, gridHorizontal: Ge, gridVertical: Ke, tooltipContent: qe, animate: Je, animationDuration: Ye, animationBegin: Xe, animationEasing: Ze, showLabels: Qe = !1, labelPosition: $e, labelFormatter: et, showBrush: tt = !1, brushHeight: nt, brushAriaLabel: rt, ...it } = t, at = f({
+		animate: Je,
+		animationDuration: Ye,
+		animationBegin: Xe,
+		animationEasing: Ze
+	}), q = H === "stacked", ot = h({
+		labelPosition: $e,
+		isStacked: q,
 		growingEnd: "top"
-	}), ot = oe(xe), J = (N ? Array.isArray(N) ? N : [N] : []).map((e) => ({
+	}), st = oe(F), ct = (I ? Array.isArray(I) ? I : [I] : []).map((e) => ({
 		area: e,
-		range: g(e, A, M)
-	})).filter((e) => e.range !== void 0), Y = new Map(j.flatMap((e) => {
-		let t = P?.[e], n = t ? g(t, A, M) : void 0;
+		range: g(e, A, P)
+	})).filter((e) => e.range !== void 0), J = new Map(N.flatMap((e) => {
+		let t = L?.[e], n = t ? g(t, A, P) : void 0;
 		return t && n ? [[e, {
 			settings: t,
 			range: n
 		}]] : [];
-	})), X = new Map(K ? [] : Array.from(Y, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), Z = X.size ? A.map((e, t) => {
+	})), Y = new Map(q ? [] : Array.from(J, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), X = Y.size ? A.map((e, t) => {
 		let n = {};
-		return X.forEach((r, i) => {
-			let a = Y.get(i);
+		return Y.forEach((r, i) => {
+			let a = J.get(i);
 			if (!a) return;
 			let [o, s] = a.range;
 			if (t < o || t > s) return;
@@ -311,118 +312,119 @@ var I = y.forwardRef((t, n) => {
 			...e,
 			...n
 		};
-	}) : A, st = new Set(J.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => A.slice(e[0], e[1] + 1).map((e) => e[M]))), ct = st.size ? ({ payload: t, index: n, ...r }) => {
-		let i = U ? U(t.value, n) : t.value;
+	}) : A, lt = new Set(ct.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => A.slice(e[0], e[1] + 1).map((e) => e[P]))), ut = lt.size ? ({ payload: t, index: n, ...r }) => {
+		let i = K ? K(t.value, n) : t.value;
 		return /* @__PURE__ */ x(he, {
 			...r,
-			className: e("fill-muted-foreground", st.has(t.value) && "fill-primary italic"),
+			className: e("fill-muted-foreground", lt.has(t.value) && "fill-primary italic"),
 			fontSize: 12,
 			children: i
 		});
-	} : void 0, lt = Pe ? {
-		...H?.fill === void 0 ? {} : { fill: H.fill },
-		fillOpacity: H?.opacity ?? .85
-	} : !1, Q = `bar-${r}`, ut = /* @__PURE__ */ new Set([z]);
-	Y.forEach(({ settings: e }) => {
-		e.shape && ut.add(e.shape);
+	} : void 0, dt = je ? {
+		...G?.fill === void 0 ? {} : { fill: G.fill },
+		fillOpacity: G?.opacity ?? .85
+	} : !1, Z = `bar-${r}`, ft = /* @__PURE__ */ new Set([W]);
+	J.forEach(({ settings: e }) => {
+		e.shape && ft.add(e.shape);
 	});
-	let dt = (e) => B === void 0 ? void 0 : (t, n) => {
-		let r = K ? Z[n]?.[e] : t;
-		return typeof r == "number" && r !== 0 ? B : 0;
-	}, ft = (e, t) => t === "gradient" ? `url(#${Q}-gradient-${d(e)})` : t === "pattern" ? `url(#${Q}-pattern-${d(e)})` : `var(--color-${d(e)})`, pt = re(I), mt = ie(Ee), ht = p(We), gt = [
-		R,
-		R,
+	let pt = (e) => Oe === void 0 ? void 0 : (t, n) => {
+		let r = q ? X[n]?.[e] : t;
+		return typeof r == "number" && r !== 0 ? Oe : 0;
+	}, Q = (e, t) => t === "gradient" ? `url(#${Z}-gradient-${d(e)})` : t === "pattern" ? `url(#${Z}-pattern-${d(e)})` : `var(--color-${d(e)})`, mt = re(z), ht = ie(B), gt = p(Ue), _t = [
+		U,
+		U,
 		0,
 		0
-	], $ = (e, t) => e === "pill" ? 9999 : R > 0 && t ? gt : void 0, _t = /* @__PURE__ */ x(ve, {
-		content: Je,
-		dataKeys: j
-	}), vt = /* @__PURE__ */ x(ye, {
-		dataKeys: j,
-		fontSize: Re
-	}), yt = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(ge, {
-		dataKey: M,
+	], $ = (e, t) => e === "pill" ? 9999 : U > 0 && t ? _t : void 0, vt = /* @__PURE__ */ x(j, {
+		content: qe,
+		dataKeys: N
+	}), yt = /* @__PURE__ */ x(M, {
+		dataKeys: N,
+		fontSize: Fe,
+		legendAriaLabel: Ie
+	}), bt = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(ge, {
+		dataKey: P,
 		type: "category",
-		hide: !ze,
+		hide: !Le,
 		tickLine: !1,
 		axisLine: !1,
-		tick: ct,
-		tickFormatter: U,
-		angle: W,
-		interval: He,
-		textAnchor: te(W),
+		tick: ut,
+		tickFormatter: K,
+		angle: Be,
+		interval: Ve,
+		textAnchor: te(Be),
 		height: w.height,
-		label: pt
+		label: mt
 	}), /* @__PURE__ */ x(_e, {
 		type: "number",
-		hide: !Be,
+		hide: !Re,
 		tickLine: !1,
 		axisLine: !1,
-		unit: De,
-		tickFormatter: Ve,
-		tickCount: Ue,
-		domain: ht,
-		width: Ee ? 72 : void 0,
-		label: mt
-	})] }), bt = () => j.map((e, t) => {
-		let n = !K || t === j.length - 1, r = Y.get(e), i = (e) => r !== void 0 && e >= r.range[0] && e <= r.range[1], a = X.get(e), { shape: o, activeBar: s } = be({
+		unit: Ce,
+		tickFormatter: ze,
+		tickCount: He,
+		domain: gt,
+		width: B ? 72 : void 0,
+		label: ht
+	})] }), xt = () => N.map((e, t) => {
+		let n = !q || t === N.length - 1, r = J.get(e), i = (e) => r !== void 0 && e >= r.range[0] && e <= r.range[1], a = Y.get(e), { shape: o, activeBar: s } = ve({
 			rangeBackground: r?.settings.background === !0,
 			inRange: i,
-			trackFill: V,
-			activeBarOption: lt
-		}), c = r && Te({
+			trackFill: Ae,
+			activeBarOption: dt
+		}), c = r && Se({
 			data: A,
-			chartData: Z,
-			xKey: M,
+			chartData: X,
+			xKey: P,
 			seriesKey: e,
 			settings: r.settings,
 			range: r.range,
 			headroomKey: a,
-			barShape: z,
+			barShape: W,
 			rounded: n,
-			fillOf: ft,
+			fillOf: Q,
 			radiusFor: $
-		}), l = $e && /* @__PURE__ */ x(fe, {
+		}), l = Qe && /* @__PURE__ */ x(fe, {
 			dataKey: e,
-			position: q,
-			formatter: ae(tt),
-			className: v(q),
+			position: ot,
+			formatter: ae(et),
+			className: v(ot),
 			fontSize: 12
 		});
 		return /* @__PURE__ */ S(y.Fragment, { children: [/* @__PURE__ */ S(C, {
 			dataKey: e,
-			fill: ft(e, z),
-			stackId: K ? "a" : a ? e : void 0,
-			radius: $(z, n),
-			minPointSize: dt(e),
-			background: Ne ? { fill: V } : void 0,
+			fill: Q(e, W),
+			stackId: q ? "a" : a ? e : void 0,
+			radius: $(W, n),
+			minPointSize: pt(e),
+			background: ke ? { fill: Ae } : void 0,
 			shape: o,
 			activeBar: s,
-			...G,
+			...at,
 			children: [c, l]
 		}), a && /* @__PURE__ */ x(C, {
 			dataKey: `${O}${e}`,
 			stackId: e,
 			fill: `var(--color-${d(e)})`,
 			fillOpacity: .25,
-			radius: $(z, !0),
+			radius: $(W, !0),
 			legendType: "none",
 			tooltipType: "none",
-			...G
+			...at
 		})] }, e);
-	}), xt = () => J.map(({ area: e, range: t }, n) => {
+	}), St = () => ct.map(({ area: e, range: t }, n) => {
 		let [r, i] = t;
 		return /* @__PURE__ */ x(pe, {
-			x1: A[r]?.[M],
-			x2: A[i]?.[M],
+			x1: A[r]?.[P],
+			x2: A[i]?.[P],
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
 			ifOverflow: "extendDomain",
-			shape: Se(e.divider),
-			label: Ce(e.label)
+			shape: ye(e.divider),
+			label: be(e.label)
 		}, `${e.label ?? "area"}-${n}`);
-	}), St = () => ot.map((e, t) => {
-		let n = _(e, A, j);
+	}), Ct = () => st.map((e, t) => {
+		let n = _(e, A, N);
 		return n === void 0 ? null : /* @__PURE__ */ x(me, {
 			y: n,
 			...ee(e.label, e.labelPosition ?? "insideTopRight")
@@ -430,49 +432,49 @@ var I = y.forwardRef((t, n) => {
 	});
 	return /* @__PURE__ */ x("div", {
 		ref: n,
-		"data-orientation": Oe,
-		"data-layout": L,
+		"data-orientation": V,
+		"data-layout": H,
 		className: e(D({
-			orientation: Oe,
-			layout: L
+			orientation: V,
+			layout: H
 		}), T),
-		...at,
+		...it,
 		children: /* @__PURE__ */ x(a, {
 			ref: i,
 			config: E,
 			palette: k,
 			className: "size-full [&_.recharts-label]:fill-foreground",
 			children: /* @__PURE__ */ S(le, {
-				data: Z,
+				data: X,
 				layout: "horizontal",
-				barSize: ke,
-				maxBarSize: Ae,
-				barGap: je,
-				barCategoryGap: Me,
+				barSize: we,
+				maxBarSize: Te,
+				barGap: Ee,
+				barCategoryGap: De,
 				margin: se(void 0, w.margin),
 				children: [
-					/* @__PURE__ */ x(we, {
-						id: Q,
-						dataKeys: j,
-						shapes: ut
+					/* @__PURE__ */ x(xe, {
+						id: Z,
+						dataKeys: N,
+						shapes: ft
 					}),
-					Fe && /* @__PURE__ */ x(de, {
-						horizontal: Ke ?? !0,
-						vertical: qe ?? !1,
-						strokeDasharray: Ge ? "3 3" : void 0
+					Me && /* @__PURE__ */ x(de, {
+						horizontal: Ge ?? !0,
+						vertical: Ke ?? !1,
+						strokeDasharray: We ? "3 3" : void 0
 					}),
-					yt(),
-					Ie && /* @__PURE__ */ x(c, { content: _t }),
-					Le && /* @__PURE__ */ x(o, { content: vt }),
 					bt(),
+					Ne && /* @__PURE__ */ x(c, { content: vt }),
+					Pe && /* @__PURE__ */ x(o, { content: yt }),
 					xt(),
 					St(),
-					nt && /* @__PURE__ */ x(ue, {
-						dataKey: M,
-						tickFormatter: U,
+					Ct(),
+					tt && /* @__PURE__ */ x(ue, {
+						dataKey: P,
+						tickFormatter: K,
 						...m({
-							brushHeight: rt,
-							brushAriaLabel: it
+							brushHeight: nt,
+							brushAriaLabel: rt
 						})
 					})
 				]
@@ -480,8 +482,8 @@ var I = y.forwardRef((t, n) => {
 		})
 	});
 });
-I.displayName = "BarChart";
+z.displayName = "BarChart";
 //#endregion
-export { I as BarChart, ye as NormalizedLegendContent, ve as NormalizedTooltipContent, D as barChartVariants, M as createTrackShape, k as dropHeadroomSeries, A as withSeriesColor };
+export { z as BarChart, M as NormalizedLegendContent, j as NormalizedTooltipContent, D as barChartVariants, P as createTrackShape, k as dropHeadroomSeries, A as withSeriesColor };
 
 //# sourceMappingURL=bar-chart.js.map