@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/IconBacking-B9oC6uL2.mjs

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import m from "@mui/material/Stack";
+const s = ({
+  backingSx: r,
+  children: i,
+  size: o,
+  sx: c
+}) => /* @__PURE__ */ n(
+  m,
+  {
+    sx: {
+      display: "grid",
+      placeItems: "center",
+      zIndex: 3,
+      ...c
+    },
+    children: [
+      i,
+      /* @__PURE__ */ t(
+        d,
+        {
+          sx: {
+            backgroundColor: "common.white",
+            borderRadius: "50%",
+            height: o,
+            width: o,
+            gridRow: 1,
+            gridColumn: 1,
+            ...r
+          }
+        }
+      )
+    ]
+  }
+), x = s;
+export {
+  x as I
+};

package/dist/InvestmentUtil-jOyOgzIB.mjs

@@ -0,0 +1,134 @@
+import d from "numeral";
+var m = /* @__PURE__ */ ((t) => (t.Stocks = "stocks", t.Bonds = "bonds", t))(m || {});
+const V = {
+  UNKNOWN: 0,
+  LARGE_VALUE: 1,
+  LARGE_CORE: 2,
+  LARGE_GROWTH: 3,
+  MID_VALUE: 4,
+  MID_CORE: 5,
+  MID_GROWTH: 6,
+  SMALL_VALUE: 7,
+  SMALL_CORE: 8,
+  SMALL_GROWTH: 9
+}, L = {
+  0: "UNKNOWN",
+  1: "LARGE_VALUE",
+  2: "LARGE_CORE",
+  3: "LARGE_GROWTH",
+  4: "MID_VALUE",
+  5: "MID_CORE",
+  6: "MID_GROWTH",
+  7: "SMALL_VALUE",
+  8: "SMALL_CORE",
+  9: "SMALL_GROWTH"
+}, N = {
+  UNKNOWN: 0,
+  HIGH_LIMITED: 1,
+  HIGH_MODERATE: 2,
+  HIGH_EXTENSIVE: 3,
+  MEDIUM_LIMITED: 4,
+  MEDIUM_MODERATE: 5,
+  MEDIUM_EXTENSIVE: 6,
+  LOW_LIMITED: 7,
+  LOW_MODERATE: 8,
+  LOW_EXTENSIVE: 9
+}, O = {
+  0: "UNKNOWN",
+  1: "HIGH_LIMITED",
+  2: "HIGH_MODERATE",
+  3: "HIGH_EXTENSIVE",
+  4: "MEDIUM_LIMITED",
+  5: "MEDIUM_MODERATE",
+  6: "MEDIUM_EXTENSIVE",
+  7: "LOW_LIMITED",
+  8: "LOW_MODERATE",
+  9: "LOW_EXTENSIVE"
+}, A = (t, s = 3) => {
+  const a = Object.keys(t).map(Number).filter((e) => e !== 0).sort((e, c) => e - c), o = [];
+  for (let e = 0; e < a.length; e += s)
+    o.push(a.slice(e, e + s).map((c) => t[c]));
+  return o;
+}, W = A(O), h = A(L), w = (t) => {
+  const s = M(t, g), a = M(t, f), o = (c, i) => {
+    const _ = c.reduce((n, r) => n + T(r), 0), u = c.reduce((n, r) => {
+      const l = i(r);
+      return Object.keys(l).forEach((E) => n[E] = (n[E] || 0) + l[E]), n;
+    }, {});
+    return Object.fromEntries(
+      Object.entries(u).map(([n, r]) => [n, r / _ * 100])
+    );
+  };
+  return {
+    stocks: o(s, D),
+    bonds: o(a, R)
+  };
+}, S = (t) => {
+  const s = t.filter((e) => !isNaN(e.equity_classification)), a = t.filter((e) => !isNaN(e.fixed_income_classification)), o = (e, c, i) => e.reduce((_, u) => {
+    const n = c(u);
+    return Object.keys(i).forEach((r) => {
+      _[r] = (_[r] || 0) + (n[r] || 0);
+    }), _;
+  }, {});
+  return {
+    stocks: o(s, D, V),
+    bonds: o(a, R, N)
+  };
+}, H = (t, s) => Object.fromEntries(
+  Object.entries(t).map(([a, o]) => [a, o * s / 100])
+), R = (t) => G(t, f, O), f = (t) => {
+  const s = t.fixed_income_classification;
+  return {
+    [O[s]]: 100
+  };
+}, D = (t) => G(t, g, L), g = (t) => {
+  const {
+    large_core_weight: s,
+    large_growth_weight: a,
+    large_value_weight: o,
+    mid_core_weight: e,
+    mid_growth_weight: c,
+    mid_value_weight: i,
+    small_core_weight: _,
+    small_growth_weight: u,
+    small_value_weight: n,
+    unknown_weight: r,
+    equity_classification: l
+  } = t, E = {
+    LARGE_CORE: s ?? 0,
+    LARGE_GROWTH: a ?? 0,
+    LARGE_VALUE: o ?? 0,
+    MID_CORE: e ?? 0,
+    MID_GROWTH: c ?? 0,
+    MID_VALUE: i ?? 0,
+    SMALL_CORE: _ ?? 0,
+    SMALL_GROWTH: u ?? 0,
+    SMALL_VALUE: n ?? 0,
+    UNKNOWN: r ?? 0
+  };
+  return I(E) === 0 && l !== void 0 ? { [L[l]]: 100 } : E;
+}, G = (t, s, a) => {
+  const o = s(t), e = T(t), c = H(o, e);
+  if (I(c) === 0) {
+    const i = String(
+      t.equity_classification ?? t.fixed_income_classification
+    );
+    if (!(i in a))
+      throw new Error(`Invalid classification key: ${i}`);
+    return { [a[i]]: e };
+  }
+  return c;
+}, b = (t) => t.split("_").map((s) => s.charAt(0).toUpperCase() + s.slice(1).toLowerCase()).join(" "), p = (t) => t >= 1 ? `${d(t).format("0")}%` : "< 1%", T = (t) => t.calculated_market_value ?? t.market_value, M = (t, s) => t.filter((a) => {
+  const o = s(a), e = I(o);
+  return e > 80 && e < 120;
+}), C = (t, s) => {
+  const a = s === m.Stocks ? h : W, o = t[s];
+  return !o || !o || Object.keys(o).length === 0 ? a.map((e) => e.map(() => "0%")) : a.map((e) => e.map((c) => p(o[c] ?? 0)));
+}, I = (t) => Object.values(t).reduce((s, a) => s + a, 0);
+export {
+  m as A,
+  w as a,
+  S as b,
+  b as f,
+  C as m
+};

