@gostudent/shared-ui-library 1.33.0 → 2.0.0

package/dist/LineChartImpl-ocsbcloT.js

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