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

package/dist/spending/index.es.js

@@ -7,30 +7,30 @@ import v from "@mui/material/Box";
 import b from "@mui/material/Stack";
 import k from "@mui/material/Tab";
 import at from "@mui/material/Tabs";
-import { useTheme as mt } from "@mui/material/styles";
-import { g as it, a as rt, S as G, b as q } from "../SpendingLegend-6FqtMcBV.mjs";
+import mt from "@mui/material/styles/useTheme";
+import { g as it, a as rt, S as $, b as Y } from "../SpendingLegend-CjX-hX2O.mjs";
 import { Text as C, Icon as ht } from "@mxenabled/mxui";
 import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as L, m as W, d as st, b as P, a as F, h as ct, g as ft, n as bt } from "../hooks-C41HAxM5.mjs";
-import { L as lt } from "../Loader-Ckqi9Rx6.mjs";
-import { M as _t } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { startOfToday as J } from "date-fns/startOfToday";
+import { L as lt } from "../Loader-DUaFpDGv.mjs";
+import { M as _t } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { startOfToday as q } from "date-fns/startOfToday";
 import yt from "@mui/material/Button";
 import { useTheme as Ct } from "@mui/material";
-import { e as St } from "../exportTransactionsToCSV-BgV_wTLT.mjs";
-import { T as Tt, a as Mt } from "../TransactionDetails-Bn0qY5Hw.mjs";
+import { e as St } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
+import { T as Tt, a as Mt } from "../TransactionDetails-5M2vfr59.mjs";
 import Dt from "@mui/material/Collapse";
 import z from "@mui/material/Divider";
-import Q from "@mui/material/List";
-import X from "@mui/material/ListItem";
+import J from "@mui/material/List";
+import Q from "@mui/material/ListItem";
 import xt from "@mui/material/ListItemButton";
-import { u as vt } from "../useScreenSize-B5afALev.mjs";
-import { D as Z } from "../Drawer-BF40nbsH.mjs";
-import { b as x } from "../Category-Ccoew_sA.mjs";
-import { A as tt, W as wt } from "../WidgetContainer-CDh9fjpR.mjs";
-const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column", children: [
-  /* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
-  /* @__PURE__ */ t(C, { variant: "caption", children: R(n, "0,0") })
+import { u as vt } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Z } from "../Drawer-BEtCk82g.mjs";
+import { b as x } from "../Category-CevNQ03n.mjs";
+import { A as tt, W as wt } from "../WidgetContainer-BhQ1Kx2z.mjs";
+const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column", children: [
+  /* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
+  /* @__PURE__ */ t(C, { variant: "XSmall", children: R(n, "0,0") })
 ] }), Lt = () => {
   const n = mt(), { goals: d, spending: o } = L(), { categories: r, dateRangeCategoryTotals: a } = W(), c = i.useMemo(
     () => [
@@ -68,7 +68,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                j,
+                B,
                 {
                   amount: m.totalAmount,
                   label: o.spend_tab_title
@@ -83,7 +83,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                j,
+                B,
                 {
                   amount: p.totalAmount,
                   label: o.income_tab_title
@@ -104,7 +104,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         role: "tabpanel",
         children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            G,
+            $,
             {
               data: m,
               onSelected: f,
@@ -112,7 +112,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               totalLabel: o.total_spending
             }
           ),
-          /* @__PURE__ */ t(q, { data: m, onSelected: f, selectedId: e })
+          /* @__PURE__ */ t(Y, { data: m, onSelected: f, selectedId: e })
         ] })
       }
     ),
@@ -125,7 +125,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         role: "tabpanel",
         children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            G,
+            $,
             {
               data: p,
               isIncome: !0,
@@ -134,7 +134,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               totalLabel: o.total_income
             }
           ),
-          /* @__PURE__ */ t(q, { data: p, onSelected: f, selectedId: e })
+          /* @__PURE__ */ t(Y, { data: p, onSelected: f, selectedId: e })
         ] })
       }
     )
