@mx-cartographer/experiences 6.24.14 → 6.24.15-alpha.al0

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,8 @@
-declare const CategoriesList: (() => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
+import { default as React } from 'react';
+import { CategoryListItem, Transaction } from '../../common';
+interface CategoriesListProps {
+    onListItemClick: (data: CategoryListItem) => void;
+    transactions: Transaction[];
+}
+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,23 @@
-import { DetailedCategory, GlobalStore } from '../../common';
+import { CategoryListItem, DateRange, DetailedCategory, GlobalStore } from '../../common';
 export declare class TrendsStore {
     globalStore: GlobalStore;
+    selectedCategoryData: CategoryListItem | null;
+    selectedDateRange: DateRange;
     constructor(globalStore: GlobalStore);
-    sortByTotalDescending: () => {
+    setSelectedCategoryData: (category: CategoryListItem | null) => void;
+    setSelectedDateRange: (dateRange: DateRange) => void;
+    sortCategoriesList: () => {
         guid: string;
         name: string;
-        totalAmount: number;
+        amount: number;
     }[];
     get detailedCategories(): DetailedCategory[];
-    get sortedCategoriesList(): {
-        guid: string;
-        name: string;
-        totalAmount: number;
-    }[];
+    get selectedDateRangeMonthRange(): string;
+    get sortedCategoriesList(): CategoryListItem[];
+    get visibleListItems(): CategoryListItem[];
+    get collapsedListItems(): CategoryListItem[];
+    get categoryDetailsChartData(): Array<Array<{
+        x: string;
+        y: number;
+    }>>;
 }

package/package.json

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

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;
-    }[];
-}[];