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

package/dist/{SpendingLegend-6FqtMcBV.mjs → SpendingLegend-CDO060GT.mjs}

@@ -1,84 +1,84 @@
-import { b as T } from "./CategoryUtil-DfVKKkRf.mjs";
-import { b as p } from "./Category-Ccoew_sA.mjs";
-import { jsxs as y, Fragment as v, jsx as c } from "react/jsx-runtime";
-import _ from "react";
+import { b as _ } from "./CategoryUtil-DUM8NuGO.mjs";
+import { b as p } from "./Category-CevNQ03n.mjs";
+import { jsxs as y, Fragment as v, jsx as m } from "react/jsx-runtime";
+import x from "react";
 import { observer as w } from "mobx-react-lite";
-import N from "@mui/material/Button";
+import M from "@mui/material/Button";
 import f from "@mui/material/Stack";
-import { useTheme as k } from "@mui/material/styles";
-import { CategoryIcon as M, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
+import { useTheme as N } from "@mui/material/styles";
+import { CategoryIcon as k, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
 import { D as G } from "./Donut-Dmy3JTWd.mjs";
-import { u as O } from "./TransactionDetails-Bn0qY5Hw.mjs";
-import { u as $ } from "./hooks-C41HAxM5.mjs";
-import { u as j } from "./useScreenSize-B5afALev.mjs";
-import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
+import { u as O } from "./TransactionDetails-m5PddMQn.mjs";
+import { u as $ } from "./hooks-ZMp65DFz.mjs";
+import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
+import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";
 import R from "@mui/material/Box";
-const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
-  const r = i.find((s) => s.guid === n.category_guid);
-  if (!r) return o;
-  const t = r.parent_guid ?? r.guid, a = i.find((s) => s.guid === t);
+const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
+  const a = i.find((s) => s.guid === n.category_guid);
   if (!a) return o;
-  const m = {
-    guid: r.guid,
-    name: r.guid === t ? `${l.parent_category_totals_label_general} ${r.name}` : r.name,
-    color: T(a.guid, g),
+  const t = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === t);
+  if (!r) 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),
     amount: n.total
   }, e = o.find((s) => s.guid === t);
