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

package/dist/trends/components/trendstable/CategoryCell.js

@@ -0,0 +1,181 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { CategoryIcon as a, Text as c } from "@mxenabled/mxui";
+import n from "@mui/material/Box";
+import i from "@mui/material/Stack";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import { CategoryGuidToName as l } from "../../../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 { buildDynamicCopy as g } from "../../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "react";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as y } 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 "@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 d = ({ categoryGuid: r, topLevelCategoryGuid: m }) => {
+  const { categories: p } = y(), t = l[r];
+  return /* @__PURE__ */ e(i, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+    /* @__PURE__ */ o(
+      n,
+      {
+        "aria-label": g(p.category_icon_label_aria, t),
+        role: "img",
+        children: /* @__PURE__ */ o(a, { categoryGuid: m })
+      }
+    ),
+    /* @__PURE__ */ o(c, { sx: { ml: 12, pb: 6 }, variant: "Small", children: t })
+  ] });
+}, lt = (r) => /* @__PURE__ */ o(i, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ o(
+  d,
+  {
+    categoryGuid: r.row.category,
+    topLevelCategoryGuid: r.row.top_level_category_guid
+  }
+) });
+export {
+  lt as CategoryCell
+};
+//# sourceMappingURL=CategoryCell.js.map

package/dist/trends/components/trendstable/CategoryCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCell.js","sources":["../../../../src/trends/components/trendstable/CategoryCell.tsx"],"sourcesContent":["import { GridCellParams } from '@mui/x-data-grid'\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { buildDynamicCopy, CategoryGuidToName, useGlobalCopyStore } from '../../../common'\n\nconst CategoryIconLabel: React.FC<{\n  categoryGuid: string\n  topLevelCategoryGuid: string\n}> = ({ categoryGuid, topLevelCategoryGuid }) => {\n  const { categories: copy } = useGlobalCopyStore()\n  const categoryName = CategoryGuidToName[categoryGuid]\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"center\">\n      <Box\n        aria-label={buildDynamicCopy(copy.category_icon_label_aria, categoryName) as string}\n        role=\"img\"\n      >\n        <CategoryIcon categoryGuid={topLevelCategoryGuid} />\n      </Box>\n      <Text sx={{ ml: 12, pb: 6 }} variant=\"Small\">\n        {categoryName}\n      </Text>\n    </Stack>\n  )\n}\n\nexport const CategoryCell = (params: GridCellParams) => {\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" height=\"100%\" width=\"100%\">\n      <CategoryIconLabel\n        categoryGuid={params.row.category}\n        topLevelCategoryGuid={params.row.top_level_category_guid}\n      />\n    </Stack>\n  )\n}\n"],"names":["CategoryIconLabel","categoryGuid","topLevelCategoryGuid","copy","useGlobalCopyStore","categoryName","CategoryGuidToName","Stack","jsx","Box","buildDynamicCopy","CategoryIcon","Text","CategoryCell","params"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,IAGD,CAAC,EAAE,cAAAC,GAAc,sBAAAC,QAA2B;AAC/C,QAAM,EAAE,YAAYC,EAAK,IAAIC,EAAmB,GAC1CC,IAAeC,EAAmBL,CAAY;AAEpD,2BACGM,GAAM,EAAA,YAAW,UAAS,WAAU,OAAM,gBAAe,UACxD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAYC,EAAiBP,EAAK,0BAA0BE,CAAY;AAAA,QACxE,MAAK;AAAA,QAEL,UAAA,gBAAAG,EAACG,GAAa,EAAA,cAAcT,EAAsB,CAAA;AAAA,MAAA;AAAA,IACpD;AAAA,IACA,gBAAAM,EAACI,GAAK,EAAA,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,SAAQ,SAClC,UACHP,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEaQ,KAAe,CAACC,MAEzB,gBAAAN,EAACD,KAAM,YAAW,UAAS,WAAU,OAAM,QAAO,QAAO,OAAM,QAC7D,UAAA,gBAAAC;AAAA,EAACR;AAAA,EAAA;AAAA,IACC,cAAcc,EAAO,IAAI;AAAA,IACzB,sBAAsBA,EAAO,IAAI;AAAA,EAAA;AAErC,EAAA,CAAA;"}

package/dist/trends/components/trendstable/HeaderCell.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Text as o } from "@mxenabled/mxui";
+const l = (e) => /* @__PURE__ */ r(o, { fontWeight: 600, variant: "Small", children: e.colDef.headerName });
+export {
+  l as HeaderCell
+};
+//# sourceMappingURL=HeaderCell.js.map

