@hybridcore/ui 1.6.8 → 1.6.10

package/dist/components/charts/highlighting-line-data/logic.js

@@ -1,15 +1,17 @@
-import { R as I, A as W, T as z } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as S } from "@mui/material";
-import { useRef as d, useLayoutEffect as F } from "react";
-import { X as V, V as G } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as M } from "../../../XYCursor-C8WktvKM.js";
-import { D as N } from "../../../DateAxis-YX3QNIB-.js";
-import { A as P, a as U } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as Z, c as j, p as w } from "../../../ColorSet-C7vpNXhM.js";
-import { L as q } from "../../../LineSeries-Uiv5o56b.js";
-import { L as B } from "../../../Legend-Dp_MKfS4.js";
-const ae = (v) => {
-  const u = S({
+import { R as I, A as W } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as z } from "@mui/material";
+import { useRef as d, useLayoutEffect as S } from "react";
+import { X as F, V } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as G } from "../../../XYCursor-CVUSpqb9.js";
+import { D as M } from "../../../DateAxis-DEXKps1S.js";
+import { A as N, a as P } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as U } from "../../../ColorSet-cyPmWGwh.js";
+import { c as Z, p as w } from "../../../Entity-BJCuhdq_.js";
+import { L as j } from "../../../LineSeries-D_IL2qGF.js";
+import { T as q } from "../../../Tooltip-vyZRZWih.js";
+import { L as B } from "../../../Legend-CFvQiIfn.js";
+const ie = (v) => {
+  const u = z({
     props: v,
     name: "HCHighlightLineChart"
   }), {
@@ -31,12 +33,12 @@ const ae = (v) => {
     loading: g,
     emptyMessage: x
   }, y = d(null), C = d(null), h = d(null);
-  return F(() => {
+  return S(() => {
     if (!h.current) return;
     const e = I.new(h.current);
     C.current = e, e.setThemes([W.new(e)]);
     const o = e.container.children.push(
-      V.new(e, {
+      F.new(e, {
         panX: !0,
         panY: !0,
         wheelX: "panX",
@@ -46,26 +48,26 @@ const ae = (v) => {
     );
     y.current = o, o.set(
       "cursor",
-      M.new(e, {
+      G.new(e, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
     const R = o.xAxes.push(
-      N.new(e, {
+      M.new(e, {
         maxDeviation: 0.3,
         baseInterval: { timeUnit: "day", count: 1 },
-        renderer: P.new(e, {
+        renderer: N.new(e, {
           minorGridEnabled: !0
         })
       })
     ), Y = o.yAxes.push(
-      G.new(e, {
-        renderer: U.new(e, {})
+      V.new(e, {
+        renderer: P.new(e, {})
       })
-    ), c = [], b = Z.new(e, {});
+    ), c = [], b = U.new(e, {});
     m.forEach((t, i) => {
-      const s = t.color ? j(t.color) : b.getIndex(i), r = o.series.push(
-        q.new(e, {
+      const s = t.color ? Z(t.color) : b.getIndex(i), r = o.series.push(
+        j.new(e, {
           name: t.name,
           xAxis: R,
           yAxis: Y,
@@ -73,7 +75,7 @@ const ae = (v) => {
           valueXField: "date",
           stroke: s,
           fill: s,
-          tooltip: z.new(e, {
+          tooltip: q.new(e, {
             labelText: "{name}: {valueY}"
           })
         })
@@ -122,5 +124,5 @@ const ae = (v) => {
   };
 };
 export {
-  ae as useHighlightLineChartLogic
+  ie as useHighlightLineChartLogic
 };

package/dist/components/charts/line/logic.js

@@ -1,21 +1,22 @@
-import { R as Z, a as q, A as J, T as K } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as Q, useTheme as ee } from "@mui/material";
-import _ from "lodash";
-import { useId as te, useRef as oe, useEffect as re } from "react";
-import { humanizeLabel as ae } from "../_common/format.js";
-import { colorSetFromPalette as se, applyValueFormat as ne } from "../_common/utils.js";
-import { c, p as k, b as U } from "../../../ColorSet-C7vpNXhM.js";
-import { X as ie, V as le } from "../../../AxisRenderer-DTyLLA6c.js";
-import { D as me } from "../../../DateAxis-YX3QNIB-.js";
-import { A as V, a as de } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as pe } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as ce } from "../../../LineSeries-Uiv5o56b.js";
-import { D as ue } from "../../../DataProcessor-CHDO51q4.js";
-import { B as ye } from "../../../Bullet-DVczI2TD.js";
-import { C as fe } from "../../../Circle-Cy5s-pVc.js";
-import { X as he } from "../../../XYCursor-C8WktvKM.js";
-import { L as ge } from "../../../Legend-Dp_MKfS4.js";
-const R = 1.1, Ae = {
+import { R as H, T as Z, A as $ } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as j, useTheme as q } from "@mui/material";
+import U from "lodash";
+import { useId as J, useRef as K, useEffect as Q } from "react";
+import { humanizeLabel as ee } from "../_common/format.js";
+import { attachCombinedAxisTooltip as te } from "../_common/tooltip.js";
+import { colorSetFromPalette as re, applyValueFormat as se } from "../_common/utils.js";
+import { c as p, p as X, b as V } from "../../../Entity-BJCuhdq_.js";
+import { X as oe, V as ae } from "../../../AxisRenderer-BCQoUJw6.js";
+import { A as _, a as ie } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as ne } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as le } from "../../../LineSeries-D_IL2qGF.js";
+import { D as me, G as de } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { B as pe } from "../../../Bullet-Djj7Vs9T.js";
+import { C as ce } from "../../../Circle-BnfBNKBD.js";
+import { X as ue } from "../../../XYCursor-CVUSpqb9.js";
+import { L as fe } from "../../../Legend-CFvQiIfn.js";
+import { D as he } from "../../../DateAxis-DEXKps1S.js";
+const B = 1.1, ge = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -24,43 +25,35 @@ const R = 1.1, Ae = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, xe = {
-  millisecond: "d MMM, yyyy HH:mm:ss.SSS",
-  second: "d MMM, yyyy HH:mm:ss",
-  minute: "d MMM, yyyy HH:mm",
-  hour: "d MMM, yyyy HH:mm",
-  day: "d MMM, yyyy",
-  week: "d MMM, yyyy",
-  month: "MMM yyyy",
-  year: "yyyy"
-}, Ue = (B) => {
-  const b = Q({ props: B, name: "HCLineChart" }), {
-    dimensions: r,
-    values: y,
-    data: w,
-    initDelay: E = 0,
-    baseInterval: l,
-    colors: X,
-    connectMissingData: T = !0,
-    sx: G,
-    ...I
-  } = b, m = ee(), H = `hc-line-chart-${te().replace(/:/g, "")}`, F = oe(null);
-  let v = null;
-  r.length < 1 ? v = "Missing dimensions config!" : y.length < 1 && (v = "Missing values config!"), re(() => {
-    if (v) return;
-    let C;
-    return C = setTimeout(() => {
-      var $, O, S, Y, P;
-      const e = Z.new(H);
-      F.current = e;
-      const j = q.new(e);
-      e.setThemes([J.new(e), j]), e.interfaceColors.setAll({
-        text: c(m.palette.text.primary),
-        grid: c(m.palette.divider),
-        stroke: c(m.palette.divider)
+}, Ve = (E) => {
+  const b = j({ props: E, name: "HCLineChart" }), {
+    dimensions: t,
+    values: m,
+    data: g,
+    initDelay: P = 0,
+    baseInterval: i,
+    colors: L,
+    connectMissingData: k = !0,
+    skipEmptyDates: v = !1,
+    sx: R,
+    ...W
+  } = b, l = q(), N = `hc-line-chart-${J().replace(/:/g, "")}`, C = K(null);
+  let A = null;
+  t.length < 1 ? A = "Missing dimensions config!" : m.length < 1 && (A = "Missing values config!"), Q(() => {
+    if (A) return;
+    let T;
+    return T = setTimeout(() => {
+      var G, O, I, M;
+      const e = H.new(N);
+      C.current = e;
+      const z = Z.new(e);
+      e.setThemes([$.new(e), z]), e.interfaceColors.setAll({
+        text: p(l.palette.text.primary),
+        grid: p(l.palette.divider),
+        stroke: p(l.palette.divider)
       });
-      const n = e.container.children.push(
-        ie.new(e, {
+      const s = e.container.children.push(
+        oe.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -71,171 +64,140 @@ const R = 1.1, Ae = {
           pinchZoomX: !0
         })
       );
-      n.set("colors", se(e, X));
-      let d, f = w;
-      r[0].type === "date" ? (d = n.xAxes.push(
-        me.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: l || { timeUnit: "day", count: 1 },
-          renderer: V.new(e, {})
-        })
-      ), f = _.orderBy(w, [r[0].value])) : (d = n.xAxes.push(
-        pe.new(e, {
-          categoryField: r[0].value,
-          renderer: V.new(e, {})
-        })
-      ), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), f = _.orderBy(w, [r[0].value]), d.data.setAll(f));
-      const N = n.yAxes.push(
-        le.new(e, {
-          renderer: de.new(e, {})
+      s.set("colors", re(e, L));
+      let n, c = g;
+      if (t[0].type === "date") {
+        const o = v ? de : he;
+        n = s.xAxes.push(
+          o.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: i || { timeUnit: "day", count: 1 },
+            renderer: _.new(e, {})
+          })
+        ), c = U.orderBy(g, [t[0].value]);
+      } else
+        n = s.xAxes.push(
+          ne.new(e, {
+            categoryField: t[0].value,
+            renderer: _.new(e, {})
+          })
+        ), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), c = U.orderBy(g, [t[0].value]), n.data.setAll(c);
+      const Y = s.yAxes.push(
+        ae.new(e, {
+          renderer: ie.new(e, {})
         })
       );
-      ($ = d.get("renderer")) == null || $.grid.template.setAll({
-        stroke: c(m.palette.divider),
+      (G = n.get("renderer")) == null || G.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      }), (O = d.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (S = N.get("renderer")) == null || S.grid.template.setAll({
-        stroke: c(m.palette.divider),
+      }), (O = n.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = Y.get("renderer")) == null || I.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      });
-      const M = K.new(e, {
-        getFillFromSprite: !1
-      });
-      (Y = M.get("background")) == null || Y.setAll({
-        fill: c(m.palette.background.paper),
-        stroke: c(m.palette.divider),
-        fillOpacity: 1
-      }), M.label.setAll({
-        fill: c(m.palette.text.primary),
-        textAlign: "left",
-        lineHeight: k(160)
-      });
-      const L = xe[(l == null ? void 0 : l.timeUnit) ?? "day"], z = c(m.palette.text.secondary).toCSSHex();
-      M.label.adapters.add("text", () => {
-        let t = "";
-        const a = [];
-        if (n.series.each((i) => {
-          const s = i.get("tooltipDataItem"), p = s == null ? void 0 : s.get("valueY");
-          if (s === void 0 || p === void 0 || p === null)
-            return;
-          if (!t)
-            if (r[0].type === "date") {
-              const o = s.get("valueX");
-              typeof o == "number" && (t = e.dateFormatter.format(
-                new Date(o),
-                L
-              ));
-            } else
-              t = `${s.get("categoryX") ?? ""}`;
-          const u = i.get("stroke"), g = u ? `[${u.toCSSHex()}]●[/] ` : "";
-          a.push(
-            `${g}${i.get("name")}: ${e.numberFormatter.format(
-              p
-            )}`
-          );
-        }), a.length === 0) {
-          if (r[0].type === "date") {
-            const s = d.positionToValue(
-              d.getPrivate("tooltipPosition", 0)
-            );
-            typeof s == "number" && !Number.isNaN(s) && (t = e.dateFormatter.format(new Date(s), L));
-          }
-          const i = `[${z}]No data[/]`;
-          return t ? `[bold]${t}[/]
-${i}` : i;
-        }
-        return t ? `[bold]${t}[/]
-${a.join(`
-`)}` : a.join(`
-`);
-      }), d.set("tooltip", M), y.forEach((t) => {
-        const a = n.series.push(
-          ce.new(e, {
+      }), m.forEach((o) => {
+        const a = s.series.push(
+          le.new(e, {
             // Legend/tooltip label: explicit override, else humanize the raw
             // backend field (snake_case / lowercase → Title Case).
-            name: t.label ?? ae(t.name),
-            xAxis: d,
-            yAxis: N,
-            valueYField: t.dataFieldName,
+            name: o.label ?? ee(o.name),
+            xAxis: n,
+            yAxis: Y,
+            valueYField: o.dataFieldName,
             // When false, the line breaks at missing points. On a date axis the
             // break is auto-detected when adjacent points are spaced more than
             // `autoGapCount` (default 1.1) base intervals apart, so absent dates
             // surface as gaps instead of being bridged by a straight segment.
-            connect: T,
-            autoGapCount: R,
-            ...r[0].type === "date" ? { valueXField: r[0].value } : { categoryXField: r[0].value }
+            connect: k,
+            autoGapCount: B,
+            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        if (r[0].type === "date" && (a.data.processor = ue.new(e, {
+        if (t[0].type === "date" && (a.data.processor = me.new(e, {
           dateFormat: "i",
-          dateFields: [r[0].value]
-        })), r[0].type === "date") {
-          const i = r[0].value, s = Ae[(l == null ? void 0 : l.timeUnit) ?? "day"] * ((l == null ? void 0 : l.count) ?? 1), p = T ? 1 / 0 : s * R, u = f.map((o) => ({
-            t: new Date(o[i]).getTime(),
-            hasValue: o[t.dataFieldName] !== null && o[t.dataFieldName] !== void 0
-          })).filter((o) => o.hasValue && !Number.isNaN(o.t)), g = /* @__PURE__ */ new Set();
-          u.forEach((o, A) => {
-            const D = A > 0 ? o.t - u[A - 1].t : 1 / 0, x = A < u.length - 1 ? u[A + 1].t - o.t : 1 / 0;
-            D > p && x > p && g.add(o.t);
-          }), g.size > 0 && a.bullets.push((o, A, D) => {
-            const x = D.dataContext;
-            if (g.has(new Date(x == null ? void 0 : x[i]).getTime()))
-              return ye.new(o, {
-                sprite: fe.new(o, {
+          dateFields: [t[0].value]
+        })), t[0].type === "date" && !v) {
+          const y = t[0].value, x = ge[(i == null ? void 0 : i.timeUnit) ?? "day"] * ((i == null ? void 0 : i.count) ?? 1), d = k ? 1 / 0 : x * B, w = c.map((r) => ({
+            t: new Date(r[y]).getTime(),
+            hasValue: r[o.dataFieldName] !== null && r[o.dataFieldName] !== void 0
+          })).filter((r) => r.hasValue && !Number.isNaN(r.t)), D = /* @__PURE__ */ new Set();
+          w.forEach((r, f) => {
+            const F = f > 0 ? r.t - w[f - 1].t : 1 / 0, h = f < w.length - 1 ? w[f + 1].t - r.t : 1 / 0;
+            F > d && h > d && D.add(r.t);
+          }), D.size > 0 && a.bullets.push((r, f, F) => {
+            const h = F.dataContext;
+            if (D.has(new Date(h == null ? void 0 : h[y]).getTime()))
+              return pe.new(r, {
+                sprite: ce.new(r, {
                   radius: 3,
                   fill: a.get("fill"),
-                  stroke: o.interfaceColors.get("background"),
+                  stroke: r.interfaceColors.get("background"),
                   strokeWidth: 1
                 })
               });
           });
         }
-        a.data.setAll(f), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
-      }), n.set(
+        a.data.setAll(c), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
+      }), s.set(
         "cursor",
-        he.new(e, { xAxis: d, behavior: "none" })
-      ).lineY.set("visible", !1);
-      const h = n.bottomAxesContainer.children.push(
-        ge.new(e, {
-          width: k(100),
+        ue.new(e, { xAxis: n, behavior: "none" })
+      ).lineY.set("visible", !1), te({
+        root: e,
+        chart: s,
+        xAxis: n,
+        theme: l,
+        isDateAxis: t[0].type === "date",
+        baseInterval: i,
+        follow: !0
+      });
+      const u = s.bottomAxesContainer.children.push(
+        fe.new(e, {
+          width: X(100),
           paddingTop: 10,
-          centerX: k(50),
-          x: k(50),
+          centerX: X(50),
+          x: X(50),
           layout: e.gridLayout
         })
       );
-      h.itemContainers.template.events.on("pointerover", function(t) {
-        var s;
-        const a = t.target, i = (s = a == null ? void 0 : a.dataItem) == null ? void 0 : s.dataContext;
-        n.series.each(function(p) {
-          p !== i ? p.strokes.template.setAll({
+      u.itemContainers.template.events.on("pointerover", function(o) {
+        var x;
+        const a = o.target, y = (x = a == null ? void 0 : a.dataItem) == null ? void 0 : x.dataContext;
+        s.series.each(function(d) {
+          d !== y ? d.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: c(0)
-          }) : p.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: p(0)
+          }) : d.strokes.template.setAll({ strokeWidth: 3 });
         });
-      }), h.itemContainers.template.events.on("pointerout", function() {
-        n.series.each(function(t) {
-          t.strokes.template.setAll({
+      }), u.itemContainers.template.events.on("pointerout", function() {
+        s.series.each(function(o) {
+          o.strokes.template.setAll({
             strokeOpacity: 1,
             strokeWidth: 2,
-            stroke: t.get("fill")
+            stroke: o.get("fill")
           });
         });
-      }), h.itemContainers.template.set("width", U), h.valueLabels.template.setAll({
-        width: U,
+      }), u.itemContainers.template.set("width", V), u.valueLabels.template.setAll({
+        width: V,
         textAlign: "right"
-      }), h.data.setAll(n.series.values), ne(e, (P = y == null ? void 0 : y[0]) == null ? void 0 : P.format), n.appear(1e3, 100);
-    }, E), () => {
+      }), u.data.setAll(s.series.values), se(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), s.appear(1e3, 100);
+    }, P), () => {
       var e;
-      C && clearTimeout(C), (e = F.current) == null || e.dispose(), F.current = null;
+      T && clearTimeout(T), (e = C.current) == null || e.dispose(), C.current = null;
     };
-  }, [w, r, y, m.palette.mode, X, T]);
-  const W = { ...b };
-  return { chartId: H, ownerState: W, sx: G, error: v, other: I };
+  }, [
+    g,
+    t,
+    m,
+    l.palette.mode,
+    L,
+    k,
+    v
+  ]);
+  const S = { ...b };
+  return { chartId: N, ownerState: S, sx: R, error: A, other: W };
 };
 export {
-  Ue as useLineChartLogic
+  Ve as useLineChartLogic
 };