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

package/dist/trends/components/CategoriesList.js

@@ -0,0 +1,206 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { observer as j } from "mobx-react-lite";
+import c from "react";
+import k from "@mui/material/Collapse";
+import v from "@mui/material/Divider";
+import E from "@mui/material/List";
+import d from "@mui/material/Stack";
+import { H3 as S } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useTrendsStore as T, useGlobalCopyStore as B } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+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 "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+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 "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/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 "../../common/components/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 "../../common/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 "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+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/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { CollapseExpandListItem as M } from "../../common/components/listitems/CollapseExpandListItem.js";
+import w from "./CategoriesListItem.js";
+const Dr = j(
+  ({ onListItemClick: f, transactions: g }) => {
+    const { visibleListItems: m, collapsedListItems: i } = T(), { trends: h } = B(), [p, x] = c.useState(!1), C = (t) => g.filter((o) => o.category_guid === t), s = ({ guid: t, name: o, amount: n }, a, u) => {
+      const L = m.length + (p ? i.length : 0), b = (u === i ? m.length + a : a) === L - 1, e = C(t), y = {
+        guid: t,
+        name: o,
+        amount: n,
+        transactions: e
+      };
+      return /* @__PURE__ */ l(c.Fragment, { children: [
+        /* @__PURE__ */ r(
+          w,
+          {
+            amount: n,
+            guid: t,
+            name: o,
+            onClick: e.length > 0 ? () => f(y) : void 0,
+            transactions: e
+          }
+        ),
+        /* @__PURE__ */ r(v, { sx: { ml: b ? 24 : 68 } })
+      ] }, t);
+    }, I = () => {
+      x(!p);
+    };
+    return /* @__PURE__ */ r(d, { sx: { bgColor: "background.paper", pb: 48, width: "100%" }, children: /* @__PURE__ */ l(E, { children: [
+      /* @__PURE__ */ r(d, { sx: { pb: 4, pt: 16, px: 24 }, children: /* @__PURE__ */ r(S, { children: h.categories }) }),
+      m.map((t, o) => s(t, o, m)),
+      /* @__PURE__ */ r(
+        k,
+        {
+          in: p,
+          sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
+          children: i.map(
+            (t, o) => s(t, o, i)
+          )
+        }
+      ),
+      i.length > 0 && /* @__PURE__ */ r(M, { isExpanded: p, onClick: I })
+    ] }) });
+  }
+);
+export {
+  Dr as default
+};
+//# sourceMappingURL=CategoriesList.js.map

