@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -1,17 +1,17 @@
-import { k as W, l as $, x as c, m as h, s as g, a as me, n as ae, C as Ae, G as J, o as re, q as pe, t as L, y as C, j as ne, z as le, R as xe, A as ve, T as H } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as ye, useTheme as be } from "@mui/material";
-import Pe from "dayjs";
-import U from "lodash";
-import { useId as Re, useRef as _e, useEffect as we } from "react";
-import { colorSetFromPalette as Te } from "../_common/utils.js";
-import { m as M, x as R, b as K, f as m, p as w, a as N, P as Ce, c as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { a as E, X as ue, V as Le } from "../../../AxisRenderer-DTyLLA6c.js";
-import { R as de, S as Me, a as I } from "../../../Slice-B19rbYDZ.js";
-import { X as he } from "../../../XYCursor-C8WktvKM.js";
-import { C as oe } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as ge } from "../../../LineSeries-Uiv5o56b.js";
-import { L as De } from "../../../Legend-Dp_MKfS4.js";
-class O extends de {
+import { k as $, l as J, x as c, m as h, s as g, a as Ae, n as re, C as pe, G as K, o as ne, q as xe, t as L, y as C, j as le, z as oe, R as ve, A as ye, T as U } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as be, useTheme as Pe } from "@mui/material";
+import Re from "dayjs";
+import W from "lodash";
+import { useId as _e, useRef as we, useEffect as Te } from "react";
+import { colorSetFromPalette as Ce } from "../_common/utils.js";
+import { m as M, x as R, b as Q, f as m, p as w, a as N, P as Le, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { a as I, X as de, V as Me } from "../../../AxisRenderer-DTyLLA6c.js";
+import { R as he, S as De, a as V } from "../../../Slice-B19rbYDZ.js";
+import { X as ge } from "../../../XYCursor-C8WktvKM.js";
+import { C as ue } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as ce } from "../../../LineSeries-Uiv5o56b.js";
+import { L as Ye } from "../../../Legend-Dp_MKfS4.js";
+class O extends he {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tickPoints", {
       enumerable: !0,
@@ -31,29 +31,29 @@ Object.defineProperty(O, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: de.classNames.concat([O.className])
+  value: he.classNames.concat([O.className])
 });