package/dist/LineChart-CcyX38kK.mjs

@@ -0,0 +1,499 @@
+import { jsxs as i, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { useTheme as N } from "@mui/material/styles";
+import { ResponsiveChartContainer as J, ChartsReferenceLine as K, AreaPlot as Z, LinePlot as _, MarkPlot as ee, BarPlot as te, ChartsXAxis as ne, ChartsYAxis as re, ChartsAxisHighlight as ae } from "@mui/x-charts";
+import ie from "@mui/material/useMediaQuery";
+import { f as y } from "./NumberFormatting-CtWHhyBX.mjs";
+import { observer as oe } from "mobx-react-lite";
+import { Stack as x, Box as I, useTheme as le } from "@mui/material";
+import { Text as l } from "@mxenabled/mxui";
+import { u as se } from "./hooks-30y_BLwc.mjs";
+import { ChartsTooltip as ce } from "@mui/x-charts/ChartsTooltip";
+const de = (e) => {
+  const a = N(), o = e.showLabel, s = e.style, g = Number(e.x), u = Number(e.y), m = e.handlers?.onMarkClick, f = e.handlers?.onMouseEnter, c = e.handlers?.onMouseLeave, d = ie(a.breakpoints.up("sm")), n = e.valueFormatterString ? y(e.yData[e.dataIndex], e.valueFormatterString) : String(e.yData[e.dataIndex]), h = d ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, C = n.length * k + 8 + 8, M = 24, D = g - C / 2, w = u - 30;
+  return /* @__PURE__ */ i(v, { children: [
+    o && /* @__PURE__ */ i(v, { children: [
+      e.labelBackgroundColor && /* @__PURE__ */ t(
+        "rect",
+        {
+          fill: e.labelBackgroundColor,
+          height: M,
+          rx: "3",
+          width: C,
+          x: D,
+          y: w
+        }
+      ),
+      /* @__PURE__ */ t(
+        "text",
+        {
+          dominantBaseline: "middle",
+          fill: e.labelFontColor ? e.labelFontColor : a.palette.text.primary,
+          style: {
+            fontSize: e.labelFontSize ? e.labelFontSize : h
+          },
+          textAnchor: "middle",
+          x: g,
+          y: u - 28 + M / 2,
+          children: n
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      "path",
+      {
+        cursor: m ? "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: (T) => {
+          m?.(T, e.dataIndex);
+        },
+        onMouseEnter: () => {
+          f?.(e.dataIndex);
+        },
+        onMouseLeave: () => {
+          c?.();
+        },
+        style: {
+          fill: s?.fill ? s.fill : a.palette.background.paper,
+          stroke: s?.stroke ? s.stroke : a.palette.primary.main,
+          strokeWidth: 2,
+          transform: `translate(${e.x}px, ${e.y}px)`,
+          transformOrigin: `${e.x}px, ${e.y}px`,
+          filter: s?.filter ? s.filter : "none"
+        },
+        width: "20px"
+      }
+    )
+  ] });
+}, he = (e) => /* @__PURE__ */ i(v, { children: [
+  /* @__PURE__ */ t("clipPath", { id: e.id, children: /* @__PURE__ */ t("rect", { height: e.height, width: e.width, x: "0", y: "0" }) }),
+  /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
+    "path",
+    {
+      cursor: "unset",
+      d: e.d,
+      style: {
+        strokeWidth: 2,
+        strokeLinejoin: "round",
+        fill: "none",
+        stroke: e.lineColor ? e.lineColor : e.stroke,
+        transition: "opacity 0.2s ease-in, stroke 0.2s ease-in",
+        opacity: 1
+      }
+    }
+  ) })
+] }), me = ({
+  label: e,
+  customLegendVariant: a
+}) => {
+  const o = a || "Small";
+  return typeof e == "string" ? /* @__PURE__ */ t(l, { variant: o, children: e }) : typeof e == "object" && e.amount && e.label ? /* @__PURE__ */ i(v, { children: [
+    /* @__PURE__ */ t(l, { variant: o, children: e.label }),
+    /* @__PURE__ */ t(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: y(e.amount, "0,0") })
+  ] }) : null;
+}, ue = ({
+  average: e,
+  customLegendVariant: a,
+  labels: o = [],
+  series: s,
+  style: g,
+  title: u,
+  valueFormatterString: m
+}) => {
+  const { common: f } = se(), c = a || "Small";
+  return /* @__PURE__ */ i(x, { style: { flexDirection: "row", gap: 24, ...g }, children: [
+    s.map((d, n) => {
+      const h = o[n];
+      return h ? /* @__PURE__ */ i(
+        x,
+        {
+          style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
+          children: [
+            /* @__PURE__ */ t(
+              I,
+              {
+                sx: {
+                  width: 10,
+                  height: 10,
+                  backgroundColor: d.color,
+                  marginRight: 8
+                }
+              }
+            ),
+            /* @__PURE__ */ t(me, { customLegendVariant: a, label: h })
+          ]
+        },
+        n
+      ) : null;
+    }),
+    e && /* @__PURE__ */ i(x, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+      /* @__PURE__ */ t(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
+      /* @__PURE__ */ i(l, { variant: c, children: [
+        u || f.average,
+        "  "
+      ] }),
+      /* @__PURE__ */ t(l, { bold: !0, variant: c, children: m ? y(e, m) : e })
+    ] })
+  ] });
+}, xe = oe(ue);
+function fe({
+  customLabels: e,
+  labels: a = [],
+  valueFormatterString: o = "0,0"
+}) {
+  const s = le();
+  return /* @__PURE__ */ t(
+    ce,
+    {
+      showCrosshair: !0,
+      slots: {
+        axisContent: (g) => {
+          const { axisValue: u, dataIndex: m, series: f } = g, c = m ?? 0;
+          if (e) {
+            const d = e[c]?.[0]?.header || String(u);
+            return /* @__PURE__ */ i(
+              x,
+              {
+                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(
+                    x,
+                    {
+                      sx: {
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        alignSelf: "stretch",
+                        gap: 8,
+                        marginTop: 4
+                      },
+                      children: [
+                        /* @__PURE__ */ t(l, { variant: "H3", children: d }),
+                        /* @__PURE__ */ t(l, { bold: !0, variant: "H3", children: y(f[0]?.data[c], o) })
+                      ]
+                    }
+                  ),
+                  e[c]?.some((n) => (typeof n == "string" ? 0 : n.amount) !== 0) ? e[c]?.map((n) => {
+                    const h = typeof n == "string" ? n : n.label, k = typeof n == "string" ? 0 : n.amount;
+                    return k === 0 ? null : /* @__PURE__ */ i(
+                      x,
+                      {
+                        sx: {
+                          flexDirection: "row",
+                          justifyContent: "space-between",
+                          alignItems: "center",
+                          alignSelf: "stretch",
+                          gap: 8,
+                          marginTop: 4
+                        },
+                        children: [
+                          /* @__PURE__ */ i(
+                            x,
+                            {
+                              sx: {
+                                flexDirection: "row",
+                                alignItems: "center",
+                                gap: 8,
+                                flex: 1,
+                                minWidth: 0
+                              },
+                              children: [
+                                /* @__PURE__ */ t(
+                                  I,
+                                  {
+                                    sx: {
+                                      width: "12px",
+                                      height: "12px",
+                                      backgroundColor: f[0]?.color,
+                                      borderRadius: "4px"
+                                    }
+                                  }
+                                ),
+                                /* @__PURE__ */ t(l, { variant: "Body", children: h })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ t(l, { bold: !0, variant: "Body", children: y(Math.abs(k), o) })
+                        ]
+                      },
+                      h
+                    );
+                  }) : /* @__PURE__ */ t(l, { variant: "Body", children: "No data" })
+                ]
+              }
+            );
+          }
+          return /* @__PURE__ */ i(
+            x,
+            {
+              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__ */ t(l, { variant: "H3", children: String(u) }),
+                f.map((d, n) => /* @__PURE__ */ i(
+                  x,
+                  {
+                    sx: {
+                      flexDirection: "row",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      alignSelf: "stretch",
+                      gap: 8,
+                      marginTop: 4
+                    },
+                    children: [
+                      /* @__PURE__ */ i(x, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ t(
+                          I,
+                          {
+                            sx: {
+                              width: "12px",
+                              height: "12px",
+                              backgroundColor: d.color,
+                              borderRadius: "4px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ t(l, { variant: "Body", children: typeof a[n] == "string" ? a[n] : a[n]?.label })
+                      ] }),
+                      /* @__PURE__ */ t(l, { bold: !0, variant: "Body", children: y(d.data[c], o) })
+                    ]
+                  },
+                  d.id
+                ))
+              ]
+            }
+          );
+        }
+      },
+      trigger: "axis"
+    }
+  );
+}
+const De = ({
+  axisColor: e,
+  baseline: a = "max",
+  colors: o,
+  curveType: s = "linear",
+  customLegendVariant: g,
+  customTooltipLabels: u,
+  datasets: m,
+  height: f,
+  isGraphClippingXAxis: c = !1,
+  labels: d,
+  labelBackgroundColor: n,
+  labelFontColor: h,
+  labelFontSize: k,
+  margin: A,
+  markHandlers: B,
+  markStyles: $,
+  showArea: C = !1,
+  showAverage: M = !1,
+  showAxisHighlight: D = !1,
+  showBars: w = !1,
+  showLegend: T = !1,
+  showMarkLabel: H = !1,
+  showTooltip: E = !1,
+  showXAxis: X = !1,
+  showXAxisTicks: Y = !1,
+  showYAxis: F = !1,
+  showYAxisTicks: G = !1,
+  title: O,
+  useCustomMark: Q = !1,
+  valueFormatterString: p,
+  width: U
+}) => {
+  const b = N(), V = m.flat().map((r) => r.x), L = m.flat().map((r) => r.y), j = Math.round(L.reduce((r, W) => W + r, 0) / L.length), z = Math.floor(Math.min(...L) / 100) * 100, P = Math.ceil(Math.max(...L) / 100) * 100, R = m.map((r, W) => ({
+    type: w ? "bar" : "line",
+    curve: s,
+    color: w ? b.palette.chart?.chart6 : o[W] ?? b.palette.primary.main,
+    data: r.map((S) => S.y),
+    area: C,
+    baseline: a,
+    showMark: !0,
+    valueFormatter: (S) => p ? y(S || 0, p) : String(S)
+  })), q = {
+    ...{
+      top: 60,
+      right: 35,
+      bottom: 50,
+      left: 50
+    },
+    ...A
+  };
+  return /* @__PURE__ */ i("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ i(
+      J,
+      {
+        height: f,
+        margin: q,
+        series: R,
+        sx: {
+          p: 4,
+          "& .MuiBarLabel-root": {
+            fontSize: 10,
+            fontWeight: 600
+          },
+          "& .MuiAreaElement-root": {
+            opacity: 0.15
+          }
+        },
+        width: U,
+        xAxis: [{ data: V, scaleType: w ? "band" : "point" }],
+        yAxis: [
+          {
+            min: c ? -22 : z,
+            max: P || 100,
+            colorMap: C && R.length < 2 ? {
+              type: "continuous",
+              min: z,
+              max: P,
+              color: [
+                b.palette.background.paper,
+                o[0] ?? b.palette.primary.main
+              ]
+            } : void 0,
+            valueFormatter: (r) => p ? y(r, p) : String(r)
+          }
+        ],
+        children: [
+          M && /* @__PURE__ */ t(
+            K,
+            {
+              lineStyle: {
+                stroke: n ? b.palette.neutral.main : b.palette.neutral.dark,
+                strokeDasharray: "10, 8",
+                strokeWidth: 2
+              },
+              y: j
+            }
+          ),
+          /* @__PURE__ */ t(Z, {}),
+          /* @__PURE__ */ t(
+            _,
+            {
+              slots: {
+                line: (r) => /* @__PURE__ */ t(
+                  he,
+                  {
+                    ...r,
+                    lineColor: r.ownerState.color ?? b.palette.primary.main
+                  }
+                )
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            ee,
+            {
+              slots: Q ? {
+                mark: (r) => /* @__PURE__ */ t(
+                  de,
+                  {
+                    handlers: B,
+                    labelBackgroundColor: n,
+                    labelFontColor: h,
+                    labelFontSize: k,
+                    showLabel: H,
+                    style: $?.(r.dataIndex) ?? {},
+                    valueFormatterString: p,
+                    yData: L,
+                    ...r
+                  }
+                )
+              } : void 0
+            }
+          ),
+          /* @__PURE__ */ t(
+            te,
+            {
+              barLabel: (r) => Number(r.value) > 0 ? `$${r.value}` : null,
+              borderRadius: 10
+            }
+          ),
+          /* @__PURE__ */ t(
+            ne,
+            {
+              disableLine: !X,
+              disableTicks: !Y,
+              slotProps: e ? {
+                axisLine: {
+                  style: {
+                    stroke: e
+                  }
+                },
+                axisTick: {
+                  style: {
+                    stroke: e
+                  }
+                }
+              } : {}
+            }
+          ),
+          /* @__PURE__ */ t(
+            re,
+            {
+              disableLine: !F,
+              disableTicks: !G,
+              slotProps: e ? {
+                axisLine: {
+                  style: {
+                    stroke: e
+                  }
+                },
+                axisTick: {
+                  style: {
+                    stroke: e
+                  }
+                }
+              } : {}
+            }
+          ),
+          D && /* @__PURE__ */ t(ae, { x: "line" }),
+          E && /* @__PURE__ */ t(
+            fe,
+            {
+              customLabels: u,
+              labels: d,
+              valueFormatterString: p
+            }
+          )
+        ]
+      }
+    ),
+    T && /* @__PURE__ */ t(
+      xe,
+      {
+        average: M ? j : void 0,
+        customLegendVariant: g,
+        labels: d,
+        series: R,
+        style: { position: "absolute", top: 16, left: 16 },
+        title: O,
+        valueFormatterString: p
+      }
+    )
+  ] });
+};
+export {
+  De as L
+};