@mx-cartographer/experiences 7.12.3 → 7.12.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [7.12.5] - 03-18-2026
2
+
3
+ - **FIXED** - ADA color contrast in BudgetDetails zero states
4
+
5
+ ## [7.12.4] - 03-18-2026
6
+
7
+ - **UPDATED** - Budget Details drawer ally | replace semantic `<H2>` with `<Text>`
8
+
1
9
  ## [7.12.3] - 03-18-2026
2
10
 
3
11
  - **ADDED** - Help widget analytics
@@ -17,8 +17,8 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
17
17
  import { parseISO as me } from "date-fns/parseISO";
18
18
  import J from "@mui/material/Button";
19
19
  import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
20
- import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-BWdlLG0b.mjs";
21
- import { T as be } from "./TransactionDetails-CzaNtpaw.mjs";
20
+ import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-Bo80rdKq.mjs";
21
+ import { T as be } from "./TransactionDetails-DWZuZgBw.mjs";
22
22
  import { addYears as j } from "date-fns/addYears";
23
23
  import { getDayOfYear as xe } from "date-fns/getDayOfYear";
24
24
  import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
7
7
  import d from "@mui/material/Divider";
8
8
  import b from "@mui/material/List";
9
9
  import T from "@mui/material/Stack";
10
- import { R as C, A as S, a as E, M as v } from "./ManageIncome-CyvCAzdp.mjs";
10
+ import { R as C, A as S, a as E, M as v } from "./ManageIncome-DE6JV3Mp.mjs";
11
11
  import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
12
12
  import { R as y, F as N } from "./RecurringTransactions-CYNpe_RS.mjs";
13
13
  import { A as m } from "./Analytics-BYItVAe-.mjs";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
- import m from "react";
2
+ import p from "react";
3
3
  import { observer as v } from "mobx-react-lite";
4
4
  import { useVirtualizer as B } from "@tanstack/react-virtual";
5
5
  import T from "@mui/material/Box";
@@ -19,7 +19,7 @@ import { h as ne } from "./DateUtil-wcYTmDRD.mjs";
19
19
  import { L as oe } from "./Loader-D3rjKx72.mjs";
20
20
  import { A as ie } from "./Analytics-BYItVAe-.mjs";
21
21
  const I = () => {
22
- if (!m.useContext(X))
22
+ if (!p.useContext(X))
23
23
  throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
24
24
  return C().uiStore;
25
25
  };
@@ -38,7 +38,7 @@ function ce(e) {
38
38
  });
39
39
  }