package/dist/trends/components/trendstable/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../src/trends/components/trendstable/HeaderCell.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\nimport { GridColumnHeaderParams } from '@mui/x-data-grid'\n\nexport const HeaderCell = (params: GridColumnHeaderParams) => (\n  <Text fontWeight={600} variant=\"Small\">\n    {params.colDef.headerName}\n  </Text>\n)\n"],"names":["HeaderCell","params","jsx","Text"],"mappings":";;AAGa,MAAAA,IAAa,CAACC,MACxB,gBAAAC,EAAAC,GAAA,EAAK,YAAY,KAAK,SAAQ,SAC5B,UAAOF,EAAA,OAAO,WACjB,CAAA;"}

package/dist/trends/stores/TrendsStore.d.ts

@@ -1,17 +1,21 @@
-import { DateRange, DetailedCategoryWithTransactions, GlobalStore, Transaction } from '../../common';
+import { CategoryListItem, DateRange, DetailedCategory, GlobalStore } from '../../common';
 export declare class TrendsStore {
     globalStore: GlobalStore;
-    selectedCategoryData: DetailedCategoryWithTransactions | null;
+    selectedCategoryData: CategoryListItem | null;
     selectedDateRange: DateRange;
-    detailedCategoriesWithTransactions: DetailedCategoryWithTransactions[];
     constructor(globalStore: GlobalStore);
-    setSelectedCategoryData: (category: DetailedCategoryWithTransactions | null) => void;
+    setSelectedCategoryData: (category: CategoryListItem | null) => void;
     setSelectedDateRange: (dateRange: DateRange) => void;
-    setDetailedCategoriesWithTransactions: (transactions: Transaction[]) => void;
+    sortCategoriesList: () => {
+        guid: string;
+        name: string;
+        amount: number;
+    }[];
+    get detailedCategories(): DetailedCategory[];
     get selectedDateRangeMonthRange(): string;
-    get sortedDetailedCategories(): DetailedCategoryWithTransactions[];
-    get visibleCategories(): DetailedCategoryWithTransactions[];
-    get collapsedCategories(): DetailedCategoryWithTransactions[];
+    get sortedCategoriesList(): CategoryListItem[];
+    get visibleListItems(): CategoryListItem[];
+    get collapsedListItems(): CategoryListItem[];
     get categoryDetailsChartData(): Array<Array<{
         x: string;
         y: number;

package/dist/trends/stores/TrendsStore.js

@@ -0,0 +1,217 @@
+import { makeAutoObservable as n } from "mobx";
+import { endOfMonth as a } from "date-fns/endOfMonth";
+import { subMonths as l } from "date-fns/subMonths";
+import { addSeconds as d } from "date-fns/addSeconds";
+import { fromUnixTime as g } from "date-fns/fromUnixTime";
+import { startOfMonth as h } from "date-fns/startOfMonth";
+import { addMonths as c } from "date-fns/addMonths";
+import { isBefore as u } from "date-fns/isBefore";
+import "bowser";
+import "date-fns/getUnixTime";
+import { formatDate as e, DATE_FORMATS_INTL as p } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "react";
+import "numeral";
+import "@mui/material";
+import "react/jsx-runtime";
+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 "../../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/format";
+import "date-fns/isSameMonth";
+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 "../../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/getMonth";
+class lo {
+  globalStore;
+  selectedCategoryData = null;
+  selectedDateRange;
+  constructor(t) {
+    this.globalStore = t, this.selectedDateRange = {
+      start: d(a(l(/* @__PURE__ */ new Date(), 6)), 1),
+      end: a(/* @__PURE__ */ new Date())
+    }, n(this);
+  }
+  setSelectedCategoryData = (t) => {
+    this.selectedCategoryData = t;
+  };
+  setSelectedDateRange = (t) => {
+    this.selectedDateRange = t;
+  };
+  sortCategoriesList = () => !this.detailedCategories || this.detailedCategories.length === 0 ? [] : this.detailedCategories.map((t) => ({
+    guid: t.guid,
+    name: t.name,
+    amount: Math.abs(
+      t.monthlyAmounts.reduce((r, i) => r + (i.amount || 0), 0)
+    )
+  })).filter((t) => t.amount !== 0).sort((t, r) => r.amount - t.amount);
+  get detailedCategories() {
+    return this.globalStore.categoryStore.detailedCategories;
+  }
+  get selectedDateRangeMonthRange() {
+    const t = e(this.selectedDateRange.start, p.MONTH_LONG), r = e(this.selectedDateRange.end, p.MONTH_LONG);
+    return `${t} - ${r}`;
+  }
+  get sortedCategoriesList() {
+    return this.sortCategoriesList();
+  }
+  get visibleListItems() {
+    return this.sortedCategoriesList.slice(0, 5);
+  }
+  get collapsedListItems() {
+    return this.sortedCategoriesList.slice(5);
+  }
+  get categoryDetailsChartData() {
+    if (!this.selectedCategoryData?.transactions || this.selectedCategoryData.transactions.length === 0)
+      return [];
+    const t = [];
+    let r = h(this.selectedDateRange.start);
+    const i = this.selectedDateRange.end;
+    for (; u(r, i); ) {
+      const s = this.selectedCategoryData.transactions.filter((m) => {
+        const o = g(m.date);
+        return o.getFullYear() === r.getFullYear() && o.getMonth() === r.getMonth();
+      }).reduce((m, o) => m + Math.abs(o.amount), 0);
+      t.push({
+        x: e(r, p.MONTH_SHORT),
+        y: s
+      }), r = c(r, 1);
+    }
+    return [t];
+  }
+}
+export {
+  lo as TrendsStore
+};
+//# sourceMappingURL=TrendsStore.js.map

package/dist/trends/stores/TrendsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsStore.js","sources":["../../../src/trends/stores/TrendsStore.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { subMonths } from 'date-fns/subMonths'\nimport { addSeconds } from 'date-fns/addSeconds'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { addMonths } from 'date-fns/addMonths'\nimport { isBefore } from 'date-fns/isBefore'\n\nimport type { CategoryListItem, DateRange, DetailedCategory, GlobalStore } from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../common'\n\nexport class TrendsStore {\n  globalStore: GlobalStore\n  selectedCategoryData: CategoryListItem | null = null\n  selectedDateRange: DateRange\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.selectedDateRange = {\n      start: addSeconds(endOfMonth(subMonths(new Date(), 6)), 1),\n      end: endOfMonth(new Date()),\n    }\n    makeAutoObservable(this)\n  }\n\n  setSelectedCategoryData = (category: CategoryListItem | null) => {\n    this.selectedCategoryData = category\n  }\n\n  setSelectedDateRange = (dateRange: DateRange) => {\n    this.selectedDateRange = dateRange\n  }\n\n  sortCategoriesList = () => {\n    if (!this.detailedCategories || this.detailedCategories.length === 0) {\n      return []\n    }\n\n    return this.detailedCategories\n      .map((category) => {\n        return {\n          guid: category.guid,\n          name: category.name,\n          amount: Math.abs(\n            category.monthlyAmounts.reduce((sum, month) => sum + (month.amount || 0), 0),\n          ),\n        }\n      })\n      .filter((category) => category.amount !== 0)\n      .sort((a, b) => b.amount - a.amount)\n  }\n\n  get detailedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.detailedCategories\n  }\n\n  get selectedDateRangeMonthRange(): string {\n    const startMonth = formatDate(this.selectedDateRange.start, DATE_FORMATS_INTL.MONTH_LONG)\n    const endMonth = formatDate(this.selectedDateRange.end, DATE_FORMATS_INTL.MONTH_LONG)\n    return `${startMonth} - ${endMonth}`\n  }\n\n  get sortedCategoriesList(): CategoryListItem[] {\n    return this.sortCategoriesList()\n  }\n\n  get visibleListItems(): CategoryListItem[] {\n    return this.sortedCategoriesList.slice(0, 5)\n  }\n\n  get collapsedListItems(): CategoryListItem[] {\n    return this.sortedCategoriesList.slice(5)\n  }\n\n  get categoryDetailsChartData(): Array<Array<{ x: string; y: number }>> {\n    if (\n      !this.selectedCategoryData?.transactions ||\n      this.selectedCategoryData.transactions.length === 0\n    ) {\n      return []\n    }\n\n    const data: { x: string; y: number }[] = []\n    let startDate = startOfMonth(this.selectedDateRange.start)\n    const endDate = this.selectedDateRange.end\n\n    while (isBefore(startDate, endDate)) {\n      const monthTotal = this.selectedCategoryData.transactions\n        .filter((t) => {\n          const transactionDate = fromUnixTime(t.date)\n          return (\n            transactionDate.getFullYear() === startDate.getFullYear() &&\n            transactionDate.getMonth() === startDate.getMonth()\n          )\n        })\n        .reduce((total, transaction) => total + Math.abs(transaction.amount), 0)\n\n      data.push({\n        x: formatDate(startDate, DATE_FORMATS_INTL.MONTH_SHORT),\n        y: monthTotal,\n      })\n\n      startDate = addMonths(startDate, 1)\n    }\n\n    return [data]\n  }\n}\n"],"names":["TrendsStore","globalStore","addSeconds","endOfMonth","subMonths","makeAutoObservable","category","dateRange","sum","month","a","b","startMonth","formatDate","DATE_FORMATS_INTL","endMonth","data","startDate","startOfMonth","endDate","isBefore","monthTotal","t","transactionDate","fromUnixTime","total","transaction","addMonths"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,GAAY;AAAA,EACvB;AAAA,EACA,uBAAgD;AAAA,EAChD;AAAA,EAEA,YAAYC,GAA0B;AACpC,SAAK,cAAcA,GACnB,KAAK,oBAAoB;AAAA,MACvB,OAAOC,EAAWC,EAAWC,EAAU,oBAAI,QAAQ,CAAC,CAAC,GAAG,CAAC;AAAA,MACzD,KAAKD,EAAe,oBAAA,MAAM;AAAA,IAAA,GAE5BE,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,0BAA0B,CAACC,MAAsC;AAC/D,SAAK,uBAAuBA;AAAA,EAAA;AAAA,EAG9B,uBAAuB,CAACC,MAAyB;AAC/C,SAAK,oBAAoBA;AAAA,EAAA;AAAA,EAG3B,qBAAqB,MACf,CAAC,KAAK,sBAAsB,KAAK,mBAAmB,WAAW,IAC1D,KAGF,KAAK,mBACT,IAAI,CAACD,OACG;AAAA,IACL,MAAMA,EAAS;AAAA,IACf,MAAMA,EAAS;AAAA,IACf,QAAQ,KAAK;AAAA,MACXA,EAAS,eAAe,OAAO,CAACE,GAAKC,MAAUD,KAAOC,EAAM,UAAU,IAAI,CAAC;AAAA,IAC7E;AAAA,EAAA,EAEH,EACA,OAAO,CAACH,MAAaA,EAAS,WAAW,CAAC,EAC1C,KAAK,CAACI,GAAGC,MAAMA,EAAE,SAASD,EAAE,MAAM;AAAA,EAGvC,IAAI,qBAAyC;AACpC,WAAA,KAAK,YAAY,cAAc;AAAA,EACxC;AAAA,EAEA,IAAI,8BAAsC;AACxC,UAAME,IAAaC,EAAW,KAAK,kBAAkB,OAAOC,EAAkB,UAAU,GAClFC,IAAWF,EAAW,KAAK,kBAAkB,KAAKC,EAAkB,UAAU;AAC7E,WAAA,GAAGF,CAAU,MAAMG,CAAQ;AAAA,EACpC;AAAA,EAEA,IAAI,uBAA2C;AAC7C,WAAO,KAAK;EACd;AAAA,EAEA,IAAI,mBAAuC;AACzC,WAAO,KAAK,qBAAqB,MAAM,GAAG,CAAC;AAAA,EAC7C;AAAA,EAEA,IAAI,qBAAyC;AACpC,WAAA,KAAK,qBAAqB,MAAM,CAAC;AAAA,EAC1C;AAAA,EAEA,IAAI,2BAAmE;AAEnE,QAAA,CAAC,KAAK,sBAAsB,gBAC5B,KAAK,qBAAqB,aAAa,WAAW;AAElD,aAAO;AAGT,UAAMC,IAAmC,CAAA;AACzC,QAAIC,IAAYC,EAAa,KAAK,kBAAkB,KAAK;AACnD,UAAAC,IAAU,KAAK,kBAAkB;AAEhC,WAAAC,EAASH,GAAWE,CAAO,KAAG;AACnC,YAAME,IAAa,KAAK,qBAAqB,aAC1C,OAAO,CAACC,MAAM;AACP,cAAAC,IAAkBC,EAAaF,EAAE,IAAI;AAEzC,eAAAC,EAAgB,kBAAkBN,EAAU,YAAA,KAC5CM,EAAgB,SAAe,MAAAN,EAAU;MAE5C,CAAA,EACA,OAAO,CAACQ,GAAOC,MAAgBD,IAAQ,KAAK,IAAIC,EAAY,MAAM,GAAG,CAAC;AAEzE,MAAAV,EAAK,KAAK;AAAA,QACR,GAAGH,EAAWI,GAAWH,EAAkB,WAAW;AAAA,QACtD,GAAGO;AAAA,MAAA,CACJ,GAEWJ,IAAAU,EAAUV,GAAW,CAAC;AAAA,IACpC;AAEA,WAAO,CAACD,CAAI;AAAA,EACd;AACF;"}