@mx-cartographer/experiences 9.4.35 → 9.4.36
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,7 @@
|
|
|
1
|
+
## [9.4.36] - 09-22-2026
|
|
2
|
+
|
|
3
|
+
- **FIXED** - Nested interactive controls in the transaction details drawer (MEW-4024)
|
|
4
|
+
|
|
1
5
|
## [9.4.35] - 09-21-2026
|
|
2
6
|
|
|
3
7
|
- **FIXED** - Trends keyboard focus no longer skips interactive elements below the fold during forward Tab navigation; focused controls are now scrolled into view, keeping the focus order perceivable for keyboard users (MEW-3593)
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import { useEvent as f, useGlobalCopyStore as
|
|
1
|
+
import { useEvent as f, useGlobalCopyStore as y, useTransactionStore as I } from "../../../../../common/context/hooks.es.js";
|
|
2
2
|
import A from "../../../../../common/components/dialog/Dialog.es.js";
|
|
3
3
|
import { useTransactionsUiStore as T } from "../../../../context/hooks.es.js";
|
|
4
4
|
import { ON_CLICK_EVENTS as i } from "../../../../constants/OnClickEvents.es.js";
|
|
5
5
|
import s from "react";
|
|
6
|
-
import { observer as
|
|
7
|
-
import { Text as
|
|
6
|
+
import { observer as g } from "mobx-react-lite";
|
|
7
|
+
import { Text as b } from "@mxenabled/mxui";
|
|
8
8
|
import { Icon as d } from "@mxenabled/mx-icons";
|
|
9
9
|
import { jsx as o, jsxs as l } from "react/jsx-runtime";
|
|
10
|
-
import { useTheme as
|
|
11
|
-
import O from "@mui/material/
|
|
12
|
-
import S from "@mui/material/
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import L from "@mui/material/
|
|
16
|
-
import
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const { onEvent: n } = f(), { setAlert: a, updateTransaction: m } = C(), { setShouldDisableDrawerScroll: _ } = T(), { common: u, transactions: t } = h(), p = b(), [x, c] = s.useState(!1), e = r.is_hidden, I = async () => {
|
|
10
|
+
import { useTheme as E } from "@mui/material/styles";
|
|
11
|
+
import O from "@mui/material/Box";
|
|
12
|
+
import S from "@mui/material/ListItem";
|
|
13
|
+
import v from "@mui/material/Avatar";
|
|
14
|
+
import D from "@mui/material/ListItemAvatar";
|
|
15
|
+
import L from "@mui/material/ListItemText";
|
|
16
|
+
import H from "@mui/material/Switch";
|
|
17
|
+
var R = ({ transaction: r }) => {
|
|
18
|
+
const { onEvent: n } = f(), { setAlert: a, updateTransaction: m } = I(), { setShouldDisableDrawerScroll: _ } = T(), { common: p, transactions: t } = y(), u = E(), [x, c] = s.useState(!1), e = r.is_hidden, h = async () => {
|
|
20
19
|
try {
|
|
21
20
|
await m({
|
|
22
21
|
...r,
|
|
@@ -25,21 +24,27 @@ var k = ({ transaction: r }) => {
|
|
|
25
24
|
} catch {
|
|
26
25
|
a(e ? t.transaction_not_included : t.transaction_not_excluded);
|
|
27
26
|
}
|
|
28
|
-
}, N =
|
|
29
|
-
|
|
27
|
+
}, N = u.palette.mode === "dark" ? "grey.800" : "grey.100", C = () => {
|
|
28
|
+
n(e ? i.ON_TRANSACTION_UNHIDE_CLICK : i.ON_TRANSACTION_HIDE_CLICK), n(e ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction", { transaction_guid: r.guid }), c(!0);
|
|
29
|
+
};
|
|
30
|
+
return /* @__PURE__ */ o(s.Fragment, { children: r && /* @__PURE__ */ l(S, {
|
|
30
31
|
className: "mx-txn-hide-transaction",
|
|
31
32
|
disableGutters: !0,
|
|
32
33
|
disablePadding: !0,
|
|
33
|
-
children: [/* @__PURE__ */ l(
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
children: [/* @__PURE__ */ l(O, {
|
|
35
|
+
component: "label",
|
|
36
|
+
sx: {
|
|
37
|
+
alignItems: "center",
|
|
38
|
+
cursor: "pointer",
|
|
39
|
+
display: "flex",
|
|
40
|
+
minHeight: 64,
|
|
41
|
+
px: 24,
|
|
42
|
+
py: 12,
|
|
43
|
+
width: "100%",
|
|
44
|
+
"&:hover": { bgcolor: "action.hover" }
|
|
38
45
|
},
|
|
39
|
-
role: "switch",
|
|
40
|
-
tabIndex: 0,
|
|
41
46
|
children: [
|
|
42
|
-
/* @__PURE__ */ o(
|
|
47
|
+
/* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(v, {
|
|
43
48
|
sx: { bgcolor: N },
|
|
44
49
|
variant: "rounded",
|
|
45
50
|
children: e ? /* @__PURE__ */ o(d, {
|
|
@@ -50,19 +55,22 @@ var k = ({ transaction: r }) => {
|
|
|
50
55
|
sx: { color: "text.primary" }
|
|
51
56
|
})
|
|
52
57
|
}) }),
|
|
53
|
-
/* @__PURE__ */ o(
|
|
54
|
-
id: "hide-transaction-text",
|
|
58
|
+
/* @__PURE__ */ o(L, {
|
|
55
59
|
primary: t.exclude_transaction,
|
|
56
|
-
secondary: t.excluding_transaction
|
|
60
|
+
secondary: t.excluding_transaction,
|
|
61
|
+
slotProps: {
|
|
62
|
+
primary: { id: "hide-transaction-text" },
|
|
63
|
+
secondary: { id: "hide-transaction-description" }
|
|
64
|
+
}
|
|
57
65
|
}),
|
|
58
|
-
/* @__PURE__ */ o(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
+
/* @__PURE__ */ o(H, {
|
|
67
|
+
checked: e,
|
|
68
|
+
edge: "end",
|
|
69
|
+
onChange: C,
|
|
70
|
+
slotProps: { input: {
|
|
71
|
+
"aria-describedby": "hide-transaction-description",
|
|
72
|
+
"aria-labelledby": "hide-transaction-text"
|
|
73
|
+
} }
|
|
66
74
|
})
|
|
67
75
|
]
|
|
68
76
|
}), /* @__PURE__ */ o(A, {
|
|
@@ -71,20 +79,20 @@ var k = ({ transaction: r }) => {
|
|
|
71
79
|
onClose: () => {
|
|
72
80
|
_(!1), c(!1);
|
|
73
81
|
},
|
|
74
|
-
onPrimaryAction:
|
|
82
|
+
onPrimaryAction: h,
|
|
75
83
|
onSecondaryAction: () => n(e ? i.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : i.ON_TRANSACTION_HIDE_CANCEL_CLICK),
|
|
76
84
|
primaryText: e ? t.include : t.exclude,
|
|
77
|
-
secondaryText:
|
|
78
|
-
children: /* @__PURE__ */ o(
|
|
85
|
+
secondaryText: p.cancel_button,
|
|
86
|
+
children: /* @__PURE__ */ o(b, {
|
|
79
87
|
truncate: !1,
|
|
80
88
|
variant: "subtitle1",
|
|
81
89
|
children: e ? t.including_transaction : t.excluding_transaction
|
|
82
90
|
})
|
|
83
91
|
})]
|
|
84
92
|
}) });
|
|
85
|
-
},
|
|
93
|
+
}, W = g(R);
|
|
86
94
|
export {
|
|
87
|
-
|
|
95
|
+
W as default
|
|
88
96
|
};
|
|
89
97
|
|
|
90
98
|
//# sourceMappingURL=ExcludeAction.es.js.map
|
package/dist/transactions/components/shared/transactiondetails/actions/ExcludeAction.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExcludeAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/ExcludeAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport
|
|
1
|
+
{"version":3,"file":"ExcludeAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/ExcludeAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\nimport Switch from '@mui/material/Switch'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Dialog, useEvent, useGlobalCopyStore, useTransactionStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface ExcludeActionProps {\n transaction: Transaction\n}\n\nconst ExcludeAction: React.FC<ExcludeActionProps> = ({ transaction }) => {\n const { onEvent } = useEvent()\n const { setAlert, updateTransaction } = useTransactionStore()\n const { setShouldDisableDrawerScroll } = useTransactionsUiStore()\n const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n const theme = useTheme()\n const [open, setOpen] = React.useState(false)\n\n const isExcluded = transaction.is_hidden\n\n const toggleExclude = async () => {\n try {\n await updateTransaction({ ...transaction, is_hidden: !transaction.is_hidden })\n onEvent(\n isExcluded\n ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDDEN\n : ON_CLICK_EVENTS.ON_TRANSACTION_HIDDEN,\n )\n setAlert(isExcluded ? copy.transaction_included : copy.transaction_excluded)\n } catch {\n setAlert(isExcluded ? copy.transaction_not_included : copy.transaction_not_excluded)\n }\n }\n\n const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n const handleChange = () => {\n onEvent(\n isExcluded\n ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDE_CLICK\n : ON_CLICK_EVENTS.ON_TRANSACTION_HIDE_CLICK,\n )\n onEvent(\n isExcluded\n ? 'transaction_details_click_unhide_transaction'\n : 'transaction_details_click_hide_transaction',\n {\n transaction_guid: transaction.guid,\n },\n )\n setOpen(true)\n }\n\n return (\n <React.Fragment>\n {transaction && (\n <ListItem className=\"mx-txn-hide-transaction\" disableGutters={true} disablePadding={true}>\n <Box\n component=\"label\"\n sx={{\n alignItems: 'center',\n cursor: 'pointer',\n display: 'flex',\n minHeight: 64,\n px: 24,\n py: 12,\n width: '100%',\n '&:hover': { bgcolor: 'action.hover' },\n }}\n >\n <ListItemAvatar>\n <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n {isExcluded ? (\n <Icon name=\"visibility_off\" sx={{ color: 'text.primary' }} />\n ) : (\n <Icon name=\"visibility\" sx={{ color: 'text.primary' }} />\n )}\n </Avatar>\n </ListItemAvatar>\n <ListItemText\n primary={copy.exclude_transaction}\n secondary={copy.excluding_transaction}\n slotProps={{\n primary: { id: 'hide-transaction-text' },\n secondary: { id: 'hide-transaction-description' },\n }}\n />\n <Switch\n checked={isExcluded}\n edge=\"end\"\n onChange={handleChange}\n slotProps={{\n input: {\n 'aria-describedby': 'hide-transaction-description',\n 'aria-labelledby': 'hide-transaction-text',\n },\n }}\n />\n </Box>\n\n <Dialog\n copy={{\n title: isExcluded ? copy.include_transaction : copy.exclude_transaction,\n }}\n isOpen={open}\n onClose={() => {\n setShouldDisableDrawerScroll(false)\n setOpen(false)\n }}\n onPrimaryAction={toggleExclude}\n onSecondaryAction={() =>\n onEvent(\n isExcluded\n ? ON_CLICK_EVENTS.ON_TRANSACTION_UNHIDE_CANCEL_CLICK\n : ON_CLICK_EVENTS.ON_TRANSACTION_HIDE_CANCEL_CLICK,\n )\n }\n primaryText={isExcluded ? copy.include : copy.exclude}\n secondaryText={commonCopy.cancel_button}\n >\n <Text truncate={false} variant=\"subtitle1\">\n {isExcluded ? copy.including_transaction : copy.excluding_transaction}\n </Text>\n </Dialog>\n </ListItem>\n )}\n </React.Fragment>\n )\n}\n\nexport default observer(ExcludeAction)\n"],"mappings":"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"}
|