@mx-cartographer/insights-ui 1.4.6-alpha.mega9 → 1.4.8

package/README.md

@@ -5,6 +5,10 @@ In order to run the project you will need to make sure that you have yarn instal
 1. From the project root dir, run `yarn` or `yarn install` to install dependencies
 1. To start the project run `yarn dev` (the project should automatically run in the browser)
 
+## Publishing alpha versions
+1. Bump the version in package.json using the format `major.minor.patch-alpha.<yourinitials><n>`
+1. Run `npm publish --tag alpha`.
+
 ## Merging and Publishing
 
 1. After MR is approved, type `shipit` in the comments. Wait for shipit to merge your branch.
@@ -22,3 +26,4 @@ This will be the new home for individual insight ui.
 #Getting Started
 
 
+**************** PLEASE DO NOT MODIFY THE YARN LOCK MANUALLY *****************

package/dist/components/index.d.ts

@@ -1,14 +1,14 @@
+export * from './shared/BottomSheet';
+export * from './shared/Confetti';
 export * from './shared/GoalProgress';
 export * from './shared/GradientBox';
+export * from './shared/MiniInsightCard';
 export * from './shared/ProgressBar';
-export * from './shared/BottomSheet';
 export * from './shared/Charts/BarChart';
 export * from './shared/DirectDeposit/DirectDeposit';
 export * from './shared/DirectDeposit/DirectDepositSubHeader';
 export * from './shared/DirectDeposit/FullFeedBodyHeader';
-export * from './shared/DirectDeposit/FullFeedLogoSection';
 export * from './shared/DirectDeposit/LeftBox';
-export * from './shared/DirectDeposit/LowerBoxSection';
 export * from './shared/DirectDeposit/MiniBodyHeader';
 export * from './shared/DirectDeposit/RightBox';
 export * from './shared/InsightsCard/BeatCard';
@@ -19,6 +19,7 @@ export * from './shared/InsightsCard/CardError';
 export * from './shared/InsightsCard/ContentAndDescription';
 export * from './shared/InsightsCard/Description';
 export * from './shared/InsightsCard/InsightButton';
+export * from './shared/ZeroState/LinedCardZeroState';
 export * from './shared/InsightsCard/Shell';
 export * from './shared/GenericFeedback/FeedbackHeader';
 export * from './shared/GenericFeedback/FeedbackButtons';

package/dist/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 interface DiscoveredAccountsBodyProps {
-    accountGuid1: string;
-    accountGuid2: string;
-    account1AltText: string;
-    account2AltText: string;
-    success?: boolean;
+    account_guid_1: string;
+    account_guid_2: string;
+    account_1_alt_text: string;
+    account_2_alt_text: string;
+    isSuccess?: boolean;
 }
 export declare const DiscoveredAccountsBody: React.FC<DiscoveredAccountsBodyProps>;
 export {};

package/dist/components/shared/Charts/BarChart/BarChart.d.ts

@@ -1,2 +1,2 @@
 import { BarChartProps } from '../../../../types/Charts/BarChart';
