@mx-cartographer/experiences 6.24.15-alpha-ram1-financialStrengthCardSection → 6.24.15-alpha.al1

package/dist/trends/TrendsWidget.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
-import { WidgetProps } from '../common';
-declare const _default: React.FunctionComponent<WidgetProps>;
+import { WidgetProps, Beat } from '../common';
+interface TrendsWidgetProps extends WidgetProps {
+    onInsightCardClick?: (beat?: Beat) => void;
+}
+declare const _default: React.FunctionComponent<TrendsWidgetProps>;
 export default _default;

package/dist/trends/components/CategoriesList.d.ts

@@ -1,4 +1,7 @@
-declare const CategoriesList: (() => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
+import { default as React } from 'react';
+import { CategoryListItem } from '../../common';
+interface CategoriesListProps {
+    onListItemClick: (data: CategoryListItem) => void;
+}
+declare const CategoriesList: React.FC<CategoriesListProps>;
 export default CategoriesList;

package/dist/trends/components/CategoriesListItem.d.ts

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
-interface CategoriesListItemProps {
-    categoryGuid?: string;
-    categoryName?: string;
-    categoryTotal?: string;
-    onClick: () => void;
-    transactionCount?: number;
+import { CategoryListItem } from '../../common';
+interface CategoriesListItemProps extends CategoryListItem {
+    onClick?: () => void;
 }
 declare const CategoriesListItem: React.FC<CategoriesListItemProps>;
 export default CategoriesListItem;

package/dist/trends/components/CategoryDetailChart.d.ts

@@ -0,0 +1,4 @@
+declare const CategoryDetailChart: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default CategoryDetailChart;

package/dist/trends/components/CategoryDetailDrawer.d.ts

@@ -0,0 +1,7 @@
+interface CategoryDetailProps {
+    onClose?: () => void;
+}
+declare const CategoryDetail: (({ onClose }: CategoryDetailProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export default CategoryDetail;

package/dist/trends/components/DateRangeText.d.ts

@@ -0,0 +1,9 @@
+interface DateRangeTextProps {
+    selectedDateRange: {
+        start: Date;
+        end: Date;
+    };
+    selectedCategoryGuid: string;
+}
+declare const DateRangeText: ({ selectedDateRange, selectedCategoryGuid }: DateRangeTextProps) => import("react/jsx-runtime").JSX.Element;
+export default DateRangeText;

package/dist/trends/components/TransactionsList.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Transaction } from '../../common';
+interface TransactionsListProps {
+    transactions: Transaction[];
+}
+declare const TransactionsList: React.FC<TransactionsListProps>;
+export default TransactionsList;

package/dist/trends/components/TrendsChartTotals.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { DateRange, MonthlyCategoryTotals } from '../../common';
+interface TrendsChartTotalsProps {
+    selectedDateRange: DateRange;
+    totals: MonthlyCategoryTotals[];
+}
+declare const _default: React.FunctionComponent<TrendsChartTotalsProps>;
+export default _default;

package/dist/trends/components/TrendsInsights.d.ts

@@ -1,3 +1,7 @@
 import { default as React } from 'react';
-declare const _default: React.FunctionComponent<{}>;
+import { Beat } from '../../common/types/Beat';
+interface TrendsMicroInsightsProps {
+    onInsightCardClick?: (beat?: Beat) => void;
+}
+declare const _default: React.FunctionComponent<TrendsMicroInsightsProps>;
 export default _default;

package/dist/trends/components/TrendsViewToggle.d.ts

@@ -0,0 +1,7 @@
+export type TrendsTabValue = 'Chart' | 'Table';
+interface TrendsViewToggleProps {
+    selectedTab: TrendsTabValue;
+    onTabChange: (_event: React.SyntheticEvent, newValue: TrendsTabValue) => void;
+}
+declare const TrendsViewToggle: React.FC<TrendsViewToggleProps>;
+export default TrendsViewToggle;

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

@@ -1,16 +1,19 @@
-import { DetailedCategory, GlobalStore } from '../../common';
+import { CategoryListItem, DateRange, GlobalStore, MonthlyCategoryTotals, Transaction } from '../../common';
 export declare class TrendsStore {
     globalStore: GlobalStore;
+    categoriesList: CategoryListItem[];
+    selectedCategoryData: CategoryListItem | null;
+    selectedDateRange: DateRange;
     constructor(globalStore: GlobalStore);
-    sortByTotalDescending: () => {
-        guid: string;
-        name: string;
-        totalAmount: number;
-    }[];
-    get detailedCategories(): DetailedCategory[];
-    get sortedCategoriesList(): {
-        guid: string;
-        name: string;
-        totalAmount: number;
-    }[];
+    setSelectedCategoryData: (category: CategoryListItem | null) => void;
+    setSelectedDateRange: (dateRange: DateRange) => void;
+    setCategoriesList: (monthlyCategoryTotals: MonthlyCategoryTotals[], transactions: Transaction[]) => void;
+    get selectedDateRangeMonthRange(): string;
+    get sortedCategoriesList(): CategoryListItem[];
+    get visibleListItems(): CategoryListItem[];
+    get collapsedListItems(): CategoryListItem[];
+    get categoryDetailsChartData(): Array<Array<{
+        x: string;
+        y: number;
+    }>>;
 }

package/dist/trends/utils/TrendsData.d.ts

@@ -1,5 +1,5 @@
 import { GridComparatorFn } from '@mui/x-data-grid-pro';
-import { MonthlyCategoryTotals } from '../../common';
+import { CategoryListItem, MonthlyCategoryTotals, Transaction } from '../../common';
 type DataPoint = {
     x: Date;
     y: number;
@@ -14,4 +14,5 @@ export interface StackedLineChartData {
 }
 export declare const getStackedLineChartData: (totals: MonthlyCategoryTotals[], start: Date, end: Date) => StackedLineChartData[];
 export declare const amountComparator: GridComparatorFn<string | number>;
+export declare const buildCategoriesList: (monthlyCategoryTotals: MonthlyCategoryTotals[], transactions: Transaction[]) => CategoryListItem[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "6.24.15-alpha-ram1-financialStrengthCardSection",
+  "version": "6.24.15-alpha.al1",
   "description": "Library containing experience widgets",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",

package/dist/finstrong/FinancialStrengthCard.d.ts

@@ -1,8 +0,0 @@
-interface FinancialStrengthSectionProps {
-    healthScore?: number;
-    healthScoreChange?: number;
-}
-export declare const FinancialStrengthCard: (({ healthScore, healthScoreChange }: FinancialStrengthSectionProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export {};

package/dist/finstrong/components/CreditScoreGraph.d.ts

@@ -1,11 +0,0 @@
-export interface CreditScoreGraphProps {
-    arcRadius: number;
-    size?: 'L' | 'M' | 'SM';
-    healthScore: number;
-    maxValue?: number;
-    minValue?: number;
-    footerCenterContent?: string | number;
-}
-export declare const CreditScoreGraph: (({ arcRadius, size, healthScore, maxValue, minValue, footerCenterContent, }: CreditScoreGraphProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};

package/dist/finstrong/components/FinancialStrengthGraph.d.ts

@@ -1,9 +0,0 @@
-export interface FinacialStrengthGraphProps {
-    arcRadius: number;
-    size?: 'L' | 'M' | 'SM';
-    healthScore: number;
-    footerCenterContent?: string | number;
-}
-export declare const FinancialStrengthGraph: (({ arcRadius, size, healthScore, footerCenterContent }: FinacialStrengthGraphProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};

package/dist/finstrong/components/shared/CustomPieArc.d.ts

@@ -1,18 +0,0 @@
-import { PieValueType } from '@mui/x-charts';
-interface CustomPieArcProps {
-    dialScoreData: PieValueType[];
-    dataIndex: number;
-    arcStartAngle: number;
-    totalAngularSpan: number;
-    centerX: number;
-    centerY: number;
-    arcRadius: number;
-    arcColor?: string;
-    innerArcRadius: number;
-    outterArcRadius: number;
-    unitsPerSegment: number;
-    progressEndAngle: number;
-    isFinacialStrengthGraph?: boolean;
-}
-export declare const CustomPieArc: ({ dialScoreData, dataIndex, arcColor, arcStartAngle, totalAngularSpan, centerX, centerY, arcRadius, innerArcRadius, outterArcRadius, progressEndAngle, unitsPerSegment, isFinacialStrengthGraph, }: CustomPieArcProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/finstrong/components/shared/DialScoreCard.d.ts

@@ -1,16 +0,0 @@
-import { PieValueType } from '@mui/x-charts';
-export interface DialScoreCardProps {
-    arcRadius: number;
-    healthScore: number;
-    size: 'L' | 'M' | 'SM';
-    dialScoreData: PieValueType[];
-    minValue?: number;
-    maxValue?: number;
-    markerColor?: string;
-    healthScoreStatus: string;
-    footerCenterContent?: string | number;
-    footerLeftContent?: number;
-    footerRightContent?: number;
-    isFinacialStrengthGraph?: boolean;
-}
-export declare const DialScoreCard: ({ arcRadius, healthScore, size, dialScoreData, minValue, maxValue, markerColor, healthScoreStatus, footerCenterContent, footerLeftContent, footerRightContent, isFinacialStrengthGraph, }: DialScoreCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/finstrong/util/finstrongUtils.d.ts

@@ -1,28 +0,0 @@
-import { PieValueType } from '@mui/x-charts';
-import { CreditScoreStatusCopy, FinstrongCopy } from '../../common/types/localization/FinstrongCopy';
-export declare const radiansToDegrees: (radians: number) => number;
-export declare const calculateFinstrongScoreStatus: (healthScore: number, copy: FinstrongCopy, needHealthScoreStatusDetails?: boolean) => string;
-export declare const CreditScoreLightColors: {
-    POOR: string;
-    FAIR: string;
-    GOOD: string;
-    VERY_GOOD: string;
-    EXCEPTIONAL: string;
-};
-export declare const CreditScoreDarkColors: {
-    POOR: string;
-    FAIR: string;
-    GOOD: string;
-    VERY_GOOD: string;
-    EXCEPTIONAL: string;
-};
-export declare const getCreditScoreDetails: (healthScore: number, isDarkMode: boolean, copy: CreditScoreStatusCopy) => {
-    status: string;
-    color: string;
-} | {
-    status: string;
-    color?: undefined;
-};
-export declare const getOutterArcStartEndAngle: (healthScoreData: PieValueType[], totalAngularSpan: number, arcStartAngle: number, dataIndex: number) => number[];
-export declare const getFilledArcStartEndAngle: (outterArcStartAngle: number, outterArcEndAngle: number, dataIndex: number, unitsPerSegment: number, progressEndAngle: number) => number[];
-export declare const getMarkerXYCoordinates: (markerRadius: number, progressEndAngle: number, angleOffset?: number) => number[];

package/dist/trends/mocks.d.ts

@@ -1,80 +0,0 @@
-export declare const mockStackedDatasetsSequential: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockStackedDatasetsVarying: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockStackedDatasetsOverlapping: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockStackedDatasetsRepeatValues: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockUnstackedDatasetsSequential: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockUnstackedDatasetsVarying: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockUnstackedDatasetsOverlapping: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export declare const mockUnstackedDatasetsRepeatValues: {
-    top_level_category_guid: string;
-    category_guid: string;
-    category_name: string;
-    category_color: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];