@mxenabled/mxui 1.0.0-alpha.v5 → 1.0.0-alpha.v6
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/index.es.js +302 -322
- package/dist/index.es.js.map +1 -1
- package/package.json +5 -4
package/dist/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsx as a, jsxs as M } from "react/jsx-runtime";
|
|
2
|
+
import b from "react";
|
|
3
|
+
import E from "@mui/material/Stack";
|
|
4
4
|
import { useTheme as T, createTheme as B } from "@mui/material/styles";
|
|
5
|
-
import
|
|
5
|
+
import { Icon as O } from "@mxenabled/mx-icons";
|
|
6
6
|
import { endOfMonth as F } from "date-fns/endOfMonth";
|
|
7
7
|
import { endOfYear as Y } from "date-fns/endOfYear";
|
|
8
8
|
import { startOfToday as Q } from "date-fns/startOfToday";
|
|
@@ -14,24 +14,162 @@ import { subYears as q } from "date-fns/subYears";
|
|
|
14
14
|
import ee from "@mui/material/useMediaQuery";
|
|
15
15
|
import { LocalizationProvider as re, StaticDateRangePicker as te } from "@mui/x-date-pickers-pro";
|
|
16
16
|
import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
|
|
17
|
-
import
|
|
17
|
+
import L from "@mui/material/Box";
|
|
18
18
|
import ae from "@mui/material/ToggleButton";
|
|
19
19
|
import ie from "@mui/material/ToggleButtonGroup";
|
|
20
|
-
import
|
|
20
|
+
import _ from "@mui/material/Slide";
|
|
21
21
|
import k from "@mui/material/Button";
|
|
22
|
-
import
|
|
23
|
-
import
|
|
22
|
+
import V from "@mui/material/Toolbar";
|
|
23
|
+
import W from "@mui/material/IconButton";
|
|
24
24
|
import ne from "@mui/material/Drawer";
|
|
25
25
|
import le from "@mui/material/Typography";
|
|
26
26
|
import ce from "@mui/material/TextField";
|
|
27
27
|
import se from "@mui/material/Snackbar";
|
|
28
28
|
import de from "@mui/material/Alert";
|
|
29
|
-
import { light as
|
|
29
|
+
import { light as $, buildTheme as H, dark as ue } from "@mxenabled/design-tokens";
|
|
30
30
|
import { LicenseInfo as pe } from "@mui/x-license-pro";
|
|
31
31
|
import { circularProgressClasses as he } from "@mui/material/CircularProgress";
|
|
32
32
|
import ge from "@mui/material/styles/createPalette";
|
|
33
33
|
import me from "@mui/material/styles/createTypography";
|
|
34
|
-
|
|
34
|
+
var s = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(s || {}), fe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(fe || {});
|
|
35
|
+
const G = {
|
|
36
|
+
guid: s.Uncategorized,
|
|
37
|
+
colorName: "uncategorized",
|
|
38
|
+
icon: "category"
|
|
39
|
+
}, be = [
|
|
40
|
+
{
|
|
41
|
+
guid: s.AutoTransport,
|
|
42
|
+
colorName: "autoTransport",
|
|
43
|
+
icon: "directions_car"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
guid: s.BillsUtilities,
|
|
47
|
+
colorName: "billsUtilities",
|
|
48
|
+
icon: "electrical_services"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
guid: s.BusinessServices,
|
|
52
|
+
colorName: "businessServices",
|
|
53
|
+
icon: "business_center"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
guid: s.Education,
|
|
57
|
+
colorName: "education",
|
|
58
|
+
icon: "school"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
guid: s.Entertainment,
|
|
62
|
+
colorName: "entertainment",
|
|
63
|
+
icon: "stadium"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
guid: s.FeesCharges,
|
|
67
|
+
colorName: "feesCharges",
|
|
68
|
+
icon: "problem"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
guid: s.Financial,
|
|
72
|
+
colorName: "financial",
|
|
73
|
+
icon: "price_check"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
guid: s.FoodDining,
|
|
77
|
+
colorName: "foodDining",
|
|
78
|
+
icon: "grocery"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
guid: s.GiftsDonations,
|
|
82
|
+
colorName: "giftsDonations",
|
|
83
|
+
icon: "featured_seasonal_and_gifts"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
guid: s.HealthFitness,
|
|
87
|
+
colorName: "healthFitness",
|
|
88
|
+
icon: "ecg_heart"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
guid: s.Home,
|
|
92
|
+
colorName: "home",
|
|
93
|
+
icon: "cottage"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
guid: s.Income,
|
|
97
|
+
colorName: "income",
|
|
98
|
+
icon: "monetization_on"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
guid: s.Investments,
|
|
102
|
+
colorName: "investments",
|
|
103
|
+
icon: "bid_landscape"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
guid: s.Kids,
|
|
107
|
+
colorName: "kids",
|
|
108
|
+
icon: "face"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
guid: s.PersonalCare,
|
|
112
|
+
colorName: "personalCare",
|
|
113
|
+
icon: "volunteer_activism"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
guid: s.Pets,
|
|
117
|
+
colorName: "pets",
|
|
118
|
+
icon: "pet_supplies"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
guid: s.Shopping,
|
|
122
|
+
colorName: "shopping",
|
|
123
|
+
icon: "shopping_cart"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
guid: s.Taxes,
|
|
127
|
+
colorName: "taxes",
|
|
128
|
+
icon: "heap_snapshot_large"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
guid: s.Transfer,
|
|
132
|
+
colorName: "transfer",
|
|
133
|
+
icon: "compare_arrows"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
guid: s.Travel,
|
|
137
|
+
colorName: "travel",
|
|
138
|
+
icon: "airplane_ticket"
|
|
139
|
+
},
|
|
140
|
+
G
|
|
141
|
+
], Me = 0.625, Ce = ({
|
|
142
|
+
categoryGuid: e,
|
|
143
|
+
icon_ratio: o = Me,
|
|
144
|
+
size: n = 32,
|
|
145
|
+
sx: r = {},
|
|
146
|
+
variant: i = "filled"
|
|
147
|
+
}) => {
|
|
148
|
+
const l = T(), c = b.useMemo(
|
|
149
|
+
() => be.find((p) => p.guid === e) ?? G,
|
|
150
|
+
[e]
|
|
151
|
+
), g = c.colorName, f = l.palette.categories[g];
|
|
152
|
+
return /* @__PURE__ */ a(
|
|
153
|
+
E,
|
|
154
|
+
{
|
|
155
|
+
alignItems: "center",
|
|
156
|
+
bgcolor: () => {
|
|
157
|
+
let p = f;
|
|
158
|
+
return i === "twotone" && (p = `${p}20`), i === "transparent" || i === "basic" ? "transparent" : p;
|
|
159
|
+
},
|
|
160
|
+
borderRadius: 1,
|
|
161
|
+
color: () => {
|
|
162
|
+
const p = i === "filled" ? l.palette.common.white : f;
|
|
163
|
+
return i === "basic" ? l.palette.text.primary : p;
|
|
164
|
+
},
|
|
165
|
+
height: n,
|
|
166
|
+
justifyContent: "center",
|
|
167
|
+
sx: [...Array.isArray(r) ? r : [r]],
|
|
168
|
+
width: n,
|
|
169
|
+
children: /* @__PURE__ */ a(O, { name: c.icon, size: n * o })
|
|
170
|
+
}
|
|
171
|
+
);
|
|
172
|
+
}, m = ({
|
|
35
173
|
children: e,
|
|
36
174
|
height: o,
|
|
37
175
|
size: n = 16,
|
|
@@ -50,48 +188,29 @@ const g = ({
|
|
|
50
188
|
children: e
|
|
51
189
|
}
|
|
52
190
|
);
|
|
53
|
-
var
|
|
54
|
-
const
|
|
191
|
+
var ye = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(ye || {});
|
|
192
|
+
const C = ({
|
|
55
193
|
color: e,
|
|
56
194
|
fill: o = !1,
|
|
57
195
|
name: n,
|
|
58
196
|
size: r = 20,
|
|
59
|
-
sx: i,
|
|
60
|
-
weight: l = 300
|
|
61
|
-
|
|
62
|
-
}) =>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
{
|
|
74
|
-
fontSize: r,
|
|
75
|
-
fontVariationSettings: `
|
|
76
|
-
'FILL' ${o ? 1 : 0},
|
|
77
|
-
'wght' ${l},
|
|
78
|
-
'GRAD' 0,
|
|
79
|
-
'opsz' ${r}
|
|
80
|
-
`
|
|
81
|
-
},
|
|
82
|
-
...Array.isArray(i) ? i : [i],
|
|
83
|
-
{
|
|
84
|
-
...!d && { color: "transparent" }
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
...c,
|
|
88
|
-
children: n
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
}, s0 = ({
|
|
197
|
+
sx: i = {},
|
|
198
|
+
weight: l = 300
|
|
199
|
+
/* Normal */
|
|
200
|
+
}) => /* @__PURE__ */ a(
|
|
201
|
+
O,
|
|
202
|
+
{
|
|
203
|
+
color: e,
|
|
204
|
+
fill: o,
|
|
205
|
+
name: n,
|
|
206
|
+
size: r,
|
|
207
|
+
sx: { ...Array.isArray(i) ? i : [i] },
|
|
208
|
+
weight: l
|
|
209
|
+
}
|
|
210
|
+
), s0 = ({
|
|
92
211
|
color: e = "currentColor",
|
|
93
212
|
...o
|
|
94
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
213
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
95
214
|
"path",
|
|
96
215
|
{
|
|
97
216
|
d: "M2.24801 6.76647H0.573286C0.327604 6.76647 0.110586 6.60678 0.0327867 6.37748C-0.0450124 6.14408 0.0327866 5.88612 0.229332 5.73871L7.6571 0.116699C7.85774 -0.0388996 8.14027 -0.0388996 8.34501 0.116699L15.7728 5.73871C15.9693 5.89021 16.0471 6.14408 15.9693 6.37748C15.8915 6.61088 15.6745 6.76647 15.4288 6.76647H13.7582V12.323H14.3929C14.7122 12.323 14.9661 12.5809 14.9661 12.8962C14.9661 13.2156 14.7082 13.4695 14.3929 13.4695H1.60924C1.28986 13.4695 1.03599 13.2115 1.03599 12.8962C1.03599 12.5768 1.29395 12.323 1.60924 12.323H2.24801V6.76647ZM5.70393 6.76647H3.39043V12.323H5.70393V6.76647ZM9.15985 12.323V6.76647H6.84635V12.323H9.15985ZM10.3023 12.3189H12.6158V6.76647H10.3023V12.3189ZM0.573256 14.8535H15.4288C15.7441 14.8535 15.998 15.1115 15.998 15.4267C15.998 15.7461 15.74 16 15.4247 16H0.573256C0.253871 16 0 15.742 0 15.4267C0 15.1074 0.257965 14.8535 0.573256 14.8535Z",
|
|
@@ -100,7 +219,7 @@ const M = ({
|
|
|
100
219
|
) })), d0 = ({
|
|
101
220
|
color: e = "currentColor",
|
|
102
221
|
...o
|
|
103
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
222
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
104
223
|
"path",
|
|
105
224
|
{
|
|
106
225
|
d: "M15.429 14.854H.573a.572.572 0 100 1.146h14.852a.572.572 0 00.004-1.146zM.573 6.766h1.675v5.557h-.639a.572.572 0 100 1.146h12.784a.572.572 0 100-1.146h-.635V6.766h1.67a.568.568 0 00.541-.389.574.574 0 00-.196-.638L8.345.117a.565.565 0 00-.688 0L.23 5.739a.572.572 0 00.344 1.027zm2.817 0h2.314v5.557H3.39V6.766zm5.77 0v5.557H6.846V6.766H9.16zm3.456 5.553h-2.314V6.766h2.314v5.553zM8 1.288l5.724 4.336H2.277L8 1.288z",
|
|
@@ -109,7 +228,7 @@ const M = ({
|
|
|
109
228
|
) })), u0 = ({
|
|
110
229
|
color: e = "currentColor",
|
|
111
230
|
...o
|
|
112
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
231
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
113
232
|
"path",
|
|
114
233
|
{
|
|
115
234
|
d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
|
|
@@ -118,7 +237,7 @@ const M = ({
|
|
|
118
237
|
) })), p0 = ({
|
|
119
238
|
color: e = "currentColor",
|
|
120
239
|
...o
|
|
121
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
240
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
122
241
|
"path",
|
|
123
242
|
{
|
|
124
243
|
clipRule: "evenodd",
|
|
@@ -129,7 +248,7 @@ const M = ({
|
|
|
129
248
|
) })), h0 = ({
|
|
130
249
|
color: e = "currentColor",
|
|
131
250
|
...o
|
|
132
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
251
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
133
252
|
"path",
|
|
134
253
|
{
|
|
135
254
|
d: "M11.5 0a.5.5 0 01.5.5V2h2.5A1.5 1.5 0 0116 3.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 010 14.5v-11A1.5 1.5 0 011.5 2H4V.5a.5.5 0 011 0V2h6V.5a.5.5 0 01.5-.5zM15 6H1v8.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V6zm-4.5 1a.5.5 0 01.5.5V10h2.5a.5.5 0 010 1H11v2.5a.5.5 0 01-1 0V11H6v2.5a.5.5 0 01-1 0V11H2.5a.5.5 0 010-1H5V7.5a.5.5 0 011 0V10h4V7.5a.5.5 0 01.5-.5zm4-4h-13a.5.5 0 00-.5.5V5h14V3.5a.5.5 0 00-.5-.5z",
|
|
@@ -138,7 +257,7 @@ const M = ({
|
|
|
138
257
|
) })), g0 = ({
|
|
139
258
|
color: e = "currentColor",
|
|
140
259
|
...o
|
|
141
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
260
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
142
261
|
"path",
|
|
143
262
|
{
|
|
144
263
|
d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm4.358 5.151a.5.5 0 00-.707-.01L6.858 9.803 4.35 7.363a.5.5 0 10-.698.718l2.858 2.777a.5.5 0 00.697 0l5.142-5a.5.5 0 00.01-.707z",
|
|
@@ -147,7 +266,7 @@ const M = ({
|
|
|
147
266
|
) })), m0 = ({
|
|
148
267
|
color: e = "currentColor",
|
|
149
268
|
...o
|
|
150
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
269
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
151
270
|
"path",
|
|
152
271
|
{
|
|
153
272
|
d: "M2.68 5.201a.6.6 0 01.848-.011L8 9.543l4.472-4.353a.6.6 0 11.837.86l-4.89 4.76a.6.6 0 01-.838 0l-4.89-4.76a.6.6 0 01-.012-.849z",
|
|
@@ -156,7 +275,7 @@ const M = ({
|
|
|
156
275
|
) })), f0 = ({
|
|
157
276
|
color: e = "currentColor",
|
|
158
277
|
...o
|
|
159
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
278
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
160
279
|
"path",
|
|
161
280
|
{
|
|
162
281
|
d: "M10.799 2.68a.6.6 0 01.011.848L6.457 8l4.353 4.472a.6.6 0 01-.86.837L5.19 8.42a.6.6 0 010-.838l4.76-4.89a.6.6 0 01.849-.012z",
|
|
@@ -165,16 +284,16 @@ const M = ({
|
|
|
165
284
|
) })), b0 = ({
|
|
166
285
|
color: e = "currentColor",
|
|
167
286
|
...o
|
|
168
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
287
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
169
288
|
"path",
|
|
170
289
|
{
|
|
171
290
|
d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
|
|
172
291
|
fill: e
|
|
173
292
|
}
|
|
174
|
-
) })),
|
|
293
|
+
) })), Te = ({
|
|
175
294
|
color: e = "currentColor",
|
|
176
295
|
...o
|
|
177
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
296
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
178
297
|
"path",
|
|
179
298
|
{
|
|
180
299
|
d: "M13.79 2.21a.72.72 0 0 1 0 1.02L9.018 8l4.77 4.77a.72.72 0 1 1-1.018 1.02L8 9.018l-4.77 4.77a.72.72 0 1 1-1.02-1.018L6.982 8l-4.77-4.77A.72.72 0 0 1 3.23 2.21L8 6.982l4.77-4.77a.72.72 0 0 1 1.02 0Z",
|
|
@@ -183,25 +302,25 @@ const M = ({
|
|
|
183
302
|
) })), M0 = ({
|
|
184
303
|
color: e = "currentColor",
|
|
185
304
|
...o
|
|
186
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
305
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
187
306
|
"path",
|
|
188
307
|
{
|
|
189
308
|
d: "M12.644.156l3.2 3.2a.533.533 0 010 .754L5.177 14.777a.534.534 0 01-.247.14L.663 15.984a.533.533 0 01-.647-.647l1.067-4.267a.534.534 0 01.14-.248L11.89.156a.533.533 0 01.754 0zM10.133 3.42l-8.051 8.052-.815 3.261 3.26-.815 8.052-8.052-2.446-2.446zm2.134-2.132l-1.38 1.378 2.446 2.446 1.38-1.379-2.446-2.445z",
|
|
190
309
|
fill: e
|
|
191
310
|
}
|
|
192
|
-
) })),
|
|
311
|
+
) })), C0 = ({
|
|
193
312
|
color: e = "currentColor",
|
|
194
313
|
...o
|
|
195
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
314
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
196
315
|
"path",
|
|
197
316
|
{
|
|
198
317
|
d: "M1.5 1.933l5.4 6.72c.066.081.1.18.1.28v5.134h2V8.933c0-.1.036-.199.1-.28l5.4-6.72h-13zM6 9.09L.1 1.747C-.145 1.439.09 1 .5 1h15c.413 0 .648.439.4.747L10 9.089v5.444c0 .258-.223.467-.5.467h-3c-.275 0-.5-.209-.5-.467V9.09z",
|
|
199
318
|
fill: e
|
|
200
319
|
}
|
|
201
|
-
) })),
|
|
320
|
+
) })), y0 = ({
|
|
202
321
|
color: e = "currentColor",
|
|
203
322
|
...o
|
|
204
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
323
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
205
324
|
"path",
|
|
206
325
|
{
|
|
207
326
|
d: "M1.317 2.317a4.5 4.5 0 016.364 0c.117.117.223.238.32.363.095-.124.2-.245.316-.362a4.5 4.5 0 016.364 6.364l-.004.004-6.328 6.172a.5.5 0 01-.698 0L1.317 8.682a4.5 4.5 0 010-6.365zm5.657.708a3.5 3.5 0 00-4.952 4.947L8 13.802l5.977-5.83a3.5 3.5 0 00-4.952-4.947c-.235.235-.42.51-.586.815a.5.5 0 01-.878 0 3.46 3.46 0 00-.587-.815z",
|
|
@@ -210,7 +329,7 @@ const M = ({
|
|
|
210
329
|
) })), T0 = ({
|
|
211
330
|
color: e = "currentColor",
|
|
212
331
|
...o
|
|
213
|
-
}) => /* @__PURE__ */
|
|
332
|
+
}) => /* @__PURE__ */ M(m, { ...o, children: [
|
|
214
333
|
/* @__PURE__ */ a(
|
|
215
334
|
"path",
|
|
216
335
|
{
|
|
@@ -228,7 +347,7 @@ const M = ({
|
|
|
228
347
|
] }), v0 = ({
|
|
229
348
|
color: e = "currentColor",
|
|
230
349
|
...o
|
|
231
|
-
}) => /* @__PURE__ */
|
|
350
|
+
}) => /* @__PURE__ */ M(m, { ...o, children: [
|
|
232
351
|
/* @__PURE__ */ a(
|
|
233
352
|
"path",
|
|
234
353
|
{
|
|
@@ -264,7 +383,7 @@ const M = ({
|
|
|
264
383
|
] }), x0 = ({
|
|
265
384
|
color: e = "currentColor",
|
|
266
385
|
...o
|
|
267
|
-
}) => /* @__PURE__ */ a(
|
|
386
|
+
}) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
268
387
|
"path",
|
|
269
388
|
{
|
|
270
389
|
clipRule: "evenodd",
|
|
@@ -275,7 +394,7 @@ const M = ({
|
|
|
275
394
|
) }), A0 = ({
|
|
276
395
|
color: e = "currentColor",
|
|
277
396
|
...o
|
|
278
|
-
}) => /* @__PURE__ */
|
|
397
|
+
}) => /* @__PURE__ */ M(m, { ...o, children: [
|
|
279
398
|
/* @__PURE__ */ a(
|
|
280
399
|
"path",
|
|
281
400
|
{
|
|
@@ -299,162 +418,23 @@ const M = ({
|
|
|
299
418
|
fillRule: "evenodd"
|
|
300
419
|
}
|
|
301
420
|
)
|
|
302
|
-
] })
|
|
303
|
-
var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {}), Me = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Me || {});
|
|
304
|
-
const $ = {
|
|
305
|
-
guid: u.Uncategorized,
|
|
306
|
-
colorName: "uncategorized",
|
|
307
|
-
icon: "category"
|
|
308
|
-
}, ye = [
|
|
309
|
-
{
|
|
310
|
-
guid: u.AutoTransport,
|
|
311
|
-
colorName: "autoTransport",
|
|
312
|
-
icon: "directions_car"
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
guid: u.BillsUtilities,
|
|
316
|
-
colorName: "billsUtilities",
|
|
317
|
-
icon: "electrical_services"
|
|
318
|
-
},
|
|
319
|
-
{
|
|
320
|
-
guid: u.BusinessServices,
|
|
321
|
-
colorName: "businessServices",
|
|
322
|
-
icon: "business_center"
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
guid: u.Education,
|
|
326
|
-
colorName: "education",
|
|
327
|
-
icon: "school"
|
|
328
|
-
},
|
|
329
|
-
{
|
|
330
|
-
guid: u.Entertainment,
|
|
331
|
-
colorName: "entertainment",
|
|
332
|
-
icon: "stadium"
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
guid: u.FeesCharges,
|
|
336
|
-
colorName: "feesCharges",
|
|
337
|
-
icon: "problem"
|
|
338
|
-
},
|
|
339
|
-
{
|
|
340
|
-
guid: u.Financial,
|
|
341
|
-
colorName: "financial",
|
|
342
|
-
icon: "price_check"
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
guid: u.FoodDining,
|
|
346
|
-
colorName: "foodDining",
|
|
347
|
-
icon: "grocery"
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
guid: u.GiftsDonations,
|
|
351
|
-
colorName: "giftsDonations",
|
|
352
|
-
icon: "featured_seasonal_and_gifts"
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
guid: u.HealthFitness,
|
|
356
|
-
colorName: "healthFitness",
|
|
357
|
-
icon: "ecg_heart"
|
|
358
|
-
},
|
|
359
|
-
{
|
|
360
|
-
guid: u.Home,
|
|
361
|
-
colorName: "home",
|
|
362
|
-
icon: "cottage"
|
|
363
|
-
},
|
|
364
|
-
{
|
|
365
|
-
guid: u.Income,
|
|
366
|
-
colorName: "income",
|
|
367
|
-
icon: "monetization_on"
|
|
368
|
-
},
|
|
369
|
-
{
|
|
370
|
-
guid: u.Investments,
|
|
371
|
-
colorName: "investments",
|
|
372
|
-
icon: "bid_landscape"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
guid: u.Kids,
|
|
376
|
-
colorName: "kids",
|
|
377
|
-
icon: "face"
|
|
378
|
-
},
|
|
379
|
-
{
|
|
380
|
-
guid: u.PersonalCare,
|
|
381
|
-
colorName: "personalCare",
|
|
382
|
-
icon: "volunteer_activism"
|
|
383
|
-
},
|
|
384
|
-
{
|
|
385
|
-
guid: u.Pets,
|
|
386
|
-
colorName: "pets",
|
|
387
|
-
icon: "pet_supplies"
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
guid: u.Shopping,
|
|
391
|
-
colorName: "shopping",
|
|
392
|
-
icon: "shopping_cart"
|
|
393
|
-
},
|
|
394
|
-
{
|
|
395
|
-
guid: u.Taxes,
|
|
396
|
-
colorName: "taxes",
|
|
397
|
-
icon: "heap_snapshot_large"
|
|
398
|
-
},
|
|
399
|
-
{
|
|
400
|
-
guid: u.Transfer,
|
|
401
|
-
colorName: "transfer",
|
|
402
|
-
icon: "compare_arrows"
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
guid: u.Travel,
|
|
406
|
-
colorName: "travel",
|
|
407
|
-
icon: "airplane_ticket"
|
|
408
|
-
},
|
|
409
|
-
$
|
|
410
|
-
], Ce = 0.625, Te = ({
|
|
411
|
-
categoryGuid: e,
|
|
412
|
-
icon_ratio: o = Ce,
|
|
413
|
-
size: n = 32,
|
|
414
|
-
sx: r = {},
|
|
415
|
-
variant: i = "filled"
|
|
416
|
-
}) => {
|
|
417
|
-
const l = T(), c = f.useMemo(
|
|
418
|
-
() => ye.find((s) => s.guid === e) ?? $,
|
|
419
|
-
[e]
|
|
420
|
-
), d = l.palette.categories[c.colorName];
|
|
421
|
-
return /* @__PURE__ */ a(
|
|
422
|
-
L,
|
|
423
|
-
{
|
|
424
|
-
alignItems: "center",
|
|
425
|
-
bgcolor: () => {
|
|
426
|
-
let s = d;
|
|
427
|
-
return i === "twotone" && (s = `${s}20`), i === "transparent" || i === "basic" ? "transparent" : s;
|
|
428
|
-
},
|
|
429
|
-
borderRadius: 1,
|
|
430
|
-
color: () => {
|
|
431
|
-
const s = i === "filled" ? l.palette.common.white : d;
|
|
432
|
-
return i === "basic" ? l.palette.text.primary : s;
|
|
433
|
-
},
|
|
434
|
-
height: n,
|
|
435
|
-
justifyContent: "center",
|
|
436
|
-
sx: [...Array.isArray(r) ? r : [r]],
|
|
437
|
-
width: n,
|
|
438
|
-
children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
|
|
439
|
-
}
|
|
440
|
-
);
|
|
441
|
-
}, ve = ({
|
|
421
|
+
] }), ve = ({
|
|
442
422
|
items: e,
|
|
443
423
|
onChange: o,
|
|
444
424
|
isValid: n,
|
|
445
425
|
selected: r
|
|
446
426
|
}) => {
|
|
447
427
|
const i = T(), l = e?.map((c) => {
|
|
448
|
-
const
|
|
428
|
+
const g = c.getValue({ isValid: n });
|
|
449
429
|
return {
|
|
450
430
|
label: c.label,
|
|
451
431
|
onClick: () => {
|
|
452
|
-
o(
|
|
432
|
+
o(g, "accept", c);
|
|
453
433
|
},
|
|
454
|
-
disabled: !n(
|
|
434
|
+
disabled: !n(g)
|
|
455
435
|
};
|
|
456
436
|
});
|
|
457
|
-
return /* @__PURE__ */ a(
|
|
437
|
+
return /* @__PURE__ */ a(L, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ie, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
|
|
458
438
|
ae,
|
|
459
439
|
{
|
|
460
440
|
onClick: c.onClick,
|
|
@@ -489,43 +469,43 @@ const $ = {
|
|
|
489
469
|
selectedShortcut: r = e.dateRangeThisMonth,
|
|
490
470
|
sx: i = {}
|
|
491
471
|
}) => {
|
|
492
|
-
const l = T(), c = ee(l.breakpoints.down("sm")),
|
|
493
|
-
const
|
|
472
|
+
const l = T(), c = ee(l.breakpoints.down("sm")), g = b.useMemo(() => {
|
|
473
|
+
const d = Q(), u = J(d, 1), p = q(d, 1);
|
|
494
474
|
return [
|
|
495
475
|
{
|
|
496
476
|
label: e.dateRangeThisMonth,
|
|
497
|
-
getValue: () => [w(
|
|
477
|
+
getValue: () => [w(d), F(d)]
|
|
498
478
|
},
|
|
499
479
|
{
|
|
500
480
|
label: e.dateRangeLastMonth,
|
|
501
|
-
getValue: () => [w(
|
|
481
|
+
getValue: () => [w(u), F(u)]
|
|
502
482
|
},
|
|
503
483
|
{
|
|
504
484
|
label: e.dateRangeLast30Days,
|
|
505
|
-
getValue: () => [N(
|
|
485
|
+
getValue: () => [N(d, 30), d]
|
|
506
486
|
},
|
|
507
487
|
{
|
|
508
488
|
label: e.dateRangeLast90Days,
|
|
509
|
-
getValue: () => [N(
|
|
489
|
+
getValue: () => [N(d, 90), d]
|
|
510
490
|
},
|
|
511
491
|
{
|
|
512
492
|
label: e.dateRangeYTD,
|
|
513
|
-
getValue: () => [R(
|
|
493
|
+
getValue: () => [R(d), d]
|
|
514
494
|
},
|
|
515
495
|
{
|
|
516
496
|
label: e.dateRangeLastYear,
|
|
517
|
-
getValue: () => [R(
|
|
497
|
+
getValue: () => [R(p), Y(p)]
|
|
518
498
|
},
|
|
519
499
|
{
|
|
520
500
|
label: e.dateRangeCustom,
|
|
521
|
-
getValue: () => [
|
|
501
|
+
getValue: () => [d, d]
|
|
522
502
|
}
|
|
523
503
|
];
|
|
524
|
-
}, [e]),
|
|
525
|
-
const
|
|
526
|
-
n?.(
|
|
504
|
+
}, [e]), f = (d, u) => {
|
|
505
|
+
const p = u.shortcut;
|
|
506
|
+
n?.(d, p ? p.label : e.dateRangeCustom);
|
|
527
507
|
};
|
|
528
|
-
return /* @__PURE__ */ a(
|
|
508
|
+
return /* @__PURE__ */ a(E, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
|
|
529
509
|
te,
|
|
530
510
|
{
|
|
531
511
|
calendars: 1,
|
|
@@ -534,28 +514,28 @@ const $ = {
|
|
|
534
514
|
end: e.dateRangeTo,
|
|
535
515
|
toolbarTitle: e.dateRangeToolbarTitle
|
|
536
516
|
},
|
|
537
|
-
onChange:
|
|
517
|
+
onChange: f,
|
|
538
518
|
showDaysOutsideCurrentMonth: !0,
|
|
539
519
|
slotProps: {
|
|
540
520
|
actionBar: { actions: [] },
|
|
541
521
|
shortcuts: {
|
|
542
|
-
items: c ? [] :
|
|
522
|
+
items: c ? [] : g
|
|
543
523
|
},
|
|
544
524
|
toolbar: {
|
|
545
525
|
toolbarFormat: "MMM d, yyyy"
|
|
546
526
|
}
|
|
547
527
|
},
|
|
548
528
|
slots: {
|
|
549
|
-
leftArrowIcon: () => /* @__PURE__ */ a(
|
|
550
|
-
shortcuts: (
|
|
551
|
-
rightArrowIcon: () => /* @__PURE__ */ a(
|
|
529
|
+
leftArrowIcon: () => /* @__PURE__ */ a(C, { name: "chevron_left", size: 28 }),
|
|
530
|
+
shortcuts: (d) => /* @__PURE__ */ a(ve, { selected: r, ...d }),
|
|
531
|
+
rightArrowIcon: () => /* @__PURE__ */ a(C, { name: "chevron_right", size: 28 })
|
|
552
532
|
},
|
|
553
533
|
sx: { ...i },
|
|
554
534
|
value: o
|
|
555
535
|
}
|
|
556
536
|
) }) });
|
|
557
|
-
}, k0 =
|
|
558
|
-
return /* @__PURE__ */ a(
|
|
537
|
+
}, k0 = b.forwardRef(function(o, n) {
|
|
538
|
+
return /* @__PURE__ */ a(_, { direction: "up", ref: n, ...o });
|
|
559
539
|
}), xe = ({
|
|
560
540
|
hasSecondaryAction: e = !0,
|
|
561
541
|
isPrimaryDisabled: o,
|
|
@@ -564,10 +544,10 @@ const $ = {
|
|
|
564
544
|
primaryColor: i = "primary",
|
|
565
545
|
primaryText: l = "Save",
|
|
566
546
|
secondaryColor: c = "primary",
|
|
567
|
-
secondaryText:
|
|
568
|
-
...
|
|
569
|
-
}) => /* @__PURE__ */
|
|
570
|
-
|
|
547
|
+
secondaryText: g = "Cancel",
|
|
548
|
+
...f
|
|
549
|
+
}) => /* @__PURE__ */ M(
|
|
550
|
+
V,
|
|
571
551
|
{
|
|
572
552
|
sx: {
|
|
573
553
|
display: "flex",
|
|
@@ -577,7 +557,7 @@ const $ = {
|
|
|
577
557
|
padding: 24
|
|
578
558
|
}
|
|
579
559
|
},
|
|
580
|
-
...
|
|
560
|
+
...f,
|
|
581
561
|
children: [
|
|
582
562
|
e && /* @__PURE__ */ a(
|
|
583
563
|
k,
|
|
@@ -585,7 +565,7 @@ const $ = {
|
|
|
585
565
|
color: c,
|
|
586
566
|
onClick: r,
|
|
587
567
|
variant: n ? "outlined" : "contained",
|
|
588
|
-
children:
|
|
568
|
+
children: g
|
|
589
569
|
}
|
|
590
570
|
),
|
|
591
571
|
n && /* @__PURE__ */ a(
|
|
@@ -600,10 +580,10 @@ const $ = {
|
|
|
600
580
|
)
|
|
601
581
|
]
|
|
602
582
|
}
|
|
603
|
-
),
|
|
583
|
+
), E0 = ({ copy: e, onClose: o, ...n }) => {
|
|
604
584
|
const r = T();
|
|
605
|
-
return /* @__PURE__ */
|
|
606
|
-
|
|
585
|
+
return /* @__PURE__ */ M(
|
|
586
|
+
V,
|
|
607
587
|
{
|
|
608
588
|
sx: {
|
|
609
589
|
"&.MuiToolbar-gutters": {
|
|
@@ -612,12 +592,12 @@ const $ = {
|
|
|
612
592
|
},
|
|
613
593
|
...n,
|
|
614
594
|
children: [
|
|
615
|
-
/* @__PURE__ */ a(
|
|
616
|
-
/* @__PURE__ */ a(
|
|
595
|
+
/* @__PURE__ */ a(L, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(De, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
|
|
596
|
+
/* @__PURE__ */ a(W, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(Te, { color: r.palette.primary.main }) })
|
|
617
597
|
]
|
|
618
598
|
}
|
|
619
599
|
);
|
|
620
|
-
},
|
|
600
|
+
}, L0 = ({
|
|
621
601
|
className: e,
|
|
622
602
|
disableSave: o,
|
|
623
603
|
id: n,
|
|
@@ -625,10 +605,10 @@ const $ = {
|
|
|
625
605
|
onClose: i,
|
|
626
606
|
onSave: l,
|
|
627
607
|
primaryText: c,
|
|
628
|
-
secondaryText:
|
|
629
|
-
children:
|
|
630
|
-
...
|
|
631
|
-
}) => /* @__PURE__ */
|
|
608
|
+
secondaryText: g,
|
|
609
|
+
children: f,
|
|
610
|
+
...d
|
|
611
|
+
}) => /* @__PURE__ */ M(
|
|
632
612
|
ne,
|
|
633
613
|
{
|
|
634
614
|
anchor: "right",
|
|
@@ -637,9 +617,9 @@ const $ = {
|
|
|
637
617
|
onClose: i,
|
|
638
618
|
open: r,
|
|
639
619
|
variant: "temporary",
|
|
640
|
-
...
|
|
620
|
+
...d,
|
|
641
621
|
children: [
|
|
642
|
-
|
|
622
|
+
f,
|
|
643
623
|
l && /* @__PURE__ */ a(
|
|
644
624
|
xe,
|
|
645
625
|
{
|
|
@@ -647,16 +627,16 @@ const $ = {
|
|
|
647
627
|
onPrimaryAction: l,
|
|
648
628
|
onSecondaryAction: i,
|
|
649
629
|
primaryText: c,
|
|
650
|
-
secondaryText:
|
|
630
|
+
secondaryText: g
|
|
651
631
|
}
|
|
652
632
|
)
|
|
653
633
|
]
|
|
654
634
|
}
|
|
655
|
-
),
|
|
635
|
+
), U = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
|
|
656
636
|
alt: e,
|
|
657
637
|
institutionGuid: o,
|
|
658
638
|
logoUrl: n,
|
|
659
|
-
size: r =
|
|
639
|
+
size: r = U,
|
|
660
640
|
...i
|
|
661
641
|
}) => /* @__PURE__ */ a(
|
|
662
642
|
"img",
|
|
@@ -675,11 +655,11 @@ const $ = {
|
|
|
675
655
|
alt: e = "",
|
|
676
656
|
categoryGuid: o,
|
|
677
657
|
merchantGuid: n,
|
|
678
|
-
size: r =
|
|
658
|
+
size: r = U,
|
|
679
659
|
...i
|
|
680
660
|
}) => {
|
|
681
|
-
const [l, c] =
|
|
682
|
-
return /* @__PURE__ */
|
|
661
|
+
const [l, c] = b.useState(!1);
|
|
662
|
+
return /* @__PURE__ */ M(L, { display: "inline-block", position: "relative", ...i, children: [
|
|
683
663
|
n && !l && /* @__PURE__ */ a(
|
|
684
664
|
"img",
|
|
685
665
|
{
|
|
@@ -696,7 +676,7 @@ const $ = {
|
|
|
696
676
|
width: r
|
|
697
677
|
}
|
|
698
678
|
),
|
|
699
|
-
/* @__PURE__ */ a(
|
|
679
|
+
/* @__PURE__ */ a(Ce, { categoryGuid: o, size: r })
|
|
700
680
|
] });
|
|
701
681
|
}, v = ({
|
|
702
682
|
bold: e,
|
|
@@ -706,7 +686,7 @@ const $ = {
|
|
|
706
686
|
sx: i = {},
|
|
707
687
|
truncate: l = !0,
|
|
708
688
|
uppercase: c,
|
|
709
|
-
...
|
|
689
|
+
...g
|
|
710
690
|
}) => /* @__PURE__ */ a(
|
|
711
691
|
le,
|
|
712
692
|
{
|
|
@@ -726,7 +706,7 @@ const $ = {
|
|
|
726
706
|
} : {},
|
|
727
707
|
...Array.isArray(i) ? i : [i]
|
|
728
708
|
],
|
|
729
|
-
...
|
|
709
|
+
...g,
|
|
730
710
|
children: n
|
|
731
711
|
}
|
|
732
712
|
), De = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), S0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), F0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), w0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
|
|
@@ -758,7 +738,7 @@ const $ = {
|
|
|
758
738
|
}
|
|
759
739
|
);
|
|
760
740
|
function ke(e) {
|
|
761
|
-
return /* @__PURE__ */ a(
|
|
741
|
+
return /* @__PURE__ */ a(_, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
|
|
762
742
|
}
|
|
763
743
|
const N0 = ({
|
|
764
744
|
open: e,
|
|
@@ -768,47 +748,47 @@ const N0 = ({
|
|
|
768
748
|
severity: i = "success",
|
|
769
749
|
snackbarSx: l,
|
|
770
750
|
showAction: c = !1,
|
|
771
|
-
showClose:
|
|
772
|
-
actionText:
|
|
773
|
-
onActionClick:
|
|
774
|
-
multiLine:
|
|
751
|
+
showClose: g = !1,
|
|
752
|
+
actionText: f = "Undo",
|
|
753
|
+
onActionClick: d,
|
|
754
|
+
multiLine: u = !1
|
|
775
755
|
}) => {
|
|
776
|
-
const
|
|
777
|
-
success:
|
|
778
|
-
error:
|
|
779
|
-
info:
|
|
780
|
-
warning:
|
|
781
|
-
},
|
|
782
|
-
|
|
756
|
+
const p = T(), j = {
|
|
757
|
+
success: p.palette.success.dark,
|
|
758
|
+
error: p.palette.error.light,
|
|
759
|
+
info: p.palette.info.lighter,
|
|
760
|
+
warning: p.palette.warning.lighter
|
|
761
|
+
}, X = /* @__PURE__ */ M(
|
|
762
|
+
E,
|
|
783
763
|
{
|
|
784
|
-
alignItems:
|
|
785
|
-
direction:
|
|
764
|
+
alignItems: u ? "flex-end" : "center",
|
|
765
|
+
direction: u ? "column-reverse" : "row",
|
|
786
766
|
justifyContent: (
|
|
787
767
|
// eslint-disable-next-line no-nested-ternary
|
|
788
|
-
|
|
768
|
+
u && c && g ? "space-between" : "flex-end"
|
|
789
769
|
),
|
|
790
770
|
children: [
|
|
791
771
|
c && /* @__PURE__ */ a(
|
|
792
772
|
k,
|
|
793
773
|
{
|
|
794
774
|
color: "inherit",
|
|
795
|
-
onClick:
|
|
775
|
+
onClick: d || o,
|
|
796
776
|
size: "small",
|
|
797
777
|
sx: {
|
|
798
|
-
color:
|
|
778
|
+
color: p.palette.success.contrastText,
|
|
799
779
|
height: 44
|
|
800
780
|
},
|
|
801
|
-
children:
|
|
781
|
+
children: f
|
|
802
782
|
}
|
|
803
783
|
),
|
|
804
|
-
|
|
805
|
-
|
|
784
|
+
g && /* @__PURE__ */ a(
|
|
785
|
+
W,
|
|
806
786
|
{
|
|
807
787
|
"aria-label": "close",
|
|
808
788
|
color: "inherit",
|
|
809
789
|
onClick: o,
|
|
810
790
|
sx: { height: 44, width: 44 },
|
|
811
|
-
children: /* @__PURE__ */ a(
|
|
791
|
+
children: /* @__PURE__ */ a(C, { fill: !0, name: "close", size: 24, weight: 400 })
|
|
812
792
|
}
|
|
813
793
|
)
|
|
814
794
|
]
|
|
@@ -824,27 +804,27 @@ const N0 = ({
|
|
|
824
804
|
open: e,
|
|
825
805
|
sx: {
|
|
826
806
|
...l,
|
|
827
|
-
width:
|
|
807
|
+
width: u ? 400 : 325
|
|
828
808
|
},
|
|
829
809
|
children: /* @__PURE__ */ a(
|
|
830
810
|
de,
|
|
831
811
|
{
|
|
832
|
-
action:
|
|
812
|
+
action: X,
|
|
833
813
|
severity: i,
|
|
834
814
|
sx: {
|
|
835
815
|
display: "flex",
|
|
836
816
|
alignItems: "stretch",
|
|
837
|
-
minHeight:
|
|
838
|
-
maxHeight:
|
|
839
|
-
backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker :
|
|
817
|
+
minHeight: g && c && u ? 120 : 56,
|
|
818
|
+
maxHeight: u ? 120 : 56,
|
|
819
|
+
backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : j[i],
|
|
840
820
|
width: "100%",
|
|
841
821
|
"& .MuiAlert-icon": {
|
|
842
|
-
alignSelf:
|
|
822
|
+
alignSelf: u ? "flex-start" : "center"
|
|
843
823
|
},
|
|
844
824
|
"& .MuiAlert-message": {
|
|
845
|
-
paddingTop:
|
|
846
|
-
paddingBottom:
|
|
847
|
-
alignSelf:
|
|
825
|
+
paddingTop: u ? 12 : 8,
|
|
826
|
+
paddingBottom: u ? 12 : 8,
|
|
827
|
+
alignSelf: u ? "flex-start" : "center"
|
|
848
828
|
},
|
|
849
829
|
"& .MuiAlert-action": {
|
|
850
830
|
alignItems: "stretch",
|
|
@@ -856,12 +836,12 @@ const N0 = ({
|
|
|
856
836
|
v,
|
|
857
837
|
{
|
|
858
838
|
sx: {
|
|
859
|
-
lineHeight:
|
|
860
|
-
whiteSpace:
|
|
861
|
-
overflow:
|
|
862
|
-
textOverflow:
|
|
839
|
+
lineHeight: p.typography.Body.lineHeight,
|
|
840
|
+
whiteSpace: u ? "normal" : "nowrap",
|
|
841
|
+
overflow: u ? "visible" : "hidden",
|
|
842
|
+
textOverflow: u ? "clip" : "ellipsis"
|
|
863
843
|
},
|
|
864
|
-
truncate: !
|
|
844
|
+
truncate: !u,
|
|
865
845
|
children: n
|
|
866
846
|
}
|
|
867
847
|
)
|
|
@@ -869,30 +849,30 @@ const N0 = ({
|
|
|
869
849
|
)
|
|
870
850
|
}
|
|
871
851
|
);
|
|
872
|
-
},
|
|
852
|
+
}, y = {
|
|
873
853
|
REACT: "react",
|
|
874
854
|
REACT_NATIVE: "react_native",
|
|
875
855
|
NATIVE: "native"
|
|
876
856
|
}, A = {
|
|
877
857
|
LIGHT: "light",
|
|
878
858
|
DARK: "dark"
|
|
879
|
-
},
|
|
880
|
-
H(A.LIGHT,
|
|
859
|
+
}, K = b.createContext($), Z = b.createContext(
|
|
860
|
+
H(A.LIGHT, y.REACT_NATIVE)
|
|
881
861
|
), z0 = ({
|
|
882
862
|
children: e,
|
|
883
|
-
target: o =
|
|
863
|
+
target: o = y.REACT,
|
|
884
864
|
theme: n = A.LIGHT,
|
|
885
865
|
tokenOverrides: r
|
|
886
866
|
}) => {
|
|
887
|
-
const [i, l] =
|
|
867
|
+
const [i, l] = b.useState(n === A.LIGHT ? $ : ue), c = b.useMemo(() => ({
|
|
888
868
|
...r
|
|
889
869
|
}), [r]);
|
|
890
|
-
return
|
|
891
|
-
const
|
|
892
|
-
l(
|
|
893
|
-
}, [n, o, c]), o ===
|
|
894
|
-
}, P0 = (e =
|
|
895
|
-
const n = e ===
|
|
870
|
+
return b.useEffect(() => {
|
|
871
|
+
const g = H(n, o, { ...c });
|
|
872
|
+
l(g);
|
|
873
|
+
}, [n, o, c]), o === y.REACT ? /* @__PURE__ */ a(K.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(Z.Provider, { value: i, children: e }));
|
|
874
|
+
}, P0 = (e = y.REACT, o = {}) => {
|
|
875
|
+
const n = e === y.REACT ? K : Z, r = b.useContext(n);
|
|
896
876
|
return r || H(A.LIGHT, e, { ...o });
|
|
897
877
|
}, h = {
|
|
898
878
|
LIGHT: "light",
|
|
@@ -930,7 +910,7 @@ const N0 = ({
|
|
|
930
910
|
Warning400: "#E07C02",
|
|
931
911
|
Warning500: "#C33E01",
|
|
932
912
|
White: "#FFFFFF"
|
|
933
|
-
},
|
|
913
|
+
}, Ee = (e) => ge({
|
|
934
914
|
mode: e,
|
|
935
915
|
border: {
|
|
936
916
|
lighter: e === "light" ? t.Neutral200 : t.Neutral800,
|
|
@@ -1057,7 +1037,7 @@ const N0 = ({
|
|
|
1057
1037
|
chartMono5: "#034AB3",
|
|
1058
1038
|
chartMono6: "#002966"
|
|
1059
1039
|
}
|
|
1060
|
-
}), x = "Inter, Helvetica, Arial, sans-serif",
|
|
1040
|
+
}), x = "Inter, Helvetica, Arial, sans-serif", Le = (e) => me(e, {
|
|
1061
1041
|
fontFamily: x,
|
|
1062
1042
|
fontSize: 15,
|
|
1063
1043
|
Body: {
|
|
@@ -1122,7 +1102,7 @@ D[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
|
|
|
1122
1102
|
D[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
|
|
1123
1103
|
D[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
|
|
1124
1104
|
const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", He = "cubic-bezier(.475,.425,0,.995)", B0 = (e) => {
|
|
1125
|
-
const o =
|
|
1105
|
+
const o = Ee(e), n = Le(o);
|
|
1126
1106
|
return B({
|
|
1127
1107
|
breakpoints: {
|
|
1128
1108
|
values: {
|
|
@@ -1159,10 +1139,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
|
|
|
1159
1139
|
MuiAlert: {
|
|
1160
1140
|
defaultProps: {
|
|
1161
1141
|
iconMapping: {
|
|
1162
|
-
success: /* @__PURE__ */ a(
|
|
1163
|
-
error: /* @__PURE__ */ a(
|
|
1164
|
-
warning: /* @__PURE__ */ a(
|
|
1165
|
-
info: /* @__PURE__ */ a(
|
|
1142
|
+
success: /* @__PURE__ */ a(C, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
|
|
1143
|
+
error: /* @__PURE__ */ a(C, { fill: !0, name: "error", size: 24, weight: 400 }),
|
|
1144
|
+
warning: /* @__PURE__ */ a(C, { fill: !0, name: "warning", size: 24, weight: 400 }),
|
|
1145
|
+
info: /* @__PURE__ */ a(C, { fill: !0, name: "info", size: 24, weight: 400 })
|
|
1166
1146
|
}
|
|
1167
1147
|
},
|
|
1168
1148
|
styleOverrides: {
|
|
@@ -1931,32 +1911,32 @@ export {
|
|
|
1931
1911
|
d0 as AccountsIcon,
|
|
1932
1912
|
u0 as ArrowLeftIcon,
|
|
1933
1913
|
p0 as AttentionFilledIcon,
|
|
1934
|
-
|
|
1914
|
+
m as BaseIcon,
|
|
1935
1915
|
k0 as BottomSheetTransition,
|
|
1936
1916
|
h0 as CalendarIcon,
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1917
|
+
s as CategoryGuids,
|
|
1918
|
+
Ce as CategoryIcon,
|
|
1919
|
+
be as CategoryIconList,
|
|
1920
|
+
fe as CategoryIconVariants,
|
|
1941
1921
|
g0 as CheckmarkFilledIcon,
|
|
1942
1922
|
m0 as ChevronDownIcon,
|
|
1943
1923
|
f0 as ChevronLeftIcon,
|
|
1944
1924
|
b0 as ChevronRightIcon,
|
|
1945
|
-
|
|
1925
|
+
Te as CloseIcon,
|
|
1946
1926
|
D0 as DateRangePicker,
|
|
1947
1927
|
xe as DialogFooter,
|
|
1948
|
-
|
|
1949
|
-
|
|
1928
|
+
E0 as DialogHeader,
|
|
1929
|
+
L0 as Drawer,
|
|
1950
1930
|
M0 as EditIcon,
|
|
1951
|
-
|
|
1931
|
+
C0 as FilterIcon,
|
|
1952
1932
|
xe as Footer,
|
|
1953
1933
|
De as H1,
|
|
1954
1934
|
S0 as H2,
|
|
1955
1935
|
F0 as H3,
|
|
1956
|
-
|
|
1936
|
+
y0 as HeartIcon,
|
|
1957
1937
|
x as INTER,
|
|
1958
|
-
|
|
1959
|
-
|
|
1938
|
+
C as Icon,
|
|
1939
|
+
ye as IconWeight,
|
|
1960
1940
|
H0 as InstitutionLogo,
|
|
1961
1941
|
v0 as MXLogoCopyrightIcon,
|
|
1962
1942
|
x0 as MXLogoFilledIcon,
|
|
@@ -1964,7 +1944,7 @@ export {
|
|
|
1964
1944
|
A0 as MXLogoOutlineIcon,
|
|
1965
1945
|
I0 as MerchantLogo,
|
|
1966
1946
|
w0 as P,
|
|
1967
|
-
|
|
1947
|
+
y as TARGETS,
|
|
1968
1948
|
A as THEMES,
|
|
1969
1949
|
v as Text,
|
|
1970
1950
|
R0 as TextField,
|