@hybridcore/ui 1.6.7 → 1.6.9

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 { R as M, A as j } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as q, useTheme as z } from "@mui/material";
 import C from "lodash";
-import { useId as H, useRef as J, useEffect as K } from "react";
+import { useId as U, useRef as H, useEffect as $ } from "react";
 import { humanizeLabel as F } from "../_common/format.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 { attachCombinedAxisTooltip as J } from "../_common/tooltip.js";
+import { colorSetFromPalette as K, applyValueFormat as Q } from "../_common/utils.js";
+import { c as T, a as A } from "../../../Entity-CCUIdRAr.js";
+import { X as Z, V as ee } from "../../../AxisRenderer-lUbezuh7.js";
+import { L as te } from "../../../Legend-kbCFjJAW.js";
+import { D as re } from "../../../DateAxis-zNtbSVjW.js";
+import { A as P, a as se } from "../../../AxisRendererY-DbSiyb45.js";
+import { C as ae } from "../../../CategoryAxis-B8KQp1pE.js";
+import { X as ie } from "../../../XYCursor-gHAo40xC.js";
+import { L as oe } from "../../../LineSeries-BLFvwrLT.js";
+import { D as le } from "../../../DataProcessor-CvIe9BVn.js";
+import { G as X, R as ne } from "../../../Tooltip-A_HlttXp.js";
+import { C as ce } from "../../../Circle-BWRdiMpG.js";
+import { B as me } from "../../../Bullet-PgoNb3Jv.js";
+class w extends X {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -30,109 +32,104 @@ class x extends X {
     this.markDirty(), this._clear = !0;
   }
 }
