@hybridcore/ui 1.6.5 → 1.6.7

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,42 +1,42 @@
-import { R as L, A as C, T as u } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as R, useTheme as I } from "@mui/material";
-import y from "lodash";
-import { useId as E, useRef as O, useEffect as P } from "react";
-import { colorSetFromPalette as q } from "../_common/utils.js";
-import { c as s } from "../../../ColorSet-C7vpNXhM.js";
-import { X as B, V } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as z } from "../../../XYCursor-C8WktvKM.js";
-import { D as G } from "../../../DateAxis-YX3QNIB-.js";
-import { A as X, a as H } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as N } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as U } from "../../../LineSeries-Uiv5o56b.js";
-import { D as W } from "../../../DataProcessor-CHDO51q4.js";
-import { S as Z } from "../../../Scrollbar-D86MJyr2.js";
-const me = (F) => {
-  const f = R({ props: F, name: "HCLogaritmicScale" }), {
+import { R as C, A as R, T as u } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as I, useTheme as E } from "@mui/material";
+import F from "lodash";
+import { useId as O, useRef as P, useEffect as V } from "react";
+import { colorSetFromPalette as q, applyValueFormat as B } from "../_common/utils.js";
+import { c as i } from "../../../ColorSet-C7vpNXhM.js";
+import { X as z, V as G } from "../../../AxisRenderer-DTyLLA6c.js";
+import { X as H } from "../../../XYCursor-C8WktvKM.js";
+import { D as N } from "../../../DateAxis-YX3QNIB-.js";
+import { A as X, a as U } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as W } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as Z } from "../../../LineSeries-Uiv5o56b.js";
+import { D as _ } from "../../../DataProcessor-CHDO51q4.js";
+import { S as $ } from "../../../Scrollbar-D86MJyr2.js";
+const ce = (b) => {
+  const f = I({ props: b, name: "HCLogaritmicScale" }), {
     dimensions: t,
-    values: c,
-    data: i,
-    initDelay: b = 0,
-    baseInterval: k,
+    values: a,
+    data: l,
+    initDelay: k = 0,
+    baseInterval: S,
     colors: h,
-    sx: S,
-    ...T
-  } = f, o = I(), v = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, p = O(null);
-  let l = null;
-  t.length < 1 ? l = "LogaritmicScale requires at least 1 dimension" : c.length < 1 && (l = "LogaritmicScale requires at least 1 value"), P(() => {
-    if (l) return;
+    sx: T,
+    ...D
+  } = f, o = E(), g = `hc-logaritmic-scale-${O().replace(/:/g, "")}`, c = P(null);
+  let n = null;
+  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : a.length < 1 && (n = "LogaritmicScale requires at least 1 value"), V(() => {
+    if (n) return;
     let d;
     return d = setTimeout(() => {
-      var A, w, x;
-      const e = L.new(v);
-      p.current = e, e.setThemes([C.new(e)]), e.interfaceColors.setAll({
-        text: s(o.palette.text.primary),
-        grid: s(o.palette.divider),
-        stroke: s(o.palette.divider)
+      var v, w, x, y;
+      const e = C.new(g);
+      c.current = e, e.setThemes([R.new(e)]), e.interfaceColors.setAll({
+        text: i(o.palette.text.primary),
+        grid: i(o.palette.divider),
+        stroke: i(o.palette.divider)
       });
       const r = e.container.children.push(
-        B.new(e, {
+        z.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -46,22 +46,22 @@ const me = (F) => {
       );
       r.set("colors", q(e, h)), r.set(
         "cursor",
-        z.new(e, { behavior: "none" })
+        H.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let a, n = i;
-      t[0].type === "date" ? (n = y.orderBy(i, [t[0].value]), a = r.xAxes.push(
-        G.new(e, {
+      let s, m = l;
+      t[0].type === "date" ? (m = F.orderBy(l, [t[0].value]), s = r.xAxes.push(
+        N.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: k || { timeUnit: "day", count: 1 },
+          baseInterval: S || { timeUnit: "day", count: 1 },
           renderer: X.new(e, {}),
           tooltip: u.new(e, {})
         })
-      ), (A = a.get("renderer")) == null || A.grid.template.setAll({
-        stroke: s(o.palette.divider),
+      ), (v = s.get("renderer")) == null || v.grid.template.setAll({
+        stroke: i(o.palette.divider),
         strokeOpacity: 1
-      })) : (a = r.xAxes.push(
-        N.new(e, {
+      })) : (s = r.xAxes.push(
+        W.new(e, {
           categoryField: t[0].value,
           renderer: X.new(e, {}),
           tooltip: u.new(e, {})
@@ -69,45 +69,45 @@ const me = (F) => {
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), n = y.orderBy(i, [t[0].value]), a.data.setAll(n), (w = a.get("renderer")) == null || w.grid.template.setAll({
-        stroke: s(o.palette.divider),
+      }), m = F.orderBy(l, [t[0].value]), s.data.setAll(m), (w = s.get("renderer")) == null || w.grid.template.setAll({
+        stroke: i(o.palette.divider),
         strokeOpacity: 1
       }));
-      const g = r.yAxes.push(
-        V.new(e, {
+      const A = r.yAxes.push(
+        G.new(e, {
           logarithmic: !0,
-          renderer: H.new(e, { minorGridEnabled: !0 })
+          renderer: U.new(e, { minorGridEnabled: !0 })
         })
       );
-      (x = g.get("renderer")) == null || x.grid.template.setAll({
-        stroke: s(o.palette.divider),
+      (x = A.get("renderer")) == null || x.grid.template.setAll({
+        stroke: i(o.palette.divider),
         strokeOpacity: 1
-      }), c.forEach((Y) => {
-        const m = r.series.push(
-          U.new(e, {
-            xAxis: a,
-            yAxis: g,
-            valueYField: Y.dataFieldName,
+      }), a.forEach((L) => {
+        const p = r.series.push(
+          Z.new(e, {
+            xAxis: s,
+            yAxis: A,
+            valueYField: L.dataFieldName,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
             tooltip: u.new(e, { labelText: "{valueY}" })
           })
         );
-        m.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (m.data.processor = W.new(e, {
+        p.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (p.data.processor = _.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), m.data.setAll(n), m.appear(1e3);
+        })), p.data.setAll(m), p.appear(1e3);
       }), r.set(
         "scrollbarX",
-        Z.new(e, { orientation: "horizontal" })
-      ), r.appear(1e3, 100);
-    }, b), () => {
+        $.new(e, { orientation: "horizontal" })
+      ), B(e, (y = a == null ? void 0 : a[0]) == null ? void 0 : y.format), r.appear(1e3, 100);
+    }, k), () => {
       var e;
-      d && clearTimeout(d), (e = p.current) == null || e.dispose(), p.current = null;
+      d && clearTimeout(d), (e = c.current) == null || e.dispose(), c.current = null;
     };
-  }, [i, t, c, o.palette.mode, h]);
-  const D = { ...f };
-  return { chartId: v, ownerState: D, sx: S, error: l, other: T };
+  }, [l, t, a, o.palette.mode, h]);
+  const Y = { ...f };
+  return { chartId: g, ownerState: Y, sx: T, error: n, other: D };
 };
 export {
-  me as useLogaritmicScaleLogic
+  ce as useLogaritmicScaleLogic
 };

package/dist/components/charts/multiple-value-axes/logic.js

@@ -1,20 +1,21 @@
-import { G as P, R as W, A as M, T, b as j } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as q, useTheme as z } from "@mui/material";
+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 C from "lodash";
-import { useId as U, useRef as $, useEffect as H } from "react";
-import { colorSetFromPalette as J } from "../_common/utils.js";
+import { useId as H, useRef as J, useEffect as K } 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 K, V as Q } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as Z } from "../../../Legend-Dp_MKfS4.js";
-import { D as ee } from "../../../DateAxis-YX3QNIB-.js";
-import { A as N, a as te } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as re } from "../../../CategoryAxis-CwnfaGc8.js";
-import { X as se } from "../../../XYCursor-C8WktvKM.js";
-import { L as ae } from "../../../LineSeries-Uiv5o56b.js";
-import { D as ie } from "../../../DataProcessor-CHDO51q4.js";
-import { C as oe } from "../../../Circle-Cy5s-pVc.js";
-import { B as le } from "../../../Bullet-DVczI2TD.js";
-class x extends P {
+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 {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -22,8 +23,8 @@ class x extends P {
     super._changed(), this._clear && !this.get("draw") && this._draw();
   }
   _draw() {
-    const n = this.width(), r = this.height(), s = this._display;
-    s.moveTo(-n / 2, r / 2), s.lineTo(0, -r / 2), s.lineTo(n / 2, r / 2), s.lineTo(-n / 2, r / 2), s.closePath();
+    const n = this.width(), s = this.height(), t = this._display;
+    t.moveTo(-n / 2, s / 2), t.lineTo(0, -s / 2), t.lineTo(n / 2, s / 2), t.lineTo(-n / 2, s / 2), t.closePath();
   }
   _updateSize() {
     this.markDirty(), this._clear = !0;
@@ -39,32 +40,33 @@ Object.defineProperty(x, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: P.classNames.concat([x.className])
+  value: X.classNames.concat([x.className])
 });
-const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], De = (L) => {
-  const n = q({ props: L, name: "HCMultipleValueAxes" }), {
-    dimensions: r,
-    values: s,
+const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ee = (L) => {
+  const n = U({ props: L, name: "HCMultipleValueAxes" }), {
+    dimensions: s,
+    values: t,
     data: p,
-    initDelay: X = 0,
-    baseInterval: Y,
+    initDelay: Y = 0,
+    baseInterval: I,
     colors: R,
-    sx: F,
-    ...I
-  } = n, h = z(), _ = `hc-multiple-value-axes-${U().replace(/:/g, "")}`, y = $(null);
-  let m = null;
-  r.length < 1 ? m = "MultipleValueAxes requires at least 1 dimension" : s.length < 1 && (m = "MultipleValueAxes requires at least 1 value"), H(() => {
-    if (m) return;
-    let v;
-    return v = setTimeout(() => {
-      const e = W.new(_);
-      y.current = e, e.setThemes([M.new(e)]), e.interfaceColors.setAll({
-        text: D(h.palette.text.primary),
-        grid: D(h.palette.divider),
-        stroke: D(h.palette.divider)
+    sx: O,
+    ...V
+  } = n, d = $(), _ = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, y = J(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(() => {
+    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 t = e.container.children.push(
-        K.new(e, {
+      const r = e.container.children.push(
+        ee.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -72,44 +74,44 @@ const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], De = (L) => {
           layout: e.verticalLayout
         })
       );
-      t.set("colors", J(e, R)), t.get("colors", {}).set("step", 3);
-      const B = t.children.push(
-        Z.new(e, { centerX: w, x: w })
-      ), o = r[0];
-      let u, d = p;
-      o.type === "date" ? (u = t.xAxes.push(
-        ee.new(e, {
+      r.set("colors", Q(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, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: Y || { timeUnit: "day", count: 1 },
-          renderer: N.new(e, {}),
+          baseInterval: I || { timeUnit: "day", count: 1 },
+          renderer: P.new(e, {}),
           tooltip: T.new(e, {})
         })
-      ), d = C.orderBy(p, [o.value])) : (u = t.xAxes.push(
-        re.new(e, {
-          categoryField: o.value,
-          renderer: N.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, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), d = C.orderBy(p, [o.value]), u.data.setAll(d));
-      function E(l, i, c, G, S, b, V) {
-        const f = te.new(e, { opposite: S }), k = t.yAxes.push(
-          Q.new(e, { maxDeviation: 1, renderer: f })
+      }), 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 })
         );
-        t.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", t.yAxes.getIndex(0));
-        const a = t.series.push(
-          ae.new(e, {
-            name: i,
+        r.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", r.yAxes.getIndex(0));
+        const a = r.series.push(
+          le.new(e, {
+            name: o,
             xAxis: u,
             yAxis: k,
-            valueYField: G,
-            ...o.type === "date" ? { valueXField: c } : { categoryXField: c },
+            valueYField: S,
+            ...l.type === "date" ? { valueXField: c } : { categoryXField: c },
             tooltip: T.new(e, {
               pointerOrientation: "horizontal",
-              labelText: `${i}: {valueY}`
+              labelText: `${o}: {valueY}`
             })
           })
         );
@@ -117,12 +119,12 @@ const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], De = (L) => {
           stroke: a.get("fill"),
           strokeOpacity: 1,
           opacity: 1
-        }), V === "date" && (a.data.processor = ie.new(e, {
+        }), M === "date" && (a.data.processor = ne.new(e, {
           dateFormat: "i",
           dateFields: [c]
-        })), b !== void 0 && a.bullets.push(function() {
+        })), v !== void 0 && a.bullets.push(function() {
           let g;
-          return b === "RECTANGLE" ? g = j.new(e, {
+          return v === "RECTANGLE" ? g = q.new(e, {
             width: 10,
             height: 10,
             centerX: w,
@@ -130,56 +132,56 @@ const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], De = (L) => {
             strokeWidth: 2,
             stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : b === "TRIANGLE" ? g = x.new(e, {
+          }) : v === "TRIANGLE" ? g = x.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
             stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : g = oe.new(e, {
+          }) : g = ce.new(e, {
             strokeWidth: 2,
             radius: 4,
             stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), le.new(e, { sprite: g });
-        }), a.data.setAll(l);
+          }), ue.new(e, { sprite: g });
+        }), a.data.setAll(i);
       }
-      if (t.set(
+      if (r.set(
         "cursor",
-        se.new(e, { xAxis: u, behavior: "none" })
-      ).lineY.set("visible", !1), r.length > 1) {
-        const l = C.groupBy(d, r[1].value);
-        Object.keys(l).forEach((i, c) => {
+        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) => {
           E(
-            l[i],
-            i,
-            r[0].value,
-            s[0].dataFieldName,
+            i[o],
+            F(o),
+            s[0].value,
+            t[0].dataFieldName,
             c !== 0,
             A[c % A.length]
           );
         });
       } else
-        s.forEach((l, i) => {
+        t.forEach((i, o) => {
           E(
-            d,
-            l.name,
-            o.value,
-            l.dataFieldName,
-            i !== 0,
-            A[i % A.length],
-            o.type
+            m,
+            i.label ?? F(i.name),
+            l.value,
+            i.dataFieldName,
+            o !== 0,
+            A[o % A.length],
+            l.type
           );
         });
-      B.data.setAll(t.series.values), t.appear(1e3, 100);
-    }, X), () => {
+      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), () => {
       var e;
-      v && clearTimeout(v), (e = y.current) == null || e.dispose(), y.current = null;
+      b && clearTimeout(b), (e = y.current) == null || e.dispose(), y.current = null;
     };
-  }, [p, r, s, h.palette.mode, R]);
-  const O = { ...n };
-  return { chartId: _, ownerState: O, sx: F, error: m, other: I };
+  }, [p, s, t, d.palette.mode, R]);
+  const B = { ...n };
+  return { chartId: _, ownerState: B, sx: O, error: h, other: V };
 };
 export {
-  De as useMultipleValueAxesLogic
+  Ee as useMultipleValueAxesLogic
 };

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

@@ -1,52 +1,53 @@
-import { R as C, A as S } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as E, useTheme as L } from "@mui/material";
-import j from "dayjs";
+import { R as S, A as E } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as L, useTheme as j } from "@mui/material";
+import q from "dayjs";
 import T from "lodash";
-import { useId as q, useRef as B, useEffect as H } from "react";
-import { colorSetFromPalette as I } from "../_common/utils.js";
+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 W, a as F } from "../../../PieSeries-B2fW3z0s.js";
-const U = (N) => {
-  const v = E({ props: N, name: "HCNestedPie" }), {
+import { P as V, a as N } from "../../../PieSeries-B2fW3z0s.js";
+const Z = (b) => {
+  const g = L({ props: b, name: "HCNestedPie" }), {
     dimensions: a,
-    values: s,
+    values: r,
     data: d,
-    initDelay: b = 0,
-    colors: g,
-    sx: x,
-    ...k
-  } = v, i = L(), y = `hc-nested-pie-${q().replace(/:/g, "")}`, m = B(null);
+    initDelay: x = 0,
+    colors: v,
+    sx: k,
+    ...w
+  } = g, i = j(), y = `hc-nested-pie-${B().replace(/:/g, "")}`, m = H(null);
   let c = null;
-  a.length < 2 ? c = "NestedPie requires at least 2 dimensions" : s.length < 1 && (c = "NestedPie requires at least 1 value"), H(() => {
+  a.length < 2 ? c = "NestedPie requires at least 2 dimensions" : r.length < 1 && (c = "NestedPie requires at least 1 value"), I(() => {
     if (c) return;
     let p;
     return p = setTimeout(() => {
-      const e = C.new(y);
-      m.current = e, e.setThemes([S.new(e)]), e.interfaceColors.setAll({
+      var Y;
+      const e = S.new(y);
+      m.current = e, W(e, (Y = r == null ? void 0 : r[0]) == null ? void 0 : Y.format), e.setThemes([E.new(e)]), e.interfaceColors.setAll({
         text: n(i.palette.text.primary),
         grid: n(i.palette.divider),
         stroke: n(i.palette.divider)
       });
       const f = e.container.children.push(
-        W.new(e, {
+        V.new(e, {
           layout: e.verticalLayout,
           radius: o(100)
         })
       );
-      a[0].type === "date" && d.forEach((r) => {
+      a[0].type === "date" && d.forEach((s) => {
         let l = "YYYY";
-        a[0].value.includes("month") ? l = "MMM YYYY" : a[0].value.includes("day") && (l = "DD MMM YYYY"), r[a[0].value] = j(r[a[0].value]).format(
+        a[0].value.includes("month") ? l = "MMM YYYY" : a[0].value.includes("day") && (l = "DD MMM YYYY"), s[a[0].value] = q(s[a[0].value]).format(
           l
         );
       });
-      const h = T.orderBy(d, (r) => r[a[0].value]);
-      a.forEach((r, l) => {
-        const Y = e.interfaceColors.get("background");
+      const h = T.orderBy(d, (s) => s[a[0].value]);
+      a.forEach((s, l) => {
+        const A = e.interfaceColors.get("background");
         if (l === 0) {
           const t = f.series.push(
-            F.new(e, {
-              valueField: s[0].dataFieldName,
-              categoryField: r.value,
+            N.new(e, {
+              valueField: r[0].dataFieldName,
+              categoryField: s.value,
               alignLabels: !1,
               radius: o(80),
               innerRadius: o(25)
@@ -58,47 +59,47 @@ const U = (N) => {
             textType: "radial",
             centerX: o(100)
           }), t.slices.template.setAll({
-            stroke: Y,
+            stroke: A,
             strokeWidth: 2,
             fill: n(11184810),
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
           }), t.slices.template.states.create("hover", { scale: 0.95 }), a.length > 1) {
-            const u = [], A = T.groupBy(h, r.value);
-            Object.keys(A).forEach((P) => {
-              const D = A[P].reduce((M, R) => M + R[s[0].dataFieldName], 0);
+            const u = [], F = T.groupBy(h, s.value);
+            Object.keys(F).forEach((P) => {
+              const M = F[P].reduce((R, C) => R + C[r[0].dataFieldName], 0);
               u.push({
-                [r.value]: P,
-                [s[0].dataFieldName]: D
+                [s.value]: P,
+                [r[0].dataFieldName]: M
               });
             }), t.data.setAll(u);
           } else
             t.data.setAll(h);
         } else if (l === 1) {
           const t = f.series.push(
-            F.new(e, {
-              valueField: s[0].dataFieldName,
-              categoryField: r.value,
+            N.new(e, {
+              valueField: r[0].dataFieldName,
+              categoryField: s.value,
               alignLabels: !0,
               innerRadius: o(80),
               radius: o(100)
             })
-          ), u = I(e, g);
+          ), u = O(e, v);
           t.set("colors", u), t.slices.template.setAll({
-            stroke: Y,
+            stroke: A,
             strokeWidth: 2,
             templateField: "settings",
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
           }), t.labels.template.setAll({ text: "{category}" }), t.data.setAll(h);
         }
       }), f.appear(1e3, 100);
-    }, b), () => {
+    }, x), () => {
       var e;
       p && clearTimeout(p), (e = m.current) == null || e.dispose(), m.current = null;
     };
-  }, [d, a, s, i.palette.mode, g]);
-  const w = { ...v };
-  return { chartId: y, ownerState: w, sx: x, error: c, other: k };
+  }, [d, a, r, i.palette.mode, v]);
+  const D = { ...g };
+  return { chartId: y, ownerState: D, sx: k, error: c, other: w };
 };
 export {
-  U as useNestedPieLogic
+  Z as useNestedPieLogic
 };