@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -1,31 +1,31 @@
-import { C as V, G as Y, k as X, l as I, R as ee, A as te } from "../../../AnimatedTheme-jnasw6rT.js";
+import { C as V, 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 se, useRef as ie, useEffect as oe } from "react";
 import { colorSetFromPalette as ae } from "../_common/utils.js";
 import { Z as $ } from "../../../ZoomableContainer-DYyqwaMb.js";
 import { M as ue, m as le, e as ce, b as q } from "../../../ColorSet-C7vpNXhM.js";
-import { B as A } from "../../../Button-CcsPEIDh.js";
+import { B as O } from "../../../Button-CcsPEIDh.js";
 import { H as J } from "../../../Hierarchy-Bihj0S61.js";
 import { C as he } from "../../../Circle-Cy5s-pVc.js";
 import { o as fe, c as z, a as de } from "../../../constant-BiOGvlZc.js";
-class T extends V {
+class j extends V {
   constructor() {
     super(...arguments), Object.defineProperty(this, "homeButton", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["home"] }))
+      value: this.children.push(O.new(this._root, { width: 35, height: 35, themeTags: ["home"] }))
     }), Object.defineProperty(this, "plusButton", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["plus"] }))
+      value: this.children.push(O.new(this._root, { width: 35, height: 35, themeTags: ["plus"] }))
     }), Object.defineProperty(this, "minusButton", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(A.new(this._root, { width: 35, height: 35, themeTags: ["minus"] }))
+      value: this.children.push(O.new(this._root, { width: 35, height: 35, themeTags: ["minus"] }))
     }), Object.defineProperty(this, "_disposer", {
       enumerable: !0,
       configurable: !0,
@@ -40,13 +40,13 @@ class T extends V {
   }
   _afterNew() {
     super._afterNew(), this.set("position", "absolute"), this.set("layout", this._root.verticalLayout), this.addTag("zoomtools"), this.plusButton.setAll({
-      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      icon: A.new(this._root, { themeTags: ["icon"] }),
       layout: void 0
     }), this.minusButton.setAll({
-      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      icon: A.new(this._root, { themeTags: ["icon"] }),
       layout: void 0
     }), this.homeButton.setAll({
-      icon: Y.new(this._root, { themeTags: ["icon"] }),
+      icon: A.new(this._root, { themeTags: ["icon"] }),
       layout: void 0
     });
   }
@@ -71,17 +71,17 @@ class T extends V {
     }
   }
 }
