@mx-cartographer/experiences 7.13.22-alpha.al2 → 7.13.22-alpha.al3

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.
@@ -0,0 +1,136 @@
1
+ import { jsx as t, jsxs as g } from "react/jsx-runtime";
2
+ import M from "react";
3
+ import N from "@mui/material/Button";
4
+ import C from "@mui/material/IconButton";
5
+ import r from "@mui/material/Stack";
6
+ import { Text as Y } from "@mxenabled/mxui";
7
+ import { u as q } from "./useDimensions-CeDR9V8N.mjs";
8
+ import { G as H } from "./GlobalAccountFilter-BkUeAltd.mjs";
9
+ import { observer as U } from "mobx-react-lite";
10
+ import { Icon as _ } from "@mxenabled/mx-icons";
11
+ import V from "@mui/material/Paper";
12
+ import { L as X } from "./Loader-D3rjKx72.mjs";
13
+ import { u as J } from "./useScreenSize-B6JyS_Lj.mjs";
14
+ import { b as K, u as O, a as Q, W as Z } from "./hooks-DOWEalfb.mjs";
15
+ import { D as v } from "./DateRangeSelector-DE4UR77m.mjs";
16
+ const _e = U(
17
+ ({
18
+ actions: T,
19
+ allowedAccountTypes: D,
20
+ calendarActions: i,
21
+ children: I,
22
+ className: w = "mx-cmn-widget",
23
+ dateRange: n,
24
+ dateRangeVariant: f,
25
+ onAccountsFilterClick: L,
26
+ showAccountFilter: W = !0,
27
+ sx: z = {},
28
+ title: j = ""
29
+ }) => {
30
+ const [A, { height: G, width: P }] = q(), { isDesktop: o, isMobile: s, isSmallTablet: a, isTablet: d } = J(), { displayedDateRange: h, isCopyLoaded: B, isInitialized: E } = K(), { common: e } = O(), {
31
+ config: { display_widget_headings: F }
32
+ } = Q();
33
+ let c = 48, u = 32, k = 0, p = "h1";
34
+ if (d && !a ? (c = 24, u = 24, p = "h2") : (s || a) && (c = 8, k = 10, p = "h3"), !B)
35
+ return /* @__PURE__ */ t(X, {});
36
+ const x = {
37
+ dateRangePickerCopy: {
38
+ dateRangeFrom: e.date_range_picker.from,
39
+ dateRangeTo: e.date_range_picker.to,
40
+ dateRangeCustom: e.date_range_picker.custom,
41
+ dateRangeSelectARange: e.date_range_picker.select_range,
42
+ dateRangeThisMonth: e.date_range_picker.this_month,
43
+ dateRangeLastMonth: e.date_range_picker.last_month,
44
+ dateRangeLast30Days: e.date_range_picker.last_30_days,
45
+ dateRangeLast90Days: e.date_range_picker.last_90_days,
46
+ dateRangeYTD: e.date_range_picker.ytd,
47
+ dateRangeLastYear: e.date_range_picker.last_year,
48
+ dateRangeSelect: e.date_range_picker.select
49
+ },
50
+ dateRangeEditApply: e.date_range_picker.edit_apply,
51
+ dateRangeEditTitle: e.date_range_picker.edit_title,
52
+ dateRangeNextAria: e.date_range_picker.next_aria,
53
+ dateRangePreviousAria: e.date_range_picker.previous_aria
54
+ }, y = n ? n.start : h.start, R = n ? n.end : h.end;
55
+ return E ? /* @__PURE__ */ g(
56
+ V,
57
+ {
58
+ className: w,
59
+ elevation: 1,
60
+ square: s || a,
61
+ sx: { height: "100vh", ...z },
62
+ children: [
63
+ /* @__PURE__ */ g(
64
+ r,
65
+ {
66
+ alignItems: "center",
67
+ alignSelf: "stretch",
68
+ direction: "row",
69
+ justifyContent: "space-between",
70
+ sx: { pb: k, pt: u, px: c },
71
+ children: [
72
+ (s || a) && /* @__PURE__ */ t(C, { color: "primary", sx: { p: 10 }, children: /* @__PURE__ */ t(_, { name: "menu_open", size: 24, sx: { transform: "rotate(180deg)" } }) }),
73
+ /* @__PURE__ */ t(r, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: F && /* @__PURE__ */ t(Y, { sx: { width: "100%" }, truncate: !0, variant: p, children: j }) }),
74
+ (o || d && !a) && i && /* @__PURE__ */ t(r, { alignItems: "center", sx: { flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ t(
75
+ v,
76
+ {
77
+ calendarActions: i,
78
+ copy: x,
79
+ range: [y, R],
80
+ shouldShrinkToIcon: !1,
81
+ variant: f
82
+ }
83
+ ) }),
84
+ /* @__PURE__ */ g(
85
+ r,
86
+ {
87
+ alignItems: "center",
88
+ direction: "row",
89
+ justifyContent: "flex-end",
90
+ sx: { flex: o || d && !a ? 1 : 0, flexShrink: 0 },
91
+ children: [
92
+ W && /* @__PURE__ */ t(
93
+ H,
94
+ {
95
+ allowedAccountTypes: D,
96
+ onAccountFilterClick: L
97
+ }
98
+ ),
99
+ T?.map((m) => {
100
+ if (M.isValidElement(m)) return m;
101
+ const { iconName: l, onClick: S, label: b } = m;
102
+ return o ? /* @__PURE__ */ t(
103
+ N,
104
+ {
105
+ onClick: S,
106
+ startIcon: /* @__PURE__ */ t(_, { name: l, size: 24 }),
107
+ children: b
108
+ },
109
+ l
110
+ ) : /* @__PURE__ */ t(C, { "aria-label": b, color: "primary", onClick: S, children: /* @__PURE__ */ t(_, { name: l, size: 24 }) }, l);
111
+ })
112
+ ]
113
+ }
114
+ )
115
+ ]
116
+ }
117
+ ),
118
+ (s || a) && i && /* @__PURE__ */ t(
119
+ v,
120
+ {
121
+ calendarActions: i,
122
+ copy: x,
123
+ range: [y, R],
124
+ shouldShrinkToIcon: !1,
125
+ variant: f
126
+ }
127
+ ),
128
+ /* @__PURE__ */ t(r, { ref: A, sx: { p: o ? 48 : 24 }, children: /* @__PURE__ */ t(Z, { availableHeight: G, availableWidth: P, children: I }) })
129
+ ]
130
+ }
131
+ ) : null;
132
+ }
133
+ );
134
+ export {
135
+ _e as W
136
+ };
@@ -63,7 +63,7 @@ import { C as l3 } from "../ConnectionsDrawer-yeD_PsY1.mjs";
63
63
  import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
