@mx-cartographer/experiences 3.12.3 → 3.14.0-alpha.mm2

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [3.13.0] - 10-15-2024
+
+- **ADDED** - Drill into subcategories in `TrendsFullWidget` chart and table
+- **FIXED** - Mitigate `StackedLineChart` line area crossing and overlap
+- **FIXED** - Improve `StackedLineChart` legend hover styles
+- **FIXED** - Improve data processing and rendering in `TrendsFullWidget`
+- **FIXED** - Refactor and organize `TrendsFullWidget` utils
+- **FIXED** - Incorrect date range text in `TrendsFullWidget`
+- **FIXED** - Misordered months when `TrendsTable` is displaying 1yr
+- **FIXED** - Missing and inconsistent category icons/colors in `TrendsFullWidget`
+
 ## [3.12.3] - 10-30-2024
 
 - **UPDATED** - Pass in showInsights prop to TransactionsList from TransactionWidget to prevent false default

package/dist/common/components/charts/StackedLineChart.d.ts

@@ -1,20 +1,23 @@
 import { default as React } from 'react';
+type DataPoint = {
+    x: Date;
+    y: number;
+};
+type Dataset = DataPoint[];
+interface StackedLineChartData {
+    top_level_category_guid: string;
+    category_guid: string;
+    category_name: string;
+    category_color: string;
+    dataset: Dataset;
+}
 interface StackedLineChartProps {
+    stackedDatasets: StackedLineChartData[];
+    unstackedDatasets?: StackedLineChartData[];
     onHoverArea?: (category: string) => void;
     onHoverPoint?: (category: string) => void;
     onHoverLegend?: (category: string) => void;
-    stackedColors: (string | undefined)[];
-    stackedDatasets: {
-        x: string;
-        y: number;
-    }[][];
-    stackedCategoryGuids: string[];
-    unstackedColors?: (string | undefined)[];
-    unstackedDatasets?: {
-        x: string;
-        y: number;
-    }[][];
-    unstackedCategoryGuids?: string[];
+    onClickLegend?: (category: string) => void;
     height?: number;
     width?: number;
 }

package/dist/common/components/charts/stackedlinechart/CategoryIconLabel.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 export declare const CategoryIconLabel: React.FC<{
     categoryGuid: string;
+    topLevelCategoryGuid: string;
 }>;

package/dist/common/components/charts/stackedlinechart/CustomAreaTooltip.d.ts

@@ -4,7 +4,10 @@ type DataPoint = {
     y: number;
 };
 declare const _default: React.FunctionComponent<{
-    categoryGuid: string;
+    categoryGuids: {
+        guid: string;
+        topLevelGuid: string;
+    };
     hoveredAreaData: DataPoint[];
     cursorPosition: {
         x: number;

package/dist/common/components/charts/stackedlinechart/CustomLegend.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 interface CustomLegendProps {
-    labels: string[];
-    stackedLabels: string[];
     sx?: object;
-    unstackedLabels: string[];
-    stackedColors: (string | undefined)[];
-    unstackedColors: (string | undefined)[];
+    categoryGuids: {
+        guid: string;
+        top_level_guid: string;
+    }[];
     hoveredLegend: string | null;
-    setHoveredLegend: (label: string | null) => void;
+    onHoverLegend: (label: string | null) => void;
+    onClickLegend: (label: string | null) => void;
 }
 export declare const CustomLegend: React.FC<CustomLegendProps>;
 export {};

package/dist/common/components/charts/stackedlinechart/CustomPointTooltip.d.ts

@@ -1,7 +1,11 @@
 import { default as React } from 'react';
 import { ChartsItemContentProps } from '@mui/x-charts';
 interface CustomPointTooltipProps extends ChartsItemContentProps<'line'> {
-    categoryGuid: string;
+    categoryGuids: {
+        guid: string;
+        topLevelGuid: string;
+    };
+    xData: Date[];
 }
 export declare const CustomPointTooltip: React.FC<CustomPointTooltipProps>;
 export {};

package/dist/common/components/charts/stackedlinechart/utils.d.ts

@@ -0,0 +1 @@
+export declare const smoothData: (data: number[], smoothingFactor?: number) => number[];

package/dist/common/constants/Analytics.d.ts

@@ -45,6 +45,7 @@ export declare const ANALYTICS_EVENTS: {
     TRENDS_CLICK_DATE: string;
     TRENDS_CLICK_TABLE_SORT: string;
     TRENDS_CLICK_TABLE_ROW: string;
+    TRENDS_CLICK_LEGEND: string;
     TRENDS_HOVER_LEGEND: string;
     TRENDS_HOVER_AREA: string;
     TRENDS_HOVER_POINT: string;

package/dist/common/constants/index.d.ts

@@ -2,7 +2,7 @@ export { ApiEndpoints } from './ApiEndpoints';
 export { ANALYTICS_EVENTS } from './Analytics';
 export { DATE_FORMATS_INTL, formatDate, ORDINAL_DATE_FORMAT, ORDINAL_MONTH_DAY_YEAR_FORMAT, } from './DateFormats';
 export { INCOME_ACCOUNT_TYPES, PAYMENT_ACCOUNT_TYPES, SPENDING_ACCOUNT_TYPES } from './Account';
-export { CategoryColors, CategoryGuids, CategoryGuidToName, CategoryIcon } from './Category';
+export { CategoryColors, CategoryGuids, CategoryGuidToName, CategoryIcon, PaymentCategories, } from './Category';
 export { CurrencyCodes } from './Numbers';
 export { RecurrenceTypes, RECURRENCE_COPY } from './ScheduledPayment';
 export { IterationItemTypes, LOADING_STATUS, PlanTypes } from './SpendingPlan';

package/dist/common/types/localization/TrendsCopy.d.ts

@@ -1,4 +1,5 @@
 export interface TrendsCopy {
+    all_categories: string;
     income_label: string;
     mini_title: string;
     payments_label: string;