package/dist/trends/components/CategoriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesList.js","sources":["../../../src/trends/components/CategoriesList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport {\n  useGlobalCopyStore,\n  useTrendsStore,\n  type CategoryListItem,\n  type Transaction,\n} from '../../common'\nimport { CollapseExpandListItem } from '../../common/components/listitems/CollapseExpandListItem'\nimport CategoriesListItem from './CategoriesListItem'\n\ninterface CategoriesListProps {\n  onListItemClick: (data: CategoryListItem) => void\n  transactions: Transaction[]\n}\n\nconst CategoriesList: React.FC<CategoriesListProps> = observer(\n  ({ onListItemClick, transactions }) => {\n    const { visibleListItems, collapsedListItems } = useTrendsStore()\n    const { trends: copy } = useGlobalCopyStore()\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    const getTransactionsByCategory = (guid: string) => {\n      return transactions.filter((transaction) => transaction.category_guid === guid)\n    }\n\n    const renderCategoryItem = (\n      { guid, name, amount }: CategoryListItem,\n      index: number,\n      itemsArray: CategoryListItem[],\n    ) => {\n      const totalItems = visibleListItems.length + (isExpanded ? collapsedListItems.length : 0)\n      const adjustedIndex =\n        itemsArray === collapsedListItems ? visibleListItems.length + index : index\n      const isLast = adjustedIndex === totalItems - 1\n\n      const categoryTransactions = getTransactionsByCategory(guid)\n      const listItem: CategoryListItem = {\n        guid,\n        name,\n        amount,\n        transactions: categoryTransactions,\n      }\n\n      return (\n        <React.Fragment key={guid}>\n          <CategoriesListItem\n            amount={amount}\n            guid={guid}\n            name={name}\n            onClick={categoryTransactions.length > 0 ? () => onListItemClick(listItem) : undefined}\n            transactions={categoryTransactions}\n          />\n          <Divider sx={{ ml: isLast ? 24 : 68 }} />\n        </React.Fragment>\n      )\n    }\n\n    const handleCollapseExpand = () => {\n      setIsExpanded(!isExpanded)\n    }\n\n    return (\n      <Stack sx={{ bgColor: 'background.paper', pb: 48, width: '100%' }}>\n        <List>\n          <Stack sx={{ pb: 4, pt: 16, px: 24 }}>\n            <H3>{copy.categories}</H3>\n          </Stack>\n\n          {visibleListItems.map((item, index) => renderCategoryItem(item, index, visibleListItems))}\n\n          <Collapse\n            in={isExpanded}\n            sx={{ '&.MuiCollapse-root .MuiListItemButton-root': { paddingLeft: 24 } }}\n          >\n            {collapsedListItems.map((item, index) =>\n              renderCategoryItem(item, index, collapsedListItems),\n            )}\n          </Collapse>\n\n          {collapsedListItems.length > 0 && (\n            <CollapseExpandListItem isExpanded={isExpanded} onClick={handleCollapseExpand} />\n          )}\n        </List>\n      </Stack>\n    )\n  },\n)\n\nexport default CategoriesList\n"],"names":["CategoriesList","observer","onListItemClick","transactions","visibleListItems","collapsedListItems","useTrendsStore","copy","useGlobalCopyStore","isExpanded","setIsExpanded","React","getTransactionsByCategory","guid","transaction","renderCategoryItem","name","amount","index","itemsArray","totalItems","isLast","categoryTransactions","listItem","jsxs","jsx","CategoriesListItem","Divider","handleCollapseExpand","Stack","List","H3","item","Collapse","CollapseExpandListItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,KAAgDC;AAAA,EACpD,CAAC,EAAE,iBAAAC,GAAiB,cAAAC,QAAmB;AACrC,UAAM,EAAE,kBAAAC,GAAkB,oBAAAC,EAAmB,IAAIC,EAAe,GAC1D,EAAE,QAAQC,EAAK,IAAIC,EAAmB,GACtC,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,EAAK,GAElDC,IAA4B,CAACC,MAC1BV,EAAa,OAAO,CAACW,MAAgBA,EAAY,kBAAkBD,CAAI,GAG1EE,IAAqB,CACzB,EAAE,MAAAF,GAAM,MAAAG,GAAM,QAAAC,EAAO,GACrBC,GACAC,MACG;AACH,YAAMC,IAAahB,EAAiB,UAAUK,IAAaJ,EAAmB,SAAS,IAGjFgB,KADJF,MAAed,IAAqBD,EAAiB,SAASc,IAAQA,OACvCE,IAAa,GAExCE,IAAuBV,EAA0BC,CAAI,GACrDU,IAA6B;AAAA,QACjC,MAAAV;AAAA,QACA,MAAAG;AAAA,QACA,QAAAC;AAAA,QACA,cAAcK;AAAA,MAAA;AAId,aAAA,gBAAAE,EAACb,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAAT;AAAA,YACA,MAAAJ;AAAA,YACA,MAAAG;AAAA,YACA,SAASM,EAAqB,SAAS,IAAI,MAAMpB,EAAgBqB,CAAQ,IAAI;AAAA,YAC7E,cAAcD;AAAA,UAAA;AAAA,QAChB;AAAA,QACA,gBAAAG,EAACE,KAAQ,IAAI,EAAE,IAAIN,IAAS,KAAK,MAAM;AAAA,MAAA,EAAA,GARpBR,CASrB;AAAA,IAAA,GAIEe,IAAuB,MAAM;AACjC,MAAAlB,EAAc,CAACD,CAAU;AAAA,IAAA;AAG3B,WACG,gBAAAgB,EAAAI,GAAA,EAAM,IAAI,EAAE,SAAS,oBAAoB,IAAI,IAAI,OAAO,OAAA,GACvD,UAAA,gBAAAL,EAACM,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAL,EAACI,GAAM,EAAA,IAAI,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,GAAA,GAC9B,UAAA,gBAAAJ,EAACM,GAAI,EAAA,UAAAxB,EAAK,WAAW,CAAA,GACvB;AAAA,MAECH,EAAiB,IAAI,CAAC4B,GAAMd,MAAUH,EAAmBiB,GAAMd,GAAOd,CAAgB,CAAC;AAAA,MAExF,gBAAAqB;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,IAAIxB;AAAA,UACJ,IAAI,EAAE,8CAA8C,EAAE,aAAa,KAAK;AAAA,UAEvE,UAAmBJ,EAAA;AAAA,YAAI,CAAC2B,GAAMd,MAC7BH,EAAmBiB,GAAMd,GAAOb,CAAkB;AAAA,UACpD;AAAA,QAAA;AAAA,MACF;AAAA,MAECA,EAAmB,SAAS,uBAC1B6B,GAAuB,EAAA,YAAAzB,GAAwB,SAASmB,GAAsB;AAAA,IAAA,EAEnF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}

