@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/trends/components/SpendingChart/index.es.js

@@ -1,28 +0,0 @@
-import { useCategoryStore as s, useGlobalCopyStore as n, useWidgetContainerProvider as i } from "../../../common/context/hooks/index.es.js";
-import { LineChart as m } from "../../../common/components/charts/LineChart/index.es.js";
-import { getSpendingData as l } from "../../utils/SpendingData/index.es.js";
-import p from "react";
-import { observer as u } from "mobx-react-lite";
-import { jsx as d } from "react/jsx-runtime";
-import { useTheme as g } from "@mui/material/styles";
-var h = () => {
-  const { monthlyCategoryTotals: e } = s(), { trends: t } = n(), r = g(), { availableHeight: o = 300 } = i(), a = p.useMemo(() => l(e), [e]);
-  return /* @__PURE__ */ d(m, {
-    baseline: "min",
-    colors: [r.palette.primary.main],
-    datasets: [a],
-    height: o,
-    labels: [t.spending_label],
-    showArea: !0,
-    showAverage: !0,
-    showLegend: !0,
-    showMarkLabel: !0,
-    useCustomMark: !0,
-    valueFormatterString: "0,0"
-  });
-}, w = u(h);
-export {
-  w as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/SpendingChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/SpendingChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { useCategoryStore, useGlobalCopyStore, useWidgetContainerProvider } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { getSpendingData } from '../utils/SpendingData'\n\nconst SpendingChart = () => {\n  const { monthlyCategoryTotals } = useCategoryStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { availableHeight = 300 } = useWidgetContainerProvider()\n\n  const data = React.useMemo(() => getSpendingData(monthlyCategoryTotals), [monthlyCategoryTotals])\n\n  return (\n    <LineChart\n      baseline=\"min\"\n      colors={[theme.palette.primary.main]}\n      datasets={[data]}\n      height={availableHeight}\n      labels={[trendsCopy.spending_label]}\n      showArea={true}\n      showAverage={true}\n      showLegend={true}\n      showMarkLabel={true}\n      useCustomMark={true}\n      valueFormatterString=\"0,0\"\n    />\n  )\n}\n\nexport default observer(SpendingChart)\n"],"mappings":";;;;;;;AAUA,IAAM,IAAA,MAAsB;AAC1B,QAAM,EAAE,uBAAA,EAAA,IAA0B,EAAiB,GAC7C,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,IAAQ,EAAS,GACjB,EAAE,iBAAA,IAAkB,IAAA,IAAQ,EAA2B,GAEvD,IAAO,EAAM,QAAA,MAAc,EAAgB,CAAqB,GAAG,CAAC,CAAqB,CAAC;AAEhG,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,UAAS;AAAA,IACT,QAAQ,CAAC,EAAM,QAAQ,QAAQ,IAAI;AAAA,IACnC,UAAU,CAAC,CAAI;AAAA,IACf,QAAQ;AAAA,IACR,QAAQ,CAAC,EAAW,cAAc;AAAA,IAClC,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,sBAAqB;AAAA,EACtB,CAAA;AAEL,GAEA,IAAe,EAAS,CAAa"}

package/dist/trends/components/TrendsChart/index.es.js

@@ -1,63 +0,0 @@
-import { useCategoryStore as g, useGlobalCopyStore as p } from "../../../common/context/hooks/index.es.js";
-import { AccountType as c } from "../../../core/types/Account/index.es.js";
-import { INCOME_ACCOUNT_TYPES as u, PAYMENT_ACCOUNT_TYPES as m, SPENDING_ACCOUNT_TYPES as d } from "../../../common/constants/Account/index.es.js";
-import { useAccountUiStore as A } from "../../../accounts/hooks/useUiStore/index.es.js";
-import { LineChart as T } from "../../../common/components/charts/LineChart/index.es.js";
-import { getIncomeTotals as f, getPaymentTotals as C, getSpendingTotals as _ } from "../../utils/SpendingData/index.es.js";
-import { observer as b } from "mobx-react-lite";
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as S } from "@mui/material/styles";
-var w = (e, t) => [
-  u.includes(t) ? f(e) : [],
-  m.includes(t) ? C(e) : [],
-  d.includes(t) ? _(e) : []
-].filter((o) => o.length > 0), y = (e, t, o) => {
-  const [l, i] = e, s = l, n = i ?? l, r = [];
-  if (s && n && u.includes(t)) {
-    const a = s[s.length - 1].y;
-    r.push({
-      label: o.income_label,
-      amount: a
-    });
-  } else if (m.includes(t)) {
-    const a = s[s.length - 1].y;
-    r.push({
-      label: o.payments_label,
-      amount: a
-    });
-  }
-  if (n && d.includes(t)) {
-    const a = n[n.length - 1].y;
-    r.push({
-      label: o.spending_label,
-      amount: a
-    });
-  }
-  return r;
-}, v = () => {
-  const e = S(), { selectedAccount: t } = A(), { monthlyCategoryTotals: o } = g(), { trends: l } = p(), i = [e.palette.chart?.chart1, e.palette.chart?.chart2], s = w(o, t.account_type), n = y(s, t.account_type, l), r = [c.LOAN, c.MORTGAGE].includes(t.account_type);
-  return /* @__PURE__ */ h("div", {
-    "data-testid": "TrendsChart",
-    children: /* @__PURE__ */ h(T, {
-      colors: i,
-      datasets: s,
-      height: 185,
-      labels: n,
-      showAverage: r,
-      showAxisHighlight: !0,
-      showBars: r,
-      showLegend: !0,
-      showTooltip: !0,
-      showXAxis: !0,
-      showXAxisTicks: !0,
-      showYAxis: !0,
-      showYAxisTicks: !0,
-      valueFormatterString: "0,0"
-    })
-  });
-}, U = b(v);
-export {
-  U as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\n\nimport {\n  useCategoryStore,\n  useGlobalCopyStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n} from '../../common'\nimport { AccountType, MonthlyCategoryTotals, TrendsCopy } from '../../core'\n\nimport { useAccountUiStore } from '../../accounts/hooks/useUiStore'\nimport { LineChart } from '../../common/components/charts/LineChart'\nimport type { LineChartDataset, LineChartLabel } from '../../common/components/charts/LineChart'\n\nimport { getIncomeTotals, getPaymentTotals, getSpendingTotals } from '../utils/SpendingData'\n\nconst getDatasets = (\n  totals: MonthlyCategoryTotals[],\n  accountType: AccountType,\n): LineChartDataset[] => {\n  const incomeData = INCOME_ACCOUNT_TYPES.includes(accountType) ? getIncomeTotals(totals) : []\n  const paymentData = PAYMENT_ACCOUNT_TYPES.includes(accountType) ? getPaymentTotals(totals) : []\n  const spendingData = SPENDING_ACCOUNT_TYPES.includes(accountType) ? getSpendingTotals(totals) : []\n\n  // There should always be 1-2 datasets returned. No account type will have all three categories.\n  return [incomeData, paymentData, spendingData].filter((data) => data.length > 0)\n}\n\nconst getLabels = (datasets: LineChartDataset[], accountType: AccountType, copy: TrendsCopy) => {\n  const [dataA, dataB] = datasets\n  const credits = dataA\n  const debits = dataB ?? dataA\n  const labels: LineChartLabel[] = []\n\n  if (credits && debits && INCOME_ACCOUNT_TYPES.includes(accountType)) {\n    const lastIncome = credits[credits.length - 1].y\n    labels.push({ label: copy.income_label, amount: lastIncome })\n  } else if (PAYMENT_ACCOUNT_TYPES.includes(accountType)) {\n    const lastPayment = credits[credits.length - 1].y\n    labels.push({ label: copy.payments_label, amount: lastPayment })\n  }\n\n  if (debits && SPENDING_ACCOUNT_TYPES.includes(accountType)) {\n    const lastSpending = debits[debits.length - 1].y\n    labels.push({ label: copy.spending_label, amount: lastSpending })\n  }\n\n  return labels\n}\n\nconst TrendsChart = () => {\n  const theme = useTheme()\n  const { selectedAccount } = useAccountUiStore()\n  const { monthlyCategoryTotals } = useCategoryStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n\n  const colors = [theme.palette.chart?.chart1, theme.palette.chart?.chart2]\n  const datasets = getDatasets(monthlyCategoryTotals, selectedAccount.account_type)\n  const labels = getLabels(datasets, selectedAccount.account_type, trendsCopy)\n  const isLoan = [AccountType.LOAN, AccountType.MORTGAGE].includes(selectedAccount.account_type)\n\n  return (\n    <div data-testid=\"TrendsChart\">\n      <LineChart\n        colors={colors}\n        datasets={datasets}\n        height={185}\n        labels={labels}\n        showAverage={isLoan}\n        showAxisHighlight={true}\n        showBars={isLoan}\n        showLegend={true}\n        showTooltip={true}\n        showXAxis={true}\n        showXAxisTicks={true}\n        showYAxis={true}\n        showYAxisTicks={true}\n        valueFormatterString=\"0,0\"\n      />\n    </div>\n  )\n}\n\nexport default observer(TrendsChart)\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAAA,CACJ,GACA,MAOO;AAAA,EALY,EAAqB,SAAS,CAAW,IAAI,EAAgB,CAAM,IAAI,CAAC;AAAA,EACvE,EAAsB,SAAS,CAAW,IAAI,EAAiB,CAAM,IAAI,CAAC;AAAA,EACzE,EAAuB,SAAS,CAAW,IAAI,EAAkB,CAAM,IAAI,CAAC;AAGpD,EAAE,OAAA,CAAQ,MAAS,EAAK,SAAS,CAAC,GAG3E,IAAA,CAAa,GAA8B,GAA0B,MAAqB;AAC9F,QAAM,CAAC,GAAO,CAAA,IAAS,GACjB,IAAU,GACV,IAAS,KAAS,GAClB,IAA2B,CAAC;AAElC,MAAI,KAAW,KAAU,EAAqB,SAAS,CAAW,GAAG;AACnE,UAAM,IAAa,EAAQ,EAAQ,SAAS,CAAA,EAAG;AAC/C,IAAA,EAAO,KAAK;AAAA,MAAE,OAAO,EAAK;AAAA,MAAc,QAAQ;AAAA,IAAW,CAAC;AAAA,EAC9D,WAAW,EAAsB,SAAS,CAAW,GAAG;AACtD,UAAM,IAAc,EAAQ,EAAQ,SAAS,CAAA,EAAG;AAChD,IAAA,EAAO,KAAK;AAAA,MAAE,OAAO,EAAK;AAAA,MAAgB,QAAQ;AAAA,IAAY,CAAC;AAAA,EACjE;AAEA,MAAI,KAAU,EAAuB,SAAS,CAAW,GAAG;AAC1D,UAAM,IAAe,EAAO,EAAO,SAAS,CAAA,EAAG;AAC/C,IAAA,EAAO,KAAK;AAAA,MAAE,OAAO,EAAK;AAAA,MAAgB,QAAQ;AAAA,IAAa,CAAC;AAAA,EAClE;AAEA,SAAO;AACT,GAEM,IAAA,MAAoB;AACxB,QAAM,IAAQ,EAAS,GACjB,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GACxC,EAAE,uBAAA,EAAA,IAA0B,EAAiB,GAC7C,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAE5C,IAAS,CAAC,EAAM,QAAQ,OAAO,QAAQ,EAAM,QAAQ,OAAO,MAAM,GAClE,IAAW,EAAY,GAAuB,EAAgB,YAAY,GAC1E,IAAS,EAAU,GAAU,EAAgB,cAAc,CAAU,GACrE,IAAS,CAAC,EAAY,MAAM,EAAY,QAAQ,EAAE,SAAS,EAAgB,YAAY;AAE7F,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,eAAY;AAAA,cACf,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACE,UAAA;AAAA,MACV,QAAQ;AAAA,MACA,QAAA;AAAA,MACR,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,sBAAqB;AAAA,IACtB,CAAA;AAAA,EACE,CAAA;AAET,GAEA,IAAe,EAAS,CAAW"}

package/dist/trends/components/TrendsChartTotals/index.es.js

@@ -1,58 +0,0 @@
-import { useEvent as w, useGlobalCopyStore as v } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as x } from "../../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as E } from "../../../common/constants/Analytics/index.es.js";
-import { LineChart as H } from "../../../common/components/charts/LineChart/index.es.js";
-import { getIncomeTotals as I, getSpendingTotals as _ } from "../../utils/SpendingData/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as k } from "../../constants/TrendsWidget/index.es.js";
-import m from "react";
-import { observer as D } from "mobx-react-lite";
-import { jsx as L } from "react/jsx-runtime";
-import { useTheme as M } from "@mui/material/styles";
-var N = (t, e) => [I(t, e), _(t, e)].filter((o) => o.length > 0), y = (t, e) => {
-  const [o, c] = t, s = o, l = c ?? o, r = [];
-  if (s) {
-    const a = s.reduce((n, i) => n + i.y, 0);
-    r.push({
-      label: e.income_label,
-      amount: a
-    });
-  }
-  if (l) {
-    const a = l.reduce((n, i) => n + i.y, 0);
-    r.push({
-      label: e.spending_label,
-      amount: a
-    });
-  }
-  return r;
-}, Y = ({ availableHeight: t = 0, minHeight: e = 500, selectedDateRange: o, totals: c }) => {
-  const s = M(), { onEvent: l } = w(), { trends: r } = v(), { isSmallMobile: a, isMobile: n, isSmallTablet: i, isTablet: u } = x(), p = [s.palette.chart?.chart1, s.palette.chart?.chart2], h = N(c, o), T = y(h, r), [d, g] = m.useState(0), b = 458, f = 195, A = 56, C = n || a ? f : i || u ? b : d;
-  return m.useEffect(() => {
-    const S = Math.max(t - A, e);
-    g(S);
-  }, [t]), /* @__PURE__ */ L(H, {
-    baseline: "min",
-    colors: p,
-    curveType: "bump",
-    datasets: h,
-    height: C,
-    labels: T,
-    onItemClick: () => {
-      l(E.TRENDS_CLICK_CHART, k);
-    },
-    showArea: !0,
-    showAxisHighlight: !0,
-    showLegend: !0,
-    showTooltip: !0,
-    showXAxis: !0,
-    showXAxisTicks: !0,
-    showYAxis: !0,
-    showYAxisTicks: !0,
-    valueFormatterString: "0.0a"
-  });
-}, O = D(Y);
-export {
-  O as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsChartTotals/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsChartTotals.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ANALYTICS_EVENTS, useEvent, useGlobalCopyStore, useScreenSize } from '../../common'\nimport { DateRange, MonthlyCategoryTotals, TrendsCopy } from '../../core'\nimport { LineChart } from '../../common/components/charts/LineChart'\nimport type { LineChartDataset, LineChartLabel } from '../../common/components/charts/LineChart'\n\nimport { TRENDS_ANALYTICS_METADATA } from '../constants/TrendsWidget'\nimport { getIncomeTotals, getSpendingTotals } from '../utils/SpendingData'\n\nconst getDatasets = (totals: MonthlyCategoryTotals[], dateRange: DateRange): LineChartDataset[] => {\n  const incomeData = getIncomeTotals(totals, dateRange)\n  const spendingData = getSpendingTotals(totals, dateRange)\n  return [incomeData, spendingData].filter((data) => data.length > 0)\n}\n\nconst getLabels = (datasets: LineChartDataset[], copy: TrendsCopy) => {\n  const [dataA, dataB] = datasets\n  const credits = dataA\n  const debits = dataB ?? dataA\n  const labels: LineChartLabel[] = []\n\n  if (credits) {\n    const totalIncome = credits.reduce((sum, item) => sum + item.y, 0)\n    labels.push({ label: copy.income_label, amount: totalIncome })\n  }\n\n  if (debits) {\n    const totalSpending = debits.reduce((sum, item) => sum + item.y, 0)\n    labels.push({ label: copy.spending_label, amount: totalSpending })\n  }\n\n  return labels\n}\n\ninterface TrendsChartTotalsProps {\n  availableHeight?: number\n  minHeight?: number\n  selectedDateRange: DateRange\n  totals: MonthlyCategoryTotals[]\n}\n\nconst TrendsChartTotals: React.FC<TrendsChartTotalsProps> = ({\n  availableHeight = 0,\n  minHeight = 500,\n  selectedDateRange,\n  totals,\n}) => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const { isSmallMobile, isMobile, isSmallTablet, isTablet } = useScreenSize()\n\n  const colors = [theme.palette.chart?.chart1, theme.palette.chart?.chart2]\n  const datasets = getDatasets(totals, selectedDateRange)\n  const labels = getLabels(datasets, trendsCopy)\n\n  const [chartDesktopHeight, setChartDesktopHeight] = React.useState<number>(0)\n  const chartTabletHeight = 458\n  const chartMobileHeight = 195\n  const legendHeight = 56\n\n  // prettier-ignore\n  // eslint-disable-next-line no-nested-ternary\n  const chartHeight = (isMobile || isSmallMobile) ? chartMobileHeight :\n  (isSmallTablet || isTablet) ? chartTabletHeight : chartDesktopHeight;\n\n  // Control responsive chart height based on available height\n  React.useEffect(() => {\n    const newChartHeight = Math.max(availableHeight - legendHeight, minHeight)\n    setChartDesktopHeight(newChartHeight)\n  }, [availableHeight])\n\n  const handleItemClick = () => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_CHART, TRENDS_ANALYTICS_METADATA)\n  }\n\n  return (\n    <LineChart\n      baseline=\"min\"\n      colors={colors}\n      curveType=\"bump\"\n      datasets={datasets}\n      height={chartHeight}\n      labels={labels}\n      onItemClick={handleItemClick}\n      showArea={true}\n      showAxisHighlight={true}\n      showLegend={true}\n      showTooltip={true}\n      showXAxis={true}\n      showXAxisTicks={true}\n      showYAxis={true}\n      showYAxisTicks={true}\n      valueFormatterString=\"0.0a\"\n    />\n  )\n}\n\nexport default observer(TrendsChartTotals)\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAA,CAAe,GAAiC,MAG7C,CAFY,EAAgB,GAAQ,CAEnC,GADa,EAAkB,GAAQ,CAC3B,CAAY,EAAE,OAAA,CAAQ,MAAS,EAAK,SAAS,CAAC,GAG9D,IAAA,CAAa,GAA8B,MAAqB;AACpE,QAAM,CAAC,GAAO,CAAA,IAAS,GACjB,IAAU,GACV,IAAS,KAAS,GAClB,IAA2B,CAAC;AAElC,MAAI,GAAS;AACX,UAAM,IAAc,EAAQ,OAAA,CAAQ,GAAK,MAAS,IAAM,EAAK,GAAG,CAAC;AACjE,IAAA,EAAO,KAAK;AAAA,MAAE,OAAO,EAAK;AAAA,MAAc,QAAQ;AAAA,IAAY,CAAC;AAAA,EAC/D;AAEA,MAAI,GAAQ;AACV,UAAM,IAAgB,EAAO,OAAA,CAAQ,GAAK,MAAS,IAAM,EAAK,GAAG,CAAC;AAClE,IAAA,EAAO,KAAK;AAAA,MAAE,OAAO,EAAK;AAAA,MAAgB,QAAQ;AAAA,IAAc,CAAC;AAAA,EACnE;AAEA,SAAO;AACT,GASM,IAAA,CAAuD,EAC3D,iBAAA,IAAkB,GAClB,WAAA,IAAY,KACZ,mBAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,eAAA,GAAe,UAAA,GAAU,eAAA,GAAe,UAAA,EAAA,IAAa,EAAc,GAErE,IAAS,CAAC,EAAM,QAAQ,OAAO,QAAQ,EAAM,QAAQ,OAAO,MAAM,GAClE,IAAW,EAAY,GAAQ,CAAiB,GAChD,IAAS,EAAU,GAAU,CAAU,GAEvC,CAAC,GAAoB,CAAA,IAAyB,EAAM,SAAiB,CAAC,GACtE,IAAoB,KACpB,IAAoB,KACpB,IAAe,IAIf,IAAe,KAAY,IAAiB,IACjD,KAAiB,IAAY,IAAoB;AAGlD,SAAA,EAAM,UAAA,MAAgB;AACpB,UAAM,IAAiB,KAAK,IAAI,IAAkB,GAAc,CAAS;AACzE,IAAA,EAAsB,CAAc;AAAA,EACtC,GAAG,CAAC,CAAe,CAAC,GAOlB,gBAAA,EAAC,GAAD;AAAA,IACE,UAAS;AAAA,IACD,QAAA;AAAA,IACR,WAAU;AAAA,IACA,UAAA;AAAA,IACV,QAAQ;AAAA,IACA,QAAA;AAAA,IACR,aAZE,MAAwB;AAC5B,MAAA,EAAQ,EAAiB,oBAAoB,CAAyB;AAAA,IACxE;AAAA,IAWI,UAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,sBAAqB;AAAA,EACtB,CAAA;AAEL,GAEA,IAAe,EAAS,CAAiB"}

package/dist/trends/components/TrendsDrawer/index.es.js

@@ -1,38 +0,0 @@
-import { useEvent as _, useGlobalCopyStore as S, useGlobalUiStore as C, useTransactionStore as E } from "../../../common/context/hooks/index.es.js";
-import v from "../../../common/components/drawer/Drawer/index.es.js";
-import { ANALYTICS_EVENTS as A } from "../../../common/constants/Analytics/index.es.js";
-import D from "../../../transactions/components/shared/TransactionList/index.es.js";
-import N from "../../../transactions/components/shared/TransactionDetails/index.es.js";
-import e from "react";
-import { observer as b } from "mobx-react-lite";
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
-var L = { title: "Transaction List" }, h = ({ categoryGuid: o, dateRange: r, isOpen: m, onClose: u }) => {
-  const { onEvent: f } = _(), { selectedAccountGuids: n } = C(), { common: p } = S(), { setFilter: d, sortedTransactions: a } = E(), [i, c] = e.useState(""), s = e.useMemo(() => a.find((t) => t.guid === i), [i, a]);
-  e.useEffect(() => {
-    d({
-      accounts: n,
-      dateRange: r,
-      custom: (t) => o === "" || o === t.category_guid || o === t.top_level_category_guid,
-      showSplits: !!o
-    });
-  }, [
-    n,
-    o,
-    r
-  ]), e.useEffect(() => f(A.TRENDS_VIEW_TRANSACTIONS), []);
-  const T = () => {
-    c(""), u();
-  };
-  return /* @__PURE__ */ w(v, {
-    ariaLabelClose: p.close_aria,
-    isOpen: m,
-    onClose: T,
-    title: L.title,
-    children: [s && /* @__PURE__ */ l(N, { transaction: s }), !s && /* @__PURE__ */ l(D, { onClick: c })]
-  });
-}, B = b(h);
-export {
-  B as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsDrawer/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useGlobalCopyStore,\n  useEvent,\n  useTransactionStore,\n  useGlobalUiStore,\n} from '../../common'\nimport { Transaction } from '../../core'\nimport { TransactionDetails, TransactionList } from '../../transactions'\n\nconst copy = {\n  title: 'Transaction List',\n}\n\ninterface TrendsDrawerProps {\n  categoryGuid: string\n  dateRange: {\n    start: Date\n    end: Date\n  }\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst TrendsDrawer: React.FC<TrendsDrawerProps> = ({\n  categoryGuid,\n  dateRange,\n  isOpen,\n  onClose,\n}) => {\n  const { onEvent } = useEvent()\n  const { selectedAccountGuids: accounts } = useGlobalUiStore()\n  const { common: commonCopy } = useGlobalCopyStore()\n  const { setFilter, sortedTransactions } = useTransactionStore()\n\n  const [guid, setGuid] = React.useState('')\n  const transaction = React.useMemo(\n    () => sortedTransactions.find((t) => t.guid === guid),\n    [guid, sortedTransactions],\n  )\n\n  React.useEffect(() => {\n    setFilter({\n      accounts,\n      dateRange,\n      custom: (t: Transaction) =>\n        categoryGuid === '' ||\n        categoryGuid === t.category_guid ||\n        categoryGuid === t.top_level_category_guid,\n      showSplits: Boolean(categoryGuid),\n    })\n  }, [accounts, categoryGuid, dateRange])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.TRENDS_VIEW_TRANSACTIONS), [])\n\n  const handleClose = () => {\n    setGuid('')\n    onClose()\n  }\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isOpen}\n      onClose={handleClose}\n      title={copy.title}\n    >\n      {transaction && <TransactionDetails transaction={transaction} />}\n      {!transaction && <TransactionList onClick={setGuid} />}\n    </Drawer>\n  )\n}\n\nexport default observer(TrendsDrawer)\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAO,EACX,OAAO,mBACT,GAYM,IAAA,CAA6C,EACjD,cAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,sBAAsB,EAAA,IAAa,EAAiB,GACtD,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,WAAA,GAAW,oBAAA,EAAA,IAAuB,EAAoB,GAExD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAE,GACnC,IAAc,EAAM,QAAA,MAClB,EAAmB,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI,GACpD,CAAC,GAAM,CAAkB,CAC3B;AAEA,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU;AAAA,MACR,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,CAAS,MACP,MAAiB,MACjB,MAAiB,EAAE,iBACnB,MAAiB,EAAE;AAAA,MACrB,YAAY,EAAQ;AAAA,IACtB,CAAC;AAAA,EACH,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAc;AAAA,EAAS,CAAC,GAEtC,EAAM,UAAA,MAAgB,EAAQ,EAAiB,wBAAwB,GAAG,CAAC,CAAC;AAE5E,QAAM,IAAA,MAAoB;AACxB,IAAA,EAAQ,EAAE,GACV,EAAQ;AAAA,EACV;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IACnB,QAAA;AAAA,IACR,SAAS;AAAA,IACT,OAAO,EAAK;AAAA,cAJd,CAMG,KAAe,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA,GAC9D,CAAC,KAAe,gBAAA,EAAC,GAAD,EAAiB,SAAS,EAAU,CAAA,CAC/C;AAAA;AAEZ,GAEA,IAAe,EAAS,CAAY"}

