@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

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 (106) hide show
  1. package/dist/{Account-B4CDD-zq.mjs → Account-BDXA6PWh.mjs} +1 -1
  2. package/dist/AccountDetailsContent-CUztd3-b.mjs +683 -0
  3. package/dist/{AccountDetailsHeader-DRjFuyJT.mjs → AccountDetailsHeader-i3KFhNuo.mjs} +18 -18
  4. package/dist/{AccountFields-Cl4KHoSj.mjs → AccountFields-QZspYAji.mjs} +10 -12
  5. package/dist/AccountListItem-DX5upmCS.mjs +90 -0
  6. package/dist/{AccountStore-HbVblv86.mjs → AccountStore-BcnDpyLL.mjs} +3 -3
  7. package/dist/{Accounts-CRUehOiy.mjs → Accounts-DXfZotRC.mjs} +1 -1
  8. package/dist/{BudgetUtil-Jv8h9H9l.mjs → BudgetUtil-Df2nII9u.mjs} +31 -31
  9. package/dist/{CashflowStore-CA190BPF.mjs → CashflowStore-D9Dpuz7X.mjs} +25 -18
  10. package/dist/{Category-Ccoew_sA.mjs → Category-CevNQ03n.mjs} +2 -2
  11. package/dist/{CategorySelectorDrawer-Dl006GKy.mjs → CategorySelectorDrawer-DqJK_rrL.mjs} +27 -27
  12. package/dist/{CategoryStore-MUwRWH9e.mjs → CategoryStore-DTgyAMM7.mjs} +2 -2
  13. package/dist/{CategoryUtil-DfVKKkRf.mjs → CategoryUtil-C5cR-nfQ.mjs} +4 -4
  14. package/dist/{ConnectDrawer-DVp54lUH.mjs → ConnectDrawer-BIbTqYOH.mjs} +47 -48
  15. package/dist/{ConnectionsDrawer-Dsc04-4Z.mjs → ConnectionsDrawer-BFfY3_zB.mjs} +2 -2
  16. package/dist/CurrencyInput-BFKcs-_K.mjs +85 -0
  17. package/dist/{DateUtil-CDPZw_-m.mjs → DateUtil-CBdcsyuk.mjs} +1 -1
  18. package/dist/{DebtsStore-pL63fmdT.mjs → DebtsStore-BbJB0nmu.mjs} +3 -3
  19. package/dist/{Dialog-CDV0kKxj.mjs → Dialog-BPTr3qHE.mjs} +24 -24
  20. package/dist/{Drawer-BF40nbsH.mjs → Drawer-BEtCk82g.mjs} +17 -17
  21. package/dist/{ExportCsvAction-QhQK4_FU.mjs → ExportCsvAction-DzTrtPzk.mjs} +3 -3
  22. package/dist/{FinstrongStore-BGf36b0z.mjs → FinstrongStore-BIrX0Xg2.mjs} +56 -56
  23. package/dist/{GoalStore-C1-w3Y1E.mjs → GoalStore-DpWY3gVb.mjs} +4 -4
  24. package/dist/HeaderCell-DjuifqHJ.mjs +6 -0
  25. package/dist/{Help-DBfsTkAi.mjs → Help-BnPXM_N2.mjs} +145 -124
  26. package/dist/{Help-c-zHlDbv.mjs → Help-DhcC-C05.mjs} +8 -8
  27. package/dist/{IconBacking-DgT8DCeh.mjs → IconBacking-B9oC6uL2.mjs} +11 -11
  28. package/dist/{LineChart-C1PxNf7P.mjs → LineChart-bc1D9xBE.mjs} +78 -78
  29. package/dist/{ListItemAction-BNCWQAN_.mjs → ListItemAction-uobBrm_a.mjs} +1 -1
  30. package/dist/Loader-DUaFpDGv.mjs +24 -0
  31. package/dist/{ManageIncome-8EsStyIQ.mjs → ManageIncome-NpXHhO1n.mjs} +46 -46
  32. package/dist/MicroWidgetContainer-DEiRnYVa.mjs +45 -0
  33. package/dist/MiniWidgetContainer-CmXpTylX.mjs +56 -0
  34. package/dist/{NetWorthStore-Bti6u-d9.mjs → NetWorthStore-lsuhEpn6.mjs} +4 -4
  35. package/dist/{NotificationSettings-B74rQVYC.mjs → NotificationSettings-CNmJWVeI.mjs} +77 -77
  36. package/dist/{OriginalBalanceAction-2Y_3U_mg.mjs → OriginalBalanceAction-DK8_LkPz.mjs} +8 -8
  37. package/dist/{RecurringSettings-DAncu--R.mjs → RecurringSettings-CqZh1SQa.mjs} +3 -3
  38. package/dist/{RecurringTransactions-CxcSL1dY.mjs → RecurringTransactions-BKcYmpv3.mjs} +77 -77
  39. package/dist/{RecurringTransactionsStore-CNFxyGB6.mjs → RecurringTransactionsStore-Ni5tSQIO.mjs} +1 -1
  40. package/dist/{ResponsiveButton-Cn6-R7ue.mjs → ResponsiveButton-DZFp78fJ.mjs} +10 -10
  41. package/dist/SearchBox-B2_zLv8-.mjs +42 -0
  42. package/dist/{SettingsStore-BASMQSIp.mjs → SettingsStore-krIRNwHK.mjs} +1 -1
  43. package/dist/{SingleSegmentDonut-7Uy6VEld.mjs → SingleSegmentDonut-BgbLgwHi.mjs} +6 -6
  44. package/dist/{SpendingData-DPQ96k3x.mjs → SpendingData-BuJ03S9d.mjs} +4 -4
  45. package/dist/{SpendingLegend-6FqtMcBV.mjs → SpendingLegend-CjX-hX2O.mjs} +12 -12
  46. package/dist/{StatusBar-CPfSXe80.mjs → StatusBar-BK_uYHAB.mjs} +6 -6
  47. package/dist/{TabContentContainer-CnMXkVqr.mjs → TabContentContainer-j01JYR_7.mjs} +8 -8
  48. package/dist/TransactionDetails-5M2vfr59.mjs +1379 -0
  49. package/dist/{TransactionStore-DbwAutwC.mjs → TransactionStore-D-Q3BU9Z.mjs} +58 -41
  50. package/dist/{TrendsStore-_mRaFUdf.mjs → TrendsStore-BW9FGQeE.mjs} +37 -37
  51. package/dist/{User-BklmOUSd.mjs → User-wXzDI4M8.mjs} +107 -107
  52. package/dist/{ViewMoreMicroCard-DAkyNRlD.mjs → ViewMoreMicroCard-C0832BMe.mjs} +233 -231
  53. package/dist/{WidgetContainer-CDh9fjpR.mjs → WidgetContainer-BhQ1Kx2z.mjs} +36 -36
  54. package/dist/accounts/index.es.js +94 -94
  55. package/dist/analytics/index.es.js +27 -27
  56. package/dist/budgets/index.es.js +251 -250
  57. package/dist/cashflow/index.es.js +158 -157
  58. package/dist/categories/index.es.js +2 -2
  59. package/dist/common/components/Loader.d.ts +2 -1
  60. package/dist/common/components/accountfilter/AccountFilterOptions.d.ts +1 -1
  61. package/dist/common/components/barchart/Bar.d.ts +25 -0
  62. package/dist/common/components/barchart/BarChart.d.ts +34 -0
  63. package/dist/common/components/barchart/BarColumn.d.ts +37 -0
  64. package/dist/common/components/barchart/Legend.d.ts +8 -0
  65. package/dist/common/components/barchart/Util.d.ts +42 -0
  66. package/dist/common/components/barchart/index.d.ts +1 -0
  67. package/dist/common/components/charts/linechart/CustomMark.d.ts +1 -1
  68. package/dist/common/components/index.d.ts +1 -0
  69. package/dist/common/index.es.js +660 -395
  70. package/dist/common/utils/Theme.d.ts +3 -1
  71. package/dist/dashboard/index.es.js +21 -21
  72. package/dist/debts/components/DebtsChart.d.ts +2 -1
  73. package/dist/debts/index.es.js +440 -440
  74. package/dist/{exportTransactionsToCSV-BgV_wTLT.mjs → exportTransactionsToCSV-Cz2t0lmA.mjs} +3 -3
  75. package/dist/finstrong/index.es.js +118 -118
  76. package/dist/goals/index.es.js +380 -386
  77. package/dist/help/components/content/BottomImageContent.d.ts +1 -1
  78. package/dist/help/components/content/LeftImageContent.d.ts +1 -1
  79. package/dist/help/components/content/RightImageContent.d.ts +1 -1
  80. package/dist/help/components/content/TopImageContent.d.ts +1 -1
  81. package/dist/help/index.es.js +6 -6
  82. package/dist/investments/index.es.js +279 -278
  83. package/dist/merchants/index.es.js +7 -7
  84. package/dist/microinsights/index.es.js +1 -1
  85. package/dist/networth/components/NetWorthChange.d.ts +1 -3
  86. package/dist/networth/index.es.js +185 -191
  87. package/dist/notifications/index.es.js +30 -30
  88. package/dist/recurringtransactions/index.es.js +85 -85
  89. package/dist/settings/index.es.js +270 -270
  90. package/dist/spending/index.es.js +44 -44
  91. package/dist/transactions/components/shared/transactionlist/DateRow.d.ts +7 -0
  92. package/dist/transactions/index.es.js +169 -168
  93. package/dist/trends/index.es.js +318 -317
  94. package/dist/{useAccountDisplayName-CcIp09Xc.mjs → useAccountDisplayName-CFNF8766.mjs} +1 -1
  95. package/dist/{useCombineEvents-kNzLTWCp.mjs → useCombineEvents-CRwX-qWE.mjs} +2 -2
  96. package/dist/{useScreenSize-B5afALev.mjs → useScreenSize-B6JyS_Lj.mjs} +1 -1
  97. package/package.json +50 -45
  98. package/dist/AccountDetailsContent-adZTkM52.mjs +0 -683
  99. package/dist/AccountListItem-wgmlex-_.mjs +0 -90
  100. package/dist/CurrencyInput-D1cjbdCI.mjs +0 -85
  101. package/dist/HeaderCell-P8w6CmfO.mjs +0 -6
  102. package/dist/Loader-Ckqi9Rx6.mjs +0 -21
  103. package/dist/MicroWidgetContainer-BGpNl5ZS.mjs +0 -45
  104. package/dist/MiniWidgetContainer-CKzf_Ira.mjs +0 -56
  105. package/dist/SearchBox-B7km148n.mjs +0 -39
  106. package/dist/TransactionDetails-Bn0qY5Hw.mjs +0 -1336
