@hybridcore/ui 1.6.8 → 1.6.10

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

@@ -1,113 +1,128 @@
-import { R as C, A as R, T as u } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as I, useTheme as E } from "@mui/material";
+import { R as Y, A as R } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as E, useTheme as I } from "@mui/material";
 import F from "lodash";
-import { useId as O, useRef as P, useEffect as V } from "react";
-import { colorSetFromPalette as q, applyValueFormat as B } from "../_common/utils.js";
-import { c as i } from "../../../ColorSet-C7vpNXhM.js";
-import { X as z, V as G } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as H } from "../../../XYCursor-C8WktvKM.js";
-import { D as N } from "../../../DateAxis-YX3QNIB-.js";
-import { A as X, a as U } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as W } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as Z } from "../../../LineSeries-Uiv5o56b.js";
-import { D as _ } from "../../../DataProcessor-CHDO51q4.js";
-import { S as $ } from "../../../Scrollbar-D86MJyr2.js";
-const ce = (b) => {
-  const f = I({ props: b, name: "HCLogaritmicScale" }), {
+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-BJCuhdq_.js";
+import { X as H, V as N } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as U } from "../../../XYCursor-CVUSpqb9.js";
+import { A as X, a as W } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as _ } from "../../../LineSeries-D_IL2qGF.js";
+import { D as $, G as j } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { S as J } from "../../../Scrollbar-CTI7_8Qw.js";
+import { D as K } from "../../../DateAxis-DEXKps1S.js";
+const Ae = (k) => {
+  const f = E({ props: k, name: "HCLogaritmicScale" }), {
     dimensions: t,
-    values: a,
-    data: l,
-    initDelay: k = 0,
-    baseInterval: S,
-    colors: h,
-    sx: T,
-    ...D
-  } = f, o = E(), g = `hc-logaritmic-scale-${O().replace(/:/g, "")}`, c = P(null);
-  let n = null;
-  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : a.length < 1 && (n = "LogaritmicScale requires at least 1 value"), V(() => {
-    if (n) return;
-    let d;
-    return d = setTimeout(() => {
-      var v, w, x, y;
-      const e = C.new(g);
-      c.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)
+    values: s,
+    data: n,
+    initDelay: S = 0,
+    baseInterval: h,
+    colors: A,
+    skipEmptyDates: x = !1,
+    sx: C,
+    ...L
+  } = f, a = 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(a.palette.text.primary),
+        grid: i(a.palette.divider),
+        stroke: i(a.palette.divider)
       });
       const r = e.container.children.push(
-        z.new(e, {
+        H.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
           wheelY: "none",
+          maxTooltipDistance: -1,
           pinchZoomX: !0
         })
       );
-      r.set("colors", q(e, h)), r.set(
+      r.set("colors", z(e, A)), r.set(
         "cursor",
-        H.new(e, { behavior: "none" })
+        U.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let s, m = l;
-      t[0].type === "date" ? (m = F.orderBy(l, [t[0].value]), s = r.xAxes.push(
+      let o, p = n;
+      if (t[0].type === "date") {
+        p = F.orderBy(n, [t[0].value]);
+        const l = x ? j : K;
+        o = r.xAxes.push(
+          l.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: h || { timeUnit: "day", count: 1 },
+            renderer: X.new(e, {})
+          })
+        ), (v = o.get("renderer")) == null || v.grid.template.setAll({
+          stroke: i(a.palette.divider),
+          strokeOpacity: 1
+        });
+      } else
+        o = 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]), o.data.setAll(p), (w = o.get("renderer")) == null || w.grid.template.setAll({
+          stroke: i(a.palette.divider),
+          strokeOpacity: 1
+        });
+      const y = r.yAxes.push(
         N.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: S || { timeUnit: "day", count: 1 },
-          renderer: X.new(e, {}),
-          tooltip: u.new(e, {})
-        })
-      ), (v = s.get("renderer")) == null || v.grid.template.setAll({
-        stroke: i(o.palette.divider),
-        strokeOpacity: 1
-      })) : (s = r.xAxes.push(
-        W.new(e, {
-          categoryField: t[0].value,
-          renderer: X.new(e, {}),
-          tooltip: u.new(e, {})
-        })
-      ), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), m = F.orderBy(l, [t[0].value]), s.data.setAll(m), (w = s.get("renderer")) == null || w.grid.template.setAll({
-        stroke: i(o.palette.divider),
-        strokeOpacity: 1
-      }));
-      const A = r.yAxes.push(
-        G.new(e, {
           logarithmic: !0,
-          renderer: U.new(e, { minorGridEnabled: !0 })
+          renderer: W.new(e, { minorGridEnabled: !0 })
         })
       );
