@mx-cartographer/experiences 3.16.1-alpha.bb3 → 3.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [3.16.1] - 12-04-2024
2
+
3
+ - **ADDED** - Make text on header centered and update the back icon to new symbol
4
+
5
+ ## [3.16.0] - 12-04-2024
6
+
7
+ - **ADDED** - Client branding to back arrow in drawer
8
+
1
9
  ## [3.15.0] - 11-25-2024
2
10
 
3
11
  - **ADDED** - Refreshed Bubble Budgets Widget
@@ -1,7 +1,8 @@
1
1
  import { default as React } from 'react';
2
2
  import { SimulationNodeDatum } from 'd3-force';
3
3
  import { DetailedBudget } from '../../common';
4
- export interface BubbleData extends DetailedBudget, SimulationNodeDatum {
4
+ export interface BubbleData extends SimulationNodeDatum {
5
+ budget_guid: string;
5
6
  radius: number;
6
7
  }
7
8
  interface BubbleChartProps {
@@ -1,9 +1,10 @@
1
- import { DetailedBudget } from '../../../common';
1
+ import { default as React } from 'react';
2
2
  import { BubbleData } from '../BubbleChart';
3
+ import { DetailedBudget } from '../../../common';
3
4
  interface BubbleProps {
4
5
  bubble: BubbleData;
5
6
  isDraggable: boolean;
6
7
  onClick?: (budget: DetailedBudget) => void;
7
8
  }
8
- export declare function Bubble({ bubble, isDraggable, onClick }: BubbleProps): import("react/jsx-runtime").JSX.Element | undefined;
9
+ export declare const Bubble: React.FC<BubbleProps>;
9
10
  export {};
@@ -1,6 +1,9 @@
1
+ import { default as React } from 'react';
1
2
  import { BubbleData } from '../BubbleChart';
3
+ import { DetailedBudget } from '../../../common';
2
4
  interface MercuryProps {
3
5
  bubble: BubbleData;
6
+ budget: DetailedBudget;
4
7
  }
5
- export declare function Mercury({ bubble }: MercuryProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare const Mercury: React.FC<MercuryProps>;
6
9
  export {};
@@ -1,5 +1,5 @@
1
1
  import { Theme } from '@mui/system';
2
- import { Budget, Category, DateRange, DetailedBudget, DetailedCategory, CategoryApi, GlobalStore } from '../../common';
2
+ import { Account, Budget, Category, CategoryTotal, DateRange, DetailedBudget, DetailedCategory, CategoryApi, GlobalStore } from '../../common';
3
3
  import { BudgetsApi } from '../api/BudgetsApi';
4
4
  export declare class BudgetsStore {
5
5
  api: BudgetsApi;
@@ -7,6 +7,7 @@ export declare class BudgetsStore {
7
7
  globalStore: GlobalStore;
8
8
  dateRange: DateRange;
9
9
  budgets: Budget[];
10
+ categoryTotals: CategoryTotal[];
10
11
  selectedBudget: DetailedBudget | undefined;
11
12
  selectedSubBudget: DetailedBudget | undefined;
12
13
  theme: Theme;
@@ -17,7 +18,9 @@ export declare class BudgetsStore {
17
18
  get totalBudgeted(): number;
18
19
  addBudget: (category: Category, amount: number, parentGuid?: string | null) => Promise<void>;
19
20
  deleteBudget: (guid: string) => Promise<void>;
21
+ generateBudgets: () => Promise<void>;
20
22
  loadBudgets: () => Promise<void>;
23
+ loadCategoryTotals: (accounts: Account[], dateRange: DateRange) => Promise<void>;
21
24
  setDateRange: (dateRange: DateRange) => DateRange;
22
25
  setSelectedBudget: (budget: DetailedBudget | undefined) => DetailedBudget | undefined;
23
26
  setSelectedSubBudget: (budget: DetailedBudget | undefined) => DetailedBudget | undefined;
@@ -1,8 +1,9 @@
1
1
  import { Simulation } from 'd3';
2
+ import { SimulationNodeDatum } from 'd3-force';
2
3
  import { BubbleData } from '../components/BubbleChart';
3
4
  import { DetailedBudget } from '../../common';
4
5
  import * as d3 from 'd3';
5
- export type SimulationType = Simulation<BubbleData, undefined>;
6
+ export type SimulationType = Simulation<SimulationNodeDatum, undefined>;
6
7
  /**
7
8
  * Enables dragging of bubbles
8
9
  * @param simulation D3 Simulation
@@ -10,9 +11,10 @@ export type SimulationType = Simulation<BubbleData, undefined>;
10
11
  export declare const drag: (simulation: SimulationType) => d3.DragBehavior<Element, unknown, unknown>;
11
12
  /**
12
13
  * Provide d values for the arc between the start and end radius based on time
13
- * @param bubble Bubble data
14
+ * @param budget Budget data
15
+ * @param data Bubble data
14
16
  */
15
- export declare const arcTween: (bubble: BubbleData) => (t: number) => string;
17
+ export declare const arcTween: (budget: DetailedBudget, data: BubbleData) => (t: number) => string;
16
18
  /**
17
19
  * Enable drag
18
20
  * @param simulation D3 Simulation
@@ -28,6 +30,6 @@ export declare const resize: (simulation: SimulationType, height: number, width:
28
30
  export declare const getScale: (min: number, max: number) => d3.ScaleLinear<number, number, never>;
29
31
  /**
30
32
  * Simulates the chart
31
- * @param budgets Budget data
33
+ * @param data All Bubble data for the chart
32
34
  */
33
- export declare const simulate: (budgets: DetailedBudget[]) => d3.Simulation<BubbleData, undefined>;
35
+ export declare const simulate: (data: BubbleData[]) => d3.Simulation<d3.SimulationNodeDatum, undefined>;
@@ -18,7 +18,6 @@ export declare class CategoryStore {
18
18
  loadCategories: () => Promise<void>;
19
19
  loadDateRangeCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
20
20
  loadMonthlyCategoryTotals: (accounts?: Account[], startDate?: Date, endDate?: Date) => Promise<void>;
21
- reloadCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
22
21
  removeCategory: (guid: string) => Promise<void>;
23
22
  setIsLoadingCategoryTotals: (isLoading: boolean) => void;
24
23
  updateCategory: (category: Category) => Promise<void>;
@@ -16,7 +16,7 @@ interface WidgetContainerProps {
16
16
  start: Date;
17
17
  end: Date;
18
18
  };
19
- dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons';
19
+ dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs';
20
20
  hasDivider?: boolean;
21
21
  onBackClick?: () => void;
22
22
  onAccountsFilterClick?: () => void;
@@ -22,7 +22,7 @@ export interface DateRangeSelectorProps {
22
22
  range?: DateRange<Date>;
23
23
  shouldShrinkToIcon?: boolean;
24
24
  toolTipContent?: string;
25
- variant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons';
25
+ variant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs';
26
26
  }
27
27
  export type Timeframe = {
28
28
  label: string;
@@ -1,5 +1,4 @@
1
- declare function DebtsWidget(): import("react/jsx-runtime").JSX.Element;
2
- declare const _default: typeof DebtsWidget & {
3
- displayName: string;
4
- };
1
+ import { default as React } from 'react';
2
+ import { WidgetProps } from '../common';
3
+ declare const _default: React.FunctionComponent<WidgetProps>;
5
4
  export default _default;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ type DataPoint = {
3
+ x: Date;
4
+ y: number;
5
+ };
6
+ type Dataset = DataPoint[];
7
+ interface DebtData {
8
+ name: string;
9
+ dataset: Dataset;
10
+ }
11
+ interface DebtsChartProps {
12
+ debts: DebtData[];
13
+ height?: number;
14
+ width?: number;
15
+ }
16
+ export declare const DebtsChart: React.FC<DebtsChartProps>;
17
+ export {};
@@ -1,2 +1,3 @@
1
1
  export { default as DebtsWidget } from './DebtsWidget';
2
+ export { DebtsChart } from './components/DebtsChart';
2
3
  export { DebtsStore } from './store/DebtsStore';
@@ -0,0 +1,9 @@
1
+ import { Debt } from '../../common';
2
+ declare const transformDebtsData: (debts: Debt[]) => {
3
+ name: string;
4
+ dataset: {
5
+ x: Date;
6
+ y: number;
7
+ }[];
8
+ }[];
9
+ export { transformDebtsData };