@hybridcore/ui 1.5.89 → 1.6.0

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

@@ -0,0 +1,12 @@
+import { styled as t, Box as a } from "@mui/material";
+const e = t(a, {
+  name: "HCStackedAreaRadar",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  width: "100%",
+  height: "100%"
+}));
+export {
+  e as StackedAreaRadarRoot
+};

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

@@ -0,0 +1,10 @@
+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%" } }) });
+}
+export {
+  u as StackedColumnChart
+};

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

@@ -0,0 +1,148 @@
+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,
+    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({
+        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, {
+          panX: !1,
+          panY: !1,
+          wheelX: "none",
+          wheelY: "none",
+          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;
+      if (o.type === "date") {
+        const t = (f == null ? void 0 : f.timeUnit) || "day";
+        let a = "DD/MM/YYYY";
+        t === "month" ? a = "MM YYYY" : t === "year" && (a = "YYYY"), i = s.xAxes.push(
+          R.new(e, {
+            categoryField: o.value,
+            renderer: Y,
+            tooltip: S.new(e, {})
+          })
+        ), c = y.orderBy(c, [o.value]), c = c.map((r) => ({
+          ...r,
+          [o.value]: V(r[o.value]).format(a)
+        }));
+      } else
+        i = s.xAxes.push(
+          R.new(e, {
+            categoryField: o.value,
+            renderer: Y,
+            tooltip: S.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({
+            [o.value]: r,
+            [t]: a[d[0].dataFieldName]
+          }) : l[v] = {
+            ...l[v],
+            [t]: a[d[0].dataFieldName]
+          };
+        });
+      }), i.data.setAll(l);
+      const T = s.yAxes.push(
+        K.new(e, {
+          min: 0,
+          renderer: W.new(e, { strokeOpacity: 0.1 })
+        })
+      ), b = s.children.push(
+        Z.new(e, {
+          centerX: u,
+          x: u
+        })
+      );
+      (X = i.get("renderer")) == null || X.grid.template.setAll({
+        stroke: p(n.palette.divider),
+        strokeOpacity: 1
+      }), (F = T.get("renderer")) == null || F.grid.template.setAll({
+        stroke: p(n.palette.divider),
+        strokeOpacity: 1
+      });
+      function j(t, a) {
+        const r = s.series.push(
+          ee.new(e, {
+            name: t,
+            stacked: !0,
+            xAxis: i,
+            yAxis: T,
+            valueYField: a,
+            categoryXField: o.value
+          })
+        );
+        r.columns.template.setAll({
+          tooltipText: "{name}, {categoryX}: {valueY}",
+          tooltipY: G(10)
+        }), r.data.setAll(l), r.appear(), r.bullets.push(function() {
+          return te.new(e, {
+            sprite: I.new(e, {
+              fill: e.interfaceColors.get("alternativeText"),
+              centerY: u,
+              centerX: u,
+              populateText: !0
+            })
+          });
+        }), b.data.push(r);
+      }
+      Object.keys(g).forEach((t) => j(t, t)), s.appear(1e3, 100);
+    }, D), () => {
+      var e;
+      x && clearTimeout(x), (e = h.current) == null || e.dispose(), h.current = null;
+    };
+  }, [w, m, d, n.palette.mode, C]);
+  const E = { ...A };
+  return { chartId: k, ownerState: E, sx: O, other: B };
+};
+export {
+  xe as useStackedColumnChartLogic
+};

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

@@ -0,0 +1,12 @@
+import { styled as t, Box as r } from "@mui/material";
+const a = t(r, {
+  name: "HCStackedColumnChart",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  width: "100%",
+  height: "100%"
+}));
+export {
+  a as StackedColumnChartRoot
+};

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

@@ -0,0 +1,10 @@
+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%" } }) });
+}
+export {
+  s as XYChart
+};

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