-  return e ? (e.amount += n.total, e.categoryTotals?.push(m)) : o.push({
+  return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : o.push({
     guid: t,
-    name: a.name,
-    color: T(a.guid, g),
-    categoryTotals: [m],
+    name: r.name,
+    color: _(r.guid, g),
+    categoryTotals: [c],
     amount: n.total
   }), o;
 }, []), ot = (i, l, g, d) => {
-  const o = V(i, l, g, d), n = o.filter(
-    (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER
-  ).sort((e, s) => s.amount - e.amount), r = n.reduce(
+  const o = B(i, l, g, d), n = o.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,
     0
-  ), t = n.length > D ? D : n.length, a = n.slice(0, t), m = a.map((e) => ({
+  ), t = n.length > T ? T : n.length, r = n.slice(0, t), c = r.map((e) => ({
     id: e.guid,
-    color: T(e.guid, g),
+    color: _(e.guid, g),
     label: e.name,
-    value: e.amount / r * 100
+    value: e.amount / a * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(D, o.length), s = e.reduce(
+    const e = n.slice(T, o.length), s = e.reduce(
       (C, u) => C + u.amount,
       0
     );
-    a.push({
+    r.push({
       guid: "other",
       color: g.palette.categories.others || "",
       name: l.saving_goal_other,
       categoryTotals: e,
       amount: s
-    }), m.push({
+    }), c.push({
       id: "other",
       color: g.palette.categories.others || "",
       label: l.saving_goal_other,
-      value: s / r * 100
+      value: s / a * 100
     });
   }
   return {
-    categoryData: a,
-    donutData: m,
-    totalAmount: r
+    categoryData: r,
+    donutData: c,
+    totalAmount: a
   };
 }, nt = (i, l, g) => {
   const d = i.filter(
     (t) => t.guid === p.INCOME || t.parent_guid === p.INCOME
-  ), o = l.filter((t) => d.some((a) => a.guid === t.category_guid)).sort((t, a) => t.total - a.total).map((t, a) => ({
+  ), o = l.filter((t) => d.some((r) => r.guid === t.category_guid)).sort((t, r) => t.total - r.total).map((t, r) => ({
     guid: t.category_guid,
-    name: i.find((m) => m.guid === t.category_guid)?.name,
-    color: g[a],
+    name: i.find((c) => c.guid === t.category_guid)?.name,
+    color: g[r],
     categoryTotals: [],
     amount: Math.abs(t.total)
   })), n = o.reduce(
-    (t, a) => t + a.amount,
+    (t, r) => t + r.amount,
     0
-  ), r = o.map((t) => ({
+  ), a = o.map((t) => ({
     id: t.guid,
     color: t.color,
     label: t.name,
@@ -86,35 +86,35 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
   }));
   return {
     categoryData: o,
-    donutData: r,
+    donutData: a,
     totalAmount: n
   };
-}, B = ({
+}, H = ({
   data: i,
   isIncome: l = !1,
   onSelected: g,
   onViewTransactions: d,
   selectedId: o,
   size: n = 150,
-  totalLabel: r,
+  totalLabel: a,
   variant: t = "mini"
 }) => {
-  const { spending: a } = $(), m = k(), { isTablet: e } = j(), { announce: s, ariaLive: C } = O(), u = _.useMemo(
+  const { spending: r } = $(), c = N(), { isTablet: e } = j(), { announce: s, ariaLive: C } = O(), u = x.useMemo(
     () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
     [o]
   );
-  _.useEffect(() => {
+  x.useEffect(() => {
     if (u) {
-      const b = x(u.amount, "0,0");
+      const b = D(u.amount, "0,0");
       s(`${u.name}: ${b}`);
     }
   }, [u, s]);
-  const S = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: m.palette.divider, value: 100 }], E = () => {
+  const S = x.useMemo(() => i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [i, c]), E = () => {
     d?.(o);
   }, I = e ? 32 : 48;
   return /* @__PURE__ */ y(v, { children: [
     C,
-    /* @__PURE__ */ c(G, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ c(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ m(G, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       u && /* @__PURE__ */ y(
         f,
         {
@@ -124,47 +124,47 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
           mt: t === "mini" ? 0 : -16,
           sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
-            /* @__PURE__ */ c(
-              M,
+            /* @__PURE__ */ m(
+              k,
               {
                 categoryGuid: l ? p.INCOME : u.guid,
                 size: t === "mini" ? 24 : I,
                 variant: A.Transparent
               }
             ),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ m(
               h,
               {
                 color: "secondary",
                 noWrap: !0,
-                variant: t === "mini" ? "tiny" : "body1",
-                children: u ? u.name : r
+                variant: t === "mini" ? "Tiny" : "Body",
+                children: u ? u.name : a
               }
             )
           ]
         }
       ),
-      !u && t === "full" && /* @__PURE__ */ c(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: r }),
-      /* @__PURE__ */ c(h, { variant: t === "mini" ? "h2" : "h1", children: u ? x(u.amount, "0,0") : x(i.totalAmount, "0,0") }),
-      !u && t === "mini" && /* @__PURE__ */ c(h, { color: "secondary", noWrap: !0, variant: "tiny", children: r }),
-      t === "full" && /* @__PURE__ */ c(
-        N,
+      !u && t === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+      /* @__PURE__ */ m(h, { variant: t === "mini" ? "H2" : "H1", children: u ? D(u.amount, "0,0") : D(i.totalAmount, "0,0") }),
+      !u && t === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
+      t === "full" && /* @__PURE__ */ m(
+        M,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,
           onClick: E,
           sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
           variant: "text",
-          children: a.view_transactions
+          children: r.view_transactions
         }
       )
     ] }) }) })
   ] });
-}, et = w(B), at = ({ data: i, onSelected: l, selectedId: g }) => {
+}, et = w(H), rt = ({ data: i, onSelected: l, selectedId: g }) => {
   const d = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l(n));
   };
-  return /* @__PURE__ */ c(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((o) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((o) => /* @__PURE__ */ y(
     f,
     {
       alignItems: "center",
@@ -178,8 +178,8 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ c(R, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
-        /* @__PURE__ */ c(h, { bold: o.guid === g, variant: "caption", children: o.name })
+        /* @__PURE__ */ m(R, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
+        /* @__PURE__ */ m(h, { bold: o.guid === g, variant: "XSmall", children: o.name })
       ]
     },
     o.guid
@@ -188,6 +188,6 @@ const D = 5, V = (i, l, g, d) => d.reduce((o, n) => {
 export {
   et as S,
   nt as a,
-  at as b,
+  rt as b,
   ot as g
 };

package/dist/{StatusBar-CPfSXe80.mjs → StatusBar-BK_uYHAB.mjs}

@@ -1,9 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import i from "@mui/material/Box";
 import p from "@mui/material/Stack";
-const s = ({ data: a, height: r = 8 }) => {
+const s = ({ data: c, height: r = 8 }) => {
   const o = `${r / 4}px`;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(
     p,
     {
       bgcolor: "divider",
@@ -12,7 +12,7 @@ const s = ({ data: a, height: r = 8 }) => {
       gap: 2,
       height: r,
       width: "100%",
-      children: a.map((t, d) => /* @__PURE__ */ c(
+      children: c.map((t, d) => /* @__PURE__ */ a(
         i,
         {
           bgcolor: t.color,
@@ -24,7 +24,7 @@ const s = ({ data: a, height: r = 8 }) => {
       ))
     }
   );
-};
+}, l = s;
 export {
-  s as S
+  l as S
 };

package/dist/{TabContentContainer-CnMXkVqr.mjs → TabContentContainer-j01JYR_7.mjs}

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-const n = ({
+const b = ({
   children: o,
   index: t,
   name: a,
-  value: r,
-  ...b
+  value: n,
+  ...r
 }) => /* @__PURE__ */ e(
   "div",
   {
     "aria-labelledby": `${a}-tab-${t}`,
-    hidden: r !== t,
+    hidden: n !== t,
     id: `${a}-tabpanel-${t}`,
     role: "tabpanel",
-    ...b,
-    children: r === t && o
+    ...r,
+    children: n === t && o
   }
-);
+), i = b;
 export {
-  n as T
+  i as T
 };