-      (x = A.get("renderer")) == null || x.grid.template.setAll({
-        stroke: i(o.palette.divider),
+      (D = y.get("renderer")) == null || D.grid.template.setAll({
+        stroke: i(a.palette.divider),
         strokeOpacity: 1
-      }), a.forEach((L) => {
-        const p = r.series.push(
-          Z.new(e, {
-            xAxis: s,
-            yAxis: A,
-            valueYField: L.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-            tooltip: u.new(e, { labelText: "{valueY}" })
+      }), s.forEach((l) => {
+        const c = r.series.push(
+          _.new(e, {
+            name: l.label ?? V(l.name),
+            xAxis: o,
+            yAxis: y,
+            valueYField: l.dataFieldName,
+            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        p.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (p.data.processor = _.new(e, {
+        c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = $.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), p.data.setAll(m), p.appear(1e3);
+        })), c.data.setAll(p), c.appear(1e3);
+      }), q({
+        root: e,
+        chart: r,
+        xAxis: o,
+        theme: a,
+        isDateAxis: t[0].type === "date",
+        baseInterval: h,
+        follow: !0
       }), r.set(
         "scrollbarX",
-        $.new(e, { orientation: "horizontal" })
-      ), B(e, (y = a == null ? void 0 : a[0]) == null ? void 0 : y.format), r.appear(1e3, 100);
-    }, k), () => {
+        J.new(e, { orientation: "horizontal" })
+      ), B(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
+    }, S), () => {
       var e;
-      d && clearTimeout(d), (e = c.current) == null || e.dispose(), c.current = null;
+      u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
     };
-  }, [l, t, a, o.palette.mode, h]);
-  const Y = { ...f };
-  return { chartId: g, ownerState: Y, sx: T, error: n, other: D };
+  }, [n, t, s, a.palette.mode, A, x]);
+  const T = { ...f };
+  return { chartId: g, ownerState: T, sx: C, error: m, other: L };
 };
 export {
-  ce as useLogaritmicScaleLogic
+  Ae as useLogaritmicScaleLogic
 };

package/dist/components/charts/multiple-value-axes/logic.js

@@ -1,21 +1,23 @@
-import { G as X, R as j, A as z, T, b as q } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as U, useTheme as $ } from "@mui/material";
-import C from "lodash";
-import { useId as H, useRef as J, useEffect as K } from "react";
-import { humanizeLabel as F } from "../_common/format.js";
+import { R as j, A as q } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as z, useTheme as U } from "@mui/material";
+import D from "lodash";
+import { useId as H, useRef as $, useEffect as J } from "react";
+import { humanizeLabel as P } from "../_common/format.js";
+import { attachCombinedAxisTooltip as K } from "../_common/tooltip.js";
 import { colorSetFromPalette as Q, applyValueFormat as Z } from "../_common/utils.js";
-import { c as D, a as w } from "../../../ColorSet-C7vpNXhM.js";
-import { X as ee, V as te } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as re } from "../../../Legend-Dp_MKfS4.js";
-import { D as se } from "../../../DateAxis-YX3QNIB-.js";
-import { A as P, a as ae } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as ie } from "../../../CategoryAxis-CwnfaGc8.js";
-import { X as oe } from "../../../XYCursor-C8WktvKM.js";
-import { L as le } from "../../../LineSeries-Uiv5o56b.js";
-import { D as ne } from "../../../DataProcessor-CHDO51q4.js";
-import { C as ce } from "../../../Circle-Cy5s-pVc.js";
-import { B as ue } from "../../../Bullet-DVczI2TD.js";
-class x extends X {
+import { c as C, a as A } from "../../../Entity-BJCuhdq_.js";
+import { X as ee, V as te } from "../../../AxisRenderer-BCQoUJw6.js";
+import { L as re } from "../../../Legend-CFvQiIfn.js";
+import { A as X, a as se } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as ae } from "../../../CategoryAxis-B6NqW8qd.js";
+import { X as ie } from "../../../XYCursor-CVUSpqb9.js";
+import { G as oe, D as le } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as ne } from "../../../DateAxis-DEXKps1S.js";
+import { L as ce } from "../../../LineSeries-D_IL2qGF.js";
+import { G, R as me } from "../../../Tooltip-vyZRZWih.js";
+import { C as ue } from "../../../Circle-BnfBNKBD.js";
+import { B as pe } from "../../../Bullet-Djj7Vs9T.js";
+class y extends G {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -30,40 +32,41 @@ class x extends X {
     this.markDirty(), this._clear = !0;
   }
 }