-Object.defineProperty(x, "className", {
+Object.defineProperty(w, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Triangle"
 });
-Object.defineProperty(x, "classNames", {
+Object.defineProperty(w, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: X.classNames.concat([x.className])
+  value: X.classNames.concat([w.className])
 });
-const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ee = (L) => {
-  const n = U({ props: L, name: "HCMultipleValueAxes" }), {
+const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Fe = (D) => {
+  const n = q({ props: D, name: "HCMultipleValueAxes" }), {
     dimensions: s,
     values: t,
     data: p,
-    initDelay: Y = 0,
-    baseInterval: I,
+    initDelay: I = 0,
+    baseInterval: L,
     colors: R,
-    sx: O,
+    sx: Y,
     ...V
-  } = n, d = $(), _ = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, y = J(null);
+  } = n, u = z(), _ = `hc-multiple-value-axes-${U().replace(/:/g, "")}`, y = H(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"), $(() => {
     if (h) return;
     let b;
     return b = setTimeout(() => {
       var N;
-      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)
+      const e = M.new(_);
+      y.current = e, e.setThemes([j.new(e)]), e.interfaceColors.setAll({
+        text: T(u.palette.text.primary),
+        grid: T(u.palette.divider),
+        stroke: T(u.palette.divider)
       });
       const r = e.container.children.push(
-        ee.new(e, {
+        Z.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
           wheelY: "none",
+          maxTooltipDistance: -1,
           layout: e.verticalLayout
         })
       );
-      r.set("colors", Q(e, R)), r.get("colors", {}).set("step", 3);
+      r.set("colors", K(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, {
+        te.new(e, { centerX: A, x: A })
+      ), i = s[0];
+      let c, d = p;
+      i.type === "date" ? (c = r.xAxes.push(
+        re.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: I || { timeUnit: "day", count: 1 },
-          renderer: P.new(e, {}),
-          tooltip: T.new(e, {})
+          baseInterval: L || { timeUnit: "day", count: 1 },
+          renderer: P.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, {})
+      ), d = C.orderBy(p, [i.value])) : (c = r.xAxes.push(
+        ae.new(e, {
+          categoryField: i.value,
+          renderer: P.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(
-          te.new(e, { maxDeviation: 1, renderer: f })
+      }), d = C.orderBy(p, [i.value]), c.data.setAll(d));
+      function E(o, l, m, O, S, v, W) {
+        const f = se.new(e, { opposite: S }), k = r.yAxes.push(
+          ee.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,
+          oe.new(e, {
+            name: l,
+            xAxis: c,
             yAxis: k,
-            valueYField: S,
-            ...l.type === "date" ? { valueXField: c } : { categoryXField: c },
-            tooltip: T.new(e, {
-              pointerOrientation: "horizontal",
-              labelText: `${o}: {valueY}`
-            })
+            valueYField: O,
+            ...i.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"),
           strokeOpacity: 1,
           opacity: 1
-        }), M === "date" && (a.data.processor = ne.new(e, {
+        }), W === "date" && (a.data.processor = le.new(e, {
           dateFormat: "i",
-          dateFields: [c]
+          dateFields: [m]
         })), v !== void 0 && a.bullets.push(function() {
           let g;
-          return v === "RECTANGLE" ? g = q.new(e, {
+          return v === "RECTANGLE" ? g = ne.new(e, {
             width: 10,
             height: 10,
-            centerX: w,
-            centerY: w,
+            centerX: A,
+            centerY: A,
             strokeWidth: 2,
             stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : v === "TRIANGLE" ? g = x.new(e, {
+          }) : v === "TRIANGLE" ? g = w.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
@@ -143,45 +140,53 @@ const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ee = (L) => {
             radius: 4,
             stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), ue.new(e, { sprite: g });
-        }), a.data.setAll(i);
+          }), me.new(e, { sprite: g });
+        }), a.data.setAll(o);
       }
       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) => {
+        ie.new(e, { xAxis: c, behavior: "none" })
+      ).lineY.set("visible", !1), J({
+        root: e,
+        chart: r,
+        xAxis: c,
+        theme: u,
+        isDateAxis: i.type === "date",
+        baseInterval: L,
+        follow: !0
+      }), s.length > 1) {
+        const o = C.groupBy(d, s[1].value);
+        Object.keys(o).forEach((l, m) => {
           E(
-            i[o],
-            F(o),
+            o[l],
+            F(l),
             s[0].value,
             t[0].dataFieldName,
-            c !== 0,
-            A[c % A.length]
+            m !== 0,
+            x[m % x.length]
           );
         });
       } else
-        t.forEach((i, o) => {
+        t.forEach((o, l) => {
           E(
-            m,
-            i.label ?? F(i.name),
-            l.value,
-            i.dataFieldName,
-            o !== 0,
-            A[o % A.length],
-            l.type
+            d,
+            o.label ?? F(o.name),
+            i.value,
+            o.dataFieldName,
+            l !== 0,
+            x[l % x.length],
+            i.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), () => {
+      G.data.setAll(r.series.values), Q(e, (N = t == null ? void 0 : t[0]) == null ? void 0 : N.format), r.appear(1e3, 100);
+    }, I), () => {
       var e;
       b && clearTimeout(b), (e = y.current) == null || e.dispose(), y.current = null;
     };
-  }, [p, s, t, d.palette.mode, R]);
+  }, [p, s, t, u.palette.mode, R]);
   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
+  Fe 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-BOKdw2Oy.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-CCUIdRAr.js";
+import { P as V, a as N } from "../../../PieSeries-3iLRbqFv.js";
 const Z = (b) => {
   const g = L({ props: b, name: "HCNestedPie" }), {
     dimensions: a,

package/dist/components/charts/packed-circles/logic.js

@@ -1,15 +1,16 @@
-import { C as U, G as A, k as X, l as I, R as ee, A as te } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as re } from "@mui/material";
-import ne from "dayjs";
-import { useId as ie, useRef as se, useEffect as oe } from "react";
-import { applyValueFormat as ae, colorSetFromPalette as ue } from "../_common/utils.js";
-import { Z as $ } from "../../../ZoomableContainer-DYyqwaMb.js";
-import { M as le, m as ce, e as he, b as q } from "../../../ColorSet-C7vpNXhM.js";
-import { B as O } from "../../../Button-CcsPEIDh.js";
-import { H as J } from "../../../Hierarchy-Bihj0S61.js";
-import { C as fe } from "../../../Circle-Cy5s-pVc.js";
+import { R as X, A as I } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as ee } from "@mui/material";
+import te from "dayjs";
+import { useId as re, useRef as ne, useEffect as ie } from "react";
+import { applyValueFormat as se, colorSetFromPalette as oe } from "../_common/utils.js";
+import { Z as U } from "../../../ZoomableContainer-Brs1wHM1.js";
+import { M as ae, m as ue, e as le, b as q } from "../../../Entity-CCUIdRAr.js";
+import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-A_HlttXp.js";
+import { B as O } from "../../../Button-XBf4Mwz-.js";
+import { H as J } from "../../../Hierarchy-CCvGsF1A.js";
+import { C as fe } from "../../../Circle-BWRdiMpG.js";
 import { o as de, c as z, a as me } from "../../../constant-BiOGvlZc.js";
-class j extends U {
+class j extends $ {
   constructor() {
     super(...arguments), Object.defineProperty(this, "homeButton", {
       enumerable: !0,
@@ -53,11 +54,11 @@ class j extends U {
   _prepareChildren() {
     if (super._prepareChildren(), this.isDirty("target")) {
       const r = this.get("target"), e = this._prevSettings.target;
-      r && (r instanceof $ && (this._targetDisposer = this.addDisposer(r.contents.on("scale", (n) => {
+      r && (r instanceof U && (this._targetDisposer = this.addDisposer(r.contents.on("scale", (n) => {
         n == r.get("minZoomLevel") ? this.minusButton.set("disabled", !0) : this.minusButton.set("disabled", !1), n == r.get("maxZoomLevel") ? this.plusButton.set("disabled", !0) : this.plusButton.set("disabled", !1);
       })), this.root.events.once("frameended", () => {
         r.get("scale") == r.get("minZoomLevel") && this.minusButton.set("disabled", !0);
-      })), this._disposer = new le([
+      })), this._disposer = new ae([
         this.plusButton.events.on("click", () => {
           r.zoomIn();
         }),
@@ -81,7 +82,7 @@ Object.defineProperty(j, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: U.classNames.concat([j.className])
+  value: $.classNames.concat([j.className])
 });
 const pe = 1664525, ge = 1013904223, E = 4294967296;
 function ye() {
@@ -266,8 +267,8 @@ class R extends J {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new X(I.new({}), () => fe._new(this._root, {
-        themeTags: ce(this.circles.template.get("themeTags", []), [this._tag, "shape"])
+      value: this.addDisposer(new ce(he.new({}), () => fe._new(this._root, {
+        themeTags: ue(this.circles.template.get("themeTags", []), [this._tag, "shape"])
       }, [this.circles.template])))
     });
   }
@@ -297,7 +298,7 @@ class R extends J {
       const n = e.get("node"), i = e.get("circle"), s = this.getPrivate("scaleR", 1), a = r.x * s, l = r.y * s, o = r.r * s;
       n.setAll({ x: a, y: l }), i.set("radius", o);
       const u = r.children;
-      u && he(u, (c) => {
+      u && le(u, (c) => {
         this._updateNodesScale(c);
       });
     }
@@ -337,7 +338,7 @@ Object.defineProperty(R, "classNames", {
   value: J.classNames.concat([R.className])
 });
 function Ce(t, r) {
-  const e = ne(t);
+  const e = te(t);
   switch (r) {
     case "millisecond":
       return e.format("HH:mm:ss.SSS");
@@ -359,8 +360,8 @@ function Ce(t, r) {
       return e.format();
   }
 }
-const qe = (t) => {
-  const r = re({ props: t, name: "HCPackedCircles" }), {
+const ze = (t) => {
+  const r = ee({ props: t, name: "HCPackedCircles" }), {
     dimensions: e,
     values: n,
     data: i,
@@ -369,17 +370,17 @@ const qe = (t) => {
     colors: l,
     sx: o,
     ...u
-  } = r, h = `hc-packed-circles-${ie().replace(/:/g, "")}`, d = se(null);
+  } = r, h = `hc-packed-circles-${re().replace(/:/g, "")}`, d = ne(null);
   let m = null;
-  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), oe(() => {
+  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), ie(() => {
     if (m) return;
     let p;
     return p = setTimeout(() => {
       var v;
-      const f = ee.new(h);
-      d.current = f, ae(f, (v = n == null ? void 0 : n[0]) == null ? void 0 : v.format), f.setThemes([te.new(f)]);
+      const f = X.new(h);
+      d.current = f, se(f, (v = n == null ? void 0 : n[0]) == null ? void 0 : v.format), f.setThemes([I.new(f)]);
       const y = f.container.children.push(
-        $.new(f, {
+        U.new(f, {
           width: q,
           height: q,
           wheelable: !0,
@@ -397,7 +398,7 @@ const qe = (t) => {
           categoryField: e[0].value,
           childDataField: "children"
         })
-      ), w = ue(f, l);
+      ), w = oe(f, l);
       x.set("colors", w), e[0].type === "date" && i.forEach((g) => {
         g[e[0].value] = Ce(
           g[e[0].value],
@@ -414,5 +415,5 @@ const qe = (t) => {
 };
 export {
   Ce as formatTimeLabel,
-  qe as usePackedCirclesLogic
+  ze as usePackedCirclesLogic
 };

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

@@ -1,66 +1,68 @@
-import { R as w, A as x } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as A, useTheme as C } from "@mui/material";
-import F from "dayjs";
-import { useId as L, useRef as R, useEffect as D } from "react";
-import { applyValueFormat as I, colorSetFromPalette as S } from "../_common/utils.js";
-import { P as E, a as j } from "../../../PieSeries-B2fW3z0s.js";
-import { c as m, p as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { L as k } from "../../../Legend-Dp_MKfS4.js";
-const J = (v) => {
-  const p = A({ props: v, name: "HCPieChart" }), {
+import { R as w, A } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as C, useTheme as F } from "@mui/material";
+import L from "dayjs";
+import { useId as R, useRef as D, useEffect as I } from "react";
+import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
+import { P as E, a as N } from "../../../PieSeries-3iLRbqFv.js";
+import { c as m, p as v } from "../../../Entity-CCUIdRAr.js";
+import { L as j } from "../../../Legend-kbCFjJAW.js";
+const K = (y) => {
+  const p = C({ props: y, name: "HCPieChart" }), {
     dimensions: t,
-    values: r,
+    values: o,
     data: i,
-    initDelay: y = 0,
-    colors: d,
-    sx: M,
-    ...P
-  } = p, o = C(), u = `hc-pie-chart-${L().replace(/:/g, "")}`, n = R(null);
+    initDelay: T = 0,
+    colors: u,
+    sx: x,
+    ...M
+  } = p, a = F(), d = `hc-pie-chart-${R().replace(/:/g, "")}`, l = D(null);
   let s = null;
-  t.length < 1 ? s = "Missing dimensions config!" : r.length < 1 && (s = "Missing values config!"), D(() => {
+  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), I(() => {
     if (s) return;
-    let l;
-    return l = setTimeout(() => {
-      var h;
-      const e = w.new(u);
-      n.current = e, I(e, (h = r == null ? void 0 : r[0]) == null ? void 0 : h.format), e.setThemes([x.new(e)]);
+    let n;
+    return n = setTimeout(() => {
+      var g;
+      const e = w.new(d);
+      l.current = e, S(e, (g = o == null ? void 0 : o[0]) == null ? void 0 : g.format), e.setThemes([A.new(e)]);
       const f = e.container.children.push(
         E.new(e, {
           layout: e.verticalLayout
         })
       );
       e.interfaceColors.setAll({
-        text: m(o.palette.text.primary),
-        grid: m(o.palette.divider),
-        stroke: m(o.palette.divider)
+        text: m(a.palette.text.primary),
+        grid: m(a.palette.divider),
+        stroke: m(a.palette.divider)
       });
-      const a = f.series.push(
-        j.new(e, {
-          valueField: r[0].dataFieldName,
+      const r = f.series.push(
+        N.new(e, {
+          valueField: o[0].dataFieldName,
           categoryField: t[0].value
         })
       );
-      a.set("colors", S(e, d)), t[0].type === "date" && i.forEach((g) => {
+      r.set("colors", b(e, u));
+      const h = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
+      r.slices.template.set("tooltipText", h), r.labels.template.set("text", h), t[0].type === "date" && i.forEach((Y) => {
         let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), g[t[0].value] = F(g[t[0].value]).format(
+        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), Y[t[0].value] = L(Y[t[0].value]).format(
           c
         );
-      }), a.data.setAll(i), f.children.push(
-        k.new(e, {
-          centerX: Y(50),
-          x: Y(50),
+      }), r.data.setAll(i), f.children.push(
+        j.new(e, {
+          centerX: v(50),
+          x: v(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(a.dataItems), a.appear(1e3, 100);
-    }, y), () => {
+      ).data.setAll(r.dataItems), r.appear(1e3, 100);
+    }, T), () => {
       var e;
-      l && clearTimeout(l), (e = n.current) == null || e.dispose(), n.current = null;
+      n && clearTimeout(n), (e = l.current) == null || e.dispose(), l.current = null;
     };
-  }, [i, t, r, o.palette.mode, d]);
-  const T = { ...p };
-  return { chartId: u, ownerState: T, sx: M, error: s, other: P };
+  }, [i, t, o, a.palette.mode, u]);
+  const P = { ...p };
+  return { chartId: d, ownerState: P, sx: x, error: s, other: M };
 };
 export {
-  J as usePieChartLogic
+  K as usePieChartLogic
 };