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

package/dist/transactions/components/shared/TransactionList.js

@@ -0,0 +1,228 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import p from "react";
+import { observer as z } from "mobx-react-lite";
+import { useVirtualizer as N } from "@tanstack/react-virtual";
+import c from "@mui/material/Box";
+import O from "@mui/material/Divider";
+import H from "@mui/material/List";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as k } from "../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import { fromUnixToDayOfWeekAndDate as w } from "../../../common/utils/DateUtil.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useTransactionStore as U, useEvent as W } 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/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 "../../../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/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 "../../../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 j from "../../../common/components/Loader.js";
+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 "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 "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import { useTransactionsUiStore as B } from "../../context/hooks.js";
+import G from "./transactionlist/TransactionRow.js";
+import "./TransactionTable.js";
+import "./TransactionDetails.js";
+import "../transactionwidget/AddAccountModal.js";
+import "../../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 "../../../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";
+import Y from "../../../common/components/SubheaderRow.js";
+import $ from "./transactionlist/ZeroState.js";
+import { shouldShowDate as h, hasInsetBorder as y } from "../../utils/Transactions.js";
+const g = 65, T = 34, K = ({
+  bgcolor: S,
+  height: x = "calc(100dvh - 36px)",
+  loader: E = /* @__PURE__ */ i(j, { label: "Loading", size: 40 }),
+  onClick: _,
+  showInsights: l = !1,
+  showLoader: n = !1,
+  showHiddenTransactions: f = !1,
+  width: I = "100%",
+  zeroState: v = /* @__PURE__ */ i($, {})
+}) => {
+  const { isLoading: s, sortedTransactions: a } = U(), o = p.useMemo(() => f ? a : a.filter((t) => !t.is_hidden), [a, f]), { clearExpandedSplits: A, setShowInsights: C, toggleSplit: R } = B(), { onEvent: D } = W(), L = (t) => {
+    const r = o.find((e) => e.guid === t);
+    if (r?.has_been_split) {
+      R(r.guid);
+      return;
+    }
+    D(k.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: r?.account_guid,
+      transaction_guid: t
+    }), _?.(t);
+  }, u = p.useRef(null), m = N({
+    count: o.length,
+    getScrollElement: () => u.current,
+    estimateSize: (t) => g + (h(t, o) ? T : 0),
+    overscan: 5
+  });
+  return p.useEffect(() => m.measure(), [o]), p.useEffect(() => C(l), [l]), p.useEffect(() => () => A(), []), /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(c, { height: x, overflow: "auto", ref: u, width: I, children: /* @__PURE__ */ d(
+    c,
+    {
+      height: (
+        // set the height to auto when there are no transactions so the zero state isn't set to 0
+        m.getVirtualItems().length === 0 ? "auto" : m.getTotalSize()
+      ),
+      position: "relative",
+      width: "100%",
+      children: [
+        (s || n) && E,
+        !s && !n && m.getVirtualItems().length === 0 && v,
+        !s && !n && m.getVirtualItems().length > 0 && m.getVirtualItems().map((t) => {
+          const r = o[t.index], e = h(t.index, o), V = y(t.index, o), b = g + (e ? T : 0);
+          return /* @__PURE__ */ d(
+            c,
+            {
+              sx: {
+                height: b,
+                position: "absolute",
+                transform: `translateY(${t.start}px)`,
+                width: "100%"
+              },
+              children: [
+                e && /* @__PURE__ */ i(Y, { bgcolor: S, children: w(r.date) }),
+                /* @__PURE__ */ i(G, { onClick: L, transaction: r }),
+                /* @__PURE__ */ i(O, { sx: { ml: V ? 24 : 0 } })
+              ]
+            },
+            r.guid
+          );
+        })
+      ]
+    }
+  ) }) });
+}, Mr = z(K);
+export {
+  Mr as default
+};
+//# sourceMappingURL=TransactionList.js.map

