@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -1,50 +1,44 @@
-import { R as U, A as q, T as S, L as I } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as N, useTheme as P } from "@mui/material";
-import V from "dayjs";
-import y from "lodash";
-import { useId as H, useRef as _, useEffect as $ } from "react";
-import { colorSetFromPalette as z } from "../_common/utils.js";
-import { c as p, a as u, p as G } from "../../../ColorSet-C7vpNXhM.js";
-import { X as J, V as K } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as Q, a as W } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as R } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as Z } from "../../../Legend-Dp_MKfS4.js";
-import { C as ee } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { B as te } from "../../../Bullet-DVczI2TD.js";
-const xe = (L) => {
-  const A = N({
-    props: L,
+import { R as q, A as I, T as R, L as N } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as P, useTheme as V } from "@mui/material";
+import H from "dayjs";
+import A from "lodash";
+import { useId as _, useRef as $, useEffect as z } from "react";
+import { colorSetFromPalette as G } from "../_common/utils.js";
+import { c as p, a as f, p as J } from "../../../ColorSet-C7vpNXhM.js";
+import { X as K, V as Q } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as W, a as Z } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as L } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as ee } from "../../../Legend-Dp_MKfS4.js";
+import { C as te } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { B as re } from "../../../Bullet-DVczI2TD.js";
+const Ye = (D) => {
+  const w = P({
+    props: D,
     name: "HCStackedColumnChart"
   }), {
     dimensions: m,
     values: d,
-    data: w,
-    initDelay: D = 0,
-    baseInterval: f,
-    colors: C,
-    sx: O,
-    ...B
-  } = A, n = P(), k = `hc-stacked-column-chart-${H().replace(/:/g, "")}`, h = _(null);
-  $(() => {
-    let x;
-    return x = setTimeout(() => {
-      var X, F;
-      if (m.length < 2) {
-        console.error("StackedColumnChart requires at least 2 dimensions");
-        return;
-      }
-      if (d.length < 1) {
-        console.error("StackedColumnChart requires at least 1 value");
-        return;
-      }
-      const e = U.new(k);
-      h.current = e, e.setThemes([q.new(e)]), e.interfaceColors.setAll({
+    data: C,
+    initDelay: O = 0,
+    baseInterval: h,
+    colors: k,
+    sx: B,
+    ...E
+  } = w, n = V(), T = `hc-stacked-column-chart-${_().replace(/:/g, "")}`, x = $(null);
+  let u = null;
+  m.length < 2 ? u = "StackedColumnChart requires at least 2 dimensions" : d.length < 1 && (u = "StackedColumnChart requires at least 1 value"), z(() => {
+    if (u) return;
+    let Y;
+    return Y = setTimeout(() => {
+      var F, S;
+      const e = q.new(T);
+      x.current = e, e.setThemes([I.new(e)]), e.interfaceColors.setAll({
         text: p(n.palette.text.primary),
         grid: p(n.palette.divider),
         stroke: p(n.palette.divider)
       });
       const s = e.container.children.push(
-        J.new(e, {
+        K.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -52,97 +46,97 @@ const xe = (L) => {
           layout: e.verticalLayout
         })
       );
-      s.set("colors", z(e, C)), s.get("colors", {}).set("step", 2);
-      const Y = Q.new(e, {});
-      Y.grid.template.setAll({ location: 1 });
-      const o = m[0], M = m[1];
-      let i, c = w;
+      s.set("colors", G(e, k)), s.get("colors", {}).set("step", 2);
+      const g = W.new(e, {});
+      g.grid.template.setAll({ location: 1 });
+      const o = m[0], b = m[1];
+      let i, c = C;
       if (o.type === "date") {
-        const t = (f == null ? void 0 : f.timeUnit) || "day";
+        const t = (h == null ? void 0 : h.timeUnit) || "day";
         let a = "DD/MM/YYYY";
         t === "month" ? a = "MM YYYY" : t === "year" && (a = "YYYY"), i = s.xAxes.push(
-          R.new(e, {
+          L.new(e, {
             categoryField: o.value,
-            renderer: Y,
-            tooltip: S.new(e, {})
+            renderer: g,
+            tooltip: R.new(e, {})
           })
-        ), c = y.orderBy(c, [o.value]), c = c.map((r) => ({
+        ), c = A.orderBy(c, [o.value]), c = c.map((r) => ({
           ...r,
-          [o.value]: V(r[o.value]).format(a)
+          [o.value]: H(r[o.value]).format(a)
         }));
       } else
         i = s.xAxes.push(
-          R.new(e, {
+          L.new(e, {
             categoryField: o.value,
-            renderer: Y,
-            tooltip: S.new(e, {})
+            renderer: g,
+            tooltip: R.new(e, {})
           })
         );
-      const l = [], g = y.groupBy(c, M.value);
-      Object.keys(g).forEach((t) => {
-        g[t].forEach((a) => {
-          const r = a[o.value], v = y.findIndex(l, { [o.value]: r });
-          v === -1 ? l.push({
+      const l = [], v = A.groupBy(c, b.value);
+      Object.keys(v).forEach((t) => {
+        v[t].forEach((a) => {
+          const r = a[o.value], y = A.findIndex(l, { [o.value]: r });
+          y === -1 ? l.push({
             [o.value]: r,
             [t]: a[d[0].dataFieldName]
-          }) : l[v] = {
-            ...l[v],
+          }) : l[y] = {
+            ...l[y],
             [t]: a[d[0].dataFieldName]
           };
         });
       }), i.data.setAll(l);
-      const T = s.yAxes.push(
-        K.new(e, {
+      const X = s.yAxes.push(
+        Q.new(e, {
           min: 0,
-          renderer: W.new(e, { strokeOpacity: 0.1 })
+          renderer: Z.new(e, { strokeOpacity: 0.1 })
         })
-      ), b = s.children.push(
-        Z.new(e, {
-          centerX: u,
-          x: u
+      ), j = s.children.push(
+        ee.new(e, {
+          centerX: f,
+          x: f
         })
       );
-      (X = i.get("renderer")) == null || X.grid.template.setAll({
+      (F = i.get("renderer")) == null || F.grid.template.setAll({
         stroke: p(n.palette.divider),
         strokeOpacity: 1
-      }), (F = T.get("renderer")) == null || F.grid.template.setAll({
+      }), (S = X.get("renderer")) == null || S.grid.template.setAll({
         stroke: p(n.palette.divider),
         strokeOpacity: 1
       });
-      function j(t, a) {
+      function U(t, a) {
         const r = s.series.push(
-          ee.new(e, {
+          te.new(e, {
             name: t,
             stacked: !0,
             xAxis: i,
-            yAxis: T,
+            yAxis: X,
             valueYField: a,
             categoryXField: o.value
           })
         );
         r.columns.template.setAll({
           tooltipText: "{name}, {categoryX}: {valueY}",
-          tooltipY: G(10)
+          tooltipY: J(10)
         }), r.data.setAll(l), r.appear(), r.bullets.push(function() {
-          return te.new(e, {
-            sprite: I.new(e, {
+          return re.new(e, {
+            sprite: N.new(e, {
               fill: e.interfaceColors.get("alternativeText"),
-              centerY: u,
-              centerX: u,
+              centerY: f,
+              centerX: f,
               populateText: !0
             })
           });
-        }), b.data.push(r);
+        }), j.data.push(r);
       }
-      Object.keys(g).forEach((t) => j(t, t)), s.appear(1e3, 100);
-    }, D), () => {
+      Object.keys(v).forEach((t) => U(t, t)), s.appear(1e3, 100);
+    }, O), () => {
       var e;
-      x && clearTimeout(x), (e = h.current) == null || e.dispose(), h.current = null;
+      Y && clearTimeout(Y), (e = x.current) == null || e.dispose(), x.current = null;
     };
-  }, [w, m, d, n.palette.mode, C]);
-  const E = { ...A };
-  return { chartId: k, ownerState: E, sx: O, other: B };
+  }, [C, m, d, n.palette.mode, k]);
+  const M = { ...w };
+  return { chartId: T, ownerState: M, sx: B, error: u, other: E };
 };
 export {
-  xe as useStackedColumnChartLogic
+  Ye as useStackedColumnChartLogic
 };

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

@@ -1,10 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useXYChartLogic as m } from "./logic.js";
-import { XYChartRoot 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 { useXYChartLogic as a } from "./logic.js";
+import { XYChartRoot as c } from "./styled.js";
+const C = (o) => {
+  const { chartId: e, ownerState: h, sx: i, error: t, other: m } = a(o);
+  return /* @__PURE__ */ r(c, { ownerState: h, sx: i, ...m, children: t ? /* @__PURE__ */ r(s, { message: t }) : /* @__PURE__ */ r("div", { id: e, style: { width: "100%", height: "100%" } }) });
+};
 export {
-  s as XYChart
+  C as XYChart
 };

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

@@ -1,40 +1,41 @@
-import { R as E, A as I, T as x, b as P, L as W } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as G, useTheme as N } from "@mui/material";
+import { R as I, A as P, T as x, b as W, L as G } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as N, useTheme as V } from "@mui/material";
 import g from "lodash";
-import { useId as V, useRef as j, useEffect as z } from "react";
-import { colorSetFromPalette as H } from "../_common/utils.js";
-import { c as l, a as w, p as M } from "../../../ColorSet-C7vpNXhM.js";
-import { X as U, V as _ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as $ } from "../../../Legend-Dp_MKfS4.js";
-import { D as q } from "../../../DateAxis-YX3QNIB-.js";
-import { A as D, a as J } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as K } from "../../../CategoryAxis-CwnfaGc8.js";
-import { C as Q } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { D as Z } from "../../../DataProcessor-CHDO51q4.js";
-import { B as ee } from "../../../Bullet-DVczI2TD.js";
-const xe = (X) => {
-  const y = G({ props: X, name: "HCXYChart" }), {
+import { useId as j, useRef as z, useEffect as H } from "react";
+import { colorSetFromPalette as M } from "../_common/utils.js";
+import { c as l, a as w, p as U } from "../../../ColorSet-C7vpNXhM.js";
+import { X as _, V as $ } from "../../../AxisRenderer-DTyLLA6c.js";
+import { L as q } from "../../../Legend-Dp_MKfS4.js";
+import { D as J } from "../../../DateAxis-YX3QNIB-.js";
+import { A as X, a as K } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as Q } from "../../../CategoryAxis-CwnfaGc8.js";
+import { C as Z } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { D as ee } from "../../../DataProcessor-CHDO51q4.js";
+import { B as te } from "../../../Bullet-DVczI2TD.js";
+const ge = (k) => {
+  const y = N({ props: k, name: "HCXYChart" }), {
     dimensions: c,
     values: m,
     data: d,
-    initDelay: k = 0,
-    baseInterval: F,
+    initDelay: F = 0,
+    baseInterval: L,
     colors: A,
-    sx: L,
-    ...R
-  } = y, n = N(), v = `hc-xy-chart-${V().replace(/:/g, "")}`, u = j(null);
-  z(() => {
+    sx: R,
+    ...O
+  } = y, n = V(), v = `hc-xy-chart-${j().replace(/:/g, "")}`, u = z(null), b = c.length < 1 ? "Missing dimensions config!" : null;
+  H(() => {
+    if (b) return;
     let f;
     return f = setTimeout(() => {
-      var T, Y;
-      const e = E.new(v);
-      u.current = e, e.setThemes([I.new(e)]), e.interfaceColors.setAll({
+      var Y, D;
+      const e = I.new(v);
+      u.current = e, e.setThemes([P.new(e)]), e.interfaceColors.setAll({
         text: l(n.palette.text.primary),
         grid: l(n.palette.divider),
         stroke: l(n.palette.divider)
       });
       const o = e.container.children.push(
-        U.new(e, {
+        _.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -42,36 +43,31 @@ const xe = (X) => {
           layout: e.verticalLayout
         })
       );
-      o.set("colors", H(e, A));
-      const B = o.children.push(
-        $.new(e, {
+      o.set("colors", M(e, A));
+      const S = o.children.push(
+        q.new(e, {
           centerX: w,
           x: w
         })
-      );
-      if (c.length < 1) {
-        console.error("Missing dimensions config!");
-        return;
-      }
-      const a = c[0];
+      ), a = c[0];
       let s, p = d;
       if (a.type === "date")
         s = o.xAxes.push(
-          q.new(e, {
+          J.new(e, {
             maxDeviation: 0,
-            baseInterval: F || { timeUnit: "day", count: 1 },
-            renderer: D.new(e, { minGridDistance: 60 }),
+            baseInterval: L || { timeUnit: "day", count: 1 },
+            renderer: X.new(e, { minGridDistance: 60 }),
             tooltip: x.new(e, {})
           })
         ), p = g.orderBy(d, [a.value]);
       else {
-        const t = D.new(e, {
+        const t = X.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
         });
         s = o.xAxes.push(
-          K.new(e, {
+          Q.new(e, {
             categoryField: a.value,
             renderer: t,
             tooltip: x.new(e, {})
@@ -86,7 +82,7 @@ const xe = (X) => {
         }), t.labels.template.setup = function(r) {
           r.set(
             "background",
-            P.new(e, {
+            W.new(e, {
               fill: l(0),
               fillOpacity: 0
             })
@@ -98,40 +94,40 @@ const xe = (X) => {
           numericFields: ["valueX"]
         }), s.data.setAll(p);
       }
-      const b = o.yAxes.push(
-        _.new(e, {
-          renderer: J.new(e, { strokeOpacity: 0.1 })
+      const C = o.yAxes.push(
+        $.new(e, {
+          renderer: K.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (T = s.get("renderer")) == null || T.grid.template.setAll({
+      (Y = s.get("renderer")) == null || Y.grid.template.setAll({
         stroke: l(n.palette.divider),
         strokeOpacity: 1
-      }), (Y = b.get("renderer")) == null || Y.grid.template.setAll({
+      }), (D = C.get("renderer")) == null || D.grid.template.setAll({
         stroke: l(n.palette.divider),
         strokeOpacity: 1
       });
-      function C(t, r, h, S) {
+      function T(t, r, h, E) {
         const i = o.series.push(
-          Q.new(e, {
+          Z.new(e, {
             name: t,
             xAxis: s,
-            yAxis: b,
-            valueYField: S,
+            yAxis: C,
+            valueYField: E,
             ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
           })
         );
         i.columns.template.setAll({
           tooltipText: "{name}, {categoryX}:{valueY}",
-          width: M(90),
+          width: U(90),
           tooltipY: 0,
           strokeOpacity: 0
-        }), a.type === "date" && (i.data.processor = Z.new(e, {
+        }), a.type === "date" && (i.data.processor = ee.new(e, {
           dateFormat: "i",
           dateFields: [h]
         })), i.data.setAll(r), i.appear(), i.bullets.push(function() {
-          return ee.new(e, {
+          return te.new(e, {
             locationY: 0,
-            sprite: W.new(e, {
+            sprite: G.new(e, {
               text: "{valueY}",
               fill: e.interfaceColors.get("alternativeText"),
               centerY: 0,
@@ -139,16 +135,16 @@ const xe = (X) => {
               populateText: !0
             })
           });
-        }), B.data.push(i);
+        }), S.data.push(i);
       }
       if (c.length === 1)
         m.forEach((t) => {
-          C(t.name, p, a.value, t.dataFieldName);
+          T(t.name, p, a.value, t.dataFieldName);
         });
       else {
         const t = g.groupBy(p, c[1].value);
         Object.keys(t).forEach((r) => {
-          C(
+          T(
             g.startCase(r),
             t[r],
             a.value,
@@ -157,14 +153,14 @@ const xe = (X) => {
         });
       }
       o.appear(1e3, 100);
-    }, k), () => {
+    }, F), () => {
       var e;
       f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
     };
   }, [d, c, m, n.palette.mode, A]);
-  const O = { ...y };
-  return { chartId: v, ownerState: O, sx: L, other: R };
+  const B = { ...y };
+  return { chartId: v, ownerState: B, sx: R, error: b, other: O };
 };
 export {
-  xe as useXYChartLogic
+  ge as useXYChartLogic
 };

package/dist/components/collapsible-card/index.js

@@ -1,13 +1,14 @@
-import i, { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { r as c, i as l } from "../../createSvgIcon-BjpIhJ30.js";
+import d, { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { i as c } from "../../generateUtilityClasses-C3ivN9Ie.js";
+import { r as l } from "../../createSvgIcon-DuDuASu1.js";
 import { Container as u } from "../container/index.js";
 import { useCollapsibleCardLogic as s } from "./logic.js";
-import { Accordion as x, AccordionSummary as m, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";
-var a = {}, p = l;
+import { Accordion as m, AccordionSummary as x, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";
+var a = {}, p = c;
 Object.defineProperty(a, "__esModule", {
   value: !0
 });
-var o = a.default = void 0, v = p(c()), C = i;
+var o = a.default = void 0, v = p(l()), C = d;
 o = a.default = (0, v.default)(/* @__PURE__ */ (0, C.jsx)("path", {
   d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
 }), "ArrowForwardIosSharp");
@@ -15,8 +16,8 @@ const A = { marginTop: 1, borderRadius: "13px" }, b = {
   p: "0 !important",
   m: 0,
   "& .MuiPaper-root": { borderRadius: "13px" }
-}, w = (e) => {
-  const { state: d } = s(e), { ownerState: t } = d;
+}, I = (e) => {
+  const { state: i } = s(e), { ownerState: t } = i;
   return /* @__PURE__ */ r(
     u,
     {
@@ -27,7 +28,7 @@ const A = { marginTop: 1, borderRadius: "13px" }, b = {
       ],
       contentSx: b,
       children: /* @__PURE__ */ n(
-        x,
+        m,
         {
           disableGutters: !0,
           elevation: 0,
@@ -37,7 +38,7 @@ const A = { marginTop: 1, borderRadius: "13px" }, b = {
           onChange: e.onChange,
           children: [
             /* @__PURE__ */ n(
-              m,
+              x,
               {
                 expandIcon: /* @__PURE__ */ r(o, { sx: { fontSize: 12 } }),
                 "aria-controls": "panel1d-content",
@@ -56,5 +57,5 @@ const A = { marginTop: 1, borderRadius: "13px" }, b = {
   );
 };
 export {
-  w as CollapsibleCard
+  I as CollapsibleCard
 };

package/dist/components/collapsible-card/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as e } from "@mui/material";
-import { A as n, a as t, b as i } from "../../AccordionSummary-DgAwVTk8.js";
+import { A as n, a as t, b as i } from "../../AccordionSummary-CJppWeqF.js";
 const r = (o) => o !== "ownerState", m = a(n, {
   name: "HCCollapsibleCard",
   slot: "accordion"