64
64
  import { u as n1 } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
65
65
  import { L as o1 } from "../Loader-D3rjKx72.mjs";
66
- import { W as r3 } from "../WidgetContainerV2-D36wCl56.mjs";
66
+ import { W as r3 } from "../WidgetContainerV2-C-DnukJz.mjs";
67
67
  import { M as v1 } from "../MiniWidgetContainer-BKPN3c-6.mjs";
68
68
  import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
69
69
  import { A as d4 } from "../AccountStore-Bn1eH2EU.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-DWVaWpCT.mjs";
50
50
  import { u as ze } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
51
- import { W as lt } from "../WidgetContainerV2-D36wCl56.mjs";
51
+ import { W as lt } from "../WidgetContainerV2-C-DnukJz.mjs";
52
52
  import { u as dt, g as ut, C as mt } from "../BudgetUtil-BCSxP3M3.mjs";
53
53
  import { M as gt } from "../MiniWidgetContainer-BKPN3c-6.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-DWV
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 "../WidgetContainerV2-D36wCl56.mjs";
43
+ import { W as ut } from "../WidgetContainerV2-C-DnukJz.mjs";
44
44
  import { A as Ie } from "../Analytics-BYItVAe-.mjs";
45
45
  import { A as X } from "../Account-BiB1F8lL.mjs";
46
46
  import { formatISO as pt } from "date-fns/formatISO";
