@mx-cartographer/experiences 8.0.25 → 8.0.26-alpha.al0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,7 +1,3 @@
1
- ## [8.0.25] - 04-20-2026
2
-
3
- - **ADDED** - `Error` component from MD
4
-
5
1
  ## [8.0.24] - 04-20-2026
6
2
 
7
3
  - **UPDATED** - `@tanstack/react-virtual` from 3.13.2 to 3.13.19
@@ -1,5 +1,5 @@
1
- import { jsxs as f, jsx as e } from "react/jsx-runtime";
2
- import h from "react";
1
+ import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
+ import f from "react";
3
3
  import { observer as re } from "mobx-react-lite";
4
4
  import z from "@mui/material/Button";
5
5
  import se from "@mui/material/Card";
@@ -9,7 +9,7 @@ import K from "@mui/material/IconButton";
9
9
  import me from "@mui/material/Paper";
10
10
  import A from "@mui/material/Stack";
11
11
  import { ChevronLeft as ce } from "@mxenabled/mx-icons";
12
- import { Icon as D, Text as G, DateRangePicker as J } from "@mxenabled/mxui";
12
+ import { Icon as k, Text as G, DateRangePicker as J } from "@mxenabled/mxui";
13
13
  import { u as ue } from "./useDimensions-CeDR9V8N.mjs";
14
14
  import { G as pe } from "./GlobalAccountFilter-CmnaZDS6.mjs";
15
15
  import { b as oe, u as ne, g as ge, a as he, W as fe } from "./hooks-BxkfR-Ff.mjs";
@@ -20,8 +20,8 @@ import { differenceInCalendarDays as Re } from "date-fns/differenceInCalendarDay
20
20
  import { endOfDay as _e } from "date-fns/endOfDay";
21
21
  import { endOfMonth as w } from "date-fns/endOfMonth";
22
22
  import { endOfToday as ee } from "date-fns/endOfToday";
23
- import { endOfYear as Ce } from "date-fns/endOfYear";
24
- import { startOfMonth as xe } from "date-fns/startOfMonth";
23
+ import { endOfYear as xe } from "date-fns/endOfYear";
24
+ import { startOfMonth as Ce } from "date-fns/startOfMonth";
25
25
  import { startOfToday as De } from "date-fns/startOfToday";
26
26
  import { startOfYear as ke } from "date-fns/startOfYear";
27
27
  import { subMonths as V } from "date-fns/subMonths";
@@ -29,8 +29,8 @@ import { subDays as ye } from "date-fns/subDays";
29
29
  import { subYears as te } from "date-fns/subYears";
30
30
  import ae from "@mui/material/Box";
31
31
  import Te from "@mui/material/ButtonGroup";
32
- import Me from "@mui/material/Tab";
33
- import ve from "@mui/material/Tabs";
32
+ import ve from "@mui/material/Tab";
33
+ import Me from "@mui/material/Tabs";
34
34
  import Pe from "@mui/material/ToggleButton";
35
35
  import Se from "@mui/material/ToggleButtonGroup";
36
36
  import Le from "@mui/material/styles/useTheme";
@@ -38,19 +38,19 @@ import { u as Ye } from "./useAriaLive-MkYebyUR.mjs";
38
38
  import { D as Ee } from "./Dialog-Ck34yr-d.mjs";
39
39
  import { D as Ae } from "./Drawer-Bbe4AMB1.mjs";
40
40
  import { u as ie } from "./useScreenSize-CUcpY7aJ.mjs";
41
- import { f as M, D as v } from "./DateFormats-BMpMrZpW.mjs";
41
+ import { f as v, D as M } from "./DateFormats-BMpMrZpW.mjs";
42
42
  import { L as Be } from "./Loader-D3rjKx72.mjs";
43
43
  import { A as Oe } from "./Analytics-0Xm_BjHU.mjs";
