@hybridcore/ui 1.6.8 → 1.6.10

package/dist/components/charts/packed-circles/logic.js

@@ -1,15 +1,16 @@
-import { C as U, G as A, k as X, l as I, R as ee, A as te } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as re } from "@mui/material";
-import ne from "dayjs";
-import { useId as ie, useRef as se, useEffect as oe } from "react";
-import { applyValueFormat as ae, colorSetFromPalette as ue } from "../_common/utils.js";
-import { Z as $ } from "../../../ZoomableContainer-DYyqwaMb.js";
-import { M as le, m as ce, e as he, b as q } from "../../../ColorSet-C7vpNXhM.js";
-import { B as O } from "../../../Button-CcsPEIDh.js";
-import { H as J } from "../../../Hierarchy-Bihj0S61.js";
-import { C as fe } from "../../../Circle-Cy5s-pVc.js";
+import { R as X, A as I } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as ee } from "@mui/material";
+import te from "dayjs";
+import { useId as re, useRef as ne, useEffect as ie } from "react";
+import { applyValueFormat as se, colorSetFromPalette as oe } from "../_common/utils.js";
+import { Z as U } from "../../../ZoomableContainer-Ca_pDVYQ.js";
+import { M as ae, m as ue, e as le, b as q } from "../../../Entity-BJCuhdq_.js";
+import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-vyZRZWih.js";
+import { B as O } from "../../../Button-BLY4PVJC.js";
+import { H as J } from "../../../Hierarchy-CEOK8Gzh.js";
+import { C as fe } from "../../../Circle-BnfBNKBD.js";
 import { o as de, c as z, a as me } from "../../../constant-BiOGvlZc.js";