@@ -13,7 +13,7 @@ import { E as Ge } from "../Help-B8mD4aLJ.mjs";
13
13
  import { M as We } from "../MicroWidgetContainer-CTMkXRJM.mjs";
14
14
  import { M as Ye } from "../MiniWidgetContainer-BKPN3c-6.mjs";
15
15
  import { W as Ke } from "../WidgetContainer-BPeSl0Dj.mjs";
16
- import { W as je } from "../WidgetContainerV2-D36wCl56.mjs";
16
+ import { W as je } from "../WidgetContainerV2-C-DnukJz.mjs";
17
17
  import { C as Ze } from "../ConnectDrawer-Be0RkL7I.mjs";
18
18
  import { f as W, c as q, d as C } from "../BudgetUtil-BCSxP3M3.mjs";
19
19
  import { a as Je, b as ts, C as es, e as ss, k as rs, h as os, j as as, l as ns } from "../BudgetUtil-BCSxP3M3.mjs";
@@ -47,7 +47,7 @@ import st from "@mui/material/Popover";
47
47
  import { C as ct } from "../ConnectDrawer-Be0RkL7I.mjs";
48
48
  import { u as dt } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
49
49
  import { L as pt } from "../Loader-D3rjKx72.mjs";
50
- import { W as ht } from "../WidgetContainerV2-D36wCl56.mjs";
50
+ import { W as ht } from "../WidgetContainerV2-C-DnukJz.mjs";
51
51
  import { E as mt } from "../EmptyState-DHAkGsjk.mjs";
