@acronis-platform/ui-react 2.0.0 → 4.0.0

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

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as T, Fragment as pe } from "react/jsx-runtime";
-import * as kt from "react";
-import { cva as gt } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { ComposedChart as At, CartesianGrid as Ct, Brush as bt, XAxis as B, YAxis as z, LabelList as Rt, Bar as Lt, Area as Dt, Line as It, ReferenceArea as xt, ReferenceLine as Et } from "recharts";
-import { cn as _t } from "../../../lib/utils.js";
-import { resolveAnimation as St, resolveCategoryRange as he, resolveChartReferenceValue as Nt, CHART_LABEL_MARGIN as Tt, resolveBrushProps as Bt, resolveRotatedTickAnchor as ve, resolveCartesianLabelPosition as zt, CHART_LABEL_FONT_SIZE as Ot, resolveLabelFillClass as wt, toLabelFormatter as Ft, resolveReferenceLineProps as Vt, resolveXAxisTitle as ue, resolveXAxisHeight as $t, resolveAxisDomain as me, resolveYAxisTitle as ke } from "../chart/chart-format.js";
-import { ChartLegendContent as ge, ChartContainer as Mt, ChartTooltip as Ht, ChartTooltipContent as Wt, ChartLegend as Kt } from "../chart/chart.js";
-const Xt = gt("", {
+import * as gt from "react";
+import { cva as At } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { ComposedChart as Ct, CartesianGrid as bt, Brush as Rt, XAxis as B, YAxis as z, LabelList as Lt, Bar as Dt, Area as It, Line as xt, ReferenceArea as Et, ReferenceLine as _t } from "recharts";
+import { cn as St } from "../../../lib/utils.js";
+import { resolveAnimation as Nt, resolveCategoryRange as he, resolveChartReferenceValue as Tt, CHART_LABEL_MARGIN as Bt, resolveBrushProps as zt, resolveRotatedTickAnchor as ve, resolveCartesianLabelPosition as Ot, CHART_LABEL_FONT_SIZE as wt, resolveLabelFillClass as Ft, toLabelFormatter as Vt, resolveReferenceLineProps as $t, resolveXAxisTitle as ue, resolveXAxisHeight as Mt, resolveAxisDomain as me, resolveYAxisTitle as ke } from "../chart/chart-format.js";
+import { ChartLegendContent as ge, ChartContainer as Ht, ChartTooltip as Wt, ChartTooltipContent as Kt, ChartLegend as Xt } from "../chart/chart.js";
+const Pt = At("", {
   variants: {
     orientation: {
       vertical: "",
@@ -15,10 +15,11 @@ const Xt = gt("", {
   defaultVariants: {
     orientation: "vertical"
   }
-}), Pt = 100, Gt = 50, O = "secondary", Zt = { top: 5, right: 5, bottom: 5, left: 5 }, jt = 0.85, Ut = { top: 16 }, qt = kt.forwardRef(
+}), Gt = 100, Zt = 50, O = "secondary", jt = { top: 5, right: 5, bottom: 5, left: 5 }, Ut = 0.85, qt = { top: 16 }, Jt = gt.forwardRef(
   ({
     className: Ae,
     config: Ce,
+    palette: be,
     data: y,
     series: c,
     xKey: d,
@@ -27,26 +28,26 @@ const Xt = gt("", {
     orientation: g = "vertical",
     xAxisLabel: w,
     yAxisLabel: A,
-    xUnit: be,
-    yUnit: Re,
+    xUnit: Re,
+    yUnit: Le,
     curve: F = "monotone",
-    barRadius: Le = 4,
-    barSize: De,
-    barGap: Ie,
-    barCategoryGap: xe,
-    showBackground: Ee = !1,
-    backgroundFill: _e = "var(--ui-background-surface-secondary)",
-    showActiveBar: Se = !1,
-    fillOpacity: Ne = 0.3,
+    barRadius: De = 4,
+    barSize: Ie,
+    barGap: xe,
+    barCategoryGap: Ee,
+    showBackground: _e = !1,
+    backgroundFill: Se = "var(--ui-background-surface-secondary)",
+    showActiveBar: Ne = !1,
+    fillOpacity: Te = 0.3,
     strokeWidth: V,
-    showDots: Te = !1,
-    showActiveDots: Be,
-    connectNulls: ze = !1,
+    showDots: Be = !1,
+    showActiveDots: ze,
+    connectNulls: Oe = !1,
     margin: C,
-    showGrid: Oe = !0,
-    showTooltip: we = !0,
-    tooltipCursor: Fe = !0,
-    showLegend: Ve = !0,
+    showGrid: we = !0,
+    showTooltip: Fe = !0,
+    tooltipCursor: Ve = !0,
+    showLegend: $e = !0,
     legendPosition: b = "bottom",
     showXAxis: $ = !0,
     showYAxis: M = !0,
@@ -55,67 +56,67 @@ const Xt = gt("", {
     xAxisAngle: f,
     xAxisInterval: H,
     yAxisTickCount: W,
-    yAxisDomain: $e,
+    yAxisDomain: Me,
     yAxisOrientation: D,
     showSecondaryYAxis: K = !0,
     secondaryYAxisLabel: I,
     secondaryYUnit: X,
     secondaryYTickFormatter: P,
     secondaryYAxisTickCount: G,
-    secondaryYAxisDomain: Me,
-    gridDashed: He,
-    gridHorizontal: We,
-    gridVertical: Ke,
-    tooltipContent: Xe,
-    animate: Pe,
-    animationDuration: Ge,
-    animationBegin: Ze,
-    animationEasing: je,
+    secondaryYAxisDomain: He,
+    gridDashed: We,
+    gridHorizontal: Ke,
+    gridVertical: Xe,
+    tooltipContent: Pe,
+    animate: Ge,
+    animationDuration: Ze,
+    animationBegin: je,
+    animationEasing: Ue,
     showLabels: Z = !1,
-    labelPosition: Ue,
-    labelFormatter: qe,
-    showBrush: Je = !1,
-    brushHeight: Qe,
-    brushAriaLabel: Ye,
-    ...et
-  }, tt) => {
-    const x = St({
-      animate: Pe,
-      animationDuration: Ge,
-      animationBegin: Ze,
-      animationEasing: je
-    }), r = g === "horizontal", j = ue(w), u = c.some((e) => e.yAxis === "secondary"), ot = c.some((e) => e.yAxis !== "secondary"), m = u && !ot, U = D ?? "left", q = U === "left" ? "right" : "left", J = ke(
+    labelPosition: qe,
+    labelFormatter: Je,
+    showBrush: Qe = !1,
+    brushHeight: Ye,
+    brushAriaLabel: et,
+    ...tt
+  }, ot) => {
+    const x = Nt({
+      animate: Ge,
+      animationDuration: Ze,
+      animationBegin: je,
+      animationEasing: Ue
+    }), r = g === "horizontal", j = ue(w), u = c.some((e) => e.yAxis === "secondary"), at = c.some((e) => e.yAxis !== "secondary"), m = u && !at, U = D ?? "left", q = U === "left" ? "right" : "left", J = ke(
       A,
       r ? "left" : U
-    ), at = ke(
+    ), rt = ke(
       I,
       q
-    ), rt = ue(
+    ), it = ue(
       I,
       "insideTop"
-    ), Q = me($e), Y = me(Me), E = (e) => {
+    ), Q = me(Me), Y = me(He), E = (e) => {
       const t = e === "secondary" ? O : void 0;
       return r ? { xAxisId: t } : { yAxisId: t };
-    }, ee = m ? E("secondary") : {}, te = $t(w, f), it = h ? Array.isArray(h) ? h : [h] : [], nt = (v ? Array.isArray(v) ? v : [v] : []).map((e) => ({ area: e, range: he(e, y, d) })).filter(
+    }, ee = m ? E("secondary") : {}, te = Mt(w, f), nt = h ? Array.isArray(h) ? h : [h] : [], st = (v ? Array.isArray(v) ? v : [v] : []).map((e) => ({ area: e, range: he(e, y, d) })).filter(
       (e) => e.range !== void 0
-    ), oe = m ? "secondary" : "primary", ae = (e) => e.yAxis ?? "primary", st = new Map(c.map((e) => [e.key, ae(e)])), lt = (e) => c.filter((t) => ae(t) === e).map((t) => t.key), re = new Set(
+    ), oe = m ? "secondary" : "primary", ae = (e) => e.yAxis ?? "primary", lt = new Map(c.map((e) => [e.key, ae(e)])), ct = (e) => c.filter((t) => ae(t) === e).map((t) => t.key), re = new Set(
       c.filter((e) => e.legendType === "none").map((e) => e.key)
     ), p = (e) => {
       var t;
       return ((t = y[e]) == null ? void 0 : t[d]) ?? void 0;
-    }, ie = it.map((e) => {
+    }, ie = nt.map((e) => {
       const t = e.category !== void 0 ? he(
         { from: e.category, to: e.category },
         y,
         d
-      ) : void 0, a = e.yAxis ?? (typeof e.average == "string" ? st.get(e.average) ?? oe : oe), i = Nt(e, y, lt(a)), n = t ? p(t[0]) : void 0;
+      ) : void 0, a = e.yAxis ?? (typeof e.average == "string" ? lt.get(e.average) ?? oe : oe), i = Tt(e, y, ct(a)), n = t ? p(t[0]) : void 0;
       return { line: e, lineAxis: a, position: i !== void 0 ? r ? { x: i } : { y: i } : n !== void 0 ? r ? { y: n } : { x: n } : void 0, isVerticalRule: i !== void 0 === r };
     }).filter(
       (e) => e.position !== void 0
-    ), ne = Z ? Tt : void 0, se = ie.some(
+    ), ne = Z ? Bt : void 0, se = ie.some(
       (e) => e.line.label && e.isVerticalRule
-    ) ? Ut : void 0, ct = C || ne || se ? {
-      ...C ? Zt : {},
+    ) ? qt : void 0, dt = C || ne || se ? {
+      ...C ? jt : {},
       ...se,
       ...ne,
       ...C
@@ -123,7 +124,7 @@ const Xt = gt("", {
     c.forEach((e, t) => {
       e.stackId && e.type !== "line" && le.set(`${e.type}-${e.stackId}`, t);
     });
-    const dt = () => /* @__PURE__ */ T(pe, { children: [
+    const yt = () => /* @__PURE__ */ T(pe, { children: [
       /* @__PURE__ */ o(
         B,
         {
@@ -131,7 +132,7 @@ const Xt = gt("", {
           hide: !$ || m,
           tickLine: !1,
           axisLine: !1,
-          unit: be,
+          unit: Re,
           tickFormatter: R,
           angle: f,
           interval: H,
@@ -168,10 +169,10 @@ const Xt = gt("", {
           tickFormatter: P,
           tickCount: G,
           domain: Y,
-          label: rt
+          label: it
         }
       )
-    ] }), yt = () => /* @__PURE__ */ T(pe, { children: [
+    ] }), ft = () => /* @__PURE__ */ T(pe, { children: [
       /* @__PURE__ */ o(
         B,
         {
@@ -197,7 +198,7 @@ const Xt = gt("", {
           ...D ? { orientation: D } : {},
           tickLine: !1,
           axisLine: !1,
-          unit: Re,
+          unit: Le,
           tickFormatter: L,
           tickCount: W,
           domain: Q,
@@ -219,10 +220,10 @@ const Xt = gt("", {
           tickCount: G,
           domain: Y,
           width: I ? 72 : void 0,
-          label: at
+          label: rt
         }
       )
-    ] }), ft = re.size > 0 ? (e) => {
+    ] }), pt = re.size > 0 ? (e) => {
       var t;
       return /* @__PURE__ */ o(
         ge,
@@ -233,27 +234,27 @@ const Xt = gt("", {
           )
         }
       );
-    } : /* @__PURE__ */ o(ge, { verticalAlign: b }), pt = (e, t) => {
-      const a = e.color ?? `var(--color-${e.key})`, i = Pt + t, n = E(e.yAxis), s = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, ce = e.fillOpacity ?? Ne, de = e.connectNulls ?? ze, ye = e.showDots ?? Te, k = e.showActiveDots ?? Be, _ = e.legendType ? { legendType: e.legendType } : {}, fe = zt({
-        labelPosition: Ue,
+    } : /* @__PURE__ */ o(ge, { verticalAlign: b }), ht = (e, t) => {
+      const a = e.color ?? `var(--color-${e.key})`, i = Gt + t, n = E(e.yAxis), s = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, ce = e.fillOpacity ?? Te, de = e.connectNulls ?? Oe, ye = e.showDots ?? Be, k = e.showActiveDots ?? ze, _ = e.legendType ? { legendType: e.legendType } : {}, fe = Ot({
+        labelPosition: qe,
         isStacked: s !== void 0,
         growingEnd: r ? "right" : "top"
       }), S = Z ? /* @__PURE__ */ o(
-        Rt,
+        Lt,
         {
           dataKey: e.key,
           position: fe,
-          formatter: Ft(qe),
-          className: wt(fe, {
+          formatter: Vt(Je),
+          className: Ft(fe, {
             translucentSeries: e.type === "area"
           }),
-          fontSize: Ot
+          fontSize: wt
         }
       ) : null;
       if (e.type === "bar") {
-        const l = e.barRadius ?? Le, N = s === void 0 || le.get(s) === t, ut = e.showBackground ?? Ee, mt = e.showActiveBar ?? Se;
+        const l = e.barRadius ?? De, N = s === void 0 || le.get(s) === t, mt = e.showBackground ?? _e, kt = e.showActiveBar ?? Ne;
         return /* @__PURE__ */ o(
-          Lt,
+          Dt,
           {
             dataKey: e.key,
             ...n,
@@ -268,8 +269,8 @@ const Xt = gt("", {
               strokeDasharray: e.strokeDasharray,
               ...e.strokeWidth !== void 0 ? { strokeWidth: e.strokeWidth } : {}
             } : {},
-            ...ut ? { background: { fill: _e } } : {},
-            ...mt ? { activeBar: { fillOpacity: jt } } : {},
+            ...mt ? { background: { fill: Se } } : {},
+            ...kt ? { activeBar: { fillOpacity: Ut } } : {},
             ..._,
             ...x,
             children: S
@@ -280,7 +281,7 @@ const Xt = gt("", {
       if (e.type === "area") {
         const l = e.strokeWidth ?? V, N = l !== void 0 ? { strokeWidth: l } : {};
         return /* @__PURE__ */ o(
-          Dt,
+          It,
           {
             type: e.curve ?? F,
             dataKey: e.key,
@@ -303,7 +304,7 @@ const Xt = gt("", {
         );
       }
       return /* @__PURE__ */ o(
-        It,
+        xt,
         {
           type: e.curve ?? F,
           dataKey: e.key,
@@ -321,16 +322,16 @@ const Xt = gt("", {
         },
         e.key
       );
-    }, ht = ({ area: e, range: t }, a) => {
+    }, vt = ({ area: e, range: t }, a) => {
       const [i, n] = t;
       return /* @__PURE__ */ o(
-        xt,
+        Et,
         {
           ...ee,
           ...r ? { y1: p(i), y2: p(n) } : { x1: p(i), x2: p(n) },
           fill: "var(--ui-background-surface-secondary)",
           fillOpacity: 0.6,
-          zIndex: Gt,
+          zIndex: Zt,
           ifOverflow: "extendDomain",
           label: e.label ? {
             value: e.label,
@@ -341,17 +342,17 @@ const Xt = gt("", {
         },
         `${e.label ?? "area"}-${a}`
       );
-    }, vt = ({
+    }, ut = ({
       line: e,
       lineAxis: t,
       position: a,
       isVerticalRule: i
     }, n) => /* @__PURE__ */ o(
-      Et,
+      _t,
       {
         ...t === "secondary" && u ? E("secondary") : {},
         ...a,
-        ...Vt(
+        ...$t(
           e.label,
           e.labelPosition ?? (i ? "top" : "insideTopRight")
         )
@@ -361,58 +362,59 @@ const Xt = gt("", {
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: tt,
+        ref: ot,
         "data-orientation": g,
-        className: _t(Xt({ orientation: g }), Ae),
-        ...et,
+        className: St(Pt({ orientation: g }), Ae),
+        ...tt,
         children: /* @__PURE__ */ o(
-          Mt,
+          Ht,
           {
             config: Ce,
+            palette: be,
             className: "size-full [&_.recharts-label]:fill-foreground",
             children: /* @__PURE__ */ T(
-              At,
+              Ct,
               {
                 data: y,
                 layout: r ? "vertical" : "horizontal",
-                barSize: De,
-                barGap: Ie,
-                barCategoryGap: xe,
-                margin: ct,
+                barSize: Ie,
+                barGap: xe,
+                barCategoryGap: Ee,
+                margin: dt,
                 children: [
-                  Oe && /* @__PURE__ */ o(
-                    Ct,
+                  we && /* @__PURE__ */ o(
+                    bt,
                     {
                       ...ee,
-                      horizontal: We ?? !r,
-                      vertical: Ke ?? r,
-                      strokeDasharray: He ? "3 3" : void 0
+                      horizontal: Ke ?? !r,
+                      vertical: Xe ?? r,
+                      strokeDasharray: We ? "3 3" : void 0
                     }
                   ),
-                  r ? dt() : yt(),
-                  we && /* @__PURE__ */ o(
-                    Ht,
+                  r ? yt() : ft(),
+                  Fe && /* @__PURE__ */ o(
+                    Wt,
                     {
-                      ...Fe ? {} : { cursor: !1 },
-                      content: Xe ?? /* @__PURE__ */ o(Wt, {})
+                      ...Ve ? {} : { cursor: !1 },
+                      content: Pe ?? /* @__PURE__ */ o(Kt, {})
                     }
                   ),
-                  Ve && /* @__PURE__ */ o(
-                    Kt,
+                  $e && /* @__PURE__ */ o(
+                    Xt,
                     {
                       verticalAlign: b,
-                      content: ft
+                      content: pt
                     }
                   ),
-                  c.map(pt),
-                  nt.map(ht),
-                  ie.map(vt),
-                  Je && /* @__PURE__ */ o(
-                    bt,
+                  c.map(ht),
+                  st.map(vt),
+                  ie.map(ut),
+                  Qe && /* @__PURE__ */ o(
+                    Rt,
                     {
                       dataKey: d,
                       tickFormatter: r ? L : R,
-                      ...Bt({ brushHeight: Qe, brushAriaLabel: Ye })
+                      ...zt({ brushHeight: Ye, brushAriaLabel: et })
                     }
                   )
                 ]
@@ -424,9 +426,9 @@ const Xt = gt("", {
     );
   }
 );
-qt.displayName = "ComposedChart";
+Jt.displayName = "ComposedChart";
 export {
-  qt as ComposedChart,
-  Xt as composedChartVariants
+  Jt as ComposedChart,
+  Pt as composedChartVariants
 };
 //# sourceMappingURL=composed-chart.js.map