@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DUe4lH5-.mjs";
-import { C as g } from "../CategoryStore-yHI0hWmK.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-B-I3kajA.mjs";
+import { C as g } from "../CategoryStore-CA3tS1BO.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/categories/stores/CategoryStore.d.ts

@@ -5,7 +5,6 @@ export declare class CategoryStore {
     uiStore: UiStore;
     api: CategoryApi;
     categories: Category[];
-    categoriesLoaded: boolean;
     dateRangeCategoryTotals: DateRangeCategoryTotals[];
     monthlyCategoryTotals: MonthlyCategoryTotals[];
     dataRangeTotalsLoaded: boolean;
@@ -17,11 +16,9 @@ export declare class CategoryStore {
     get incomeCategories(): DetailedCategory[];
     get spendCategories(): DetailedCategory[];
     get transferCategories(): DetailedCategory[];
-    setCategories: (categories: Category[]) => void;
-    setMonthlyCategoryTotals: (totals: MonthlyCategoryTotals[]) => void;
-    setDateRangeCategoryTotals: (totals: DateRangeCategoryTotals[]) => void;
+    get trendsCategories(): DetailedCategory[];
     addCategory: (name: string, parentGuid: string) => Promise<void>;
-    loadCategories: () => Promise<void>;
+    loadCategories: (categoriesOverride?: Category[]) => Promise<void>;
     loadDateRangeCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
     loadMonthlyCategoryTotals: (accounts?: Account[], startDate?: Date, endDate?: Date) => Promise<void>;
     reloadCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;

package/dist/categories/util/CategoryUtil.d.ts

@@ -1,13 +1,12 @@
 import { Theme } from '@mui/material';
-import { Category, DateRangeCategoryTotals, DetailedCategory, DetailedCategoryWithTransactions, MonthlyCategoryTotals, Transaction, CategoryCopy } from '../../common';
+import { Category, DateRangeCategoryTotals, DetailedCategory, DetailedCategoryWithTransactions, MonthlyCategoryTotals, Transaction } from '../../common';
 /**
  * Augment categories
  * @param categories - Categories to augment
  * @param monthlyCategoryTotals - Monthly category totals
  * @param currentCategoryTotals - Current month category totals
- * @param copy - Category copy
  */
-export declare const augmentCategories: (categories: Category[], copy: CategoryCopy, currentCategoryTotals: DateRangeCategoryTotals[], monthlyCategoryTotals: MonthlyCategoryTotals[]) => DetailedCategory[];
+export declare const augmentCategories: (categories: Category[], currentCategoryTotals: DateRangeCategoryTotals[], monthlyCategoryTotals: MonthlyCategoryTotals[]) => DetailedCategory[];
 export declare const getCategoryColor: (guid: string, theme: Theme) => string;
 export declare const getCategoryIcon: (guid: string) => string | undefined;
 /**

package/dist/common/components/Select.d.ts

@@ -1,12 +1,14 @@
+import { default as React } from 'react';
+import { default as TextField } from '@mui/material/TextField';
 export type SelectOption = {
     id: number;
     label: string;
 };
-interface SelectProps {
+interface SelectProps extends Omit<React.ComponentProps<typeof TextField>, 'onChange'> {
     label: string;
     onChange: (value: number) => void;
     options: SelectOption[];
     value: number;
 }
-export declare const Select: ({ label, onChange, options, value }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ label, onChange, options, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { default as React, CSSProperties } from 'react';
+import { default as React } from 'react';
 import { SxProps } from '@mui/material/styles';
 import { MarkHandlers } from './linechart/CustomMark';
 export type LineChartDataset = {
@@ -14,6 +14,7 @@ export type TooltipLabel = LineChartLabel & {
 };
 type LineChartCurve = 'catmullRom' | 'linear' | 'monotoneX' | 'monotoneY' | 'natural' | 'step' | 'stepBefore' | 'stepAfter' | 'bump' | 'bumpX' | 'bumpY';
 interface LineChartProps {
+    areaColor?: string;
     axisColor?: string;
     baseline?: string;
     chartFor?: string;
@@ -22,6 +23,8 @@ interface LineChartProps {
     colors: (string | undefined)[];
     curveType?: LineChartCurve;
     customLegendVariant?: string;
+    customLegendSx?: SxProps;
+    customLegendBoxSx?: SxProps;
     customTooltipLabels?: TooltipLabel[][];
     datasets: LineChartDataset[];
     height?: number;
@@ -37,13 +40,19 @@ interface LineChartProps {
         left?: number;
     };
     markHandlers?: MarkHandlers;
-    markStyles?: (markIndex: number) => CSSProperties;
+    markStyles?: (markIndex: number) => React.CSSProperties & {
+        markLabelStyles?: React.CSSProperties;
+    };
+    minRange?: number;
+    maxRange?: number;
     onItemClick?: () => void;
+    peerAverage?: number;
     showArea?: boolean;
     showAverage?: boolean;
     showAxisHighlight?: boolean;
     showBars?: boolean;
     showLegend?: boolean;
+    showMark?: boolean;
     showMarkLabel?: boolean;
     showTooltip?: boolean;
     showXAxis?: boolean;
@@ -55,6 +64,7 @@ interface LineChartProps {
     useCustomMark?: boolean;
     valueFormatterString?: string;
     width?: number;
+    xAxisScaleType?: 'band' | 'point';
 }
 export declare const LineChart: React.FC<LineChartProps>;
 export {};

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

@@ -1,4 +1 @@
-export { default as Donut, type DonutData } from './Donut';
-export { LineChart } from './LineChart';
-export { StackedLineChart } from './StackedLineChart';
 export { default as StatusBar, type StatusBarData } from './StatusBar';

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

@@ -1,11 +1,13 @@
+import { SxProps } from '@mui/material/styles';
 import { LineChartLabel } from '../LineChart';
 export declare const CustomLegendLabel: ({ label, customLegendVariant, }: {
     label: LineChartLabel;
     customLegendVariant?: string;
 }) => import("react/jsx-runtime").JSX.Element | null;
-declare const _default: (({ average, customLegendVariant, labels, series, style, title, valueFormatterString, }: {
+declare const _default: (({ average, customLegendVariant, customLegendBoxSx, labels, series, style, title, valueFormatterString, }: {
     average?: number;
     customLegendVariant?: string;
+    customLegendBoxSx?: SxProps;
     labels?: LineChartLabel[];
     series: any[];
     title?: string;

package/dist/common/components/charts/linechart/CustomMark.d.ts

@@ -8,7 +8,11 @@ export type MarkHandlers = {
 interface CustomMarkProps extends MarkElementProps {
     handlers?: MarkHandlers;
     showLabel: boolean;
+    showMark?: boolean;
     yData: number[];
+    style?: React.CSSProperties & {
+        markLabelStyles?: React.CSSProperties;
+    };
     labelBackgroundColor?: string;
     labelFontColor?: string;
     labelFontSize?: number;

package/dist/common/components/charts/linechart/CustomTooltip.d.ts

@@ -2,7 +2,12 @@ import { LineChartLabel, TooltipLabel } from '../LineChart';
 interface CustomTooltipProps {
     customLabels?: TooltipLabel[][];
     labels?: LineChartLabel[];
+    series: Array<{
+        id?: string;
+        data: number[];
+        color?: string;
+    }>;
     valueFormatterString?: string;
 }
-export declare function CustomTooltip({ customLabels, labels, valueFormatterString, }: CustomTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomTooltip({ customLabels, labels, series, valueFormatterString, }: CustomTooltipProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

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

package/dist/common/components/drawer/Drawer.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { default as Button } from '@mui/material/Button';
 import { SxProps } from '@mui/material/styles';
 export type CopyObject = {
     close_drawer_aria: string;
@@ -6,6 +7,7 @@ export type CopyObject = {
 interface DrawerProps {
     ariaLabelClose?: string;
     className?: string;
+    footerStyles?: SxProps;
     hasSecondaryAction?: boolean;
     id?: string;
     isOpen: boolean;
@@ -13,6 +15,7 @@ interface DrawerProps {
     onClose: () => void;
     onPrimaryAction?: () => void;
     onSecondaryAction?: () => void;
+    primaryButtonProps?: React.ComponentProps<typeof Button>;
     primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     primaryText?: string;
     secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning';

package/dist/common/components/drawer/Footer.d.ts

@@ -0,0 +1,17 @@
+import { default as Button } from '@mui/material/Button';
+import { SxProps } from '@mui/material/styles';
+type Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+type FooterProps = {
+    footerStyles?: SxProps;
+    hasSecondaryAction?: boolean;
+    isPrimaryDisabled?: boolean;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    primaryButtonProps?: React.ComponentProps<typeof Button>;
+    primaryColor?: Color;
+    primaryText?: string;
+    secondaryColor?: Color;
+    secondaryText?: string;
+};
+declare const Footer: ({ footerStyles, hasSecondaryAction, isPrimaryDisabled, onPrimaryAction, onSecondaryAction, primaryButtonProps, primaryColor, primaryText, secondaryColor, secondaryText, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

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

@@ -3,3 +3,4 @@ export { useCombineEvents, useCombinePageviews } from './useCombineEvents';
 export { useInsightsEnabled } from './useInsightsEnabled';
 export { useScreenSize } from './useScreenSize';
 export { usePrevious } from './usePrevious';
+export { useWidgetLoadTimer } from './useWidgetLoadTimer';

package/dist/common/hooks/useWidgetLoadTimer.d.ts

@@ -0,0 +1,6 @@
+interface UseWidgetLoadTimerOptions {
+    widgetName: string;
+    isLoaded?: boolean;
+}
+export declare const useWidgetLoadTimer: ({ widgetName, isLoaded }: UseWidgetLoadTimerOptions) => void;
+export {};