@hybridcore/ui 1.6.30 → 1.6.32

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