@hybridcore/ui 1.6.5 → 1.6.6

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

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