@@ -1,90 +0,0 @@
1
- import { jsx as e, jsxs as r, Fragment as m } from "react/jsx-runtime";
2
- import { observer as b } from "mobx-react-lite";
3
- import I from "@mui/material/Badge";
4
- import l from "@mui/material/Box";
5
- import v from "@mui/material/ListItem";
6
- import C from "@mui/material/ListItemAvatar";
7
- import S from "@mui/material/ListItemButton";
8
- import _ from "@mui/material/ListItemText";
9
- import { useTheme as L } from "@mui/material/styles";
10
- import { InstitutionLogo as A, Text as o } from "@mxenabled/mxui";
11
- import { Error as B } from "@mxenabled/mx-icons";
12
- import { I as j } from "./IconBacking-DgT8DCeh.mjs";
13
- import { g as T } from "./AccountFields-Cl4KHoSj.mjs";
14
- import { u as $ } from "./useAccountDisplayName-CcIp09Xc.mjs";
15
- import { u as k } from "./hooks-C41HAxM5.mjs";
16
- import { C as d } from "./ConnectDrawer-DVp54lUH.mjs";
17
- import { f as w } from "./NumberFormatting-DjTD0t3W.mjs";
18
- const E = {
19
- gridRow: 1,
20
- gridColumn: 1,
21
- zIndex: 2
22
- }, M = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(B, { color: "error", filled: !0, sx: { fontSize: t, ...E } }) }), z = ({
23
- account: t,
24
- onRowClick: n,
25
- listItemProps: c,
26
- shouldShowConnectionStatus: p = !1
27
- }) => {
28
- const u = L(), f = $(t), { accounts: i } = k(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
29
- t,
30
- i
31
- );
32
- let s;
33
- (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(M, { size: 16 }));
34
- const a = /* @__PURE__ */ r(m, { children: [
35
- /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
36
- I,
37
- {
38
- badgeContent: p ? s : void 0,
39
- sx: {
40
- "& .MuiBadge-badge": {
41
- right: -1
42
- }
43
- },
44
- children: /* @__PURE__ */ e(A, { alt: "MX", institutionGuid: t.institution_guid || "" })
45
- }
46
- ) }),
47
- /* @__PURE__ */ e(
48
- _,
49
- {
50
- disableTypography: !0,
51
- primary: /* @__PURE__ */ r(
52
- o,
53
- {
54
- bold: !0,
55
- color: t.is_hidden ? u.palette.text.secondary : void 0,
56
- sx: { whiteSpace: "normal" },
57
- variant: "body1",
58
- children: [
59
- `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
60
- " ",
61
- t.is_hidden && !t.is_closed && i.is_hidden,
62
- t.is_closed && i.is_closed
63
- ]
64
- }
65
- ),
66
- secondary: /* @__PURE__ */ r(m, { children: [
67
- /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
68
- /* @__PURE__ */ e(o, { variant: "caption", children: h }),
69
- /* @__PURE__ */ e(o, { bold: !0, variant: "body2", children: w(g, "0,0.00") })
70
- ] }),
71
- /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
72
- /* @__PURE__ */ e(o, { variant: "caption", children: x }),
73
- /* @__PURE__ */ e(o, { ml: "auto", variant: "caption", children: y })
74
- ] })
75
- ] })
76
- }
77
- )
78
- ] });
79
- return /* @__PURE__ */ e(
80
- v,
81
- {
82
- sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
83
- ...c,
84
- children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: a }) : a
85
- }
86
- );
87
- }, Z = b(z);
88
- export {
89
- Z as A
90
- };
@@ -1,85 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import i from "react";
3
- import { css as k } from "@mxenabled/cssinjs";
4
- import { v4 as q } from "uuid";
5
- import { TextField as B, P as _ } from "@mxenabled/mxui";
6
- import { g as L, C as O, f as y, M as C } from "./NumberFormatting-DjTD0t3W.mjs";
7
- import { u as W } from "./hooks-C41HAxM5.mjs";
8
- import { b, g } from "./Localization-2MODESHW.mjs";
9
- const J = ({
10
- allowDecimals: s = !0,
11
- ariaLabel: h,
12
- amount: c,
13
- amountIsRequired: M = !0,
14
- copy: a,
15
- customValidate: $ = () => !0,
16
- errorText: S = "",
17
- label: u,
18
- minAmount: f = 1,
19
- setAmount: x,
20
- setHasValidInput: r,
21
- ...N
22
- }) => {
23
- const [l, t] = i.useState(""), { common: P } = W(), o = a || P.currency_input, R = j(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
24
- let n;
25
- const d = i.useRef(q());
26
- if (s)
27
- switch (L()) {
28
- case O.CAD:
29
- n = E;
30
- break;
31
- default:
32
- n = T;
33
- break;
34
- }
35
- else
36
- n = A;
37
- i.useEffect(() => {
38
- p(c);
39
- }, [c]);
40
- const p = (e) => {
41
- !M && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
42
- b(
43
- o.error_amount_must_be_equal_to,
44
- y(f, "0")
45
- )
46
- ), r?.(!1)) : Number(e) > C ? (t(
47
- b(
48
- o.error_amount_must_be_less_than_or_equal_to,
49
- y(C, s ? "0,0.00" : "0,0", Math.floor)
50
- )
51
- ), r?.(!1)) : e.toString().match(n) ? $() ? (t(""), r?.(!0)) : (t(S), r?.(!1)) : (t(o.error_amount_is_invalid), r?.(!1)), x(e.toString());
52
- };
53
- return /* @__PURE__ */ m(
54
- B,
55
- {
56
- InputProps: {
57
- endAdornment: g().includes("fr-ca") ? /* @__PURE__ */ m(_, { children: "$" }) : void 0,
58
- startAdornment: g().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(_, { children: "$" })
59
- },
60
- className: `mx-cmn-currency-input ${R}`,
61
- error: !!l,
62
- helperText: l,
63
- hiddenLabel: !u,
64
- id: `currency-input-${d.current}`,
65
- inputMode: s ? "decimal" : "numeric",
66
- inputProps: {
67
- "aria-label": h || o.enter_amount,
68
- noValidate: !0,
69
- pattern: "[0-9]*"
70
- },
71
- label: u,
72
- name: `currency-input-${d.current}`,
73
- onChange: (e) => p(e.target.value),
74
- value: c,
75
- ...N
76
- }
77
- );
78
- }, j = () => k({
79
- "& .MuiInputBase-adornedStart > .p": {
80
- marginRight: 4
81
- }
82
- });
83
- export {
84
- J as C
85
- };
@@ -1,6 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { Text as r } from "@mxenabled/mxui";
3
- const i = (e) => /* @__PURE__ */ o(r, { fontWeight: 600, variant: "body2", children: e.colDef.headerName });
4
- export {
5
- i as H
6
- };
@@ -1,21 +0,0 @@
1
- import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
- import s from "@mui/material/CircularProgress";
3
- import c from "@mui/material/Stack";
4
- import { Text as i } from "@mxenabled/mxui";
5
- const f = ({ height: t = 250, label: r = "", size: e = 32 }) => /* @__PURE__ */ n(
6
- c,
7
- {
8
- alignItems: "center",
9
- gap: 32,
10
- height: t,
11
- justifyContent: "center",
12
- sx: { backgroundColor: "background.paper" },
13
- children: [
14
- /* @__PURE__ */ o(s, { size: e }),
15
- r && /* @__PURE__ */ o(i, { children: r })
16
- ]
17
- }
18
- );
19
- export {
20
- f as L
21
- };
@@ -1,45 +0,0 @@
1
- import { jsxs as p, jsx as r, Fragment as f } from "react/jsx-runtime";
2
- import x from "@mui/material/Button";
3
- import C from "@mui/material/Card";
4
- import b from "@mui/material/CardContent";
5
- import g from "@mui/material/CardHeader";
6
- import { H3 as u, P as v } from "@mxenabled/mxui";
7
- import { ChevronRight as W } from "@mxenabled/mx-icons";
8
- import { u as w } from "./useDimensions-27p2evRx.mjs";
9
- import { W as H } from "./hooks-C41HAxM5.mjs";
10
- const D = ({
11
- children: i,
12
- className: o,
13
- ctaLabel: n,
14
- onCTAClick: a,
15
- subHeader: t,
16
- sx: s,
17
- title: d,
18
- variant: c = "borderless"
19
- }) => {
20
- const [m, { height: l, width: h }] = w(), e = /* @__PURE__ */ p(f, { children: [
21
- /* @__PURE__ */ r(
22
- g,
23
- {
24
- action: /* @__PURE__ */ r(
25
- x,
26
- {
27
- endIcon: /* @__PURE__ */ r(W, { size: 20 }),
28
- onClick: a,
29
- size: "small",
30
- variant: "text",
31
- children: n
32
- }
33
- ),
34
- subheader: t && /* @__PURE__ */ r(v, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
35
- sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
36
- title: /* @__PURE__ */ r(u, { sx: { width: "calc(100% - 10px)" }, children: d })
37
- }
38
- ),
39
- /* @__PURE__ */ r(b, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(H, { availableHeight: l, availableWidth: h, children: i }) })
40
- ] });
41
- return c === "borderless" ? e : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: e });
42
- };
43
- export {
44
- D as M
45
- };
@@ -1,56 +0,0 @@
1
- import { jsxs as i, jsx as r, Fragment as x } from "react/jsx-runtime";
2
- import g from "@mui/material/Box";
3
- import b from "@mui/material/Button";
4
- import u from "@mui/material/Card";
5
- import C from "@mui/material/CardHeader";
6
- import v from "@mui/material/CardContent";
7
- import z from "@mui/material/IconButton";
8
- import { Icon as H, ChevronRight as I } from "@mxenabled/mx-icons";
9
- import { H3 as W, Text as y, P as B } from "@mxenabled/mxui";
10
- import { u as j } from "./useDimensions-27p2evRx.mjs";
11
- import { W as w } from "./hooks-C41HAxM5.mjs";
12
- const G = ({
13
- children: m,
14
- className: a = "mx-cmn-mini-widget",
15
- closeLabel: d,
16
- contentStyles: l,
17
- onClose: e,
18
- onPrimaryCtaClick: o,
19
- primaryCtaLabel: s = "",
20
- subTitle: t = "",
21
- sx: c = {},
22
- title: n = ""
23
- }) => {
24
- const [p, { height: h, width: f }] = j();
25
- return /* @__PURE__ */ i(u, { className: a, sx: { ...c }, children: [
26
- /* @__PURE__ */ r(
27
- C,
28
- {
29
- sx: { pb: 8 },
30
- title: /* @__PURE__ */ i(x, { children: [
31
- /* @__PURE__ */ i(
32
- g,
33
- {
34
- sx: {
35
- alignItems: "center",
36
- display: "grid",
37
- gap: 2,
38
- gridTemplateColumns: "1fr auto",
39
- pb: 4
40
- },
41
- children: [
42
- n && /* @__PURE__ */ r(W, { children: n }),
43
- e ? /* @__PURE__ */ r(z, { "aria-label": d, onClick: e, size: "small", children: /* @__PURE__ */ r(H, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(b, { endIcon: /* @__PURE__ */ r(I, {}), onClick: o, size: "small", children: /* @__PURE__ */ r(y, { bold: !0, variant: "body2", children: s }) })
44
- ]
45
- }
46
- ),
47
- t && /* @__PURE__ */ r(B, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
48
- ] })
49
- }
50
- ),
51
- /* @__PURE__ */ r(v, { ref: p, sx: { p: 0, ...l }, children: /* @__PURE__ */ r(w, { availableHeight: h, availableWidth: f, children: m }) })
52
- ] });
53
- };
54
- export {
55
- G as M
56
- };
@@ -1,39 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { observer as i } from "mobx-react-lite";
3
- import s from "@mui/material/Box";
4
- import p from "@mui/material/IconButton";
5
- import n from "@mui/material/InputAdornment";
6
- import { TextField as d, Icon as a } from "@mxenabled/mxui";
7
- const h = ({
8
- ariaLabel: c = "Search",
9
- cancelAriaLabel: t = "Cancel Search",
10
- onChange: o,
11
- placeholder: l = "Search",
12
- searchValue: e
13
- }) => /* @__PURE__ */ r(s, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ r(
14
- d,
15
- {
16
- InputProps: {
17
- startAdornment: /* @__PURE__ */ r(n, { position: "start", children: /* @__PURE__ */ r(a, { color: "disabled", name: "search", size: 26 }) }),
18
- endAdornment: /* @__PURE__ */ r(n, { position: "end", sx: { p: 0 }, children: e ? /* @__PURE__ */ r(
19
- p,
20
- {
21
- "aria-label": t,
22
- className: "mx-cat-cancel-search-button",
23
- color: "primary",
24
- onClick: () => o(""),
25
- children: /* @__PURE__ */ r(a, { name: "cancel", size: 24 })
26
- }
27
- ) : null })
28
- },
29
- "aria-label": c,
30
- name: "search",
31
- onChange: (m) => o(m.target.value),
32
- placeholder: l,
33
- sx: { bgcolor: "background.paper", width: "100%" },
34
- value: e
35
- }
36
- ) }), g = i(h);
37
- export {
38
- g as S
39
- };