@mx-cartographer/experiences 8.1.10 → 8.1.11

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [8.1.11] - 05-05-2026
+
+- **FIXED** - Spending chart crash on chart color index overflow
+
 ## [8.1.10] - 05-05-2026
 
 - **UPDATED** - Error component UI and no network fallback

package/dist/{SpendingLegend-DLElSvH0.mjs → SpendingLegend-BS8mHUbu.mjs}

@@ -13,72 +13,72 @@ import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-RzCoiTd0.mjs";
 import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
 import { f as b } from "./NumberFormatting-CyrvFgfd.mjs";
-const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
-  const a = i.find((s) => s.guid === n.category_guid);
-  if (!a) return o;
-  const t = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === t);
-  if (!r || n.total <= 0) return o;
+const D = 5, B = (i, l, s, m) => m.reduce((o, n) => {
+  const r = i.find((u) => u.guid === n.category_guid);
+  if (!r) return o;
+  const t = r.parent_guid ?? r.guid, a = i.find((u) => u.guid === t);
+  if (!a || n.total <= 0) return o;
   const c = {
-    guid: a.guid,
-    name: a.guid === t ? `${l.parent_category_totals_label_general} ${a.name}` : a.name,
-    color: _(r.guid, g),
+    guid: r.guid,
+    name: r.guid === t ? `${l.parent_category_totals_label_general} ${r.name}` : r.name,
+    color: _(a.guid, s),
     amount: n.total
-  }, e = o.find((s) => s.guid === t);
+  }, e = o.find((u) => u.guid === t);
   return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : o.push({
     guid: t,
-    name: r.name,
-    color: _(r.guid, g),
+    name: a.name,
+    color: _(a.guid, s),
     categoryTotals: [c],
     amount: n.total
   }), o;
-}, []), nt = (i, l, g, m) => {
-  const n = B(i, l, g, m).filter(
+}, []), nt = (i, l, s, m) => {
+  const n = B(i, l, s, m).filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
-  ).sort((e, s) => s.amount - e.amount), a = n.reduce(
-    (e, s) => e + s.amount,
+  ).sort((e, u) => u.amount - e.amount), r = n.reduce(
+    (e, u) => e + u.amount,
     0
-  ), t = n.length > D ? D : n.length, r = n.slice(0, t), c = r.map((e) => ({
+  ), t = n.length > D ? D : n.length, a = n.slice(0, t), c = a.map((e) => ({
     id: e.guid,
-    color: _(e.guid, g),
+    color: _(e.guid, s),
     label: e.name,
-    value: e.amount / a * 100
+    value: e.amount / r * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(D), s = e.reduce(
-      (C, u) => C + u.amount,
+    const e = n.slice(D), u = e.reduce(
+      (C, g) => C + g.amount,
       0
     );
-    r.push({
+    a.push({
       guid: "other",
-      color: g.palette.categories.others || "",
+      color: s.palette.categories.others || "",
       name: l.saving_goal_other,
       categoryTotals: e,
-      amount: s
+      amount: u
     }), c.push({
       id: "other",
-      color: g.palette.categories.others || "",
+      color: s.palette.categories.others || "",
       label: l.saving_goal_other,
-      value: s / a * 100
+      value: u / r * 100
     });
   }
   return {
-    categoryData: r,
+    categoryData: a,
     donutData: c,
-    totalAmount: a
+    totalAmount: r
   };
-}, et = (i, l, g) => {
+}, et = (i, l, s) => {
   const m = i.filter(
     (t) => t.guid === p.INCOME || t.parent_guid === p.INCOME
-  ), o = l.filter((t) => m.some((r) => r.guid === t.category_guid)).sort((t, r) => t.total - r.total).map((t, r) => ({
+  ), o = l.filter((t) => m.some((a) => a.guid === t.category_guid)).sort((t, a) => t.total - a.total).map((t, a) => ({
     guid: t.category_guid,
     name: i.find((c) => c.guid === t.category_guid)?.name,
-    color: g[r],
+    color: s[a % s.length],
     categoryTotals: [],
     amount: Math.abs(t.total)
   })), n = o.reduce(
-    (t, r) => t + r.amount,
+    (t, a) => t + a.amount,
     0
-  ), a = o.map((t) => ({
+  ), r = o.map((t) => ({
     id: t.guid,
     color: t.color,
     label: t.name,
@@ -86,36 +86,36 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   }));
   return {
     categoryData: o,
-    donutData: a,
+    donutData: r,
     totalAmount: n
   };
 }, P = ({
   data: i,
   isIncome: l = !1,
-  onSelected: g,
+  onSelected: s,
   onViewTransactions: m,
   selectedId: o,
   size: n = 150,
-  totalLabel: a,
+  totalLabel: r,
   variant: t = "mini"
 }) => {
-  const { spending: r } = v(), c = M(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
+  const { spending: a } = v(), c = M(), { isTablet: e } = V(), { announce: u, ariaLive: C } = R(), g = T.useMemo(
     () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
     [o]
   );
   T.useEffect(() => {
-    if (u) {
-      const x = b(u.amount, t === "mini" ? "0,0" : "0,0.00");
-      s(`${u.name}: ${x}`);
+    if (g) {
+      const x = b(g.amount, t === "mini" ? "0,0" : "0,0.00");
+      u(`${g.name}: ${x}`);
     }
-  }, [u, s, t]);
+  }, [g, u, t]);
   const E = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], I = () => {
     m?.(o);
   }, w = e ? 32 : 48;
   return /* @__PURE__ */ f(N, { children: [
     C,
-    /* @__PURE__ */ d(j, { data: E, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ f(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
-      u && /* @__PURE__ */ f(
+    /* @__PURE__ */ d(j, { data: E, onClick: s, selectedId: o, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ f(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+      g && /* @__PURE__ */ f(
         h,
         {
           alignItems: "center",
@@ -127,7 +127,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
             /* @__PURE__ */ d(S, { "aria-hidden": "true", role: "presentation", children: /* @__PURE__ */ d(
               G,
               {
-                categoryGuid: l ? p.INCOME : u.guid,
+                categoryGuid: l ? p.INCOME : g.guid,
                 size: t === "mini" ? 24 : w,
                 variant: O.Transparent
               }
@@ -138,29 +138,29 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
                 color: "text.secondary",
                 noWrap: !0,
                 variant: t === "mini" ? "tiny" : "body1",
-                children: u ? u.name : a
+                children: g ? g.name : r
               }
             )
           ]
         }
       ),
-      !u && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "text.secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? b(u.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
-      !u && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
+      !g && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "text.secondary", sx: { mb: { xs: 4, xl: 8 } }, children: r }),
+      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: g ? b(g.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
+      !g && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: r }),
       t === "full" && /* @__PURE__ */ d(
         A,
         {
-          "aria-label": `View ${u?.name || ""} Transactions`,
+          "aria-label": `View ${g?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,
           onClick: I,
           sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
           variant: "text",
-          children: r.view_transactions
+          children: a.view_transactions
         }
       )
     ] }) }) })
   ] });
-}, rt = k(P), at = ({ data: i, onSelected: l, selectedId: g }) => {
+}, at = k(P), rt = ({ data: i, onSelected: l, selectedId: s }) => {
   const m = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l(n));
   };
@@ -169,7 +169,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
     {
       alignItems: "center",
       "aria-label": o.name,
-      "aria-pressed": o.guid === g,
+      "aria-pressed": o.guid === s,
       direction: "row",
       gap: 8,
       onClick: () => l(o.guid),
@@ -179,15 +179,15 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
       tabIndex: 0,
       children: [
         /* @__PURE__ */ d(S, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
-        /* @__PURE__ */ d(y, { bold: o.guid === g, variant: "caption", children: o.name })
+        /* @__PURE__ */ d(y, { bold: o.guid === s, variant: "caption", children: o.name })
       ]
     },
     o.guid
   )) });
 };
 export {
-  rt as S,
+  at as S,
   et as a,
-  at as b,
+  rt as b,
   nt as g
 };

package/dist/finstrong/index.es.js

@@ -51,7 +51,7 @@ import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as Dt } from "date-fns/startOfMonth";
 import { endOfMonth as It } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-DLElSvH0.mjs";
+import { g as eo, S as to, b as no } from "../SpendingLegend-BS8mHUbu.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";

package/dist/spending/index.es.js

@@ -8,7 +8,7 @@ import y from "@mui/material/Stack";
 import O from "@mui/material/Tab";
 import it from "@mui/material/Tabs";
 import _t from "@mui/material/styles/useTheme";
-import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-DLElSvH0.mjs";
+import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-BS8mHUbu.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as N } from "../NumberFormatting-CyrvFgfd.mjs";
 import { u as A, l as W, d as lt, b as z, a as V, h as ct, g as yt } from "../hooks-RzCoiTd0.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.1.10",
+  "version": "8.1.11",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",