-export declare const BarChart: ({ average, color, data, legendLabelAvg, legendLabelMain, selectedTabIndex, onBarClick, ...restProps }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BarChart: ({ amounts, color, data, legendLabelAvg, legendLabelMain, selectedTabIndex, onBarClick, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/Charts/BarChart/ChartLegend.d.ts

@@ -1,5 +1,5 @@
 export interface LegendProps {
-    average?: number;
+    average?: string;
     color: string;
     legendLabelAvg?: string;
     legendLabelMain?: string;

package/dist/components/shared/Charts/BarChart/CustomBarPlot.d.ts

@@ -1,8 +1,14 @@
+import { SpringValue } from '@react-spring/web';
 import { BarDataProps } from '../../../../types/Charts/BarChart';
+interface BarStyleProps extends React.CSSProperties {
+    x?: SpringValue<number>;
+    y?: SpringValue<number>;
+}
 export interface CustomBarPlotProps {
     colorRange: string[];
     data: BarDataProps[];
     dataIndex: number;
-    style: React.CSSProperties | undefined;
+    style: BarStyleProps;
 }
 export declare const CustomBarPlot: ({ colorRange, data, dataIndex, style, ...restProps }: CustomBarPlotProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/shared/Charts/__tests__/BarChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/shared/Confetti.d.ts

@@ -0,0 +1,5 @@
+export declare const Confetti: ({ height, width, shouldRun }: {
+    height?: number | undefined;
+    width?: number | undefined;
+    shouldRun?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/DirectDeposit/DirectDeposit.d.ts

@@ -1,16 +1,3 @@
 import { default as React } from 'react';
-interface DirectDepositProps {
-    accountGuid: string;
-    animation: {
-        shouldRun?: boolean;
-    };
-    leftLowerText: string;
-    leftUpperText: string;
-    headerString: string;
-    isComplete?: boolean;
-    isMini: boolean;
-    rightLowerText: string;
-    rightUpperText: string;
-}
-export declare const DirectDeposit: React.FC<DirectDepositProps>;
-export {};
+import { DepositBodyBaseProps } from '../../../types/DirectDeposit';
+export declare const DirectDeposit: React.FC<DepositBodyBaseProps>;

package/dist/components/shared/DirectDeposit/FullFeedBodyHeader.d.ts

@@ -1,5 +1,9 @@
 import { default as React } from 'react';
 interface BodyHeaderProps {
+    account: {
+        guid: string;
+        logo_alt_text: string;
+    };
     headerString: string;
 }
 export declare const FullFeedBodyHeader: React.FC<BodyHeaderProps>;

package/dist/components/shared/DirectDeposit/MiniBodyHeader.d.ts

@@ -1,6 +1,9 @@
 import { default as React } from 'react';
 interface MiniBodyHeaderProps {
-    accountGuid: string;
+    account: {
+        guid: string;
+        logo_alt_text: string;
+    };
     headerString: string;
 }
 export declare const MiniBodyHeader: React.FC<MiniBodyHeaderProps>;

package/dist/components/shared/InsightsCard/CardError.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-interface CardErrorProps {
+export interface CardErrorProps {
     erroredText: string;
 }
 export declare const CardError: React.FC<CardErrorProps>;
-export {};

package/dist/components/shared/InsightsCard/CardLoading.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-interface CardLoadingProps {
+export interface CardLoadingProps {
     altImg?: string;
 }
 export declare const CardLoading: React.FC<CardLoadingProps>;
-export {};

package/dist/components/shared/InsightsCard/InsightButton.d.ts

@@ -7,6 +7,6 @@ export interface InsightButtonProps {
     onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined) => void;
     primary?: boolean;
     sx?: object;
-    variant?: 'text' | 'contained' | 'outlined';
+    variant?: 'contained' | 'outlined' | 'text';
 }
 export declare const InsightButton: React.FC<InsightButtonProps>;

package/dist/components/shared/InsightsCard/__tests__/CardError.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/shared/InsightsCard/__tests__/CardLoading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/shared/InsightsCard/__tests__/ContentAndDescription.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/shared/InsightsCard/__tests__/LinedCardZeroState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/shared/MiniInsightCard.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface MiniInsightsCardProps {
+    beat: {
+        [key: string]: any;
+    };
+    DismissedBeat?: React.ReactNode;
+    headerTextOverride?: React.ReactElement | string;
+    height?: number | string;
+    setRefs?: (...args: any[]) => void;
+    subHeader?: React.ReactElement | string;
+}
+interface MiniInsightsProps extends MiniInsightsCardProps {
+    children: React.ReactNode;
+}
+export declare const MiniInsightCard: React.FC<MiniInsightsProps>;
+export {};

package/dist/components/shared/ZeroState/LinedCardZeroState.d.ts

@@ -0,0 +1 @@
+export declare const LinedCardZeroState: () => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useContainerDimensions.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const useContainerDimensions: (containerRef: React.RefObject<HTMLDivElement>) => {
+    width: number;
+    height: number;
+};