@gostudent/shared-ui-library 1.33.0-DT-17051.6 → 1.33.0

package/dist/LineChartImpl-DUgs8fvF.js

@@ -0,0 +1,155 @@
+import { jsx as e, jsxs as n, Fragment as D } from "react/jsx-runtime";
+import { ResponsiveContainer as y, LineChart as W, CartesianGrid as w, XAxis as C, YAxis as S, Tooltip as A, Legend as M, Line as m, ReferenceLine as _ } from "recharts";
+import { s as t, f as g, e as B } from "./index-BetfWNU1.js";
+const v = [
+  "var(--color-chart-series-1)",
+  "var(--color-chart-series-2)",
+  "var(--color-chart-series-3)",
+  "var(--color-chart-series-4)",
+  "var(--color-chart-series-5)",
+  "var(--color-chart-series-6)",
+  "var(--color-chart-series-7)",
+  "var(--color-chart-series-8)"
+];
+function E(a) {
+  let r = 0;
+  for (let l = 0; l < a.length; l++)
+    r = a.charCodeAt(l) + ((r << 5) - r);
+  return v[Math.abs(r) % v.length];
+}
+function R({ active: a, payload: r, label: l, locale: c }) {
+  if (!a || !(r != null && r.length)) return null;
+  const d = l != null ? new Date(l) : null, i = d ? g(d, "d MMM yyyy", { locale: c }) : "";
+  return /* @__PURE__ */ n("div", { className: t.tooltip, role: "tooltip", children: [
+    i && /* @__PURE__ */ e("p", { className: t.tooltipDate, children: i }),
+    r.map((s) => /* @__PURE__ */ n("div", { className: t.tooltipRow, children: [
+      /* @__PURE__ */ e("span", { className: t.tooltipDot, style: { background: s.color }, "aria-hidden": "true" }),
+      /* @__PURE__ */ e("span", { className: t.tooltipLabel, children: s.name }),
+      /* @__PURE__ */ e("span", { className: t.tooltipValue, children: s.value })
+    ] }, s.name))
+  ] });
+}
+function T({ payload: a }) {
+  return a != null && a.length ? /* @__PURE__ */ e("ul", { className: t.legend, role: "list", children: a.map((r) => /* @__PURE__ */ n("li", { className: t.legendItem, children: [
+    r.type === "plainline" ? /* @__PURE__ */ e("svg", { className: t.legendLineSvg, viewBox: "0 0 24 4", "aria-hidden": "true", children: /* @__PURE__ */ e("line", { x1: "0", y1: "2", x2: "24", y2: "2", stroke: r.color, strokeWidth: "2", strokeDasharray: "4 3" }) }) : /* @__PURE__ */ e("svg", { className: t.legendLineSvg, viewBox: "0 0 24 4", "aria-hidden": "true", children: /* @__PURE__ */ e("line", { x1: "0", y1: "2", x2: "24", y2: "2", stroke: r.color, strokeWidth: "2" }) }),
+    /* @__PURE__ */ e("span", { className: t.legendLabel, children: r.value })
+  ] }, r.value)) }) : null;
+}
+function K({
+  data: a,
+  series: r,
+  yDomain: l,
+  yTicks: c,
+  reversed: d = !1,
+  referenceLine: i,
+  colorMap: s,
+  locale: k = B,
+  labels: p,
+  renderTooltipContent: f,
+  height: x = 240,
+  className: L
+}) {
+  if (!a.length)
+    return /* @__PURE__ */ e("div", { className: t.empty, role: "status", children: p.noData });
+  const u = k, N = [t.root, L].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("figure", { className: N, children: /* @__PURE__ */ e("div", { className: t.chart, children: /* @__PURE__ */ e(y, { width: "100%", height: x, children: /* @__PURE__ */ n(W, { data: [...a], margin: { top: 8, right: 8, bottom: 0, left: -16 }, children: [
+    /* @__PURE__ */ e(
+      w,
+      {
+        strokeDasharray: "none",
+        stroke: "var(--color-border-default, #dadbe5)",
+        strokeWidth: 1,
+        vertical: !1
+      }
+    ),
+    /* @__PURE__ */ e(
+      C,
+      {
+        dataKey: "ts",
+        type: "number",
+        scale: "time",
+        domain: ["dataMin", "dataMax"],
+        tickFormatter: (o) => g(new Date(o), "d MMM", { locale: u }),
+        tick: { fontSize: 11, fill: "var(--color-text-secondary, #555978)" },
+        axisLine: { stroke: "var(--color-border-default, #dadbe5)" },
+        tickLine: !1,
+        minTickGap: 40
+      }
+    ),
+    /* @__PURE__ */ e(
+      S,
+      {
+        domain: [...l],
+        ticks: c ? [...c] : void 0,
+        reversed: d,
+        tick: { fontSize: 11, fill: "var(--color-text-secondary, #555978)" },
+        axisLine: !1,
+        tickLine: !1,
+        width: 28
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        content: (o) => {
+          const h = { ...o, locale: u };
+          return f ? f(h) : /* @__PURE__ */ e(R, { ...h });
+        },
+        cursor: { stroke: "var(--color-border-medium, #c3c5d5)", strokeWidth: 1 }
+      }
+    ),
+    /* @__PURE__ */ e(
+      M,
+      {
+        content: (o) => /* @__PURE__ */ e(T, { ...o }),
+        verticalAlign: "bottom"
+      }
+    ),
+    r.map(({ key: o, label: h }) => {
+      const b = (s == null ? void 0 : s[o]) ?? E(o);
+      return /* @__PURE__ */ e(
+        m,
+        {
+          type: "monotone",
+          dataKey: o,
+          name: h ?? o,
+          stroke: b,
+          strokeWidth: 2,
+          dot: { r: 4, strokeWidth: 2, fill: "var(--color-surface-default, #ffffff)" },
+          activeDot: { r: 6, strokeWidth: 2 },
+          connectNulls: !1
+        },
+        o
+      );
+    }),
+    i && /* @__PURE__ */ n(D, { children: [
+      /* @__PURE__ */ e(
+        m,
+        {
+          dataKey: "__ref__",
+          name: i.label,
+          stroke: "var(--color-chart-reference)",
+          strokeDasharray: "6 4",
+          strokeWidth: 1.5,
+          dot: !1,
+          activeDot: !1,
+          legendType: "plainline"
+        }
+      ),
+      /* @__PURE__ */ e(
+        _,
+        {
+          y: i.value,
+          stroke: "var(--color-chart-reference)",
+          strokeDasharray: "6 4",
+          strokeWidth: 1.5,
+          label: !1,
+          ifOverflow: "extendDomain"
+        }
+      )
+    ] })
+  ] }) }) }) });
+}
+export {
+  K as default
+};