package/dist/trends/components/TrendsInsights/index.es.js

@@ -1,38 +0,0 @@
-import { useEvent as S, useGlobalStore as C } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as T } from "../../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as I } from "../../../common/constants/Analytics/index.es.js";
-import { TRENDS_ANALYTICS_METADATA as L } from "../../constants/TrendsWidget/index.es.js";
-import k from "../../../microinsights/InsightsMicroWidget/index.es.js";
-import "react";
-import { observer as v } from "mobx-react-lite";
-import { jsx as r } from "react/jsx-runtime";
-import { Stack as A } from "@mui/material";
-var E = ({ beats: o, onInsightCardClick: t }) => {
-  const { onEvent: s } = S(), { isMobile: i, isDesktop: n, isLargeDesktop: a } = T(), { beatStore: l, endpoint: d, sessionToken: c } = C(), e = n || a, u = e || i ? 1 : 2, h = () => null, m = (p) => {
-    t?.(p), s(I.TRENDS_CLICK_INSIGHT, L);
-  }, g = e ? 200 : 170, f = e ? 170 : 124;
-  return /* @__PURE__ */ r(A, {
-    sx: { height: o.length > 0 ? g : f },
-    children: /* @__PURE__ */ r(k, {
-      areBeatsLoading: l.isLoading,
-      beats: o,
-      cardStyle: "border",
-      endpoint: d,
-      headerSx: { p: 0 },
-      logOutUser: h,
-      onCardClick: m,
-      showCarouselControls: !0,
-      showHeader: e,
-      showIcon: !0,
-      showWithMargin: !1,
-      token: c,
-      userHasFullInsightFeedBeats: !1,
-      visibleCardsCount: u
-    })
-  });
-}, z = v(E);
-export {
-  z as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsInsights/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsInsights.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Stack } from '@mui/material'\n\nimport { Beat } from '../../core/types/Beat'\nimport { ANALYTICS_EVENTS, useEvent, useGlobalStore, useScreenSize } from '../../common'\n\nimport { InsightsMicroWidget } from '../../microinsights'\nimport { TRENDS_ANALYTICS_METADATA } from '../constants/TrendsWidget'\n\ninterface TrendsMicroInsightsProps {\n  beats: Beat[]\n  onInsightCardClick?: (beat?: Beat) => void\n}\n\nconst TrendsMicroInsights: React.FC<TrendsMicroInsightsProps> = ({ beats, onInsightCardClick }) => {\n  const { onEvent } = useEvent()\n  const { isMobile, isDesktop, isLargeDesktop } = useScreenSize()\n  const { beatStore, endpoint, sessionToken } = useGlobalStore()\n\n  const isLargeLayout = isDesktop || isLargeDesktop\n  const visibleCards = isLargeLayout || isMobile ? 1 : 2\n\n  const handleLogOutUser = () => {\n    return null\n  }\n\n  const handleCardClick = (beat?: Beat) => {\n    onInsightCardClick?.(beat)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_INSIGHT, TRENDS_ANALYTICS_METADATA)\n  }\n\n  const carouselHeight = isLargeLayout ? 200 : 170\n  const zeroStateHeight = isLargeLayout ? 170 : 124\n  const containerHeight = beats.length > 0 ? carouselHeight : zeroStateHeight\n\n  return (\n    <Stack sx={{ height: containerHeight }}>\n      <InsightsMicroWidget\n        areBeatsLoading={beatStore.isLoading}\n        beats={beats}\n        cardStyle=\"border\"\n        endpoint={endpoint}\n        headerSx={{ p: 0 }}\n        logOutUser={handleLogOutUser}\n        onCardClick={handleCardClick}\n        showCarouselControls={true}\n        showHeader={isLargeLayout}\n        showIcon={true}\n        showWithMargin={false}\n        token={sessionToken}\n        userHasFullInsightFeedBeats={false}\n        visibleCardsCount={visibleCards}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(TrendsMicroInsights)\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAAA,CAA2D,EAAE,OAAA,GAAO,oBAAA,EAAA,MAAyB;AACjG,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,UAAA,GAAU,WAAA,GAAW,gBAAA,EAAA,IAAmB,EAAc,GACxD,EAAE,WAAA,GAAW,UAAA,GAAU,cAAA,EAAA,IAAiB,EAAe,GAEvD,IAAgB,KAAa,GAC7B,IAAe,KAAiB,IAAW,IAAI,GAE/C,IAAA,MACG,MAGH,IAAA,CAAmB,MAAgB;AACvC,IAAA,IAAqB,CAAI,GACzB,EAAQ,EAAiB,sBAAsB,CAAyB;AAAA,EAC1E,GAEM,IAAiB,IAAgB,MAAM,KACvC,IAAkB,IAAgB,MAAM;AAG9C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,QAHS,EAAM,SAAS,IAAI,IAAiB,EAGrB;AAAA,cACnC,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAiB,EAAU;AAAA,MACpB,OAAA;AAAA,MACP,WAAU;AAAA,MACA,UAAA;AAAA,MACV,UAAU,EAAE,GAAG,EAAE;AAAA,MACjB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,sBAAsB;AAAA,MACtB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,6BAA6B;AAAA,MAC7B,mBAAmB;AAAA,IACpB,CAAA;AAAA,EACI,CAAA;AAEX,GAEA,IAAe,EAAS,CAAmB"}