@@ -0,0 +1,170 @@
+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 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" }), {
+    dimensions: c,
+    values: m,
+    data: d,
+    initDelay: k = 0,
+    baseInterval: F,
+    colors: A,
+    sx: L,
+    ...R
+  } = y, n = N(), v = `hc-xy-chart-${V().replace(/:/g, "")}`, u = j(null);
+  z(() => {
+    let f;
+    return f = setTimeout(() => {
+      var T, Y;
+      const e = E.new(v);
+      u.current = e, e.setThemes([I.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, {
+          panX: !1,
+          panY: !1,
+          wheelX: "none",
+          wheelY: "none",
+          layout: e.verticalLayout
+        })
+      );
+      o.set("colors", H(e, A));
+      const B = o.children.push(
+        $.new(e, {
+          centerX: w,
+          x: w
+        })
+      );
+      if (c.length < 1) {
+        console.error("Missing dimensions config!");
+        return;
+      }
+      const a = c[0];
+      let s, p = d;
+      if (a.type === "date")
+        s = o.xAxes.push(
+          q.new(e, {
+            maxDeviation: 0,
+            baseInterval: F || { timeUnit: "day", count: 1 },
+            renderer: D.new(e, { minGridDistance: 60 }),
+            tooltip: x.new(e, {})
+          })
+        ), p = g.orderBy(d, [a.value]);
+      else {
+        const t = D.new(e, {
+          cellStartLocation: 0.1,
+          cellEndLocation: 0.9,
+          minGridDistance: 30
+        });
+        s = o.xAxes.push(
+          K.new(e, {
+            categoryField: a.value,
+            renderer: t,
+            tooltip: x.new(e, {})
+          })
+        ), t.grid.template.setAll({ location: 1 }), s.labelsContainer.set(
+          "tooltip",
+          x.new(e, { pointerOrientation: "down" })
+        ), t.labels.template.setAll({
+          oversizedBehavior: "truncate",
+          maxWidth: 150,
+          tooltipText: "{category}"
+        }), t.labels.template.setup = function(r) {
+          r.set(
+            "background",
+            P.new(e, {
+              fill: l(0),
+              fillOpacity: 0
+            })
+          );
+        }, s.onPrivate("cellWidth", function(r) {
+          t.labels.template.set("maxWidth", r);
+        }), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), s.data.setAll(p);
+      }
+      const b = o.yAxes.push(
+        _.new(e, {
+          renderer: J.new(e, { strokeOpacity: 0.1 })
+        })
+      );
+      (T = s.get("renderer")) == null || T.grid.template.setAll({
+        stroke: l(n.palette.divider),
+        strokeOpacity: 1
+      }), (Y = b.get("renderer")) == null || Y.grid.template.setAll({
+        stroke: l(n.palette.divider),
+        strokeOpacity: 1
+      });
+      function C(t, r, h, S) {
+        const i = o.series.push(
+          Q.new(e, {
+            name: t,
+            xAxis: s,
+            yAxis: b,
+            valueYField: S,
+            ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
+          })
+        );
+        i.columns.template.setAll({
+          tooltipText: "{name}, {categoryX}:{valueY}",
+          width: M(90),
+          tooltipY: 0,
+          strokeOpacity: 0
+        }), a.type === "date" && (i.data.processor = Z.new(e, {
+          dateFormat: "i",
+          dateFields: [h]
+        })), i.data.setAll(r), i.appear(), i.bullets.push(function() {
+          return ee.new(e, {
+            locationY: 0,
+            sprite: W.new(e, {
+              text: "{valueY}",
+              fill: e.interfaceColors.get("alternativeText"),
+              centerY: 0,
+              centerX: w,
+              populateText: !0
+            })
+          });
+        }), B.data.push(i);
+      }
+      if (c.length === 1)
+        m.forEach((t) => {
+          C(t.name, p, a.value, t.dataFieldName);
+        });
+      else {
+        const t = g.groupBy(p, c[1].value);
+        Object.keys(t).forEach((r) => {
+          C(
+            g.startCase(r),
+            t[r],
+            a.value,
+            m[0].dataFieldName
+          );
+        });
+      }
+      o.appear(1e3, 100);
+    }, k), () => {
+      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 };
+};
+export {
+  xe as useXYChartLogic
+};

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

@@ -0,0 +1,12 @@
+import { styled as t, Box as r } from "@mui/material";
+const h = t(r, {
+  name: "HCXYChart",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  width: "100%",
+  height: "100%"
+}));
+export {
+  h as XYChartRoot
+};

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