package/dist/transactions/components/shared/TransactionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionList.js","sources":["../../../../src/transactions/components/shared/TransactionList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { ANALYTICS_EVENTS, Loader, useEvent } from '../../../common'\n\nimport { useTransactionsUiStore } from '../../context/hooks'\nimport { useTransactionStore } from '../../../common'\n\nimport SubheaderRow from '../../../common/components/SubheaderRow'\nimport TransactionRow from './transactionlist/TransactionRow'\nimport ZeroState from './transactionlist/ZeroState'\n\nimport { hasInsetBorder, shouldShowDate } from '../../utils/Transactions'\nimport { fromUnixToDayOfWeekAndDate } from '../../../common/utils/DateUtil'\n\nconst ROW_HEIGHT = 65\nconst DATE_ROW_HEIGHT = 34\n\nexport interface TransactionListProps {\n  bgcolor?: string\n  height?: number | string\n  loader?: JSX.Element\n  onClick?: (guid: string) => void\n  showInsights?: boolean\n  showLoader?: boolean\n  showHiddenTransactions?: boolean\n  width?: number | string\n  zeroState?: JSX.Element\n}\n\nconst TransactionList: React.FC<TransactionListProps> = ({\n  bgcolor,\n  height = 'calc(100dvh - 36px)',\n  loader = <Loader label=\"Loading\" size={40} />,\n  onClick,\n  showInsights = false,\n  showLoader = false,\n  showHiddenTransactions = false,\n  width = '100%',\n  zeroState = <ZeroState />,\n}) => {\n  const { isLoading, sortedTransactions: allTransactions } = useTransactionStore()\n\n  const transactions = React.useMemo(() => {\n    return showHiddenTransactions ? allTransactions : allTransactions.filter((t) => !t.is_hidden)\n  }, [allTransactions, showHiddenTransactions])\n\n  const { clearExpandedSplits, setShowInsights, toggleSplit } = useTransactionsUiStore()\n  const { onEvent } = useEvent()\n\n  const handleClick = (guid: string) => {\n    const transaction = transactions.find((t) => t.guid === guid)\n\n    if (transaction?.has_been_split) {\n      toggleSplit(transaction.guid)\n      return\n    }\n\n    onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_TRANSACTION, {\n      account_guid: transaction?.account_guid,\n      transaction_guid: guid,\n    })\n    onClick?.(guid)\n  }\n\n  const parentRef = React.useRef<HTMLDivElement>(null)\n  const rowVirtualizer = useVirtualizer({\n    count: transactions.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (i) => ROW_HEIGHT + (shouldShowDate(i, transactions) ? DATE_ROW_HEIGHT : 0),\n    overscan: 5,\n  })\n\n  React.useEffect(() => rowVirtualizer.measure(), [transactions])\n  React.useEffect(() => setShowInsights(showInsights), [showInsights])\n\n  React.useEffect(() => {\n    return () => clearExpandedSplits()\n  }, [])\n\n  return (\n    <List>\n      <Box height={height} overflow=\"auto\" ref={parentRef} width={width}>\n        <Box\n          height={\n            // set the height to auto when there are no transactions so the zero state isn't set to 0\n            rowVirtualizer.getVirtualItems().length === 0 ? 'auto' : rowVirtualizer.getTotalSize()\n          }\n          position=\"relative\"\n          width=\"100%\"\n        >\n          {(isLoading || showLoader) && loader}\n          {!isLoading && !showLoader && rowVirtualizer.getVirtualItems().length === 0 && zeroState}\n          {!isLoading &&\n            !showLoader &&\n            rowVirtualizer.getVirtualItems().length > 0 &&\n            rowVirtualizer.getVirtualItems().map((row) => {\n              const transaction = transactions[row.index]\n              const showDate = shouldShowDate(row.index, transactions)\n              const isInset = hasInsetBorder(row.index, transactions)\n              const rowHeight = ROW_HEIGHT + (showDate ? DATE_ROW_HEIGHT : 0)\n\n              return (\n                <Box\n                  key={transaction.guid}\n                  sx={{\n                    height: rowHeight,\n                    position: 'absolute',\n                    transform: `translateY(${row.start}px)`,\n                    width: '100%',\n                  }}\n                >\n                  {showDate && (\n                    <SubheaderRow bgcolor={bgcolor}>\n                      {fromUnixToDayOfWeekAndDate(transaction.date)}\n                    </SubheaderRow>\n                  )}\n                  <TransactionRow onClick={handleClick} transaction={transaction} />\n                  <Divider sx={{ ml: isInset ? 24 : 0 }} />\n                </Box>\n              )\n            })}\n        </Box>\n      </Box>\n    </List>\n  )\n}\n\nexport default observer(TransactionList)\n"],"names":["ROW_HEIGHT","DATE_ROW_HEIGHT","TransactionList","bgcolor","height","loader","jsx","Loader","onClick","showInsights","showLoader","showHiddenTransactions","width","zeroState","ZeroState","isLoading","allTransactions","useTransactionStore","transactions","React","clearExpandedSplits","setShowInsights","toggleSplit","useTransactionsUiStore","onEvent","useEvent","handleClick","guid","transaction","t","ANALYTICS_EVENTS","parentRef","rowVirtualizer","useVirtualizer","i","shouldShowDate","List","Box","jsxs","row","showDate","isInset","hasInsetBorder","rowHeight","SubheaderRow","fromUnixToDayOfWeekAndDate","TransactionRow","Divider","TransactionList$1","observer"],"mappings":"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"}

