@mx-cartographer/experiences 9.2.4-alpha.al3 → 9.2.4-alpha.al5
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/dist/{AccountDetailsDrawer-0MHNohi8.mjs → AccountDetailsDrawer-DVZTB7Dp.mjs} +5 -5
- package/dist/{AccountDetailsDrawer-0MHNohi8.mjs.map → AccountDetailsDrawer-DVZTB7Dp.mjs.map} +1 -1
- package/dist/{CategorySelectorDrawer-CnPpdfxX.mjs → CategorySelectorDrawer-CWZoNePh.mjs} +2 -2
- package/dist/{CategorySelectorDrawer-CnPpdfxX.mjs.map → CategorySelectorDrawer-CWZoNePh.mjs.map} +1 -1
- package/dist/{ConnectCard-BVebtDHk.mjs → ConnectCard-CVMLPujx.mjs} +2 -2
- package/dist/{ConnectCard-BVebtDHk.mjs.map → ConnectCard-CVMLPujx.mjs.map} +1 -1
- package/dist/{ConnectDrawer-EqJSows7.mjs → ConnectDrawer-L-UwjKiw.mjs} +2 -2
- package/dist/{ConnectDrawer-EqJSows7.mjs.map → ConnectDrawer-L-UwjKiw.mjs.map} +1 -1
- package/dist/{ConnectionsDrawer-rj6EyD_K.mjs → ConnectionsDrawer-B2-IGB21.mjs} +2 -2
- package/dist/{ConnectionsDrawer-rj6EyD_K.mjs.map → ConnectionsDrawer-B2-IGB21.mjs.map} +1 -1
- package/dist/Drawer-BDN1RgiP.mjs +233 -0
- package/dist/Drawer-BDN1RgiP.mjs.map +1 -0
- package/dist/{EmbeddedCard-4oZN39dl.mjs → EmbeddedCard-B1xiWlSD.mjs} +2 -2
- package/dist/{EmbeddedCard-4oZN39dl.mjs.map → EmbeddedCard-B1xiWlSD.mjs.map} +1 -1
- package/dist/{ExportCsvAction-AYVvZYaT.mjs → ExportCsvAction-BmhxpUxp.mjs} +2 -2
- package/dist/{ExportCsvAction-AYVvZYaT.mjs.map → ExportCsvAction-BmhxpUxp.mjs.map} +1 -1
- package/dist/{Help-BR_TnLQT.mjs → Help-CsyZsI4_.mjs} +2 -2
- package/dist/{Help-BR_TnLQT.mjs.map → Help-CsyZsI4_.mjs.map} +1 -1
- package/dist/{ManageIncome-Jb26Ks-9.mjs → ManageIncome-Cy_iopks.mjs} +5 -5
- package/dist/{ManageIncome-Jb26Ks-9.mjs.map → ManageIncome-Cy_iopks.mjs.map} +1 -1
- package/dist/{NotificationSettings-B29rq0jt.mjs → NotificationSettings-C7-S6PC1.mjs} +2 -2
- package/dist/{NotificationSettings-B29rq0jt.mjs.map → NotificationSettings-C7-S6PC1.mjs.map} +1 -1
- package/dist/{RecurringSettings-Bz1N47uF.mjs → RecurringSettings-UHjXxW8J.mjs} +2 -2
- package/dist/{RecurringSettings-Bz1N47uF.mjs.map → RecurringSettings-UHjXxW8J.mjs.map} +1 -1
- package/dist/{TransactionDetails-B68fRzbL.mjs → TransactionDetails-Nuyunc5m.mjs} +4 -4
- package/dist/{TransactionDetails-B68fRzbL.mjs.map → TransactionDetails-Nuyunc5m.mjs.map} +1 -1
- package/dist/{WidgetContainer-BLbT-HZ_.mjs → WidgetContainer-By47tuTw.mjs} +2 -2
- package/dist/{WidgetContainer-BLbT-HZ_.mjs.map → WidgetContainer-By47tuTw.mjs.map} +1 -1
- package/dist/accounts/index.es.js +5 -5
- package/dist/budgets/index.es.js +7 -7
- package/dist/cashflow/index.es.js +6 -6
- package/dist/categories/index.es.js +1 -1
- package/dist/common/index.es.js +4 -4
- package/dist/dashboard/index.es.js +1 -1
- package/dist/debts/index.es.js +3 -3
- package/dist/finstrong/index.es.js +7 -7
- package/dist/goals/index.es.js +3 -3
- package/dist/help/index.es.js +2 -2
- package/dist/insights/index.es.js +3 -3
- package/dist/investments/index.es.js +3 -3
- package/dist/networth/index.es.js +3 -3
- package/dist/notifications/index.es.js +2 -2
- package/dist/recurringtransactions/index.es.js +6 -6
- package/dist/settings/index.es.js +6 -6
- package/dist/spending/index.es.js +4 -4
- package/dist/transactions/index.es.js +9 -9
- package/dist/trends/index.es.js +6 -6
- package/package.json +1 -1
- package/dist/Drawer-BSWPsXCY.mjs +0 -190
- package/dist/Drawer-BSWPsXCY.mjs.map +0 -1
|
@@ -15,8 +15,8 @@ import z from "@mui/material/Box";
|
|
|
15
15
|
import Z from "@mui/material/Button";
|
|
16
16
|
import I from "@mui/material/TextField";
|
|
17
17
|
import { H3 as Y, P as M, Text as x, Icon as B } from "@mxenabled/mxui";
|
|
18
|
-
import { V as xe, a as ve, N as J } from "../NotificationSettings-
|
|
19
|
-
import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-
|
|
18
|
+
import { V as xe, a as ve, N as J } from "../NotificationSettings-C7-S6PC1.mjs";
|
|
19
|
+
import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-C7-S6PC1.mjs";
|
|
20
20
|
import { u as k, i as G, A as E, C as Ce, a as ee, l as j } from "../hooks-97sNJ_lf.mjs";
|
|
21
21
|
import { u as F } from "../useScreenSize-mWpmnh5w.mjs";
|
|
22
22
|
import { D as $ } from "../Dialog-Bvd2n8hz.mjs";
|
|
@@ -33,16 +33,16 @@ import { L as ie } from "../Loader-CxeBwuPG.mjs";
|
|
|
33
33
|
import Te from "@mui/material/List";
|
|
34
34
|
import K from "@mui/material/Divider";
|
|
35
35
|
import Ae from "@mui/material/ListSubheader";
|
|
36
|
-
import { b as Ie, u as Ee } from "../CategorySelectorDrawer-
|
|
36
|
+
import { b as Ie, u as Ee } from "../CategorySelectorDrawer-CWZoNePh.mjs";
|
|
37
37
|
import Pe from "@mui/material/ListItem";
|
|
38
38
|
import Re from "@mui/material/ListItemButton";
|
|
39
39
|
import Ne from "@mui/material/ListItemIcon";
|
|
40
40
|
import Me from "@mui/material/ListItemText";
|
|
41
41
|
import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
|
|
42
|
-
import { D as He } from "../Drawer-
|
|
42
|
+
import { D as He } from "../Drawer-BDN1RgiP.mjs";
|
|
43
43
|
import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
|
|
44
|
-
import { H as Oe } from "../Help-
|
|
45
|
-
import { W as q } from "../WidgetContainer-
|
|
44
|
+
import { H as Oe } from "../Help-CsyZsI4_.mjs";
|
|
45
|
+
import { W as q } from "../WidgetContainer-By47tuTw.mjs";
|
|
46
46
|
const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
|
|
47
47
|
const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
|
|
48
48
|
first_name: d.first_name,
|
|
@@ -19,19 +19,19 @@ import { startOfToday as J } from "date-fns/startOfToday";
|
|
|
19
19
|
import St from "@mui/material/Button";
|
|
20
20
|
import { useTheme as Tt } from "@mui/material";
|
|
21
21
|
import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
|
|
22
|
-
import { T as Dt } from "../EmbeddedCard-
|
|
23
|
-
import { T as xt } from "../TransactionDetails-
|
|
22
|
+
import { T as Dt } from "../EmbeddedCard-B1xiWlSD.mjs";
|
|
23
|
+
import { T as xt } from "../TransactionDetails-Nuyunc5m.mjs";
|
|
24
24
|
import vt from "@mui/material/Collapse";
|
|
25
25
|
import wt from "@mui/material/Divider";
|
|
26
26
|
import Q from "@mui/material/List";
|
|
27
27
|
import X from "@mui/material/ListItem";
|
|
28
28
|
import Z from "@mui/material/ListItemButton";
|
|
29
29
|
import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
|
|
30
|
-
import { D as tt } from "../Drawer-
|
|
30
|
+
import { D as tt } from "../Drawer-BDN1RgiP.mjs";
|
|
31
31
|
import { C as w } from "../Category-DEKZGLYe.mjs";
|
|
32
32
|
import { parseISO as et } from "date-fns/parseISO";
|
|
33
33
|
import { A as nt } from "../Analytics-D-jdcL72.mjs";
|
|
34
|
-
import { W as It } from "../WidgetContainer-
|
|
34
|
+
import { W as It } from "../WidgetContainer-By47tuTw.mjs";
|
|
35
35
|
const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
|
|
36
36
|
/* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
|
|
37
37
|
/* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-
|
|
2
|
-
import { B as xa, b as Aa } from "../TransactionDetails-
|
|
3
|
-
import { u as B, T as Ge } from "../EmbeddedCard-
|
|
4
|
-
import { a as Sa } from "../EmbeddedCard-
|
|
5
|
-
import { E as va } from "../ExportCsvAction-
|
|
1
|
+
import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-Nuyunc5m.mjs";
|
|
2
|
+
import { B as xa, b as Aa } from "../TransactionDetails-Nuyunc5m.mjs";
|
|
3
|
+
import { u as B, T as Ge } from "../EmbeddedCard-B1xiWlSD.mjs";
|
|
4
|
+
import { a as Sa } from "../EmbeddedCard-B1xiWlSD.mjs";
|
|
5
|
+
import { E as va } from "../ExportCsvAction-BmhxpUxp.mjs";
|
|
6
6
|
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
7
7
|
import u from "react";
|
|
8
8
|
import { observer as D } from "mobx-react-lite";
|
|
@@ -24,7 +24,7 @@ import { getUnixTime as tt } from "date-fns/getUnixTime";
|
|
|
24
24
|
import { startOfMonth as at } from "date-fns/startOfMonth";
|
|
25
25
|
import { startOfToday as U } from "date-fns/startOfToday";
|
|
26
26
|
import { b as F } from "../Localization-DnoVyBNK.mjs";
|
|
27
|
-
import { C as nt } from "../ConnectDrawer-
|
|
27
|
+
import { C as nt } from "../ConnectDrawer-L-UwjKiw.mjs";
|
|
28
28
|
import ot from "@mui/material/Divider";
|
|
29
29
|
import rt from "@mui/material/MenuItem";
|
|
30
30
|
import it from "@mui/material/RadioGroup";
|
|
@@ -32,14 +32,14 @@ import { ExpandMore as st } from "@mxenabled/mx-icons";
|
|
|
32
32
|
import { C as ct } from "../CurrencyInput-DaGEQaLW.mjs";
|
|
33
33
|
import { S as ee } from "../SelectionBox-B4xELRgp.mjs";
|
|
34
34
|
import { D as se } from "../Dialog-Bvd2n8hz.mjs";
|
|
35
|
-
import { b as lt, u as dt } from "../CategorySelectorDrawer-
|
|
35
|
+
import { b as lt, u as dt } from "../CategorySelectorDrawer-CWZoNePh.mjs";
|
|
36
36
|
import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
|
|
37
37
|
import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
|
|
38
38
|
import { u as _t } from "../useScreenSize-mWpmnh5w.mjs";
|
|
39
39
|
import { u as pt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
|
|
40
|
-
import { W as gt } from "../WidgetContainer-
|
|
40
|
+
import { W as gt } from "../WidgetContainer-By47tuTw.mjs";
|
|
41
41
|
import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
|
|
42
|
-
import { D as te } from "../Drawer-
|
|
42
|
+
import { D as te } from "../Drawer-BDN1RgiP.mjs";
|
|
43
43
|
const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
|
|
44
44
|
`${t.row.account}`,
|
|
45
45
|
t.row.number && ` | ${t.row.number}`
|
package/dist/trends/index.es.js
CHANGED
|
@@ -34,12 +34,12 @@ import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } fr
|
|
|
34
34
|
import Xt from "@mui/material/Badge";
|
|
35
35
|
import Zt from "@mui/material/IconButton";
|
|
36
36
|
import { A as w } from "../Analytics-D-jdcL72.mjs";
|
|
37
|
-
import { T as ct } from "../EmbeddedCard-
|
|
38
|
-
import { T as dt } from "../TransactionDetails-
|
|
39
|
-
import { D as Pe } from "../Drawer-
|
|
37
|
+
import { T as ct } from "../EmbeddedCard-B1xiWlSD.mjs";
|
|
38
|
+
import { T as dt } from "../TransactionDetails-Nuyunc5m.mjs";
|
|
39
|
+
import { D as Pe } from "../Drawer-BDN1RgiP.mjs";
|
|
40
40
|
import { u as Ie } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
|
|
41
41
|
import { L as Le } from "../Loader-CxeBwuPG.mjs";
|
|
42
|
-
import { W as ut } from "../WidgetContainer-
|
|
42
|
+
import { W as ut } from "../WidgetContainer-By47tuTw.mjs";
|
|
43
43
|
import { L as Ve } from "../LineChart-CUfiH86G.mjs";
|
|
44
44
|
import { M as Qt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
|
|
45
45
|
import { subMonths as qt } from "date-fns";
|
|
@@ -55,10 +55,10 @@ import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
|
|
|
55
55
|
import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
|
|
56
56
|
import { Stack as mo } from "@mui/material";
|
|
57
57
|
import ho from "@mui/material/ListItemAvatar";
|
|
58
|
-
import { E as go } from "../ExportCsvAction-
|
|
58
|
+
import { E as go } from "../ExportCsvAction-BmhxpUxp.mjs";
|
|
59
59
|
import { u as po } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
|
|
60
60
|
import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
|
|
61
|
-
import { C as yo } from "../ConnectDrawer-
|
|
61
|
+
import { C as yo } from "../ConnectDrawer-L-UwjKiw.mjs";
|
|
62
62
|
const gt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
|
|
63
63
|
const { categories: s } = R(), { getCategoryName: o } = q(), r = o(t);
|
|
64
64
|
return /* @__PURE__ */ C(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
|
package/package.json
CHANGED
package/dist/Drawer-BSWPsXCY.mjs
DELETED
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
import { jsxs as u, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import s from "@mui/material/Box";
|
|
3
|
-
import h from "@mui/material/Stack";
|
|
4
|
-
import { H2 as S, Drawer as D } from "@mxenabled/mxui";
|
|
5
|
-
import b from "@mui/material/Button";
|
|
6
|
-
import B from "@mui/material/IconButton";
|
|
7
|
-
import { ArrowBack as j } from "@mxenabled/mx-icons";
|
|
8
|
-
const $ = ({
|
|
9
|
-
footerStyles: a = {},
|
|
10
|
-
hasSecondaryAction: t = !0,
|
|
11
|
-
isPrimaryDisabled: i,
|
|
12
|
-
onPrimaryAction: e,
|
|
13
|
-
onSecondaryAction: o,
|
|
14
|
-
primaryButtonProps: l = {},
|
|
15
|
-
primaryColor: c = "primary",
|
|
16
|
-
primaryText: n = "Save",
|
|
17
|
-
secondaryColor: d = "primary",
|
|
18
|
-
secondaryText: p = "Cancel"
|
|
19
|
-
}) => /* @__PURE__ */ u(
|
|
20
|
-
h,
|
|
21
|
-
{
|
|
22
|
-
sx: {
|
|
23
|
-
bgcolor: "background.paper",
|
|
24
|
-
flexDirection: "row",
|
|
25
|
-
gap: 16,
|
|
26
|
-
justifyContent: "flex-end",
|
|
27
|
-
p: 24,
|
|
28
|
-
...a
|
|
29
|
-
},
|
|
30
|
-
children: [
|
|
31
|
-
t && /* @__PURE__ */ r(
|
|
32
|
-
b,
|
|
33
|
-
{
|
|
34
|
-
color: d,
|
|
35
|
-
onClick: o,
|
|
36
|
-
variant: e ? "outlined" : "contained",
|
|
37
|
-
children: p
|
|
38
|
-
}
|
|
39
|
-
),
|
|
40
|
-
e && /* @__PURE__ */ r(
|
|
41
|
-
b,
|
|
42
|
-
{
|
|
43
|
-
...l,
|
|
44
|
-
color: c,
|
|
45
|
-
disabled: i,
|
|
46
|
-
onClick: e,
|
|
47
|
-
variant: "contained",
|
|
48
|
-
children: n
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
]
|
|
52
|
-
}
|
|
53
|
-
), F = ({
|
|
54
|
-
ariaLabelClose: a,
|
|
55
|
-
onClose: t,
|
|
56
|
-
shouldShowBorders: i,
|
|
57
|
-
shouldShowShadow: e,
|
|
58
|
-
title: o
|
|
59
|
-
}) => /* @__PURE__ */ u(
|
|
60
|
-
h,
|
|
61
|
-
{
|
|
62
|
-
"aria-labelledby": `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
|
|
63
|
-
direction: "row",
|
|
64
|
-
sx: {
|
|
65
|
-
alignItems: "center",
|
|
66
|
-
backgroundColor: "background.paper",
|
|
67
|
-
...i && {
|
|
68
|
-
borderBottom: 1,
|
|
69
|
-
borderColor: "divider"
|
|
70
|
-
},
|
|
71
|
-
...e && {
|
|
72
|
-
boxShadow: "0px 2px 8px 0px #6A73811F"
|
|
73
|
-
},
|
|
74
|
-
padding: "8px 8px 8px 8px"
|
|
75
|
-
},
|
|
76
|
-
children: [
|
|
77
|
-
/* @__PURE__ */ r(B, { "aria-label": a, autoFocus: !0, color: "primary", onClick: t, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
|
|
78
|
-
/* @__PURE__ */ r(
|
|
79
|
-
s,
|
|
80
|
-
{
|
|
81
|
-
sx: {
|
|
82
|
-
flexGrow: 1,
|
|
83
|
-
margin: "auto",
|
|
84
|
-
textAlign: "center"
|
|
85
|
-
},
|
|
86
|
-
children: /* @__PURE__ */ r(
|
|
87
|
-
S,
|
|
88
|
-
{
|
|
89
|
-
bold: !0,
|
|
90
|
-
id: `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
|
|
91
|
-
variant: "body1",
|
|
92
|
-
children: o
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
}
|
|
96
|
-
),
|
|
97
|
-
/* @__PURE__ */ r(s, { width: "44px" })
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
), R = ({
|
|
101
|
-
ariaLabelClose: a = "Close",
|
|
102
|
-
children: t,
|
|
103
|
-
footerStyles: i = {},
|
|
104
|
-
hasSecondaryAction: e = !0,
|
|
105
|
-
id: o,
|
|
106
|
-
isOpen: l,
|
|
107
|
-
isPrimaryDisabled: c,
|
|
108
|
-
onClose: n,
|
|
109
|
-
onPrimaryAction: d,
|
|
110
|
-
onSecondaryAction: p,
|
|
111
|
-
primaryButtonProps: g,
|
|
112
|
-
primaryColor: m = "primary",
|
|
113
|
-
primaryText: w,
|
|
114
|
-
secondaryColor: f = "secondary",
|
|
115
|
-
secondaryText: k,
|
|
116
|
-
shouldShowHeaderBorders: C = !0,
|
|
117
|
-
shouldShowHeaderShadow: y = !1,
|
|
118
|
-
title: x,
|
|
119
|
-
...v
|
|
120
|
-
}) => /* @__PURE__ */ r(
|
|
121
|
-
D,
|
|
122
|
-
{
|
|
123
|
-
id: o,
|
|
124
|
-
isOpen: l,
|
|
125
|
-
onClose: n,
|
|
126
|
-
slotProps: {
|
|
127
|
-
paper: {
|
|
128
|
-
"aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
|
|
129
|
-
}
|
|
130
|
-
},
|
|
131
|
-
sx: {
|
|
132
|
-
"& .MuiDrawer-paper": {
|
|
133
|
-
backgroundColor: "background.default",
|
|
134
|
-
borderRadius: 0,
|
|
135
|
-
// Use the small viewport height so the paper never extends behind
|
|
136
|
-
// mobile browser chrome (collapsing address bars / bottom toolbars).
|
|
137
|
-
// svh is the smallest the viewport gets (toolbars shown), so the
|
|
138
|
-
// bottom of the content is always reachable across Safari and Chrome
|
|
139
|
-
// on iOS. (dvh works in Safari but Chrome iOS resolves it to the
|
|
140
|
-
// large viewport, hiding the bottom behind the bottom toolbar.)
|
|
141
|
-
height: "100svh"
|
|
142
|
-
},
|
|
143
|
-
height: "100%",
|
|
144
|
-
"& .MuiToolbar-root": {
|
|
145
|
-
backgroundColor: "background.paper"
|
|
146
|
-
}
|
|
147
|
-
},
|
|
148
|
-
...v,
|
|
149
|
-
children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
|
|
150
|
-
/* @__PURE__ */ r(
|
|
151
|
-
F,
|
|
152
|
-
{
|
|
153
|
-
ariaLabelClose: a,
|
|
154
|
-
onClose: n,
|
|
155
|
-
shouldShowBorders: C,
|
|
156
|
-
shouldShowShadow: y,
|
|
157
|
-
title: x
|
|
158
|
-
}
|
|
159
|
-
),
|
|
160
|
-
/* @__PURE__ */ r(
|
|
161
|
-
s,
|
|
162
|
-
{
|
|
163
|
-
height: "100%",
|
|
164
|
-
overflow: "auto",
|
|
165
|
-
sx: { pb: "env(safe-area-inset-bottom, 0px)" },
|
|
166
|
-
children: t
|
|
167
|
-
}
|
|
168
|
-
),
|
|
169
|
-
d && /* @__PURE__ */ r(
|
|
170
|
-
$,
|
|
171
|
-
{
|
|
172
|
-
footerStyles: i,
|
|
173
|
-
hasSecondaryAction: e,
|
|
174
|
-
isPrimaryDisabled: c,
|
|
175
|
-
onPrimaryAction: d,
|
|
176
|
-
onSecondaryAction: p ?? n,
|
|
177
|
-
primaryButtonProps: g,
|
|
178
|
-
primaryColor: m,
|
|
179
|
-
primaryText: w,
|
|
180
|
-
secondaryColor: f,
|
|
181
|
-
secondaryText: k
|
|
182
|
-
}
|
|
183
|
-
)
|
|
184
|
-
] })
|
|
185
|
-
}
|
|
186
|
-
);
|
|
187
|
-
export {
|
|
188
|
-
R as D
|
|
189
|
-
};
|
|
190
|
-
//# sourceMappingURL=Drawer-BSWPsXCY.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer-BSWPsXCY.mjs","sources":["../src/common/components/drawer/Footer.tsx","../src/common/components/drawer/Header.tsx","../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n footerStyles?: SxProps\n hasSecondaryAction?: boolean\n isPrimaryDisabled?: boolean\n onPrimaryAction?: () => void\n onSecondaryAction?: () => void\n primaryButtonProps?: React.ComponentProps<typeof Button>\n primaryColor?: Color\n primaryText?: string\n secondaryColor?: Color\n secondaryText?: string\n}\n\nconst Footer = ({\n footerStyles = {},\n hasSecondaryAction = true,\n isPrimaryDisabled,\n onPrimaryAction,\n onSecondaryAction,\n primaryButtonProps = {},\n primaryColor = 'primary',\n primaryText = 'Save',\n secondaryColor = 'primary',\n secondaryText = 'Cancel',\n}: FooterProps) => {\n return (\n <Stack\n sx={{\n bgcolor: 'background.paper',\n flexDirection: 'row',\n gap: 16,\n justifyContent: 'flex-end',\n p: 24,\n ...footerStyles,\n }}\n >\n {hasSecondaryAction && (\n <Button\n color={secondaryColor}\n onClick={onSecondaryAction}\n variant={onPrimaryAction ? 'outlined' : 'contained'}\n >\n {secondaryText}\n </Button>\n )}\n\n {onPrimaryAction && (\n <Button\n {...primaryButtonProps}\n color={primaryColor}\n disabled={isPrimaryDisabled}\n onClick={onPrimaryAction}\n variant=\"contained\"\n >\n {primaryText}\n </Button>\n )}\n </Stack>\n )\n}\n\nexport default Footer\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport { H2 } from '@mxenabled/mxui'\n\ninterface DrawerHeaderProps {\n ariaLabelClose: string\n onClose: () => void\n shouldShowBorders: boolean\n shouldShowShadow?: boolean\n title: string\n}\n\nconst DrawerHeader: React.FC<DrawerHeaderProps> = ({\n ariaLabelClose,\n onClose,\n shouldShowBorders,\n shouldShowShadow,\n title,\n}) => {\n return (\n <Stack\n aria-labelledby={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n direction=\"row\"\n sx={{\n alignItems: 'center',\n backgroundColor: 'background.paper',\n ...(shouldShowBorders && {\n borderBottom: 1,\n borderColor: 'divider',\n }),\n ...(shouldShowShadow && {\n boxShadow: '0px 2px 8px 0px #6A73811F',\n }),\n padding: '8px 8px 8px 8px',\n }}\n >\n <IconButton aria-label={ariaLabelClose} autoFocus={true} color=\"primary\" onClick={onClose}>\n <ArrowBack color=\"primary\" sx={{ fontSize: 22 }} />\n </IconButton>\n <Box\n sx={{\n flexGrow: 1,\n margin: 'auto',\n textAlign: 'center',\n }}\n >\n <H2\n bold={true}\n id={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n variant=\"body1\"\n >\n {title}\n </H2>\n </Box>\n {/* placeholder for when we add a button here, this also ensures the title text is centered */}\n <Box width=\"44px\" />\n </Stack>\n )\n}\n\nexport default DrawerHeader\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n close_drawer_aria: string\n}\n\ninterface DrawerProps {\n ariaLabelClose?: string\n className?: string\n footerStyles?: SxProps\n hasSecondaryAction?: boolean\n id?: string\n isOpen: boolean\n isPrimaryDisabled?: boolean\n onClose: () => void\n onPrimaryAction?: () => void\n onSecondaryAction?: () => void\n primaryButtonProps?: React.ComponentProps<typeof Button>\n primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n primaryText?: string\n secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n secondaryText?: string\n shouldShowHeaderBorders?: boolean\n shouldShowHeaderShadow?: boolean\n sx?: SxProps\n title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n ariaLabelClose = 'Close',\n children,\n footerStyles = {},\n hasSecondaryAction = true,\n id,\n isOpen,\n isPrimaryDisabled,\n onClose,\n onPrimaryAction,\n onSecondaryAction,\n primaryButtonProps,\n primaryColor = 'primary',\n primaryText,\n secondaryColor = 'secondary',\n secondaryText,\n shouldShowHeaderBorders = true,\n shouldShowHeaderShadow = false,\n title,\n ...rest\n}) => {\n return (\n <KMuiDrawer\n id={id}\n isOpen={isOpen}\n onClose={onClose}\n slotProps={{\n paper: {\n 'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n },\n }}\n sx={{\n '& .MuiDrawer-paper': {\n backgroundColor: 'background.default',\n borderRadius: 0,\n // Use the small viewport height so the paper never extends behind\n // mobile browser chrome (collapsing address bars / bottom toolbars).\n // svh is the smallest the viewport gets (toolbars shown), so the\n // bottom of the content is always reachable across Safari and Chrome\n // on iOS. (dvh works in Safari but Chrome iOS resolves it to the\n // large viewport, hiding the bottom behind the bottom toolbar.)\n height: '100svh',\n },\n height: '100%',\n '& .MuiToolbar-root': {\n backgroundColor: 'background.paper',\n },\n }}\n {...rest}\n >\n <Stack height=\"100%\" justifyContent=\"space-between\">\n <Header\n ariaLabelClose={ariaLabelClose}\n onClose={onClose}\n shouldShowBorders={shouldShowHeaderBorders}\n shouldShowShadow={shouldShowHeaderShadow}\n title={title}\n />\n\n <Box\n height=\"100%\"\n overflow=\"auto\"\n sx={{ pb: 'env(safe-area-inset-bottom, 0px)' }}\n >\n {children}\n </Box>\n\n {onPrimaryAction && (\n <Footer\n footerStyles={footerStyles}\n hasSecondaryAction={hasSecondaryAction}\n isPrimaryDisabled={isPrimaryDisabled}\n onPrimaryAction={onPrimaryAction}\n onSecondaryAction={onSecondaryAction ?? onClose}\n primaryButtonProps={primaryButtonProps}\n primaryColor={primaryColor}\n primaryText={primaryText}\n secondaryColor={secondaryColor}\n secondaryText={secondaryText}\n />\n )}\n </Stack>\n </KMuiDrawer>\n )\n}\n\nexport default Drawer\n"],"names":["Footer","footerStyles","hasSecondaryAction","isPrimaryDisabled","onPrimaryAction","onSecondaryAction","primaryButtonProps","primaryColor","primaryText","secondaryColor","secondaryText","jsxs","Stack","jsx","Button","DrawerHeader","ariaLabelClose","onClose","shouldShowBorders","shouldShowShadow","title","IconButton","ArrowBack","Box","H2","Drawer","children","id","isOpen","shouldShowHeaderBorders","shouldShowHeaderShadow","rest","KMuiDrawer","Header"],"mappings":"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"}
|