@mx-cartographer/experiences 8.0.0-alpha.bb2 → 8.0.0-alpha.bb4

package/dist/LineChart-D4GI7nVh.mjs

@@ -1,541 +0,0 @@
-import { jsxs as i, Fragment as B, jsx as e } from "react/jsx-runtime";
-import nt from "@mui/material/Box";
-import { useTheme as X } from "@mui/material/styles";
-import { ResponsiveChartContainer as at, ChartsReferenceLine as rt, AreaPlot as it, LinePlot as ot, MarkPlot as lt, BarPlot as st, ChartsXAxis as ct, ChartsYAxis as dt, ChartsAxisHighlight as ht } from "@mui/x-charts";
-import { f as b, c as mt } from "./NumberFormatting-Buh7u8Oi.mjs";
-import ut from "@mui/material/useMediaQuery";
-import { observer as xt } from "mobx-react-lite";
-import { Stack as u, Box as N, useTheme as ft } from "@mui/material";
-import { Text as l } from "@mxenabled/mxui";
-import { u as gt } from "./hooks-D6XlXHf4.mjs";
-import { ChartsTooltip as yt } from "@mui/x-charts/ChartsTooltip";
-const pt = (t) => {
-  const r = X(), o = t.showLabel, s = t.style, y = Number(t.x), m = Number(t.y), x = t.handlers?.onMarkClick, f = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, d = ut(r.breakpoints.up("sm")), a = t.valueFormatterString ? b(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), h = d ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, D = a.length * k + 8 + 8, T = 24, $ = y - D / 2, M = m - 30;
-  return /* @__PURE__ */ i(B, { children: [
-    o && /* @__PURE__ */ i(B, { children: [
-      t.labelBackgroundColor && /* @__PURE__ */ e(
-        "rect",
-        {
-          fill: t.labelBackgroundColor,
-          height: T,
-          rx: "3",
-          width: D,
-          x: $,
-          y: M
-        }
-      ),
-      /* @__PURE__ */ e(
-        "text",
-        {
-          className: "MuiLineChart-markLabel",
-          dominantBaseline: "middle",
-          fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
-          style: {
-            fontSize: t.labelFontSize ? t.labelFontSize : h
-          },
-          textAnchor: "middle",
-          x: y,
-          y: m - 28 + T / 2,
-          children: a
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(
-      "path",
-      {
-        cursor: x ? "pointer" : "unset",
-        d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
-        height: "20px",
-        onClick: (R) => {
-          x?.(R, t.dataIndex);
-        },
-        onMouseEnter: () => {
-          f?.(t.dataIndex);
-        },
-        onMouseLeave: () => {
-          c?.();
-        },
-        style: {
-          fill: s?.fill ? s.fill : r.palette.background.paper,
-          stroke: s?.stroke ? s.stroke : r.palette.primary.main,
-          strokeWidth: 2,
-          transform: `translate(${t.x}px, ${t.y}px)`,
-          transformOrigin: `${t.x}px, ${t.y}px`,
-          filter: s?.filter ? s.filter : "none"
-        },
-        width: "20px"
-      }
-    )
-  ] });
-}, bt = (t) => /* @__PURE__ */ i(B, { children: [
-  /* @__PURE__ */ e("clipPath", { id: t.id, children: /* @__PURE__ */ e("rect", { height: t.height, width: t.width, x: "0", y: "0" }) }),
-  /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e(
-    "path",
-    {
-      cursor: "unset",
-      d: t.d,
-      style: {
-        strokeWidth: 2,
-        strokeLinejoin: "round",
-        fill: "none",
-        stroke: t.lineColor ? t.lineColor : t.stroke,
-        transition: "opacity 0.2s ease-in, stroke 0.2s ease-in",
-        opacity: 1
-      }
-    }
-  ) })
-] }), kt = ({
-  label: t,
-  customLegendVariant: r
-}) => {
-  const o = r || "Small";
-  return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: o, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(B, { children: [
-    /* @__PURE__ */ e(l, { variant: o, children: t.label }),
-    /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: b(t.amount, "0,0") })
-  ] }) : null;
-}, Ct = ({
-  average: t,
-  customLegendVariant: r,
-  labels: o = [],
-  series: s,
-  style: y,
-  title: m,
-  valueFormatterString: x
-}) => {
-  const { common: f } = gt(), c = r || "Small";
-  return /* @__PURE__ */ i(u, { style: { flexDirection: "row", gap: 24, ...y }, children: [
-    s.map((d, a) => {
-      const h = o[a];
-      return h ? /* @__PURE__ */ i(
-        u,
-        {
-          style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
-          children: [
-            /* @__PURE__ */ e(
-              N,
-              {
-                sx: {
-                  width: 10,
-                  height: 10,
-                  backgroundColor: d.color,
-                  marginRight: 8
-                }
-              }
-            ),
-            /* @__PURE__ */ e(kt, { customLegendVariant: r, label: h })
-          ]
-        },
-        a
-      ) : null;
-    }),
-    t && /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-      /* @__PURE__ */ e(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
-      /* @__PURE__ */ i(l, { variant: c, children: [
-        m || f.average,
-        "  "
-      ] }),
-      /* @__PURE__ */ e(l, { bold: !0, variant: c, children: x ? b(t, x) : t })
-    ] })
-  ] });
-}, Mt = xt(Ct);
-function wt({
-  customLabels: t,
-  labels: r = [],
-  valueFormatterString: o = "0,0"
-}) {
-  const s = ft();
-  return /* @__PURE__ */ e(
-    yt,
-    {
-      showCrosshair: !0,
-      slots: {
-        axisContent: (y) => {
-          const { axisValue: m, dataIndex: x, series: f } = y, c = x ?? 0;
-          if (t) {
-            const d = t[c]?.[0]?.header || String(m);
-            return /* @__PURE__ */ i(
-              u,
-              {
-                sx: {
-                  backgroundColor: s.palette.background.paper,
-                  boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
-                  flexDirection: "column",
-                  alignItems: "flex-start",
-                  borderRadius: "4px",
-                  width: 250,
-                  gap: 8,
-                  px: 16,
-                  py: 12
-                },
-                children: [
-                  /* @__PURE__ */ i(
-                    u,
-                    {
-                      sx: {
-                        flexDirection: "row",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        alignSelf: "stretch",
-                        gap: 8,
-                        marginTop: 4
-                      },
-                      children: [
-                        /* @__PURE__ */ e(l, { variant: "H3", children: d }),
-                        /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], o) })
-                      ]
-                    }
-                  ),
-                  t[c]?.some((a) => (typeof a == "string" ? 0 : a.amount) !== 0) ? t[c]?.map((a) => {
-                    const h = typeof a == "string" ? a : a.label, k = typeof a == "string" ? 0 : a.amount;
-                    return k === 0 ? null : /* @__PURE__ */ i(
-                      u,
-                      {
-                        sx: {
-                          flexDirection: "row",
-                          justifyContent: "space-between",
-                          alignItems: "center",
-                          alignSelf: "stretch",
-                          gap: 8,
-                          marginTop: 4
-                        },
-                        children: [
-                          /* @__PURE__ */ i(
-                            u,
-                            {
-                              sx: {
-                                flexDirection: "row",
-                                alignItems: "center",
-                                gap: 8,
-                                flex: 1,
-                                minWidth: 0
-                              },
-                              children: [
-                                /* @__PURE__ */ e(
-                                  N,
-                                  {
-                                    sx: {
-                                      width: "12px",
-                                      height: "12px",
-                                      backgroundColor: f[0]?.color,
-                                      borderRadius: "4px"
-                                    }
-                                  }
-                                ),
-                                /* @__PURE__ */ e(l, { variant: "Body", children: h })
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(k), o) })
-                        ]
-                      },
-                      h
-                    );
-                  }) : /* @__PURE__ */ e(l, { variant: "Body", children: "No data" })
-                ]
-              }
-            );
-          }
-          return /* @__PURE__ */ i(
-            u,
-            {
-              sx: {
-                backgroundColor: s.palette.background.paper,
-                boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
-                flexDirection: "column",
-                alignItems: "flex-start",
-                borderRadius: "4px",
-                width: 225,
-                gap: 8,
-                px: 16,
-                py: 12
-              },
-              children: [
-                /* @__PURE__ */ e(l, { variant: "H3", children: String(m) }),
-                f.map((d, a) => /* @__PURE__ */ i(
-                  u,
-                  {
-                    sx: {
-                      flexDirection: "row",
-                      justifyContent: "space-between",
-                      alignItems: "center",
-                      alignSelf: "stretch",
-                      gap: 8,
-                      marginTop: 4
-                    },
-                    children: [
-                      /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
-                        /* @__PURE__ */ e(
-                          N,
-                          {
-                            sx: {
-                              width: "12px",
-                              height: "12px",
-                              backgroundColor: d.color,
-                              borderRadius: "4px"
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ e(l, { variant: "Body", children: typeof r[a] == "string" ? r[a] : r[a]?.label })
-                      ] }),
-                      /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], o) })
-                    ]
-                  },
-                  d.id
-                ))
-              ]
-            }
-          );
-        }
-      },
-      trigger: "axis"
-    }
-  );
-}
-const zt = ({
-  axisColor: t,
-  baseline: r = "max",
-  chartFor: o,
-  chartXaxisSx: s,
-  chartYaxisSx: y,
-  colors: m,
-  curveType: x = "linear",
-  customLegendVariant: f,
-  customTooltipLabels: c,
-  datasets: d,
-  height: a,
-  isGraphClippingXAxis: h = !1,
-  labels: k,
-  labelBackgroundColor: I,
-  labelFontColor: P,
-  labelFontSize: E,
-  margin: D,
-  markHandlers: T,
-  markStyles: $,
-  onItemClick: M,
-  showArea: R = !1,
-  showAverage: H = !1,
-  showAxisHighlight: Y = !1,
-  showBars: j = !1,
-  showLegend: q = !1,
-  showMarkLabel: G = !1,
-  showTooltip: O = !1,
-  showXAxis: Q = !1,
-  showXAxisTicks: U = !1,
-  showYAxis: V = !1,
-  showYAxisTicks: J = !1,
-  title: K,
-  useCustomMark: Z = !1,
-  valueFormatterString: C,
-  width: _
-}) => {
-  const g = X(), tt = d.flat().map((n) => n.x), w = d.flat().map((n) => n.y), F = Math.round(w.reduce((n, v) => v + n, 0) / w.length), L = Math.floor(Math.min(...w) / 100) * 100, S = Math.ceil(Math.max(...w) / 100) * 100, z = d.map((n, v) => ({
-    type: j ? "bar" : "line",
-    curve: x,
-    color: j ? g.palette.chart?.chart6 : m[v] ?? g.palette.primary.main,
-    data: n.map((p) => p.y),
-    area: R,
-    baseline: r,
-    showMark: !0,
-    valueFormatter: (p) => C ? b(p || 0, C) : String(p)
-  })), et = {
-    ...{
-      top: 60,
-      right: 35,
-      bottom: 50,
-      left: 50
-    },
-    ...D
-  };
-  let A = L, W = S;
-  if (o === "networthChart") {
-    const n = S - L, v = n < S * 0.05 ? 0.25 : 0.2, p = Math.max(n * v, S * 0.015);
-    A = L - p < 0 ? L : L - p, W = S + p;
-  }
-  return /* @__PURE__ */ i(
-    nt,
-    {
-      sx: {
-        position: "relative",
-        touchAction: "pan-y",
-        // Allow vertical scrolling
-        "& svg": {
-          touchAction: "pan-y",
-          // Allow vertical scrolling on SVG
-          userSelect: "none"
-          // Prevent text selection
-        },
-        "& .recharts-wrapper": {
-          touchAction: "pan-y"
-          // For Recharts library specifically
-        }
-      },
-      children: [
-        /* @__PURE__ */ i(
-          at,
-          {
-            height: a,
-            margin: et,
-            series: z,
-            sx: {
-              p: 4,
-              "& .MuiBarLabel-root": {
-                fontSize: 10,
-                fontWeight: 600
-              },
-              "& .MuiAreaElement-root": {
-                opacity: 0.15
-              },
-              "& .MuiChartsAxis-tickLabel > tspan": {
-                fontFamily: g.typography.Small.fontFamily
-              },
-              "& .MuiLineChart-markLabel": {
-                fontFamily: g.typography.Small.fontFamily
-              }
-            },
-            width: _,
-            xAxis: [{ data: tt, scaleType: j ? "band" : "point" }],
-            yAxis: [
-              {
-                tickInterval: o === "networthChart" ? mt(A, W, 5) : void 0,
-                min: h ? -22 : A,
-                max: W || 100,
-                colorMap: R && z.length < 2 ? {
-                  type: "continuous",
-                  min: A,
-                  max: W,
-                  color: [
-                    g.palette.background.paper,
-                    m[0] ?? g.palette.primary.main
-                  ]
-                } : void 0,
-                valueFormatter: (n) => C ? b(n, C) : String(n)
-              }
-            ],
-            children: [
-              H && /* @__PURE__ */ e(
-                rt,
-                {
-                  lineStyle: {
-                    stroke: I ? g.palette.neutral.main : g.palette.neutral.dark,
-                    strokeDasharray: "10, 8",
-                    strokeWidth: 2
-                  },
-                  y: F
-                }
-              ),
-              /* @__PURE__ */ e(it, { onItemClick: M }),
-              /* @__PURE__ */ e(
-                ot,
-                {
-                  onItemClick: M,
-                  slots: {
-                    line: (n) => /* @__PURE__ */ e(
-                      bt,
-                      {
-                        ...n,
-                        lineColor: n.ownerState.color ?? g.palette.primary.main
-                      }
-                    )
-                  }
-                }
-              ),
-              /* @__PURE__ */ e(
-                lt,
-                {
-                  onItemClick: M,
-                  slots: Z ? {
-                    mark: (n) => /* @__PURE__ */ e(
-                      pt,
-                      {
-                        handlers: T,
-                        labelBackgroundColor: I,
-                        labelFontColor: P,
-                        labelFontSize: E,
-                        showLabel: G,
-                        style: $?.(n.dataIndex) ?? {},
-                        valueFormatterString: C,
-                        yData: w,
-                        ...n
-                      }
-                    )
-                  } : void 0
-                }
-              ),
-              /* @__PURE__ */ e(
-                st,
-                {
-                  barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
-                  borderRadius: 10
-                }
-              ),
-              /* @__PURE__ */ e(
-                ct,
-                {
-                  disableLine: !Q,
-                  disableTicks: !U,
-                  slotProps: t ? {
-                    axisLine: {
-                      style: {
-                        stroke: t
-                      }
-                    },
-                    axisTick: {
-                      style: {
-                        stroke: t
-                      }
-                    }
-                  } : {},
-                  sx: { ...s }
-                }
-              ),
-              /* @__PURE__ */ e(
-                dt,
-                {
-                  disableLine: !V,
-                  disableTicks: !J,
-                  sx: { ...y },
-                  slotProps: t ? {
-                    axisLine: {
-                      style: {
-                        stroke: t
-                      }
-                    },
-                    axisTick: {
-                      style: {
-                        stroke: t
-                      }
-                    }
-                  } : {}
-                }
-              ),
-              Y && /* @__PURE__ */ e(ht, { x: "line" }),
-              O && /* @__PURE__ */ e(
-                wt,
-                {
-                  customLabels: c,
-                  labels: k,
-                  valueFormatterString: C
-                }
-              )
-            ]
-          }
-        ),
-        q && /* @__PURE__ */ e(
-          Mt,
-          {
-            average: H ? F : void 0,
-            customLegendVariant: f,
-            labels: k,
-            series: z,
-            style: { position: "absolute", top: 16, left: 16 },
-            title: K,
-            valueFormatterString: C
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  zt as L
-};

package/dist/Loader-DUaFpDGv.mjs

@@ -1,24 +0,0 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import c from "@mui/material/CircularProgress";
-import a from "@mui/material/Stack";
-import { useTokens as i, Text as m } from "@mxenabled/mxui";
-const p = ({ height: e = 250, label: r = "", size: t = 32 }) => {
-  const n = i();
-  return /* @__PURE__ */ s(
-    a,
-    {
-      alignItems: "center",
-      gap: n.Spacing.XLarge,
-      height: e,
-      justifyContent: "center",
-      sx: { backgroundColor: "background.paper" },
-      children: [
-        /* @__PURE__ */ o(c, { size: t }),
-        r && /* @__PURE__ */ o(m, { children: r })
-      ]
-    }
-  );
-}, k = p;
-export {
-  k as L
-};

package/dist/MicroWidgetContainer-DpeqN9n3.mjs

@@ -1,45 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import x from "@mui/material/Button";
-import C from "@mui/material/Card";
-import g from "@mui/material/CardContent";
-import b from "@mui/material/CardHeader";
-import { P as u, H3 as v } from "@mxenabled/mxui";
-import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { u as M } from "./useDimensions-27p2evRx.mjs";
-import { W as w } from "./hooks-D6XlXHf4.mjs";
-const H = ({
-  children: e,
-  className: o,
-  ctaLabel: n,
-  onCTAClick: a,
-  subHeader: t,
-  sx: s,
-  title: c,
-  variant: d = "borderless"
-}) => {
-  const [m, { height: l, width: h }] = M(), i = /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ r(
-      b,
-      {
-        action: /* @__PURE__ */ r(
-          x,
-          {
-            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
-            onClick: a,
-            size: "small",
-            variant: "text",
-            children: n
-          }
-        ),
-        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
-        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
-        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
-      }
-    ),
-    /* @__PURE__ */ r(g, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: l, availableWidth: h, children: e }) })
-  ] });
-  return d === "borderless" ? i : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: i });
-}, F = H;
-export {
-  F as M
-};

