@mx-cartographer/experiences 6.2.8 → 6.2.9-alpha.mega2
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 +1 -1
- package/dist/common/components/charts/Donut.d.ts +3 -0
- package/dist/common/types/Holding.d.ts +2 -0
- package/dist/common/types/localization/InvestmentsCopy.d.ts +9 -0
- package/dist/index.es.js +7438 -7059
- package/dist/index.es.js.map +1 -1
- package/dist/investments/components/Allocation.d.ts +4 -2
- package/dist/investments/components/HoldingDrawer.d.ts +0 -1
- package/dist/investments/components/allocation/InvestementAllocationList.d.ts +10 -0
- package/dist/investments/components/allocation/InvestmentsAllocationChart.d.ts +29 -0
- package/dist/investments/components/allocation/util/createInvestementsAllocationData.d.ts +28 -0
- package/dist/notifications/components/NotificationDrawer.d.ts +1 -3
- package/dist/settings/components/notifications/NotificationSettings.d.ts +3 -12
- package/package.json +1 -1
@@ -0,0 +1,10 @@
|
|
1
|
+
import { InvestmentsData } from './InvestmentsAllocationChart';
|
2
|
+
interface InvestmentAllocationListProps {
|
3
|
+
data: InvestmentsData;
|
4
|
+
onSelected: (id: string) => void;
|
5
|
+
selectedId?: string;
|
6
|
+
selectedTabs: number;
|
7
|
+
setSelectedTabs: (value: number) => void;
|
8
|
+
}
|
9
|
+
export declare const InvestementAllocationList: ({ data, onSelected, selectedId, selectedTabs, setSelectedTabs, }: InvestmentAllocationListProps) => import("react/jsx-runtime").JSX.Element;
|
10
|
+
export {};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { InvestmentsAllocationData } from './util/createInvestementsAllocationData';
|
3
|
+
export interface DonutData {
|
4
|
+
id: string;
|
5
|
+
label?: string;
|
6
|
+
color: string;
|
7
|
+
value: number;
|
8
|
+
}
|
9
|
+
export interface InvestmentsData {
|
10
|
+
investmentsData: InvestmentsAllocationData[];
|
11
|
+
donutData: DonutData[];
|
12
|
+
totalAmount: number;
|
13
|
+
totalGainLoss: number;
|
14
|
+
totalMarketValue: number;
|
15
|
+
totalGainLossPercentage: number;
|
16
|
+
}
|
17
|
+
interface InvestementAllocationProps {
|
18
|
+
data: InvestmentsData;
|
19
|
+
hoveredId?: string;
|
20
|
+
isPercentage?: boolean;
|
21
|
+
onSelected: (id: string) => void;
|
22
|
+
onMouseEnter: (id: string) => void;
|
23
|
+
onMouseLeave: (id: string) => void;
|
24
|
+
selectedId?: string;
|
25
|
+
size?: number;
|
26
|
+
totalLabel: string;
|
27
|
+
}
|
28
|
+
export declare const InvestementsAllocationChart: React.FC<InvestementAllocationProps>;
|
29
|
+
export {};
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { Account, Holding } from '../../../../common';
|
2
|
+
import { InvestmentAllocationCopy } from '../../../../common/types/localization/InvestmentsCopy';
|
3
|
+
import { DonutData } from '../InvestmentsAllocationChart';
|
4
|
+
export interface InvestmentsAllocationData {
|
5
|
+
name: string;
|
6
|
+
displayName: string;
|
7
|
+
guid: string;
|
8
|
+
holdings: InvestmentAllocationTotals[];
|
9
|
+
percentage: number;
|
10
|
+
value: number;
|
11
|
+
color: string;
|
12
|
+
}
|
13
|
+
export interface InvestmentAllocationTotals {
|
14
|
+
displayName: string;
|
15
|
+
name: string;
|
16
|
+
value: number;
|
17
|
+
percentage: number;
|
18
|
+
}
|
19
|
+
export declare const createInvestmentsAllocationData: (accounts: Account[], copy: InvestmentAllocationCopy, holdings: Holding[]) => {
|
20
|
+
investmentsData: InvestmentsAllocationData[];
|
21
|
+
donutData: DonutData[];
|
22
|
+
totalAmount: number;
|
23
|
+
totalGainLoss: number;
|
24
|
+
totalMarketValue: number;
|
25
|
+
totalGainLossPercentage: number;
|
26
|
+
};
|
27
|
+
export declare const percentageDisplay: (value: number) => string | number | undefined;
|
28
|
+
export declare const currencyDisplay: (value: number) => string;
|
@@ -1,12 +1,10 @@
|
|
1
1
|
import { Notification } from '../../common';
|
2
|
-
import { Types } from '../../settings/components/notifications/NotificationSettings';
|
3
2
|
interface NotificationDrawerProps {
|
4
|
-
notificationTypes?: Types[];
|
5
3
|
isOpen: boolean;
|
6
4
|
onClose: () => void;
|
7
5
|
onNotificationClick?: (notification: Notification) => void;
|
8
6
|
}
|
9
|
-
export declare const NotificationDrawer: (({
|
7
|
+
export declare const NotificationDrawer: (({ isOpen, onClose, onNotificationClick }: NotificationDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
|
10
8
|
displayName: string;
|
11
9
|
};
|
12
10
|
export {};
|
@@ -1,12 +1,3 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
Budgets = "budgets",
|
5
|
-
Insights = "insights",
|
6
|
-
Delivery = "delivery"
|
7
|
-
}
|
8
|
-
interface NotificationSettingsProps {
|
9
|
-
notificationTypes?: Types[];
|
10
|
-
}
|
11
|
-
export declare const NotificationSettings: React.FC<NotificationSettingsProps>;
|
12
|
-
export {};
|
1
|
+
export declare const NotificationSettings: (() => import("react/jsx-runtime").JSX.Element) & {
|
2
|
+
displayName: string;
|
3
|
+
};
|