@mx-cartographer/experiences 7.6.4 → 7.6.6

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [7.6.6] - 01-14-2026
+
+- **ADDED** - General parent category rows when displaying sub-categories
+- **FIXED** - Issue where income category on Trends table would display a `+-` before the number
+
+## [7.6.5] - 01-14-2026
+
+- **UPDATED** - Added a11y labels for chart/table toggle
+
 ## [7.6.4] - 01-15-2026
 
 - **UPDATED** - Fixes for `Finstrong` Profile and KeyIndicatorsDrawer

package/dist/{TrendsStore-BFbkWt-O.mjs → TrendsStore-CQAsOAvy.mjs}

@@ -1,18 +1,18 @@
 import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import x from "react";
-import S from "@mui/material/ListItem";
-import R from "@mui/material/ListItemButton";
-import D from "@mui/material/ListItemIcon";
-import A from "@mui/material/ListItemText";
+import T from "react";
+import x from "@mui/material/ListItem";
+import S from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import R from "@mui/material/ListItemText";
 import h from "@mui/material/Stack";
 import { Text as b } from "@mxenabled/mxui";
-import { makeAutoObservable as N } from "mobx";
-import { addSeconds as v } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as w } from "date-fns/differenceInCalendarMonths";
-import { endOfMonth as _ } from "date-fns/endOfMonth";
-import { subMonths as I } from "date-fns/subMonths";
-import { b as E, C, c as f } from "./Category-CevNQ03n.mjs";
-import { f as L, a as M } from "./Dialog-BlnUNqVo.mjs";
+import { makeAutoObservable as A } from "mobx";
+import { addSeconds as N } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as v } from "date-fns/differenceInCalendarMonths";
+import { endOfMonth as D } from "date-fns/endOfMonth";
+import { subMonths as w } from "date-fns/subMonths";
+import { b as I, C as _, c as O } from "./Category-CevNQ03n.mjs";
+import { f as C, a as L } from "./Dialog-BlnUNqVo.mjs";
 const rt = ({
   onClick: e,
   leftIcon: t,
@@ -23,9 +23,9 @@ const rt = ({
   titleBold: i = !0,
   rightContentBold: c = !0
 }) => {
-  const g = /* @__PURE__ */ u(x.Fragment, { children: [
-    t && /* @__PURE__ */ l(D, { sx: { ml: 0 }, children: t }),
-    /* @__PURE__ */ l(A, { children: /* @__PURE__ */ u(
+  const g = /* @__PURE__ */ u(T.Fragment, { children: [
+    t && /* @__PURE__ */ l(f, { sx: { ml: 0 }, children: t }),
+    /* @__PURE__ */ l(R, { children: /* @__PURE__ */ u(
       h,
       {
         sx: {
@@ -40,14 +40,14 @@ const rt = ({
           ] }),
           /* @__PURE__ */ u(h, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
             a && /* @__PURE__ */ l(b, { bold: c, display: "flex", variant: "body1", children: a }),
-            o && /* @__PURE__ */ l(D, { children: o })
+            o && /* @__PURE__ */ l(f, { children: o })
           ] })
         ]
       }
     ) })
   ] });
-  return /* @__PURE__ */ l(S, { sx: { bgcolor: "background.paper" }, children: e ? /* @__PURE__ */ l(
-    R,
+  return /* @__PURE__ */ l(x, { sx: { bgcolor: "background.paper" }, children: e ? /* @__PURE__ */ l(
+    S,
     {
       onClick: e,
       sx: {
@@ -68,8 +68,8 @@ const rt = ({
       children: g
     }
   ) });
-}, O = (e) => C[e] ?? C.default, W = (e) => f[e];
-function F(e, t) {
+}, E = (e) => _[e] ?? _.default, G = (e) => O[e];
+function W(e, t) {
   const o = [], r = new Date(e);
   for (; r <= t; ) {
     const n = r.getFullYear(), a = String(r.getMonth() + 1).padStart(2, "0");
@@ -77,7 +77,7 @@ function F(e, t) {
   }
   return o;
 }
-const G = (e) => e.reduce((t, o) => {
+const F = (e) => e.reduce((t, o) => {
   const r = {
     top_level_category_guid: o.top_level_category_guid,
     category_guid: o.category_guid,
@@ -86,27 +86,24 @@ const G = (e) => e.reduce((t, o) => {
   }, { top_level_category_guid: n, category_guid: a } = r;
   return t[a] || (t[a] = []), t[a].push(r), n !== a && (t[n] || (t[n] = []), t[n].push(r)), t;
 }, {}), at = (e, t, o) => {
-  const r = G(e), n = F(t, o);
+  const r = F(e), n = W(t, o);
   return Object.entries(r).map(([a, i]) => {
     const c = i[0].top_level_category_guid, g = n.map((m) => {
-      const s = i.filter((y) => y.year_month === m).reduce((y, T) => y + Math.abs(T.amount), 0), d = Number(String(m).slice(0, 4)), p = Number(String(m).slice(4));
+      const s = i.filter((y) => y.year_month === m).reduce((y, M) => y + Math.abs(M.amount), 0), d = Number(String(m).slice(0, 4)), p = Number(String(m).slice(4));
       return { x: new Date(d, p - 1), y: s };
     }).sort((m, s) => m.x.getTime() - s.x.getTime());
     return {
       top_level_category_guid: c,
       category_guid: a,
-      category_name: W(a),
-      category_color: O(c),
+      category_name: G(a),
+      category_color: E(c),
       dataset: g
     };
   });
 }, nt = (e, t) => {
   const o = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, r = typeof t == "string" ? parseFloat(t.replace(/[^0-9.-]+/g, "")) : t;
   return (o || 0) - (r || 0);
-}, st = (e, t) => {
-  const o = f[e] || "", r = f[t] || "";
-  return o.localeCompare(r);
-}, $ = (e, t) => {
+}, st = (e, t) => e.indexOf("General") >= 0 ? 1 : e.localeCompare(t), $ = (e, t) => {
   const o = e.subCategories.filter((a) => a.currentAmount !== 0), r = e.totalMonthlyAmounts.slice(-t), n = (a) => a.substring(0, 3) + " " + a.slice(-4);
   return r.map((a) => {
     const i = n(a.label), c = o.map((s) => {
@@ -130,7 +127,7 @@ const G = (e) => e.reduce((t, o) => {
   })) : [], r = e ? $(e, t) : [];
   return { monthlyAmounts: o, tooltipLabels: r };
 }, k = (e) => e.slice().filter(
-  (t) => t.totalAmount !== 0 && !t.isTransfer && t.guid !== E.INVESTMENTS
+  (t) => t.totalAmount !== 0 && !t.isTransfer && t.guid !== I.INVESTMENTS
 ).sort((t, o) => Math.abs(o.totalAmount) - Math.abs(t.totalAmount));
 class it {
   globalStore;
@@ -139,9 +136,9 @@ class it {
   visibleListLength = 5;
   constructor(t) {
     this.globalStore = t, this.selectedDateRange = {
-      start: v(_(I(/* @__PURE__ */ new Date(), 6)), 1),
-      end: _(/* @__PURE__ */ new Date())
-    }, N(this);
+      start: N(D(w(/* @__PURE__ */ new Date(), 6)), 1),
+      end: D(/* @__PURE__ */ new Date())
+    }, A(this);
   }
   setSelectedCategoryData = (t) => {
     this.selectedCategoryData = t;
@@ -158,10 +155,10 @@ class it {
     );
   }
   get selectedDateRangeMonthCount() {
-    return w(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
+    return v(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
   }
   get selectedDateRangeMonthRange() {
-    const t = L(this.selectedDateRange.start, M.MONTH_LONG), o = L(this.selectedDateRange.end, M.MONTH_LONG);
+    const t = C(this.selectedDateRange.start, L.MONTH_LONG), o = C(this.selectedDateRange.end, L.MONTH_LONG);
     return `${t} - ${o}`;
   }
   get visibleCategories() {

package/dist/common/index.es.js

@@ -30,8 +30,8 @@ import { C as mr, G as _r, M as fr, T as yr } from "../GoalStore-nm-xgH5C.mjs";
 import { C as br } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { E as xr } from "../EmptyState-DoxNUae-.mjs";
 import { L as vr } from "../ListItemAction-DjHOd3sz.mjs";
-import { T as ct } from "../TrendsStore-BFbkWt-O.mjs";
-import { L as Ar } from "../TrendsStore-BFbkWt-O.mjs";
+import { T as ct } from "../TrendsStore-CQAsOAvy.mjs";
+import { L as Ar } from "../TrendsStore-CQAsOAvy.mjs";
 import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as $r } from "../ToggleListItem-ciFTiqRS.mjs";
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";

package/dist/common/types/localization/CommonCopy.d.ts

@@ -57,4 +57,7 @@ export interface CommonCopy {
     settings: string;
     six_month_total: string;
     unhide_button: string;
+    view_chart: string;
+    view_table: string;
+    view_toggle: string;
 }

package/dist/common/types/localization/TrendsCopy.d.ts

@@ -1,8 +1,10 @@
 export interface TrendsCopy {
     all_categories: string;
     categories: string;
+    category_general: string;
     category_income: string;
     category_spending: string;
+    category_title: string;
     close_category_details: string;
     empty_state_primary: string;
     empty_state_sub_text: string;
@@ -17,6 +19,7 @@ export interface TrendsCopy {
     primary_cta: string;
     spending_label: string;
     sub_title: string;
+    table_column_total: string;
     title: string;
     transaction: string;
     transactions: string;