package/dist/MiniWidgetContainer-D0gfmbaF.mjs

@@ -1,56 +0,0 @@
-import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
-import x from "@mui/material/Box";
-import C from "@mui/material/Button";
-import u from "@mui/material/Card";
-import v from "@mui/material/CardHeader";
-import b from "@mui/material/CardContent";
-import W from "@mui/material/IconButton";
-import { Icon as z, ChevronRight as H } from "@mxenabled/mx-icons";
-import { H3 as I, Text as B, P as M } from "@mxenabled/mxui";
-import { u as S } from "./useDimensions-27p2evRx.mjs";
-import { W as j } from "./hooks-D6XlXHf4.mjs";
-const w = ({
-  children: a,
-  className: m = "mx-cmn-mini-widget",
-  closeLabel: l,
-  contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: s = "",
-  subTitle: n = "",
-  sx: c = {},
-  title: t = ""
-}) => {
-  const [p, { height: h, width: f }] = S();
-  return /* @__PURE__ */ r(u, { className: m, sx: { ...c }, children: [
-    /* @__PURE__ */ i(
-      v,
-      {
-        sx: { pb: 8 },
-        title: /* @__PURE__ */ r(g, { children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              sx: {
-                alignItems: "center",
-                display: "grid",
-                gap: 2,
-                gridTemplateColumns: "1fr auto",
-                pb: 4
-              },
-              children: [
-                t && /* @__PURE__ */ i(I, { children: t }),
-                e ? /* @__PURE__ */ i(W, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ i(z, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(C, { endIcon: /* @__PURE__ */ i(H, {}), onClick: o, size: "small", children: /* @__PURE__ */ i(B, { bold: !0, variant: "Small", children: s }) })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "Small", children: n })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ i(b, { ref: p, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(j, { availableHeight: h, availableWidth: f, children: a }) })
-  ] });
-}, G = w;
-export {
-  G as M
-};