@hybridcore/ui 1.6.6 → 1.6.8

package/dist/components/charts/stacked-area-radar/logic.js

@@ -1,17 +1,18 @@
-import { k as $, l as J, x as c, m as h, s as g, a as pe, n as ne, C as xe, G as K, o as le, q as ve, t as L, y as C, j as oe, z as ue, R as ye, A as be, T as U } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as Pe, useTheme as Re } from "@mui/material";
-import _e from "dayjs";
+import { k as $, l as J, x as c, m as h, s as g, a as xe, n as ne, C as ve, G as K, o as le, q as ye, t as L, y as C, j as oe, z as ue, R as be, A as Pe, T as U } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as Re, useTheme as _e } from "@mui/material";
+import we from "dayjs";
 import W from "lodash";
-import { useId as we, useRef as Te, useEffect as Ce } from "react";
-import { applyValueFormat as Le, colorSetFromPalette as Me } from "../_common/utils.js";
-import { m as M, x as R, b as Q, f as m, p as w, a as N, P as De, c as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { a as I, X as he, V as Ye } from "../../../AxisRenderer-DTyLLA6c.js";
-import { R as ge, S as Ne, a as V } from "../../../Slice-B19rbYDZ.js";
-import { X as ce } from "../../../XYCursor-C8WktvKM.js";
-import { C as de } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as fe } from "../../../LineSeries-Uiv5o56b.js";
-import { L as Oe } from "../../../Legend-Dp_MKfS4.js";
-class O extends ge {
+import { useId as Te, useRef as Ce, useEffect as Le } from "react";
+import { humanizeLabel as de } from "../_common/format.js";
+import { applyValueFormat as Me, colorSetFromPalette as De } from "../_common/utils.js";
+import { m as M, x as R, b as Q, f as m, p as w, a as N, P as Ye, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { a as I, X as ge, V as Ne } from "../../../AxisRenderer-DTyLLA6c.js";
+import { R as ce, S as Oe, a as V } from "../../../Slice-B19rbYDZ.js";
+import { X as fe } from "../../../XYCursor-C8WktvKM.js";
+import { C as he } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as me } from "../../../LineSeries-Uiv5o56b.js";
+import { L as Se } from "../../../Legend-Dp_MKfS4.js";
+class O extends ce {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tickPoints", {
       enumerable: !0,
@@ -31,7 +32,7 @@ Object.defineProperty(O, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ge.classNames.concat([O.className])
+  value: ce.classNames.concat([O.className])
 });
 class G extends I {
   constructor() {
@@ -46,7 +47,7 @@ class G extends I {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new $(J.new({}), () => Ne._new(this._root, {
+      value: this.addDisposer(new $(J.new({}), () => Oe._new(this._root, {
         themeTags: M(this.axisFills.template.get("themeTags", ["fill"]), this.get("themeTags", []))
       }, [this.axisFills.template])))
     }), Object.defineProperty(this, "_fillGenerator", {
@@ -408,7 +409,7 @@ Object.defineProperty(k, "classNames", {
   writable: !0,
   value: I.classNames.concat([k.className])
 });
-class Se extends pe {
+class Xe extends xe {
   setupDefaultRules() {
     super.setupDefaultRules();
     const e = this.rule.bind(this), t = this._root.interfaceColors;
@@ -477,13 +478,13 @@ class Se extends pe {
     }
   }
 }
-class B extends he {
+class B extends ge {
   constructor() {
     super(...arguments), Object.defineProperty(this, "radarContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.plotContainer.children.push(xe.new(this._root, { x: N, y: N }))
+      value: this.plotContainer.children.push(ve.new(this._root, { x: N, y: N }))
     }), Object.defineProperty(this, "_arcGenerator", {
       enumerable: !0,
       configurable: !0,
@@ -497,7 +498,7 @@ class B extends he {
     });
   }
   _afterNew() {
-    this._defaultThemes.push(Se.new(this._root)), super._afterNew();
+    this._defaultThemes.push(Xe.new(this._root)), super._afterNew();
     const e = this.radarContainer, t = this.gridContainer, s = this.topGridContainer, i = this.seriesContainer, a = this.bulletsContainer;
     e.children.pushAll([t, i, s, a]), i.set("mask", K.new(this._root, {})), t.set("mask", K.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
       this._updateRadius();
@@ -511,11 +512,11 @@ class B extends he {
       let n = le(0, 0, i, a, 1);
       const l = t / (n.right - n.left), u = s / (n.bottom - n.top);
       let o = { left: 0, right: 0, top: 0, bottom: 0 };
-      if (r instanceof De) {
+      if (r instanceof Ye) {
         let f = r.value, T = Math.min(l, u);
         f = Math.max(T * f, T - Math.min(s, t)) / T, o = le(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
       }
-      n = ve([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
+      n = ye([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
       const y = R(this.get("radius", 0), this._maxRadius);
       this.radarContainer.setAll({
         dy: -y * (n.bottom + n.top) / 2,
@@ -583,9 +584,9 @@ Object.defineProperty(B, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: he.classNames.concat([B.className])
+  value: ge.classNames.concat([B.className])
 });
-class F extends ce {
+class F extends fe {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
@@ -675,9 +676,9 @@ Object.defineProperty(F, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ce.classNames.concat([F.className])
+  value: fe.classNames.concat([F.className])
 });
-class E extends fe {
+class E extends me {
   _afterNew() {
     super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", K.new(this._root, {}));
   }
@@ -718,10 +719,10 @@ Object.defineProperty(E, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: fe.classNames.concat([E.className])
+  value: me.classNames.concat([E.className])
 });
-const Je = (_) => {
-  const e = Pe({ props: _, name: "HCStackedAreaRadar" }), {
+const Qe = (_) => {
+  const e = Re({ props: _, name: "HCStackedAreaRadar" }), {
     dimensions: t,
     values: s,
     data: i,
@@ -730,15 +731,15 @@ const Je = (_) => {
     colors: n,
     sx: l,
     ...u
-  } = e, o = Re(), f = `hc-stacked-area-radar-${we().replace(/:/g, "")}`, T = Te(null);
+  } = e, o = _e(), f = `hc-stacked-area-radar-${Te().replace(/:/g, "")}`, T = Ce(null);
   let S = null;
-  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Ce(() => {
+  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Le(() => {
     if (S) return;
     let z;
     return z = setTimeout(() => {
       var ie, ae, re;
-      const d = ye.new(f);
-      T.current = d, Le(d, (ie = s == null ? void 0 : s[0]) == null ? void 0 : ie.format), d.setThemes([be.new(d)]), d.interfaceColors.setAll({
+      const d = be.new(f);
+      T.current = d, Me(d, (ie = s == null ? void 0 : s[0]) == null ? void 0 : ie.format), d.setThemes([Pe.new(d)]), d.interfaceColors.setAll({
         text: Y(o.palette.text.primary),
         grid: Y(o.palette.divider),
         stroke: Y(o.palette.divider)
@@ -754,22 +755,22 @@ const Je = (_) => {
           arrangeTooltips: !1
         })
       );
-      b.set("colors", Me(d, n)), b.get("colors", {}).set("step", 2), b.set(
+      b.set("colors", De(d, n)), b.get("colors", {}).set("step", 2), b.set(
         "cursor",
         F.new(d, { behavior: "zoomX" })
       ).lineY.set("visible", !1);
       const x = t[0], Ae = t[1];
       let v = [];
       const q = W.groupBy(i, Ae.value);
-      Object.keys(q).forEach((A) => {
-        q[A].forEach((P) => {
-          const p = P[x.value], H = W.findIndex(v, { [x.value]: p });
+      Object.keys(q).forEach((p) => {
+        q[p].forEach((P) => {
+          const A = P[x.value], H = W.findIndex(v, { [x.value]: A });
           H === -1 ? v.push({
-            [x.value]: p,
-            [A]: P[s[0].dataFieldName]
+            [x.value]: A,
+            [p]: P[s[0].dataFieldName]
           }) : v[H] = {
             ...v[H],
-            [A]: P[s[0].dataFieldName]
+            [p]: P[s[0].dataFieldName]
           };
         });
       });
@@ -789,22 +790,22 @@ const Je = (_) => {
       });
       let D;
       if (x.type === "date") {
-        const A = (r == null ? void 0 : r.timeUnit) || "day";
+        const p = (r == null ? void 0 : r.timeUnit) || "day";
         let P = "DD/MM/YYYY";
-        A === "month" ? P = "MM YYYY" : A === "year" && (P = "YYYY"), D = b.xAxes.push(
-          de.new(d, {
+        p === "month" ? P = "MM YYYY" : p === "year" && (P = "YYYY"), D = b.xAxes.push(
+          he.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
             renderer: X,
             tooltip: U.new(d, {})
           })
-        ), v = W.orderBy(v, [x.value]), v = v.map((p) => ({
-          ...p,
-          [x.value]: _e(p[x.value]).format(P)
+        ), v = W.orderBy(v, [x.value]), v = v.map((A) => ({
+          ...A,
+          [x.value]: we(A[x.value]).format(P)
         }));
       } else
         D = b.xAxes.push(
-          de.new(d, {
+          he.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
             renderer: X,
@@ -814,7 +815,7 @@ const Je = (_) => {
       const Z = k.new(d, {
         minGridDistance: 30
       }), ee = b.yAxes.push(
-        Ye.new(d, { renderer: Z })
+        Ne.new(d, { renderer: Z })
       );
       Z.grid.template.setAll({ strokeDasharray: [2, 2] }), (ae = D.get("renderer")) == null || ae.grid.template.setAll({
         stroke: Y(o.palette.divider),
@@ -826,15 +827,15 @@ const Je = (_) => {
       const te = [];
       let j = "";
       const se = Object.keys(q);
-      se.forEach((A, P) => {
+      se.forEach((p, P) => {
         j.length > 0 && (j += `
-`), j += `${A}: {${A}}`;
-        const p = b.series.push(
+`), j += `${de(p)}: {${p}}`;
+        const A = b.series.push(
           E.new(d, {
-            name: A,
+            name: de(p),
             xAxis: D,
             yAxis: ee,
-            valueYField: A,
+            valueYField: p,
             categoryXField: x.value,
             ...P === se.length - 1 && {
               stacked: !0,
@@ -842,9 +843,9 @@ const Je = (_) => {
             }
           })
         );
-        p.strokes.template.setAll({ strokeOpacity: 0 }), p.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), p.data.setAll(v), p.appear(1e3), te.push(p);
+        A.strokes.template.setAll({ strokeOpacity: 0 }), A.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), A.data.setAll(v), A.appear(1e3), te.push(A);
       }), b.radarContainer.children.push(
-        Oe.new(d, {
+        Se.new(d, {
           width: 150,
           centerX: N,
           centerY: N
@@ -855,9 +856,9 @@ const Je = (_) => {
       z && clearTimeout(z), (d = T.current) == null || d.dispose(), T.current = null;
     };
   }, [i, t, s, o.palette.mode, n]);
-  const me = { ...e };
-  return { chartId: f, ownerState: me, sx: l, error: S, other: u };
+  const pe = { ...e };
+  return { chartId: f, ownerState: pe, sx: l, error: S, other: u };
 };
 export {
-  Je as useStackedAreaRadarLogic
+  Qe as useStackedAreaRadarLogic
 };

package/dist/components/charts/stacked-column-chart/logic.js

@@ -1,17 +1,18 @@
-import { R as q, A as I, T as L, L as N } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as P, useTheme as H } from "@mui/material";
-import _ from "dayjs";
+import { R as q, A as I, T as R, L as N } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as P, useTheme as z } from "@mui/material";
+import H from "dayjs";
 import v from "lodash";
-import { useId as $, useRef as z, useEffect as G } from "react";
-import { applyValueFormat as J, colorSetFromPalette as K } from "../_common/utils.js";
-import { c as m, a as f, p as Q } from "../../../ColorSet-C7vpNXhM.js";
-import { X as W, V as Z } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as ee, a as te } from "../../../AxisRendererY-C_ItLPNV.js";
+import { useId as _, useRef as $, useEffect as G } from "react";
+import { humanizeLabel as J } from "../_common/format.js";
+import { applyValueFormat as K, colorSetFromPalette as Q } from "../_common/utils.js";
+import { c as p, a as f, p as W } from "../../../ColorSet-C7vpNXhM.js";
+import { X as Z, V as ee } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as te, a as re } from "../../../AxisRendererY-C_ItLPNV.js";
 import { C as D } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as re } from "../../../Legend-Dp_MKfS4.js";
-import { C as oe } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { B as ae } from "../../../Bullet-DVczI2TD.js";
-const ge = (O) => {
+import { L as oe } from "../../../Legend-Dp_MKfS4.js";
+import { C as ae } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { B as se } from "../../../Bullet-DVczI2TD.js";
+const ve = (O) => {
   const w = P({
     props: O,
     name: "HCStackedColumnChart"
@@ -19,26 +20,26 @@ const ge = (O) => {
     dimensions: d,
     values: n,
     data: C,
-    initDelay: B = 0,
+    initDelay: b = 0,
     baseInterval: h,
     colors: k,
-    sx: E,
-    ...M
-  } = w, l = H(), T = `hc-stacked-column-chart-${$().replace(/:/g, "")}`, x = z(null);
+    sx: B,
+    ...E
+  } = w, l = z(), T = `hc-stacked-column-chart-${_().replace(/:/g, "")}`, x = $(null);
   let u = null;
   d.length < 2 ? u = "StackedColumnChart requires at least 2 dimensions" : n.length < 1 && (u = "StackedColumnChart requires at least 1 value"), G(() => {
     if (u) return;
     let y;
     return y = setTimeout(() => {
-      var X, S, R;
+      var X, S, L;
       const e = q.new(T);
-      x.current = e, J(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), e.setThemes([I.new(e)]), e.interfaceColors.setAll({
-        text: m(l.palette.text.primary),
-        grid: m(l.palette.divider),
-        stroke: m(l.palette.divider)
+      x.current = e, K(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), e.setThemes([I.new(e)]), e.interfaceColors.setAll({
+        text: p(l.palette.text.primary),
+        grid: p(l.palette.divider),
+        stroke: p(l.palette.divider)
       });
       const s = e.container.children.push(
-        W.new(e, {
+        Z.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -46,11 +47,11 @@ const ge = (O) => {
           layout: e.verticalLayout
         })
       );
-      s.set("colors", K(e, k)), s.get("colors", {}).set("step", 2);
-      const Y = ee.new(e, {});
+      s.set("colors", Q(e, k)), s.get("colors", {}).set("step", 2);
+      const Y = te.new(e, {});
       Y.grid.template.setAll({ location: 1 });
       const o = d[0], j = d[1];
-      let c, p = C;
+      let c, m = C;
       if (o.type === "date") {
         const t = (h == null ? void 0 : h.timeUnit) || "day";
         let a = "DD/MM/YYYY";
@@ -58,21 +59,21 @@ const ge = (O) => {
           D.new(e, {
             categoryField: o.value,
             renderer: Y,
-            tooltip: L.new(e, {})
+            tooltip: R.new(e, {})
           })
-        ), p = v.orderBy(p, [o.value]), p = p.map((r) => ({
+        ), m = v.orderBy(m, [o.value]), m = m.map((r) => ({
           ...r,
-          [o.value]: _(r[o.value]).format(a)
+          [o.value]: H(r[o.value]).format(a)
         }));
       } else
         c = s.xAxes.push(
           D.new(e, {
             categoryField: o.value,
             renderer: Y,
-            tooltip: L.new(e, {})
+            tooltip: R.new(e, {})
           })
         );
-      const i = [], g = v.groupBy(p, j.value);
+      const i = [], g = v.groupBy(m, j.value);
       Object.keys(g).forEach((t) => {
         g[t].forEach((a) => {
           const r = a[o.value], A = v.findIndex(i, { [o.value]: r });
@@ -86,26 +87,26 @@ const ge = (O) => {
         });
       }), c.data.setAll(i);
       const F = s.yAxes.push(
-        Z.new(e, {
+        ee.new(e, {
           min: 0,
-          renderer: te.new(e, { strokeOpacity: 0.1 })
+          renderer: re.new(e, { strokeOpacity: 0.1 })
         })
       ), U = s.children.push(
-        re.new(e, {
+        oe.new(e, {
           centerX: f,
           x: f
         })
       );
       (S = c.get("renderer")) == null || S.grid.template.setAll({
-        stroke: m(l.palette.divider),
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      }), (R = F.get("renderer")) == null || R.grid.template.setAll({
-        stroke: m(l.palette.divider),
+      }), (L = F.get("renderer")) == null || L.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
       });
       function V(t, a) {
         const r = s.series.push(
-          oe.new(e, {
+          ae.new(e, {
             name: t,
             stacked: !0,
             xAxis: c,
@@ -116,9 +117,9 @@ const ge = (O) => {
         );
         r.columns.template.setAll({
           tooltipText: "{name}, {categoryX}: {valueY}",
-          tooltipY: Q(10)
+          tooltipY: W(10)
         }), r.data.setAll(i), r.appear(), r.bullets.push(function() {
-          return ae.new(e, {
+          return se.new(e, {
             sprite: N.new(e, {
               fill: e.interfaceColors.get("alternativeText"),
               centerY: f,
@@ -128,15 +129,15 @@ const ge = (O) => {
           });
         }), U.data.push(r);
       }
-      Object.keys(g).forEach((t) => V(t, t)), s.appear(1e3, 100);
-    }, B), () => {
+      Object.keys(g).forEach((t) => V(J(t), t)), s.appear(1e3, 100);
+    }, b), () => {
       var e;
       y && clearTimeout(y), (e = x.current) == null || e.dispose(), x.current = null;
     };
   }, [C, d, n, l.palette.mode, k]);
-  const b = { ...w };
-  return { chartId: T, ownerState: b, sx: E, error: u, other: M };
+  const M = { ...w };
+  return { chartId: T, ownerState: M, sx: B, error: u, other: E };
 };
 export {
-  ge as useStackedColumnChartLogic
+  ve as useStackedColumnChartLogic
 };