@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/charts/line/logic.js

@@ -1,42 +1,44 @@
-import { R as B, a as E, A as M, T as f } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as V, useTheme as z } from "@mui/material";
-import X from "lodash";
-import { useId as H, useRef as N, useEffect as S } from "react";
-import { colorSetFromPalette as U } from "../_common/utils.js";
-import { c as i, p as A, b } from "../../../ColorSet-C7vpNXhM.js";
-import { X as Z, V as _ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { D as $ } from "../../../DateAxis-YX3QNIB-.js";
-import { A as F, a as j } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as q } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as G } from "../../../LineSeries-Uiv5o56b.js";
-import { D as J } from "../../../DataProcessor-CHDO51q4.js";
-import { X as K } from "../../../XYCursor-C8WktvKM.js";
-import { L as Q } from "../../../Legend-Dp_MKfS4.js";
-const Ae = (D) => {
-  const g = V({ props: D, name: "HCLineChart" }), {
+import { R as E, a as M, A as V, T as A } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as z, useTheme as H } from "@mui/material";
+import b from "lodash";
+import { useId as N, useRef as S, useEffect as U } from "react";
+import { colorSetFromPalette as Z } from "../_common/utils.js";
+import { c as i, p as g, b as F } from "../../../ColorSet-C7vpNXhM.js";
+import { X as _, V as $ } from "../../../AxisRenderer-DTyLLA6c.js";
+import { D as j } from "../../../DateAxis-YX3QNIB-.js";
+import { A as D, a as q } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as G } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as J } from "../../../LineSeries-Uiv5o56b.js";
+import { D as K } from "../../../DataProcessor-CHDO51q4.js";
+import { X as Q } from "../../../XYCursor-C8WktvKM.js";
+import { L as ee } from "../../../Legend-Dp_MKfS4.js";
+const ge = (L) => {
+  const v = z({ props: L, name: "HCLineChart" }), {
     dimensions: t,
-    values: d,
+    values: c,
     data: p,
-    initDelay: L = 0,
-    baseInterval: Y,
-    colors: v,
-    sx: R,
-    ...I
-  } = g, a = z(), x = `hc-line-chart-${H().replace(/:/g, "")}`, c = N(null);
-  S(() => {
-    let u;
-    return u = setTimeout(() => {
-      var y, k, T;
-      const e = B.new(x);
-      c.current = e;
-      const P = E.new(e);
-      e.setThemes([M.new(e), P]), e.interfaceColors.setAll({
+    initDelay: Y = 0,
+    baseInterval: R,
+    colors: x,
+    sx: I,
+    ...O
+  } = v, a = H(), w = `hc-line-chart-${N().replace(/:/g, "")}`, u = S(null);
+  let m = null;
+  t.length < 1 ? m = "Missing dimensions config!" : c.length < 1 && (m = "Missing values config!"), U(() => {
+    if (m) return;
+    let h;
+    return h = setTimeout(() => {
+      var k, T, C;
+      const e = E.new(w);
+      u.current = e;
+      const W = M.new(e);
+      e.setThemes([V.new(e), W]), e.interfaceColors.setAll({
         text: i(a.palette.text.primary),
         grid: i(a.palette.divider),
         stroke: i(a.palette.divider)
       });
       const r = e.container.children.push(
-        Z.new(e, {
+        _.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -45,83 +47,76 @@ const Ae = (D) => {
           pinchZoomX: !0
         })
       );
-      if (r.set("colors", U(e, v)), t.length < 1) {
-        console.error("Missing dimensions config!");
-        return;
-      }
-      if (d.length < 1) {
-        console.error("Missing values config!");
-        return;
-      }
-      let n, m = p;
+      r.set("colors", Z(e, x));
+      let n, d = p;
       t[0].type === "date" ? (n = r.xAxes.push(
-        $.new(e, {
+        j.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: Y || { timeUnit: "day", count: 1 },
-          renderer: F.new(e, {}),
-          tooltip: f.new(e, {})
+          baseInterval: R || { timeUnit: "day", count: 1 },
+          renderer: D.new(e, {}),
+          tooltip: A.new(e, {})
         })
-      ), m = X.orderBy(p, [t[0].value])) : (n = r.xAxes.push(
-        q.new(e, {
+      ), d = b.orderBy(p, [t[0].value])) : (n = r.xAxes.push(
+        G.new(e, {
           categoryField: t[0].value,
-          renderer: F.new(e, {}),
-          tooltip: f.new(e, {})
+          renderer: D.new(e, {}),
+          tooltip: A.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), m = X.orderBy(p, [t[0].value]), n.data.setAll(m));
-      const w = r.yAxes.push(
-        _.new(e, {
-          renderer: j.new(e, {})
+      }), d = b.orderBy(p, [t[0].value]), n.data.setAll(d));
+      const y = r.yAxes.push(
+        $.new(e, {
+          renderer: q.new(e, {})
         })
       );
-      (y = n.get("renderer")) == null || y.grid.template.setAll({
+      (k = n.get("renderer")) == null || k.grid.template.setAll({
         stroke: i(a.palette.divider),
         strokeOpacity: 1
-      }), (k = n.get("renderer")) == null || k.labels.template.setAll({ paddingTop: 12 }), (T = w.get("renderer")) == null || T.grid.template.setAll({
+      }), (T = n.get("renderer")) == null || T.labels.template.setAll({ paddingTop: 12 }), (C = y.get("renderer")) == null || C.grid.template.setAll({
         stroke: i(a.palette.divider),
         strokeOpacity: 1
-      }), d.forEach((s) => {
+      }), c.forEach((s) => {
         const o = r.series.push(
-          G.new(e, {
+          J.new(e, {
             name: s.name,
             xAxis: n,
-            yAxis: w,
+            yAxis: y,
             valueYField: s.dataFieldName,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-            tooltip: f.new(e, {
+            tooltip: A.new(e, {
               pointerOrientation: "horizontal",
               labelText: "{name}: {valueY}"
             })
           })
         );
-        t[0].type === "date" && (o.data.processor = J.new(e, {
+        t[0].type === "date" && (o.data.processor = K.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), o.data.setAll(m), o.strokes.template.setAll({ strokeWidth: 2 }), o.appear();
+        })), o.data.setAll(d), o.strokes.template.setAll({ strokeWidth: 2 }), o.appear();
       }), r.set(
         "cursor",
-        K.new(e, { behavior: "none" })
+        Q.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
       const l = r.bottomAxesContainer.children.push(
-        Q.new(e, {
-          width: A(100),
+        ee.new(e, {
+          width: g(100),
           paddingTop: 10,
-          centerX: A(50),
-          x: A(50),
+          centerX: g(50),
+          x: g(50),
           layout: e.gridLayout
         })
       );
       l.itemContainers.template.events.on("pointerover", function(s) {
-        var C;
-        const o = s.target, W = (C = o == null ? void 0 : o.dataItem) == null ? void 0 : C.dataContext;
-        r.series.each(function(h) {
-          h !== W ? h.strokes.template.setAll({
+        var X;
+        const o = s.target, B = (X = o == null ? void 0 : o.dataItem) == null ? void 0 : X.dataContext;
+        r.series.each(function(f) {
+          f !== B ? f.strokes.template.setAll({
             strokeOpacity: 0.15,
             stroke: i(0)
-          }) : h.strokes.template.setAll({ strokeWidth: 3 });
+          }) : f.strokes.template.setAll({ strokeWidth: 3 });
         });
       }), l.itemContainers.template.events.on("pointerout", function() {
         r.series.each(function(s) {
@@ -131,18 +126,18 @@ const Ae = (D) => {
             stroke: s.get("fill")
           });
         });
-      }), l.itemContainers.template.set("width", b), l.valueLabels.template.setAll({
-        width: b,
+      }), l.itemContainers.template.set("width", F), l.valueLabels.template.setAll({
+        width: F,
         textAlign: "right"
       }), l.data.setAll(r.series.values), r.appear(1e3, 100);
-    }, L), () => {
+    }, Y), () => {
       var e;
-      u && clearTimeout(u), (e = c.current) == null || e.dispose(), c.current = null;
+      h && clearTimeout(h), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [p, t, d, a.palette.mode, v]);
-  const O = { ...g };
-  return { chartId: x, ownerState: O, sx: R, other: I };
+  }, [p, t, c, a.palette.mode, x]);
+  const P = { ...v };
+  return { chartId: w, ownerState: P, sx: I, error: m, other: O };
 };
 export {
-  Ae as useLineChartLogic
+  ge as useLineChartLogic
 };

package/dist/components/charts/logaritmic-scale/index.js

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

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,48 +1,42 @@
-import { R as Y, A as L, T as d } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as C, useTheme as R } from "@mui/material";
-import x from "lodash";
-import { useId as I, useRef as E, useEffect as O } from "react";
-import { colorSetFromPalette as P } from "../_common/utils.js";
+import { R as L, A as C, T as u } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as R, useTheme as I } from "@mui/material";
+import y from "lodash";
+import { useId as E, useRef as O, useEffect as P } from "react";
+import { colorSetFromPalette as q } from "../_common/utils.js";
 import { c as s } from "../../../ColorSet-C7vpNXhM.js";
-import { X as q, V as B } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as V } from "../../../XYCursor-C8WktvKM.js";
-import { D as z } from "../../../DateAxis-YX3QNIB-.js";
-import { A as y, a as G } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as H } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as N } from "../../../LineSeries-Uiv5o56b.js";
-import { D as U } from "../../../DataProcessor-CHDO51q4.js";
-import { S as W } from "../../../Scrollbar-D86MJyr2.js";
-const ne = (X) => {
-  const u = C({ props: X, name: "HCLogaritmicScale" }), {
+import { X as B, V } from "../../../AxisRenderer-DTyLLA6c.js";
+import { X as z } from "../../../XYCursor-C8WktvKM.js";
+import { D as G } from "../../../DateAxis-YX3QNIB-.js";
+import { A as X, a as H } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as N } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as U } from "../../../LineSeries-Uiv5o56b.js";
+import { D as W } from "../../../DataProcessor-CHDO51q4.js";
+import { S as Z } from "../../../Scrollbar-D86MJyr2.js";
+const me = (F) => {
+  const f = R({ props: F, name: "HCLogaritmicScale" }), {
     dimensions: t,
-    values: m,
+    values: c,
     data: i,
-    initDelay: F = 0,
-    baseInterval: b,
-    colors: f,
-    sx: k,
-    ...S
-  } = u, o = R(), h = `hc-logaritmic-scale-${I().replace(/:/g, "")}`, c = E(null);
-  O(() => {
-    let p;
-    return p = setTimeout(() => {
-      var g, A, w;
-      if (t.length < 1) {
-        console.error("LogaritmicScale requires at least 1 dimension");
-        return;
-      }
-      if (m.length < 1) {
-        console.error("LogaritmicScale requires at least 1 value");
-        return;
-      }
-      const e = Y.new(h);
-      c.current = e, e.setThemes([L.new(e)]), e.interfaceColors.setAll({
+    initDelay: b = 0,
+    baseInterval: k,
+    colors: h,
+    sx: S,
+    ...T
+  } = f, o = I(), v = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, p = O(null);
+  let l = null;
+  t.length < 1 ? l = "LogaritmicScale requires at least 1 dimension" : c.length < 1 && (l = "LogaritmicScale requires at least 1 value"), P(() => {
+    if (l) return;
+    let d;
+    return d = setTimeout(() => {
+      var A, w, x;
+      const e = L.new(v);
+      p.current = e, e.setThemes([C.new(e)]), e.interfaceColors.setAll({
         text: s(o.palette.text.primary),
         grid: s(o.palette.divider),
         stroke: s(o.palette.divider)
       });
       const r = e.container.children.push(
-        q.new(e, {
+        B.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -50,70 +44,70 @@ const ne = (X) => {
           pinchZoomX: !0
         })
       );
-      r.set("colors", P(e, f)), r.set(
+      r.set("colors", q(e, h)), r.set(
         "cursor",
-        V.new(e, { behavior: "none" })
+        z.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let a, l = i;
-      t[0].type === "date" ? (l = x.orderBy(i, [t[0].value]), a = r.xAxes.push(
-        z.new(e, {
+      let a, n = i;
+      t[0].type === "date" ? (n = y.orderBy(i, [t[0].value]), a = r.xAxes.push(
+        G.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: b || { timeUnit: "day", count: 1 },
-          renderer: y.new(e, {}),
-          tooltip: d.new(e, {})
+          baseInterval: k || { timeUnit: "day", count: 1 },
+          renderer: X.new(e, {}),
+          tooltip: u.new(e, {})
         })
-      ), (g = a.get("renderer")) == null || g.grid.template.setAll({
+      ), (A = a.get("renderer")) == null || A.grid.template.setAll({
         stroke: s(o.palette.divider),
         strokeOpacity: 1
       })) : (a = r.xAxes.push(
-        H.new(e, {
+        N.new(e, {
           categoryField: t[0].value,
-          renderer: y.new(e, {}),
-          tooltip: d.new(e, {})
+          renderer: X.new(e, {}),
+          tooltip: u.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), l = x.orderBy(i, [t[0].value]), a.data.setAll(l), (A = a.get("renderer")) == null || A.grid.template.setAll({
+      }), n = y.orderBy(i, [t[0].value]), a.data.setAll(n), (w = a.get("renderer")) == null || w.grid.template.setAll({
         stroke: s(o.palette.divider),
         strokeOpacity: 1
       }));
-      const v = r.yAxes.push(
-        B.new(e, {
+      const g = r.yAxes.push(
+        V.new(e, {
           logarithmic: !0,
-          renderer: G.new(e, { minorGridEnabled: !0 })
+          renderer: H.new(e, { minorGridEnabled: !0 })
         })
       );
-      (w = v.get("renderer")) == null || w.grid.template.setAll({
+      (x = g.get("renderer")) == null || x.grid.template.setAll({
         stroke: s(o.palette.divider),
         strokeOpacity: 1
-      }), m.forEach((D) => {
-        const n = r.series.push(
-          N.new(e, {
+      }), c.forEach((Y) => {
+        const m = r.series.push(
+          U.new(e, {
             xAxis: a,
-            yAxis: v,
-            valueYField: D.dataFieldName,
+            yAxis: g,
+            valueYField: Y.dataFieldName,
             ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-            tooltip: d.new(e, { labelText: "{valueY}" })
+            tooltip: u.new(e, { labelText: "{valueY}" })
           })
         );
-        n.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (n.data.processor = U.new(e, {
+        m.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (m.data.processor = W.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), n.data.setAll(l), n.appear(1e3);
+        })), m.data.setAll(n), m.appear(1e3);
       }), r.set(
         "scrollbarX",
-        W.new(e, { orientation: "horizontal" })
+        Z.new(e, { orientation: "horizontal" })
       ), r.appear(1e3, 100);
-    }, F), () => {
+    }, b), () => {
       var e;
-      p && clearTimeout(p), (e = c.current) == null || e.dispose(), c.current = null;
+      d && clearTimeout(d), (e = p.current) == null || e.dispose(), p.current = null;
     };
-  }, [i, t, m, o.palette.mode, f]);
-  const T = { ...u };
-  return { chartId: h, ownerState: T, sx: k, other: S };
+  }, [i, t, c, o.palette.mode, h]);
+  const D = { ...f };
+  return { chartId: v, ownerState: D, sx: S, error: l, other: T };
 };
 export {
-  ne as useLogaritmicScaleLogic
+  me as useLogaritmicScaleLogic
 };

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

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