-Object.defineProperty(T, "className", {
+Object.defineProperty(j, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "ZoomTools"
 });
-Object.defineProperty(T, "classNames", {
+Object.defineProperty(j, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: V.classNames.concat([T.className])
+  value: V.classNames.concat([j.className])
 });
 const me = 1664525, pe = 1013904223, E = 4294967296;
 function ge() {
@@ -104,17 +104,17 @@ function ve(t, r) {
 }
 function be(t, r) {
   var e, n;
-  if (O(r, t)) return [r];
+  if (L(r, t)) return [r];
   for (e = 0; e < t.length; ++e)
-    if (C(r, t[e]) && O(v(t[e], r), t))
+    if (D(r, t[e]) && L(b(t[e], r), t))
       return [t[e], r];
   for (e = 0; e < t.length - 1; ++e)
     for (n = e + 1; n < t.length; ++n)
-      if (C(v(t[e], t[n]), r) && C(v(t[e], r), t[n]) && C(v(t[n], r), t[e]) && O(Q(t[e], t[n], r), t))
+      if (D(b(t[e], t[n]), r) && D(b(t[e], r), t[n]) && D(b(t[n], r), t[e]) && L(Q(t[e], t[n], r), t))
         return [t[e], t[n], r];
   throw new Error();
 }
-function C(t, r) {
+function D(t, r) {
   var e = t.r - r.r, n = r.x - t.x, s = r.y - t.y;
   return e < 0 || e * e < n * n + s * s;
 }
@@ -122,7 +122,7 @@ function K(t, r) {
   var e = t.r - r.r + Math.max(t.r, r.r, 1) * 1e-9, n = r.x - t.x, s = r.y - t.y;
   return e > 0 && e * e > n * n + s * s;
 }
-function O(t, r) {
+function L(t, r) {
   for (var e = 0; e < r.length; ++e)
     if (!K(t, r[e]))
       return !1;
@@ -133,7 +133,7 @@ function _e(t) {
     case 1:
       return we(t[0]);
     case 2:
-      return v(t[0], t[1]);
+      return b(t[0], t[1]);
     case 3:
       return Q(t[0], t[1], t[2]);
   }
@@ -145,7 +145,7 @@ function we(t) {
     r: t.r
   };
 }
-function v(t, r) {
+function b(t, r) {
   var e = t.x, n = t.y, s = t.r, i = r.x, a = r.y, l = r.r, o = i - e, u = a - n, c = l - s, h = Math.sqrt(o * o + u * u);
   return {
     x: (e + i + o / h * c) / 2,
@@ -154,11 +154,11 @@ function v(t, r) {
   };
 }
 function Q(t, r, e) {
-  var n = t.x, s = t.y, i = t.r, a = r.x, l = r.y, o = r.r, u = e.x, c = e.y, h = e.r, d = n - a, y = n - u, m = s - l, f = s - c, p = o - i, g = h - i, b = n * n + s * s - i * i, x = b - a * a - l * l + o * o, S = b - u * u - c * c + h * h, _ = y * m - d * f, w = (m * S - f * x) / (_ * 2) - n, k = (f * p - m * g) / _, P = (y * x - d * S) / (_ * 2) - s, N = (d * g - y * p) / _, R = k * k + N * N - 1, M = 2 * (i + w * k + P * N), Z = w * w + P * P - i * i, H = -(Math.abs(R) > 1e-6 ? (M + Math.sqrt(M * M - 4 * R * Z)) / (2 * R) : Z / M);
+  var n = t.x, s = t.y, i = t.r, a = r.x, l = r.y, o = r.r, u = e.x, c = e.y, h = e.r, d = n - a, m = n - u, x = s - l, p = s - c, f = o - i, g = h - i, y = n * n + s * s - i * i, _ = y - a * a - l * l + o * o, v = y - u * u - c * c + h * h, w = m * x - d * p, k = (x * v - p * _) / (w * 2) - n, P = (p * f - x * g) / w, N = (m * _ - d * v) / (w * 2) - s, M = (d * g - m * f) / w, H = P * P + M * M - 1, C = 2 * (i + k * P + N * M), Z = k * k + N * N - i * i, Y = -(Math.abs(H) > 1e-6 ? (C + Math.sqrt(C * C - 4 * H * Z)) / (2 * H) : Z / C);
   return {
-    x: n + w + k * H,
-    y: s + P + N * H,
-    r: H
+    x: n + k + P * Y,
+    y: s + N + M * Y,
+    r: Y
   };
 }
 function W(t, r, e) {
@@ -173,7 +173,7 @@ function B(t) {
   var r = t._, e = t.next._, n = r.r + e.r, s = (r.x * e.r + e.x * r.r) / n, i = (r.y * e.r + e.y * r.r) / n;
   return s * s + i * i;
 }
-function D(t) {
+function T(t) {
   this._ = t, this.next = null, this.previous = null;
 }
 function ke(t, r) {
@@ -181,9 +181,9 @@ function ke(t, r) {
   var e, n, s, i, a, l, o, u, c, h, d;
   if (e = t[0], e.x = 0, e.y = 0, !(i > 1)) return e.r;
   if (n = t[1], e.x = -n.r, n.x = e.r, n.y = 0, !(i > 2)) return e.r + n.r;
-  W(n, e, s = t[2]), e = new D(e), n = new D(n), s = new D(s), e.next = s.previous = n, n.next = e.previous = s, s.next = n.previous = e;
+  W(n, e, s = t[2]), e = new T(e), n = new T(n), s = new T(s), e.next = s.previous = n, n.next = e.previous = s, s.next = n.previous = e;
   e: for (o = 3; o < i; ++o) {
-    W(e._, n._, s = t[o]), s = new D(s), u = n.next, c = e.previous, h = n._.r, d = e._.r;
+    W(e._, n._, s = t[o]), s = new T(s), u = n.next, c = e.previous, h = n._.r, d = e._.r;
     do
       if (h <= d) {
         if (F(u._, s._)) {
@@ -214,7 +214,7 @@ function Ne() {
   var t = null, r = 1, e = 1, n = z;
   function s(i) {
     const a = ge();
-    return i.x = r / 2, i.y = e / 2, t ? i.eachBefore(G(t)).eachAfter(L(n, 0.5, a)).eachBefore(U(1)) : i.eachBefore(G(Pe)).eachAfter(L(z, 1, a)).eachAfter(L(n, i.r / Math.min(r, e), a)).eachBefore(U(Math.min(r, e) / (2 * i.r))), i;
+    return i.x = r / 2, i.y = e / 2, t ? i.eachBefore(G(t)).eachAfter(S(n, 0.5, a)).eachBefore(U(1)) : i.eachBefore(G(Pe)).eachAfter(S(z, 1, a)).eachAfter(S(n, i.r / Math.min(r, e), a)).eachBefore(U(Math.min(r, e) / (2 * i.r))), i;
   }
   return s.radius = function(i) {
     return arguments.length ? (t = fe(i), s) : t;
@@ -229,7 +229,7 @@ function G(t) {
     r.children || (r.r = Math.max(0, +t(r) || 0));
   };
 }
-function L(t, r, e) {
+function S(t, r, e) {
   return function(n) {
     if (s = n.children) {
       var s, i, a = s.length, l = t(n) * r || 0, o;
@@ -245,7 +245,7 @@ function U(t) {
     r.r *= t, e && (r.x = e.x + t * r.x, r.y = e.y + t * r.y);
   };
 }
-class j extends J {
+class R extends J {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tag", {
       enumerable: !0,
@@ -324,17 +324,17 @@ class j extends J {
     u.animate({ key: "x", from: u.x(), to: this.width() / 2 - n * a, duration: o, easing: l }), u.animate({ key: "y", from: u.y(), to: this.height() / 2 - s * a, duration: o, easing: l });
   }
 }
-Object.defineProperty(j, "className", {
+Object.defineProperty(R, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Pack"
 });
-Object.defineProperty(j, "classNames", {
+Object.defineProperty(R, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: J.classNames.concat([j.className])
+  value: J.classNames.concat([R.className])
 });
 function Me(t, r) {
   const e = ne(t);
@@ -370,20 +370,14 @@ const Ze = (t) => {
     sx: o,
     ...u
   } = r, h = `hc-packed-circles-${se().replace(/:/g, "")}`, d = ie(null);
-  oe(() => {
-    let m;
-    return m = setTimeout(() => {
-      if (e.length < 1) {
-        console.error("PackedCircles requires at least 1 dimension");
-        return;
-      }
-      if (n.length < 1) {
-        console.error("PackedCircles requires at least 1 value");
-        return;
-      }
+  let m = null;
+  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), oe(() => {
+    if (m) return;
+    let p;
+    return p = setTimeout(() => {
       const f = ee.new(h);
       d.current = f, f.setThemes([te.new(f)]);
-      const p = f.container.children.push(
+      const g = f.container.children.push(
         $.new(f, {
           width: q,
           height: q,
@@ -391,31 +385,31 @@ const Ze = (t) => {
           pinchZoom: !0
         })
       );
-      p.children.push(
-        T.new(f, { target: p })
+      g.children.push(
+        j.new(f, { target: g })
       );
-      const g = p.contents.children.push(
-        j.new(f, {
+      const y = g.contents.children.push(
+        R.new(f, {
           maskContent: !1,
           topDepth: 1,
           valueField: n[0].dataFieldName,
           categoryField: e[0].value,
           childDataField: "children"
         })
-      ), b = ae(f, l);
-      g.set("colors", b), e[0].type === "date" && s.forEach((x) => {
-        x[e[0].value] = Me(
-          x[e[0].value],
+      ), _ = ae(f, l);
+      y.set("colors", _), e[0].type === "date" && s.forEach((v) => {
+        v[e[0].value] = Me(
+          v[e[0].value],
           a.timeUnit
         );
-      }), g.data.setAll([{ name: "Root", children: s }]), g.appear(1e3, 100);
+      }), y.data.setAll([{ name: "Root", children: s }]), y.appear(1e3, 100);
     }, i), () => {
       var f;
-      m && clearTimeout(m), (f = d.current) == null || f.dispose(), d.current = null;
+      p && clearTimeout(p), (f = d.current) == null || f.dispose(), d.current = null;
     };
   }, [s, e, n, l]);
-  const y = { ...r };
-  return { chartId: h, ownerState: y, sx: o, other: u };
+  const x = { ...r };
+  return { chartId: h, ownerState: x, sx: o, error: m, other: u };
 };
 export {
   Me as formatTimeLabel,

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

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

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

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

package/dist/components/charts/stacked-area-radar/index.js

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