@hybridcore/ui 1.6.29 → 1.6.31

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

@@ -3,39 +3,35 @@ import { useThemeProps as P, useTheme as W } from "@mui/material";
 import z from "lodash";
 import { useId as Z, useRef as $, useEffect as j } from "react";
 import { humanizeLabel as q } from "../_common/format.js";
-import { colorSetFromPalette as J, applyValueFormat as K } from "../_common/utils.js";
-import { c as i, a as F, p as Q } from "../../../Entity-BJCuhdq_.js";
-import { X as U, V as Y } from "../../../AxisRenderer-BCQoUJw6.js";
+import { applyInterfaceColors as J, colorSetFromPalette as K, applyValueFormat as Q } from "../_common/utils.js";
+import { X as U, V as F } from "../../../AxisRenderer-BCQoUJw6.js";
 import { L as ee } from "../../../Legend-CFvQiIfn.js";
-import { A as te, a as re } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as oe } from "../../../ColumnSeries-CtRTsn-E.js";
-import { T as se } from "../../../Tooltip-vyZRZWih.js";
-import { X as ne } from "../../../XYCursor-CVUSpqb9.js";
-const R = "__hcBinStart", _ = "__hcBinEnd", Ne = (C) => {
-  const x = P({ props: C, name: "HCHistogram" }), {
-    dimensions: p,
-    values: u,
+import { a as Y, c as g, p as te } from "../../../Entity-BJCuhdq_.js";
+import { A as re, a as oe } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as se } from "../../../ColumnSeries-CtRTsn-E.js";
+import { T as ne } from "../../../Tooltip-vyZRZWih.js";
+import { X as ae } from "../../../XYCursor-CVUSpqb9.js";
+const R = "__hcBinStart", _ = "__hcBinEnd", Xe = (C) => {
+  const b = P({ props: C, name: "HCHistogram" }), {
+    dimensions: c,
+    values: p,
     data: A,
-    initDelay: B = 0,
-    colors: b,
+    initDelay: I = 0,
+    colors: x,
     binWidth: v,
     barGap: y = 0,
-    logarithmic: d = !1,
-    sx: D,
-    ...I
-  } = x, r = W(), N = `hc-histogram-${Z().replace(/:/g, "")}`, h = $(null), X = p.length < 1 ? "Missing dimensions config!" : u.length < 1 ? "Missing values config!" : null;
+    logarithmic: u = !1,
+    sx: B,
+    ...D
+  } = b, n = W(), N = `hc-histogram-${Z().replace(/:/g, "")}`, d = $(null), X = c.length < 1 ? "Missing dimensions config!" : p.length < 1 ? "Missing values config!" : null;
   j(() => {
     if (X) return;
-    let f;
-    return f = setTimeout(() => {
-      var k, w;
+    let h;
+    return h = setTimeout(() => {
+      var w, k;
       const e = O.new(N);
-      h.current = e, e.setThemes([H.new(e)]), e.interfaceColors.setAll({
-        text: i(r.palette.text.primary),
-        grid: i(r.palette.divider),
-        stroke: i(r.palette.divider)
-      });
-      const o = e.container.children.push(
+      d.current = e, e.setThemes([H.new(e)]), J(e, n);
+      const r = e.container.children.push(
         U.new(e, {
           panX: !1,
           panY: !1,
@@ -44,55 +40,55 @@ const R = "__hcBinStart", _ = "__hcBinEnd", Ne = (C) => {
           layout: e.verticalLayout
         })
       );
-      o.set("colors", J(e, b));
-      const S = o.children.push(
+      r.set("colors", K(e, x));
+      const S = r.children.push(
         ee.new(e, {
-          centerX: F,
-          x: F
+          centerX: Y,
+          x: Y
         })
-      ), s = p[0].value, l = u[0], V = l.dataFieldName, m = z.orderBy(
+      ), o = c[0].value, i = p[0], V = i.dataFieldName, l = z.orderBy(
         A.filter(
-          (t) => (t == null ? void 0 : t[s]) != null && !Number.isNaN(Number(t[s]))
+          (t) => (t == null ? void 0 : t[o]) != null && !Number.isNaN(Number(t[o]))
         ),
-        [(t) => Number(t[s])]
+        [(t) => Number(t[o])]
       );
-      let c = 1 / 0;
-      for (let t = 1; t < m.length; t++) {
-        const n = Number(m[t][s]) - Number(m[t - 1][s]);
-        n > 0 && n < c && (c = n);
+      let m = 1 / 0;
+      for (let t = 1; t < l.length; t++) {
+        const s = Number(l[t][o]) - Number(l[t - 1][o]);
+        s > 0 && s < m && (m = s);
       }
-      const E = v ?? (Number.isFinite(c) ? c : 1), G = m.map((t) => {
-        const n = Number(t[s]);
-        return { ...t, [R]: n, [_]: n + E };
-      }), g = o.xAxes.push(
-        Y.new(e, {
+      const E = v ?? (Number.isFinite(m) ? m : 1), G = l.map((t) => {
+        const s = Number(t[o]);
+        return { ...t, [R]: s, [_]: s + E };
+      }), f = r.xAxes.push(
+        F.new(e, {
           maxDeviation: 0,
-          renderer: te.new(e, { minGridDistance: 40 })
+          renderer: re.new(e, { minGridDistance: 40 })
         })
-      ), T = o.yAxes.push(
-        Y.new(e, {
+      ), T = r.yAxes.push(
+        F.new(e, {
           // Linear: frequency bars must grow from a zero baseline, else the auto
           // min crops the axis and distorts relative bar heights. Log: `min: 0`
           // is invalid (log 0 is undefined), so drop it and map zero-count bins
           // to `1` (the axis floor) — those bins then render as no bar.
-          ...d ? { logarithmic: !0, treatZeroAs: 1 } : { min: 0 },
-          renderer: re.new(e, {
+          ...u ? { logarithmic: !0, treatZeroAs: 1 } : { min: 0 },
+          renderer: oe.new(e, {
             strokeOpacity: 0.1,
-            ...d ? { minorGridEnabled: !0 } : {}
+            ...u ? { minorGridEnabled: !0 } : {}
           })
         })
       );
-      (k = g.get("renderer")) == null || k.grid.template.setAll({
-        stroke: i(r.palette.divider),
+      (w = f.get("renderer")) == null || w.grid.template.setAll({
+        stroke: g(n.palette.divider),
         strokeOpacity: 1
-      }), (w = T.get("renderer")) == null || w.grid.template.setAll({
-        stroke: i(r.palette.divider),
+      }), (k = T.get("renderer")) == null || k.grid.template.setAll({
+        stroke: g(n.palette.divider),
         strokeOpacity: 1
       });
-      const a = o.series.push(
-        oe.new(e, {
-          name: l.label ?? q(l.name),
-          xAxis: g,
+      const a = r.series.push(
+        se.new(e, {
+          name: i.label ?? q(i.name),
+          xAxis: f,
           yAxis: T,
           valueYField: V,
           // Explicit [open, value] edges give each bar its exact bin span, so
@@ -102,32 +98,32 @@ const R = "__hcBinStart", _ = "__hcBinEnd", Ne = (C) => {
         })
       ), M = Math.min(Math.max(y, 0), 1);
       a.columns.template.setAll({
-        width: Q((1 - M) * 100),
+        width: te((1 - M) * 100),
         strokeOpacity: 1,
         strokeWidth: 1,
-        stroke: i(r.palette.background.paper),
+        stroke: g(n.palette.background.paper),
         tooltipText: "{openValueX} – {valueX}: {valueY}"
-      }), a.set("tooltip", se.new(e, {})), a.data.setAll(G), a.appear(), S.data.push(a), o.set(
+      }), a.set("tooltip", ne.new(e, {})), a.data.setAll(G), a.appear(), S.data.push(a), r.set(
         "cursor",
-        ne.new(e, { xAxis: g, behavior: "none" })
-      ).lineY.set("visible", !1), K(e, l.format), o.appear(1e3, 100);
-    }, B), () => {
+        ae.new(e, { xAxis: f, behavior: "none" })
+      ).lineY.set("visible", !1), Q(e, i.format), r.appear(1e3, 100);
+    }, I), () => {
       var e;
-      f && clearTimeout(f), (e = h.current) == null || e.dispose(), h.current = null;
+      h && clearTimeout(h), (e = d.current) == null || e.dispose(), d.current = null;
     };
   }, [
     A,
+    c,
     p,
-    u,
-    r.palette.mode,
-    b,
+    n.palette.mode,
+    x,
     v,
     y,
-    d
+    u
   ]);
-  const L = { ...x };
-  return { chartId: N, ownerState: L, sx: D, error: X, other: I };
+  const L = { ...b };
+  return { chartId: N, ownerState: L, sx: B, error: X, other: D };
 };
 export {
-  Ne as useHistogramLogic
+  Xe as useHistogramLogic
 };

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

@@ -1,22 +1,23 @@
-import { R as z, T as H, A as Z } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as $, useTheme as j } from "@mui/material";
-import q 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, applyDateAxisLabelFormat as se, applyValueFormat as oe } from "../_common/utils.js";
-import { c as d, p as X, b as U } from "../../../Entity-BJCuhdq_.js";
-import { X as ae, V as ie } from "../../../AxisRenderer-BCQoUJw6.js";
-import { A as V, a as ne } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as le } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as me } from "../../../LineSeries-D_IL2qGF.js";
-import { D as pe, G as de } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { B as ce } from "../../../Bullet-Djj7Vs9T.js";
-import { C as ue } from "../../../Circle-BnfBNKBD.js";
-import { X as fe } from "../../../XYCursor-CVUSpqb9.js";
-import { L as he } from "../../../Legend-CFvQiIfn.js";
-import { D as Ae } from "../../../DateAxis-DEXKps1S.js";
-const _ = 1.1, ge = {
+import { R as q, T as J, A as K } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as Q, useTheme as ee } from "@mui/material";
+import te from "lodash";
+import { useId as se, useRef as re, useEffect as oe } from "react";
+import { humanizeLabel as ae } from "../_common/format.js";
+import { attachCombinedAxisTooltip as ie } from "../_common/tooltip.js";
+import { applyInterfaceColors as ne, colorSetFromPalette as le, applyDateAxisLabelFormat as me, applyValueFormat as pe } from "../_common/utils.js";
+import { X as ce, V as de } from "../../../AxisRenderer-BCQoUJw6.js";
+import { A as P, a as ue } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as fe } from "../../../CategoryAxis-B6NqW8qd.js";
+import { c as L, p as b, b as R } from "../../../Entity-BJCuhdq_.js";
+import { L as he } from "../../../LineSeries-D_IL2qGF.js";
+import { D as ge, G as Ae } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { B as ye } from "../../../Bullet-Djj7Vs9T.js";
+import { C as xe } from "../../../Circle-BnfBNKBD.js";
+import { L as we } from "../../../LinearGradient-CxQyCSEB.js";
+import { X as ke } from "../../../XYCursor-CVUSpqb9.js";
+import { L as Ce } from "../../../Legend-CFvQiIfn.js";
+import { D as ve } from "../../../DateAxis-DEXKps1S.js";
+const S = 1.1, De = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -25,35 +26,33 @@ const _ = 1.1, ge = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, _e = (E) => {
-  const b = $({ props: E, name: "HCLineChart" }), {
+}, He = (W) => {
+  const X = Q({ props: W, name: "HCLineChart" }), {
     dimensions: t,
     values: m,
-    data: w,
-    initDelay: P = 0,
-    baseInterval: n,
-    colors: L,
-    connectMissingData: k = !0,
-    skipEmptyDates: C = !1,
-    sx: R,
-    ...W
-  } = b, l = j(), N = `hc-line-chart-${J().replace(/:/g, "")}`, v = K(null);
+    data: x,
+    initDelay: B = 0,
+    baseInterval: l,
+    colors: G,
+    connectMissingData: w = !0,
+    skipEmptyDates: k = !1,
+    areaFill: N = !1,
+    strokeDasharray: C,
+    sx: z,
+    ...H
+  } = X, p = ee(), I = `hc-line-chart-${se().replace(/:/g, "")}`, v = re(null);
   let h = null;
-  t.length < 1 ? h = "Missing dimensions config!" : m.length < 1 && (h = "Missing values config!"), Q(() => {
+  t.length < 1 ? h = "Missing dimensions config!" : m.length < 1 && (h = "Missing values config!"), oe(() => {
     if (h) return;
-    let T;
-    return T = setTimeout(() => {
-      var G, O, I, M;
-      const e = z.new(N);
+    let D;
+    return D = setTimeout(() => {
+      var M, U, V, _;
+      const e = q.new(I);
       v.current = e;
-      const S = H.new(e);
-      e.setThemes([Z.new(e), S]), e.interfaceColors.setAll({
-        text: d(l.palette.text.primary),
-        grid: d(l.palette.divider),
-        stroke: d(l.palette.divider)
-      });
-      const s = e.container.children.push(
-        ae.new(e, {
+      const $ = J.new(e);
+      e.setThemes([K.new(e), $]), ne(e, p);
+      const r = e.container.children.push(
+        ce.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -63,46 +62,46 @@ const _ = 1.1, ge = {
           maxTooltipDistance: -1,
           pinchZoomX: !0
         })
-      );
-      s.set("colors", re(e, L));
-      let i, A = w;
+      ), O = le(e, G);
+      r.set("colors", O);
+      let i, g = x;
       if (t[0].type === "date") {
-        const o = C ? de : Ae;
-        i = s.xAxes.push(
+        const o = k ? Ae : ve;
+        i = r.xAxes.push(
           o.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: n || { timeUnit: "day", count: 1 },
-            renderer: V.new(e, {})
+            baseInterval: l || { timeUnit: "day", count: 1 },
+            renderer: P.new(e, {})
           })
-        ), se(i, t[0]), A = q.orderBy(w, [t[0].value]);
+        ), me(i, t[0]), g = te.orderBy(x, [t[0].value]);
       } else
-        i = s.xAxes.push(
-          le.new(e, {
+        i = r.xAxes.push(
+          fe.new(e, {
             categoryField: t[0].value,
-            renderer: V.new(e, {})
+            renderer: P.new(e, {})
           })
         ), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), i.data.setAll(A);
-      const Y = s.yAxes.push(
-        ie.new(e, {
-          renderer: ne.new(e, {})
+        }), i.data.setAll(g);
+      const Y = r.yAxes.push(
+        de.new(e, {
+          renderer: ue.new(e, {})
         })
       );
-      (G = i.get("renderer")) == null || G.grid.template.setAll({
-        stroke: d(l.palette.divider),
+      (M = i.get("renderer")) == null || M.grid.template.setAll({
+        stroke: L(p.palette.divider),
         strokeOpacity: 1
-      }), (O = i.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = Y.get("renderer")) == null || I.grid.template.setAll({
-        stroke: d(l.palette.divider),
+      }), (U = i.get("renderer")) == null || U.labels.template.setAll({ paddingTop: 12 }), (V = Y.get("renderer")) == null || V.grid.template.setAll({
+        stroke: L(p.palette.divider),
         strokeOpacity: 1
-      }), m.forEach((o) => {
-        const a = s.series.push(
-          me.new(e, {
+      }), m.forEach((o, d) => {
+        const a = r.series.push(
+          he.new(e, {
             // Legend/tooltip label: explicit override, else humanize the raw
             // backend field (snake_case / lowercase → Title Case).
-            name: o.label ?? ee(o.name),
+            name: o.label ?? ae(o.name),
             xAxis: i,
             yAxis: Y,
             valueYField: o.dataFieldName,
@@ -110,94 +109,114 @@ const _ = 1.1, ge = {
             // 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: k,
-            autoGapCount: _,
+            connect: w,
+            autoGapCount: S,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        if (t[0].type === "date" && (a.data.processor = pe.new(e, {
+        if (t[0].type === "date" && (a.data.processor = ge.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), t[0].type === "date" && !C) {
-          const g = t[0].value, y = ge[(n == null ? void 0 : n.timeUnit) ?? "day"] * ((n == null ? void 0 : n.count) ?? 1), p = k ? 1 / 0 : y * _, x = A.map((r) => ({
-            t: new Date(r[g]).getTime(),
-            hasValue: r[o.dataFieldName] !== null && r[o.dataFieldName] !== void 0
-          })).filter((r) => r.hasValue && !Number.isNaN(r.t)), D = /* @__PURE__ */ new Set();
-          x.forEach((r, u) => {
-            const F = u > 0 ? r.t - x[u - 1].t : 1 / 0, f = u < x.length - 1 ? x[u + 1].t - r.t : 1 / 0;
-            F > p && f > p && D.add(r.t);
-          }), D.size > 0 && a.bullets.push((r, u, F) => {
-            const f = F.dataContext;
-            if (D.has(new Date(f == null ? void 0 : f[g]).getTime()))
-              return ce.new(r, {
-                sprite: ue.new(r, {
+        })), t[0].type === "date" && !k) {
+          const n = t[0].value, j = De[(l == null ? void 0 : l.timeUnit) ?? "day"] * ((l == null ? void 0 : l.count) ?? 1), E = w ? 1 / 0 : j * S, y = g.map((s) => ({
+            t: new Date(s[n]).getTime(),
+            hasValue: s[o.dataFieldName] !== null && s[o.dataFieldName] !== void 0
+          })).filter((s) => s.hasValue && !Number.isNaN(s.t)), F = /* @__PURE__ */ new Set();
+          y.forEach((s, u) => {
+            const T = u > 0 ? s.t - y[u - 1].t : 1 / 0, f = u < y.length - 1 ? y[u + 1].t - s.t : 1 / 0;
+            T > E && f > E && F.add(s.t);
+          }), F.size > 0 && a.bullets.push((s, u, T) => {
+            const f = T.dataContext;
+            if (F.has(new Date(f == null ? void 0 : f[n]).getTime()))
+              return ye.new(s, {
+                sprite: xe.new(s, {
                   radius: 3,
                   fill: a.get("fill"),
-                  stroke: r.interfaceColors.get("background"),
+                  stroke: s.interfaceColors.get("background"),
                   strokeWidth: 1
                 })
               });
           });
         }
-        a.data.setAll(A), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
-      }), s.set(
+        const A = N && m.length === 1;
+        if (a.data.setAll(g), a.strokes.template.setAll({
+          strokeWidth: 2,
+          ...C && { strokeDasharray: C }
+        }), A) {
+          const n = a.get("fill") ?? O.getIndex(d);
+          a.fills.template.setAll({
+            visible: !0,
+            fillOpacity: 1,
+            fillGradient: we.new(e, {
+              rotation: 90,
+              stops: [
+                { color: n, opacity: 0.6 },
+                { color: n, opacity: 0 }
+              ]
+            })
+          });
+        }
+        a.appear();
+      }), r.set(
         "cursor",
-        fe.new(e, { xAxis: i, behavior: "none" })
-      ).lineY.set("visible", !1), te({
+        ke.new(e, { xAxis: i, behavior: "none" })
+      ).lineY.set("visible", !1), ie({
         root: e,
-        chart: s,
+        chart: r,
         xAxis: i,
-        theme: l,
+        theme: p,
         isDateAxis: t[0].type === "date",
-        baseInterval: n,
+        baseInterval: l,
         follow: !0
       });
-      const c = s.bottomAxesContainer.children.push(
-        he.new(e, {
-          width: X(100),
+      const c = r.bottomAxesContainer.children.push(
+        Ce.new(e, {
+          width: b(100),
           paddingTop: 10,
-          centerX: X(50),
-          x: X(50),
+          centerX: b(50),
+          x: b(50),
           layout: e.gridLayout
         })
       );
       c.itemContainers.template.events.on("pointerover", function(o) {
-        var y;
-        const a = o.target, g = (y = a == null ? void 0 : a.dataItem) == null ? void 0 : y.dataContext;
-        s.series.each(function(p) {
-          p !== g ? p.strokes.template.setAll({
+        var A;
+        const d = o.target, a = (A = d == null ? void 0 : d.dataItem) == null ? void 0 : A.dataContext;
+        r.series.each(function(n) {
+          n !== a ? n.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: d(0)
-          }) : p.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: L(0)
+          }) : n.strokes.template.setAll({ strokeWidth: 3 });
         });
       }), c.itemContainers.template.events.on("pointerout", function() {
-        s.series.each(function(o) {
+        r.series.each(function(o) {
           o.strokes.template.setAll({
             strokeOpacity: 1,
             strokeWidth: 2,
             stroke: o.get("fill")
           });
         });
-      }), c.itemContainers.template.set("width", U), c.valueLabels.template.setAll({
-        width: U,
+      }), c.itemContainers.template.set("width", R), c.valueLabels.template.setAll({
+        width: R,
         textAlign: "right"
-      }), c.data.setAll(s.series.values), oe(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), s.appear(1e3, 100);
-    }, P), () => {
+      }), c.data.setAll(r.series.values), pe(e, (_ = m == null ? void 0 : m[0]) == null ? void 0 : _.format), r.appear(1e3, 100);
+    }, B), () => {
       var e;
-      T && clearTimeout(T), (e = v.current) == null || e.dispose(), v.current = null;
+      D && clearTimeout(D), (e = v.current) == null || e.dispose(), v.current = null;
     };
   }, [
-    w,
+    x,
     t,
     m,
-    l.palette.mode,
-    L,
+    p.palette.mode,
+    G,
+    w,
     k,
+    N,
     C
   ]);
-  const B = { ...b };
-  return { chartId: N, ownerState: B, sx: R, error: h, other: W };
+  const Z = { ...X };
+  return { chartId: I, ownerState: Z, sx: z, error: h, other: H };
 };
 export {
-  _e as useLineChartLogic
+  He as useLineChartLogic
 };