@hybridcore/ui 1.6.5 → 1.6.7

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

@@ -1,41 +1,42 @@
-import { R as I, A as P, T as x, b as W, L as G } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as N, useTheme as V } from "@mui/material";
-import g from "lodash";
-import { useId as j, useRef as z, useEffect as H } from "react";
-import { colorSetFromPalette as M } from "../_common/utils.js";
-import { c as l, a as w, p as U } from "../../../ColorSet-C7vpNXhM.js";
-import { X as _, V as $ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as q } from "../../../Legend-Dp_MKfS4.js";
-import { D as J } from "../../../DateAxis-YX3QNIB-.js";
-import { A as X, a as K } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as Q } from "../../../CategoryAxis-CwnfaGc8.js";
-import { C as Z } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { D as ee } from "../../../DataProcessor-CHDO51q4.js";
-import { B as te } from "../../../Bullet-DVczI2TD.js";
-const ge = (k) => {
-  const y = N({ props: k, name: "HCXYChart" }), {
+import { R as V, A as W, T as x, b as z, L as G } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as N, useTheme as j } from "@mui/material";
+import X from "lodash";
+import { useId as H, useRef as M, useEffect as U } from "react";
+import { humanizeLabel as k } from "../_common/format.js";
+import { colorSetFromPalette as _, applyValueFormat as $ } from "../_common/utils.js";
+import { c as p, a as g, p as q } from "../../../ColorSet-C7vpNXhM.js";
+import { X as J, V as K } from "../../../AxisRenderer-DTyLLA6c.js";
+import { L as Q } from "../../../Legend-Dp_MKfS4.js";
+import { D as Z } from "../../../DateAxis-YX3QNIB-.js";
+import { A as F, a as ee } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as te } from "../../../CategoryAxis-CwnfaGc8.js";
+import { C as re } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { D as oe } from "../../../DataProcessor-CHDO51q4.js";
+import { B as ae } from "../../../Bullet-DVczI2TD.js";
+const be = (L) => {
+  const y = N({ props: L, name: "HCXYChart" }), {
     dimensions: c,
-    values: m,
+    values: n,
     data: d,
-    initDelay: F = 0,
-    baseInterval: L,
-    colors: A,
-    sx: R,
-    ...O
-  } = y, n = V(), v = `hc-xy-chart-${j().replace(/:/g, "")}`, u = z(null), b = c.length < 1 ? "Missing dimensions config!" : null;
-  H(() => {
+    initDelay: R = 0,
+    baseInterval: O,
+    colors: w,
+    sx: B,
+    ...S
+  } = y, i = j(), A = `hc-xy-chart-${H().replace(/:/g, "")}`, u = M(null), b = c.length < 1 ? "Missing dimensions config!" : null;
+  U(() => {
     if (b) return;
     let f;
     return f = setTimeout(() => {
-      var Y, D;
-      const e = I.new(v);
-      u.current = e, e.setThemes([P.new(e)]), e.interfaceColors.setAll({
-        text: l(n.palette.text.primary),
-        grid: l(n.palette.divider),
-        stroke: l(n.palette.divider)
+      var C, Y, D;
+      const e = V.new(A);
+      u.current = e, e.setThemes([W.new(e)]), e.interfaceColors.setAll({
+        text: p(i.palette.text.primary),
+        grid: p(i.palette.divider),
+        stroke: p(i.palette.divider)
       });
       const o = e.container.children.push(
-        _.new(e, {
+        J.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -43,31 +44,31 @@ const ge = (k) => {
           layout: e.verticalLayout
         })
       );
-      o.set("colors", M(e, A));
-      const S = o.children.push(
-        q.new(e, {
-          centerX: w,
-          x: w
+      o.set("colors", _(e, w));
+      const I = o.children.push(
+        Q.new(e, {
+          centerX: g,
+          x: g
         })
       ), a = c[0];
-      let s, p = d;
+      let s, m = d;
       if (a.type === "date")
         s = o.xAxes.push(
-          J.new(e, {
+          Z.new(e, {
             maxDeviation: 0,
-            baseInterval: L || { timeUnit: "day", count: 1 },
-            renderer: X.new(e, { minGridDistance: 60 }),
+            baseInterval: O || { timeUnit: "day", count: 1 },
+            renderer: F.new(e, { minGridDistance: 60 }),
             tooltip: x.new(e, {})
           })
-        ), p = g.orderBy(d, [a.value]);
+        ), m = X.orderBy(d, [a.value]);
       else {
-        const t = X.new(e, {
+        const t = F.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
         });
         s = o.xAxes.push(
-          Q.new(e, {
+          te.new(e, {
             categoryField: a.value,
             renderer: t,
             tooltip: x.new(e, {})
@@ -82,8 +83,8 @@ const ge = (k) => {
         }), t.labels.template.setup = function(r) {
           r.set(
             "background",
-            W.new(e, {
-              fill: l(0),
+            z.new(e, {
+              fill: p(0),
               fillOpacity: 0
             })
           );
@@ -92,75 +93,80 @@ const ge = (k) => {
         }), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), s.data.setAll(p);
+        }), s.data.setAll(m);
       }
-      const C = o.yAxes.push(
-        $.new(e, {
-          renderer: K.new(e, { strokeOpacity: 0.1 })
+      const v = o.yAxes.push(
+        K.new(e, {
+          renderer: ee.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (Y = s.get("renderer")) == null || Y.grid.template.setAll({
-        stroke: l(n.palette.divider),
+      (C = s.get("renderer")) == null || C.grid.template.setAll({
+        stroke: p(i.palette.divider),
         strokeOpacity: 1
-      }), (D = C.get("renderer")) == null || D.grid.template.setAll({
-        stroke: l(n.palette.divider),
+      }), (Y = v.get("renderer")) == null || Y.grid.template.setAll({
+        stroke: p(i.palette.divider),
         strokeOpacity: 1
       });
-      function T(t, r, h, E) {
-        const i = o.series.push(
-          Z.new(e, {
+      function T(t, r, h, P) {
+        const l = o.series.push(
+          re.new(e, {
             name: t,
             xAxis: s,
-            yAxis: C,
-            valueYField: E,
+            yAxis: v,
+            valueYField: P,
             ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
           })
         );
-        i.columns.template.setAll({
+        l.columns.template.setAll({
           tooltipText: "{name}, {categoryX}:{valueY}",
-          width: U(90),
+          width: q(90),
           tooltipY: 0,
           strokeOpacity: 0
-        }), a.type === "date" && (i.data.processor = ee.new(e, {
+        }), a.type === "date" && (l.data.processor = oe.new(e, {
           dateFormat: "i",
           dateFields: [h]
-        })), i.data.setAll(r), i.appear(), i.bullets.push(function() {
-          return te.new(e, {
+        })), l.data.setAll(r), l.appear(), l.bullets.push(function() {
+          return ae.new(e, {
             locationY: 0,
             sprite: G.new(e, {
               text: "{valueY}",
               fill: e.interfaceColors.get("alternativeText"),
               centerY: 0,
-              centerX: w,
+              centerX: g,
               populateText: !0
             })
           });
-        }), S.data.push(i);
+        }), I.data.push(l);
       }
       if (c.length === 1)
-        m.forEach((t) => {
-          T(t.name, p, a.value, t.dataFieldName);
+        n.forEach((t) => {
+          T(
+            t.label ?? k(t.name),
+            m,
+            a.value,
+            t.dataFieldName
+          );
         });
       else {
-        const t = g.groupBy(p, c[1].value);
+        const t = X.groupBy(m, c[1].value);
         Object.keys(t).forEach((r) => {
           T(
-            g.startCase(r),
+            k(r),
             t[r],
             a.value,
-            m[0].dataFieldName
+            n[0].dataFieldName
           );
         });
       }
-      o.appear(1e3, 100);
-    }, F), () => {
+      $(e, (D = n == null ? void 0 : n[0]) == null ? void 0 : D.format), o.appear(1e3, 100);
+    }, R), () => {
       var e;
       f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [d, c, m, n.palette.mode, A]);
-  const B = { ...y };
-  return { chartId: v, ownerState: B, sx: R, error: b, other: O };
+  }, [d, c, n, i.palette.mode, w]);
+  const E = { ...y };
+  return { chartId: A, ownerState: E, sx: B, error: b, other: S };
 };
 export {
-  ge as useXYChartLogic
+  be as useXYChartLogic
 };