40
40
  const le = ({ transaction: e, onClick: r }) => {
41
- const { associatedBeats: n } = C(), { expandedSplits: c } = I(), { transactions: h } = R(), { showInsights: g } = I(), d = e.transaction_type === J.CREDIT, u = m.useMemo(() => n.find((p) => p.associated_transaction_guid === e.guid), [n, e]);
41
+ const { associatedBeats: n } = C(), { expandedSplits: c } = I(), { transactions: h } = R(), { showInsights: g } = I(), d = e.transaction_type === J.CREDIT, u = p.useMemo(() => n.find((m) => m.associated_transaction_guid === e.guid), [n, e]);
42
42
  return (
43
43
  //TODO: implement common/components/ListItemRow.tsx
44
44
  /* @__PURE__ */ o(
@@ -47,7 +47,7 @@ const le = ({ transaction: e, onClick: r }) => {
47
47
  clickEventName: ee.ON_TRANSACTION_LIST_ITEM_CLICK,
48
48
  onClick: r ? () => r(e.guid) : void 0,
49
49
  children: [
50
- /* @__PURE__ */ t(F, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(m.Fragment, {}) : /* @__PURE__ */ t(
50
+ /* @__PURE__ */ t(F, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(p.Fragment, {}) : /* @__PURE__ */ t(
51
51
  P,
52
52
  {
53
53
  categoryGuid: e.top_level_category_guid || "",
@@ -70,8 +70,8 @@ const le = ({ transaction: e, onClick: r }) => {
70
70
  {
71
71
  bold: !0,
72
72
  color: "action.active",
73
- onClick: (p) => {
74
- p.stopPropagation(), p.preventDefault(), ce(u.guid);
73
+ onClick: (m) => {
74
+ m.stopPropagation(), m.preventDefault(), ce(u.guid);
75
75
  },
76
76
  variant: "XSmall",
77
77
  children: u.short_title
@@ -106,14 +106,14 @@ const le = ({ transaction: e, onClick: r }) => {
106
106
  }, de = v(le), ue = ({
107
107
  bgcolor: e = "background.default",
108
108
  children: r
109
- }) => /* @__PURE__ */ t(T, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(l, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), pe = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
109
+ }) => /* @__PURE__ */ t(T, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(l, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), me = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
110
110
  const { transactions: n } = R();
111
- return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mt: 24, children: [
112
- e && /* @__PURE__ */ t(re, { color: "secondary", sx: { fontSize: 32 } }),
113
- /* @__PURE__ */ t(l, { bold: !0, color: "secondary", variant: "Small", children: n.zero_state_no_transactions }),
114
- r && /* @__PURE__ */ t(l, { color: "secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
111
+ return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
112
+ e && /* @__PURE__ */ t(re, { color: "action", sx: { fontSize: 32 } }),
113
+ /* @__PURE__ */ t(l, { bold: !0, color: "text.secondary", variant: "Small", children: n.zero_state_no_transactions }),
114
+ r && /* @__PURE__ */ t(l, { color: "text.secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
115
115
  ] });
116
- }, me = v(pe), L = (e, r) => {
116
+ }, pe = v(me), L = (e, r) => {
117
117
  const n = S(r[e].date), c = S(r[e - 1]?.date);
118
118
  return !z(n, c);
119
119
  }, he = (e, r) => {
@@ -128,12 +128,12 @@ const le = ({ transaction: e, onClick: r }) => {
128
128
  showInsights: g = !1,
129
129
  showLoader: d = !1,
130
130
  showHiddenTransactions: u = !1,
131
- transaction: p,
131
+ transaction: m,
132
132
  width: D = "100%",
133
- zeroState: O = /* @__PURE__ */ t(me, {})
133
+ zeroState: O = /* @__PURE__ */ t(pe, {})
134
134
  }) => {
135
- const { isLoading: b, sortedTransactions: y } = C(), f = m.useMemo(() => {
136
- const i = r ? y.filter(r) : y, a = p ?? i;
135
+ const { isLoading: b, sortedTransactions: y } = C(), f = p.useMemo(() => {
136
+ const i = r ? y.filter(r) : y, a = m ?? i;
137
137
  return u ? a : a.filter((x) => !x.is_hidden);
138
138
  }, [y, u]), { clearExpandedSplits: k, setShowInsights: G, toggleSplit: V } = I(), { onEvent: M } = K(), $ = (i) => {
139
139
  const a = f.find((x) => x.guid === i);
@@ -145,13 +145,13 @@ const le = ({ transaction: e, onClick: r }) => {
145
145
  account_guid: a?.account_guid,
146
146
  transaction_guid: i
147
147
  }), h?.(i);
148
- }, E = m.useRef(null), _ = B({
148
+ }, E = p.useRef(null), _ = B({
149
149
  count: f.length,
150
150
  getScrollElement: () => E.current,
151
151
  estimateSize: (i) => A + (L(i, f) ? N : 0),
152
152
  overscan: 5
153
153
  });
154
- return m.useEffect(() => _.measure(), [f]), m.useEffect(() => G(g), [g]), m.useEffect(() => () => k(), []), /* @__PURE__ */ t(W, { sx: { width: D }, children: /* @__PURE__ */ t(T, { height: n, overflow: "auto", ref: E, width: D, children: /* @__PURE__ */ o(
154
+ return p.useEffect(() => _.measure(), [f]), p.useEffect(() => G(g), [g]), p.useEffect(() => () => k(), []), /* @__PURE__ */ t(W, { sx: { width: D }, children: /* @__PURE__ */ t(T, { height: n, overflow: "auto", ref: E, width: D, children: /* @__PURE__ */ o(
155
155
  T,
156
156
  {
157
157
  height: (
@@ -202,8 +202,8 @@ const le = ({ transaction: e, onClick: r }) => {
202
202
  leftLabel: g,
203
203
  percentComplete: d = 0,
204
204
  rightLabel: u,
205
- sx: p
206
- }) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...p }, children: /* @__PURE__ */ o(s, { className: "details-container", sx: { gap: 16 }, children: [
205
+ sx: m
206
+ }) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...m }, children: /* @__PURE__ */ o(s, { className: "details-container", sx: { gap: 16 }, children: [
207
207
  /* @__PURE__ */ o(s, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
208
208
  /* @__PURE__ */ t(T, { children: c }),
209
209
  /* @__PURE__ */ o(s, { children: [
@@ -29,7 +29,7 @@ import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
29
29
  import z from "@mui/material/ListItemButton";
30
30
  import W from "@mui/material/ListItemIcon";
31
31
  import { a as Pe } from "./CategorySelectorDrawer-wfUTIbLR.mjs";
32
- import { b as et, T as tt, u as J } from "./StatusIndicator-BWdlLG0b.mjs";
32
+ import { b as et, T as tt, u as J } from "./StatusIndicator-Bo80rdKq.mjs";
33
33
  import { D as q } from "./Dialog-Ck34yr-d.mjs";
34
34
  import { b as N } from "./Localization-CPkpIwIx.mjs";
35
35
  import { getUnixTime as rt } from "date-fns/getUnixTime";
@@ -55,8 +55,8 @@ import e3 from "@mui/material/AlertTitle";
55
55
  import t3 from "@mui/material/Link";
56
56
  import n3 from "@mui/material/Paper";
57
57
  import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
58
- import { T as a3 } from "../StatusIndicator-BWdlLG0b.mjs";
59
- import { T as s3 } from "../TransactionDetails-CzaNtpaw.mjs";
58
+ import { T as a3 } from "../StatusIndicator-Bo80rdKq.mjs";
59
+ import { T as s3 } from "../TransactionDetails-DWZuZgBw.mjs";
60
60
  import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
61
61
  import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
62
62
  import { C as l3 } from "../ConnectionsDrawer-DqhSaMrJ.mjs";