-class j extends U {
+class j extends $ {
   constructor() {
     super(...arguments), Object.defineProperty(this, "homeButton", {
       enumerable: !0,
@@ -53,11 +54,11 @@ class j extends U {
   _prepareChildren() {
     if (super._prepareChildren(), this.isDirty("target")) {
       const r = this.get("target"), e = this._prevSettings.target;
-      r && (r instanceof $ && (this._targetDisposer = this.addDisposer(r.contents.on("scale", (n) => {
+      r && (r instanceof U && (this._targetDisposer = this.addDisposer(r.contents.on("scale", (n) => {
         n == r.get("minZoomLevel") ? this.minusButton.set("disabled", !0) : this.minusButton.set("disabled", !1), n == r.get("maxZoomLevel") ? this.plusButton.set("disabled", !0) : this.plusButton.set("disabled", !1);
       })), this.root.events.once("frameended", () => {
         r.get("scale") == r.get("minZoomLevel") && this.minusButton.set("disabled", !0);
-      })), this._disposer = new le([
+      })), this._disposer = new ae([
         this.plusButton.events.on("click", () => {
           r.zoomIn();
         }),
@@ -81,7 +82,7 @@ Object.defineProperty(j, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: U.classNames.concat([j.className])
+  value: $.classNames.concat([j.className])
 });
 const pe = 1664525, ge = 1013904223, E = 4294967296;
 function ye() {
@@ -266,8 +267,8 @@ class R extends J {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new X(I.new({}), () => fe._new(this._root, {
-        themeTags: ce(this.circles.template.get("themeTags", []), [this._tag, "shape"])
+      value: this.addDisposer(new ce(he.new({}), () => fe._new(this._root, {
+        themeTags: ue(this.circles.template.get("themeTags", []), [this._tag, "shape"])
       }, [this.circles.template])))
     });
   }
@@ -297,7 +298,7 @@ class R extends J {
       const n = e.get("node"), i = e.get("circle"), s = this.getPrivate("scaleR", 1), a = r.x * s, l = r.y * s, o = r.r * s;
       n.setAll({ x: a, y: l }), i.set("radius", o);
       const u = r.children;
-      u && he(u, (c) => {
+      u && le(u, (c) => {
         this._updateNodesScale(c);
       });
     }
@@ -337,7 +338,7 @@ Object.defineProperty(R, "classNames", {
   value: J.classNames.concat([R.className])
 });
 function Ce(t, r) {
-  const e = ne(t);
+  const e = te(t);
   switch (r) {
     case "millisecond":
       return e.format("HH:mm:ss.SSS");
@@ -359,8 +360,8 @@ function Ce(t, r) {
       return e.format();
   }
 }
-const qe = (t) => {
-  const r = re({ props: t, name: "HCPackedCircles" }), {
+const ze = (t) => {
+  const r = ee({ props: t, name: "HCPackedCircles" }), {
     dimensions: e,
     values: n,
     data: i,
@@ -369,17 +370,17 @@ const qe = (t) => {
     colors: l,
     sx: o,
     ...u
-  } = r, h = `hc-packed-circles-${ie().replace(/:/g, "")}`, d = se(null);
+  } = r, h = `hc-packed-circles-${re().replace(/:/g, "")}`, d = ne(null);
   let m = null;
-  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), oe(() => {
+  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), ie(() => {
     if (m) return;
     let p;
     return p = setTimeout(() => {
       var v;
-      const f = ee.new(h);
-      d.current = f, ae(f, (v = n == null ? void 0 : n[0]) == null ? void 0 : v.format), f.setThemes([te.new(f)]);
+      const f = X.new(h);
+      d.current = f, se(f, (v = n == null ? void 0 : n[0]) == null ? void 0 : v.format), f.setThemes([I.new(f)]);
       const y = f.container.children.push(
-        $.new(f, {
+        U.new(f, {
           width: q,
           height: q,
           wheelable: !0,
@@ -397,7 +398,7 @@ const qe = (t) => {
           categoryField: e[0].value,
           childDataField: "children"
         })
-      ), w = ue(f, l);
+      ), w = oe(f, l);
       x.set("colors", w), e[0].type === "date" && i.forEach((g) => {
         g[e[0].value] = Ce(
           g[e[0].value],
@@ -414,5 +415,5 @@ const qe = (t) => {
 };
 export {
   Ce as formatTimeLabel,
-  qe as usePackedCirclesLogic
+  ze as usePackedCirclesLogic
 };

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

@@ -1,66 +1,68 @@
-import { R as w, A as x } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as A, useTheme as C } from "@mui/material";
-import F from "dayjs";
-import { useId as L, useRef as R, useEffect as D } from "react";
-import { applyValueFormat as I, colorSetFromPalette as S } from "../_common/utils.js";
-import { P as E, a as j } from "../../../PieSeries-B2fW3z0s.js";
-import { c as m, p as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { L as k } from "../../../Legend-Dp_MKfS4.js";
-const J = (v) => {
-  const p = A({ props: v, name: "HCPieChart" }), {
+import { R as w, A } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as C, useTheme as F } from "@mui/material";
+import L from "dayjs";
+import { useId as R, useRef as D, useEffect as I } from "react";
+import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
+import { P as E, a as N } from "../../../PieSeries-CMH0Z7pz.js";
+import { c as m, p as v } from "../../../Entity-BJCuhdq_.js";
+import { L as j } from "../../../Legend-CFvQiIfn.js";
+const K = (y) => {
+  const p = C({ props: y, name: "HCPieChart" }), {
     dimensions: t,
-    values: r,
+    values: o,
     data: i,
-    initDelay: y = 0,
-    colors: d,
-    sx: M,
-    ...P
-  } = p, o = C(), u = `hc-pie-chart-${L().replace(/:/g, "")}`, n = R(null);
+    initDelay: T = 0,
+    colors: u,
+    sx: x,
+    ...M
+  } = p, a = F(), d = `hc-pie-chart-${R().replace(/:/g, "")}`, l = D(null);
   let s = null;
-  t.length < 1 ? s = "Missing dimensions config!" : r.length < 1 && (s = "Missing values config!"), D(() => {
+  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), I(() => {
     if (s) return;
-    let l;
-    return l = setTimeout(() => {
-      var h;
-      const e = w.new(u);
-      n.current = e, I(e, (h = r == null ? void 0 : r[0]) == null ? void 0 : h.format), e.setThemes([x.new(e)]);
+    let n;
+    return n = setTimeout(() => {
+      var g;
+      const e = w.new(d);
+      l.current = e, S(e, (g = o == null ? void 0 : o[0]) == null ? void 0 : g.format), e.setThemes([A.new(e)]);
       const f = e.container.children.push(
         E.new(e, {
           layout: e.verticalLayout
         })
       );
       e.interfaceColors.setAll({
-        text: m(o.palette.text.primary),
-        grid: m(o.palette.divider),
-        stroke: m(o.palette.divider)
+        text: m(a.palette.text.primary),
+        grid: m(a.palette.divider),
+        stroke: m(a.palette.divider)
       });
-      const a = f.series.push(
-        j.new(e, {
-          valueField: r[0].dataFieldName,
+      const r = f.series.push(
+        N.new(e, {
+          valueField: o[0].dataFieldName,
           categoryField: t[0].value
         })
       );
-      a.set("colors", S(e, d)), t[0].type === "date" && i.forEach((g) => {
+      r.set("colors", b(e, u));
+      const h = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
+      r.slices.template.set("tooltipText", h), r.labels.template.set("text", h), t[0].type === "date" && i.forEach((Y) => {
         let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), g[t[0].value] = F(g[t[0].value]).format(
+        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), Y[t[0].value] = L(Y[t[0].value]).format(
           c
         );
-      }), a.data.setAll(i), f.children.push(
-        k.new(e, {
-          centerX: Y(50),
-          x: Y(50),
+      }), r.data.setAll(i), f.children.push(
+        j.new(e, {
+          centerX: v(50),
+          x: v(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(a.dataItems), a.appear(1e3, 100);
-    }, y), () => {
+      ).data.setAll(r.dataItems), r.appear(1e3, 100);
+    }, T), () => {
       var e;
-      l && clearTimeout(l), (e = n.current) == null || e.dispose(), n.current = null;
+      n && clearTimeout(n), (e = l.current) == null || e.dispose(), l.current = null;
     };
-  }, [i, t, r, o.palette.mode, d]);
-  const T = { ...p };
-  return { chartId: u, ownerState: T, sx: M, error: s, other: P };
+  }, [i, t, o, a.palette.mode, u]);
+  const P = { ...p };
+  return { chartId: d, ownerState: P, sx: x, error: s, other: M };
 };
 export {
-  J as usePieChartLogic
+  K as usePieChartLogic
 };