52
52
  const ut = (o, n = 0, t = 0) => {
53
53
  if (t === 0) return 0;
@@ -72,7 +72,7 @@ import vo from "@mui/material/Accordion";
72
72
  import wo from "@mui/material/AccordionDetails";
73
73
  import ko from "@mui/material/AccordionSummary";
74
74
  import { u as Mo } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
75
- import { W as Do } from "../WidgetContainerV2-D36wCl56.mjs";
75
+ import { W as Do } from "../WidgetContainerV2-C-DnukJz.mjs";
76
76
  const Io = ({
77
77
  dialScoreData: t,
78
78
  dataIndex: o,
@@ -51,7 +51,7 @@ import { D as mt } from "../Dialog-Ck34yr-d.mjs";
51
51
  import { u as Ke } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
52
52
  import { A as U } from "../Analytics-BYItVAe-.mjs";
53
53
  import { L as Me } from "../Loader-D3rjKx72.mjs";
54
- import { W as ut } from "../WidgetContainerV2-D36wCl56.mjs";
54
+ import { W as ut } from "../WidgetContainerV2-C-DnukJz.mjs";
55
55
  import { E as _t } from "../EmptyState-DHAkGsjk.mjs";
56
56
  import pt from "@mui/material/Stack/Stack";
57
57
  import ht from "@mui/material/Box";
@@ -39,7 +39,7 @@ import { DataGridPro as Pe } from "@mui/x-data-grid-pro";
39
39
  import { Stack as qe } from "@mui/material";
40
40
  import { L as De } from "../Loader-D3rjKx72.mjs";
41
41
  import { u as Ke } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
42
- import { W as Ye } from "../WidgetContainerV2-D36wCl56.mjs";
42
+ import { W as Ye } from "../WidgetContainerV2-C-DnukJz.mjs";
43
43
  import { A as Qe } from "../Account-BiB1F8lL.mjs";
44
44
  import { E as Je } from "../EmptyState-DHAkGsjk.mjs";
45
45
  const me = ({ sx: t = {} }) => {
@@ -35,7 +35,7 @@ import { u as nt } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
35
35
  import { L as ot } from "../Loader-D3rjKx72.mjs";
36
36
  import { M as gt } from "../MicroWidgetContainer-CTMkXRJM.mjs";
37
37
  import { C as yt } from "../ConnectionsDrawer-yeD_PsY1.mjs";
38
- import { W as Ct } from "../WidgetContainerV2-D36wCl56.mjs";
38
+ import { W as Ct } from "../WidgetContainerV2-C-DnukJz.mjs";
39
39
  import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
40
40
  const _t = () => {
41
41
  const { isMobile: e } = q(), { availableWidth: a } = st(), i = z(), {
@@ -57,7 +57,7 @@ import { u as Le } from "../useScreenSize-B6JyS_Lj.mjs";
57
57
  import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
58
58
  import { u as oe } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
59
59
  import { L as ae } from "../Loader-D3rjKx72.mjs";
60
- import { W as ht } from "../WidgetContainerV2-D36wCl56.mjs";
60
+ import { W as ht } from "../WidgetContainerV2-C-DnukJz.mjs";
61
61
  import { M as ft } from "../MiniWidgetContainer-BKPN3c-6.mjs";
62
62
  import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
63
63
  import { M as bt } from "../MicroWidgetContainer-CTMkXRJM.mjs";
@@ -31,7 +31,7 @@ import { D as Z } from "../Drawer-Bbe4AMB1.mjs";
31
31
  import { b as v } from "../Category-CevNQ03n.mjs";
32
32
  import { parseISO as tt } from "date-fns/parseISO";
33
33
  import { A as et } from "../Analytics-BYItVAe-.mjs";
34
- import { W as It } from "../WidgetContainerV2-D36wCl56.mjs";
34
+ import { W as It } from "../WidgetContainerV2-C-DnukJz.mjs";
35
35
  const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C, { 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: R(n, o === "mini" ? "0,0" : "0,0.00") })
@@ -41,7 +41,7 @@ import { u as dt } from "../useAriaLive-MkYebyUR.mjs";
41
41
  import { S as ut } from "../SkeletonLoader-BaNboJjD.mjs";
42
42
  import { u as mt } from "../useScreenSize-B6JyS_Lj.mjs";
43
43
  import { u as _t } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
44
- import { W as pt } from "../WidgetContainerV2-D36wCl56.mjs";
44
+ import { W as pt } from "../WidgetContainerV2-C-DnukJz.mjs";
45
45
  import { A as x } from "../Analytics-BYItVAe-.mjs";
46
46
  import { S as gt } from "../SearchBox-CwDgvWVJ.mjs";
47
47
  import { D as te } from "../Drawer-Bbe4AMB1.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "7.13.22-alpha.al2",
3
+ "version": "7.13.22-alpha.al3",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",
@@ -1,127 +0,0 @@
1
- import { jsx as t, jsxs as g } from "react/jsx-runtime";
2
- import M from "react";
3
- import N from "@mui/material/Button";
4
- import C from "@mui/material/IconButton";
5
- import r from "@mui/material/Stack";
6
- import { Text as Y } from "@mxenabled/mxui";
7
- import { u as H } from "./useDimensions-CeDR9V8N.mjs";
8
- import { G as U } from "./GlobalAccountFilter-BkUeAltd.mjs";
9
- import { observer as V } from "mobx-react-lite";
10
- import { Icon as _ } from "@mxenabled/mx-icons";
11
- import X from "@mui/material/Paper";
12
- import { L as q } from "./Loader-D3rjKx72.mjs";
13
- import { u as J } from "./useScreenSize-B6JyS_Lj.mjs";
14
- import { b as K, u as O, a as Q, W as Z } from "./hooks-DOWEalfb.mjs";
15
- import { D as v } from "./DateRangeSelector-DE4UR77m.mjs";
16
- const _e = V(
17
- ({
18
- actions: T,
19
- allowedAccountTypes: D,
20
- calendarActions: i,
21
- children: I,
22
- className: w = "mx-cmn-widget",
23
- dateRange: n,
24
- dateRangeVariant: f,
25
- onAccountsFilterClick: L,
26
- showAccountFilter: W = !0,
27
- sx: z = {},
28
- title: j = ""
29
- }) => {
30
- const [A, { height: G, width: P }] = H(), { isDesktop: o, isMobile: l, isSmallTablet: a, isTablet: d } = J(), { displayedDateRange: h, isCopyLoaded: B, isInitialized: E } = K(), { common: e } = O(), {
31
- config: { display_widget_headings: F }
32
- } = Q();
33
- let c = 48, u = 32, k = 0, p = "h1";
34
- if (d && !a ? (c = 24, u = 24, p = "h2") : (l || a) && (c = 8, k = 10, p = "h3"), !B)
35
- return /* @__PURE__ */ t(q, {});
36
- const x = {
37
- dateRangePickerCopy: {
38
- dateRangeFrom: e.date_range_picker.from,
39
- dateRangeTo: e.date_range_picker.to,
40
- dateRangeCustom: e.date_range_picker.custom,
41
- dateRangeSelectARange: e.date_range_picker.select_range,
42
- dateRangeThisMonth: e.date_range_picker.this_month,
43
- dateRangeLastMonth: e.date_range_picker.last_month,
44
- dateRangeLast30Days: e.date_range_picker.last_30_days,
45
- dateRangeLast90Days: e.date_range_picker.last_90_days,
46
- dateRangeYTD: e.date_range_picker.ytd,
47
- dateRangeLastYear: e.date_range_picker.last_year,
48
- dateRangeSelect: e.date_range_picker.select
49
- },
50
- dateRangeEditApply: e.date_range_picker.edit_apply,
51
- dateRangeEditTitle: e.date_range_picker.edit_title,
52
- dateRangeNextAria: e.date_range_picker.next_aria,
53
- dateRangePreviousAria: e.date_range_picker.previous_aria
54
- }, y = n ? n.start : h.start, R = n ? n.end : h.end;
55
- return E ? /* @__PURE__ */ g(X, { className: w, elevation: 1, sx: { height: "100vh", ...z }, children: [
56
- /* @__PURE__ */ g(
57
- r,
58
- {
59
- alignItems: "center",
60
- alignSelf: "stretch",
61
- direction: "row",
62
- justifyContent: "space-between",
63
- sx: { pb: k, pt: u, px: c },
64
- children: [
65
- (l || a) && /* @__PURE__ */ t(C, { color: "primary", sx: { p: 10 }, children: /* @__PURE__ */ t(_, { name: "menu_open", size: 24, sx: { transform: "rotate(180deg)" } }) }),
66
- /* @__PURE__ */ t(r, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: F && /* @__PURE__ */ t(Y, { sx: { width: "100%" }, truncate: !0, variant: p, children: j }) }),
67
- (o || d && !a) && i && /* @__PURE__ */ t(r, { alignItems: "center", sx: { flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ t(
68
- v,
69
- {
70
- calendarActions: i,
71
- copy: x,
72
- range: [y, R],
73
- shouldShrinkToIcon: !1,
74
- variant: f
75
- }
76
- ) }),
77
- /* @__PURE__ */ g(
78
- r,
79
- {
80
- alignItems: "center",
81
- direction: "row",
82
- justifyContent: "flex-end",
83
- sx: { flex: o || d && !a ? 1 : 0, flexShrink: 0 },
84
- children: [
85
- W && /* @__PURE__ */ t(
86
- U,
87
- {
88
- allowedAccountTypes: D,
89
- onAccountFilterClick: L
90
- }
91
- ),
92
- T?.map((m) => {
93
- if (M.isValidElement(m)) return m;
94
- const { iconName: s, onClick: S, label: b } = m;
95
- return o ? /* @__PURE__ */ t(
96
- N,
97
- {
98
- onClick: S,
99
- startIcon: /* @__PURE__ */ t(_, { name: s, size: 24 }),
100
- children: b
101
- },
102
- s
103
- ) : /* @__PURE__ */ t(C, { "aria-label": b, color: "primary", onClick: S, children: /* @__PURE__ */ t(_, { name: s, size: 24 }) }, s);
104
- })
105
- ]
106
- }
107
- )
108
- ]
109
- }
110
- ),
111
- (l || a) && i && /* @__PURE__ */ t(
112
- v,
113
- {
114
- calendarActions: i,
115
- copy: x,
116
- range: [y, R],
117
- shouldShrinkToIcon: !1,
118
- variant: f
119
- }
120
- ),
121
- /* @__PURE__ */ t(r, { ref: A, sx: { p: o ? 48 : 24 }, children: /* @__PURE__ */ t(Z, { availableHeight: G, availableWidth: P, children: I }) })
122
- ] }) : null;
123
- }
124
- );
125
- export {
126
- _e as W
127
- };