package/dist/trends/components/CategoriesListItem.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { DetailedCategoryWithTransactions } from '../../common';
-interface CategoriesListItemProps extends DetailedCategoryWithTransactions {
+import { CategoryListItem } from '../../common';
+interface CategoriesListItemProps extends CategoryListItem {
     onClick?: () => void;
 }
 declare const CategoriesListItem: React.FC<CategoriesListItemProps>;

package/dist/trends/components/CategoriesListItem.js

@@ -0,0 +1,178 @@
+import { jsx as t } from "react/jsx-runtime";
+import { observer as a } from "mobx-react-lite";
+import { CategoryIcon as c, ChevronRightIcon as f } from "@mxenabled/mxui";
+import { ListItemRow as u } from "../../common/components/ListItemRow.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import { formatCurrency as C } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as g } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+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 "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+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 "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/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 "../../common/components/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 "../../common/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 "../../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/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const ur = a(
+  ({ onClick: o, name: p, amount: n, guid: r, transactions: e }) => {
+    const { trends: i } = g(), m = e?.length || 0, s = `${m} ${m === 1 ? i.transaction : i.transactions}`;
+    return /* @__PURE__ */ t(
+      u,
+      {
+        leftIcon: r ? /* @__PURE__ */ t(c, { categoryGuid: r }) : void 0,
+        onClick: o,
+        rightContent: C(n, "0,0.00"),
+        rightIcon: o ? /* @__PURE__ */ t(f, {}) : void 0,
+        subtitle: s,
+        title: p
+      }
+    );
+  }
+);
+export {
+  ur as default
+};
+//# sourceMappingURL=CategoriesListItem.js.map

package/dist/trends/components/CategoriesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesListItem.js","sources":["../../../src/trends/components/CategoriesListItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport { ChevronRightIcon, CategoryIcon } from '@mxenabled/mxui'\n\nimport { ListItemRow } from '../../common/components/ListItemRow'\nimport { type CategoryListItem, formatCurrency, useGlobalCopyStore } from '../../common'\n\ninterface CategoriesListItemProps extends CategoryListItem {\n  onClick?: () => void\n}\n\nconst CategoriesListItem: React.FC<CategoriesListItemProps> = observer(\n  ({ onClick, name, amount, guid, transactions }) => {\n    const { trends: copy } = useGlobalCopyStore()\n\n    const transactionCount = transactions?.length || 0\n    const transactionCountText = `${transactionCount} ${transactionCount === 1 ? copy.transaction : copy.transactions}`\n\n    return (\n      <ListItemRow\n        leftIcon={guid ? <CategoryIcon categoryGuid={guid} /> : undefined}\n        onClick={onClick}\n        rightContent={formatCurrency(amount, '0,0.00')}\n        rightIcon={onClick ? <ChevronRightIcon /> : undefined}\n        subtitle={transactionCountText}\n        title={name}\n      />\n    )\n  },\n)\n\nexport default CategoriesListItem\n"],"names":["CategoriesListItem","observer","onClick","name","amount","guid","transactions","copy","useGlobalCopyStore","transactionCount","transactionCountText","jsx","ListItemRow","CategoryIcon","formatCurrency","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,KAAwDC;AAAA,EAC5D,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,cAAAC,QAAmB;AACjD,UAAM,EAAE,QAAQC,EAAK,IAAIC,EAAmB,GAEtCC,IAAmBH,GAAc,UAAU,GAC3CI,IAAuB,GAAGD,CAAgB,IAAIA,MAAqB,IAAIF,EAAK,cAAcA,EAAK,YAAY;AAG/G,WAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUP,IAAO,gBAAAM,EAACE,GAAa,EAAA,cAAcR,GAAM,IAAK;AAAA,QACxD,SAAAH;AAAA,QACA,cAAcY,EAAeV,GAAQ,QAAQ;AAAA,QAC7C,WAAWF,IAAW,gBAAAS,EAAAI,GAAA,CAAiB,CAAA,IAAK;AAAA,QAC5C,UAAUL;AAAA,QACV,OAAOP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACF;"}

package/dist/trends/components/CategoryDetailChart.d.ts

@@ -1,7 +1,4 @@
-interface CategoryDetailChartProps {
-    chartLabel: string;
-}
-declare const CategoryDetailChart: (({ chartLabel }: CategoryDetailChartProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const CategoryDetailChart: (() => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default CategoryDetailChart;

package/dist/trends/components/CategoryDetailChart.js

@@ -0,0 +1,186 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useTrendsStore as s } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import { LineChart as a } from "../../common/components/charts/LineChart.js";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+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 "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/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 "../../common/components/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 "../../common/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 "../../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/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+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 "../TrendsFullWidget.js";
+import "../TrendsMiniWidget.js";
+import "../TrendsMicroWidget.js";
+import "../TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const mo = p(() => {
+  const { categoryDetailsChartData: i, selectedCategoryData: t } = s(), m = t?.chartLabel ? t.chartLabel : "", r = t?.color;
+  return /* @__PURE__ */ o(e, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ o(
+    a,
+    {
+      baseline: "min",
+      colors: [r],
+      curveType: "bump",
+      datasets: i,
+      height: 265,
+      labels: [m],
+      markStyles: () => ({
+        stroke: r
+      }),
+      showArea: !0,
+      showAverage: !0,
+      showLegend: !0,
+      showXAxis: !0,
+      showXAxisTicks: !0,
+      showYAxis: !0,
+      showYAxisTicks: !0,
+      useCustomMark: !0,
+      valueFormatterString: "0,0"
+    }
+  ) });
+});
+export {
+  mo as default
+};
+//# sourceMappingURL=CategoryDetailChart.js.map