@@ -172,9 +172,9 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
   return /* @__PURE__ */ s(b, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ t(C, { bold: !0, sx: { py: 12 }, children: `${r} ${a.by_category}` }),
     /* @__PURE__ */ t(z, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(Q, { children: n.categoryData.map((e) => /* @__PURE__ */ s(i.Fragment, { children: [
+    /* @__PURE__ */ t(J, { children: n.categoryData.map((e) => /* @__PURE__ */ s(i.Fragment, { children: [
       /* @__PURE__ */ t(
-        X,
+        Q,
         {
           disableGutters: !0,
           disablePadding: !0,
@@ -207,7 +207,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
                     width: "100%",
                     children: [
                       /* @__PURE__ */ t(C, { bold: o === e.guid, children: e.name }),
-                      /* @__PURE__ */ t(C, { bold: o === e.guid, variant: "body1", children: R(e.amount, "0,0") })
+                      /* @__PURE__ */ t(C, { bold: o === e.guid, variant: "Body", children: R(e.amount, "0,0") })
                     ]
                   }
                 )
@@ -217,9 +217,9 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         }
       ),
       /* @__PURE__ */ t(z, {}),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(Dt, { in: c?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ s(Q, { children: [
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(Dt, { in: c?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ s(J, { children: [
         c?.categoryTotals?.map((l) => /* @__PURE__ */ t(
-          X,
+          Q,
           {
             sx: {
               pl: 24,
@@ -260,7 +260,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       px: 8,
       children: [
         l && /* @__PURE__ */ t(
-          G,
+          $,
           {
             data: {
               categoryData: [],
@@ -276,7 +276,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
           }
         ),
         !l && /* @__PURE__ */ t(
-          G,
+          $,
           {
             data: n,
             onSelected: d,
@@ -308,27 +308,27 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     sortedTransactions: p,
     sortedTransactionsWithSplits: A,
     tags: f
-  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [M, N] = i.useState(""), [D, S] = i.useState(T === "income" ? 1 : 0), [O, I] = i.useState(""), [dt, H] = i.useState(!1), $ = i.useMemo(
+  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [M, N] = i.useState(""), [D, S] = i.useState(T === "income" ? 1 : 0), [O, I] = i.useState(""), [dt, H] = i.useState(!1), G = i.useMemo(
     () => it(r, c, n, a),
     [r, a]
   ), K = i.useMemo(
     () => rt(r, a, Ot(n)),
     [r, a]
-  ), B = i.useMemo(
+  ), j = i.useMemo(
     () => p.find((u) => u.guid === O),
     [O, p]
   ), gt = (u, E) => {
     S(E), N("");
   }, U = (u) => {
     N(M === u || u === "0" ? "" : u);
-  }, Y = (u) => {
+  }, X = (u) => {
     const E = {
       accounts: y || _,
       dateRange: g
     };
     if (D === 0)
       if (u === "other") {
-        const h = $.categoryData.find((V) => V.guid === "other");
+        const h = G.categoryData.find((V) => V.guid === "other");
         m({
           ...E,
           custom: (V) => !!h?.categoryTotals?.find((ut) => ut.guid === V.top_level_category_guid)
@@ -354,9 +354,9 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         k,
         {
           label: /* @__PURE__ */ t(
-            j,
+            B,
             {
-              amount: $.totalAmount,
+              amount: G.totalAmount,
               label: e.spend_tab_title
             }
           )
@@ -366,7 +366,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         k,
         {
           label: /* @__PURE__ */ t(
-            j,
+            B,
             {
               amount: K.totalAmount,
               label: e.income_tab_title
@@ -378,9 +378,9 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     D === 0 && /* @__PURE__ */ t(
       et,
       {
-        data: $,
+        data: G,
         onSelected: U,
-        onViewTransactions: Y,
+        onViewTransactions: X,
         selectedId: M,
         title: e.spend_tab_title
       }
@@ -390,7 +390,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       {
         data: K,
         onSelected: U,
-        onViewTransactions: Y,
+        onViewTransactions: X,
         selectedId: M,
         title: e.income_tab_title
       }
@@ -420,14 +420,14 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       Z,
       {
         ariaLabelClose: e.close_drawer_aria,
-        isOpen: !!B,
+        isOpen: !!j,
         onClose: () => I(""),
         title: e.transaction_details_drawer_title,
-        children: B && /* @__PURE__ */ t(Mt, { transaction: B })
+        children: j && /* @__PURE__ */ t(Mt, { transaction: j })
       }
     )
   ] });
-}, kt = w(Rt), Gt = ({ onBackClick: n, sx: d = {} }) => {
+}, kt = w(Rt), $t = ({ onBackClick: n, sx: d = {} }) => {
   const { visibleAccounts: o, isAccountDataLoaded: r, loadAccountData: a } = st(), { categoriesLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: l } = W(), { isTransactionDataLoaded: g, loadTransactionData: _ } = ct(), { spending: m } = L(), {
     displayedDateRange: p,
     isInitialized: A,
@@ -436,7 +436,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     selectedAccounts: T
   } = P(), { onEvent: M } = ft(), { onLoad: N } = bt(), { clientConfig: D } = F(), S = D?.master?.deep_link_params?.date_range;
   i.useEffect(() => {
-    S && Array.isArray(S) && S.length === 2 ? f(S[0], S[1]) : f(nt(J()), ot(J())), r || a().finally(), c || e().finally(), g || _().finally(), M(tt.SPENDING_VIEW);
+    S && Array.isArray(S) && S.length === 2 ? f(S[0], S[1]) : f(nt(q()), ot(q())), r || a().finally(), c || e().finally(), g || _().finally(), M(tt.SPENDING_VIEW);
   }, []), i.useEffect(() => {
     y(o);
   }, [o]), i.useEffect(() => {
@@ -463,7 +463,7 @@ const j = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       children: /* @__PURE__ */ t(v, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(kt, {}) })
     }
   ) : /* @__PURE__ */ t(lt, {});
-}, he = w(Gt);
+}, he = w($t);
 export {
   me as SpendingMiniWidget,
   he as SpendingWidget

package/dist/transactions/components/shared/transactionlist/DateRow.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface DateRowProps {
+    bgcolor?: string;
+    date: number;
+}
+declare const DateRow: React.FC<DateRowProps>;
+export default DateRow;