@hybridcore/ui 1.6.5 → 1.6.7

package/dist/components/charts/drill-down-treemap/logic.js

@@ -1,21 +1,21 @@
-import { C as V, k as X, l as B, L as W, R as E, a as Z, A as $ } from "../../../AnimatedTheme-jnasw6rT.js";
+import { C as x, k as F, l as I, L as W, R as E, a as Z, A as $ } from "../../../AnimatedTheme-jnasw6rT.js";
 import { useThemeProps as G, useTheme as J } from "@mui/material";
 import K from "dayjs";
 import Q from "lodash";
 import { useId as U, useRef as ee, useEffect as te } from "react";
-import { colorSetFromPalette as ie } from "../_common/utils.js";
-import { m as I, f as k, e as j, p as C } from "../../../ColorSet-C7vpNXhM.js";
-import { a as ae, H as F } from "../../../Hierarchy-Bihj0S61.js";
+import { applyValueFormat as ie, colorSetFromPalette as ae } from "../_common/utils.js";
+import { m as M, f as O, e as j, p as C } from "../../../ColorSet-C7vpNXhM.js";
+import { a as ne, H as X } from "../../../Hierarchy-Bihj0S61.js";
 import { R as z } from "../../../RoundedRectangle-CWLi2PXn.js";
-import { r as ne, c as O, a as R } from "../../../constant-BiOGvlZc.js";
-class L extends V {
+import { r as se, c as R, a as L } from "../../../constant-BiOGvlZc.js";
+class Y extends x {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labels", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new X(B.new({}), () => W._new(this._root, {
-        themeTags: I(this.labels.template.get("themeTags", []), ["label"]),
+      value: this.addDisposer(new F(I.new({}), () => W._new(this._root, {
+        themeTags: M(this.labels.template.get("themeTags", []), ["label"]),
         background: z.new(this._root, {
           themeTags: ["background"]
         })
@@ -38,7 +38,7 @@ class L extends V {
     }), this.labels.push(i), i;
   }
   _afterNew() {
-    this._defaultThemes.push(ae.new(this._root)), this._settings.themeTags = I(this._settings.themeTags, ["breadcrumb"]), super._afterNew();
+    this._defaultThemes.push(ne.new(this._root)), this._settings.themeTags = M(this._settings.themeTags, ["breadcrumb"]), super._afterNew();
   }
   _changed() {
     if (super._changed(), this.isDirty("series")) {
@@ -58,116 +58,116 @@ class L extends V {
     }
   }
 }
-Object.defineProperty(L, "className", {
+Object.defineProperty(Y, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "BreadcrumbBar"
 });
-Object.defineProperty(L, "classNames", {
+Object.defineProperty(Y, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: V.classNames.concat([L.className])
+  value: x.classNames.concat([Y.className])
 });
-function se(u) {
+function re(u) {
   u.x0 = Math.round(u.x0), u.y0 = Math.round(u.y0), u.x1 = Math.round(u.x1), u.y1 = Math.round(u.y1);
 }
-function x(u, t, i, a, r) {
-  for (var l = u.children, n, h = -1, b = l.length, c = u.value && (a - t) / u.value; ++h < b; )
-    n = l[h], n.y0 = i, n.y1 = r, n.x0 = t, n.x1 = t += n.value * c;
-}
 function A(u, t, i, a, r) {
-  for (var l = u.children, n, h = -1, b = l.length, c = u.value && (r - i) / u.value; ++h < b; )
-    n = l[h], n.x0 = t, n.x1 = a, n.y0 = i, n.y1 = i += n.value * c;
+  for (var l = u.children, s, h = -1, y = l.length, c = u.value && (a - t) / u.value; ++h < y; )
+    s = l[h], s.y0 = i, s.y1 = r, s.x0 = t, s.x1 = t += s.value * c;
 }
-var re = (1 + Math.sqrt(5)) / 2;
-function oe(u, t, i, a, r, l) {
-  for (var n = [], h = t.children, b, c, o = 0, m = 0, e = h.length, d, g, f = t.value, s, p, _, w, T, y, v; o < e; ) {
+function H(u, t, i, a, r) {
+  for (var l = u.children, s, h = -1, y = l.length, c = u.value && (r - i) / u.value; ++h < y; )
+    s = l[h], s.x0 = t, s.x1 = a, s.y0 = i, s.y1 = i += s.value * c;
+}
+var oe = (1 + Math.sqrt(5)) / 2;
+function le(u, t, i, a, r, l) {
+  for (var s = [], h = t.children, y, c, o = 0, m = 0, e = h.length, d, g, p = t.value, n, f, w, v, P, b, _; o < e; ) {
     d = r - i, g = l - a;
     do
-      s = h[m++].value;
-    while (!s && m < e);
-    for (p = _ = s, y = Math.max(g / d, d / g) / (f * u), v = s * s * y, T = Math.max(_ / v, v / p); m < e; ++m) {
-      if (s += c = h[m].value, c < p && (p = c), c > _ && (_ = c), v = s * s * y, w = Math.max(_ / v, v / p), w > T) {
-        s -= c;
+      n = h[m++].value;
+    while (!n && m < e);
+    for (f = w = n, b = Math.max(g / d, d / g) / (p * u), _ = n * n * b, P = Math.max(w / _, _ / f); m < e; ++m) {
+      if (n += c = h[m].value, c < f && (f = c), c > w && (w = c), _ = n * n * b, v = Math.max(w / _, _ / f), v > P) {
+        n -= c;
         break;
       }
-      T = w;
+      P = v;
     }
-    n.push(b = { value: s, dice: d < g, children: h.slice(o, m) }), b.dice ? x(b, i, a, r, f ? a += g * s / f : l) : A(b, i, a, f ? i += d * s / f : r, l), f -= s, o = m;
+    s.push(y = { value: n, dice: d < g, children: h.slice(o, m) }), y.dice ? A(y, i, a, r, p ? a += g * n / p : l) : H(y, i, a, p ? i += d * n / p : r, l), p -= n, o = m;
   }
-  return n;
+  return s;
 }
-const M = function u(t) {
-  function i(a, r, l, n, h) {
-    oe(t, a, r, l, n, h);
+const V = function u(t) {
+  function i(a, r, l, s, h) {
+    le(t, a, r, l, s, h);
   }
   return i.ratio = function(a) {
     return u((a = +a) > 1 ? a : 1);
   }, i;
-}(re);
+}(oe);
 function q() {
-  var u = M, t = !1, i = 1, a = 1, r = [0], l = O, n = O, h = O, b = O, c = O;
+  var u = V, t = !1, i = 1, a = 1, r = [0], l = R, s = R, h = R, y = R, c = R;
   function o(e) {
-    return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(m), r = [0], t && e.eachBefore(se), e;
+    return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(m), r = [0], t && e.eachBefore(re), e;
   }
   function m(e) {
-    var d = r[e.depth], g = e.x0 + d, f = e.y0 + d, s = e.x1 - d, p = e.y1 - d;
-    s < g && (g = s = (g + s) / 2), p < f && (f = p = (f + p) / 2), e.x0 = g, e.y0 = f, e.x1 = s, e.y1 = p, e.children && (d = r[e.depth + 1] = l(e) / 2, g += c(e) - d, f += n(e) - d, s -= h(e) - d, p -= b(e) - d, s < g && (g = s = (g + s) / 2), p < f && (f = p = (f + p) / 2), u(e, g, f, s, p));
+    var d = r[e.depth], g = e.x0 + d, p = e.y0 + d, n = e.x1 - d, f = e.y1 - d;
+    n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), e.x0 = g, e.y0 = p, e.x1 = n, e.y1 = f, e.children && (d = r[e.depth + 1] = l(e) / 2, g += c(e) - d, p += s(e) - d, n -= h(e) - d, f -= y(e) - d, n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), u(e, g, p, n, f));
   }
   return o.round = function(e) {
     return arguments.length ? (t = !!e, o) : t;
   }, o.size = function(e) {
     return arguments.length ? (i = +e[0], a = +e[1], o) : [i, a];
   }, o.tile = function(e) {
-    return arguments.length ? (u = ne(e), o) : u;
+    return arguments.length ? (u = se(e), o) : u;
   }, o.padding = function(e) {
     return arguments.length ? o.paddingInner(e).paddingOuter(e) : o.paddingInner();
   }, o.paddingInner = function(e) {
-    return arguments.length ? (l = typeof e == "function" ? e : R(+e), o) : l;
+    return arguments.length ? (l = typeof e == "function" ? e : L(+e), o) : l;
   }, o.paddingOuter = function(e) {
     return arguments.length ? o.paddingTop(e).paddingRight(e).paddingBottom(e).paddingLeft(e) : o.paddingTop();
   }, o.paddingTop = function(e) {
-    return arguments.length ? (n = typeof e == "function" ? e : R(+e), o) : n;
+    return arguments.length ? (s = typeof e == "function" ? e : L(+e), o) : s;
   }, o.paddingRight = function(e) {
-    return arguments.length ? (h = typeof e == "function" ? e : R(+e), o) : h;
+    return arguments.length ? (h = typeof e == "function" ? e : L(+e), o) : h;
   }, o.paddingBottom = function(e) {
-    return arguments.length ? (b = typeof e == "function" ? e : R(+e), o) : b;
+    return arguments.length ? (y = typeof e == "function" ? e : L(+e), o) : y;
   }, o.paddingLeft = function(e) {
-    return arguments.length ? (c = typeof e == "function" ? e : R(+e), o) : c;
+    return arguments.length ? (c = typeof e == "function" ? e : L(+e), o) : c;
   }, o;
 }
-function le(u, t, i, a, r) {
-  var l = u.children, n, h = l.length, b, c = new Array(h + 1);
-  for (c[0] = b = n = 0; n < h; ++n)
-    c[n + 1] = b += l[n].value;
+function de(u, t, i, a, r) {
+  var l = u.children, s, h = l.length, y, c = new Array(h + 1);
+  for (c[0] = y = s = 0; s < h; ++s)
+    c[s + 1] = y += l[s].value;
   o(0, h, u.value, t, i, a, r);
-  function o(m, e, d, g, f, s, p) {
+  function o(m, e, d, g, p, n, f) {
     if (m >= e - 1) {
-      var _ = l[m];
-      _.x0 = g, _.y0 = f, _.x1 = s, _.y1 = p;
+      var w = l[m];
+      w.x0 = g, w.y0 = p, w.x1 = n, w.y1 = f;
       return;
     }
-    for (var w = c[m], T = d / 2 + w, y = m + 1, v = e - 1; y < v; ) {
-      var N = y + v >>> 1;
-      c[N] < T ? y = N + 1 : v = N;
+    for (var v = c[m], P = d / 2 + v, b = m + 1, _ = e - 1; b < _; ) {
+      var k = b + _ >>> 1;
+      c[k] < P ? b = k + 1 : _ = k;
     }
-    T - c[y - 1] < c[y] - T && m + 1 < y && --y;
-    var D = c[y] - w, P = d - D;
-    if (s - g > p - f) {
-      var H = d ? (g * P + s * D) / d : s;
-      o(m, y, D, g, f, H, p), o(y, e, P, H, f, s, p);
+    P - c[b - 1] < c[b] - P && m + 1 < b && --b;
+    var D = c[b] - v, T = d - D;
+    if (n - g > f - p) {
+      var N = d ? (g * T + n * D) / d : n;
+      o(m, b, D, g, p, N, f), o(b, e, T, N, p, n, f);
     } else {
-      var S = d ? (f * P + p * D) / d : p;
-      o(m, y, D, g, f, s, S), o(y, e, P, g, S, s, p);
+      var S = d ? (p * T + f * D) / d : f;
+      o(m, b, D, g, p, n, S), o(b, e, T, g, S, n, f);
     }
   }
 }
-function de(u, t, i, a, r) {
-  (u.depth & 1 ? A : x)(u, t, i, a, r);
+function ue(u, t, i, a, r) {
+  (u.depth & 1 ? H : A)(u, t, i, a, r);
 }
-class Y extends F {
+class B extends X {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tag", {
       enumerable: !0,
@@ -178,18 +178,18 @@ class Y extends F {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: B.new({})
+      value: I.new({})
     }), Object.defineProperty(this, "_treemapLayout", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: q().tile(M)
+      value: q().tile(V)
     }), Object.defineProperty(this, "rectangles", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new X(B.new({}), () => z._new(this._root, {
-        themeTags: I(this.rectangles.template.get("themeTags", []), [this._tag, "shape"])
+      value: this.addDisposer(new F(I.new({}), () => z._new(this._root, {
+        themeTags: M(this.rectangles.template.get("themeTags", []), [this._tag, "shape"])
       }, [this.rectangles.template])))
     });
   }
@@ -201,19 +201,19 @@ class Y extends F {
       let t;
       switch (this.get("layoutAlgorithm")) {
         case "squarify":
-          t = M;
+          t = V;
           break;
         case "binary":
-          t = le;
+          t = de;
           break;
         case "slice":
-          t = A;
+          t = H;
           break;
         case "dice":
-          t = x;
+          t = A;
           break;
         case "sliceDice":
-          t = de;
+          t = ue;
           break;
       }
       if (t) {
@@ -228,22 +228,22 @@ class Y extends F {
     if (this._rootNode) {
       const t = this._treemapLayout;
       t.size([this.innerWidth(), this.innerHeight()]);
-      const i = this.get("nodePaddingLeft"), a = this.get("nodePaddingRight"), r = this.get("nodePaddingTop"), l = this.get("nodePaddingBottom"), n = this.get("nodePaddingInner"), h = this.get("nodePaddingOuter");
-      k(i) && t.paddingLeft(i), k(a) && t.paddingRight(a), k(r) && t.paddingTop(r), k(l) && t.paddingBottom(l), k(n) && t.paddingInner(n), k(h) && t.paddingOuter(h), t(this._rootNode), this._updateNodes(this._rootNode);
+      const i = this.get("nodePaddingLeft"), a = this.get("nodePaddingRight"), r = this.get("nodePaddingTop"), l = this.get("nodePaddingBottom"), s = this.get("nodePaddingInner"), h = this.get("nodePaddingOuter");
+      O(i) && t.paddingLeft(i), O(a) && t.paddingRight(a), O(r) && t.paddingTop(r), O(l) && t.paddingBottom(l), O(s) && t.paddingInner(s), O(h) && t.paddingOuter(h), t(this._rootNode), this._updateNodes(this._rootNode);
     }
   }
   _updateNode(t) {
     super._updateNode(t);
-    const i = t.get("node"), a = t.get("rectangle"), r = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), n = this.getPrivate("scaleY", 1), h = r.x0 * l, b = r.x1 * l, c = r.y0 * n, o = r.y1 * n, m = b - h, e = o - c, d = this.get("animationDuration", 0), g = this.get("animationEasing");
+    const i = t.get("node"), a = t.get("rectangle"), r = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = r.x0 * l, y = r.x1 * l, c = r.y0 * s, o = r.y1 * s, m = y - h, e = o - c, d = this.get("animationDuration", 0), g = this.get("animationEasing");
     if (i.animate({ key: "x", to: h, duration: d, easing: g }), i.animate({ key: "y", to: c, duration: d, easing: g }), i.animate({ key: "width", to: m, duration: d, easing: g }), i.animate({ key: "height", to: e, duration: d, easing: g }), a) {
-      const f = t.get("fill"), s = t.get("fillPattern");
-      a.animate({ key: "width", to: m, duration: d, easing: g }), a.animate({ key: "height", to: e, duration: d, easing: g }), a._setDefault("fill", f), a._setDefault("fillPattern", s), a._setDefault("stroke", f);
+      const p = t.get("fill"), n = t.get("fillPattern");
+      a.animate({ key: "width", to: m, duration: d, easing: g }), a.animate({ key: "height", to: e, duration: d, easing: g }), a._setDefault("fill", p), a._setDefault("fillPattern", n), a._setDefault("stroke", p);
     }
   }
   _updateNodesScale(t) {
     const i = t.data.dataItem;
     if (i) {
-      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), n = this.getPrivate("scaleY", 1), h = t.x0 * l, b = t.x1 * l, c = t.y0 * n, o = t.y1 * n, m = b - h, e = o - c;
+      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = t.x0 * l, y = t.x1 * l, c = t.y0 * s, o = t.y1 * s, m = y - h, e = o - c;
       a.setAll({ x: h, y: c, width: m, height: e }), r.setAll({ width: m, height: e });
       const d = t.children;
       d && j(d, (g) => {
@@ -267,10 +267,10 @@ class Y extends F {
   _zoom(t) {
     if (this.width() > 0 && this.height() > 0) {
       const i = t.get("d3HierarchyNode"), a = this.get("nodePaddingOuter", 0);
-      let r = i.x0 + a, l = i.x1 - a, n = i.y0 + a, h = i.y1 - a, b = (this.innerWidth() - a * 2) / (l - r), c = (this.innerHeight() - a * 2) / (h - n);
+      let r = i.x0 + a, l = i.x1 - a, s = i.y0 + a, h = i.y1 - a, y = (this.innerWidth() - a * 2) / (l - r), c = (this.innerHeight() - a * 2) / (h - s);
       const o = this.get("animationEasing");
       let m = this.get("animationDuration", 0);
-      this.inited || (m = 0), this.animatePrivate({ key: "scaleX", to: b, duration: m, easing: o }), this.animatePrivate({ key: "scaleY", to: c, duration: m, easing: o }), this.nodesContainer.animate({ key: "x", to: a - r * b, duration: m, easing: o }), this.nodesContainer.animate({ key: "y", to: a - n * c, duration: m, easing: o });
+      this.inited || (m = 0), this.animatePrivate({ key: "scaleX", to: y, duration: m, easing: o }), this.animatePrivate({ key: "scaleY", to: c, duration: m, easing: o }), this.nodesContainer.animate({ key: "x", to: a - r * y, duration: m, easing: o }), this.nodesContainer.animate({ key: "y", to: a - s * c, duration: m, easing: o });
     }
   }
   _selectDataItem(t, i, a) {
@@ -278,8 +278,8 @@ class Y extends F {
       let r = this.get("downDepth", 1) + t.get("depth");
       this.inited || (r = this.get("initialDepth", 1));
       const l = this._getVisibleNodes(t, r);
-      this.nodes.each((n) => {
-        l.indexOf(n.dataItem) == -1 ? n.setPrivate("focusable", !1) : n.removePrivate("focusable");
+      this.nodes.each((s) => {
+        l.indexOf(s.dataItem) == -1 ? s.setPrivate("focusable", !1) : s.removePrivate("focusable");
       });
     }
     this._root._invalidateTabindexes();
@@ -292,46 +292,46 @@ class Y extends F {
     }), r;
   }
 }
-Object.defineProperty(Y, "className", {
+Object.defineProperty(B, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Treemap"
 });
-Object.defineProperty(Y, "classNames", {
+Object.defineProperty(B, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: F.classNames.concat([Y.className])
+  value: X.classNames.concat([B.className])
 });
-const we = (u) => {
+const _e = (u) => {
   const t = G({ props: u, name: "HCDrillDownTreemap" }), {
     dimensions: i,
     values: a,
     data: r,
     initDelay: l = 0,
-    colors: n,
+    colors: s,
     sx: h,
-    ...b
+    ...y
   } = t, c = J(), m = `hc-drill-down-treemap-${U().replace(/:/g, "")}`, e = ee(null);
   let d = null;
   i.length < 2 ? d = "DrillDownTreemap requires at least 2 dimensions" : a.length < 1 && (d = "DrillDownTreemap requires at least 1 value"), te(() => {
     if (d) return;
-    let f;
-    return f = setTimeout(() => {
-      var y;
-      const s = E.new(m);
-      e.current = s;
-      const p = Z.new(s);
-      p.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth1"]).setAll({ strokeWidth: 2 }), p.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth2"]).setAll({ strokeWidth: 1, strokeOpacity: 0.2 }), p.rule("Label", ["node", "depth1"]).setAll({ fontSize: 10 }), p.rule("Label", ["node", "depth2"]).setAll({ fontSize: 10 }), s.setThemes([$.new(s), p]);
-      const _ = s.container.children.push(
-        V.new(s, {
+    let p;
+    return p = setTimeout(() => {
+      var b, _;
+      const n = E.new(m);
+      e.current = n, ie(n, (b = a == null ? void 0 : a[0]) == null ? void 0 : b.format);
+      const f = Z.new(n);
+      f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth1"]).setAll({ strokeWidth: 2 }), f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth2"]).setAll({ strokeWidth: 1, strokeOpacity: 0.2 }), f.rule("Label", ["node", "depth1"]).setAll({ fontSize: 10 }), f.rule("Label", ["node", "depth2"]).setAll({ fontSize: 10 }), n.setThemes([$.new(n), f]);
+      const w = n.container.children.push(
+        x.new(n, {
           width: C(100),
           height: C(100),
-          layout: s.verticalLayout
+          layout: n.verticalLayout
         })
-      ), w = _.children.push(
-        Y.new(s, {
+      ), v = w.children.push(
+        B.new(n, {
           sort: "descending",
           singleBranchOnly: !1,
           downDepth: 1,
@@ -344,42 +344,42 @@ const we = (u) => {
           nodePaddingInner: 0
         })
       );
-      w.nodes.template.setPrivate("trustBounds", !0), w.set("colors", ie(s, n)), (y = w.get("colors")) == null || y.set("step", 1), _.children.moveValue(
-        L.new(s, { series: w }),
+      v.nodes.template.setPrivate("trustBounds", !0), v.set("colors", ae(n, s)), (_ = v.get("colors")) == null || _.set("step", 1), w.children.moveValue(
+        Y.new(n, { series: v }),
         0
       );
-      const T = (v, N, D) => {
-        if (v === "date") {
-          let P = "YYYY";
-          return N.includes("month") ? P = "MMM YYYY" : N.includes("day") && (P = "DD MMM YYYY"), K(D).format(P);
+      const P = (k, D, T) => {
+        if (k === "date") {
+          let N = "YYYY";
+          return D.includes("month") ? N = "MMM YYYY" : D.includes("day") && (N = "DD MMM YYYY"), K(T).format(N);
         }
-        return D;
+        return T;
       };
       if (i.length > 1) {
-        const v = Q.groupBy(r, i[0].value), N = [];
-        Object.keys(v).forEach((D) => {
-          N.push({
-            name: T(i[0].type, i[0].value, D),
-            children: v[D].map((P) => ({
-              name: T(
+        const k = Q.groupBy(r, i[0].value), D = [];
+        Object.keys(k).forEach((T) => {
+          D.push({
+            name: P(i[0].type, i[0].value, T),
+            children: k[T].map((N) => ({
+              name: P(
                 i[1].type,
                 i[1].value,
-                P[i[1].value]
+                N[i[1].value]
               ),
-              [a[0].dataFieldName]: P[a[0].dataFieldName]
+              [a[0].dataFieldName]: N[a[0].dataFieldName]
             }))
           });
-        }), w.data.setAll([{ name: "Home", children: N }]);
+        }), v.data.setAll([{ name: "Home", children: D }]);
       }
-      w.set("selectedDataItem", w.dataItems[0]);
+      v.set("selectedDataItem", v.dataItems[0]);
     }, l), () => {
-      var s;
-      f && clearTimeout(f), (s = e.current) == null || s.dispose(), e.current = null;
+      var n;
+      p && clearTimeout(p), (n = e.current) == null || n.dispose(), e.current = null;
     };
-  }, [r, i, a, c.palette.mode, n]);
+  }, [r, i, a, c.palette.mode, s]);
   const g = { ...t };
-  return { chartId: m, ownerState: g, sx: h, error: d, other: b };
+  return { chartId: m, ownerState: g, sx: h, error: d, other: y };
 };
 export {
-  we as useDrillDownTreemapLogic
+  _e as useDrillDownTreemapLogic
 };