@mx-cartographer/experiences 6.25.3-alpha.al2 → 6.25.3-alpha.mega2

package/dist/common/components/charts/linechart/CustomLine.js

@@ -0,0 +1,23 @@
+import { jsxs as i, Fragment as n, jsx as t } from "react/jsx-runtime";
+const r = (e) => /* @__PURE__ */ i(n, { children: [
+  /* @__PURE__ */ t("clipPath", { id: e.id, children: /* @__PURE__ */ t("rect", { height: e.height, width: e.width, x: "0", y: "0" }) }),
+  /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
+    "path",
+    {
+      cursor: "unset",
+      d: e.d,
+      style: {
+        strokeWidth: 2,
+        strokeLinejoin: "round",
+        fill: "none",
+        stroke: e.lineColor ? e.lineColor : e.stroke,
+        transition: "opacity 0.2s ease-in, stroke 0.2s ease-in",
+        opacity: 1
+      }
+    }
+  ) })
+] });
+export {
+  r as CustomLine
+};
+//# sourceMappingURL=CustomLine.js.map

package/dist/common/components/charts/linechart/CustomLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLine.js","sources":["../../../../../src/common/components/charts/linechart/CustomLine.tsx"],"sourcesContent":["import React from 'react'\n\nimport { AnimatedLineProps } from '@mui/x-charts'\n\ninterface CustomLineProps extends AnimatedLineProps {\n  lineColor?: string\n}\n\nexport const CustomLine: React.FC<CustomLineProps> = (props) => {\n  return (\n    <>\n      <clipPath id={props.id}>\n        <rect height={props.height} width={props.width} x=\"0\" y=\"0\" />\n      </clipPath>\n      <g>\n        <path\n          cursor=\"unset\"\n          d={props.d}\n          style={{\n            strokeWidth: 2,\n            strokeLinejoin: 'round',\n            fill: 'none',\n            stroke: props.lineColor ? props.lineColor : props.stroke,\n            transition: 'opacity 0.2s ease-in, stroke 0.2s ease-in',\n            opacity: 1,\n          }}\n        />\n      </g>\n    </>\n  )\n}\n"],"names":["CustomLine","props","jsxs","Fragment","jsx"],"mappings":";AAQa,MAAAA,IAAwC,CAACC,MAGhD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,cAAS,IAAIH,EAAM,IAClB,UAAA,gBAAAG,EAAC,UAAK,QAAQH,EAAM,QAAQ,OAAOA,EAAM,OAAO,GAAE,KAAI,GAAE,IAAI,CAAA,GAC9D;AAAA,oBACC,KACC,EAAA,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,GAAGH,EAAM;AAAA,MACT,OAAO;AAAA,QACL,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,QAAQA,EAAM,YAAYA,EAAM,YAAYA,EAAM;AAAA,QAClD,YAAY;AAAA,QACZ,SAAS;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,GAEJ;AACF,EAAA,CAAA;"}

package/dist/common/components/charts/linechart/CustomMark.js

