@hybridcore/ui 1.6.29 → 1.6.30

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 re, useRef as se, 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 = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -25,35 +26,37 @@ const _ = 1.1, ge = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, _e = (E) => {
-  const b = $({ props: E, name: "HCLineChart" }), {
+}, ze = (W) => {
+  const X = Q({ props: W, name: "HCLineChart" }), {
     dimensions: t,
     values: m,
     data: w,
-    initDelay: P = 0,
-    baseInterval: n,
-    colors: L,
+    initDelay: B = 0,
+    baseInterval: l,
+    colors: G,
     connectMissingData: k = !0,
     skipEmptyDates: C = !1,
-    sx: R,
-    ...W
-  } = b, l = j(), N = `hc-line-chart-${J().replace(/:/g, "")}`, v = K(null);
-  let h = null;
-  t.length < 1 ? h = "Missing dimensions config!" : m.length < 1 && (h = "Missing values config!"), Q(() => {
-    if (h) return;
-    let T;
-    return T = setTimeout(() => {
-      var G, O, I, M;
-      const e = z.new(N);
-      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)
+    areaFill: N = !1,
+    strokeDasharray: v,
+    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(() => {
+      var M, U, V, _;
+      const e = q.new(O);
+      D.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(
-        ae.new(e, {
+        pe.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -63,74 +66,74 @@ const _ = 1.1, ge = {
           maxTooltipDistance: -1,
           pinchZoomX: !0
         })
-      );
-      s.set("colors", re(e, L));
+      ), Y = ne(e, G);
+      s.set("colors", Y);
       let i, A = w;
       if (t[0].type === "date") {
-        const o = C ? de : Ae;
+        const o = C ? ge : Ce;
         i = s.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: R.new(e, {})
           })
-        ), se(i, t[0]), A = q.orderBy(w, [t[0].value]);
+        ), le(i, t[0]), A = te.orderBy(w, [t[0].value]);
       } else
         i = s.xAxes.push(
-          le.new(e, {
+          ue.new(e, {
             categoryField: t[0].value,
-            renderer: V.new(e, {})
+            renderer: R.new(e, {})
           })
         ), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
         }), i.data.setAll(A);
-      const Y = s.yAxes.push(
-        ie.new(e, {
-          renderer: ne.new(e, {})
+      const I = s.yAxes.push(
+        ce.new(e, {
+          renderer: de.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: c(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 = I.get("renderer")) == null || V.grid.template.setAll({
+        stroke: c(p.palette.divider),
         strokeOpacity: 1
-      }), m.forEach((o) => {
+      }), m.forEach((o, u) => {
         const a = s.series.push(
-          me.new(e, {
+          fe.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,
+            yAxis: I,
             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,
-            autoGapCount: _,
+            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 = he.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(),
+          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)), 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, {
+          })).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, {
                   radius: 3,
                   fill: a.get("fill"),
                   stroke: r.interfaceColors.get("background"),
@@ -139,38 +142,56 @@ const _ = 1.1, ge = {
               });
           });
         }
-        a.data.setAll(A), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
+        const y = N && m.length === 1;
+        if (a.data.setAll(A), a.strokes.template.setAll({
+          strokeWidth: 2,
+          ...v && { strokeDasharray: v }
+        }), y) {
+          const n = a.get("fill") ?? Y.getIndex(u);
+          a.fills.template.setAll({
+            visible: !0,
+            fillOpacity: 1,
+            fillGradient: xe.new(e, {
+              rotation: 90,
+              stops: [
+                { color: n, opacity: 0.6 },
+                { color: n, opacity: 0 }
+              ]
+            })
+          });
+        }
+        a.appear();
       }), s.set(
         "cursor",
-        fe.new(e, { xAxis: i, behavior: "none" })
-      ).lineY.set("visible", !1), te({
+        we.new(e, { xAxis: i, behavior: "none" })
+      ).lineY.set("visible", !1), ie({
         root: e,
         chart: s,
         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 d = s.bottomAxesContainer.children.push(
+        ke.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) {
+      d.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({
+        const u = o.target, a = (y = u == null ? void 0 : u.dataItem) == null ? void 0 : y.dataContext;
+        s.series.each(function(n) {
+          n !== a ? n.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: d(0)
-          }) : p.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: c(0)
+          }) : n.strokes.template.setAll({ strokeWidth: 3 });
         });
-      }), c.itemContainers.template.events.on("pointerout", function() {
+      }), d.itemContainers.template.events.on("pointerout", function() {
         s.series.each(function(o) {
           o.strokes.template.setAll({
             strokeOpacity: 1,
@@ -178,26 +199,28 @@ const _ = 1.1, ge = {
             stroke: o.get("fill")
           });
         });
-      }), c.itemContainers.template.set("width", U), c.valueLabels.template.setAll({
-        width: U,
+      }), d.itemContainers.template.set("width", P), d.valueLabels.template.setAll({
+        width: P,
         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), () => {
+      }), d.data.setAll(s.series.values), me(e, (_ = m == null ? void 0 : m[0]) == null ? void 0 : _.format), s.appear(1e3, 100);
+    }, B), () => {
       var e;
-      T && clearTimeout(T), (e = v.current) == null || e.dispose(), v.current = null;
+      F && clearTimeout(F), (e = D.current) == null || e.dispose(), D.current = null;
     };
   }, [
     w,
     t,
     m,
-    l.palette.mode,
-    L,
+    p.palette.mode,
+    G,
     k,
-    C
+    C,
+    N,
+    v
   ]);
-  const B = { ...b };
-  return { chartId: N, ownerState: B, sx: R, error: h, other: W };
+  const Z = { ...X };
+  return { chartId: O, ownerState: Z, sx: z, error: g, other: H };
 };
 export {
-  _e as useLineChartLogic
+  ze as useLineChartLogic
 };