@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/charts/multiple-value-axes/logic.js

@@ -1,20 +1,20 @@
-import { G as N, R as V, A as W, T as k, b as M } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as j, useTheme as q } from "@mui/material";
-import T from "lodash";
-import { useId as z, useRef as U, useEffect as $ } from "react";
-import { colorSetFromPalette as H } from "../_common/utils.js";
-import { c as C, a as g } from "../../../ColorSet-C7vpNXhM.js";
-import { X as J, V as K } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as Q } from "../../../Legend-Dp_MKfS4.js";
-import { D as Z } from "../../../DateAxis-YX3QNIB-.js";
-import { A as E, a as ee } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as te } from "../../../CategoryAxis-CwnfaGc8.js";
-import { X as re } from "../../../XYCursor-C8WktvKM.js";
-import { L as se } from "../../../LineSeries-Uiv5o56b.js";
-import { D as oe } from "../../../DataProcessor-CHDO51q4.js";
-import { C as ae } from "../../../Circle-Cy5s-pVc.js";
-import { B as ie } from "../../../Bullet-DVczI2TD.js";
-class A extends N {
+import { G as P, R as W, A as M, T, b as j } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as q, useTheme as z } from "@mui/material";
+import C from "lodash";
+import { useId as U, useRef as $, useEffect as H } from "react";
+import { colorSetFromPalette as J } from "../_common/utils.js";
+import { c as D, a as w } from "../../../ColorSet-C7vpNXhM.js";
+import { X as K, V as Q } from "../../../AxisRenderer-DTyLLA6c.js";
+import { L as Z } from "../../../Legend-Dp_MKfS4.js";
+import { D as ee } from "../../../DateAxis-YX3QNIB-.js";
+import { A as N, a as te } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as re } from "../../../CategoryAxis-CwnfaGc8.js";
+import { X as se } from "../../../XYCursor-C8WktvKM.js";
+import { L as ae } from "../../../LineSeries-Uiv5o56b.js";
+import { D as ie } from "../../../DataProcessor-CHDO51q4.js";
+import { C as oe } from "../../../Circle-Cy5s-pVc.js";
+import { B as le } from "../../../Bullet-DVczI2TD.js";
+class x extends P {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -29,48 +29,42 @@ class A extends N {
     this.markDirty(), this._clear = !0;
   }
 }
