@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -4,10 +4,10 @@ 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 N, e as j, p as C } from "../../../ColorSet-C7vpNXhM.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 { R as z } from "../../../RoundedRectangle-CWLi2PXn.js";
-import { r as ne, c as k, a as O } from "../../../constant-BiOGvlZc.js";
+import { r as ne, c as O, a as R } from "../../../constant-BiOGvlZc.js";
 class L extends V {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labels", {
@@ -70,102 +70,102 @@ Object.defineProperty(L, "classNames", {
   writable: !0,
   value: V.classNames.concat([L.className])
 });
-function se(h) {
-  h.x0 = Math.round(h.x0), h.y0 = Math.round(h.y0), h.x1 = Math.round(h.x1), h.y1 = Math.round(h.y1);
+function se(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(h, t, i, a, s) {
-  for (var l = h.children, n, g = -1, b = l.length, m = h.value && (a - t) / h.value; ++g < b; )
-    n = l[g], n.y0 = i, n.y1 = s, n.x0 = t, n.x1 = t += n.value * m;
+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(h, t, i, a, s) {
-  for (var l = h.children, n, g = -1, b = l.length, m = h.value && (s - i) / h.value; ++g < b; )
-    n = l[g], n.x0 = t, n.x1 = a, n.y0 = i, n.y1 = i += n.value * m;
+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;
 }
 var re = (1 + Math.sqrt(5)) / 2;
-function oe(h, t, i, a, s, l) {
-  for (var n = [], g = t.children, b, m, r = 0, p = 0, e = g.length, c, u, o = t.value, d, f, v, P, D, y, w; r < e; ) {
-    c = s - i, u = l - a;
+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; ) {
+    d = r - i, g = l - a;
     do
-      d = g[p++].value;
-    while (!d && p < e);
-    for (f = v = d, y = Math.max(u / c, c / u) / (o * h), w = d * d * y, D = Math.max(v / w, w / f); p < e; ++p) {
-      if (d += m = g[p].value, m < f && (f = m), m > v && (v = m), w = d * d * y, P = Math.max(v / w, w / f), P > D) {
-        d -= m;
+      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;
         break;
       }
-      D = P;
+      T = w;
     }
-    n.push(b = { value: d, dice: c < u, children: g.slice(r, p) }), b.dice ? x(b, i, a, s, o ? a += u * d / o : l) : A(b, i, a, o ? i += c * d / o : s, l), o -= d, r = p;
+    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;
   }
   return n;
 }
-const M = function h(t) {
-  function i(a, s, l, n, g) {
-    oe(t, a, s, l, n, g);
+const M = function u(t) {
+  function i(a, r, l, n, h) {
+    oe(t, a, r, l, n, h);
   }
   return i.ratio = function(a) {
-    return h((a = +a) > 1 ? a : 1);
+    return u((a = +a) > 1 ? a : 1);
   }, i;
 }(re);
 function q() {
-  var h = M, t = !1, i = 1, a = 1, s = [0], l = k, n = k, g = k, b = k, m = k;
-  function r(e) {
-    return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(p), s = [0], t && e.eachBefore(se), e;
+  var u = M, t = !1, i = 1, a = 1, r = [0], l = O, n = O, h = O, b = O, c = O;
+  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;
   }
-  function p(e) {
-    var c = s[e.depth], u = e.x0 + c, o = e.y0 + c, d = e.x1 - c, f = e.y1 - c;
-    d < u && (u = d = (u + d) / 2), f < o && (o = f = (o + f) / 2), e.x0 = u, e.y0 = o, e.x1 = d, e.y1 = f, e.children && (c = s[e.depth + 1] = l(e) / 2, u += m(e) - c, o += n(e) - c, d -= g(e) - c, f -= b(e) - c, d < u && (u = d = (u + d) / 2), f < o && (o = f = (o + f) / 2), h(e, u, o, d, f));
+  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));
   }
-  return r.round = function(e) {
-    return arguments.length ? (t = !!e, r) : t;
-  }, r.size = function(e) {
-    return arguments.length ? (i = +e[0], a = +e[1], r) : [i, a];
-  }, r.tile = function(e) {
-    return arguments.length ? (h = ne(e), r) : h;
-  }, r.padding = function(e) {
-    return arguments.length ? r.paddingInner(e).paddingOuter(e) : r.paddingInner();
-  }, r.paddingInner = function(e) {
-    return arguments.length ? (l = typeof e == "function" ? e : O(+e), r) : l;
-  }, r.paddingOuter = function(e) {
-    return arguments.length ? r.paddingTop(e).paddingRight(e).paddingBottom(e).paddingLeft(e) : r.paddingTop();
-  }, r.paddingTop = function(e) {
-    return arguments.length ? (n = typeof e == "function" ? e : O(+e), r) : n;
-  }, r.paddingRight = function(e) {
-    return arguments.length ? (g = typeof e == "function" ? e : O(+e), r) : g;
-  }, r.paddingBottom = function(e) {
-    return arguments.length ? (b = typeof e == "function" ? e : O(+e), r) : b;
-  }, r.paddingLeft = function(e) {
-    return arguments.length ? (m = typeof e == "function" ? e : O(+e), r) : m;
-  }, r;
+  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;
+  }, 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;
+  }, 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;
+  }, o.paddingRight = function(e) {
+    return arguments.length ? (h = typeof e == "function" ? e : R(+e), o) : h;
+  }, o.paddingBottom = function(e) {
+    return arguments.length ? (b = typeof e == "function" ? e : R(+e), o) : b;
+  }, o.paddingLeft = function(e) {
+    return arguments.length ? (c = typeof e == "function" ? e : R(+e), o) : c;
+  }, o;
 }
-function le(h, t, i, a, s) {
-  var l = h.children, n, g = l.length, b, m = new Array(g + 1);
-  for (m[0] = b = n = 0; n < g; ++n)
-    m[n + 1] = b += l[n].value;
-  r(0, g, h.value, t, i, a, s);
-  function r(p, e, c, u, o, d, f) {
-    if (p >= e - 1) {
-      var v = l[p];
-      v.x0 = u, v.y0 = o, v.x1 = d, v.y1 = f;
+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;
+  o(0, h, u.value, t, i, a, r);
+  function o(m, e, d, g, f, s, p) {
+    if (m >= e - 1) {
+      var _ = l[m];
+      _.x0 = g, _.y0 = f, _.x1 = s, _.y1 = p;
       return;
     }
-    for (var P = m[p], D = c / 2 + P, y = p + 1, w = e - 1; y < w; ) {
-      var T = y + w >>> 1;
-      m[T] < D ? y = T + 1 : w = T;
+    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;
     }
-    D - m[y - 1] < m[y] - D && p + 1 < y && --y;
-    var _ = m[y] - P, R = c - _;
-    if (d - u > f - o) {
-      var H = c ? (u * R + d * _) / c : d;
-      r(p, y, _, u, o, H, f), r(y, e, R, H, o, d, f);
+    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);
     } else {
-      var S = c ? (o * R + f * _) / c : f;
-      r(p, y, _, u, o, d, S), r(y, e, R, u, S, d, f);
+      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);
     }
   }
 }
-function de(h, t, i, a, s) {
-  (h.depth & 1 ? A : x)(h, t, i, a, s);
+function de(u, t, i, a, r) {
+  (u.depth & 1 ? A : x)(u, t, i, a, r);
 }
 class Y extends F {
   constructor() {
@@ -228,26 +228,26 @@ 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"), s = this.get("nodePaddingTop"), l = this.get("nodePaddingBottom"), n = this.get("nodePaddingInner"), g = this.get("nodePaddingOuter");
-      N(i) && t.paddingLeft(i), N(a) && t.paddingRight(a), N(s) && t.paddingTop(s), N(l) && t.paddingBottom(l), N(n) && t.paddingInner(n), N(g) && t.paddingOuter(g), t(this._rootNode), this._updateNodes(this._rootNode);
+      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);
     }
   }
   _updateNode(t) {
     super._updateNode(t);
-    const i = t.get("node"), a = t.get("rectangle"), s = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), n = this.getPrivate("scaleY", 1), g = s.x0 * l, b = s.x1 * l, m = s.y0 * n, r = s.y1 * n, p = b - g, e = r - m, c = this.get("animationDuration", 0), u = this.get("animationEasing");
-    if (i.animate({ key: "x", to: g, duration: c, easing: u }), i.animate({ key: "y", to: m, duration: c, easing: u }), i.animate({ key: "width", to: p, duration: c, easing: u }), i.animate({ key: "height", to: e, duration: c, easing: u }), a) {
-      const o = t.get("fill"), d = t.get("fillPattern");
-      a.animate({ key: "width", to: p, duration: c, easing: u }), a.animate({ key: "height", to: e, duration: c, easing: u }), a._setDefault("fill", o), a._setDefault("fillPattern", d), a._setDefault("stroke", o);
+    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");
+    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);
     }
   }
   _updateNodesScale(t) {
     const i = t.data.dataItem;
     if (i) {
-      const a = i.get("node"), s = i.get("rectangle"), l = this.getPrivate("scaleX", 1), n = this.getPrivate("scaleY", 1), g = t.x0 * l, b = t.x1 * l, m = t.y0 * n, r = t.y1 * n, p = b - g, e = r - m;
-      a.setAll({ x: g, y: m, width: p, height: e }), s.setAll({ width: p, height: e });
-      const c = t.children;
-      c && j(c, (u) => {
-        this._updateNodesScale(u);
+      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;
+      a.setAll({ x: h, y: c, width: m, height: e }), r.setAll({ width: m, height: e });
+      const d = t.children;
+      d && j(d, (g) => {
+        this._updateNodesScale(g);
       });
     }
   }
@@ -257,27 +257,27 @@ class Y extends F {
   makeNode(t) {
     const i = super.makeNode(t), a = i.children.moveValue(this.rectangles.make(), 0);
     i.setPrivate("tooltipTarget", a), t.setRaw("rectangle", a);
-    const s = t.get("label");
+    const r = t.get("label");
     return a.on("width", () => {
-      s.setPrivate("maxWidth", a.width());
+      r.setPrivate("maxWidth", a.width());
     }), a.on("height", () => {
-      s.setPrivate("maxHeight", a.height());
+      r.setPrivate("maxHeight", a.height());
     }), i;
   }
   _zoom(t) {
     if (this.width() > 0 && this.height() > 0) {
       const i = t.get("d3HierarchyNode"), a = this.get("nodePaddingOuter", 0);
-      let s = i.x0 + a, l = i.x1 - a, n = i.y0 + a, g = i.y1 - a, b = (this.innerWidth() - a * 2) / (l - s), m = (this.innerHeight() - a * 2) / (g - n);
-      const r = this.get("animationEasing");
-      let p = this.get("animationDuration", 0);
-      this.inited || (p = 0), this.animatePrivate({ key: "scaleX", to: b, duration: p, easing: r }), this.animatePrivate({ key: "scaleY", to: m, duration: p, easing: r }), this.nodesContainer.animate({ key: "x", to: a - s * b, duration: p, easing: r }), this.nodesContainer.animate({ key: "y", to: a - n * m, duration: p, easing: r });
+      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);
+      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 });
     }
   }
   _selectDataItem(t, i, a) {
     if (super._selectDataItem(t, i, a), t) {
-      let s = this.get("downDepth", 1) + t.get("depth");
-      this.inited || (s = this.get("initialDepth", 1));
-      const l = this._getVisibleNodes(t, s);
+      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");
       });