@@ -0,0 +1,217 @@
+import { jsxs as c, Fragment as s, jsx as m } from "react/jsx-runtime";
+import { useTheme as M } from "@mui/material/styles";
+import S from "@mui/material/useMediaQuery";
+import "date-fns/getUnixTime";
+import "bowser";
+import "date-fns/intlFormat";
+import "../../../constants/Account.js";
+import "../../../constants/Category.js";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../accountfilter/AccountFilterOptions.js";
+import "../../../context/GlobalDataProvider.js";
+import "../../../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/x-charts";
+import "./CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../WidgetContainer.js";
+import "../../ConnectDrawer.js";
+import "uuid";
+import { formatCurrency as C } from "../../../utils/NumberFormatting.js";
+import "@mui/material/CircularProgress";
+import "../../SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../../accounts/AccountsWidget.js";
+import "../../../../accounts/AccountsMiniWidget.js";
+import "../../../../accounts/ConnectMiniWidget.js";
+import "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../types/Account.js";
+import "posthog-js";
+import "../../../../cashflow/CashflowMiniWidget.js";
+import "../../../../cashflow/CashflowWidget.js";
+import "../../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../../categories/components/CategorySelector.js";
+import "../../../../categories/components/CategorySelectorDrawer.js";
+import "../../../../categories/components/CategoryRow.js";
+import "../../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../../finstrong/components/CreditScoreGraph.js";
+import "date-fns/fromUnixTime";
+import "../../../../finstrong/FinstrongWidget.js";
+import "../../../../goals/GoalsWidget.js";
+import "../../../../goals/GoalsMicroWidget.js";
+import "../../../../investments/util/InvestmentUtil.js";
+import "../../../../merchants/components/MerchantLookup.js";
+import "../../../../networth/components/NetWorthChart.js";
+import "../../../../networth/components/NetWorthList.js";
+import "../../../../networth/components/NetWorthSummary.js";
+import "../../../../networth/NetWorthMicroWidget.js";
+import "../../../../networth/NetWorthWidget.js";
+import "../../../../notifications/components/NotificationList.js";
+import "../../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../../transactions/constants/Analytics.js";
+import "../../../../transactions/constants/Transaction.js";
+import "../../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../../transactions/components/shared/TransactionList.js";
+import "../../../../transactions/components/shared/TransactionTable.js";
+import "../../../../transactions/components/shared/TransactionDetails.js";
+import "../../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../../transactions/TransactionWidget.js";
+import "../../../../settings/SettingsWidget.js";
+import "../../../../settings/components/SettingsWidgetContents.js";
+import "../../../../settings/components/profile/ProfileTab.js";
+import "../../../../settings/components/devices/DeviceTab.js";
+import "../../../../settings/NotificationSettingsWidget.js";
+import "../../../../settings/components/notifications/NotificationSettings.js";
+import "../../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+import "../../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../../trends/TrendsFullWidget.js";
+import "../../../../trends/TrendsMiniWidget.js";
+import "../../../../trends/TrendsMicroWidget.js";
+import "../../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const Mo = (t) => {
+  const r = M(), h = t.showLabel, o = t.style, p = Number(t.x), e = Number(t.y), n = t.handlers?.onMarkClick, u = t.handlers?.onMouseEnter, x = t.handlers?.onMouseLeave, g = S(r.breakpoints.up("sm")), a = t.valueFormatterString ? C(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), i = g ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, f = i ? parseFloat(i.toString()) * 0.6 : 8, l = a.length * f + 8 + 8, d = 24, y = p - l / 2, k = e - 30;
+  return /* @__PURE__ */ c(s, { children: [
+    h && /* @__PURE__ */ c(s, { children: [
+      t.labelBackgroundColor && /* @__PURE__ */ m(
+        "rect",
+        {
+          fill: t.labelBackgroundColor,
+          height: d,
+          rx: "3",
+          width: l,
+          x: y,
+          y: k
+        }
+      ),
+      /* @__PURE__ */ m(
+        "text",
+        {
+          dominantBaseline: "middle",
+          fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
+          style: {
+            fontSize: i
+          },
+          textAnchor: "middle",
+          x: p,
+          y: e - 28 + d / 2,
+          children: a
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m(
+      "path",
+      {
+        cursor: n ? "pointer" : "unset",
+        d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
+        height: "20px",
+        onClick: (b) => {
+          n?.(b, t.dataIndex);
+        },
+        onMouseEnter: () => {
+          u?.(t.dataIndex);
+        },
+        onMouseLeave: () => {
+          x?.();
+        },
+        style: {
+          fill: o?.fill ? o.fill : r.palette.background.paper,
+          stroke: o?.stroke ? o.stroke : r.palette.primary.main,
+          strokeWidth: 2,
+          transform: `translate(${t.x}px, ${t.y}px)`,
+          transformOrigin: `${t.x}px, ${t.y}px`,
+          filter: o?.filter ? o.filter : "none"
+        },
+        width: "20px"
+      }
+    )
+  ] });
+};
+export {
+  Mo as CustomMark
+};
+//# sourceMappingURL=CustomMark.js.map

package/dist/common/components/charts/linechart/CustomMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMark.js","sources":["../../../../../src/common/components/charts/linechart/CustomMark.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useTheme } from '@mui/material/styles'\nimport useMediaQuery from '@mui/material/useMediaQuery'\nimport { MarkElementProps } from '@mui/x-charts'\n\nimport { formatCurrency } from '../../../utils'\n\nexport type MarkHandlers = {\n  onMarkClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, dataIndex: number) => void\n  onMouseEnter?: (dataIndex: number) => void\n  onMouseLeave?: () => void\n}\n\ninterface CustomMarkProps extends MarkElementProps {\n  handlers?: MarkHandlers\n  showLabel: boolean\n  yData: number[]\n  labelBackgroundColor?: string\n  labelFontColor?: string\n  valueFormatterString?: string\n}\n\nexport const CustomMark: React.FC<CustomMarkProps> = (props) => {\n  const theme = useTheme()\n  const showLabel = props.showLabel\n  const styles = props.style\n  const xNumber = Number(props.x)\n  const yNumber = Number(props.y)\n\n  const handleMarkClick = props.handlers?.onMarkClick\n  const handleMouseEnter = props.handlers?.onMouseEnter\n  const handleMouseLeave = props.handlers?.onMouseLeave\n\n  const isSmallScreenUp = useMediaQuery(theme.breakpoints.up('sm'))\n\n  // Calculate text dimensions for proper background sizing\n  const formattedValue = props.valueFormatterString\n    ? formatCurrency(props.yData[props.dataIndex], props.valueFormatterString)\n    : String(props.yData[props.dataIndex])\n  const fontSize = isSmallScreenUp\n    ? theme.typography.Small?.fontSize\n    : theme.typography.XSmall?.fontSize\n\n  // Approximate text width calculation (more accurate than string length)\n  const avgCharWidth = fontSize ? parseFloat(fontSize.toString()) * 0.6 : 8\n  const textWidth = formattedValue.length * avgCharWidth\n  const paddingRight = 8\n  const paddingLeft = 8\n  const rectWidth = textWidth + paddingLeft + paddingRight\n  const rectHeight = 24\n\n  // Center the rectangle around the text\n  const rectX = xNumber - rectWidth / 2\n  const rectY = yNumber - 30\n\n  return (\n    <>\n      {showLabel && (\n        <>\n          {props.labelBackgroundColor && (\n            <rect\n              fill={props.labelBackgroundColor}\n              height={rectHeight}\n              rx=\"3\"\n              width={rectWidth}\n              x={rectX}\n              y={rectY}\n            />\n          )}\n\n          <text\n            dominantBaseline=\"middle\"\n            fill={props.labelFontColor ? props.labelFontColor : theme.palette.text.primary}\n            style={{\n              fontSize: fontSize,\n            }}\n            textAnchor=\"middle\"\n            x={xNumber}\n            y={yNumber - 28 + rectHeight / 2}\n          >\n            {formattedValue}\n          </text>\n        </>\n      )}\n      <path\n        cursor={handleMarkClick ? 'pointer' : 'unset'}\n        d=\"M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0\"\n        height=\"20px\"\n        onClick={(event) => {\n          handleMarkClick?.(event, props.dataIndex)\n        }}\n        onMouseEnter={() => {\n          handleMouseEnter?.(props.dataIndex)\n        }}\n        onMouseLeave={() => {\n          handleMouseLeave?.()\n        }}\n        style={{\n          fill: styles?.fill ? styles.fill : theme.palette.background.paper,\n          stroke: styles?.stroke ? styles.stroke : theme.palette.primary.main,\n          strokeWidth: 2,\n          transform: `translate(${props.x}px, ${props.y}px)`,\n          transformOrigin: `${props.x}px, ${props.y}px`,\n          filter: styles?.filter ? styles.filter : 'none',\n        }}\n        width=\"20px\"\n      />\n    </>\n  )\n}\n"],"names":["CustomMark","props","theme","useTheme","showLabel","styles","xNumber","yNumber","handleMarkClick","handleMouseEnter","handleMouseLeave","isSmallScreenUp","useMediaQuery","formattedValue","formatCurrency","fontSize","avgCharWidth","rectWidth","rectHeight","rectX","rectY","jsxs","Fragment","jsx","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBa,MAAAA,KAAwC,CAACC,MAAU;AAC9D,QAAMC,IAAQC,KACRC,IAAYH,EAAM,WAClBI,IAASJ,EAAM,OACfK,IAAU,OAAOL,EAAM,CAAC,GACxBM,IAAU,OAAON,EAAM,CAAC,GAExBO,IAAkBP,EAAM,UAAU,aAClCQ,IAAmBR,EAAM,UAAU,cACnCS,IAAmBT,EAAM,UAAU,cAEnCU,IAAkBC,EAAcV,EAAM,YAAY,GAAG,IAAI,CAAC,GAG1DW,IAAiBZ,EAAM,uBACzBa,EAAeb,EAAM,MAAMA,EAAM,SAAS,GAAGA,EAAM,oBAAoB,IACvE,OAAOA,EAAM,MAAMA,EAAM,SAAS,CAAC,GACjCc,IAAWJ,IACbT,EAAM,WAAW,OAAO,WACxBA,EAAM,WAAW,QAAQ,UAGvBc,IAAeD,IAAW,WAAWA,EAAS,UAAU,IAAI,MAAM,GAIlEE,IAHYJ,EAAe,SAASG,IAEtB,IADC,GAGfE,IAAa,IAGbC,IAAQb,IAAUW,IAAY,GAC9BG,IAAQb,IAAU;AAExB,SAEK,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAlB,KAEI,gBAAAiB,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAArB,EAAM,wBACL,gBAAAsB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMtB,EAAM;AAAA,UACZ,QAAQiB;AAAA,UACR,IAAG;AAAA,UACH,OAAOD;AAAA,UACP,GAAGE;AAAA,UACH,GAAGC;AAAA,QAAA;AAAA,MACL;AAAA,MAGF,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAiB;AAAA,UACjB,MAAMtB,EAAM,iBAAiBA,EAAM,iBAAiBC,EAAM,QAAQ,KAAK;AAAA,UACvE,OAAO;AAAA,YACL,UAAAa;AAAA,UACF;AAAA,UACA,YAAW;AAAA,UACX,GAAGT;AAAA,UACH,GAAGC,IAAU,KAAKW,IAAa;AAAA,UAE9B,UAAAL;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQf,IAAkB,YAAY;AAAA,QACtC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,SAAS,CAACgB,MAAU;AACA,UAAAhB,IAAAgB,GAAOvB,EAAM,SAAS;AAAA,QAC1C;AAAA,QACA,cAAc,MAAM;AAClB,UAAAQ,IAAmBR,EAAM,SAAS;AAAA,QACpC;AAAA,QACA,cAAc,MAAM;AACC,UAAAS;QACrB;AAAA,QACA,OAAO;AAAA,UACL,MAAML,GAAQ,OAAOA,EAAO,OAAOH,EAAM,QAAQ,WAAW;AAAA,UAC5D,QAAQG,GAAQ,SAASA,EAAO,SAASH,EAAM,QAAQ,QAAQ;AAAA,UAC/D,aAAa;AAAA,UACb,WAAW,aAAaD,EAAM,CAAC,OAAOA,EAAM,CAAC;AAAA,UAC7C,iBAAiB,GAAGA,EAAM,CAAC,OAAOA,EAAM,CAAC;AAAA,UACzC,QAAQI,GAAQ,SAASA,EAAO,SAAS;AAAA,QAC3C;AAAA,QACA,OAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/common/components/charts/linechart/CustomTooltip.js

@@ -0,0 +1,224 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useTheme as g, Stack as m, Box as h } from "@mui/material";
+import { ChartsTooltip as u } from "@mui/x-charts/ChartsTooltip";
+import { Text as e } from "@mxenabled/mxui";
+import "date-fns/getUnixTime";
+import "bowser";
+import "date-fns/intlFormat";
+import "../../../constants/Account.js";
+import "../../../constants/Category.js";
+import "react";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../accountfilter/AccountFilterOptions.js";
+import "../../../context/GlobalDataProvider.js";
+import "../../../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "./CustomLegend.js";
+import "@mui/material/Stack";
+import "../stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../WidgetContainer.js";
+import "../../ConnectDrawer.js";
+import "uuid";
+import { formatCurrency as f } from "../../../utils/NumberFormatting.js";
+import "@mui/material/CircularProgress";
+import "../../SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../../accounts/AccountsWidget.js";
+import "../../../../accounts/AccountsMiniWidget.js";
+import "../../../../accounts/ConnectMiniWidget.js";
+import "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../types/Account.js";
+import "posthog-js";
+import "../../../../cashflow/CashflowMiniWidget.js";
+import "../../../../cashflow/CashflowWidget.js";
+import "../../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../../categories/components/CategorySelector.js";
+import "../../../../categories/components/CategorySelectorDrawer.js";
+import "../../../../categories/components/CategoryRow.js";
+import "../../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../../finstrong/components/CreditScoreGraph.js";
+import "date-fns/fromUnixTime";
+import "../../../../finstrong/FinstrongWidget.js";
+import "../../../../goals/GoalsWidget.js";
+import "../../../../goals/GoalsMicroWidget.js";
+import "../../../../investments/util/InvestmentUtil.js";
+import "../../../../merchants/components/MerchantLookup.js";
+import "../../../../networth/components/NetWorthChart.js";
+import "../../../../networth/components/NetWorthList.js";
+import "../../../../networth/components/NetWorthSummary.js";
+import "../../../../networth/NetWorthMicroWidget.js";
+import "../../../../networth/NetWorthWidget.js";
+import "../../../../notifications/components/NotificationList.js";
+import "../../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../../transactions/constants/Analytics.js";
+import "../../../../transactions/constants/Transaction.js";
+import "../../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../../transactions/components/shared/TransactionList.js";
+import "../../../../transactions/components/shared/TransactionTable.js";
+import "../../../../transactions/components/shared/TransactionDetails.js";
+import "../../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../../transactions/TransactionWidget.js";
+import "../../../../settings/SettingsWidget.js";
+import "../../../../settings/components/SettingsWidgetContents.js";
+import "../../../../settings/components/profile/ProfileTab.js";
+import "../../../../settings/components/devices/DeviceTab.js";
+import "../../../../settings/NotificationSettingsWidget.js";
+import "../../../../settings/components/notifications/NotificationSettings.js";
+import "../../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+import "../../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../../trends/TrendsFullWidget.js";
+import "../../../../trends/TrendsMiniWidget.js";
+import "../../../../trends/TrendsMicroWidget.js";
+import "../../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+function xo({ labels: t = [], valueFormatterString: n = "0,0" }) {
+  const a = g();
+  return /* @__PURE__ */ r(
+    u,
+    {
+      showCrosshair: !0,
+      slots: {
+        axisContent: (s) => {
+          const { axisValue: c, dataIndex: x, series: d } = s, l = x ?? 0;
+          return /* @__PURE__ */ p(
+            m,
+            {
+              sx: {
+                backgroundColor: a.palette.background.paper,
+                boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
+                flexDirection: "column",
+                alignItems: "flex-start",
+                borderRadius: "4px",
+                width: 225,
+                gap: 8,
+                px: 16,
+                py: 12
+              },
+              children: [
+                /* @__PURE__ */ r(e, { variant: "H3", children: String(c) }),
+                d.map((o, i) => /* @__PURE__ */ p(
+                  m,
+                  {
+                    sx: {
+                      flexDirection: "row",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      alignSelf: "stretch",
+                      gap: 8,
+                      marginTop: 4
+                    },
+                    children: [
+                      /* @__PURE__ */ p(m, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ r(
+                          h,
+                          {
+                            sx: {
+                              width: "12px",
+                              height: "12px",
+                              backgroundColor: o.color,
+                              borderRadius: "4px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ r(e, { variant: "Body", children: typeof t[i] == "string" ? t[i] : t[i]?.label })
+                      ] }),
+                      /* @__PURE__ */ r(e, { bold: !0, variant: "Body", children: f(o.data[l], n) })
+                    ]
+                  },
+                  o.id
+                ))
+              ]
+            }
+          );
+        }
+      },
+      trigger: "axis"
+    }
+  );
+}
+export {
+  xo as CustomTooltip
+};
+//# sourceMappingURL=CustomTooltip.js.map

package/dist/common/components/charts/linechart/CustomTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltip.js","sources":["../../../../../src/common/components/charts/linechart/CustomTooltip.tsx"],"sourcesContent":["import { Box, Stack } from '@mui/material'\nimport { ChartsTooltip } from '@mui/x-charts/ChartsTooltip'\nimport { useTheme } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../../utils'\nimport { LineChartLabel } from '../LineChart'\n\ninterface CustomTooltipProps {\n  labels?: LineChartLabel[]\n  valueFormatterString?: string\n}\n\nexport function CustomTooltip({ labels = [], valueFormatterString = '0,0' }: CustomTooltipProps) {\n  const theme = useTheme()\n\n  return (\n    <ChartsTooltip\n      showCrosshair={true}\n      slots={{\n        axisContent: (props) => {\n          const { axisValue, dataIndex, series } = props\n          const dIndex = dataIndex ?? 0\n\n          return (\n            <Stack\n              sx={{\n                backgroundColor: theme.palette.background.paper,\n                boxShadow: '0 2px 8px 0 rgba(0, 0, 0, 0.12)',\n                flexDirection: 'column',\n                alignItems: 'flex-start',\n                borderRadius: '4px',\n                width: 225,\n                gap: 8,\n                px: 16,\n                py: 12,\n              }}\n            >\n              <Text variant=\"H3\">{String(axisValue)}</Text>\n              {series.map((s, sIndex) => (\n                <Stack\n                  key={s.id}\n                  sx={{\n                    flexDirection: 'row',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    alignSelf: 'stretch',\n                    gap: 8,\n                    marginTop: 4,\n                  }}\n                >\n                  <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>\n                    <Box\n                      sx={{\n                        width: '12px',\n                        height: '12px',\n                        backgroundColor: s.color,\n                        borderRadius: '4px',\n                      }}\n                    />\n                    <Text variant=\"Body\">\n                      {typeof labels[sIndex] === 'string' ? labels[sIndex] : labels[sIndex]?.label}\n                    </Text>\n                  </Stack>\n                  <Text bold={true} variant=\"Body\">\n                    {formatCurrency(s.data[dIndex] as number, valueFormatterString)}\n                  </Text>\n                </Stack>\n              ))}\n            </Stack>\n          )\n        },\n      }}\n      trigger=\"axis\"\n    />\n  )\n}\n"],"names":["CustomTooltip","labels","valueFormatterString","theme","useTheme","jsx","ChartsTooltip","props","axisValue","dataIndex","series","dIndex","jsxs","Stack","Text","s","sIndex","Box","formatCurrency"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,SAASA,GAAc,EAAE,QAAAC,IAAS,CAAI,GAAA,sBAAAC,IAAuB,SAA6B;AAC/F,QAAMC,IAAQC;AAGZ,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,OAAO;AAAA,QACL,aAAa,CAACC,MAAU;AACtB,gBAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,EAAA,IAAWH,GACnCI,IAASF,KAAa;AAG1B,iBAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,iBAAiBV,EAAM,QAAQ,WAAW;AAAA,gBAC1C,WAAW;AAAA,gBACX,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,KAAK;AAAA,gBACL,IAAI;AAAA,gBACJ,IAAI;AAAA,cACN;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAE,EAACS,GAAK,EAAA,SAAQ,MAAM,UAAA,OAAON,CAAS,GAAE;AAAA,gBACrCE,EAAO,IAAI,CAACK,GAAGC,MACd,gBAAAJ;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBAEC,IAAI;AAAA,sBACF,eAAe;AAAA,sBACf,gBAAgB;AAAA,sBAChB,YAAY;AAAA,sBACZ,WAAW;AAAA,sBACX,KAAK;AAAA,sBACL,WAAW;AAAA,oBACb;AAAA,oBAEA,UAAA;AAAA,sBAAC,gBAAAD,EAAAC,GAAA,EAAM,IAAI,EAAE,eAAe,OAAO,YAAY,UAAU,KAAK,EAAA,GAC5D,UAAA;AAAA,wBAAA,gBAAAR;AAAA,0BAACY;AAAA,0BAAA;AAAA,4BACC,IAAI;AAAA,8BACF,OAAO;AAAA,8BACP,QAAQ;AAAA,8BACR,iBAAiBF,EAAE;AAAA,8BACnB,cAAc;AAAA,4BAChB;AAAA,0BAAA;AAAA,wBACF;AAAA,wBACC,gBAAAV,EAAAS,GAAA,EAAK,SAAQ,QACX,iBAAOb,EAAOe,CAAM,KAAM,WAAWf,EAAOe,CAAM,IAAIf,EAAOe,CAAM,GAAG,OACzE;AAAA,sBAAA,GACF;AAAA,sBACC,gBAAAX,EAAAS,GAAA,EAAK,MAAM,IAAM,SAAQ,QACvB,UAAeI,EAAAH,EAAE,KAAKJ,CAAM,GAAaT,CAAoB,EAChE,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAzBKa,EAAE;AAAA,gBAAA,CA2BV;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAGP;AAAA,MACF;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}