@hybridcore/ui 1.6.30 → 1.6.32

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

@@ -3,19 +3,19 @@ import { useThemeProps as $, useTheme as G } from "@mui/material";
 import J from "dayjs";
 import K from "lodash";
 import { useId as Q, useRef as U, useEffect as ee } from "react";
-import { applyValueFormat as te, colorSetFromPalette as ie } from "../_common/utils.js";
-import { C as x, a as F, b as I, L as ae } from "../../../Tooltip-vyZRZWih.js";
-import { m as M, f as O, e as j, p as C } from "../../../Entity-BJCuhdq_.js";
-import { a as ne, H as X } from "../../../Hierarchy-CEOK8Gzh.js";
+import { applyValueFormat as te, applyInterfaceColors as ie, colorSetFromPalette as ae } from "../_common/utils.js";
+import { C as x, a as F, b as I, L as ne } from "../../../Tooltip-vyZRZWih.js";
+import { m as M, f as O, e as S, p as j } from "../../../Entity-BJCuhdq_.js";
+import { a as se, H as X } from "../../../Hierarchy-CEOK8Gzh.js";
 import { R as z } from "../../../RoundedRectangle-BKLX1LKM.js";
-import { r as se, c as R, a as L } from "../../../constant-BiOGvlZc.js";
+import { r as re, 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 F(I.new({}), () => ae._new(this._root, {
+      value: this.addDisposer(new F(I.new({}), () => ne._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), ["label"]),
         background: z.new(this._root, {
           themeTags: ["background"]
@@ -39,7 +39,7 @@ class Y extends x {
     }), this.labels.push(i), i;
   }
   _afterNew() {
-    this._defaultThemes.push(ne.new(this._root)), this._settings.themeTags = M(this._settings.themeTags, ["breadcrumb"]), super._afterNew();
+    this._defaultThemes.push(se.new(this._root)), this._settings.themeTags = M(this._settings.themeTags, ["breadcrumb"]), super._afterNew();
   }
   _changed() {
     if (super._changed(), this.isDirty("series")) {
@@ -71,58 +71,58 @@ Object.defineProperty(Y, "classNames", {
   writable: !0,
   value: x.classNames.concat([Y.className])
 });
-function re(u) {
+function oe(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 A(u, t, i, a, r) {
-  for (var l = u.children, s, h = -1, b = l.length, c = u.value && (a - t) / u.value; ++h < b; )
-    s = l[h], s.y0 = i, s.y1 = r, s.x0 = t, s.x1 = t += s.value * c;
+  for (var l = u.children, s, c = -1, y = l.length, h = u.value && (a - t) / u.value; ++c < y; )
+    s = l[c], s.y0 = i, s.y1 = r, s.x0 = t, s.x1 = t += s.value * h;
 }
 function H(u, t, i, a, r) {
-  for (var l = u.children, s, h = -1, b = l.length, c = u.value && (r - i) / u.value; ++h < b; )
-    s = l[h], s.x0 = t, s.x1 = a, s.y0 = i, s.y1 = i += s.value * c;
+  for (var l = u.children, s, c = -1, y = l.length, h = u.value && (r - i) / u.value; ++c < y; )
+    s = l[c], s.x0 = t, s.x1 = a, s.y0 = i, s.y1 = i += s.value * h;
 }
-var oe = (1 + Math.sqrt(5)) / 2;
-function le(u, t, i, a, r, l) {
-  for (var s = [], h = t.children, b, c, o = 0, m = 0, e = h.length, d, g, p = t.value, n, f, w, v, P, y, _; o < e; ) {
+var le = (1 + Math.sqrt(5)) / 2;
+function de(u, t, i, a, r, l) {
+  for (var s = [], c = t.children, y, h, o = 0, m = 0, e = c.length, d, g, p = t.value, n, f, w, v, P, b, _; o < e; ) {
     d = r - i, g = l - a;
     do
-      n = h[m++].value;
+      n = c[m++].value;
     while (!n && m < e);
-    for (f = w = n, y = Math.max(g / d, d / g) / (p * u), _ = n * n * y, P = Math.max(w / _, _ / f); m < e; ++m) {
-      if (n += c = h[m].value, c < f && (f = c), c > w && (w = c), _ = n * n * y, v = Math.max(w / _, _ / f), v > P) {
-        n -= c;
+    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 += h = c[m].value, h < f && (f = h), h > w && (w = h), _ = n * n * b, v = Math.max(w / _, _ / f), v > P) {
+        n -= h;
         break;
       }
       P = v;
     }
-    s.push(b = { value: n, dice: d < g, children: h.slice(o, m) }), b.dice ? A(b, i, a, r, p ? a += g * n / p : l) : H(b, i, a, p ? i += d * n / p : r, l), p -= n, o = m;
+    s.push(y = { value: n, dice: d < g, children: c.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 s;
 }
 const V = function u(t) {
-  function i(a, r, l, s, h) {
-    le(t, a, r, l, s, h);
+  function i(a, r, l, s, c) {
+    de(t, a, r, l, s, c);
   }
   return i.ratio = function(a) {
     return u((a = +a) > 1 ? a : 1);
   }, i;
-}(oe);
+}(le);
 function q() {
-  var u = V, t = !1, i = 1, a = 1, r = [0], l = R, s = R, h = R, b = R, c = R;
+  var u = V, t = !1, i = 1, a = 1, r = [0], l = R, s = R, c = R, y = R, h = R;
   function o(e) {
-    return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(m), r = [0], t && e.eachBefore(re), e;
+    return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(m), r = [0], t && e.eachBefore(oe), e;
   }
   function m(e) {
     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 -= b(e) - d, n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), u(e, g, p, n, f));
+    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 += h(e) - d, p += s(e) - d, n -= c(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 = se(e), o) : u;
+    return arguments.length ? (u = re(e), o) : u;
   }, o.padding = function(e) {
     return arguments.length ? o.paddingInner(e).paddingOuter(e) : o.paddingInner();
   }, o.paddingInner = function(e) {
@@ -132,40 +132,40 @@ function q() {
   }, o.paddingTop = function(e) {
     return arguments.length ? (s = typeof e == "function" ? e : L(+e), o) : s;
   }, o.paddingRight = function(e) {
-    return arguments.length ? (h = typeof e == "function" ? e : L(+e), o) : h;
+    return arguments.length ? (c = typeof e == "function" ? e : L(+e), o) : c;
   }, o.paddingBottom = function(e) {
-    return arguments.length ? (b = typeof e == "function" ? e : L(+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 : L(+e), o) : c;
+    return arguments.length ? (h = typeof e == "function" ? e : L(+e), o) : h;
   }, o;
 }
-function de(u, t, i, a, r) {
-  var l = u.children, s, h = l.length, b, c = new Array(h + 1);
-  for (c[0] = b = s = 0; s < h; ++s)
-    c[s + 1] = b += l[s].value;
-  o(0, h, u.value, t, i, a, r);
+function ue(u, t, i, a, r) {
+  var l = u.children, s, c = l.length, y, h = new Array(c + 1);
+  for (h[0] = y = s = 0; s < c; ++s)
+    h[s + 1] = y += l[s].value;
+  o(0, c, u.value, t, i, a, r);
   function o(m, e, d, g, p, n, f) {
     if (m >= e - 1) {
       var w = l[m];
       w.x0 = g, w.y0 = p, w.x1 = n, w.y1 = f;
       return;
     }
-    for (var v = c[m], P = d / 2 + v, y = m + 1, _ = e - 1; y < _; ) {
-      var k = y + _ >>> 1;
-      c[k] < P ? y = k + 1 : _ = k;
+    for (var v = h[m], P = d / 2 + v, b = m + 1, _ = e - 1; b < _; ) {
+      var k = b + _ >>> 1;
+      h[k] < P ? b = k + 1 : _ = k;
     }
-    P - c[y - 1] < c[y] - P && m + 1 < y && --y;
-    var D = c[y] - v, T = d - D;
+    P - h[b - 1] < h[b] - P && m + 1 < b && --b;
+    var D = h[b] - v, T = d - D;
     if (n - g > f - p) {
       var N = d ? (g * T + n * D) / d : n;
-      o(m, y, D, g, p, N, f), o(y, e, T, N, p, n, f);
+      o(m, b, D, g, p, N, f), o(b, e, T, N, p, n, f);
     } else {
-      var S = d ? (p * T + f * D) / d : f;
-      o(m, y, D, g, p, n, S), o(y, e, T, g, S, n, f);
+      var C = d ? (p * T + f * D) / d : f;
+      o(m, b, D, g, p, n, C), o(b, e, T, g, C, n, f);
     }
   }
 }
-function ue(u, t, i, a, r) {
+function he(u, t, i, a, r) {
   (u.depth & 1 ? H : A)(u, t, i, a, r);
 }
 class B extends X {
@@ -205,7 +205,7 @@ class B extends X {
           t = V;
           break;
         case "binary":
-          t = de;
+          t = ue;
           break;
         case "slice":
           t = H;
@@ -214,7 +214,7 @@ class B extends X {
           t = A;
           break;
         case "sliceDice":
-          t = ue;
+          t = he;
           break;
       }
       if (t) {
@@ -229,14 +229,14 @@ class B extends X {
     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"), 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);
+      const i = this.get("nodePaddingLeft"), a = this.get("nodePaddingRight"), r = this.get("nodePaddingTop"), l = this.get("nodePaddingBottom"), s = this.get("nodePaddingInner"), c = 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(c) && t.paddingOuter(c), 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), s = this.getPrivate("scaleY", 1), h = r.x0 * l, b = r.x1 * l, c = r.y0 * s, o = r.y1 * s, 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 i = t.get("node"), a = t.get("rectangle"), r = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), c = r.x0 * l, y = r.x1 * l, h = r.y0 * s, o = r.y1 * s, m = y - c, e = o - h, d = this.get("animationDuration", 0), g = this.get("animationEasing");
+    if (i.animate({ key: "x", to: c, duration: d, easing: g }), i.animate({ key: "y", to: h, 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 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);
     }
@@ -244,10 +244,10 @@ class B extends X {
   _updateNodesScale(t) {
     const i = t.data.dataItem;
     if (i) {
-      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = t.x0 * l, b = t.x1 * l, c = t.y0 * s, o = t.y1 * s, m = b - h, e = o - c;
-      a.setAll({ x: h, y: c, width: m, height: e }), r.setAll({ width: m, height: e });
+      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), c = t.x0 * l, y = t.x1 * l, h = t.y0 * s, o = t.y1 * s, m = y - c, e = o - h;
+      a.setAll({ x: c, y: h, width: m, height: e }), r.setAll({ width: m, height: e });
       const d = t.children;
-      d && j(d, (g) => {
+      d && S(d, (g) => {
         this._updateNodesScale(g);
       });
     }
@@ -268,10 +268,10 @@ class B extends X {
   _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, s = i.y0 + a, h = i.y1 - a, b = (this.innerWidth() - a * 2) / (l - r), c = (this.innerHeight() - a * 2) / (h - s);
+      let r = i.x0 + a, l = i.x1 - a, s = i.y0 + a, c = i.y1 - a, y = (this.innerWidth() - a * 2) / (l - r), h = (this.innerHeight() - a * 2) / (c - 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 - s * c, duration: m, easing: o });
+      this.inited || (m = 0), this.animatePrivate({ key: "scaleX", to: y, duration: m, easing: o }), this.animatePrivate({ key: "scaleY", to: h, 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 * h, duration: m, easing: o });
     }
   }
   _selectDataItem(t, i, a) {
@@ -288,7 +288,7 @@ class B extends X {
   _getVisibleNodes(t, i) {
     const a = t.get("children");
     let r = [];
-    return a && j(a, (l) => {
+    return a && S(a, (l) => {
       l.get("depth") == i || !l.get("children") ? r.push(l) : r = r.concat(this._getVisibleNodes(l, i));
     }), r;
   }
@@ -305,30 +305,30 @@ Object.defineProperty(B, "classNames", {
   writable: !0,
   value: X.classNames.concat([B.className])
 });
-const De = (u) => {
+const Pe = (u) => {
   const t = $({ props: u, name: "HCDrillDownTreemap" }), {
     dimensions: i,
     values: a,
     data: r,
     initDelay: l = 0,
     colors: s,
-    sx: h,
-    ...b
-  } = t, c = G(), m = `hc-drill-down-treemap-${Q().replace(/:/g, "")}`, e = U(null);
+    sx: c,
+    ...y
+  } = t, h = G(), m = `hc-drill-down-treemap-${Q().replace(/:/g, "")}`, e = U(null);
   let d = null;
   i.length < 2 ? d = "DrillDownTreemap requires at least 2 dimensions" : a.length < 1 && (d = "DrillDownTreemap requires at least 1 value"), ee(() => {
     if (d) return;
     let p;
     return p = setTimeout(() => {
-      var y, _;
+      var b, _;
       const n = W.new(m);
-      e.current = n, te(n, (y = a == null ? void 0 : a[0]) == null ? void 0 : y.format);
+      e.current = n, te(n, (b = a == null ? void 0 : a[0]) == null ? void 0 : b.format);
       const f = E.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([Z.new(n), f]);
+      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([Z.new(n), f]), ie(n, h);
       const w = n.container.children.push(
         x.new(n, {
-          width: C(100),
-          height: C(100),
+          width: j(100),
+          height: j(100),
           layout: n.verticalLayout
         })
       ), v = w.children.push(
@@ -345,7 +345,7 @@ const De = (u) => {
           nodePaddingInner: 0
         })
       );
-      v.nodes.template.setPrivate("trustBounds", !0), v.set("colors", ie(n, s)), (_ = v.get("colors")) == null || _.set("step", 1), w.children.moveValue(
+      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
       );
@@ -377,10 +377,10 @@ const De = (u) => {
       var n;
       p && clearTimeout(p), (n = e.current) == null || n.dispose(), e.current = null;
     };
-  }, [r, i, a, c.palette.mode, s]);
+  }, [r, i, a, h.palette.mode, s]);
   const g = { ...t };
-  return { chartId: m, ownerState: g, sx: h, error: d, other: b };
+  return { chartId: m, ownerState: g, sx: c, error: d, other: y };
 };
 export {
-  De as useDrillDownTreemapLogic
+  Pe as useDrillDownTreemapLogic
 };