@hybridcore/ui 1.6.9 → 1.6.11

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

@@ -1,15 +1,15 @@
-import { R as I, A as W } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as I, A as W } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as z } from "@mui/material";
 import { useRef as d, useLayoutEffect as S } from "react";
-import { X as F, V } from "../../../AxisRenderer-lUbezuh7.js";
-import { X as G } from "../../../XYCursor-gHAo40xC.js";
-import { D as M } from "../../../DateAxis-zNtbSVjW.js";
-import { A as N, a as P } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as U } from "../../../ColorSet-DDmFoKtZ.js";
-import { c as Z, p as w } from "../../../Entity-CCUIdRAr.js";
-import { L as j } from "../../../LineSeries-BLFvwrLT.js";
-import { T as q } from "../../../Tooltip-A_HlttXp.js";
-import { L as B } from "../../../Legend-kbCFjJAW.js";
+import { X as F, V } from "../../../AxisRenderer-Doyw-FTI.js";
+import { X as G } from "../../../XYCursor-Z-Ral42q.js";
+import { D as M } from "../../../DateAxis-lJZjbAS-.js";
+import { A as N, a as P } from "../../../AxisRendererY-BylCU67e.js";
+import { C as U } from "../../../ColorSet-DGLMpbL3.js";
+import { c as Z, p as w } from "../../../Entity-4Lr2piVN.js";
+import { L as j } from "../../../LineSeries-Dg1aytHA.js";
+import { T as q } from "../../../Tooltip-RhAldW7s.js";
+import { L as B } from "../../../Legend-CTb6rZz_.js";
 const ie = (v) => {
   const u = z({
     props: v,

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

@@ -1,22 +1,23 @@
-import { R as z, T as H, A as Z } from "../../../AnimatedTheme-BOKdw2Oy.js";
-import { useThemeProps as $, useTheme as j } from "@mui/material";
+import { R as H, T as Z, A as $ } from "../../../AnimatedTheme-D3VZKKNV.js";
+import { useThemeProps as j, useTheme as q } from "@mui/material";
 import U from "lodash";
-import { useId as q, useRef as J, useEffect as K } from "react";
-import { humanizeLabel as Q } from "../_common/format.js";
-import { attachCombinedAxisTooltip as ee } from "../_common/tooltip.js";
-import { colorSetFromPalette as te, applyValueFormat as re } from "../_common/utils.js";
-import { c as p, p as D, b as V } from "../../../Entity-CCUIdRAr.js";
-import { X as oe, V as se } from "../../../AxisRenderer-lUbezuh7.js";
-import { D as ae } from "../../../DateAxis-zNtbSVjW.js";
-import { A as _, a as ie } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as ne } from "../../../CategoryAxis-B8KQp1pE.js";
-import { L as le } from "../../../LineSeries-BLFvwrLT.js";
-import { D as me } from "../../../DataProcessor-CvIe9BVn.js";
-import { B as de } from "../../../Bullet-PgoNb3Jv.js";
-import { C as pe } from "../../../Circle-BWRdiMpG.js";
-import { X as ce } from "../../../XYCursor-gHAo40xC.js";
-import { L as ue } from "../../../Legend-kbCFjJAW.js";
-const B = 1.1, fe = {
+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-4Lr2piVN.js";
+import { X as oe, V as ae } from "../../../AxisRenderer-Doyw-FTI.js";
+import { A as _, a as ie } from "../../../AxisRendererY-BylCU67e.js";
+import { C as ne } from "../../../CategoryAxis-B5uTZjhL.js";
+import { L as le } from "../../../LineSeries-Dg1aytHA.js";
+import { D as me } from "../../../DataProcessor-WXzhvIg6.js";
+import { B as de } from "../../../Bullet-C6357hTv.js";
+import { C as pe } from "../../../Circle-DhzVdFBd.js";
+import { X as ce } from "../../../XYCursor-Z-Ral42q.js";
+import { L as ue } from "../../../Legend-CTb6rZz_.js";
+import { G as fe } from "../../../GaplessDateAxis-DowssQ6y.js";
+import { D as he } from "../../../DateAxis-lJZjbAS-.js";
+const B = 1.1, ge = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -25,33 +26,34 @@ const B = 1.1, fe = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, Ue = (G) => {
-  const X = $({ props: G, name: "HCLineChart" }), {
+}, _e = (E) => {
+  const b = j({ props: E, name: "HCLineChart" }), {
     dimensions: t,
     values: m,
     data: g,
     initDelay: P = 0,
     baseInterval: i,
-    colors: b,
+    colors: L,
     connectMissingData: k = !0,
+    skipEmptyDates: v = !1,
     sx: R,
     ...W
-  } = X, l = j(), L = `hc-line-chart-${q().replace(/:/g, "")}`, v = J(null);
+  } = 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!"), K(() => {
+  t.length < 1 ? A = "Missing dimensions config!" : m.length < 1 && (A = "Missing values config!"), Q(() => {
     if (A) return;
-    let C;
-    return C = setTimeout(() => {
-      var Y, O, I, M;
-      const e = z.new(L);
-      v.current = e;
-      const S = H.new(e);
-      e.setThemes([Z.new(e), S]), e.interfaceColors.setAll({
+    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 o = e.container.children.push(
+      const s = e.container.children.push(
         oe.new(e, {
           panX: !0,
           panY: !0,
@@ -63,44 +65,48 @@ const B = 1.1, fe = {
           pinchZoomX: !0
         })
       );
-      o.set("colors", te(e, b));
+      s.set("colors", re(e, L));
       let n, c = g;
-      t[0].type === "date" ? (n = o.xAxes.push(
+      if (t[0].type === "date") {
+        const o = v ? fe : 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, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: i || { timeUnit: "day", count: 1 },
-          renderer: _.new(e, {})
-        })
-      ), c = U.orderBy(g, [t[0].value])) : (n = o.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 N = o.yAxes.push(
-        se.new(e, {
           renderer: ie.new(e, {})
         })
       );
-      (Y = n.get("renderer")) == null || Y.grid.template.setAll({
+      (G = n.get("renderer")) == null || G.grid.template.setAll({
         stroke: p(l.palette.divider),
         strokeOpacity: 1
-      }), (O = n.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = N.get("renderer")) == null || I.grid.template.setAll({
+      }), (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
-      }), m.forEach((s) => {
-        const a = o.series.push(
+      }), 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: s.label ?? Q(s.name),
+            name: o.label ?? ee(o.name),
             xAxis: n,
-            yAxis: N,
-            valueYField: s.dataFieldName,
+            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
@@ -113,17 +119,17 @@ const B = 1.1, fe = {
         if (t[0].type === "date" && (a.data.processor = me.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), t[0].type === "date") {
-          const y = t[0].value, x = fe[(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[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[s.dataFieldName] !== null && r[s.dataFieldName] !== void 0
-          })).filter((r) => r.hasValue && !Number.isNaN(r.t)), T = /* @__PURE__ */ new Set();
+            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 && T.add(r.t);
-          }), T.size > 0 && a.bullets.push((r, f, F) => {
+            F > d && h > d && D.add(r.t);
+          }), D.size > 0 && a.bullets.push((r, f, F) => {
             const h = F.dataContext;
-            if (T.has(new Date(h == null ? void 0 : h[y]).getTime()))
+            if (D.has(new Date(h == null ? void 0 : h[y]).getTime()))
               return de.new(r, {
                 sprite: pe.new(r, {
                   radius: 3,
@@ -135,56 +141,64 @@ const B = 1.1, fe = {
           });
         }
         a.data.setAll(c), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
-      }), o.set(
+      }), s.set(
         "cursor",
         ce.new(e, { xAxis: n, behavior: "none" })
-      ).lineY.set("visible", !1), ee({
+      ).lineY.set("visible", !1), te({
         root: e,
-        chart: o,
+        chart: s,
         xAxis: n,
         theme: l,
         isDateAxis: t[0].type === "date",
         baseInterval: i,
         follow: !0
       });
-      const u = o.bottomAxesContainer.children.push(
+      const u = s.bottomAxesContainer.children.push(
         ue.new(e, {
-          width: D(100),
+          width: X(100),
           paddingTop: 10,
-          centerX: D(50),
-          x: D(50),
+          centerX: X(50),
+          x: X(50),
           layout: e.gridLayout
         })
       );
-      u.itemContainers.template.events.on("pointerover", function(s) {
+      u.itemContainers.template.events.on("pointerover", function(o) {
         var x;
-        const a = s.target, y = (x = a == null ? void 0 : a.dataItem) == null ? void 0 : x.dataContext;
-        o.series.each(function(d) {
+        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: p(0)
           }) : d.strokes.template.setAll({ strokeWidth: 3 });
         });
       }), u.itemContainers.template.events.on("pointerout", function() {
-        o.series.each(function(s) {
-          s.strokes.template.setAll({
+        s.series.each(function(o) {
+          o.strokes.template.setAll({
             strokeOpacity: 1,
             strokeWidth: 2,
-            stroke: s.get("fill")
+            stroke: o.get("fill")
           });
         });
       }), u.itemContainers.template.set("width", V), u.valueLabels.template.setAll({
         width: V,
         textAlign: "right"
-      }), u.data.setAll(o.series.values), re(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), o.appear(1e3, 100);
+      }), 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 = v.current) == null || e.dispose(), v.current = null;
+      T && clearTimeout(T), (e = C.current) == null || e.dispose(), C.current = null;
     };
-  }, [g, t, m, l.palette.mode, b, k]);
-  const E = { ...X };
-  return { chartId: L, ownerState: E, sx: R, error: A, other: W };
+  }, [
+    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
+  _e as useLineChartLogic
 };

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,44 +1,46 @@
-import { R as C, A as Y } from "../../../AnimatedTheme-BOKdw2Oy.js";
-import { useThemeProps as R, useTheme as I } from "@mui/material";
+import { R as Y, A as R } from "../../../AnimatedTheme-D3VZKKNV.js";
+import { useThemeProps as E, useTheme as I } from "@mui/material";
 import F from "lodash";
-import { useId as E, useRef as O, useEffect as P } from "react";
+import { useId as G, useRef as O, useEffect as P } from "react";
 import { humanizeLabel as V } from "../_common/format.js";
 import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
 import { colorSetFromPalette as z, applyValueFormat as B } from "../_common/utils.js";
-import { c as i } from "../../../Entity-CCUIdRAr.js";
-import { X as G, V as H } from "../../../AxisRenderer-lUbezuh7.js";
-import { X as N } from "../../../XYCursor-gHAo40xC.js";
-import { D as U } from "../../../DateAxis-zNtbSVjW.js";
-import { A as X, a as W } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as Z } from "../../../CategoryAxis-B8KQp1pE.js";
-import { L as _ } from "../../../LineSeries-BLFvwrLT.js";
-import { D as $ } from "../../../DataProcessor-CvIe9BVn.js";
-import { S as j } from "../../../Scrollbar-BzSBcIUt.js";
-const fe = (D) => {
-  const f = R({ props: D, name: "HCLogaritmicScale" }), {
+import { c as i } from "../../../Entity-4Lr2piVN.js";
+import { X as H, V as N } from "../../../AxisRenderer-Doyw-FTI.js";
+import { X as U } from "../../../XYCursor-Z-Ral42q.js";
+import { A as X, a as W } from "../../../AxisRendererY-BylCU67e.js";
+import { C as Z } from "../../../CategoryAxis-B5uTZjhL.js";
+import { L as _ } from "../../../LineSeries-Dg1aytHA.js";
+import { D as $ } from "../../../DataProcessor-WXzhvIg6.js";
+import { S as j } from "../../../Scrollbar-CSoXoZSe.js";
+import { G as J } from "../../../GaplessDateAxis-DowssQ6y.js";
+import { D as K } from "../../../DateAxis-lJZjbAS-.js";
+const xe = (k) => {
+  const f = E({ props: k, name: "HCLogaritmicScale" }), {
     dimensions: t,
     values: s,
-    data: l,
-    initDelay: k = 0,
+    data: n,
+    initDelay: S = 0,
     baseInterval: h,
     colors: A,
-    sx: S,
+    skipEmptyDates: x = !1,
+    sx: C,
     ...L
-  } = f, o = I(), g = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, p = O(null);
-  let n = null;
-  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (n = "LogaritmicScale requires at least 1 value"), P(() => {
-    if (n) return;
-    let d;
-    return d = setTimeout(() => {
-      var y, v, w, b;
-      const e = C.new(g);
-      p.current = e, e.setThemes([Y.new(e)]), e.interfaceColors.setAll({
+  } = f, o = I(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, d = O(null);
+  let m = null;
+  t.length < 1 ? m = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (m = "LogaritmicScale requires at least 1 value"), P(() => {
+    if (m) return;
+    let u;
+    return u = setTimeout(() => {
+      var v, w, D, b;
+      const e = Y.new(g);
+      d.current = e, e.setThemes([R.new(e)]), e.interfaceColors.setAll({
         text: i(o.palette.text.primary),
         grid: i(o.palette.divider),
         stroke: i(o.palette.divider)
       });
       const r = e.container.children.push(
-        G.new(e, {
+        H.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -49,54 +51,59 @@ const fe = (D) => {
       );
       r.set("colors", z(e, A)), r.set(
         "cursor",
-        N.new(e, { behavior: "none" })
+        U.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let a, m = l;
-      t[0].type === "date" ? (m = F.orderBy(l, [t[0].value]), a = r.xAxes.push(
-        U.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: h || { timeUnit: "day", count: 1 },
-          renderer: X.new(e, {})
-        })
-      ), (y = a.get("renderer")) == null || y.grid.template.setAll({
-        stroke: i(o.palette.divider),
-        strokeOpacity: 1
-      })) : (a = r.xAxes.push(
-        Z.new(e, {
-          categoryField: t[0].value,
-          renderer: X.new(e, {})
-        })
-      ), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), m = F.orderBy(l, [t[0].value]), a.data.setAll(m), (v = a.get("renderer")) == null || v.grid.template.setAll({
-        stroke: i(o.palette.divider),
-        strokeOpacity: 1
-      }));
-      const x = r.yAxes.push(
-        H.new(e, {
+      let a, p = n;
+      if (t[0].type === "date") {
+        p = F.orderBy(n, [t[0].value]);
+        const l = x ? J : K;
+        a = r.xAxes.push(
+          l.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: h || { timeUnit: "day", count: 1 },
+            renderer: X.new(e, {})
+          })
+        ), (v = a.get("renderer")) == null || v.grid.template.setAll({
+          stroke: i(o.palette.divider),
+          strokeOpacity: 1
+        });
+      } else
+        a = r.xAxes.push(
+          Z.new(e, {
+            categoryField: t[0].value,
+            renderer: X.new(e, {})
+          })
+        ), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), p = F.orderBy(n, [t[0].value]), a.data.setAll(p), (w = a.get("renderer")) == null || w.grid.template.setAll({
+          stroke: i(o.palette.divider),
+          strokeOpacity: 1
+        });
+      const y = r.yAxes.push(
+        N.new(e, {
           logarithmic: !0,
           renderer: W.new(e, { minorGridEnabled: !0 })
         })
       );
-      (w = x.get("renderer")) == null || w.grid.template.setAll({
+      (D = y.get("renderer")) == null || D.grid.template.setAll({
         stroke: i(o.palette.divider),
         strokeOpacity: 1
-      }), s.forEach((u) => {
+      }), s.forEach((l) => {
         const c = r.series.push(
           _.new(e, {
-            name: u.label ?? V(u.name),
+            name: l.label ?? V(l.name),
             xAxis: a,
-            yAxis: x,
-            valueYField: u.dataFieldName,
+            yAxis: y,
+            valueYField: l.dataFieldName,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
         c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = $.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), c.data.setAll(m), c.appear(1e3);
+        })), c.data.setAll(p), c.appear(1e3);
       }), q({
         root: e,
         chart: r,
@@ -109,14 +116,14 @@ const fe = (D) => {
         "scrollbarX",
         j.new(e, { orientation: "horizontal" })
       ), B(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
-    }, k), () => {
+    }, S), () => {
       var e;
-      d && clearTimeout(d), (e = p.current) == null || e.dispose(), p.current = null;
+      u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
     };
-  }, [l, t, s, o.palette.mode, A]);
+  }, [n, t, s, o.palette.mode, A, x]);
   const T = { ...f };
-  return { chartId: g, ownerState: T, sx: S, error: n, other: L };
+  return { chartId: g, ownerState: T, sx: C, error: m, other: L };
 };
 export {
-  fe as useLogaritmicScaleLogic
+  xe as useLogaritmicScaleLogic
 };