package/dist/transactions/components/shared/TransactionTable.js

@@ -0,0 +1,260 @@
+import { jsx as o } from "react/jsx-runtime";
+import p from "react";
+import { observer as x } from "mobx-react-lite";
+import w from "@mui/material/Paper";
+import { DataGridPro as y } from "@mui/x-data-grid-pro";
+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 "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as _, useGlobalUiStore as H, useTransactionStore as N } 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 "@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 S from "../../../common/components/Loader.js";
+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 "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 "../../constants/Analytics.js";
+import "../../constants/Transaction.js";
+import { useTransactionsUiStore as T } from "../../context/hooks.js";
+import "./transactionlist/TransactionRow.js";
+import "./TransactionList.js";
+import "./TransactionDetails.js";
+import "../transactionwidget/AddAccountModal.js";
+import "../../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 "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import O from "./transactiontable/cells/AccountCell.js";
+import v from "./transactiontable/cells/AmountCell.js";
+import P from "./transactiontable/cells/CategoryCell.js";
+import k from "./transactiontable/cells/DateCell.js";
+import A from "./transactiontable/cells/FlagCell.js";
+import i from "./transactiontable/cells/HeaderCell.js";
+import F from "./transactiontable/cells/PayeeCell.js";
+const G = ({
+  height: l = "100dvh",
+  onCategoryClick: a,
+  onRowClick: n
+}) => {
+  const { transactions: t } = _(), { isCopyLoaded: d } = H(), { isLoading: s, sortedTransactions: m } = N(), { clearExpandedSplits: c, toggleSplit: f } = T();
+  p.useEffect(() => () => c(), []);
+  const u = p.useMemo(
+    () => m.map((r) => ({
+      id: r.guid,
+      isHovering: !1,
+      ...r
+    })),
+    [m]
+  ), g = ({ row: { id: r, guid: e, has_been_split: h }, field: b }) => h ? f(r) : b === "category" ? a?.(e) : n?.(e);
+  if (!d)
+    return /* @__PURE__ */ o(S, {});
+  const C = [
+    {
+      field: "flag",
+      headerName: "",
+      minWidth: 32,
+      width: 32,
+      sortable: !1,
+      renderCell: (r) => /* @__PURE__ */ o(A, { ...r }),
+      renderHeader: () => /* @__PURE__ */ o("span", { "aria-label": t.transaction_status, role: "presentation" })
+    },
+    {
+      field: "date",
+      headerName: t.date_title,
+      width: 103,
+      renderHeader: i,
+      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ o(k, { ...r }),
+      sortingOrder: ["desc", "asc"]
+    },
+    {
+      cellClassName: "vertical-align-center",
+      field: "payee",
+      headerName: t.payee_title,
+      flex: 0.33,
+      renderHeader: i,
+      renderCell: F,
+      sortingOrder: ["asc", "desc"]
+    },
+    {
+      field: "category",
+      headerName: t.category_title,
+      flex: 0.25,
+      renderHeader: i,
+      renderCell: (r) => /* @__PURE__ */ o(P, { ...r }),
+      sortingOrder: ["asc", "desc"]
+    },
+    {
+      field: "account",
+      headerName: t.account_title,
+      flex: 0.33,
+      renderHeader: i,
+      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ o(O, { ...r }),
+      sortingOrder: ["asc", "desc"]
+    },
+    {
+      field: "amount",
+      headerName: t.amount_title,
+      flex: 0.25,
+      renderHeader: i,
+      renderCell: v,
+      align: "right",
+      headerAlign: "right",
+      sortingOrder: ["asc", "desc"]
+    }
+  ];
+  return /* @__PURE__ */ o(w, { sx: { height: l, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ o(
+    y,
+    {
+      columns: C,
+      disableColumnFilter: !0,
+      disableColumnMenu: !0,
+      getCellClassName: (r) => r.row.parent_guid ? "split-row" : "",
+      hideFooter: !0,
+      initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
+      loading: s,
+      onCellClick: g,
+      rows: u,
+      slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
+      sx: {
+        "& .split-row": {
+          bgcolor: "background.default"
+        }
+      }
+    }
+  ) });
+}, Et = x(G);
+export {
+  Et as default
+};
+//# sourceMappingURL=TransactionTable.js.map

package/dist/transactions/components/shared/TransactionTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionTable.js","sources":["../../../../src/transactions/components/shared/TransactionTable.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Paper from '@mui/material/Paper'\nimport { DataGridPro, GridCellParams, GridColDef } from '@mui/x-data-grid-pro'\n\nimport { Loader, useGlobalCopyStore, useGlobalUiStore, useTransactionStore } from '../../../common'\n\nimport { useTransactionsUiStore } from '../../context/hooks'\n\nimport {\n  AccountCell,\n  AmountCell,\n  CategoryCell,\n  DateCell,\n  FlagCell,\n  HeaderCell,\n  PayeeCell,\n} from './transactiontable/cells'\n\ninterface TransactionTableProps {\n  height?: number | string\n  onCategoryClick?: (guid: string) => void\n  onRowClick?: (guid: string) => void\n}\n\nconst TransactionTable: React.FC<TransactionTableProps> = ({\n  height = '100dvh',\n  onCategoryClick,\n  onRowClick,\n}) => {\n  const { transactions: copy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { isLoading, sortedTransactions } = useTransactionStore()\n  const { clearExpandedSplits, toggleSplit } = useTransactionsUiStore()\n\n  React.useEffect(() => {\n    return () => clearExpandedSplits()\n  }, [])\n\n  const rows = React.useMemo(\n    () =>\n      sortedTransactions.map((transaction) => ({\n        id: transaction.guid,\n        isHovering: false,\n        ...transaction,\n      })),\n    [sortedTransactions],\n  )\n\n  const handleCellClick = ({ row: { id, guid, has_been_split }, field }: GridCellParams) => {\n    if (has_been_split) return toggleSplit(id)\n    if (field === 'category') return onCategoryClick?.(guid)\n    return onRowClick?.(guid)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'flag',\n      headerName: '',\n      minWidth: 32,\n      width: 32,\n      sortable: false,\n      renderCell: (params) => <FlagCell {...params} />,\n      renderHeader: () => <span aria-label={copy.transaction_status} role=\"presentation\" />,\n    },\n    {\n      field: 'date',\n      headerName: copy.date_title,\n      width: 103,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (params.row.parent_guid ? null : <DateCell {...params} />),\n      sortingOrder: ['desc', 'asc'],\n    },\n    {\n      cellClassName: 'vertical-align-center',\n      field: 'payee',\n      headerName: copy.payee_title,\n      flex: 0.33,\n      renderHeader: HeaderCell,\n      renderCell: PayeeCell,\n      sortingOrder: ['asc', 'desc'],\n    },\n    {\n      field: 'category',\n      headerName: copy.category_title,\n      flex: 0.25,\n      renderHeader: HeaderCell,\n      renderCell: (params) => <CategoryCell {...params} />,\n      sortingOrder: ['asc', 'desc'],\n    },\n    {\n      field: 'account',\n      headerName: copy.account_title,\n      flex: 0.33,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (params.row.parent_guid ? null : <AccountCell {...params} />),\n      sortingOrder: ['asc', 'desc'],\n    },\n    {\n      field: 'amount',\n      headerName: copy.amount_title,\n      flex: 0.25,\n      renderHeader: HeaderCell,\n      renderCell: AmountCell,\n      align: 'right',\n      headerAlign: 'right',\n      sortingOrder: ['asc', 'desc'],\n    },\n  ]\n\n  return (\n    <Paper sx={{ height: height, px: 24, width: '100%', boxShadow: 'none' }}>\n      <DataGridPro\n        columns={columns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        getCellClassName={(params) => (params.row.parent_guid ? 'split-row' : '')}\n        hideFooter={true}\n        initialState={{ sorting: { sortModel: [{ field: 'date', sort: 'desc' }] } }}\n        loading={isLoading}\n        onCellClick={handleCellClick}\n        rows={rows}\n        slotProps={{ baseIconButton: { color: 'secondary', sx: { ml: 8 } } }}\n        sx={{\n          '& .split-row': {\n            bgcolor: 'background.default',\n          },\n        }}\n      />\n    </Paper>\n  )\n}\n\nexport default observer(TransactionTable)\n"],"names":["TransactionTable","height","onCategoryClick","onRowClick","copy","useGlobalCopyStore","isCopyLoaded","useGlobalUiStore","isLoading","sortedTransactions","useTransactionStore","clearExpandedSplits","toggleSplit","useTransactionsUiStore","React","rows","transaction","handleCellClick","id","guid","has_been_split","field","Loader","columns","params","jsx","FlagCell","HeaderCell","DateCell","PayeeCell","CategoryCell","AccountCell","AmountCell","Paper","DataGridPro","TransactionTable$1","observer"],"mappings":"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"}