@hybridcore/ui 1.6.4 → 1.6.6

package/dist/components/charts/heatmap/logic.js

@@ -1,16 +1,16 @@
-import { C as L, L as B, k as $, l as J, T as U, R as K, A as Q } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as Z, useTheme as ee } from "@mui/material";
-import te from "dayjs";
+import { C as L, L as E, k as J, l as K, T as W, R as Q, A as Z } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as ee, useTheme as te } from "@mui/material";
+import re from "dayjs";
 import T from "lodash";
-import { useId as re, useRef as ae, useEffect as ie } from "react";
-import { colorSetFromPalette as se } from "../_common/utils.js";
-import { m as E, f as oe, u as S, b as u, p as P, c as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { X as ne } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as le, a as he } from "../../../AxisRendererY-C_ItLPNV.js";
+import { useId as ae, useRef as ie, useEffect as se } from "react";
+import { applyValueFormat as oe, colorSetFromPalette as ne } from "../_common/utils.js";
+import { m as S, f as le, u as U, b as u, p as P, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { X as he } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as ce, a as ue } from "../../../AxisRendererY-C_ItLPNV.js";
 import { C as R } from "../../../CategoryAxis-CwnfaGc8.js";
-import { R as ce } from "../../../RoundedRectangle-CWLi2PXn.js";
-import { L as ue } from "../../../LinearGradient-DiRq5YcI.js";
-import { C as de } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { R as de } from "../../../RoundedRectangle-CWLi2PXn.js";
+import { L as me } from "../../../LinearGradient-DiRq5YcI.js";
+import { C as pe } from "../../../ColumnSeries-CjgdJ2QL.js";
 class _ extends L {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labelContainer", {
@@ -27,23 +27,23 @@ class _ extends L {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["start"] }))
+      value: this.labelContainer.children.push(E.new(this._root, { themeTags: ["start"] }))
     }), Object.defineProperty(this, "endLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["end"] }))
+      value: this.labelContainer.children.push(E.new(this._root, { themeTags: ["end"] }))
     }), Object.defineProperty(this, "markers", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new $(J.new({}), () => ce._new(this._root, {
-        themeTags: E(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
+      value: this.addDisposer(new J(K.new({}), () => de._new(this._root, {
+        themeTags: S(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
       }, [this.markers.template])))
     });
   }
   _afterNew() {
-    this._settings.themeTags = E(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", U.new(this._root, {
+    this._settings.themeTags = S(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", W.new(this._root, {
       themeTags: ["heatlegend"]
     }));
   }
@@ -63,55 +63,55 @@ class _ extends L {
    * @param  text   Text
    * @param  color  Color
    */
-  showValue(s, r, a) {
+  showValue(s, a, t) {
     const i = this.getTooltip();
-    if (i && oe(s)) {
+    if (i && le(s)) {
       const d = this.get("startValue", 0), o = this.get("endValue", 1);
-      let t = (s - d) / (o - d);
-      (t == 1 / 0 || t == -1 / 0 || isNaN(t)) && (t = 0.5);
+      let r = (s - d) / (o - d);
+      (r == 1 / 0 || r == -1 / 0 || isNaN(r)) && (r = 0.5);
       const f = this.get("startColor"), y = this.get("endColor");
-      r || (r = this.getNumberFormatter().format(s)), a || (a = S.interpolate(t, f, y)), i.label.set("text", r);
+      a || (a = this.getNumberFormatter().format(s)), t || (t = U.interpolate(r, f, y)), i.label.set("text", a);
       let n;
-      this.get("orientation") == "vertical" ? n = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - t) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * t, y: 0 });
+      this.get("orientation") == "vertical" ? n = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - r) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * r, y: 0 });
       let l = i.get("background");
-      l && l.set("fill", a), i.set("pointTo", n), i.show();
+      l && l.set("fill", t), i.set("pointTo", n), i.show();
     }
   }
   _prepareChildren() {
     super._prepareChildren();
-    const s = this.labelContainer, r = this.get("orientation"), a = this.startLabel, i = this.endLabel, d = this.getTooltip();
-    if (this.isDirty("orientation") && (r == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: u }), this.set("layout", this._root.horizontalLayout), a.setAll({ y: u, x: void 0, centerY: u, centerX: u }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: u }), s.setAll({ height: u, width: void 0 }), d && d.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: u }), this.set("layout", this._root.verticalLayout), a.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: u, y: void 0, centerX: u, centerY: 0 }), s.setAll({ width: u, height: void 0 }), d && d.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
-      const o = this.get("stepCount", 1), t = this.get("startColor"), f = this.get("endColor"), y = this.get("startOpacity", 1), n = this.get("endOpacity", 1);
+    const s = this.labelContainer, a = this.get("orientation"), t = this.startLabel, i = this.endLabel, d = this.getTooltip();
+    if (this.isDirty("orientation") && (a == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: u }), this.set("layout", this._root.horizontalLayout), t.setAll({ y: u, x: void 0, centerY: u, centerX: u }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: u }), s.setAll({ height: u, width: void 0 }), d && d.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: u }), this.set("layout", this._root.verticalLayout), t.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: u, y: void 0, centerX: u, centerY: 0 }), s.setAll({ width: u, height: void 0 }), d && d.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
+      const o = this.get("stepCount", 1), r = this.get("startColor"), f = this.get("endColor"), y = this.get("startOpacity", 1), n = this.get("endOpacity", 1);
       if (this.markerContainer.children.clear(), o > 1)
         for (let l = 0; l < o; l++) {
           const h = this.makeMarker();
-          r == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), t && f && h.setAll({
-            fill: S.interpolate(l / o, t, f),
+          a == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), r && f && h.setAll({
+            fill: U.interpolate(l / o, r, f),
             fillOpacity: P(l / o * 100).interpolate(y, n)
           });
         }
       else if (o == 1) {
         const l = this.makeMarker();
         this.markerContainer.children.push(l);
-        const h = ue.new(this._root, {
+        const h = me.new(this._root, {
           stops: [{
-            color: t,
+            color: r,
             opacity: y
           }, {
             color: f,
             opacity: n
           }]
         });
-        if (r == "vertical") {
+        if (a == "vertical") {
           h.set("rotation", 90);
           let b = h.get("stops");
           b && b.reverse();
         } else
           h.set("rotation", 0);
-        t && f && l.set("fillGradient", h);
+        r && f && l.set("fillGradient", h);
       }
     }
-    (this.isDirty("startText") || this.isDirty("startValue")) && a.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && i.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
+    (this.isDirty("startText") || this.isDirty("startValue")) && t.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && i.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
   }
 }
 Object.defineProperty(_, "className", {
@@ -126,31 +126,31 @@ Object.defineProperty(_, "classNames", {
   writable: !0,
   value: L.classNames.concat([_.className])
 });
-const Ye = (X) => {
-  const s = Z({ props: X, name: "HCHeatmap" }), {
-    dimensions: r,
-    values: a,
+const _e = (X) => {
+  const s = ee({ props: X, name: "HCHeatmap" }), {
+    dimensions: a,
+    values: t,
     data: i,
     initDelay: d = 0,
     baseInterval: o,
-    colors: t,
+    colors: r,
     sx: f,
     ...y
-  } = s, n = ee(), h = `hc-heatmap-${re().replace(/:/g, "")}`, b = ae(null);
+  } = s, n = te(), h = `hc-heatmap-${ae().replace(/:/g, "")}`, b = ie(null);
   let x = null;
-  r.length < 2 ? x = "Heatmap requires at least 2 dimensions" : a.length < 1 && (x = "Heatmap requires at least 1 value"), ie(() => {
+  a.length < 2 ? x = "Heatmap requires at least 2 dimensions" : t.length < 1 && (x = "Heatmap requires at least 1 value"), se(() => {
     if (x) return;
     let D;
     return D = setTimeout(() => {
-      var j, M;
-      const e = K.new(h);
-      b.current = e, e.setThemes([Q.new(e)]), e.interfaceColors.setAll({
+      var j, M, G;
+      const e = Q.new(h);
+      b.current = e, oe(e, (j = t == null ? void 0 : t[0]) == null ? void 0 : j.format), e.setThemes([Z.new(e)]), e.interfaceColors.setAll({
         text: Y(n.palette.text.primary),
         grid: Y(n.palette.divider),
         stroke: Y(n.palette.divider)
       });
       const m = e.container.children.push(
-        ne.new(e, {
+        he.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -158,13 +158,13 @@ const Ye = (X) => {
           layout: e.verticalLayout
         })
       );
-      m.set("colors", se(e, t));
-      const O = le.new(e, {
+      m.set("colors", ne(e, r));
+      const O = ce.new(e, {
         visible: !1,
         minGridDistance: 30
       });
       O.grid.template.set("visible", !1);
-      const c = r[0];
+      const c = a[0];
       let k, v = i;
       if (c.type === "date") {
         const p = (o == null ? void 0 : o.timeUnit) || "day";
@@ -176,19 +176,19 @@ const Ye = (X) => {
           })
         ), v = T.orderBy(i, [c.value]), v = v.map((w) => ({
           ...w,
-          [c.value]: te(w[c.value]).format(C)
+          [c.value]: re(w[c.value]).format(C)
         }));
       } else
         k = m.xAxes.push(
           R.new(e, {
             categoryField: c.value,
             renderer: O,
-            tooltip: U.new(e, {})
+            tooltip: W.new(e, {})
           })
         );
       const H = T.uniqBy(v, c.value);
-      if (k.data.setAll(H), a.length === 1 && r.length > 1) {
-        const p = r[1].value, C = he.new(e, {
+      if (k.data.setAll(H), t.length === 1 && a.length > 1) {
+        const p = a[1].value, C = ue.new(e, {
           visible: !1,
           minGridDistance: 20,
           inversed: !0
@@ -200,16 +200,16 @@ const Ye = (X) => {
             renderer: C,
             categoryField: p
           })
-        ), G = e.interfaceColors.get("background"), N = m.bottomAxesContainer.children.push(
+        ), I = e.interfaceColors.get("background"), F = m.bottomAxesContainer.children.push(
           _.new(e, {
             orientation: "horizontal",
-            startColor: G,
-            endColor: (j = m.get("colors")) == null ? void 0 : j.getIndex(0),
+            startColor: I,
+            endColor: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
             startOpacity: 1,
             endOpacity: 1
           })
         ), g = m.series.push(
-          de.new(e, {
+          pe.new(e, {
             calculateAggregates: !0,
             stroke: Y(16777215),
             clustered: !1,
@@ -217,7 +217,7 @@ const Ye = (X) => {
             yAxis: w,
             categoryXField: c.value,
             categoryYField: p,
-            valueField: a[0].dataFieldName
+            valueField: t[0].dataFieldName
           })
         );
         g.columns.template.setAll({
@@ -228,41 +228,41 @@ const Ye = (X) => {
           height: P(100)
         }), g.columns.template.events.on("pointerover", function(V) {
           const A = V.target.dataItem;
-          A && N.showValue(A.get(p, 0));
+          A && F.showValue(A.get(p, 0));
         }), g.events.on("datavalidated", function() {
-          N.set("startValue", g.getPrivate("valueLow")), N.set("endValue", g.getPrivate("valueHigh"));
+          F.set("startValue", g.getPrivate("valueLow")), F.set("endValue", g.getPrivate("valueHigh"));
         }), g.set("heatRules", [
           {
             target: g.columns.template,
-            min: G,
-            max: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
+            min: I,
+            max: (G = m.get("colors")) == null ? void 0 : G.getIndex(0),
             dataField: "value",
             key: "fill"
           }
         ]);
-        const I = T.uniqBy(v, p), F = [];
+        const q = T.uniqBy(v, p), N = [];
         H.forEach((V) => {
-          I.forEach((A) => {
-            const q = {
+          q.forEach((A) => {
+            const z = {
               [c.value]: V[c.value],
               [p]: A[p]
-            }, z = T.find(v, q);
-            z === void 0 ? F.push({
-              ...q,
-              [a[0].dataFieldName]: 0
-            }) : F.push(z);
+            }, B = T.find(v, z);
+            B === void 0 ? N.push({
+              ...z,
+              [t[0].dataFieldName]: 0
+            }) : N.push(B);
           });
-        }), w.data.setAll(I), g.data.setAll(F);
+        }), w.data.setAll(q), g.data.setAll(N);
       }
       m.appear(1e3, 100);
     }, d), () => {
       var e;
       D && clearTimeout(D), (e = b.current) == null || e.dispose(), b.current = null;
     };
-  }, [i, r, a, n.palette.mode, t]);
-  const W = { ...s };
-  return { chartId: h, ownerState: W, sx: f, error: x, other: y };
+  }, [i, a, t, n.palette.mode, r]);
+  const $ = { ...s };
+  return { chartId: h, ownerState: $, sx: f, error: x, other: y };
 };
 export {
-  Ye as useHeatmapLogic
+  _e as useHeatmapLogic
 };

package/dist/components/charts/line/logic.js

@@ -1,44 +1,44 @@
-import { R as E, a as M, A as V, T as A } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as z, useTheme as H } from "@mui/material";
+import { R as E, a as M, A as z, T as A } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as H, useTheme as N } from "@mui/material";
 import b from "lodash";
-import { useId as N, useRef as S, useEffect as U } from "react";
-import { colorSetFromPalette as Z } from "../_common/utils.js";
-import { c as i, p as g, b as F } from "../../../ColorSet-C7vpNXhM.js";
-import { X as _, V as $ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { D as j } from "../../../DateAxis-YX3QNIB-.js";
-import { A as D, a as q } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as G } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as J } from "../../../LineSeries-Uiv5o56b.js";
-import { D as K } from "../../../DataProcessor-CHDO51q4.js";
-import { X as Q } from "../../../XYCursor-C8WktvKM.js";
-import { L as ee } from "../../../Legend-Dp_MKfS4.js";
-const ge = (L) => {
-  const v = z({ props: L, name: "HCLineChart" }), {
+import { useId as S, useRef as U, useEffect as Z } from "react";
+import { colorSetFromPalette as _, applyValueFormat as $ } from "../_common/utils.js";
+import { c as l, p as g, b as D } from "../../../ColorSet-C7vpNXhM.js";
+import { X as j, V as q } from "../../../AxisRenderer-DTyLLA6c.js";
+import { D as G } from "../../../DateAxis-YX3QNIB-.js";
+import { A as L, a as J } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as K } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as Q } from "../../../LineSeries-Uiv5o56b.js";
+import { D as ee } from "../../../DataProcessor-CHDO51q4.js";
+import { X as te } from "../../../XYCursor-C8WktvKM.js";
+import { L as re } from "../../../Legend-Dp_MKfS4.js";
+const xe = (Y) => {
+  const v = H({ props: Y, name: "HCLineChart" }), {
     dimensions: t,
-    values: c,
-    data: p,
-    initDelay: Y = 0,
-    baseInterval: R,
+    values: a,
+    data: m,
+    initDelay: R = 0,
+    baseInterval: I,
     colors: x,
-    sx: I,
-    ...O
-  } = v, a = H(), w = `hc-line-chart-${N().replace(/:/g, "")}`, u = S(null);
-  let m = null;
-  t.length < 1 ? m = "Missing dimensions config!" : c.length < 1 && (m = "Missing values config!"), U(() => {
-    if (m) return;
+    sx: O,
+    ...P
+  } = v, n = N(), w = `hc-line-chart-${S().replace(/:/g, "")}`, u = U(null);
+  let d = null;
+  t.length < 1 ? d = "Missing dimensions config!" : a.length < 1 && (d = "Missing values config!"), Z(() => {
+    if (d) return;
     let h;
     return h = setTimeout(() => {
-      var k, T, C;
+      var k, T, C, F;
       const e = E.new(w);
       u.current = e;
       const W = M.new(e);
-      e.setThemes([V.new(e), W]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+      e.setThemes([z.new(e), W]), e.interfaceColors.setAll({
+        text: l(n.palette.text.primary),
+        grid: l(n.palette.divider),
+        stroke: l(n.palette.divider)
       });
       const r = e.container.children.push(
-        _.new(e, {
+        j.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -47,42 +47,42 @@ const ge = (L) => {
           pinchZoomX: !0
         })
       );
-      r.set("colors", Z(e, x));
-      let n, d = p;
-      t[0].type === "date" ? (n = r.xAxes.push(
-        j.new(e, {
+      r.set("colors", _(e, x));
+      let i, c = m;
+      t[0].type === "date" ? (i = r.xAxes.push(
+        G.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: R || { timeUnit: "day", count: 1 },
-          renderer: D.new(e, {}),
+          baseInterval: I || { timeUnit: "day", count: 1 },
+          renderer: L.new(e, {}),
           tooltip: A.new(e, {})
         })
-      ), d = b.orderBy(p, [t[0].value])) : (n = r.xAxes.push(
-        G.new(e, {
+      ), c = b.orderBy(m, [t[0].value])) : (i = r.xAxes.push(
+        K.new(e, {
           categoryField: t[0].value,
-          renderer: D.new(e, {}),
+          renderer: L.new(e, {}),
           tooltip: A.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), d = b.orderBy(p, [t[0].value]), n.data.setAll(d));
+      }), c = b.orderBy(m, [t[0].value]), i.data.setAll(c));
       const y = r.yAxes.push(
-        $.new(e, {
-          renderer: q.new(e, {})
+        q.new(e, {
+          renderer: J.new(e, {})
         })
       );
-      (k = n.get("renderer")) == null || k.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      (k = i.get("renderer")) == null || k.grid.template.setAll({
+        stroke: l(n.palette.divider),
         strokeOpacity: 1
-      }), (T = n.get("renderer")) == null || T.labels.template.setAll({ paddingTop: 12 }), (C = y.get("renderer")) == null || C.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      }), (T = i.get("renderer")) == null || T.labels.template.setAll({ paddingTop: 12 }), (C = y.get("renderer")) == null || C.grid.template.setAll({
+        stroke: l(n.palette.divider),
         strokeOpacity: 1
-      }), c.forEach((s) => {
+      }), a.forEach((s) => {
         const o = r.series.push(
-          J.new(e, {
+          Q.new(e, {
             name: s.name,
-            xAxis: n,
+            xAxis: i,
             yAxis: y,
             valueYField: s.dataFieldName,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
@@ -92,16 +92,16 @@ const ge = (L) => {
             })
           })
         );
-        t[0].type === "date" && (o.data.processor = K.new(e, {
+        t[0].type === "date" && (o.data.processor = ee.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), o.data.setAll(d), o.strokes.template.setAll({ strokeWidth: 2 }), o.appear();
+        })), o.data.setAll(c), o.strokes.template.setAll({ strokeWidth: 2 }), o.appear();
       }), r.set(
         "cursor",
-        Q.new(e, { behavior: "none" })
+        te.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      const l = r.bottomAxesContainer.children.push(
-        ee.new(e, {
+      const p = r.bottomAxesContainer.children.push(
+        re.new(e, {
           width: g(100),
           paddingTop: 10,
           centerX: g(50),
@@ -109,16 +109,16 @@ const ge = (L) => {
           layout: e.gridLayout
         })
       );
-      l.itemContainers.template.events.on("pointerover", function(s) {
+      p.itemContainers.template.events.on("pointerover", function(s) {
         var X;
         const o = s.target, B = (X = o == null ? void 0 : o.dataItem) == null ? void 0 : X.dataContext;
         r.series.each(function(f) {
           f !== B ? f.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: i(0)
+            stroke: l(0)
           }) : f.strokes.template.setAll({ strokeWidth: 3 });
         });
-      }), l.itemContainers.template.events.on("pointerout", function() {
+      }), p.itemContainers.template.events.on("pointerout", function() {
         r.series.each(function(s) {
           s.strokes.template.setAll({
             strokeOpacity: 1,
@@ -126,18 +126,18 @@ const ge = (L) => {
             stroke: s.get("fill")
           });
         });
-      }), l.itemContainers.template.set("width", F), l.valueLabels.template.setAll({
-        width: F,
+      }), p.itemContainers.template.set("width", D), p.valueLabels.template.setAll({
+        width: D,
         textAlign: "right"
-      }), l.data.setAll(r.series.values), r.appear(1e3, 100);
-    }, Y), () => {
+      }), p.data.setAll(r.series.values), $(e, (F = a == null ? void 0 : a[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
+    }, R), () => {
       var e;
       h && clearTimeout(h), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [p, t, c, a.palette.mode, x]);
-  const P = { ...v };
-  return { chartId: w, ownerState: P, sx: I, error: m, other: O };
+  }, [m, t, a, n.palette.mode, x]);
+  const V = { ...v };
+  return { chartId: w, ownerState: V, sx: O, error: d, other: P };
 };
 export {
-  ge as useLineChartLogic
+  xe as useLineChartLogic
 };