44
44
  const Ne = (o) => {
45
45
  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = ie(o), n = 24;
46
- let u = 48, c = 32, P = 0, p = "h1";
46
+ let p = 48, c = 32, P = 0, g = "h1";
47
47
  const s = a || m;
48
48
  let _ = !1;
49
- r && !m ? (u = 24, c = 24, p = "h2") : s && (u = 8, c = 10, P = 10, p = "h3", _ = !0);
49
+ r && !m ? (p = 24, c = 24, g = "h2") : s && (p = 8, c = 10, P = 10, g = "h3", _ = !0);
50
50
  const i = {
51
51
  pb: s ? 12 : 0,
52
52
  ...s && {
53
- px: u,
53
+ px: p,
54
54
  "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
55
55
  "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
56
56
  "& .MuiButtonGroup-root": { width: "100%" },
@@ -61,10 +61,10 @@ const Ne = (o) => {
61
61
  return {
62
62
  actionsFlex: s ? 0 : 1,
63
63
  containerSquareCorners: _,
64
- headerHeadingLevel: p,
64
+ headerHeadingLevel: g,
65
65
  headerPaddingBottom: P,
66
66
  headerPaddingTop: c,
67
- headerPaddingX: u,
67
+ headerPaddingX: p,
68
68
  iconSize: n,
69
69
  isCompact: s,
70
70
  isDesktop: d,
@@ -74,11 +74,11 @@ const Ne = (o) => {
74
74
  calendarActions: o,
75
75
  color: d = "primary",
76
76
  copy: a,
77
- range: m = [xe(De()), w(ee())],
77
+ range: m = [Ce(De()), w(ee())],
78
78
  shouldShrinkToIcon: r = !0,
79
79
  variant: n = "outlined"
80
80
  }) => {
81
- const u = Le(), { isMobile: c } = ie(), { announce: P, ariaLive: p } = Ye(), [s, _] = h.useState(m), [i, F] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, B] = h.useState(s), [E, k] = h.useState(!1), [H, W] = h.useState(!0), [S, j] = h.useState(6), O = {
81
+ const p = Le(), { isMobile: c } = ie(), { announce: P, ariaLive: g } = Ye(), [s, _] = f.useState(m), [i, W] = f.useState(a.dateRangePickerCopy.dateRangeThisMonth), [x, B] = f.useState(s), [E, C] = f.useState(!1), [F, H] = f.useState(!0), [S, j] = f.useState(6), O = {
82
82
  buttons: [
83
83
  { ariaLabel: "3 Months", label: "3M", value: 3 },
84
84
  { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -92,63 +92,63 @@ const Ne = (o) => {
92
92
  { label: "1 Year", value: 12 }
93
93
  ]
94
94
  };
95
- h.useEffect(() => {
95
+ f.useEffect(() => {
96
96
  _(m), B(m);
97
- }, [m]), h.useEffect(() => {
97
+ }, [m]), f.useEffect(() => {
98
98
  (n === "timeframebuttons" || n === "timeframetabs") && o.onRangeChanged($());
99
99
  }, [S]);
100
100
  const $ = () => {
101
101
  const t = w(ee());
102
102
  return [w(V(t, S)), t];
103
103
  }, N = (t) => {
104
- const [l, g] = s, b = t === "previous";
104
+ const [l, h] = s, b = t === "previous";
105
105
  let R;
106
106
  if (i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth)
107
107
  R = [
108
108
  b ? V(l, 1) : Q(l, 1),
109
- w(b ? V(g, 1) : Q(g, 1))
109
+ w(b ? V(h, 1) : Q(h, 1))
110
110
  ];
111
111
  else if (i === a.dateRangePickerCopy.dateRangeYTD || i === a.dateRangePickerCopy.dateRangeLastYear) {
112
- const T = ke(l), x = Ce(l);
112
+ const T = ke(l), D = xe(l);
113
113
  R = [
114
114
  b ? te(T, 1) : Z(T, 1),
115
- b ? te(x, 1) : Z(x, 1)
115
+ b ? te(D, 1) : Z(D, 1)
116
116
  ];
117
117
  } else {
118
- const T = Re(g, l), x = b ? ye : be;
119
- R = [x(l, T), x(g, T)];
118
+ const T = Re(h, l), D = b ? ye : be;
119
+ R = [D(l, T), D(h, T)];
120
120
  }
121
121
  _(R), o.onRangeChanged(R);
122
122
  }, L = () => {
123
- _(C), W(
123
+ _(x), H(
124
124
  i === a.dateRangePickerCopy.dateRangeThisMonth || i === a.dateRangePickerCopy.dateRangeLastMonth
125
- ), o.onRangeChanged(C);
125
+ ), o.onRangeChanged(x);
126
126
  }, y = (t, l) => {
127
127
  t[1] = t[1] ?? t[0];
128
- const g = [t[0], t[1] ? _e(t[1]) : t[1]], b = M(g[0], v.MONTH_DAY_YEAR), R = M(g[1], v.MONTH_DAY_YEAR);
129
- B(g), F(l), P(`${a.dateRangePickerCopy}: ${b} - ${R}`);
128
+ const h = [t[0], t[1] ? _e(t[1]) : t[1]], b = v(h[0], M.MONTH_DAY_YEAR), R = v(h[1], M.MONTH_DAY_YEAR);
129
+ B(h), W(l), P(`${a.dateRangePickerCopy}: ${b} - ${R}`);
130
130
  }, Y = (t) => {
131
131
  j(t);
132
132
  };
133
- return /* @__PURE__ */ f(ae, { className: "mx-cmn-date-range-selector", m: 4, children: [
134
- /* @__PURE__ */ f(
133
+ return /* @__PURE__ */ u(ae, { className: "mx-cmn-date-range-selector", m: 4, children: [
134
+ /* @__PURE__ */ u(
135
135
  ae,
136
136
  {
137
137
  sx: {
138
- [u.breakpoints.down("sm")]: {
138
+ [p.breakpoints.down("sm")]: {
139
139
  display: r ? "none" : "flex",
140
140
  justifyContent: "center"
141
141
  },
142
- [u.breakpoints.up("sm")]: { display: "inline-flex" }
142
+ [p.breakpoints.up("sm")]: { display: "inline-flex" }
143
143
  },
144
144
  children: [
145
- n === "readonly" && /* @__PURE__ */ f(A, { alignItems: "center", direction: "row", gap: 8, children: [
146
- /* @__PURE__ */ e(D, { name: "calendar_month", size: 24 }),
147
- /* @__PURE__ */ e(G, { bold: !0, children: M(C[0], v.MONTH_DAY) }),
148
- /* @__PURE__ */ e(D, { name: "remove" }),
149
- /* @__PURE__ */ e(G, { bold: !0, children: M(C[1], v.MONTH_DAY_YEAR) })
145
+ n === "readonly" && /* @__PURE__ */ u(A, { alignItems: "center", direction: "row", gap: 8, children: [
146
+ /* @__PURE__ */ e(k, { name: "calendar_month", size: 24 }),
147
+ /* @__PURE__ */ e(G, { bold: !0, children: v(x[0], M.MONTH_DAY) }),
148
+ /* @__PURE__ */ e(k, { name: "remove" }),
149
+ /* @__PURE__ */ e(G, { bold: !0, children: v(x[1], M.MONTH_DAY_YEAR) })
150
150
  ] }),
151
- n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ f(
151
+ n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ u(
152
152
  Te,
153
153
  {
154
154
  color: d,
@@ -170,7 +170,7 @@ const Ne = (o) => {
170
170
  "aria-label": a.dateRangePreviousAria,
171
171
  color: o.shouldDisablePrevious ? "secondary" : "primary",
172
172
  onClick: () => o.shouldDisablePrevious ? null : N("previous"),
173
- children: /* @__PURE__ */ e(D, { name: "chevron_left", size: 20 })
173
+ children: /* @__PURE__ */ e(k, { name: "chevron_left", size: 20 })
174
174
  }
175
175
  ),
176
176
  /* @__PURE__ */ e(
@@ -178,16 +178,16 @@ const Ne = (o) => {
178
178
  {
179
179
  "aria-disabled": o.shouldDisablePicker,
180
180
  color: d,
181
- onClick: () => o.shouldDisablePicker ? null : k(!0),
182
- startIcon: /* @__PURE__ */ e(D, { name: "calendar_month", size: 20 }),
181
+ onClick: () => o.shouldDisablePicker ? null : C(!0),
182
+ startIcon: /* @__PURE__ */ e(k, { name: "calendar_month", size: 20 }),
183
183
  sx: {
184
184
  p: c ? 0 : 8
185
185
  },
186
- children: H ? M(s[0], v.MONTH_YEAR) : /* @__PURE__ */ f("span", { children: [
187
- M(s[0], v.MONTH_DAY_YEAR),
186
+ children: F ? v(s[0], M.MONTH_YEAR) : /* @__PURE__ */ u("span", { children: [
187
+ v(s[0], M.MONTH_DAY_YEAR),
188
188
  " -",
189
189
  " ",
190
- M(s[1], v.MONTH_DAY_YEAR)
190
+ v(s[1], M.MONTH_DAY_YEAR)
191
191
  ] })
192
192
  }
193
193
  ),
@@ -198,7 +198,7 @@ const Ne = (o) => {
198
198
  "aria-label": a.dateRangeNextAria,
199
199
  color: o.shouldDisableNext ? "secondary" : "primary",
200
200
  onClick: () => o.shouldDisableNext ? null : N("next"),
201
- children: /* @__PURE__ */ e(D, { name: "chevron_right", size: 20 })
201
+ children: /* @__PURE__ */ e(k, { name: "chevron_right", size: 20 })
202
202
  }
203
203
  )
204
204
  ]
@@ -226,7 +226,7 @@ const Ne = (o) => {
226
226
  }
227
227
  ),
228
228
  n === "timeframetabs" && /* @__PURE__ */ e(
229
- ve,
229
+ Me,
230
230
  {
231
231
  indicatorColor: "primary",
232
232
  onChange: (t, l) => Y(l),
@@ -234,7 +234,7 @@ const Ne = (o) => {
234
234
  value: S,
235
235
  variant: "fullWidth",
236
236
  children: O.tabs.map((t) => /* @__PURE__ */ e(
237
- Me,
237
+ ve,
238
238
  {
239
239
  label: /* @__PURE__ */ e(G, { bold: !0, variant: "body1", children: t.label }),
240
240
  sx: { minWidth: 80 },
@@ -247,24 +247,24 @@ const Ne = (o) => {
247
247
  ]
248
248
  }
249
249
  ),
250
- E && c && /* @__PURE__ */ f(
250
+ E && c && /* @__PURE__ */ u(
251
251
  Ae,
252
252
  {
253
253
  ariaLabelClose: a.dateRangeCloseAria,
254
254
  isOpen: E,
255
- onClose: () => k(!1),
255
+ onClose: () => C(!1),
256
256
  onPrimaryAction: () => {
257
- L(), k(!1);
257
+ L(), C(!1);
258
258
  },
259
259
  primaryText: a.dateRangeEditApply,
260
260
  title: a.dateRangeEditTitle,
261
261
  children: [
262
- p,
262
+ g,
263
263
  /* @__PURE__ */ e(
264
264
  J,
265
265
  {
266
266
  copy: a.dateRangePickerCopy,
267
- dateRange: C,
267
+ dateRange: x,
268
268
  onRangeChanged: y,
269
269
  selectedShortcut: i,
270
270
  sx: { p: 0 }
@@ -273,12 +273,12 @@ const Ne = (o) => {
273
273
  ]
274
274
  }
275
275
  ),
276
- E && !c && /* @__PURE__ */ f(
276
+ E && !c && /* @__PURE__ */ u(
277
277
  Ee,
278
278
  {
279
279
  copy: { title: a.dateRangeEditTitle },
280
280
  isOpen: !0,
281
- onClose: () => k(!1),
281
+ onClose: () => C(!1),
282
282
  onPrimaryAction: () => L(),
283
283
  primaryText: a.dateRangeEditApply,
284
284
  sx: {
@@ -287,12 +287,12 @@ const Ne = (o) => {
287
287
  }
288
288
  },
289
289
  children: [
290
- p,
290
+ g,
291
291
  /* @__PURE__ */ e(
292
292
  J,
293
293
  {
294
294
  copy: a.dateRangePickerCopy,
295
- dateRange: C,
295
+ dateRange: x,
296
296
  onRangeChanged: y,
297
297
  selectedShortcut: i,
298
298
  sx: {
@@ -327,13 +327,13 @@ const Ne = (o) => {
327
327
  dateRangeEditTitle: r.date_range_picker.edit_title,
328
328
  dateRangeNextAria: r.date_range_picker.next_aria,
329
329
  dateRangePreviousAria: r.date_range_picker.previous_aria
330
- }, u = d ? d.start : m.start, c = d ? d.end : m.end;
330
+ }, p = d ? d.start : m.start, c = d ? d.end : m.end;
331
331
  return /* @__PURE__ */ e(
332
332
  we,
333
333
  {
334
334
  calendarActions: o,
335
335
  copy: n,
336
- range: [u, c],
336
+ range: [p, c],
337
337
  shouldShrinkToIcon: !1,
338
338
  variant: a
339
339
  }
@@ -347,18 +347,18 @@ const Ne = (o) => {
347
347
  children: m,
348
348
  className: r = "mx-cmn-widget",
349
349
  dateRange: n,
350
- dateRangeVariant: u,
350
+ dateRangeVariant: p,
351
351
  hasDivider: c = !1,
352
352
  onAccountsFilterClick: P,
353
- onBackClick: p,
353
+ onBackClick: g,
354
354
  onMenuClick: s,
355
355
  showAccountFilter: _ = !0,
356
356
  slotComponent: i,
357
- sx: F = {},
358
- title: C = ""
357
+ sx: W = {},
358
+ title: x = ""
359
359
  }) => {
360
- const [B, { height: E, width: k }] = ue(), { onEvent: H } = ge(), {
361
- actionsFlex: W,
360
+ const [B, { height: E, width: C }] = ue(), { onEvent: F } = ge(), {
361
+ actionsFlex: H,
362
362
  containerSquareCorners: S,
363
363
  headerHeadingLevel: j,
364
364
  headerPaddingBottom: O,
@@ -368,95 +368,117 @@ const Ne = (o) => {
368
368
  isCompact: y,
369
369
  isDesktop: Y,
370
370
  slotSx: t
371
- } = Ne(k), { isCopyLoaded: l } = oe(), { common: g } = ne(), {
371
+ } = Ne(C), { isCopyLoaded: l } = oe(), { common: h } = ne(), {
372
372
  config: { display_widget_headings: b }
373
373
  } = he(), R = () => {
374
- p && (p(), H(Oe.WIDGET_BACK_CLICK));
374
+ g && (g(), F(Oe.WIDGET_BACK_CLICK));
375
375
  };
376
376
  if (!l)
377
377
  return /* @__PURE__ */ e(Be, {});
378
- const T = () => y && s ? /* @__PURE__ */ e(K, { color: "primary", onClick: s, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : p ? /* @__PURE__ */ e(
378
+ const T = () => y && s ? /* @__PURE__ */ e(K, { color: "primary", onClick: s, sx: { p: 10 }, children: /* @__PURE__ */ e(k, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : g ? /* @__PURE__ */ e(
379
379
  K,
380
380
  {
381
- "aria-label": g.back_to_dashboard,
381
+ "aria-label": h.back_to_dashboard,
382
382
  color: "primary",
383
383
  onClick: R,
384
384
  sx: { p: 10 },
385
385
  children: /* @__PURE__ */ e(ce, { size: 24 })
386
386
  }
387
- ) : null, x = a && /* @__PURE__ */ e(A, { alignItems: "center", sx: t, children: /* @__PURE__ */ e(
387
+ ) : null, D = a && /* @__PURE__ */ e(A, { alignItems: "center", sx: t, children: /* @__PURE__ */ e(
388
388
  ze,
389
389
  {
390
390
  calendarActions: a,
391
391
  dateRange: n,
392
- dateRangeVariant: u
392
+ dateRangeVariant: p
393
393
  }
394
394
  ) });
395
- return /* @__PURE__ */ e(
395
+ return /* @__PURE__ */ u(
396
396
  me,
397
397
  {
398
398
  className: r,
399
399
  elevation: 1,
400
400
  ref: B,
401
401
  square: S,
402
- sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...F },
403
- children: /* @__PURE__ */ f(se, { children: [
404
- /* @__PURE__ */ f(
405
- A,
402
+ sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...W },
403
+ children: [
404
+ /* @__PURE__ */ u(
405
+ "div",
406
406
  {
407
- alignItems: "center",
408
- alignSelf: "stretch",
409
- direction: "row",
410
- justifyContent: "space-between",
411
- sx: {
412
- pb: O,
413
- pt: $,
414
- px: N
407
+ style: {
408
+ position: "absolute",
409
+ top: "75px",
410
+ right: "40px",
411
+ background: "yellow",
412
+ padding: "4px 8px",
413
+ fontSize: "12px",
414
+ zIndex: 9999,
415
+ border: "1px solid black"
415
416
  },
416
417
  children: [
417
- T(),
418
- /* @__PURE__ */ e(A, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(G, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
419
- !y && (i || x),
420
- /* @__PURE__ */ f(
421
- A,
422
- {
423
- alignItems: "center",
424
- direction: "row",
425
- justifyContent: "flex-end",
426
- sx: { flex: W, flexShrink: 0 },
427
- children: [
428
- _ && /* @__PURE__ */ e(
429
- pe,
430
- {
431
- allowedAccountTypes: d,
432
- isDesktop: Y,
433
- onAccountFilterClick: P
434
- }
435
- ),
436
- o?.map((q) => {
437
- if (h.isValidElement(q))
438
- return h.cloneElement(q, { isDesktop: Y });
439
- const { iconName: I, onClick: X, label: U } = q;
440
- return Y ? /* @__PURE__ */ e(
441
- z,
442
- {
443
- onClick: X,
444
- startIcon: /* @__PURE__ */ e(D, { name: I, size: L }),
445
- children: U
446
- },
447
- I
448
- ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(D, { name: I, size: L }) }, I);
449
- })
450
- ]
451
- }
452
- )
418
+ "Width: ",
419
+ C,
420
+ "px"
453
421
  ]
454
422
  }
455
423
  ),
456
- y && (i || x),
457
- y && c && /* @__PURE__ */ e(de, {}),
458
- /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(fe, { availableHeight: E, availableWidth: k, children: m }) })
459
- ] })
424
+ /* @__PURE__ */ u(se, { children: [
425
+ /* @__PURE__ */ u(
426
+ A,
427
+ {
428
+ alignItems: "center",
429
+ alignSelf: "stretch",
430
+ direction: "row",
431
+ justifyContent: "space-between",
432
+ sx: {
433
+ pb: O,
434
+ pt: $,
435
+ px: N
436
+ },
437
+ children: [
438
+ T(),
439
+ /* @__PURE__ */ e(A, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(G, { sx: { width: "100%" }, truncate: !0, variant: j, children: x }) }),
440
+ !y && (i || D),
441
+ /* @__PURE__ */ u(
442
+ A,
443
+ {
444
+ alignItems: "center",
445
+ direction: "row",
446
+ justifyContent: "flex-end",
447
+ sx: { flex: H, flexShrink: 0 },
448
+ children: [
449
+ _ && /* @__PURE__ */ e(
450
+ pe,
451
+ {
452
+ allowedAccountTypes: d,
453
+ isDesktop: Y,
454
+ onAccountFilterClick: P
455
+ }
456
+ ),
457
+ o?.map((q) => {
458
+ if (f.isValidElement(q))
459
+ return f.cloneElement(q, { isDesktop: Y });
460
+ const { iconName: I, onClick: X, label: U } = q;
461
+ return Y ? /* @__PURE__ */ e(
462
+ z,
463
+ {
464
+ onClick: X,
465
+ startIcon: /* @__PURE__ */ e(k, { name: I, size: L }),
466
+ children: U
467
+ },
468
+ I
469
+ ) : /* @__PURE__ */ e(K, { "aria-label": U, color: "primary", onClick: X, children: /* @__PURE__ */ e(k, { name: I, size: L }) }, I);
470
+ })
471
+ ]
472
+ }
473
+ )
474
+ ]
475
+ }
476
+ ),
477
+ y && (i || D),
478
+ y && c && /* @__PURE__ */ e(de, {}),
479
+ /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(fe, { availableHeight: E, availableWidth: C, children: m }) })
480
+ ] })
481
+ ]
460
482
  }
461
483
  );
462
484
  }
@@ -63,7 +63,7 @@ import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
63
63
  import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
64
64
  import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
65
65
  import { L as o1 } from "../Loader-D3rjKx72.mjs";
66
- import { W as r3 } from "../WidgetContainer-DYKMArWw.mjs";
66
+ import { W as r3 } from "../WidgetContainer-CFaupcpE.mjs";
67
67
  import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
68
68
  import { A as l2 } from "../AccountApi-ChQr5PAZ.mjs";
69
69
  import { A as d2 } from "../AccountStore-B7zfcad7.mjs";
@@ -48,7 +48,7 @@ import { subDays as st } from "date-fns/subDays";
48
48
  import it from "@mui/material/IconButton";
49
49
  import { M as ct } from "../ManageIncome-DqqI9HB1.mjs";
50
50
  import { u as ze } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
51
- import { W as lt } from "../WidgetContainer-DYKMArWw.mjs";
51
+ import { W as lt } from "../WidgetContainer-CFaupcpE.mjs";
52
52
  import { u as dt, g as ut, C as mt } from "../BudgetUtil-DZpOoZQa.mjs";
53
53
  import { M as gt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
54
54
  import { b as we } from "../CategoryUtil-BVixr0d5.mjs";
@@ -40,7 +40,7 @@ import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-Dqq
40
40
  import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
41
41
  import { subDays as Me } from "date-fns/subDays";
42
42
  import { endOfToday as mt } from "date-fns/endOfToday";
43
- import { W as ut } from "../WidgetContainer-DYKMArWw.mjs";
43
+ import { W as ut } from "../WidgetContainer-CFaupcpE.mjs";
44
44
  import { A as Ie } from "../Analytics-0Xm_BjHU.mjs";
45
45
  import { A as J } from "../Account-BiB1F8lL.mjs";
46
46
  import { formatISO as pt } from "date-fns/formatISO";
@@ -5,7 +5,6 @@ export * from './dialog';
5
5
  export * from './donuts';
6
6
  export * from './drawer';
7
7
  export { default as ErrorBoundary } from './ErrorBoundary';
8
- export { default as Error } from './Error';
9
8
  export { default as MicroWidgetContainer } from './MicroWidgetContainer';
10
9
  export { default as MiniWidgetContainer } from './MiniWidgetContainer';
11
10
  export { WidgetContainer } from './WidgetContainer';