-Object.defineProperty(x, "className", {
+Object.defineProperty(y, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Triangle"
 });
-Object.defineProperty(x, "classNames", {
+Object.defineProperty(y, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: X.classNames.concat([x.className])
+  value: G.classNames.concat([y.className])
 });
-const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ee = (L) => {
-  const n = U({ props: L, name: "HCMultipleValueAxes" }), {
+const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Xe = (T) => {
+  const n = z({ props: T, name: "HCMultipleValueAxes" }), {
     dimensions: s,
     values: t,
-    data: p,
-    initDelay: Y = 0,
-    baseInterval: I,
+    data: d,
+    initDelay: I = 0,
+    baseInterval: L,
     colors: R,
-    sx: O,
+    skipEmptyDates: E = !1,
+    sx: Y,
     ...V
-  } = n, d = $(), _ = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, y = J(null);
+  } = n, u = U(), _ = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, w = $(null);
   let h = null;
-  s.length < 1 ? h = "MultipleValueAxes requires at least 1 dimension" : t.length < 1 && (h = "MultipleValueAxes requires at least 1 value"), K(() => {
+  s.length < 1 ? h = "MultipleValueAxes requires at least 1 dimension" : t.length < 1 && (h = "MultipleValueAxes requires at least 1 value"), J(() => {
     if (h) return;
     let b;
     return b = setTimeout(() => {
-      var N;
+      var F;
       const e = j.new(_);
-      y.current = e, e.setThemes([z.new(e)]), e.interfaceColors.setAll({
-        text: D(d.palette.text.primary),
-        grid: D(d.palette.divider),
-        stroke: D(d.palette.divider)
+      w.current = e, e.setThemes([q.new(e)]), e.interfaceColors.setAll({
+        text: C(u.palette.text.primary),
+        grid: C(u.palette.divider),
+        stroke: C(u.palette.divider)
       });
       const r = e.container.children.push(
         ee.new(e, {
@@ -71,117 +74,124 @@ const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ee = (L) => {
           panY: !1,
           wheelX: "none",
           wheelY: "none",
+          maxTooltipDistance: -1,
           layout: e.verticalLayout
         })
       );
       r.set("colors", Q(e, R)), r.get("colors", {}).set("step", 3);
-      const G = r.children.push(
-        re.new(e, { centerX: w, x: w })
-      ), l = s[0];
-      let u, m = p;
-      l.type === "date" ? (u = r.xAxes.push(
-        se.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: I || { timeUnit: "day", count: 1 },
-          renderer: P.new(e, {}),
-          tooltip: T.new(e, {})
-        })
-      ), m = C.orderBy(p, [l.value])) : (u = r.xAxes.push(
-        ie.new(e, {
-          categoryField: l.value,
-          renderer: P.new(e, {}),
-          tooltip: T.new(e, {})
-        })
-      ), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), m = C.orderBy(p, [l.value]), u.data.setAll(m));
-      function E(i, o, c, S, W, v, M) {
-        const f = ae.new(e, { opposite: W }), k = r.yAxes.push(
+      const O = r.children.push(
+        re.new(e, { centerX: A, x: A })
+      ), o = s[0];
+      let c, p = d;
+      if (o.type === "date") {
+        const a = E ? oe : ne;
+        c = r.xAxes.push(
+          a.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: L || { timeUnit: "day", count: 1 },
+            renderer: X.new(e, {})
+          })
+        ), p = D.orderBy(d, [o.value]);
+      } else
+        c = r.xAxes.push(
+          ae.new(e, {
+            categoryField: o.value,
+            renderer: X.new(e, {})
+          })
+        ), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), p = D.orderBy(d, [o.value]), c.data.setAll(p);
+      function N(a, l, m, S, W, k, M) {
+        const f = se.new(e, { opposite: W }), v = r.yAxes.push(
           te.new(e, { maxDeviation: 1, renderer: f })
         );
-        r.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", r.yAxes.getIndex(0));
-        const a = r.series.push(
-          le.new(e, {
-            name: o,
-            xAxis: u,
-            yAxis: k,
+        r.yAxes.indexOf(v) > 0 && v.set("syncWithAxis", r.yAxes.getIndex(0));
+        const i = r.series.push(
+          ce.new(e, {
+            name: l,
+            xAxis: c,
+            yAxis: v,
             valueYField: S,
-            ...l.type === "date" ? { valueXField: c } : { categoryXField: c },
-            tooltip: T.new(e, {
-              pointerOrientation: "horizontal",
-              labelText: `${o}: {valueY}`
-            })
+            ...o.type === "date" ? { valueXField: m } : { categoryXField: m }
           })
         );
-        a.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", a.get("fill")), f.setAll({
-          stroke: a.get("fill"),
+        i.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", i.get("fill")), f.setAll({
+          stroke: i.get("fill"),
           strokeOpacity: 1,
           opacity: 1
-        }), M === "date" && (a.data.processor = ne.new(e, {
+        }), M === "date" && (i.data.processor = le.new(e, {
           dateFormat: "i",
-          dateFields: [c]
-        })), v !== void 0 && a.bullets.push(function() {
+          dateFields: [m]
+        })), k !== void 0 && i.bullets.push(function() {
           let g;
-          return v === "RECTANGLE" ? g = q.new(e, {
+          return k === "RECTANGLE" ? g = me.new(e, {
             width: 10,
             height: 10,
-            centerX: w,
-            centerY: w,
+            centerX: A,
+            centerY: A,
             strokeWidth: 2,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : v === "TRIANGLE" ? g = x.new(e, {
+          }) : k === "TRIANGLE" ? g = y.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : g = ce.new(e, {
+          }) : g = ue.new(e, {
             strokeWidth: 2,
             radius: 4,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), ue.new(e, { sprite: g });
-        }), a.data.setAll(i);
+          }), pe.new(e, { sprite: g });
+        }), i.data.setAll(a);
       }
       if (r.set(
         "cursor",
-        oe.new(e, { xAxis: u, behavior: "none" })
-      ).lineY.set("visible", !1), s.length > 1) {
-        const i = C.groupBy(m, s[1].value);
-        Object.keys(i).forEach((o, c) => {
-          E(
-            i[o],
-            F(o),
+        ie.new(e, { xAxis: c, behavior: "none" })
+      ).lineY.set("visible", !1), K({
+        root: e,
+        chart: r,
+        xAxis: c,
+        theme: u,
+        isDateAxis: o.type === "date",
+        baseInterval: L,
+        follow: !0
+      }), s.length > 1) {
+        const a = D.groupBy(p, s[1].value);
+        Object.keys(a).forEach((l, m) => {
+          N(
+            a[l],
+            P(l),
             s[0].value,
             t[0].dataFieldName,
-            c !== 0,
-            A[c % A.length]
+            m !== 0,
+            x[m % x.length]
           );
         });
       } else
-        t.forEach((i, o) => {
-          E(
-            m,
-            i.label ?? F(i.name),
-            l.value,
-            i.dataFieldName,
-            o !== 0,
-            A[o % A.length],
-            l.type
+        t.forEach((a, l) => {
+          N(
+            p,
+            a.label ?? P(a.name),
+            o.value,
+            a.dataFieldName,
+            l !== 0,
+            x[l % x.length],
+            o.type
           );
         });
-      G.data.setAll(r.series.values), Z(e, (N = t == null ? void 0 : t[0]) == null ? void 0 : N.format), r.appear(1e3, 100);
-    }, Y), () => {
+      O.data.setAll(r.series.values), Z(e, (F = t == null ? void 0 : t[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
+    }, I), () => {
       var e;
-      b && clearTimeout(b), (e = y.current) == null || e.dispose(), y.current = null;
+      b && clearTimeout(b), (e = w.current) == null || e.dispose(), w.current = null;
     };
-  }, [p, s, t, d.palette.mode, R]);
+  }, [d, s, t, u.palette.mode, R, E]);
   const B = { ...n };
-  return { chartId: _, ownerState: B, sx: O, error: h, other: V };
+  return { chartId: _, ownerState: B, sx: Y, error: h, other: V };
 };
 export {
-  Ee as useMultipleValueAxesLogic
+  Xe as useMultipleValueAxesLogic
 };

package/dist/components/charts/nested-pie/logic.js

@@ -1,11 +1,11 @@
-import { R as S, A as E } from "../../../AnimatedTheme-jnasw6rT.js";
+import { R as S, A as E } from "../../../AnimatedTheme-ktdO3Bel.js";
 import { useThemeProps as L, useTheme as j } from "@mui/material";
 import q from "dayjs";
 import T from "lodash";
 import { useId as B, useRef as H, useEffect as I } from "react";
 import { applyValueFormat as W, colorSetFromPalette as O } from "../_common/utils.js";
-import { c as n, p as o } from "../../../ColorSet-C7vpNXhM.js";
-import { P as V, a as N } from "../../../PieSeries-B2fW3z0s.js";
+import { c as n, p as o } from "../../../Entity-BJCuhdq_.js";
+import { P as V, a as N } from "../../../PieSeries-CMH0Z7pz.js";
 const Z = (b) => {
   const g = L({ props: b, name: "HCNestedPie" }), {
     dimensions: a,