-class j extends E {
+class G extends I {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labels", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W($.new({}), () => O._new(this._root, {
+      value: this.addDisposer(new $(J.new({}), () => O._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), this.get("themeTags", []))
       }, [this.labels.template])))
     }), Object.defineProperty(this, "axisFills", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W($.new({}), () => Me._new(this._root, {
+      value: this.addDisposer(new $(J.new({}), () => De._new(this._root, {
         themeTags: M(this.axisFills.template.get("themeTags", ["fill"]), this.get("themeTags", []))
       }, [this.axisFills.template])))
     }), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: I()
+      value: V()
     });
   }
   _afterNew() {
@@ -75,7 +75,7 @@ class j extends E {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      let s = R(this.get("radius", K), t);
+      let s = R(this.get("radius", Q), t);
       s < 0 && (s = t + s), this.setPrivate("radius", s);
       let i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
       i < 0 && (i = s + i), this.setPrivate("innerRadius", i);
@@ -216,30 +216,30 @@ class j extends E {
   updateTooltipBounds(e) {
   }
 }
-Object.defineProperty(j, "className", {
+Object.defineProperty(G, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "AxisRendererCircular"
 });
-Object.defineProperty(j, "classNames", {
+Object.defineProperty(G, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: E.classNames.concat([j.className])
+  value: I.classNames.concat([G.className])
 });
-class G extends E {
+class k extends I {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: I()
+      value: V()
     }), Object.defineProperty(this, "labels", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W($.new({}), () => O._new(this._root, {
+      value: this.addDisposer(new $(J.new({}), () => O._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), this.get("themeTags", []))
       }, [this.labels.template])))
     });
@@ -263,7 +263,7 @@ class G extends E {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      let s = R(this.get("radius", K), t), i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
+      let s = R(this.get("radius", Q), t), i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
       i < 0 && (i = s + i), this.setPrivate("radius", s), this.setPrivate("innerRadius", i);
       let a = this.get("startAngle", e.get("startAngle", -90)), r = this.get("endAngle", e.get("endAngle", 270));
       this.setPrivate("startAngle", a), this.setPrivate("endAngle", r);
@@ -396,19 +396,19 @@ class G extends E {
     this._positionTooltip(e, { x: s * h(i), y: s * g(i) });
   }
 }
-Object.defineProperty(G, "className", {
+Object.defineProperty(k, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "AxisRendererRadial"
 });
-Object.defineProperty(G, "classNames", {
+Object.defineProperty(k, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: E.classNames.concat([G.className])
+  value: I.classNames.concat([k.className])
 });
-class Ye extends me {
+class Ne extends Ae {
   setupDefaultRules() {
     super.setupDefaultRules();
     const e = this.rule.bind(this), t = this._root.interfaceColors;
@@ -467,28 +467,28 @@ class Ye extends me {
       const s = e("Graphics", ["clock", "hand"]);
       s.setAll({
         fillOpacity: 1
-      }), ae(s, "fill", t, "alternativeBackground");
+      }), re(s, "fill", t, "alternativeBackground");
     }
     {
       const s = e("Graphics", ["clock", "pin"]);
       s.setAll({
         fillOpacity: 1
-      }), ae(s, "fill", t, "alternativeBackground");
+      }), re(s, "fill", t, "alternativeBackground");
     }
   }
 }
-class k extends ue {
+class B extends de {
   constructor() {
     super(...arguments), Object.defineProperty(this, "radarContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.plotContainer.children.push(Ae.new(this._root, { x: N, y: N }))
+      value: this.plotContainer.children.push(pe.new(this._root, { x: N, y: N }))
     }), Object.defineProperty(this, "_arcGenerator", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: I()
+      value: V()
     }), Object.defineProperty(this, "_maxRadius", {
       enumerable: !0,
       configurable: !0,
@@ -497,9 +497,9 @@ class k extends ue {
     });
   }
   _afterNew() {
-    this._defaultThemes.push(Ye.new(this._root)), super._afterNew();
+    this._defaultThemes.push(Ne.new(this._root)), super._afterNew();
     const e = this.radarContainer, t = this.gridContainer, s = this.topGridContainer, i = this.seriesContainer, a = this.bulletsContainer;
-    e.children.pushAll([t, i, s, a]), i.set("mask", J.new(this._root, {})), t.set("mask", J.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
+    e.children.pushAll([t, i, s, a]), i.set("mask", K.new(this._root, {})), t.set("mask", K.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
       this._updateRadius();
     }));
   }
@@ -508,14 +508,14 @@ class k extends ue {
   _prepareChildren() {
     if (super._prepareChildren(), this._sizeDirty || this.isDirty("radius") || this.isDirty("innerRadius") || this.isDirty("startAngle") || this.isDirty("endAngle")) {
       const e = this.chartContainer, t = e.innerWidth(), s = e.innerHeight(), i = this.get("startAngle", 0), a = this.get("endAngle", 0), r = this.get("innerRadius");
-      let n = re(0, 0, i, a, 1);
+      let n = ne(0, 0, i, a, 1);
       const l = t / (n.right - n.left), u = s / (n.bottom - n.top);
       let o = { left: 0, right: 0, top: 0, bottom: 0 };
-      if (r instanceof Ce) {
+      if (r instanceof Le) {
         let f = r.value, T = Math.min(l, u);
-        f = Math.max(T * f, T - Math.min(s, t)) / T, o = re(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
+        f = Math.max(T * f, T - Math.min(s, t)) / T, o = ne(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
       }
-      n = pe([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
+      n = xe([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
       const y = R(this.get("radius", 0), this._maxRadius);
       this.radarContainer.setAll({
         dy: -y * (n.bottom + n.top) / 2,
@@ -573,25 +573,25 @@ class k extends ue {
   _handlePinch() {
   }
 }
-Object.defineProperty(k, "className", {
+Object.defineProperty(B, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarChart"
 });
-Object.defineProperty(k, "classNames", {
+Object.defineProperty(B, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ue.classNames.concat([k.className])
+  value: de.classNames.concat([B.className])
 });
-class B extends he {
+class F extends ge {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: I()
+      value: V()
     });
   }
   _afterNew() {
@@ -621,7 +621,7 @@ class B extends he {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      this.setPrivate("radius", R(this.get("radius", K), t));
+      this.setPrivate("radius", R(this.get("radius", Q), t));
       let s = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t);
       s < 0 && (s = t + s), this.setPrivate("innerRadius", s);
       let i = this.get("startAngle", e.get("startAngle", -90)), a = this.get("endAngle", e.get("endAngle", 270));
@@ -661,25 +661,25 @@ class B extends he {
       let n = this.getPrivate("radius"), l = this.getPrivate("innerRadius");
       n < l && ([n, l] = [l, n]);
       let u = a, o = r, y = n, f = l;
-      i && (s == "zoomXY" || s == "selectXY" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C, f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y)) : s == "zoomX" || s == "selectX" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C) : (s == "zoomY" || s == "selectY") && (f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y))), f = ne(f, l, n), y = ne(y, l, n), u = le(u, a, r), o = le(o, a, r), u == o && (o = u + 360), u *= c, o *= c, this._fillGenerator.context(t), this._fillGenerator({ innerRadius: f, outerRadius: y, startAngle: u + Math.PI / 2, endAngle: o + Math.PI / 2 });
+      i && (s == "zoomXY" || s == "selectXY" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C, f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y)) : s == "zoomX" || s == "selectX" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C) : (s == "zoomY" || s == "selectY") && (f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y))), f = le(f, l, n), y = le(y, l, n), u = oe(u, a, r), o = oe(o, a, r), u == o && (o = u + 360), u *= c, o *= c, this._fillGenerator.context(t), this._fillGenerator({ innerRadius: f, outerRadius: y, startAngle: u + Math.PI / 2, endAngle: o + Math.PI / 2 });
     });
   }
 }
-Object.defineProperty(B, "className", {
+Object.defineProperty(F, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarCursor"
 });
-Object.defineProperty(B, "classNames", {
+Object.defineProperty(F, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: he.classNames.concat([B.className])
+  value: ge.classNames.concat([F.className])
 });
-class F extends ge {
+class E extends ce {
   _afterNew() {
-    super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", J.new(this._root, {}));
+    super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", K.new(this._root, {}));
   }
   _handleMaskBullets() {
   }
@@ -708,20 +708,20 @@ class F extends ge {
     }
   }
 }
-Object.defineProperty(F, "className", {
+Object.defineProperty(E, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarLineSeries"
 });
-Object.defineProperty(F, "classNames", {
+Object.defineProperty(E, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ge.classNames.concat([F.className])
+  value: ce.classNames.concat([E.className])
 });
-const Ue = (_) => {
-  const e = ye({ props: _, name: "HCStackedAreaRadar" }), {
+const We = (_) => {
+  const e = be({ props: _, name: "HCStackedAreaRadar" }), {
     dimensions: t,
     values: s,
     data: i,
@@ -730,19 +730,21 @@ const Ue = (_) => {
     colors: n,
     sx: l,
     ...u
-  } = e, o = be(), f = `hc-stacked-area-radar-${Re().replace(/:/g, "")}`, T = _e(null);
-  we(() => {
-    let V;
-    return V = setTimeout(() => {
-      var se, ie;
-      const d = xe.new(f);
-      T.current = d, d.setThemes([ve.new(d)]), d.interfaceColors.setAll({
+  } = e, o = Pe(), f = `hc-stacked-area-radar-${_e().replace(/:/g, "")}`, T = we(null);
+  let S = null;
+  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Te(() => {
+    if (S) return;
+    let z;
+    return z = setTimeout(() => {
+      var ie, ae;
+      const d = ve.new(f);
+      T.current = d, d.setThemes([ye.new(d)]), d.interfaceColors.setAll({
         text: Y(o.palette.text.primary),
         grid: Y(o.palette.divider),
         stroke: Y(o.palette.divider)
       });
       const b = d.container.children.push(
-        k.new(d, {
+        B.new(d, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -752,43 +754,36 @@ const Ue = (_) => {
           arrangeTooltips: !1
         })
       );
-      if (b.set("colors", Te(d, n)), b.get("colors", {}).set("step", 2), b.set(
+      b.set("colors", Ce(d, n)), b.get("colors", {}).set("step", 2), b.set(
         "cursor",
-        B.new(d, { behavior: "zoomX" })
-      ).lineY.set("visible", !1), t.length < 2) {
-        console.error("StackedAreaRadar requires at least 2 dimensions");
-        return;
-      }
-      if (s.length < 1) {
-        console.error("StackedAreaRadar requires at least 1 value");
-        return;
-      }
-      const x = t[0], fe = t[1];
+        F.new(d, { behavior: "zoomX" })
+      ).lineY.set("visible", !1);
+      const x = t[0], me = t[1];
       let v = [];
-      const z = U.groupBy(i, fe.value);
-      Object.keys(z).forEach((A) => {
-        z[A].forEach((P) => {
-          const p = P[x.value], q = U.findIndex(v, { [x.value]: p });
-          q === -1 ? v.push({
+      const q = W.groupBy(i, me.value);
+      Object.keys(q).forEach((A) => {
+        q[A].forEach((P) => {
+          const p = P[x.value], H = W.findIndex(v, { [x.value]: p });
+          H === -1 ? v.push({
             [x.value]: p,
             [A]: P[s[0].dataFieldName]
-          }) : v[q] = {
-            ...v[q],
+          }) : v[H] = {
+            ...v[H],
             [A]: P[s[0].dataFieldName]
           };
         });
       });
-      const S = j.new(d, {
+      const X = G.new(d, {
         minGridDistance: 30
       });
-      S.labels.template.setAll({
+      X.labels.template.setAll({
         textType: "radial",
         radius: 10,
         paddingTop: 0,
         paddingBottom: 0,
         centerY: N,
         fontSize: "0.8em"
-      }), S.grid.template.setAll({
+      }), X.grid.template.setAll({
         location: 0.5,
         strokeDasharray: [2, 2]
       });
@@ -797,72 +792,72 @@ const Ue = (_) => {
         const A = (r == null ? void 0 : r.timeUnit) || "day";
         let P = "DD/MM/YYYY";
         A === "month" ? P = "MM YYYY" : A === "year" && (P = "YYYY"), D = b.xAxes.push(
-          oe.new(d, {
+          ue.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
-            renderer: S,
-            tooltip: H.new(d, {})
+            renderer: X,
+            tooltip: U.new(d, {})
           })
-        ), v = U.orderBy(v, [x.value]), v = v.map((p) => ({
+        ), v = W.orderBy(v, [x.value]), v = v.map((p) => ({
           ...p,
-          [x.value]: Pe(p[x.value]).format(P)
+          [x.value]: Re(p[x.value]).format(P)
         }));
       } else
         D = b.xAxes.push(
-          oe.new(d, {
+          ue.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
-            renderer: S,
-            tooltip: H.new(d, {})
+            renderer: X,
+            tooltip: U.new(d, {})
           })
         );
-      const Q = G.new(d, {
+      const Z = k.new(d, {
         minGridDistance: 30
-      }), Z = b.yAxes.push(
-        Le.new(d, { renderer: Q })
+      }), ee = b.yAxes.push(
+        Me.new(d, { renderer: Z })
       );
-      Q.grid.template.setAll({ strokeDasharray: [2, 2] }), (se = D.get("renderer")) == null || se.grid.template.setAll({
+      Z.grid.template.setAll({ strokeDasharray: [2, 2] }), (ie = D.get("renderer")) == null || ie.grid.template.setAll({
         stroke: Y(o.palette.divider),
         strokeOpacity: 1
-      }), (ie = Z.get("renderer")) == null || ie.grid.template.setAll({
+      }), (ae = ee.get("renderer")) == null || ae.grid.template.setAll({
         stroke: Y(o.palette.divider),
         strokeOpacity: 1
       });
-      const ee = [];
-      let X = "";
-      const te = Object.keys(z);
-      te.forEach((A, P) => {
-        X.length > 0 && (X += `
-`), X += `${A}: {${A}}`;
+      const te = [];
+      let j = "";
+      const se = Object.keys(q);
+      se.forEach((A, P) => {
+        j.length > 0 && (j += `
+`), j += `${A}: {${A}}`;
         const p = b.series.push(
-          F.new(d, {
+          E.new(d, {
             name: A,
             xAxis: D,
-            yAxis: Z,
+            yAxis: ee,
             valueYField: A,
             categoryXField: x.value,
-            ...P === te.length - 1 && {
+            ...P === se.length - 1 && {
               stacked: !0,
-              tooltip: H.new(d, { labelText: X })
+              tooltip: U.new(d, { labelText: j })
             }
           })
         );
-        p.strokes.template.setAll({ strokeOpacity: 0 }), p.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), p.data.setAll(v), p.appear(1e3), ee.push(p);
+        p.strokes.template.setAll({ strokeOpacity: 0 }), p.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), p.data.setAll(v), p.appear(1e3), te.push(p);
       }), b.radarContainer.children.push(
-        De.new(d, {
+        Ye.new(d, {
           width: 150,
           centerX: N,
           centerY: N
         })
-      ).data.setAll(ee), D.data.setAll(v), b.appear(1e3, 100);
+      ).data.setAll(te), D.data.setAll(v), b.appear(1e3, 100);
     }, a), () => {
       var d;
-      V && clearTimeout(V), (d = T.current) == null || d.dispose(), T.current = null;
+      z && clearTimeout(z), (d = T.current) == null || d.dispose(), T.current = null;
     };
   }, [i, t, s, o.palette.mode, n]);
-  const ce = { ...e };
-  return { chartId: f, ownerState: ce, sx: l, other: u };
+  const fe = { ...e };
+  return { chartId: f, ownerState: fe, sx: l, error: S, other: u };
 };
 export {
-  Ue as useStackedAreaRadarLogic
+  We as useStackedAreaRadarLogic
 };

package/dist/components/charts/stacked-column-chart/index.js

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