package/dist/trends/components/CategoryDetailChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryDetailChart.js","sources":["../../../src/trends/components/CategoryDetailChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { LineChart, useTrendsStore } from '../../common'\n\nconst CategoryDetailChart = observer(() => {\n  const { categoryDetailsChartData, selectedCategoryData } = useTrendsStore()\n\n  const label = selectedCategoryData?.chartLabel ? selectedCategoryData.chartLabel : ''\n  const color = selectedCategoryData?.color\n\n  const markStyles = () => ({\n    stroke: color,\n  })\n\n  return (\n    <Stack sx={{ pt: 12, width: '100%' }}>\n      <LineChart\n        baseline=\"min\"\n        colors={[color]}\n        curveType=\"bump\"\n        datasets={categoryDetailsChartData}\n        height={265}\n        labels={[label]}\n        markStyles={markStyles}\n        showArea={true}\n        showAverage={true}\n        showLegend={true}\n        showXAxis={true}\n        showXAxisTicks={true}\n        showYAxis={true}\n        showYAxisTicks={true}\n        useCustomMark={true}\n        valueFormatterString=\"0,0\"\n      />\n    </Stack>\n  )\n})\nexport default CategoryDetailChart\n"],"names":["CategoryDetailChart","observer","categoryDetailsChartData","selectedCategoryData","useTrendsStore","label","color","jsx","Stack","LineChart"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAAA,KAAsBC,EAAS,MAAM;AACzC,QAAM,EAAE,0BAAAC,GAA0B,sBAAAC,EAAqB,IAAIC,EAAe,GAEpEC,IAAQF,GAAsB,aAAaA,EAAqB,aAAa,IAC7EG,IAAQH,GAAsB;AAOlC,SAAA,gBAAAI,EAACC,KAAM,IAAI,EAAE,IAAI,IAAI,OAAO,UAC1B,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAQ,CAACH,CAAK;AAAA,MACd,WAAU;AAAA,MACV,UAAUJ;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,CAACG,CAAK;AAAA,MACd,YAba,OAAO;AAAA,QACxB,QAAQC;AAAA,MAAA;AAAA,MAaJ,UAAU;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,sBAAqB;AAAA,IAAA;AAAA,EAEzB,EAAA,CAAA;AAEJ,CAAC;"}