@mx-cartographer/experiences 7.3.0-alpha.sms1 → 7.3.0

package/dist/TrendsStore-DCYbpXPO.mjs

@@ -1,559 +0,0 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import M, { useRef as Ct, useState as bt, useEffect as vt } from "react";
-import L from "@mui/material/Box";
-import T from "@mui/material/Stack";
-import { useTheme as J } from "@mui/material/styles";
-import { LineChart as St } from "@mui/x-charts";
-import { u as K } from "./useScreenSize-B6JyS_Lj.mjs";
-import { u as _t } from "./useDimensions-27p2evRx.mjs";
-import { observer as Mt } from "mobx-react-lite";
-import Tt from "@mui/material/Card";
-import Dt from "@mui/material/CardContent";
-import P from "@mui/material/Divider";
-import X from "@mui/material/Grid";
-import { CategoryIcon as At, Text as S } from "@mxenabled/mxui";
-import { u as Lt, m as Q } from "./hooks-D6XlXHf4.mjs";
-import { b as Rt } from "./Localization-2MODESHW.mjs";
-import { C as O } from "./CurrencyText-kyC1aseI.mjs";
-import { useTheme as wt, Card as Ht, CardContent as It, Box as kt } from "@mui/material";
-import { f as R, D as w } from "./Dialog-CWW597AF.mjs";
-import Et from "@mui/material/Button";
-import { C as A, b as Gt, c as Nt } from "./Category-CevNQ03n.mjs";
-import { f as V } from "./NumberFormatting-Buh7u8Oi.mjs";
-import Bt from "@mui/material/ListItem";
-import Ot from "@mui/material/ListItemButton";
-import z from "@mui/material/ListItemIcon";
-import $t from "@mui/material/ListItemText";
-import { makeAutoObservable as Wt } from "mobx";
-import { addSeconds as jt } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as Ft } from "date-fns/differenceInCalendarMonths";
-import { endOfMonth as q } from "date-fns/endOfMonth";
-import { subMonths as Yt } from "date-fns/subMonths";
-const U = ({ categoryGuid: r, topLevelCategoryGuid: e }) => {
-  const { categories: o } = Lt(), { getCategoryName: a } = Q(), n = a(r);
-  return /* @__PURE__ */ f(T, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
-    /* @__PURE__ */ s(
-      L,
-      {
-        "aria-label": Rt(o.category_icon_label_aria, n),
-        mb: 4,
-        role: "img",
-        children: /* @__PURE__ */ s(At, { categoryGuid: e })
-      }
-    ),
-    /* @__PURE__ */ s(S, { variant: "Body", children: n })
-  ] });
-}, Pt = ({
-  categoryGuids: { guid: r, topLevelGuid: e },
-  hoveredAreaData: o,
-  cursorPosition: a,
-  chartContainerRef: n
-}) => {
-  const i = J(), l = Ct(null), [h, g] = bt({ x: a.x, y: a.y });
-  if (vt(() => {
-    (() => {
-      const u = l.current, x = n.current;
-      if (!u || !x) return;
-      const y = u.getBoundingClientRect(), b = x.getBoundingClientRect();
-      let p = a.x, v = a.y;
-      p + y.width * 2 > b.right ? p = a.x - y.width : p - y.width < b.left && (p = a.x), v + y.height * 2 > b.bottom && (v = a.y - y.height), g({ x: p, y: v });
-    })();
-  }, [a, n]), !o) return null;
-  const C = o.reduce((d, u) => d + u.y, 0);
-  return /* @__PURE__ */ s(
-    Tt,
-    {
-      ref: l,
-      sx: {
-        position: "absolute",
-        top: h.y,
-        left: h.x,
-        width: 250,
-        pointerEvents: "none"
-      },
-      children: /* @__PURE__ */ f(Dt, { children: [
-        /* @__PURE__ */ f(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ s(U, { categoryGuid: r, topLevelCategoryGuid: e }),
-          /* @__PURE__ */ s(S, { variant: "Small", children: `${o.length}-month total` }),
-          /* @__PURE__ */ s(O, { amount: C, bold: !0, formatString: "0,0", variant: "body2" })
-        ] }),
-        /* @__PURE__ */ s(P, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ s(X, { container: !0, children: o.map((d, u) => /* @__PURE__ */ f(M.Fragment, { children: [
-          u > 0 && u % 3 === 0 && /* @__PURE__ */ s(P, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ s(X, { item: !0, xs: 4, children: /* @__PURE__ */ f(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ s(S, { color: i.palette.text.secondary, variant: "XSmall", children: d.x }),
-            /* @__PURE__ */ s(
-              O,
-              {
-                amount: d.y,
-                bold: !0,
-                formatString: "0,0",
-                variant: "Body"
-              }
-            )
-          ] }) })
-        ] }, u)) })
-      ] })
-    }
-  );
-}, Xt = Mt(Pt), Vt = ({
-  categoryGuids: { guid: r, topLevelGuid: e },
-  itemData: { dataIndex: o },
-  series: a,
-  xData: n
-}) => {
-  const i = wt(), l = a.data[o], h = n[o];
-  return l === void 0 || !h ? null : /* @__PURE__ */ s(Ht, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ s(It, { children: /* @__PURE__ */ f(kt, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ s(U, { categoryGuid: r, topLevelCategoryGuid: e }),
-    /* @__PURE__ */ s(S, { color: i.palette.text.secondary, variant: "Small", children: R(h, w.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ s(O, { amount: String(l), bold: !0, formatString: "0,0", variant: "Body" })
-  ] }) }) });
-}, zt = ({
-  sx: r,
-  categoryGuids: e,
-  hoveredLegend: o,
-  legendRef: a,
-  onHoverLegend: n,
-  onClickLegend: i
-}) => {
-  const { isMobile: l } = K(), { getCategoryName: h } = Q();
-  return /* @__PURE__ */ s(
-    T,
-    {
-      direction: "row",
-      flexWrap: "wrap",
-      gap: l ? 2 : 6,
-      justifyContent: "start",
-      ref: a,
-      sx: r,
-      children: e.map(({ guid: g, top_level_guid: C }) => {
-        const d = o === g, u = A[g], x = A[C], y = u ?? x ?? A.default, b = y + "33";
-        return /* @__PURE__ */ f(
-          Et,
-          {
-            onClick: () => i(g),
-            onMouseEnter: () => n(g),
-            onMouseLeave: () => n(null),
-            sx: {
-              color: "text.primary",
-              fontWeight: "normal",
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              paddingX: 8,
-              paddingY: 4,
-              borderRadius: 1,
-              opacity: d ? 1 : 0.7
-            },
-            children: [
-              /* @__PURE__ */ s(
-                L,
-                {
-                  sx: {
-                    width: 16,
-                    height: 16,
-                    marginRight: l ? 5 : 10,
-                    borderRadius: "2px",
-                    backgroundColor: o ? d ? y : b : y
-                  }
-                }
-              ),
-              /* @__PURE__ */ s(S, { variant: "Body", children: h(g) })
-            ]
-          },
-          g
-        );
-      })
-    }
-  );
-}, Ie = ({
-  onHoverArea: r,
-  onHoverPoint: e,
-  onHoverLegend: o,
-  onClickLegend: a,
-  stackedDatasets: n,
-  unstackedDatasets: i = [],
-  availableHeight: l = 0,
-  minimumHeight: h = 350
-}) => {
-  const g = J(), { isMobile: C } = K(), [d, { height: u }] = _t(), x = M.useRef(null), [y, b] = M.useState(0);
-  M.useEffect(() => {
-    const t = Math.max(l - u, h);
-    b(t);
-  }, [l, u]);
-  const [p, v] = M.useState(null), [Z, H] = M.useState({
-    hoveredSeriesId: null,
-    hoveredAreaData: null,
-    isAreaHovered: !1,
-    cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: D, hoveredAreaData: $, isAreaHovered: tt, cursorPos: I } = Z, W = tt && D && $, j = !W, G = [...n, ...i], et = G[0]?.dataset.length ?? 0, N = G.flatMap((t) => t.dataset.map((c) => c.x)), ot = G.flatMap((t) => t.dataset.map((c) => c.y)), rt = n[0]?.dataset?.map(
-    (t, c) => n.reduce((m, _) => m + _.dataset[c]?.y || 0, 0)
-  ) ?? [0], at = Math.max(...rt), nt = Math.max(
-    ...i.flatMap((t) => t.dataset.map((c) => c.y))
-  ), st = Math.floor(Math.min(...ot) / 100) * 100, it = Math.ceil(Math.max(at, nt) / 100) * 100, k = n.map((t, c) => ({
-    id: `stacked-${c}`,
-    guid: t.category_guid,
-    top_level_guid: t.top_level_category_guid,
-    area: !0,
-    color: n[c].category_color ?? g.palette.primary.main,
-    data: t.dataset.map((m) => m.y),
-    label: n[c].category_name,
-    stack: "total",
-    type: "line",
-    highlightScope: { highlight: "item" },
-    valueFormatter: (m) => V(m, "0,0")
-  })), F = i.map((t, c) => ({
-    id: `unstacked-${c}`,
-    guid: t.category_guid,
-    top_level_guid: t.top_level_category_guid,
-    area: !1,
-    color: t.category_color,
-    data: t.dataset.map((m) => m.y),
-    label: t.category_name,
-    type: "line",
-    valueFormatter: (m) => V(m, "0,0")
-  })), Y = [...k, ...F], ct = [
-    ...k.map(({ guid: t, top_level_guid: c }) => ({
-      guid: t,
-      top_level_guid: c
-    })),
-    ...F.map(({ guid: t, top_level_guid: c }) => ({
-      guid: t,
-      top_level_guid: c
-    }))
-  ], E = (t) => {
-    const m = t.startsWith("stacked-") ? n[parseInt(t.split("-")[1])] : i[parseInt(t.split("-")[1])];
-    return {
-      guid: m?.category_guid,
-      topLevelGuid: m?.top_level_category_guid
-    };
-  }, lt = (t) => {
-    v(t), o?.(t ?? "");
-  }, dt = (t) => {
-    a?.(t ?? "");
-  }, ut = () => {
-    const t = E(String(D)).guid;
-    t && a?.(t);
-  }, mt = (t) => {
-    const c = String(t?.seriesId), m = E(c).guid, _ = Y.find((B) => B.id === c), pt = _ && t?.dataIndex !== void 0, yt = _ && t?.dataIndex === void 0;
-    if (pt)
-      H({
-        hoveredSeriesId: c,
-        hoveredAreaData: null,
-        isAreaHovered: !1,
-        cursorPos: I
-      }), e?.(m);
-    else if (yt) {
-      const B = _?.data.map((ft, xt) => ({
-        x: N[xt],
-        y: ft
-      })) ?? [];
-      H({
-        hoveredSeriesId: c,
-        hoveredAreaData: B,
-        isAreaHovered: !0,
-        cursorPos: I
-      }), r?.(m);
-    } else
-      H({
-        hoveredSeriesId: null,
-        hoveredAreaData: null,
-        isAreaHovered: !1,
-        cursorPos: I
-      });
-  }, gt = (t) => {
-    const c = t.currentTarget.getBoundingClientRect();
-    H((m) => ({
-      ...m,
-      cursorPos: {
-        x: t.clientX - c.left,
-        y: t.clientY - c.top
-      }
-    }));
-  }, ht = {
-    p: 4,
-    "& .MuiBarLabel-root": {
-      fontSize: 10,
-      fontWeight: 600
-    },
-    "& .MuiAreaElement-root": {
-      opacity: 0.4,
-      transition: "opacity 0.3s ease"
-    },
-    "& .MuiAreaElement-root:hover": {
-      opacity: 1
-    },
-    '& [class*="MuiLineElement-series-unstacked-"]': {
-      strokeWidth: 3
-    },
-    ...p && k.reduce((t, c, m) => {
-      const _ = `.MuiAreaElement-series-stacked-${m}`;
-      return t[_] = {
-        opacity: k[m].guid === p ? 0.9 : 0.2
-      }, t;
-    }, {})
-  };
-  return /* @__PURE__ */ s(
-    L,
-    {
-      onMouseMove: gt,
-      ref: x,
-      sx: {
-        position: "relative",
-        touchAction: "pan-y",
-        "& svg": {
-          touchAction: "pan-y",
-          userSelect: "none"
-        },
-        "& .recharts-wrapper": {
-          touchAction: "pan-y"
-        }
-      },
-      children: /* @__PURE__ */ f(
-        T,
-        {
-          direction: { xs: "column", md: "column" },
-          spacing: { xs: 0, md: 4 },
-          sx: { width: "100%", position: "relative" },
-          children: [
-            /* @__PURE__ */ s(
-              St,
-              {
-                height: y,
-                margin: { bottom: 50 },
-                onAreaClick: ut,
-                onHighlightChange: mt,
-                series: Y,
-                skipAnimation: !0,
-                slotProps: {
-                  legend: {
-                    hidden: !0
-                  }
-                },
-                slots: {
-                  itemContent: (t) => j && D ? /* @__PURE__ */ s(
-                    Vt,
-                    {
-                      categoryGuids: E(D),
-                      xData: N,
-                      ...t
-                    }
-                  ) : null
-                },
-                sx: ht,
-                tooltip: {
-                  trigger: j ? "item" : "none"
-                },
-                xAxis: [
-                  {
-                    data: N,
-                    scaleType: "time",
-                    valueFormatter: (t) => R(t, w.MONTH_SHORT_YEAR),
-                    tickNumber: et
-                    // How many ticks to show on the x-axis
-                  }
-                ],
-                yAxis: [
-                  {
-                    min: st,
-                    max: it || 100
-                  }
-                ]
-              }
-            ),
-            /* @__PURE__ */ s(
-              zt,
-              {
-                categoryGuids: ct,
-                hoveredLegend: p,
-                legendRef: d,
-                onClickLegend: dt,
-                onHoverLegend: lt,
-                sx: { px: C ? 0 : 24 }
-              }
-            ),
-            W && /* @__PURE__ */ s(
-              Xt,
-              {
-                categoryGuids: E(D),
-                chartContainerRef: x,
-                cursorPosition: I,
-                hoveredAreaData: $.map((t) => ({
-                  ...t,
-                  x: R(t.x, w.MONTH_SHORT_YEAR)
-                }))
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, ke = ({
-  onClick: r,
-  leftIcon: e,
-  rightIcon: o,
-  title: a,
-  subtitle: n,
-  rightContent: i,
-  titleBold: l = !0,
-  rightContentBold: h = !0
-}) => {
-  const g = /* @__PURE__ */ f(M.Fragment, { children: [
-    e && /* @__PURE__ */ s(z, { sx: { ml: 0 }, children: e }),
-    /* @__PURE__ */ s($t, { children: /* @__PURE__ */ f(
-      T,
-      {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          marginLeft: 12
-        },
-        children: [
-          /* @__PURE__ */ f(T, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ s(S, { bold: l, variant: "body1", children: a }),
-            n && /* @__PURE__ */ s(S, { variant: "caption", children: n })
-          ] }),
-          /* @__PURE__ */ f(T, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
-            i && /* @__PURE__ */ s(S, { bold: h, display: "flex", variant: "body1", children: i }),
-            o && /* @__PURE__ */ s(z, { children: o })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ s(Bt, { sx: { bgcolor: "background.paper" }, children: r ? /* @__PURE__ */ s(
-    Ot,
-    {
-      onClick: r,
-      sx: {
-        py: 14
-      },
-      children: g
-    }
-  ) : /* @__PURE__ */ s(
-    T,
-    {
-      sx: {
-        py: 14,
-        px: 24,
-        width: "100%",
-        flexDirection: "row",
-        alignItems: "center"
-      },
-      children: g
-    }
-  ) });
-}, qt = (r) => A[r] ?? A.default, Jt = (r) => Nt[r];
-function Kt(r, e) {
-  const o = [], a = new Date(r);
-  for (; a <= e; ) {
-    const n = a.getFullYear(), i = String(a.getMonth() + 1).padStart(2, "0");
-    o.push(+`${n}${i}`), a.setMonth(a.getMonth() + 1);
-  }
-  return o;
-}
-const Qt = (r) => r.reduce((o, a) => {
-  const n = {
-    top_level_category_guid: a.top_level_category_guid,
-    category_guid: a.category_guid,
-    amount: a.total,
-    year_month: a.year_month
-  }, { top_level_category_guid: i, category_guid: l } = n;
-  return o[l] || (o[l] = []), o[l].push(n), i !== l && (o[i] || (o[i] = []), o[i].push(n)), o;
-}, {}), Ee = (r, e, o) => {
-  const a = Qt(r), n = Kt(e, o);
-  return Object.entries(a).map(([l, h]) => {
-    const g = h[0].top_level_category_guid, C = n.map((d) => {
-      const u = h.filter((p) => p.year_month === d).reduce((p, v) => p + Math.abs(v.amount), 0), x = Number(String(d).slice(0, 4)), y = Number(String(d).slice(4));
-      return { x: new Date(x, y - 1), y: u };
-    }).sort((d, u) => d.x.getTime() - u.x.getTime());
-    return {
-      top_level_category_guid: g,
-      category_guid: l,
-      category_name: Jt(l),
-      category_color: qt(g),
-      dataset: C
-    };
-  });
-}, Ge = (r, e) => {
-  const o = typeof r == "string" ? parseFloat(r.replace(/[^0-9.-]+/g, "")) : r, a = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e;
-  return (o || 0) - (a || 0);
-}, Ut = (r, e) => {
-  const o = r.subCategories.filter((i) => i.currentAmount !== 0), a = r.totalMonthlyAmounts.slice(-e), n = (i) => i.substring(0, 3) + " " + i.slice(-4);
-  return a.map((i) => {
-    const l = n(i.label), h = o.map((d) => {
-      const u = d.monthlyAmounts.slice(-e).find((x) => n(x.label) === l);
-      return {
-        label: d.name,
-        amount: Math.abs(u?.amount || 0),
-        header: l
-      };
-    }), g = r.monthlyAmounts.slice(-e).find((d) => n(d.label) === l);
-    return [{
-      label: r.name,
-      amount: Math.abs(g?.amount || 0),
-      header: l
-    }, ...h].sort((d, u) => u.amount - d.amount);
-  });
-}, Zt = (r, e) => {
-  const o = r ? r.totalMonthlyAmounts.slice(-e).map((n) => ({
-    x: n.label.substring(0, 3),
-    y: Math.abs(n.amount)
-  })) : [], a = r ? Ut(r, e) : [];
-  return { monthlyAmounts: o, tooltipLabels: a };
-}, te = (r) => r.slice().filter(
-  (e) => e.totalAmount !== 0 && e.isTransfer === !1 && e.guid !== Gt.INVESTMENTS
-).sort((e, o) => Math.abs(o.totalAmount) - Math.abs(e.totalAmount));
-class Ne {
-  globalStore;
-  selectedCategoryData = null;
-  selectedDateRange;
-  visibleListLength = 5;
-  constructor(e) {
-    this.globalStore = e, this.selectedDateRange = {
-      start: jt(q(Yt(/* @__PURE__ */ new Date(), 6)), 1),
-      end: q(/* @__PURE__ */ new Date())
-    }, Wt(this);
-  }
-  setSelectedCategoryData = (e) => {
-    this.selectedCategoryData = e;
-  };
-  setSelectedDateRange = (e) => {
-    this.selectedDateRange = e;
-  };
-  setVisibleListLength = (e) => {
-    this.visibleListLength = e;
-  };
-  get sortedDetailedCategoriesWithTransactions() {
-    return te(
-      this.globalStore.categoryStore.detailedCategoriesWithTransactions
-    );
-  }
-  get selectedDateRangeMonthCount() {
-    return Ft(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
-  }
-  get selectedDateRangeMonthRange() {
-    const e = R(this.selectedDateRange.start, w.MONTH_LONG), o = R(this.selectedDateRange.end, w.MONTH_LONG);
-    return `${e} - ${o}`;
-  }
-  get visibleCategories() {
-    return this.sortedDetailedCategoriesWithTransactions.slice(0, this.visibleListLength);
-  }
-  get collapsedCategories() {
-    return this.sortedDetailedCategoriesWithTransactions.slice(this.visibleListLength);
-  }
-  get categoryDetailsChartData() {
-    return Zt(
-      this.selectedCategoryData,
-      this.selectedDateRangeMonthCount
-    );
-  }
-}
-export {
-  ke as L,
-  Ie as S,
-  Ne as T,
-  Ge as a,
-  Ee as g
-};

package/dist/useAriaLive-B3_pRUio.mjs

@@ -1,35 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import e from "react";
-import u from "@mui/material/Box";
-const x = (a = "polite") => {
-  const [s, o] = e.useState(""), [t, r] = e.useState(a), n = e.useCallback((c, i) => {
-    i && r(i), o(c);
-  }, []), p = e.useMemo(
-    () => /* @__PURE__ */ l(
-      u,
-      {
-        "aria-atomic": "true",
-        "aria-live": t,
-        role: t === "assertive" ? "alert" : "status",
-        sx: {
-          position: "absolute",
-          width: "1px",
-          height: "1px",
-          padding: 0,
-          margin: "-1px",
-          overflow: "hidden",
-          clip: "rect(0 0 0 0)",
-          clipPath: "inset(50%)",
-          whiteSpace: "nowrap",
-          border: 0
-        },
-        children: s
-      }
-    ),
-    [s, t]
-  );
-  return { announce: n, ariaLive: p };
-};
-export {
-  x as u
-};