package/dist/trends/components/TrendsMicroSpendingIncomeBox/index.es.js

@@ -1,82 +0,0 @@
-import { useWidgetContainerProvider as W } from "../../../common/context/hooks/index.es.js";
-import { formatCurrency as a, formatPercentage as P } from "../../../core/utils/NumberFormatting/index.es.js";
-import u from "react";
-import r from "@mui/material/Stack";
-import { H3 as R, P as d } from "@mxenabled/mxui";
-import { TrendingDown as I, TrendingUp as j } from "@mxenabled/mx-icons";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import D from "@mui/material/Box";
-var S = 70, k = ({ title: v, totalAmount: o, transactionType: i, percentage: t, secondaryLabel: w, shouldDisplayPercentage: m }) => {
-  const { availableWidth: f } = W(), p = u.useRef(null), x = u.useRef(null), b = P(Number(Math.abs(t)), {
-    style: "percent",
-    minimumIntegerDigits: 1
-  }), y = f === 288 && a(o, "0,0.00").length > 10 ? a(o, "0,0") : a(o, "0,0.00"), s = i === "spending" ? t > 0 : t >= 0, c = i === "spending" ? "error.main" : "success.main", l = i === "spending" ? "success.main" : "text.secondary", g = p?.current, h = x?.current, C = g && h ? g.scrollWidth > h.clientWidth - S : !1;
-  return /* @__PURE__ */ n(r, {
-    sx: {
-      border: 1,
-      borderColor: "divider",
-      borderRadius: "4px",
-      flex: 1,
-      minWidth: 0,
-      px: 12,
-      py: 8
-    },
-    children: [/* @__PURE__ */ n(r, {
-      sx: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "space-between"
-      },
-      children: [/* @__PURE__ */ e(d, {
-        color: "text.secondary",
-        variant: "caption",
-        children: v
-      }), m && /* @__PURE__ */ n(r, {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 4
-        },
-        children: [s ? /* @__PURE__ */ e(j, {
-          size: 20,
-          sx: { color: c }
-        }) : /* @__PURE__ */ e(I, {
-          size: 20,
-          sx: { color: l }
-        }), /* @__PURE__ */ e(d, {
-          sx: {
-            color: s ? c : l,
-            fontWeight: 600
-          },
-          variant: "body2",
-          children: b
-        })]
-      })]
-    }), /* @__PURE__ */ n(r, {
-      ref: x,
-      sx: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "space-between"
-      },
-      children: [/* @__PURE__ */ e(D, {
-        ref: p,
-        sx: {
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap"
-        },
-        children: /* @__PURE__ */ e(R, { children: y })
-      }), m && f >= 450 && !C && /* @__PURE__ */ e(d, {
-        color: s ? c : l,
-        variant: "caption",
-        children: w
-      })]
-    })]
-  });
-};
-export {
-  k as TrendsMicroSpendingIncomeBox
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsMicroSpendingIncomeBox/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsMicroSpendingIncomeBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { TrendingDown, TrendingUp } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { useWidgetContainerProvider } from '../../common'\nimport { formatCurrency, formatPercentage } from '../../core/utils/NumberFormatting'\nconst secondaryLabelWidth = 70\n\ninterface TrendsMicroSpendingIncomeBoxProps {\n  title: string\n  totalAmount: number\n  transactionType: 'spending' | 'income'\n  percentage: number\n  secondaryLabel: string\n  shouldDisplayPercentage: boolean\n}\nexport const TrendsMicroSpendingIncomeBox = ({\n  title,\n  totalAmount,\n  transactionType,\n  percentage,\n  secondaryLabel,\n  shouldDisplayPercentage,\n}: TrendsMicroSpendingIncomeBoxProps) => {\n  const { availableWidth } = useWidgetContainerProvider()\n\n  const amountRef = React.useRef<HTMLSpanElement | null>(null)\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n\n  const displayPercentage = formatPercentage(Number(Math.abs(percentage)), {\n    style: 'percent',\n    minimumIntegerDigits: 1,\n  })\n\n  const displayTotalAmount =\n    availableWidth === 288 && formatCurrency(totalAmount, '0,0.00').length > 10\n      ? formatCurrency(totalAmount, '0,0')\n      : formatCurrency(totalAmount, '0,0.00')\n\n  const isGainPercentage = transactionType === 'spending' ? percentage > 0 : percentage >= 0\n  const isGainPercentageColor = transactionType === 'spending' ? 'error.main' : 'success.main'\n  const isLossPercentageColor = transactionType === 'spending' ? 'success.main' : 'text.secondary'\n\n  const amountElement = amountRef?.current\n  const containerElement = containerRef?.current\n  const isOverflowing =\n    amountElement && containerElement\n      ? amountElement.scrollWidth > containerElement.clientWidth - secondaryLabelWidth\n      : false\n  return (\n    <Stack\n      sx={{\n        border: 1,\n        borderColor: 'divider',\n        borderRadius: '4px',\n        flex: 1,\n        minWidth: 0,\n        px: 12,\n        py: 8,\n      }}\n    >\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <P color=\"text.secondary\" variant=\"caption\">\n          {title}\n        </P>\n        {shouldDisplayPercentage && (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n            {isGainPercentage ? (\n              <TrendingUp size={20} sx={{ color: isGainPercentageColor }} />\n            ) : (\n              <TrendingDown size={20} sx={{ color: isLossPercentageColor }} />\n            )}\n            <P\n              sx={{\n                color: isGainPercentage ? isGainPercentageColor : isLossPercentageColor,\n                fontWeight: 600,\n              }}\n              variant=\"body2\"\n            >\n              {displayPercentage}\n            </P>\n          </Stack>\n        )}\n      </Stack>\n      <Stack\n        ref={containerRef}\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Box\n          ref={amountRef}\n          sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n        >\n          <H3>{displayTotalAmount}</H3>\n        </Box>\n        {shouldDisplayPercentage && availableWidth >= 450 && !isOverflowing && (\n          <P\n            color={isGainPercentage ? isGainPercentageColor : isLossPercentageColor}\n            variant=\"caption\"\n          >\n            {secondaryLabel}\n          </P>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAsB,IAUf,IAAA,CAAgC,EAC3C,OAAA,GACA,aAAA,GACA,iBAAA,GACA,YAAA,GACA,gBAAA,GACA,yBAAA,EAAA,MACuC;AACvC,QAAM,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAEhD,IAAY,EAAM,OAA+B,IAAI,GACrD,IAAe,EAAM,OAA8B,IAAI,GAEvD,IAAoB,EAAiB,OAAO,KAAK,IAAI,CAAU,CAAC,GAAG;AAAA,IACvE,OAAO;AAAA,IACP,sBAAsB;AAAA,EACxB,CAAC,GAEK,IACJ,MAAmB,OAAO,EAAe,GAAa,QAAQ,EAAE,SAAS,KACrE,EAAe,GAAa,KAAK,IACjC,EAAe,GAAa,QAAQ,GAEpC,IAAmB,MAAoB,aAAa,IAAa,IAAI,KAAc,GACnF,IAAwB,MAAoB,aAAa,eAAe,gBACxE,IAAwB,MAAoB,aAAa,iBAAiB,kBAE1E,IAAgB,GAAW,SAC3B,IAAmB,GAAc,SACjC,IACJ,KAAiB,IACb,EAAc,cAAc,EAAiB,cAAc,IAC3D;AACN,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cATF,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,gBALF,CAOE,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAC/B;AAAA,MACA,CAAA,GACF,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,eAAe;AAAA,UAAO,KAAK;AAAA,QAAE;AAAA,kBAAhE,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,UAAY,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,EAAsB;AAAA,QAAI,CAAA,IAE7D,gBAAA,EAAC,GAAD;AAAA,UAAc,MAAM;AAAA,UAAI,IAAI,EAAE,OAAO,EAAsB;AAAA,QAAI,CAAA,GAEjE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,OAAO,IAAmB,IAAwB;AAAA,YAClD,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,oBAEP;AAAA,QACA,CAAA,CACE;AAAA,QAEJ;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,gBANF,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,IAAI;AAAA,UAAE,UAAU;AAAA,UAAU,cAAc;AAAA,UAAY,YAAY;AAAA,QAAS;AAAA,kBAEzE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAuB,CAAA;AAAA,MACzB,CAAA,GACJ,KAA2B,KAAkB,OAAO,CAAC,KACpD,gBAAA,EAAC,GAAD;AAAA,QACE,OAAO,IAAmB,IAAwB;AAAA,QAClD,SAAQ;AAAA,kBAEP;AAAA,MACA,CAAA,CAEA;AAAA,MACF;AAAA;AAEX"}

package/dist/trends/components/TrendsTableContainer/index.es.js

@@ -1,56 +0,0 @@
-import { useCategoryStore as _, useGlobalCopyStore as C } from "../../../common/context/hooks/index.es.js";
-import { generateMonthHeaders as x, getTrendsTableColumns as M, getTrendsTableRows as f } from "../../utils/TrendsTable/index.es.js";
-import { TrendsTable as p } from "../trendstable/TrendsTable/index.es.js";
-import i from "react";
-import R from "@mui/material/Stack";
-import { jsx as g, jsxs as S } from "react/jsx-runtime";
-var G = ({ selectedDateRange: m, selectedCategory: l, onClickRow: c, height: w = "100%", sx: b = {} }) => {
-  const { trends: e } = C(), { trendsCategories: s } = _(), r = i.useMemo(() => x(m.start, m.end), [m]), d = i.useMemo(() => M(r, e), [r, e]), o = i.useMemo(() => {
-    if (l) return s.find((t) => t.guid === l);
-  }, [l, s]), [h, u] = i.useMemo(() => {
-    let t = s;
-    return o && (t = o.subCategories.filter((n) => n.monthlyAmounts.some((a) => a.amount !== 0))), [f(t, e, !0, r, o), f(t, e, !1, r, o)];
-  }, [
-    s,
-    r,
-    o,
-    e
-  ]), y = {
-    id: "total",
-    category: e.table_column_total,
-    category_guid: "total",
-    isParent: !1,
-    top_level_category_guid: "total",
-    total: u.reduce((t, n) => t + n.total, 0),
-    monthlyAmounts: u.reduce((t, n) => (Object.entries(n.monthlyAmounts).forEach(([a, T]) => {
-      t[a] = (t[a] || 0) + T;
-    }), t), {})
-  };
-  return /* @__PURE__ */ S(R, {
-    gap: 24,
-    sx: {
-      height: w,
-      width: "100%",
-      overflowX: "auto",
-      boxShadow: "none",
-      ...b
-    },
-    children: [(!o || o && o.is_income) && /* @__PURE__ */ g(p, {
-      columns: d,
-      onRowClick: c,
-      parentCategory: o,
-      rows: h
-    }), (!o || o && !o.is_income) && /* @__PURE__ */ g(p, {
-      columns: d,
-      onRowClick: c,
-      parentCategory: o,
-      rows: u,
-      totalRow: y
-    })]
-  });
-};
-export {
-  G as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsTableContainer/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsTableContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useCategoryStore, useGlobalCopyStore } from '../../common'\n\nimport {\n  generateMonthHeaders,\n  getTrendsTableColumns,\n  getTrendsTableRows,\n} from '../utils/TrendsTable'\n\nimport { TrendsTable } from './trendstable/TrendsTable'\n\ninterface TrendsTableProps {\n  sx?: any\n  height?: number | string\n  selectedDateRange: { start: Date; end: Date }\n  selectedCategory?: string\n  onClickRow?: (category: string) => void\n}\n\nconst TrendsTableContainer: React.FC<TrendsTableProps> = ({\n  selectedDateRange,\n  selectedCategory,\n  onClickRow,\n  height = '100%',\n  sx = {},\n}) => {\n  const { trends: copy } = useGlobalCopyStore()\n  const { trendsCategories } = useCategoryStore()\n\n  // Generate all headers for the selected date range\n  const monthHeaders = React.useMemo(() => {\n    return generateMonthHeaders(selectedDateRange.start, selectedDateRange.end)\n  }, [selectedDateRange])\n\n  const columns = React.useMemo(() => {\n    return getTrendsTableColumns(monthHeaders, copy)\n  }, [monthHeaders, copy])\n\n  const parentCategory = React.useMemo(() => {\n    if (selectedCategory) {\n      return trendsCategories.find((category) => category.guid === selectedCategory)\n    }\n    return undefined\n  }, [selectedCategory, trendsCategories])\n\n  const [incomeRows, spendingRows] = React.useMemo(() => {\n    let categories = trendsCategories\n    if (parentCategory) {\n      categories = parentCategory.subCategories.filter((c) =>\n        c.monthlyAmounts.some((ma) => ma.amount !== 0),\n      )\n    }\n\n    return [\n      getTrendsTableRows(categories, copy, true, monthHeaders, parentCategory),\n      getTrendsTableRows(categories, copy, false, monthHeaders, parentCategory),\n    ]\n  }, [trendsCategories, monthHeaders, parentCategory, copy])\n\n  const totalSpendingRow = {\n    id: 'total',\n    category: copy.table_column_total,\n    category_guid: 'total',\n    isParent: false,\n    top_level_category_guid: 'total',\n    total: spendingRows.reduce((sum, row) => sum + row.total, 0),\n    monthlyAmounts: spendingRows.reduce(\n      (amounts, row) => {\n        Object.entries(row.monthlyAmounts).forEach(([month, amount]) => {\n          amounts[month] = (amounts[month] || 0) + amount\n        })\n        return amounts\n      },\n      {} as Record<string, number>,\n    ),\n  }\n\n  return (\n    <Stack\n      gap={24}\n      sx={{ height: height, width: '100%', overflowX: 'auto', boxShadow: 'none', ...sx }}\n    >\n      {(!parentCategory || (parentCategory && parentCategory.is_income)) && (\n        <TrendsTable\n          columns={columns}\n          onRowClick={onClickRow}\n          parentCategory={parentCategory}\n          rows={incomeRows}\n        />\n      )}\n      {(!parentCategory || (parentCategory && !parentCategory.is_income)) && (\n        <TrendsTable\n          columns={columns}\n          onRowClick={onClickRow}\n          parentCategory={parentCategory}\n          rows={spendingRows}\n          totalRow={totalSpendingRow}\n        />\n      )}\n    </Stack>\n  )\n}\n\nexport default TrendsTableContainer\n"],"mappings":";;;;;;AAsBA,IAAM,IAAA,CAAoD,EACxD,mBAAA,GACA,kBAAA,GACA,YAAA,GACA,QAAA,IAAS,QACT,IAAA,IAAK,CAAC,EAAA,MACF;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GACtC,EAAE,kBAAA,EAAA,IAAqB,EAAiB,GAGxC,IAAe,EAAM,QAAA,MAClB,EAAqB,EAAkB,OAAO,EAAkB,GAAG,GACzE,CAAC,CAAiB,CAAC,GAEhB,IAAU,EAAM,QAAA,MACb,EAAsB,GAAc,CAAI,GAC9C,CAAC,GAAc,CAAI,CAAC,GAEjB,IAAiB,EAAM,QAAA,MAAc;AACzC,QAAI,EACF,QAAO,EAAiB,KAAA,CAAM,MAAa,EAAS,SAAS,CAAgB;AAAA,EAGjF,GAAG,CAAC,GAAkB,CAAgB,CAAC,GAEjC,CAAC,GAAY,CAAA,IAAgB,EAAM,QAAA,MAAc;AACrD,QAAI,IAAa;AACjB,WAAI,MACF,IAAa,EAAe,cAAc,OAAA,CAAQ,MAChD,EAAE,eAAe,KAAA,CAAM,MAAO,EAAG,WAAW,CAAC,CAC/C,IAGK,CACL,EAAmB,GAAY,GAAM,IAAM,GAAc,CAAc,GACvE,EAAmB,GAAY,GAAM,IAAO,GAAc,CAAc,CAC1E;AAAA,EACF,GAAG;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAgB;AAAA,EAAI,CAAC,GAEnD,IAAmB;AAAA,IACvB,IAAI;AAAA,IACJ,UAAU,EAAK;AAAA,IACf,eAAe;AAAA,IACf,UAAU;AAAA,IACV,yBAAyB;AAAA,IACzB,OAAO,EAAa,OAAA,CAAQ,GAAK,MAAQ,IAAM,EAAI,OAAO,CAAC;AAAA,IAC3D,gBAAgB,EAAa,OAAA,CAC1B,GAAS,OACR,OAAO,QAAQ,EAAI,cAAc,EAAE,QAAA,CAAS,CAAC,GAAO,CAAA,MAAY;AAC9D,MAAA,EAAQ,CAAA,KAAU,EAAQ,CAAA,KAAU,KAAK;AAAA,IAC3C,CAAC,GACM,IAET,CAAC,CACH;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK;AAAA,IACL,IAAI;AAAA,MAAU,QAAA;AAAA,MAAQ,OAAO;AAAA,MAAQ,WAAW;AAAA,MAAQ,WAAW;AAAA,MAAQ,GAAG;AAAA,IAAG;AAAA,cAFnF,EAII,CAAC,KAAmB,KAAkB,EAAe,cACrD,gBAAA,EAAC,GAAD;AAAA,MACW,SAAA;AAAA,MACT,YAAY;AAAA,MACI,gBAAA;AAAA,MAChB,MAAM;AAAA,IACP,CAAA,IAED,CAAC,KAAmB,KAAkB,CAAC,EAAe,cACtD,gBAAA,EAAC,GAAD;AAAA,MACW,SAAA;AAAA,MACT,YAAY;AAAA,MACI,gBAAA;AAAA,MAChB,MAAM;AAAA,MACN,UAAU;AAAA,IACX,CAAA,CAEE;AAAA;AAEX"}

package/dist/trends/components/TrendsViewToggle/index.es.js

@@ -1,28 +0,0 @@
-import { useGlobalCopyStore as i } from "../../../common/context/hooks/index.es.js";
-import { Icon as t } from "@mxenabled/mxui";
-import { jsx as o } from "react/jsx-runtime";
-import m from "@mui/material/ToggleButton";
-import n from "@mui/material/ToggleButtonGroup";
-var s = ({ selectedTab: a, onTabChange: l }) => {
-  const { common: e } = i();
-  return /* @__PURE__ */ o(n, {
-    "aria-label": e.view_toggle,
-    exclusive: !0,
-    onChange: l,
-    orientation: "horizontal",
-    value: a,
-    children: ["Chart", "Table"].map((r) => /* @__PURE__ */ o(m, {
-      "aria-label": r === "Chart" ? e.view_chart : e.view_table,
-      "aria-pressed": a === r,
-      color: "primary",
-      sx: { width: 56 },
-      value: r,
-      children: r === "Chart" ? /* @__PURE__ */ o(t, { name: "table_chart_view" }) : /* @__PURE__ */ o(t, { name: "format_list_bulleted" })
-    }, r))
-  });
-};
-export {
-  s as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/TrendsViewToggle/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/trends/components/TrendsViewToggle.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mxui'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\n\nimport { useGlobalCopyStore } from '../../common'\n\nexport type TrendsTabValue = 'Chart' | 'Table'\n\ninterface TrendsViewToggleProps {\n  selectedTab: TrendsTabValue\n  onTabChange: (_event: React.SyntheticEvent, newValue: TrendsTabValue) => void\n}\n\nconst TrendsViewToggle: React.FC<TrendsViewToggleProps> = ({ selectedTab, onTabChange }) => {\n  const { common: copy } = useGlobalCopyStore()\n  return (\n    <ToggleButtonGroup\n      aria-label={copy.view_toggle}\n      exclusive={true}\n      onChange={onTabChange}\n      orientation=\"horizontal\"\n      value={selectedTab}\n    >\n      {['Chart', 'Table'].map((tab) => (\n        <ToggleButton\n          aria-label={tab === 'Chart' ? copy.view_chart : copy.view_table}\n          aria-pressed={selectedTab === tab}\n          color=\"primary\"\n          key={tab}\n          sx={{ width: 56 }}\n          value={tab}\n        >\n          {tab === 'Chart' ? (\n            <Icon name=\"table_chart_view\" />\n          ) : (\n            <Icon name=\"format_list_bulleted\" />\n          )}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  )\n}\n\nexport default TrendsViewToggle\n"],"mappings":";;;;;AAaA,IAAM,IAAA,CAAqD,EAAE,aAAA,GAAa,aAAA,EAAA,MAAkB;AAC1F,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB;AAC5C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY,EAAK;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAY;AAAA,IACZ,OAAO;AAAA,cAEN,CAAC,SAAS,OAAO,EAAE,IAAA,CAAK,MACvB,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,MAAQ,UAAU,EAAK,aAAa,EAAK;AAAA,MACrD,gBAAc,MAAgB;AAAA,MAC9B,OAAM;AAAA,MAEN,IAAI,EAAE,OAAO,GAAG;AAAA,MAChB,OAAO;AAAA,gBAEN,MAAQ,UACP,gBAAA,EAAC,GAAD,EAAM,MAAK,mBAAoB,CAAA,IAE/B,gBAAA,EAAC,GAAD,EAAM,MAAK,uBAAwB,CAAA;AAAA,IAEzB,GATP,CASO,CACf;AAAA,EACgB,CAAA;AAEvB"}

package/dist/trends/components/trendstable/AccessibleSortIcon/index.es.js

@@ -1,49 +0,0 @@
-import b from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { styled as g } from "@mui/material/styles";
-import B from "@mui/material/IconButton";
-import S from "@mui/material/Badge";
-import { useGridApiContext as h, useGridRootProps as y } from "@mui/x-data-grid-pro";
-var C = g("div")({
-  display: "flex",
-  visibility: "hidden",
-  width: 0
-});
-function v({ direction: t, index: s, sortingOrder: m, disabled: f, className: l, field: c }) {
-  const p = h(), e = y();
-  let o = null;
-  const a = {};
-  if (t === "asc" ? o = e.slots.columnSortedAscendingIcon : t === "desc" ? o = e.slots.columnSortedDescendingIcon : (o = e.slots.columnUnsortedIcon ?? null, a.sortingOrder = m), !o) return null;
-  const i = p.current.getColumn(c)?.headerName ?? c;
-  let r = "";
-  t === "asc" ? r = ", sorted ascending" : t === "desc" && (r = ", sorted descending");
-  const d = `Sort by ${i}${["Total", "Category"].includes(i) ? "" : " category totals"}${r}`, I = /* @__PURE__ */ n(o, {
-    className: "MuiDataGrid-sortIcon",
-    fontSize: "small",
-    ...a
-  }), u = /* @__PURE__ */ n(B, {
-    disabled: f,
-    size: "small",
-    tabIndex: -1,
-    ...e.slotProps?.baseIconButton,
-    "aria-label": d,
-    className: `MuiDataGrid-sortButton${l ? ` ${l}` : ""}`,
-    title: d,
-    children: I
-  });
-  return /* @__PURE__ */ n(C, {
-    className: "MuiDataGrid-iconButtonContainer",
-    children: s != null ? /* @__PURE__ */ n(S, {
-      badgeContent: s,
-      color: "default",
-      overlap: "circular",
-      children: u
-    }) : u
-  });
-}
-var P = b.memo(v);
-export {
-  P as AccessibleSortIcon
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/trendstable/AccessibleSortIcon/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/trends/components/trendstable/AccessibleSortIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport Badge from '@mui/material/Badge'\nimport IconButton from '@mui/material/IconButton'\nimport { useGridApiContext, useGridRootProps } from '@mui/x-data-grid-pro'\nimport type { GridSortDirection } from '@mui/x-data-grid-pro'\n\nimport { styled } from '@mui/material/styles'\n\nconst IconButtonContainer = styled('div')({\n  display: 'flex',\n  visibility: 'hidden',\n  width: 0,\n})\n\ninterface AccessibleSortIconProps {\n  field: string\n  direction: GridSortDirection\n  index: number | undefined\n  sortingOrder: readonly GridSortDirection[]\n  disabled?: boolean\n  className?: string\n}\n\nfunction AccessibleSortIconRaw({\n  direction,\n  index,\n  sortingOrder,\n  disabled,\n  className,\n  field,\n}: AccessibleSortIconProps) {\n  const apiRef = useGridApiContext()\n  const rootProps = useGridRootProps()\n\n  let Icon: React.JSXElementConstructor<any> | null = null\n  const iconProps: Record<string, unknown> = {}\n\n  if (direction === 'asc') {\n    Icon = rootProps.slots.columnSortedAscendingIcon\n  } else if (direction === 'desc') {\n    Icon = rootProps.slots.columnSortedDescendingIcon\n  } else {\n    Icon = rootProps.slots.columnUnsortedIcon ?? null\n    iconProps.sortingOrder = sortingOrder\n  }\n\n  if (!Icon) return null\n\n  const column = apiRef.current.getColumn(field)\n  const columnName = column?.headerName ?? field\n\n  let sortStateLabel = ''\n  if (direction === 'asc') sortStateLabel = ', sorted ascending'\n  else if (direction === 'desc') sortStateLabel = ', sorted descending'\n\n  const sortTypeLabel = !['Total', 'Category'].includes(columnName) ? ' category totals' : ''\n  const ariaLabel = `Sort by ${columnName}${sortTypeLabel}${sortStateLabel}`\n\n  const iconElement = <Icon className=\"MuiDataGrid-sortIcon\" fontSize=\"small\" {...iconProps} />\n\n  const iconButton = (\n    <IconButton\n      disabled={disabled}\n      size=\"small\"\n      tabIndex={-1}\n      {...(rootProps.slotProps?.baseIconButton as Record<string, unknown>)}\n      aria-label={ariaLabel}\n      className={`MuiDataGrid-sortButton${className ? ` ${className}` : ''}`}\n      title={ariaLabel}\n    >\n      {iconElement}\n    </IconButton>\n  )\n\n  return (\n    <IconButtonContainer className=\"MuiDataGrid-iconButtonContainer\">\n      {index != null ? (\n        <Badge badgeContent={index} color=\"default\" overlap=\"circular\">\n          {iconButton}\n        </Badge>\n      ) : (\n        iconButton\n      )}\n    </IconButtonContainer>\n  )\n}\n\nexport const AccessibleSortIcon = React.memo(AccessibleSortIconRaw)\n"],"mappings":";;;;;;AASA,IAAM,IAAsB,EAAO,KAAK,EAAE;AAAA,EACxC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AACT,CAAC;AAWD,SAAS,EAAsB,EAC7B,WAAA,GACA,OAAA,GACA,cAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,EAAA,GAC0B;AAC1B,QAAM,IAAS,EAAkB,GAC3B,IAAY,EAAiB;AAEnC,MAAI,IAAgD;AACpD,QAAM,IAAqC,CAAC;AAW5C,MATI,MAAc,QAChB,IAAO,EAAU,MAAM,4BACd,MAAc,SACvB,IAAO,EAAU,MAAM,8BAEvB,IAAO,EAAU,MAAM,sBAAsB,MAC7C,EAAU,eAAe,IAGvB,CAAC,EAAM,QAAO;AAGlB,QAAM,IADS,EAAO,QAAQ,UAAU,CACrB,GAAQ,cAAc;AAEzC,MAAI,IAAiB;AACrB,EAAI,MAAc,QAAO,IAAiB,uBACjC,MAAc,WAAQ,IAAiB;AAGhD,QAAM,IAAY,WAAW,CAAA,GADN,CAAC,SAAS,UAAU,EAAE,SAAS,CAAU,IAAyB,KAArB,kBAAqB,GAC/B,CAAA,IAEpD,IAAc,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAU;AAAA,IAAuB,UAAS;AAAA,IAAQ,GAAI;AAAA,EAAY,CAAA,GAEtF,IACJ,gBAAA,EAAC,GAAD;AAAA,IACY,UAAA;AAAA,IACV,MAAK;AAAA,IACL,UAAU;AAAA,IACV,GAAK,EAAU,WAAW;AAAA,IAC1B,cAAY;AAAA,IACZ,WAAW,yBAAyB,IAAY,IAAI,CAAA,KAAc,EAAA;AAAA,IAClE,OAAO;AAAA,cAEN;AAAA,EACS,CAAA;AAGd,SACE,gBAAA,EAAC,GAAD;AAAA,IAAqB,WAAU;AAAA,cAC5B,KAAS,OACR,gBAAA,EAAC,GAAD;AAAA,MAAO,cAAc;AAAA,MAAO,OAAM;AAAA,MAAU,SAAQ;AAAA,gBACjD;AAAA,IACI,CAAA,IAEP;AAAA,EAEiB,CAAA;AAEzB;AAEA,IAAa,IAAqB,EAAM,KAAK,CAAqB"}

package/dist/trends/components/trendstable/AmountCell/index.es.js

@@ -1,24 +0,0 @@
-import { CategoryGuids as r } from "../../../../core/constants/Category/index.es.js";
-import { CurrencyText as u } from "../../../../common/components/CurrencyText/index.es.js";
-import y from "@mui/material/Stack";
-import { jsx as l } from "react/jsx-runtime";
-var x = (o) => {
-  const d = o.row.category_guid, c = o.row.top_level_category_guid, t = d === r.INCOME || c === r.INCOME, e = o.id === "total", n = o.field === "total", i = n ? o.row[o.field] : o.row.monthlyAmounts[o.field];
-  return /* @__PURE__ */ l(y, {
-    alignItems: "flex-end",
-    direction: "row",
-    tabIndex: o.tabIndex,
-    children: /* @__PURE__ */ l(u, {
-      amount: t ? Math.abs(i) : i,
-      isIncome: t,
-      sx: { fontWeight: t || n || e ? 600 : 500 },
-      symbol: t ? "+" : void 0,
-      variant: e ? "body1" : "body2"
-    })
-  });
-};
-export {
-  x as AmountCell
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/trends/components/trendstable/AmountCell/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/trends/components/trendstable/AmountCell.tsx"],"sourcesContent":["import { GridCellParams } from '@mui/x-data-grid'\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyText } from '../../../common'\nimport { CategoryGuids } from '../../../core/constants'\n\nexport const AmountCell = (params: GridCellParams) => {\n  const category = params.row.category_guid\n  const parentCategory = params.row.top_level_category_guid\n  const isIncome = category === CategoryGuids.INCOME || parentCategory === CategoryGuids.INCOME\n  const isTotalRow = params.id === 'total'\n  const isTotalColumn = params.field === 'total'\n  const amount = isTotalColumn ? params.row[params.field] : params.row.monthlyAmounts[params.field]\n\n  return (\n    <Stack alignItems=\"flex-end\" direction=\"row\" tabIndex={params.tabIndex}>\n      <CurrencyText\n        amount={isIncome ? Math.abs(amount) : amount}\n        isIncome={isIncome}\n        sx={{ fontWeight: isIncome || isTotalColumn || isTotalRow ? 600 : 500 }}\n        symbol={isIncome ? '+' : undefined}\n        variant={isTotalRow ? 'body1' : 'body2'}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAMA,IAAa,IAAA,CAAc,MAA2B;AACpD,QAAM,IAAW,EAAO,IAAI,eACtB,IAAiB,EAAO,IAAI,yBAC5B,IAAW,MAAa,EAAc,UAAU,MAAmB,EAAc,QACjF,IAAa,EAAO,OAAO,SAC3B,IAAgB,EAAO,UAAU,SACjC,IAAS,IAAgB,EAAO,IAAI,EAAO,KAAA,IAAS,EAAO,IAAI,eAAe,EAAO,KAAA;AAE3F,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAW,WAAU;AAAA,IAAM,UAAU,EAAO;AAAA,cAC5D,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,IAAW,KAAK,IAAI,CAAM,IAAI;AAAA,MAC5B,UAAA;AAAA,MACV,IAAI,EAAE,YAAY,KAAY,KAAiB,IAAa,MAAM,IAAI;AAAA,MACtE,QAAQ,IAAW,MAAM;AAAA,MACzB,SAAS,IAAa,UAAU;AAAA,IACjC,CAAA;AAAA,EACI,CAAA;AAEX"}

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

@@ -1,30 +0,0 @@
-import e from "@mui/material/Stack";
-import { CategoryIcon as i, Text as d } from "@mxenabled/mxui";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import a from "@mui/material/Box";
-var m = (o) => {
-  const r = o.id === "total";
-  return /* @__PURE__ */ n(e, {
-    alignItems: "center",
-    direction: "row",
-    role: "rowheader",
-    tabIndex: o.tabIndex,
-    children: [!r && /* @__PURE__ */ t(a, {
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ t(i, {
-        categoryGuid: o.row.top_level_category_guid,
-        variant: "twotone"
-      })
-    }), /* @__PURE__ */ t(d, {
-      bold: r,
-      sx: { ml: 12 },
-      variant: r ? "body1" : "body2",
-      children: o.row.category
-    })]
-  });
-};
-export {
-  m as CategoryCell
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/trends/components/trendstable/CategoryCell.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { GridCellParams } from '@mui/x-data-grid'\n\nimport { CategoryIcon, Text } from '@mxenabled/mxui'\n\nexport const CategoryCell = (params: GridCellParams) => {\n  const isTotal = params.id === 'total'\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" role=\"rowheader\" tabIndex={params.tabIndex}>\n      {!isTotal && (\n        <Box aria-hidden={true}>\n          <CategoryIcon categoryGuid={params.row.top_level_category_guid} variant=\"twotone\" />\n        </Box>\n      )}\n      <Text bold={isTotal} sx={{ ml: 12 }} variant={isTotal ? 'body1' : 'body2'}>\n        {params.row.category}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,IAAA,CAAgB,MAA2B;AACtD,QAAM,IAAU,EAAO,OAAO;AAE9B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,MAAK;AAAA,IAAY,UAAU,EAAO;AAAA,cAA7E,CACG,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,MAAK,eAAa;AAAA,gBAChB,gBAAA,EAAC,GAAD;AAAA,QAAc,cAAc,EAAO,IAAI;AAAA,QAAyB,SAAQ;AAAA,MAAW,CAAA;AAAA,IAChF,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAS,IAAI,EAAE,IAAI,GAAG;AAAA,MAAG,SAAS,IAAU,UAAU;AAAA,gBAC/D,EAAO,IAAI;AAAA,IACR,CAAA,CACD;AAAA;AAEX"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"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=\"body2\">\n    {params.colDef.headerName}\n  </Text>\n)\n"],"mappings":";;AAGA,IAAa,IAAA,CAAc,MACzB,gBAAA,EAAC,GAAD;AAAA,EAAM,YAAY;AAAA,EAAK,SAAQ;AAAA,YAC5B,EAAO,OAAO;AACX,CAAA"}