@@ -286,10 +286,10 @@ class Y extends F {
   }
   _getVisibleNodes(t, i) {
     const a = t.get("children");
-    let s = [];
+    let r = [];
     return a && j(a, (l) => {
-      l.get("depth") == i || !l.get("children") ? s.push(l) : s = s.concat(this._getVisibleNodes(l, i));
-    }), s;
+      l.get("depth") == i || !l.get("children") ? r.push(l) : r = r.concat(this._getVisibleNodes(l, i));
+    }), r;
   }
 }
 Object.defineProperty(Y, "className", {
@@ -304,40 +304,34 @@ Object.defineProperty(Y, "classNames", {
   writable: !0,
   value: F.classNames.concat([Y.className])
 });
-const we = (h) => {
-  const t = G({ props: h, name: "HCDrillDownTreemap" }), {
+const we = (u) => {
+  const t = G({ props: u, name: "HCDrillDownTreemap" }), {
     dimensions: i,
     values: a,
-    data: s,
+    data: r,
     initDelay: l = 0,
     colors: n,
-    sx: g,
+    sx: h,
     ...b
-  } = t, m = J(), p = `hc-drill-down-treemap-${U().replace(/:/g, "")}`, e = ee(null);
-  te(() => {
-    let u;
-    return u = setTimeout(() => {
-      var D;
-      if (i.length < 2) {
-        console.error("DrillDownTreemap requires at least 2 dimensions");
-        return;
-      }
-      if (a.length < 1) {
-        console.error("DrillDownTreemap requires at least 1 value");
-        return;
-      }
-      const o = E.new(p);
-      e.current = o;
-      const d = Z.new(o);
-      d.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth1"]).setAll({ strokeWidth: 2 }), d.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth2"]).setAll({ strokeWidth: 1, strokeOpacity: 0.2 }), d.rule("Label", ["node", "depth1"]).setAll({ fontSize: 10 }), d.rule("Label", ["node", "depth2"]).setAll({ fontSize: 10 }), o.setThemes([$.new(o), d]);
-      const f = o.container.children.push(
-        V.new(o, {
+  } = 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, {
           width: C(100),
           height: C(100),
-          layout: o.verticalLayout
+          layout: s.verticalLayout
         })
-      ), v = f.children.push(
-        Y.new(o, {
+      ), w = _.children.push(
+        Y.new(s, {
           sort: "descending",
           singleBranchOnly: !1,
           downDepth: 1,
@@ -350,41 +344,41 @@ const we = (h) => {
           nodePaddingInner: 0
         })
       );
-      v.nodes.template.setPrivate("trustBounds", !0), v.set("colors", ie(o, n)), (D = v.get("colors")) == null || D.set("step", 1), f.children.moveValue(
-        L.new(o, { series: v }),
+      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 }),
         0
       );
-      const P = (y, w, T) => {
-        if (y === "date") {
-          let _ = "YYYY";
-          return w.includes("month") ? _ = "MMM YYYY" : w.includes("day") && (_ = "DD MMM YYYY"), K(T).format(_);
+      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);
         }
-        return T;
+        return D;
       };
       if (i.length > 1) {
-        const y = Q.groupBy(s, i[0].value), w = [];
-        Object.keys(y).forEach((T) => {
-          w.push({
-            name: P(i[0].type, i[0].value, T),
-            children: y[T].map((_) => ({
-              name: P(
+        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(
                 i[1].type,
                 i[1].value,
-                _[i[1].value]
+                P[i[1].value]
               ),
-              [a[0].dataFieldName]: _[a[0].dataFieldName]
+              [a[0].dataFieldName]: P[a[0].dataFieldName]
             }))
           });
-        }), v.data.setAll([{ name: "Home", children: w }]);
+        }), w.data.setAll([{ name: "Home", children: N }]);
       }
-      v.set("selectedDataItem", v.dataItems[0]);
+      w.set("selectedDataItem", w.dataItems[0]);
     }, l), () => {
-      var o;
-      u && clearTimeout(u), (o = e.current) == null || o.dispose(), e.current = null;
+      var s;
+      f && clearTimeout(f), (s = e.current) == null || s.dispose(), e.current = null;
     };
-  }, [s, i, a, m.palette.mode, n]);
-  const c = { ...t };
-  return { chartId: p, ownerState: c, sx: g, other: b };
+  }, [r, i, a, c.palette.mode, n]);
+  const g = { ...t };
+  return { chartId: m, ownerState: g, sx: h, error: d, other: b };
 };
 export {
   we as useDrillDownTreemapLogic

package/dist/components/charts/drill-down-voronoi-treemap/index.js

@@ -1,10 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useDrillDownVoronoiTreemapLogic as m } from "./logic.js";
-import { DrillDownVoronoiTreemapRoot as l } from "./styled.js";
-function a(r) {
-  const { chartId: i, ownerState: e, sx: t, other: n } = m(r);
-  return /* @__PURE__ */ o(l, { ownerState: e, sx: t, ...n, children: /* @__PURE__ */ o("div", { id: i, style: { width: "100%", height: "100%" } }) });
-}
+import { jsx as r } from "react/jsx-runtime";
+import { ChartError as l } from "../_common/chart-error.js";
+import { useDrillDownVoronoiTreemapLogic as p } from "./logic.js";
+import { DrillDownVoronoiTreemapRoot as s } from "./styled.js";
+const d = (e) => {
+  const { chartId: t, ownerState: i, sx: m, error: o, other: n } = p(e);
+  return /* @__PURE__ */ r(s, { ownerState: i, sx: m, ...n, children: o ? /* @__PURE__ */ r(l, { message: o }) : /* @__PURE__ */ r("div", { id: t, style: { width: "100%", height: "100%" } }) });
+};
 export {
-  a as DrillDownVoronoiTreemap
+  d as DrillDownVoronoiTreemap
 };