-Object.defineProperty(A, "className", {
+Object.defineProperty(x, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Triangle"
 });
-Object.defineProperty(A, "classNames", {
+Object.defineProperty(x, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: N.classNames.concat([A.className])
+  value: P.classNames.concat([x.className])
 });
-const w = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ce = (D) => {
-  const n = j({ props: D, name: "HCMultipleValueAxes" }), {
+const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], De = (L) => {
+  const n = q({ props: L, name: "HCMultipleValueAxes" }), {
     dimensions: r,
     values: s,
     data: p,
-    initDelay: P = 0,
-    baseInterval: X,
-    colors: L,
-    sx: Y,
-    ...F
-  } = n, h = q(), R = `hc-multiple-value-axes-${z().replace(/:/g, "")}`, x = U(null);
-  $(() => {
-    let y;
-    return y = setTimeout(() => {
-      if (r.length < 1) {
-        console.error("MultipleValueAxes requires at least 1 dimension");
-        return;
-      }
-      if (s.length < 1) {
-        console.error("MultipleValueAxes requires at least 1 value");
-        return;
-      }
-      const e = V.new(R);
-      x.current = e, e.setThemes([W.new(e)]), e.interfaceColors.setAll({
-        text: C(h.palette.text.primary),
-        grid: C(h.palette.divider),
-        stroke: C(h.palette.divider)
+    initDelay: X = 0,
+    baseInterval: Y,
+    colors: R,
+    sx: F,
+    ...I
+  } = n, h = z(), _ = `hc-multiple-value-axes-${U().replace(/:/g, "")}`, y = $(null);
+  let m = null;
+  r.length < 1 ? m = "MultipleValueAxes requires at least 1 dimension" : s.length < 1 && (m = "MultipleValueAxes requires at least 1 value"), H(() => {
+    if (m) return;
+    let v;
+    return v = setTimeout(() => {
+      const e = W.new(_);
+      y.current = e, e.setThemes([M.new(e)]), e.interfaceColors.setAll({
+        text: D(h.palette.text.primary),
+        grid: D(h.palette.divider),
+        stroke: D(h.palette.divider)
       });
       const t = e.container.children.push(
-        J.new(e, {
+        K.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -78,114 +72,114 @@ const w = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ce = (D) => {
           layout: e.verticalLayout
         })
       );
-      t.set("colors", H(e, L)), t.get("colors", {}).set("step", 3);
-      const O = t.children.push(
-        Q.new(e, { centerX: g, x: g })
-      ), i = r[0];
+      t.set("colors", J(e, R)), t.get("colors", {}).set("step", 3);
+      const B = t.children.push(
+        Z.new(e, { centerX: w, x: w })
+      ), o = r[0];
       let u, d = p;
-      i.type === "date" ? (u = t.xAxes.push(
-        Z.new(e, {
+      o.type === "date" ? (u = t.xAxes.push(
+        ee.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: X || { timeUnit: "day", count: 1 },
-          renderer: E.new(e, {}),
-          tooltip: k.new(e, {})
+          baseInterval: Y || { timeUnit: "day", count: 1 },
+          renderer: N.new(e, {}),
+          tooltip: T.new(e, {})
         })
-      ), d = T.orderBy(p, [i.value])) : (u = t.xAxes.push(
-        te.new(e, {
-          categoryField: i.value,
-          renderer: E.new(e, {}),
-          tooltip: k.new(e, {})
+      ), d = C.orderBy(p, [o.value])) : (u = t.xAxes.push(
+        re.new(e, {
+          categoryField: o.value,
+          renderer: N.new(e, {}),
+          tooltip: T.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), d = T.orderBy(p, [i.value]), u.data.setAll(d));
-      function _(l, a, c, B, G, v, S) {
-        const m = ee.new(e, { opposite: G }), b = t.yAxes.push(
-          K.new(e, { maxDeviation: 1, renderer: m })
+      }), d = C.orderBy(p, [o.value]), u.data.setAll(d));
+      function E(l, i, c, G, S, b, V) {
+        const f = te.new(e, { opposite: S }), k = t.yAxes.push(
+          Q.new(e, { maxDeviation: 1, renderer: f })
         );
-        t.yAxes.indexOf(b) > 0 && b.set("syncWithAxis", t.yAxes.getIndex(0));
-        const o = t.series.push(
-          se.new(e, {
-            name: a,
+        t.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", t.yAxes.getIndex(0));
+        const a = t.series.push(
+          ae.new(e, {
+            name: i,
             xAxis: u,
-            yAxis: b,
-            valueYField: B,
-            ...i.type === "date" ? { valueXField: c } : { categoryXField: c },
-            tooltip: k.new(e, {
+            yAxis: k,
+            valueYField: G,
+            ...o.type === "date" ? { valueXField: c } : { categoryXField: c },
+            tooltip: T.new(e, {
               pointerOrientation: "horizontal",
-              labelText: `${a}: {valueY}`
+              labelText: `${i}: {valueY}`
             })
           })
         );
-        o.strokes.template.setAll({ strokeWidth: 2 }), m.grid.template.set("strokeOpacity", 0.05), m.labels.template.set("fill", o.get("fill")), m.setAll({
-          stroke: o.get("fill"),
+        a.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", a.get("fill")), f.setAll({
+          stroke: a.get("fill"),
           strokeOpacity: 1,
           opacity: 1
-        }), S === "date" && (o.data.processor = oe.new(e, {
+        }), V === "date" && (a.data.processor = ie.new(e, {
           dateFormat: "i",
           dateFields: [c]
-        })), v !== void 0 && o.bullets.push(function() {
-          let f;
-          return v === "RECTANGLE" ? f = M.new(e, {
+        })), b !== void 0 && a.bullets.push(function() {
+          let g;
+          return b === "RECTANGLE" ? g = j.new(e, {
             width: 10,
             height: 10,
-            centerX: g,
-            centerY: g,
+            centerX: w,
+            centerY: w,
             strokeWidth: 2,
-            stroke: o.get("stroke"),
+            stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : v === "TRIANGLE" ? f = A.new(e, {
+          }) : b === "TRIANGLE" ? g = x.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
-            stroke: o.get("stroke"),
+            stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : f = ae.new(e, {
+          }) : g = oe.new(e, {
             strokeWidth: 2,
             radius: 4,
-            stroke: o.get("stroke"),
+            stroke: a.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), ie.new(e, { sprite: f });
-        }), o.data.setAll(l);
+          }), le.new(e, { sprite: g });
+        }), a.data.setAll(l);
       }
       if (t.set(
         "cursor",
-        re.new(e, { xAxis: u, behavior: "none" })
+        se.new(e, { xAxis: u, behavior: "none" })
       ).lineY.set("visible", !1), r.length > 1) {
-        const l = T.groupBy(d, r[1].value);
-        Object.keys(l).forEach((a, c) => {
-          _(
-            l[a],
-            a,
+        const l = C.groupBy(d, r[1].value);
+        Object.keys(l).forEach((i, c) => {
+          E(
+            l[i],
+            i,
             r[0].value,
             s[0].dataFieldName,
             c !== 0,
-            w[c % w.length]
+            A[c % A.length]
           );
         });
       } else
-        s.forEach((l, a) => {
-          _(
+        s.forEach((l, i) => {
+          E(
             d,
             l.name,
-            i.value,
+            o.value,
             l.dataFieldName,
-            a !== 0,
-            w[a % w.length],
-            i.type
+            i !== 0,
+            A[i % A.length],
+            o.type
           );
         });
-      O.data.setAll(t.series.values), t.appear(1e3, 100);
-    }, P), () => {
+      B.data.setAll(t.series.values), t.appear(1e3, 100);
+    }, X), () => {
       var e;
-      y && clearTimeout(y), (e = x.current) == null || e.dispose(), x.current = null;
+      v && clearTimeout(v), (e = y.current) == null || e.dispose(), y.current = null;
     };
-  }, [p, r, s, h.palette.mode, L]);
-  const I = { ...n };
-  return { chartId: R, ownerState: I, sx: Y, other: F };
+  }, [p, r, s, h.palette.mode, R]);
+  const O = { ...n };
+  return { chartId: _, ownerState: O, sx: F, error: m, other: I };
 };
 export {
-  Ce as useMultipleValueAxesLogic
+  De as useMultipleValueAxesLogic
 };

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

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

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

@@ -1,58 +1,52 @@
-import { R, A as C } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as S, useTheme as E } from "@mui/material";
-import L from "dayjs";
-import P from "lodash";
-import { useId as j, useRef as q, useEffect as B } from "react";
-import { colorSetFromPalette as H } from "../_common/utils.js";
-import { c as u, p as o } from "../../../ColorSet-C7vpNXhM.js";
-import { P as I, a as T } from "../../../PieSeries-B2fW3z0s.js";
-const Q = (F) => {
-  const h = S({ props: F, name: "HCNestedPie" }), {
-    dimensions: r,
+import { R as C, A as S } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as E, useTheme as L } from "@mui/material";
+import j from "dayjs";
+import T from "lodash";
+import { useId as q, useRef as B, useEffect as H } from "react";
+import { colorSetFromPalette as I } from "../_common/utils.js";
+import { c as n, p as o } from "../../../ColorSet-C7vpNXhM.js";
+import { P as W, a as F } from "../../../PieSeries-B2fW3z0s.js";
+const U = (N) => {
+  const v = E({ props: N, name: "HCNestedPie" }), {
+    dimensions: a,
     values: s,
-    data: n,
-    initDelay: N = 0,
-    colors: v,
-    sx: b,
-    ...x
-  } = h, i = E(), g = `hc-nested-pie-${j().replace(/:/g, "")}`, d = q(null);
-  B(() => {
-    let m;
-    return m = setTimeout(() => {
-      if (r.length < 2) {
-        console.error("NestedPie requires at least 2 dimensions");
-        return;
-      }
-      if (s.length < 1) {
-        console.error("NestedPie requires at least 1 value");
-        return;
-      }
-      const e = R.new(g);
-      d.current = e, e.setThemes([C.new(e)]), e.interfaceColors.setAll({
-        text: u(i.palette.text.primary),
-        grid: u(i.palette.divider),
-        stroke: u(i.palette.divider)
+    data: d,
+    initDelay: b = 0,
+    colors: g,
+    sx: x,
+    ...k
+  } = v, i = L(), y = `hc-nested-pie-${q().replace(/:/g, "")}`, m = B(null);
+  let c = null;
+  a.length < 2 ? c = "NestedPie requires at least 2 dimensions" : s.length < 1 && (c = "NestedPie requires at least 1 value"), H(() => {
+    if (c) return;
+    let p;
+    return p = setTimeout(() => {
+      const e = C.new(y);
+      m.current = e, e.setThemes([S.new(e)]), e.interfaceColors.setAll({
+        text: n(i.palette.text.primary),
+        grid: n(i.palette.divider),
+        stroke: n(i.palette.divider)
       });
-      const p = e.container.children.push(
-        I.new(e, {
+      const f = e.container.children.push(
+        W.new(e, {
           layout: e.verticalLayout,
           radius: o(100)
         })
       );
-      r[0].type === "date" && n.forEach((a) => {
+      a[0].type === "date" && d.forEach((r) => {
         let l = "YYYY";
-        r[0].value.includes("month") ? l = "MMM YYYY" : r[0].value.includes("day") && (l = "DD MMM YYYY"), a[r[0].value] = L(a[r[0].value]).format(
+        a[0].value.includes("month") ? l = "MMM YYYY" : a[0].value.includes("day") && (l = "DD MMM YYYY"), r[a[0].value] = j(r[a[0].value]).format(
           l
         );
       });
-      const f = P.orderBy(n, (a) => a[r[0].value]);
-      r.forEach((a, l) => {
-        const y = e.interfaceColors.get("background");
+      const h = T.orderBy(d, (r) => r[a[0].value]);
+      a.forEach((r, l) => {
+        const Y = e.interfaceColors.get("background");
         if (l === 0) {
-          const t = p.series.push(
-            T.new(e, {
+          const t = f.series.push(
+            F.new(e, {
               valueField: s[0].dataFieldName,
-              categoryField: a.value,
+              categoryField: r.value,
               alignLabels: !1,
               radius: o(80),
               innerRadius: o(25)
@@ -64,47 +58,47 @@ const Q = (F) => {
             textType: "radial",
             centerX: o(100)
           }), t.slices.template.setAll({
-            stroke: y,
+            stroke: Y,
             strokeWidth: 2,
-            fill: u(11184810),
+            fill: n(11184810),
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
-          }), t.slices.template.states.create("hover", { scale: 0.95 }), r.length > 1) {
-            const c = [], Y = P.groupBy(f, a.value);
-            Object.keys(Y).forEach((A) => {
-              const w = Y[A].reduce((D, M) => D + M[s[0].dataFieldName], 0);
-              c.push({
-                [a.value]: A,
-                [s[0].dataFieldName]: w
+          }), t.slices.template.states.create("hover", { scale: 0.95 }), a.length > 1) {
+            const u = [], A = T.groupBy(h, r.value);
+            Object.keys(A).forEach((P) => {
+              const D = A[P].reduce((M, R) => M + R[s[0].dataFieldName], 0);
+              u.push({
+                [r.value]: P,
+                [s[0].dataFieldName]: D
               });
-            }), t.data.setAll(c);
+            }), t.data.setAll(u);
           } else
-            t.data.setAll(f);
+            t.data.setAll(h);
         } else if (l === 1) {
-          const t = p.series.push(
-            T.new(e, {
+          const t = f.series.push(
+            F.new(e, {
               valueField: s[0].dataFieldName,
-              categoryField: a.value,
+              categoryField: r.value,
               alignLabels: !0,
               innerRadius: o(80),
               radius: o(100)
             })
-          ), c = H(e, v);
-          t.set("colors", c), t.slices.template.setAll({
-            stroke: y,
+          ), u = I(e, g);
+          t.set("colors", u), t.slices.template.setAll({
+            stroke: Y,
             strokeWidth: 2,
             templateField: "settings",
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
-          }), t.labels.template.setAll({ text: "{category}" }), t.data.setAll(f);
+          }), t.labels.template.setAll({ text: "{category}" }), t.data.setAll(h);
         }
-      }), p.appear(1e3, 100);
-    }, N), () => {
+      }), f.appear(1e3, 100);
+    }, b), () => {
       var e;
-      m && clearTimeout(m), (e = d.current) == null || e.dispose(), d.current = null;
+      p && clearTimeout(p), (e = m.current) == null || e.dispose(), m.current = null;
     };
-  }, [n, r, s, i.palette.mode, v]);
-  const k = { ...h };
-  return { chartId: g, ownerState: k, sx: b, other: x };
+  }, [d, a, s, i.palette.mode, g]);
+  const w = { ...v };
+  return { chartId: y, ownerState: w, sx: x, error: c, other: k };
 };
 export {
-  Q as useNestedPieLogic
+  U as useNestedPieLogic
 };

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

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