@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.
Files changed (50) hide show
  1. package/dist/{AccountDetailsDrawer-0MHNohi8.mjs → AccountDetailsDrawer-DVZTB7Dp.mjs} +5 -5
  2. package/dist/{AccountDetailsDrawer-0MHNohi8.mjs.map → AccountDetailsDrawer-DVZTB7Dp.mjs.map} +1 -1
  3. package/dist/{CategorySelectorDrawer-CnPpdfxX.mjs → CategorySelectorDrawer-CWZoNePh.mjs} +2 -2
  4. package/dist/{CategorySelectorDrawer-CnPpdfxX.mjs.map → CategorySelectorDrawer-CWZoNePh.mjs.map} +1 -1
  5. package/dist/{ConnectCard-BVebtDHk.mjs → ConnectCard-CVMLPujx.mjs} +2 -2
  6. package/dist/{ConnectCard-BVebtDHk.mjs.map → ConnectCard-CVMLPujx.mjs.map} +1 -1
  7. package/dist/{ConnectDrawer-EqJSows7.mjs → ConnectDrawer-L-UwjKiw.mjs} +2 -2
  8. package/dist/{ConnectDrawer-EqJSows7.mjs.map → ConnectDrawer-L-UwjKiw.mjs.map} +1 -1
  9. package/dist/{ConnectionsDrawer-rj6EyD_K.mjs → ConnectionsDrawer-B2-IGB21.mjs} +2 -2
  10. package/dist/{ConnectionsDrawer-rj6EyD_K.mjs.map → ConnectionsDrawer-B2-IGB21.mjs.map} +1 -1
  11. package/dist/Drawer-BDN1RgiP.mjs +233 -0
  12. package/dist/Drawer-BDN1RgiP.mjs.map +1 -0
  13. package/dist/{EmbeddedCard-4oZN39dl.mjs → EmbeddedCard-B1xiWlSD.mjs} +2 -2
  14. package/dist/{EmbeddedCard-4oZN39dl.mjs.map → EmbeddedCard-B1xiWlSD.mjs.map} +1 -1
  15. package/dist/{ExportCsvAction-AYVvZYaT.mjs → ExportCsvAction-BmhxpUxp.mjs} +2 -2
  16. package/dist/{ExportCsvAction-AYVvZYaT.mjs.map → ExportCsvAction-BmhxpUxp.mjs.map} +1 -1
  17. package/dist/{Help-BR_TnLQT.mjs → Help-CsyZsI4_.mjs} +2 -2
  18. package/dist/{Help-BR_TnLQT.mjs.map → Help-CsyZsI4_.mjs.map} +1 -1
  19. package/dist/{ManageIncome-Jb26Ks-9.mjs → ManageIncome-Cy_iopks.mjs} +5 -5
  20. package/dist/{ManageIncome-Jb26Ks-9.mjs.map → ManageIncome-Cy_iopks.mjs.map} +1 -1
  21. package/dist/{NotificationSettings-B29rq0jt.mjs → NotificationSettings-C7-S6PC1.mjs} +2 -2
  22. package/dist/{NotificationSettings-B29rq0jt.mjs.map → NotificationSettings-C7-S6PC1.mjs.map} +1 -1
  23. package/dist/{RecurringSettings-Bz1N47uF.mjs → RecurringSettings-UHjXxW8J.mjs} +2 -2
  24. package/dist/{RecurringSettings-Bz1N47uF.mjs.map → RecurringSettings-UHjXxW8J.mjs.map} +1 -1
  25. package/dist/{TransactionDetails-B68fRzbL.mjs → TransactionDetails-Nuyunc5m.mjs} +4 -4
  26. package/dist/{TransactionDetails-B68fRzbL.mjs.map → TransactionDetails-Nuyunc5m.mjs.map} +1 -1
  27. package/dist/{WidgetContainer-BLbT-HZ_.mjs → WidgetContainer-By47tuTw.mjs} +2 -2
  28. package/dist/{WidgetContainer-BLbT-HZ_.mjs.map → WidgetContainer-By47tuTw.mjs.map} +1 -1
  29. package/dist/accounts/index.es.js +5 -5
  30. package/dist/budgets/index.es.js +7 -7
  31. package/dist/cashflow/index.es.js +6 -6
  32. package/dist/categories/index.es.js +1 -1
  33. package/dist/common/index.es.js +4 -4
  34. package/dist/dashboard/index.es.js +1 -1
  35. package/dist/debts/index.es.js +3 -3
  36. package/dist/finstrong/index.es.js +7 -7
  37. package/dist/goals/index.es.js +3 -3
  38. package/dist/help/index.es.js +2 -2
  39. package/dist/insights/index.es.js +3 -3
  40. package/dist/investments/index.es.js +3 -3
  41. package/dist/networth/index.es.js +3 -3
  42. package/dist/notifications/index.es.js +2 -2
  43. package/dist/recurringtransactions/index.es.js +6 -6
  44. package/dist/settings/index.es.js +6 -6
  45. package/dist/spending/index.es.js +4 -4
  46. package/dist/transactions/index.es.js +9 -9
  47. package/dist/trends/index.es.js +6 -6
  48. package/package.json +1 -1
  49. package/dist/Drawer-BSWPsXCY.mjs +0 -190
  50. 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-B29rq0jt.mjs";
19
- import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-B29rq0jt.mjs";
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-CnPpdfxX.mjs";
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-BSWPsXCY.mjs";
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-BR_TnLQT.mjs";
45
- import { W as q } from "../WidgetContainer-BLbT-HZ_.mjs";
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-4oZN39dl.mjs";
23
- import { T as xt } from "../TransactionDetails-B68fRzbL.mjs";
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-BSWPsXCY.mjs";
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-BLbT-HZ_.mjs";
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-B68fRzbL.mjs";
2
- import { B as xa, b as Aa } from "../TransactionDetails-B68fRzbL.mjs";
3
- import { u as B, T as Ge } from "../EmbeddedCard-4oZN39dl.mjs";
4
- import { a as Sa } from "../EmbeddedCard-4oZN39dl.mjs";
5
- import { E as va } from "../ExportCsvAction-AYVvZYaT.mjs";
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-EqJSows7.mjs";
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-CnPpdfxX.mjs";
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-BLbT-HZ_.mjs";
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-BSWPsXCY.mjs";
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}`
@@ -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-4oZN39dl.mjs";
38
- import { T as dt } from "../TransactionDetails-B68fRzbL.mjs";
39
- import { D as Pe } from "../Drawer-BSWPsXCY.mjs";
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-BLbT-HZ_.mjs";
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-AYVvZYaT.mjs";
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-EqJSows7.mjs";
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "9.2.4-alpha.al3",
3
+ "version": "9.2.4-alpha.al5",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",
@@ -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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"}