enefit-design-system 0.6.2-alpha.1 → 0.7.2

package/dist/Chart/ChartBar.js

@@ -1,83 +1,83 @@
-import { j as a } from "../external/react/jsx-runtime.js";
-import { getYDataKeys as l, getName as B, getChartHide as b, getColor as o, getYDataKey as x, getBarRadius as p } from "./utils.js";
+import { j as t } from "../external/react/jsx-runtime.js";
+import { getYDataKeys as l, getName as b, getChartHide as x, getColor as a, getYAxisId as A, getBarRadius as c } from "./utils.js";
 import C from "./ChartAnnotation.js";
-import { Bar as A } from "../external/recharts/es6/cartesian/Bar.js";
-import { Cell as $ } from "../external/recharts/es6/component/Cell.js";
-import { Rectangle as c } from "../external/recharts/es6/shape/Rectangle.js";
-function D({
+import { Bar as $ } from "../external/recharts/es6/cartesian/Bar.js";
+import { Cell as F } from "../external/recharts/es6/component/Cell.js";
+import { Rectangle as p } from "../external/recharts/es6/shape/Rectangle.js";
+function W({
   settings: h,
   dataset: r,
   data: u,
   index: s,
-  active: e = !1
+  active: e = !1,
+  stack: j = !1
 }) {
-  const n = u || [];
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    l(r).map((m, i) => /* @__PURE__ */ a.jsx(
-      A,
+  const f = u || [];
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    l(r).map((m, o) => /* @__PURE__ */ t.jsx(
+      $,
       {
-        id: `${s}-${i}`,
+        id: `${s}-${o}`,
         dataKey: m,
-        yAxisId: x(r),
-        stroke: e ? o(r, i).barStrokeFade : o(r, i).barStroke,
+        yAxisId: A(r),
+        stroke: e ? a(r, o).barStrokeFade : a(r, o).barStroke,
         strokeWidth: 1,
-        fill: e ? o(r, i).barBgFade : o(r, i).barBg,
+        fill: e ? a(r, o).barBgFade : a(r, o).barBg,
         isAnimationActive: !1,
-        hide: b(r),
-        name: B(r, i),
+        hide: x(r),
+        name: b(r, o),
         unit: r.unit,
-        shape: (t) => /* @__PURE__ */ a.jsx(
-          c,
+        shape: (i) => /* @__PURE__ */ t.jsx(
+          p,
           {
-            ...t,
-            radius: p(
+            ...i,
+            radius: c(
               l(r),
               m,
-              t.payload
+              i.payload
             )
           }
         ),
-        activeBar: (t) => /* @__PURE__ */ a.jsx(
-          c,
+        activeBar: (i) => /* @__PURE__ */ t.jsx(
+          p,
           {
-            ...t,
-            stroke: o(r, i).barStroke,
+            ...i,
+            stroke: a(r, o).barStroke,
             strokeWidth: 1,
-            fill: o(r, i).barBg,
-            radius: p(
+            fill: a(r, o).barBg,
+            radius: c(
               l(r),
               m,
-              t.payload
+              i.payload
             )
           }
         ),
-        style: { transform: "translateY(-1px)" },
-        stackId: "stack",
-        children: n.map((t, j) => {
-          var f, g;
-          return /* @__PURE__ */ a.jsx(
-            $,
+        stackId: j ? `stack-${s}` : void 0,
+        children: f.map((i, B) => {
+          var g, n;
+          return /* @__PURE__ */ t.jsx(
+            F,
             {
-              className: (f = t == null ? void 0 : t._settings) == null ? void 0 : f.className,
-              style: (g = t == null ? void 0 : t._settings) == null ? void 0 : g.style
+              className: (g = i == null ? void 0 : i._settings) == null ? void 0 : g.className,
+              style: (n = i == null ? void 0 : i._settings) == null ? void 0 : n.style
             },
-            j
+            B
           );
         })
       },
-      `${s}-${i}`
+      `${s}-${o}`
     )),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ t.jsx(
       C,
       {
         settings: h,
         dataset: r,
-        data: n,
+        data: f,
         index: s
       }
     )
   ] });
 }
 export {
-  D as default
+  W as default
 };

package/dist/Chart/ChartLine.js

@@ -1,47 +1,48 @@
-import { j as i } from "../external/react/jsx-runtime.js";
-import { getName as a, getChartHide as u, getColor as l, getYDataKey as o } from "./utils.js";
-import f from "./ChartAnnotation.js";
-import { Line as x } from "../external/recharts/es6/cartesian/Line.js";
-function h({
-  settings: n,
-  dataset: r,
-  data: t,
-  curve: m = "linear",
-  index: e
+import { j as r } from "../external/react/jsx-runtime.js";
+import { getYDataKeys as s, getName as u, getChartHide as f, getColor as p, getYAxisId as x } from "./utils.js";
+import d from "./ChartAnnotation.js";
+import { Line as c } from "../external/recharts/es6/cartesian/Line.js";
+function C({
+  settings: t,
+  dataset: i,
+  data: m,
+  curve: a = "linear",
+  index: o,
+  active: l
 }) {
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
-      x,
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    s(i).map((e, n) => /* @__PURE__ */ r.jsx(
+      c,
       {
-        id: String(e),
-        dataKey: o(r),
-        yAxisId: o(r),
-        stroke: l(r, e).lineStroke,
+        id: `${o}-${e}`,
+        dataKey: e,
+        yAxisId: x(i),
+        stroke: p(i, n).lineStroke,
         strokeWidth: 3,
         dot: !1,
-        activeDot: !0,
+        activeDot: l,
         isAnimationActive: !1,
-        type: m,
-        hide: u(r),
+        type: a,
+        hide: f(i),
         strokeLinejoin: "round",
         strokeLinecap: "round",
-        filter: n.variant !== "card" && "url(#outline)",
-        name: a(r),
-        unit: r.unit
+        filter: t.variant !== "card" && "url(#outline)",
+        name: u(i, n),
+        unit: i.unit
       },
-      e
-    ),
-    /* @__PURE__ */ i.jsx(
-      f,
+      `${o}-${e}`
+    )),
+    /* @__PURE__ */ r.jsx(
+      d,
       {
-        settings: n,
-        dataset: r,
-        data: t,
-        index: e
+        settings: t,
+        dataset: i,
+        data: m,
+        index: o
       }
     )
   ] });
 }
 export {
-  h as default
+  C as default
 };

package/dist/Chart/ChartTooltip.js

@@ -1,66 +1,80 @@
-import { j as r } from "../external/react/jsx-runtime.js";
+import { j as i } from "../external/react/jsx-runtime.js";
+import { useState as g, useRef as A, useEffect as C } from "react";
 /* empty css                 */
-import { getYDataKeysFlipped as m, getYDataKeys as y, getColor as C } from "./utils.js";
-import { Tooltip as g } from "../external/recharts/es6/component/Tooltip.js";
-function v(n) {
-  const { active: i, payload: e, label: c, tooltip: d, datasets: u = [] } = n, f = (l, o) => o.map((t) => {
-    let a = t.value;
-    return l.forEach((s) => {
-      m(s).forEach((p) => {
-        p === t.dataKey && (a = Math.abs(Number(a)));
+import { getYDataKeys as x, getYDataKeysFlipped as E, defaultYAxisFormatter as F, getColor as K } from "./utils.js";
+import { usePlotArea as b } from "../external/recharts/es6/hooks.js";
+import { Tooltip as v } from "../external/recharts/es6/component/Tooltip.js";
+function W(o) {
+  const {
+    active: e,
+    payload: t,
+    label: a,
+    tooltip: u,
+    datasets: h = [],
+    onTooltipWidth: p
+  } = o, f = A(null);
+  C(() => {
+    f.current && p && p(f.current.offsetWidth);
+  }, [e, t, p]);
+  const y = (c, r) => r.map((n) => {
+    let l = n.value, s;
+    return c.forEach((d) => {
+      !s && x(d).includes(n.dataKey) && (s = d), E(d).forEach((m) => {
+        m === n.dataKey && (l = Math.abs(Number(l)));
       });
-    }), { ...t, value: a };
-  }), h = (l) => {
-    let o;
-    return u.forEach((t, a) => {
-      const s = y(t);
-      s.forEach((p, x) => {
-        if (p === l.dataKey) {
-          const j = s.length > 1 ? x : a;
-          o = C(t, j).text;
+    }), s != null && s.yAxisFormatter ? l = s.yAxisFormatter(l) : l = F(l), { ...n, value: l };
+  }), j = (c) => {
+    let r;
+    return h.forEach((n, l) => {
+      const s = x(n);
+      s.forEach((d, m) => {
+        if (d === c.dataKey) {
+          const T = s.length > 1 ? m : l;
+          r = K(n, T).text;
         }
       });
-    }), o;
+    }), r;
   };
-  if (i && e && e.length) {
-    const l = f(
-      u,
-      e
-    ).reverse();
-    return d === "default" ? /* @__PURE__ */ r.jsxs("div", { className: "eds-chart-tooltip", children: [
-      /* @__PURE__ */ r.jsx("p", { children: c }),
-      l.map((o, t) => /* @__PURE__ */ r.jsxs("p", { style: { color: h(o) }, children: [
-        o.name,
+  if (e && t && t.length) {
+    const c = y(h, t);
+    return u === "default" ? /* @__PURE__ */ i.jsxs("div", { ref: f, className: "eds-chart-tooltip", children: [
+      /* @__PURE__ */ i.jsx("p", { children: a }),
+      c.map((r, n) => /* @__PURE__ */ i.jsxs("p", { style: { color: j(r) }, children: [
+        r.name,
         " ",
-        o.value,
+        r.value,
         " ",
-        o.unit
-      ] }, t))
-    ] }) : d === "label" ? /* @__PURE__ */ r.jsx("div", { className: "eds-chart-tooltip", children: /* @__PURE__ */ r.jsx("p", { children: c }) }) : /* @__PURE__ */ r.jsx("div", {});
+        r.unit
+      ] }, n))
+    ] }) : u === "label" ? /* @__PURE__ */ i.jsx("div", { ref: f, className: "eds-chart-tooltip", children: /* @__PURE__ */ i.jsx("p", { children: a }) }) : /* @__PURE__ */ i.jsx("div", { ref: f });
   }
   return null;
 }
-function N({
-  settings: n,
-  datasets: i,
-  active: e
+function N(o, e, t, a) {
+  return o - e / 2 <= t ? o + e / 2 - 10 : o + e / 2 >= a ? o - e / 2 + 10 : o;
+}
+function M({
+  settings: o,
+  datasets: e,
+  active: t
 }) {
-  return /* @__PURE__ */ r.jsx(
-    g,
+  const { x: a, width: u } = b(), [h, p] = g(0), f = (t == null ? void 0 : t.x) !== void 0 ? N(t.x, h, a, u) : void 0;
+  return t ? /* @__PURE__ */ i.jsx(
+    v,
     {
-      content: /* @__PURE__ */ r.jsx(
-        v,
+      content: /* @__PURE__ */ i.jsx(
+        W,
         {
-          tooltip: n.tooltip || "default",
-          datasets: i
+          tooltip: o.tooltip || "default",
+          datasets: e,
+          onTooltipWidth: p
         }
       ),
-      position: { x: e == null ? void 0 : e.x, y: 0 },
-      isAnimationActive: !1,
-      cursor: n.tooltip !== "none"
+      position: { x: f, y: 0 },
+      isAnimationActive: !1
     }
-  );
+  ) : null;
 }
 export {
-  N as default
+  M as default
 };

package/dist/Chart/axes.js

@@ -0,0 +1,66 @@
+import { getYAxisId as b, getYDataKeys as S } from "./utils.js";
+const N = (e) => Number.isFinite(+e) ? +e : NaN, k = (e, y) => {
+  const M = S(e), p = Array.isArray(e.yDataKey), i = { min: 1 / 0, max: -1 / 0 }, { min: r, max: s } = y.reduce((t, o) => {
+    if (p) {
+      let u = 0, x = 0;
+      return M.forEach((g) => {
+        const c = N(o == null ? void 0 : o[g]);
+        Number.isFinite(c) && (c >= 0 ? u += c : x += c);
+      }), t.min = Math.min(t.min, x), t.max = Math.max(t.max, u), t;
+    }
+    return M.forEach((u) => {
+      const x = N(o == null ? void 0 : o[u]);
+      Number.isFinite(x) && (t.min = Math.min(t.min, x), t.max = Math.max(t.max, x));
+    }), t;
+  }, i);
+  if (!Number.isFinite(r) || !Number.isFinite(s))
+    return { min: 0, max: 0 };
+  if (r === s) {
+    const t = Math.max(1, Math.abs(r) * 0.1);
+    return { min: r - t, max: s + t };
+  }
+  return { min: r, max: s };
+};
+function Y(e, y, M) {
+  const p = [...new Set(e.map((n) => b(n)))], i = {}, r = {};
+  p.forEach((n) => {
+    const a = e.filter((m) => b(m) === n);
+    r[n] = a.find((m) => m.show !== !1) ?? a[0];
+    const h = a.map((m) => k(m, y)).reduce(
+      (m, d) => ({
+        min: Math.min(m.min, d.min),
+        max: Math.max(m.max, d.max)
+      }),
+      { min: 1 / 0, max: -1 / 0 }
+    );
+    i[n] = h.min === 1 / 0 || h.max === -1 / 0 ? { min: 0, max: 0 } : h;
+  });
+  const s = [...p].sort((n, a) => {
+    const f = i[n], h = i[a], m = f.min === 0 && f.max === 0, d = h.min === 0 && h.max === 0;
+    return m === d ? 0 : m ? 1 : -1;
+  }), t = M - 1, o = s.map((n) => {
+    const { min: a, max: f } = i[n];
+    return Math.min(
+      t,
+      Math.max(0, Math.round((0 - a) / (f - a || 1) * t))
+    );
+  }), u = Math.max(
+    ...s.map((n) => i[n].min < 0 ? 1 : 0)
+  ), x = Math.min(
+    ...s.map((n) => i[n].max > 0 ? t - 1 : t)
+  ), g = Math.max(...o), c = Math.max(u, Math.min(g, x));
+  return s.map((n) => {
+    const a = i[n], f = Math.max(c, a.min < 0 ? 1 : 0), h = Math.max(t - c, a.max > 0 ? 1 : 0), m = Math.max(
+      a.min < 0 ? Math.abs(a.min) / f : 0,
+      a.max > 0 ? a.max / h : 0,
+      1e-9
+    ), I = Math.ceil(m * 10) / 10, A = -c * I, l = Array.from(
+      { length: M },
+      (D, E) => A + E * I
+    ), F = [l[0], l[l.length - 1]];
+    return { id: n, ticks: l, domain: F, dataset: r[n] };
+  });
+}
+export {
+  Y as getAxes
+};

package/dist/Chart/curve.js

@@ -1,74 +1,81 @@
-import { smoothPath as p } from "../external/svg-smoother/dist/index.js";
-function d(e, t) {
+import { smoothPath as d } from "../external/svg-smoother/dist/index.js";
+function f(e) {
+  return (Math.abs(e) < 1e-9 ? 0 : e).toFixed(3).replace(/\.0+$/, "").replace(/(\.[0-9]*?)0+$/, "$1");
+}
+function m(e, t) {
   return e.length === 0 ? "" : e.slice(1).reduce(
     (i, [s, n], c) => {
-      const [r, o] = e[c], _ = s - r, h = Math.min(t / 2, Math.abs(_) / 2), a = (r + s) / 2, f = a - h, l = a + h;
-      return i.push(`L ${f} ${o}`, `L ${l} ${n}`, `L ${s} ${n}`), i;
+      const [r, o] = e[c], l = s - r, h = Math.min(t / 2, Math.abs(l) / 2), a = (r + s) / 2, _ = a - h, u = a + h;
+      return i.push(
+        `L ${f(_)} ${f(o)}`,
+        `L ${f(u)} ${f(n)}`,
+        `L ${f(s)} ${f(n)}`
+      ), i;
     },
-    [`M ${e[0][0]} ${e[0][1]}`]
+    [`M ${f(e[0][0])} ${f(e[0][1])}`]
   ).join(" ");
 }
-const $ = (e) => e.map(([t, i]) => `${t.toFixed(3)},${i.toFixed(3)}`).join("|"), u = (e, t) => Array.from(
+const C = (e) => e.map(([t, i]) => `${f(t)},${f(i)}`).join("|"), p = (e, t) => Array.from(
   { length: Math.floor(e.length / t) },
   (i, s) => e.slice(s * t, s * t + t)
 );
-function M(e) {
+function g(e) {
   const t = Array.from(e.matchAll(/([MLC])([^MLC]+)/g)).map((o) => ({
     cmd: o[1],
     vals: (o[2] || "").trim().split(/[ ,]+/).map(Number)
   }));
   let i = NaN, s = NaN;
   const n = [];
-  if (t.forEach(({ cmd: o, vals: _ }) => {
+  if (t.forEach(({ cmd: o, vals: l }) => {
     if (o === "M") {
-      [i, s] = _;
+      [i, s] = l;
       return;
     }
     if (o === "L") {
-      const [h, a] = _;
+      const [h, a] = l;
       n.push([i, s, i, s, h, a, h, a]), i = h, s = a;
       return;
     }
-    o === "C" && u(_, 6).forEach(([h, a, f, l, m, P]) => {
-      n.push([i, s, h, a, f, l, m, P]), i = m, s = P;
+    o === "C" && p(l, 6).forEach(([h, a, _, u, P, $]) => {
+      n.push([i, s, h, a, _, u, P, $]), i = P, s = $;
     });
   }), !n.length) return e;
   const [c, r] = n[n.length - 1].slice(6, 8);
   return [
     `M ${c} ${r}`,
     ...n.slice().reverse().map(
-      ([o, _, h, a, f, l]) => `C ${f} ${l} ${h} ${a} ${o} ${_}`
+      ([o, l, h, a, _, u]) => `C ${_} ${u} ${h} ${a} ${o} ${l}`
     )
   ].join(" ");
 }
-function C(e, t) {
+function b(e, t) {
   Array.from(e.matchAll(/([MLCZ])([^MLCZ]*)/g)).map((s) => ({
     cmd: s[1],
     nums: (s[2] || "").trim().split(/[ ,]+/).map(Number).filter(Number.isFinite)
   })).forEach(({ cmd: s, nums: n }) => {
     if (s === "M") {
-      u(n, 2).forEach(
+      p(n, 2).forEach(
         ([c, r], o) => (o === 0 ? t.moveTo : t.lineTo).call(t, c, r)
       );
       return;
     }
     if (s === "L") {
-      u(n, 2).forEach(([c, r]) => t.lineTo(c, r));
+      p(n, 2).forEach(([c, r]) => t.lineTo(c, r));
       return;
     }
     if (s === "C") {
-      u(n, 6).forEach(
-        ([c, r, o, _, h, a]) => t.bezierCurveTo(c, r, o, _, h, a)
+      p(n, 6).forEach(
+        ([c, r, o, l, h, a]) => t.bezierCurveTo(c, r, o, l, h, a)
       );
       return;
     }
     s === "Z" && t.closePath();
   });
 }
-function b(e, t, i) {
+function M(e, t, i) {
   this._context = e, this._offset = t, this._radius = i, this._inArea = !1, this._line = 0, this._points = [], this._topPoints = [], this._topPath = "", this._edgeCache = /* @__PURE__ */ new Map();
 }
-b.prototype = {
+M.prototype = {
   areaStart() {
     this._inArea = !0, this._line = 0, this._topPoints = [], this._topPath = "";
   },
@@ -81,40 +88,40 @@ b.prototype = {
   lineEnd() {
     if (this._points.length) {
       if (!this._inArea) {
-        const e = d(this._points, this._offset), t = p(e, {
+        const e = m(this._points, this._offset), t = d(e, {
           radius: this._radius,
           reduceCommands: !1
         });
-        C(t, this._context);
+        b(t, this._context);
         return;
       }
       if (this._line === 1) {
         this._topPoints = this._points.slice();
-        const e = d(this._topPoints, this._offset), t = p(e, {
+        const e = m(this._topPoints, this._offset), t = d(e, {
           radius: this._radius,
           reduceCommands: !1
         });
-        this._edgeCache.set($(this._topPoints), t), this._topPath = t;
+        this._edgeCache.set(C(this._topPoints), t), this._topPath = t;
         return;
       }
       if (this._line === 2) {
-        const t = this._points.slice().slice().reverse(), i = $(t);
+        const t = this._points.slice().slice().reverse(), i = C(t);
         let s = this._edgeCache.get(i);
         if (!s) {
-          const o = d(
+          const o = m(
             t,
             this._offset
           );
-          s = p(o, {
+          s = d(o, {
             radius: this._radius,
             reduceCommands: !1
           }), this._edgeCache.set(i, s);
         }
-        const c = M(s).replace(
+        const c = g(s).replace(
           /^[Mm]\s+(-?\d+(?:\.\d+)?)\s+(-?\d+(?:\.\d+)?)/,
           "L $1 $2"
         ), r = `${this._topPath} ${c} Z`;
-        C(r, this._context), this._topPoints = [], this._topPath = "", this._line = 0;
+        b(r, this._context), this._topPoints = [], this._topPath = "", this._line = 0;
       }
     }
   },
@@ -123,7 +130,7 @@ b.prototype = {
   }
 };
 function L(e = 10, t = 5) {
-  return (i) => new b(i, e, t);
+  return (i) => new M(i, e, t);
 }
 export {
   L as curveSloped