@mx-cartographer/experiences 9.2.4-alpha.al4 → 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-BcwBkxIE.mjs → AccountDetailsDrawer-DVZTB7Dp.mjs} +5 -5
- package/dist/{AccountDetailsDrawer-BcwBkxIE.mjs.map → AccountDetailsDrawer-DVZTB7Dp.mjs.map} +1 -1
- package/dist/{CategorySelectorDrawer-BIsncOhX.mjs → CategorySelectorDrawer-CWZoNePh.mjs} +2 -2
- package/dist/{CategorySelectorDrawer-BIsncOhX.mjs.map → CategorySelectorDrawer-CWZoNePh.mjs.map} +1 -1
- package/dist/{ConnectCard-BdxyIUkW.mjs → ConnectCard-CVMLPujx.mjs} +2 -2
- package/dist/{ConnectCard-BdxyIUkW.mjs.map → ConnectCard-CVMLPujx.mjs.map} +1 -1
- package/dist/{ConnectDrawer-CYP3sd5f.mjs → ConnectDrawer-L-UwjKiw.mjs} +2 -2
- package/dist/{ConnectDrawer-CYP3sd5f.mjs.map → ConnectDrawer-L-UwjKiw.mjs.map} +1 -1
- package/dist/{ConnectionsDrawer-Pjc0E6uI.mjs → ConnectionsDrawer-B2-IGB21.mjs} +2 -2
- package/dist/{ConnectionsDrawer-Pjc0E6uI.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-DCR-ziFE.mjs → EmbeddedCard-B1xiWlSD.mjs} +2 -2
- package/dist/{EmbeddedCard-DCR-ziFE.mjs.map → EmbeddedCard-B1xiWlSD.mjs.map} +1 -1
- package/dist/{ExportCsvAction-C2Y4D7Kn.mjs → ExportCsvAction-BmhxpUxp.mjs} +2 -2
- package/dist/{ExportCsvAction-C2Y4D7Kn.mjs.map → ExportCsvAction-BmhxpUxp.mjs.map} +1 -1
- package/dist/{Help-CTmDMtG2.mjs → Help-CsyZsI4_.mjs} +2 -2
- package/dist/{Help-CTmDMtG2.mjs.map → Help-CsyZsI4_.mjs.map} +1 -1
- package/dist/{ManageIncome-CRSMKFWt.mjs → ManageIncome-Cy_iopks.mjs} +5 -5
- package/dist/{ManageIncome-CRSMKFWt.mjs.map → ManageIncome-Cy_iopks.mjs.map} +1 -1
- package/dist/{NotificationSettings-BXpzPNjH.mjs → NotificationSettings-C7-S6PC1.mjs} +2 -2
- package/dist/{NotificationSettings-BXpzPNjH.mjs.map → NotificationSettings-C7-S6PC1.mjs.map} +1 -1
- package/dist/{RecurringSettings-7zGNq-fh.mjs → RecurringSettings-UHjXxW8J.mjs} +2 -2
- package/dist/{RecurringSettings-7zGNq-fh.mjs.map → RecurringSettings-UHjXxW8J.mjs.map} +1 -1
- package/dist/{TransactionDetails-C5JAB8SL.mjs → TransactionDetails-Nuyunc5m.mjs} +4 -4
- package/dist/{TransactionDetails-C5JAB8SL.mjs.map → TransactionDetails-Nuyunc5m.mjs.map} +1 -1
- package/dist/{WidgetContainer-DKRs7nIV.mjs → WidgetContainer-By47tuTw.mjs} +2 -2
- package/dist/{WidgetContainer-DKRs7nIV.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-DLUMdk6P.mjs +0 -201
- package/dist/Drawer-DLUMdk6P.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-DLUMdk6P.mjs
DELETED
|
@@ -1,201 +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: m,
|
|
112
|
-
primaryColor: g = "primary",
|
|
113
|
-
primaryText: w,
|
|
114
|
-
secondaryColor: f = "secondary",
|
|
115
|
-
secondaryText: k,
|
|
116
|
-
shouldShowHeaderBorders: C = !0,
|
|
117
|
-
shouldShowHeaderShadow: v = !1,
|
|
118
|
-
title: x,
|
|
119
|
-
...y
|
|
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
|
-
// Small viewport height so the paper fits the visible area when the
|
|
136
|
-
// browser reports it correctly (Safari iOS, most browsers). Chrome iOS
|
|
137
|
-
// does not expose the region behind its bottom toolbar in any viewport
|
|
138
|
-
// metric, so height units alone can't help there — the generous bottom
|
|
139
|
-
// padding on the scroll container (below) is what clears the toolbar.
|
|
140
|
-
height: "100svh"
|
|
141
|
-
},
|
|
142
|
-
height: "100%",
|
|
143
|
-
"& .MuiToolbar-root": {
|
|
144
|
-
backgroundColor: "background.paper"
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
...y,
|
|
148
|
-
children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
|
|
149
|
-
/* @__PURE__ */ r(
|
|
150
|
-
F,
|
|
151
|
-
{
|
|
152
|
-
ariaLabelClose: a,
|
|
153
|
-
onClose: n,
|
|
154
|
-
shouldShowBorders: C,
|
|
155
|
-
shouldShowShadow: v,
|
|
156
|
-
title: x
|
|
157
|
-
}
|
|
158
|
-
),
|
|
159
|
-
/* @__PURE__ */ r(
|
|
160
|
-
s,
|
|
161
|
-
{
|
|
162
|
-
height: "100%",
|
|
163
|
-
overflow: "auto",
|
|
164
|
-
sx: {
|
|
165
|
-
// On small screens, Chrome iOS overlays ~80px of the bottom of the
|
|
166
|
-
// viewport with its toolbar and exposes no viewport metric for it,
|
|
167
|
-
// so we add generous bottom padding so the last item can scroll
|
|
168
|
-
// clear. The env() term also clears the home-indicator safe area in
|
|
169
|
-
// native webviews. On larger screens no extra padding is needed.
|
|
170
|
-
// TODO(MEW-3820 follow-up): revisit with a proper mobile scroll
|
|
171
|
-
// model that lets the document scroll (retracting Chrome's toolbar).
|
|
172
|
-
pb: {
|
|
173
|
-
xs: "calc(env(safe-area-inset-bottom, 0px) + 96px)",
|
|
174
|
-
sm: "env(safe-area-inset-bottom, 0px)"
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
children: t
|
|
178
|
-
}
|
|
179
|
-
),
|
|
180
|
-
d && /* @__PURE__ */ r(
|
|
181
|
-
$,
|
|
182
|
-
{
|
|
183
|
-
footerStyles: i,
|
|
184
|
-
hasSecondaryAction: e,
|
|
185
|
-
isPrimaryDisabled: c,
|
|
186
|
-
onPrimaryAction: d,
|
|
187
|
-
onSecondaryAction: p ?? n,
|
|
188
|
-
primaryButtonProps: m,
|
|
189
|
-
primaryColor: g,
|
|
190
|
-
primaryText: w,
|
|
191
|
-
secondaryColor: f,
|
|
192
|
-
secondaryText: k
|
|
193
|
-
}
|
|
194
|
-
)
|
|
195
|
-
] })
|
|
196
|
-
}
|
|
197
|
-
);
|
|
198
|
-
export {
|
|
199
|
-
R as D
|
|
200
|
-
};
|
|
201
|
-
//# sourceMappingURL=Drawer-DLUMdk6P.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer-DLUMdk6P.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 // Small viewport height so the paper fits the visible area when the\n // browser reports it correctly (Safari iOS, most browsers). Chrome iOS\n // does not expose the region behind its bottom toolbar in any viewport\n // metric, so height units alone can't help there — the generous bottom\n // padding on the scroll container (below) is what clears the 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={{\n // On small screens, Chrome iOS overlays ~80px of the bottom of the\n // viewport with its toolbar and exposes no viewport metric for it,\n // so we add generous bottom padding so the last item can scroll\n // clear. The env() term also clears the home-indicator safe area in\n // native webviews. On larger screens no extra padding is needed.\n // TODO(MEW-3820 follow-up): revisit with a proper mobile scroll\n // model that lets the document scroll (retracting Chrome's toolbar).\n pb: {\n xs: 'calc(env(safe-area-inset-bottom, 0px) + 96px)',\n sm: 'env(safe-area-inset-bottom, 0px)',\n },\n }}\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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"}
|