@@ -1,34 +1,60 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { Box as r } from "@mui/material";
-import { Container as a } from "../container/index.js";
-import { Accordion as o, AccordionSummary as i, AccordionDetails as t } from "./style.js";
-const h = (e) => /* @__PURE__ */ n(
-  a,
-  {
-    disableHeader: !0,
-    sx: { marginTop: 1, borderRadius: "13px", ...e.sx },
-    contentSx: {
-      p: "0 !important",
-      m: 0,
-      "& .MuiPaper-root": { borderRadius: "13px" }
-    },
-    children: /* @__PURE__ */ d(
-      o,
-      {
-        defaultExpanded: e.defaultExpanded,
-        expanded: e.expanded,
-        onChange: e.onChange,
-        children: [
-          /* @__PURE__ */ d(i, { "aria-controls": "panel1d-content", id: "panel1d-header", children: [
-            /* @__PURE__ */ n(r, { children: e.header }),
-            /* @__PURE__ */ n(r, { children: e.actions })
-          ] }),
-          /* @__PURE__ */ n(t, { children: e.content })
-        ]
-      }
-    )
-  }
-);
+import i, { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { r as c, i as l } from "../../createSvgIcon-BjpIhJ30.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;
+Object.defineProperty(a, "__esModule", {
+  value: !0
+});
+var o = a.default = void 0, v = p(c()), C = i;
+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");
+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;
+  return /* @__PURE__ */ r(
+    u,
+    {
+      disableHeader: !0,
+      sx: [
+        A,
+        ...Array.isArray(e.sx) ? e.sx : [e.sx]
+      ],
+      contentSx: b,
+      children: /* @__PURE__ */ n(
+        x,
+        {
+          disableGutters: !0,
+          elevation: 0,
+          square: !0,
+          defaultExpanded: e.defaultExpanded,
+          expanded: e.expanded,
+          onChange: e.onChange,
+          children: [
+            /* @__PURE__ */ n(
+              m,
+              {
+                expandIcon: /* @__PURE__ */ r(o, { sx: { fontSize: 12 } }),
+                "aria-controls": "panel1d-content",
+                id: "panel1d-header",
+                children: [
+                  /* @__PURE__ */ r(f, { ownerState: t, children: e.header }),
+                  /* @__PURE__ */ r(h, { ownerState: t, children: e.actions })
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(S, { children: e.content })
+          ]
+        }
+      )
+    }
+  );
+};
 export {
-  h as CollapsibleCard
+  w as CollapsibleCard
 };

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

@@ -0,0 +1,20 @@
+import { useThemeProps as o } from "@mui/material";
+const s = (n) => {
+  const e = o({ props: n, name: "HCCollapsibleCard" }), a = {
+    header: e.header,
+    content: e.content,
+    actions: e.actions,
+    expanded: e.expanded,
+    defaultExpanded: e.defaultExpanded,
+    sx: e.sx,
+    onChange: e.onChange
+  };
+  return {
+    refs: {},
+    state: { ownerState: a },
+    actions: {}
+  };
+};
+export {
+  s as useCollapsibleCardLogic
+};

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

@@ -0,0 +1,52 @@
+import { styled as a, Box as e } from "@mui/material";
+import { A as n, a as t, b as i } from "../../AccordionSummary-DgAwVTk8.js";
+const r = (o) => o !== "ownerState", m = a(n, {
+  name: "HCCollapsibleCard",
+  slot: "accordion"
+})({
+  "&:not(:last-child)": {
+    borderBottom: 0
+  },
+  "&:before": {
+    display: "none"
+  }
+}), d = a(t, {
+  name: "HCCollapsibleCard",
+  slot: "summary"
+})(({ theme: o }) => ({
+  fontSize: "14px",
+  minHeight: "auto",
+  height: 44,
+  flexDirection: "row-reverse",
+  "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+    transform: "rotate(90deg)"
+  },
+  "& .MuiAccordionSummary-content": {
+    display: "flex",
+    margin: o.spacing(1),
+    marginRight: 0,
+    justifyContent: "space-between",
+    alignItems: "center"
+  }
+})), l = a(i, {
+  name: "HCCollapsibleCard",
+  slot: "details"
+})(({ theme: o }) => ({
+  padding: o.spacing(2),
+  paddingTop: 0
+})), p = a(e, {
+  name: "HCCollapsibleCard",
+  slot: "summaryHeader",
+  shouldForwardProp: r
+})({}), C = a(e, {
+  name: "HCCollapsibleCard",
+  slot: "summaryActions",
+  shouldForwardProp: r
+})({});
+export {
+  m as Accordion,
+  l as AccordionDetails,
+  d as AccordionSummary,
+  C as SummaryActions,
+  p as SummaryHeader
+};

package/dist/components/confirm/dialog.js

@@ -2,9 +2,9 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import "../../DialogContent-CqTojymQ.js";
-import { a as f } from "../../dialog-BE4D6swf.js";
-import "../../Button-eqWvpDuh.js";
+import "../../DialogContent-B3nbEbuv.js";
+import { a as f } from "../../dialog-DcwXug9J.js";
+import "../../Button-CvE2gnly.js";
 export {
   f as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { a as i } from "../../dialog-BE4D6swf.js";
+import { a as i } from "../../dialog-DcwXug9J.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/container/index.js

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
 import { _ as g, a as i } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as T from "react";
-import { P as e } from "../../index-DMSHuq6l.js";
-import { g as N, u as P, c as x, b as S, a as H } from "../../useThemeProps-DRP1dikX.js";
-import { s as h } from "../../styled-B8ugzvji.js";
-import { g as R } from "../../createTheme-CNnKNxwL.js";
-import { P as E } from "../../Paper-CjqLScHA.js";
-import { T as b } from "../../Typography-D1t7XuLN.js";
-import { C as $ } from "../../CardContent-DsYqqPeJ.js";
+import { P as e } from "../../index-C__OZmYy.js";
+import { g as N, u as P, c as x, b as S, a as H } from "../../useThemeProps-BzzHcQyd.js";
+import { s as h } from "../../styled-eZwjUruw.js";
+import { g as R } from "../../createTheme-DYxDnE9u.js";
+import { P as E } from "../../Paper-2B03OBmZ.js";
+import { T as b } from "../../Typography-CxbneZy_.js";
+import { C as $ } from "../../CardContent-CSHh-ZlM.js";
 function k(r) {
   return R("MuiCard", r);
 }