@mx-cartographer/experiences 3.12.5-alpha.j1 → 3.13.1

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

@@ -1,16 +1,20 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 interface LineChartProps {
+    baseline?: string;
     colors: (string | undefined)[];
     datasets: {
         x: string;
         y: number;
     }[][];
     height?: number;
+    getMarkStyles?: (markIndex: number) => CSSProperties;
     labels: string[];
     showArea?: boolean;
     showAverage?: boolean;
     showBars?: boolean;
     showMarkLabel?: boolean;
+    useCustomMark?: boolean;
+    valueFormatterString?: string;
     width?: number;
 }
 export declare const LineChart: React.FC<LineChartProps>;

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/linechart/CustomMark.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { MarkElementProps } from '@mui/x-charts';
 interface CustomMarkProps extends MarkElementProps {
+    showLabel: boolean;
     yData: number[];
 }
 export declare const CustomMark: React.FC<CustomMarkProps>;

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;