@layerfi/components 0.1.57 → 0.1.59

package/dist/index.d.ts

@@ -337,7 +337,7 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
 
 }
 declare module '@layerfi/components/api/layer/quickbooks' {
-  import { StatusOfSyncFromQuickbooks } from "@layerfi/components/types/quickbooks";
+  import { StatusOfSyncFromQuickbooks } from '@layerfi/components/types/quickbooks';
   export const syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
@@ -358,7 +358,7 @@ declare module '@layerfi/components/api/layer/quickbooks' {
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
       data: {
-          type: "Quickbooks_Authorization_Params";
+          type: 'Quickbooks_Authorization_Params';
           redirect_url: string;
       };
   }>;
@@ -839,7 +839,11 @@ declare module '@layerfi/components/components/BalanceSheetDatePicker/index' {
 }
 declare module '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton' {
   import React from 'react';
-  export const BalanceSheetExpandAllButton: () => React.JSX.Element;
+  import { View } from '@layerfi/components/types/general';
+  export interface BalanceSheetExpandAllButtonProps {
+      view?: View;
+  }
+  export const BalanceSheetExpandAllButton: ({ view, }: BalanceSheetExpandAllButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BalanceSheetExpandAllButton/index' {
@@ -1271,7 +1275,8 @@ declare module '@layerfi/components/components/Button/Button' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
   export enum ButtonVariant {
       primary = "primary",
-      secondary = "secondary"
+      secondary = "secondary",
+      tertiary = "tertiary"
   }
   export type ButtonJustify = 'center' | 'space-between' | 'start';
   export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1282,8 +1287,9 @@ declare module '@layerfi/components/components/Button/Button' {
       iconAsPrimary?: boolean;
       justify?: ButtonJustify;
       fullWidth?: boolean;
+      isProcessing?: boolean;
   }
-  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: ButtonProps) => React.JSX.Element;
+  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, isProcessing, ...props }: ButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/CloseButton' {
@@ -1293,6 +1299,21 @@ declare module '@layerfi/components/components/Button/CloseButton' {
   }
   export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/DownloadButton' {
+  import React from 'react';
+  interface DownloadButtonProps {
+      onClick?: () => void | Promise<void>;
+      iconOnly?: boolean;
+      isDownloading?: boolean;
+      requestFailed?: boolean;
+      text?: string;
+      retryText?: string;
+      errorText?: string;
+  }
+  export const DownloadButton: ({ iconOnly, onClick, isDownloading, requestFailed, text, retryText, errorText, }: DownloadButtonProps) => React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/Button/ExpandButton' {
   import React, { ButtonHTMLAttributes } from 'react';
@@ -1301,6 +1322,19 @@ declare module '@layerfi/components/components/Button/ExpandButton' {
   }
   export const ExpandButton: ({ className, children, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/ExpandCollapseButton' {
+  import React from 'react';
+  import { ButtonVariant } from '@layerfi/components/components/Button/Button';
+  export interface ExpandCollapseButtonProps {
+      onClick: (value: boolean) => void;
+      expanded?: boolean;
+      className?: string;
+      iconOnly?: boolean;
+      variant?: ButtonVariant;
+  }
+  export const ExpandCollapseButton: ({ onClick, expanded, className, iconOnly, variant, }: ExpandCollapseButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/IconButton' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -1389,6 +1423,8 @@ declare module '@layerfi/components/components/Button/index' {
   export { ExpandButton } from '@layerfi/components/components/Button/ExpandButton';
   export { SwitchButton } from '@layerfi/components/components/Button/SwitchButton';
   export { Link } from '@layerfi/components/components/Button/Link';
+  export { DownloadButton } from '@layerfi/components/components/Button/DownloadButton';
+  export { ExpandCollapseButton } from '@layerfi/components/components/Button/ExpandCollapseButton';
 
 }
 declare module '@layerfi/components/components/Card/Card' {
@@ -1466,7 +1502,6 @@ declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts'
   import React from 'react';
   import { ChartOfAccountsTableStringOverrides } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
   import { LedgerAccountStringOverrides } from '@layerfi/components/components/LedgerAccount/LedgerAccountIndex';
-  export type View = 'mobile' | 'tablet' | 'desktop';
   export interface ChartOfAccountsStringOverrides {
       chartOfAccountsTable?: ChartOfAccountsTableStringOverrides;
       ledgerAccount?: LedgerAccountStringOverrides;
@@ -1481,7 +1516,7 @@ declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts'
 
 }
 declare module '@layerfi/components/components/ChartOfAccounts/index' {
-  export { ChartOfAccounts, View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
 
 }
 declare module '@layerfi/components/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker' {
@@ -1507,7 +1542,7 @@ declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccoun
       subTypeLabel?: string;
       normalityLabel?: string;
   }
-  export const ChartOfAccountsForm: ({ stringOverrides }: {
+  export const ChartOfAccountsForm: ({ stringOverrides, }: {
       stringOverrides?: ChartOfAccountsFormStringOverrides | undefined;
   }) => React.JSX.Element | undefined;
 
@@ -1553,7 +1588,7 @@ declare module '@layerfi/components/components/ChartOfAccountsSidebar/index' {
 declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable' {
   import React from 'react';
   import { ChartWithBalances } from '@layerfi/components/types/chart_of_accounts';
-  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  import { View } from '@layerfi/components/types/general';
   import { ChartOfAccountsTableStringOverrides, ExpandActionState } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
   export const ChartOfAccountsTable: ({ view, stringOverrides, data, error, expandAll, cumulativeIndex, accountsLength, }: {
       view: View;
@@ -1564,7 +1599,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       cumulativeIndex: number;
       accountsLength: number;
   }) => React.JSX.Element;
-  export const ChartOfAccountsTableContent: ({ view, stringOverrides, data, error, expandAll, cumulativeIndex, accountsLength, }: {
+  export const ChartOfAccountsTableContent: ({ stringOverrides, data, error, expandAll, }: {
       view: View;
       data: ChartWithBalances;
       stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
@@ -1577,7 +1612,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
 }
 declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel' {
   import React, { RefObject } from 'react';
-  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  import { View } from '@layerfi/components/types/general';
   import { ChartOfAccountsFormStringOverrides } from '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm';
   export type ExpandActionState = undefined | 'expanded' | 'collapsed';
   export interface ChartOfAccountsTableStringOverrides {
@@ -1618,6 +1653,10 @@ declare module '@layerfi/components/components/Container/Container' {
 
 }
 declare module '@layerfi/components/components/Container/Header' {
+  /**
+   * @deprecated- use components/Header instead.
+   * This has been kept to not introduce breaking changes.
+   */
   import React, { CSSProperties, ReactNode } from 'react';
   export enum HeaderLayout {
       DEFAULT = "default",
@@ -1662,8 +1701,10 @@ declare module '@layerfi/components/components/DataState/index' {
 }
 declare module '@layerfi/components/components/DatePicker/DatePicker' {
   import React from 'react';
+  export type DatePickerMode = 'dayPicker' | 'monthRangePicker' | 'timePicker' | DateRangeDatePickerModes;
+  export type DateRangeDatePickerModes = 'dayRangePicker' | 'monthPicker';
   interface DatePickerProps {
-      mode: 'dayPicker' | 'dayRangePicker' | 'monthPicker' | 'monthRangePicker' | 'timePicker';
+      mode: DatePickerMode;
       selected: Date | [Date | null, Date | null];
       onChange: (date: Date | [Date, Date | null]) => void;
       dateFormat?: string;
@@ -1718,10 +1759,11 @@ declare module '@layerfi/components/components/DetailsList/DetailsList' {
   export interface DetailsListProps {
       title?: string;
       className?: string;
+      titleClassName?: string;
       children: ReactNode;
       actions?: ReactNode;
   }
-  export const DetailsList: ({ title, children, className, actions, }: DetailsListProps) => React.JSX.Element;
+  export const DetailsList: ({ title, children, className, titleClassName, actions, }: DetailsListProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/DetailsList/DetailsListItem' {
@@ -1828,6 +1870,47 @@ declare module '@layerfi/components/components/GlobalWidgets/GlobalWidgets' {
 declare module '@layerfi/components/components/GlobalWidgets/index' {
   export { GlobalWidgets } from '@layerfi/components/components/GlobalWidgets/GlobalWidgets';
 
+}
+declare module '@layerfi/components/components/Header/Header' {
+  import React, { CSSProperties, ReactNode } from 'react';
+  export interface HeaderProps {
+      className?: string;
+      style?: CSSProperties;
+      asHeader?: boolean;
+      sticky?: boolean;
+      rounded?: boolean;
+      children: ReactNode;
+  }
+  export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+
+}
+declare module '@layerfi/components/components/Header/HeaderCol' {
+  import React, { CSSProperties, ReactNode } from 'react';
+  interface HeaderColProps {
+      className?: string;
+      style?: CSSProperties;
+      children: ReactNode;
+  }
+  export const HeaderCol: ({ className, children, style }: HeaderColProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Header/HeaderRow' {
+  import React, { CSSProperties, ReactNode } from 'react';
+  interface HeaderRowProps {
+      className?: string;
+      style?: CSSProperties;
+      children: ReactNode;
+  }
+  export const HeaderRow: ({ className, children, style }: HeaderRowProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Header/index' {
+  export { Header } from '@layerfi/components/components/Header/Header';
+  export { HeaderRow } from '@layerfi/components/components/Header/HeaderRow';
+  export { HeaderCol } from '@layerfi/components/components/Header/HeaderCol';
+
 }
 declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
   import React, { ReactNode } from 'react';
@@ -1951,7 +2034,6 @@ declare module '@layerfi/components/components/Input/index' {
 declare module '@layerfi/components/components/Journal/Journal' {
   import React from 'react';
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
-  export type View = 'mobile' | 'tablet' | 'desktop';
   export interface JournalConfig {
       form: {
           addEntryLinesLimit?: number;
@@ -1970,7 +2052,7 @@ declare module '@layerfi/components/components/Journal/Journal' {
 
 }
 declare module '@layerfi/components/components/Journal/index' {
-  export { Journal, View } from '@layerfi/components/components/Journal/Journal';
+  export { Journal } from '@layerfi/components/components/Journal/Journal';
 
 }
 declare module '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails' {
@@ -1991,7 +2073,7 @@ declare module '@layerfi/components/components/JournalForm/JournalForm' {
       retryButton?: string;
       saveButton?: string;
   }
-  export const JournalForm: ({ config, stringOverrides }: {
+  export const JournalForm: ({ config, stringOverrides, }: {
       config: JournalConfig;
       stringOverrides?: JournalFormStringOverrides | undefined;
   }) => React.JSX.Element;
@@ -2035,7 +2117,7 @@ declare module '@layerfi/components/components/JournalSidebar/index' {
 declare module '@layerfi/components/components/JournalTable/JournalTable' {
   import React from 'react';
   import { JournalEntry } from '@layerfi/components/types';
-  import { View } from '@layerfi/components/components/Journal/index';
+  import { View } from '@layerfi/components/types/general';
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
   export const JournalTable: ({ view, data, stringOverrides, }: {
       view: View;
@@ -2046,11 +2128,12 @@ declare module '@layerfi/components/components/JournalTable/JournalTable' {
 }
 declare module '@layerfi/components/components/JournalTable/JournalTableWithPanel' {
   import React, { RefObject } from 'react';
-  import { View } from '@layerfi/components/components/Journal/index';
+  import { View } from '@layerfi/components/types/general';
   import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
   import { JournalFormStringOverrides } from '@layerfi/components/components/JournalForm/JournalForm';
   export interface JournalTableStringOverrides {
       componentTitle?: string;
+      componentSubtitle?: string;
       addEntryButton?: string;
       idColumnHeader?: string;
       dateColumnHeader?: string;
@@ -2060,7 +2143,7 @@ declare module '@layerfi/components/components/JournalTable/JournalTableWithPane
       creditColumnHeader?: string;
       journalForm?: JournalFormStringOverrides;
   }
-  export const JournalTableWithPanel: ({ containerRef, pageSize, config, stringOverrides, }: {
+  export const JournalTableWithPanel: ({ containerRef, pageSize, config, stringOverrides, view, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
       pageSize?: number | undefined;
@@ -2075,7 +2158,7 @@ declare module '@layerfi/components/components/JournalTable/index' {
 }
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex' {
   import React, { RefObject } from 'react';
-  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  import { View } from '@layerfi/components/types/general';
   import { LedgerAccountEntryDetailsStringOverrides } from '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails';
   interface LedgerEntriesTableStringOverrides {
       dateColumnHeader?: string;
@@ -2102,7 +2185,7 @@ declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex'
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountRow' {
   import React from 'react';
   import { LedgerAccountLineItem } from '@layerfi/components/types';
-  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  import { View } from '@layerfi/components/types/general';
   export interface LedgerAccountRowProps {
       row: LedgerAccountLineItem;
       index: number;
@@ -2432,7 +2515,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           setCompareOptions: (options: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]) => void;
           refetch: (dateRange: import("@layerfi/components/types").DateRange, actAsInitial?: boolean | undefined) => void;
       }>;
-      DatePicker: () => React.JSX.Element;
+      DatePicker: ({ datePickerMode, }: import("@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker").ProfitAndLossDatePickerProps) => React.JSX.Element;
       CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
       Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: {
           vertical?: boolean | undefined;
@@ -2517,7 +2600,11 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker' {
   import React from 'react';
-  export const ProfitAndLossDatePicker: () => React.JSX.Element;
+  import { DatePickerMode } from '@layerfi/components/components/DatePicker/DatePicker';
+  export type ProfitAndLossDatePickerProps = {
+      datePickerMode?: DatePickerMode;
+  };
+  export const ProfitAndLossDatePicker: ({ datePickerMode, }: ProfitAndLossDatePickerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
@@ -2539,7 +2626,7 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       showDatePicker?: boolean;
       chartColorsList?: string[];
   }
-  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, chartColorsList, isLoading, showDatePicker, }: DetailedChartProps) => React.JSX.Element;
+  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, chartColorsList, isLoading, showDatePicker, }: DetailedChartProps) => React.JSX.Element;
   export {};
 
 }
@@ -2717,7 +2804,7 @@ declare module '@layerfi/components/components/ProfitAndLossView/index' {
 
 }
 declare module '@layerfi/components/components/Quickbooks/Quickbooks' {
-  import React from "react";
+  import React from 'react';
   const Quickbooks: () => React.JSX.Element;
   export { Quickbooks };
 
@@ -2763,13 +2850,17 @@ declare module '@layerfi/components/components/SkeletonTableLoader/index' {
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow' {
   import React from 'react';
+  import { DatePickerMode, DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
   import { StatementOfCashFlowTableStringOverrides } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
   export interface StatementOfCashFlowStringOverrides {
       statementOfCashFlowTable?: StatementOfCashFlowTableStringOverrides;
+      datePickerMode?: DatePickerMode;
   }
-  export const StatementOfCashFlow: ({ stringOverrides }: {
-      stringOverrides?: StatementOfCashFlowStringOverrides | undefined;
-  }) => React.JSX.Element;
+  export interface StatementOfCashFlowProps {
+      stringOverrides?: StatementOfCashFlowStringOverrides;
+      datePickerMode?: DateRangeDatePickerModes;
+  }
+  export const StatementOfCashFlow: ({ stringOverrides, datePickerMode, }: StatementOfCashFlowProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
@@ -2887,7 +2978,7 @@ declare module '@layerfi/components/components/TableBody/index' {
 declare module '@layerfi/components/components/TableCell/TableCell' {
   import React from 'react';
   import { TableCellProps } from '@layerfi/components/types/table';
-  export const TableCell: ({ children, isHeaderCell, isCurrency, primary, withExpandIcon, fullWidth, colSpan, onClick, }: TableCellProps) => React.JSX.Element;
+  export const TableCell: ({ children, className, isHeaderCell, isCurrency, align, primary, withExpandIcon, fullWidth, colSpan, onClick, style, width, }: TableCellProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TableCell/index' {
@@ -2913,46 +3004,6 @@ declare module '@layerfi/components/components/TableRow/TableRow' {
 declare module '@layerfi/components/components/TableRow/index' {
   export { TableRow } from '@layerfi/components/components/TableRow/TableRow';
 
-}
-declare module '@layerfi/components/components/Tabs/Tab' {
-  import React, { ChangeEvent, ReactNode } from 'react';
-  interface TabProps {
-      checked: boolean;
-      label: string;
-      name: string;
-      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-      value: string;
-      disabled?: boolean;
-      disabledMessage?: string;
-      leftIcon?: ReactNode;
-      index: number;
-  }
-  export const Tab: ({ checked, label, name, onChange, value, leftIcon, disabled, disabledMessage, index, }: TabProps) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Tabs/Tabs' {
-  import React, { ChangeEvent, ReactNode } from 'react';
-  interface Option {
-      label: string;
-      value: string;
-      disabled?: boolean;
-      disabledMessage?: string;
-      leftIcon?: ReactNode;
-  }
-  interface TabsProps {
-      name: string;
-      options: Option[];
-      selected?: Option['value'];
-      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-  }
-  export const Tabs: ({ name, options, selected, onChange }: TabsProps) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Tabs/index' {
-  export { Tabs } from '@layerfi/components/components/Tabs/Tabs';
-
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
   import React, { ReactNode } from 'react';
@@ -3332,13 +3383,14 @@ declare module '@layerfi/components/components/View/View' {
   export interface ViewProps {
       children: ReactNode;
       title?: string;
+      showHeader?: boolean;
       headerControls?: ReactNode;
       type?: 'default' | 'panel';
       withSidebar?: boolean;
       sidebar?: ReactNode;
       viewClassName?: string;
   }
-  export const View: ({ title, children, headerControls, type, withSidebar, sidebar, viewClassName, }: ViewProps) => React.JSX.Element;
+  export const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLDivElement>>;
 
 }
 declare module '@layerfi/components/components/View/index' {
@@ -3501,7 +3553,7 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
 
 }
 declare module '@layerfi/components/contexts/BankTransactionsContext/index' {
-  export { BankTransactionsContext, useBankTransactionsContext } from '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext';
+  export { BankTransactionsContext, useBankTransactionsContext, } from '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext';
 
 }
 declare module '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccountsContext' {
@@ -3659,8 +3711,6 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/index' {
 }
 declare module '@layerfi/components/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext' {
   /// <reference types="react" />
-  import { TagComparisonOption } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
-  import { DateRange } from '@layerfi/components/types';
   export const PNLComparisonContext: import("react").Context<{
       data: import("@layerfi/components/types/profit_and_loss").ProfitAndLossComparisonItem[] | undefined;
       isLoading: boolean;
@@ -3670,9 +3720,9 @@ declare module '@layerfi/components/contexts/ProfitAndLossComparisonContext/Prof
       setCompareMode: (mode: boolean) => void;
       compareMonths: number;
       setCompareMonths: (months: number) => void;
-      compareOptions: TagComparisonOption[];
-      setCompareOptions: (options: TagComparisonOption[]) => void;
-      refetch: (dateRange: DateRange, actAsInitial?: boolean | undefined) => void;
+      compareOptions: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[];
+      setCompareOptions: (options: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]) => void;
+      refetch: (dateRange: import("@layerfi/components/types").DateRange, actAsInitial?: boolean | undefined) => void;
   }>;
 
 }
@@ -3912,6 +3962,16 @@ declare module '@layerfi/components/hooks/useElementSize/useElementSize' {
       clientHeight: number;
   }) => void) => import("react").RefObject<T>;
 
+}
+declare module '@layerfi/components/hooks/useElementViewSize/index' {
+  export { useElementViewSize } from '@layerfi/components/hooks/useElementViewSize/useElementViewSize';
+
+}
+declare module '@layerfi/components/hooks/useElementViewSize/useElementViewSize' {
+  /// <reference types="react" />
+  import { View } from '@layerfi/components/types/general';
+  export const useElementViewSize: <T extends HTMLElement>(callback: (view: View) => void) => import("react").RefObject<T>;
+
 }
 declare module '@layerfi/components/hooks/useJournal/index' {
   export { useJournal } from '@layerfi/components/hooks/useJournal/useJournal';
@@ -4312,14 +4372,14 @@ declare module '@layerfi/components/icons/ChevronDownFill' {
 declare module '@layerfi/components/icons/ChevronLeft' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronLeft: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronLeft: ({ ...props }: IconSvgProps) => React.JSX.Element;
   export default ChevronLeft;
 
 }
 declare module '@layerfi/components/icons/ChevronRight' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronRight: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronRight: ({ ...props }: IconSvgProps) => React.JSX.Element;
   export default ChevronRight;
 
 }
@@ -4336,6 +4396,13 @@ declare module '@layerfi/components/icons/Coffee' {
   const CoffeeIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default CoffeeIcon;
 
+}
+declare module '@layerfi/components/icons/Collapse' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Collapse: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  export default Collapse;
+
 }
 declare module '@layerfi/components/icons/CreditCard' {
   import * as React from 'react';
@@ -4357,6 +4424,13 @@ declare module '@layerfi/components/icons/Edit2' {
   const Edit2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Edit2;
 
+}
+declare module '@layerfi/components/icons/Expand' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Expand: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  export default Expand;
+
 }
 declare module '@layerfi/components/icons/Folder' {
   import * as React from 'react';
@@ -4419,6 +4493,13 @@ declare module '@layerfi/components/icons/PlaidIcon' {
   const PlaidIcon: () => React.JSX.Element;
   export default PlaidIcon;
 
+}
+declare module '@layerfi/components/icons/Plus' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Plus: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Plus;
+
 }
 declare module '@layerfi/components/icons/PlusIcon' {
   import * as React from 'react';
@@ -4926,6 +5007,7 @@ declare module '@layerfi/components/types/chart_of_accounts' {
 }
 declare module '@layerfi/components/types/general' {
   export type SortDirection = 'asc' | 'desc';
+  export type View = 'mobile' | 'tablet' | 'desktop';
   export interface BaseSelectOption {
       label: string;
       value: string | number;
@@ -5392,7 +5474,7 @@ declare module '@layerfi/components/types/statement_of_cash_flow' {
 
 }
 declare module '@layerfi/components/types/table' {
-  import { ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   export interface TableContextProps {
       expandedRows: string[];
       setExpandedRows: (rowKey: string) => void;
@@ -5400,6 +5482,10 @@ declare module '@layerfi/components/types/table' {
       expandedAllRows: boolean;
       setExpandedAllRows: (expanded: boolean) => void;
   }
+  export enum TableCellAlign {
+      RIGHT = "right",
+      LEFT = "left"
+  }
   export interface TableProps {
       children: ReactNode | ReactNode[];
       componentName?: string;
@@ -5428,11 +5514,15 @@ declare module '@layerfi/components/types/table' {
   }
   export interface TableCellProps {
       children?: number | string | ReactNode;
+      className?: string;
       isCurrency?: boolean;
       isHeaderCell?: boolean;
+      align?: TableCellAlign;
       primary?: boolean;
       withExpandIcon?: boolean;
       fullWidth?: boolean;
+      width?: string;
+      style?: CSSProperties;
       colSpan?: number;
       onClick?: (e: React.MouseEvent<HTMLTableCellElement, MouseEvent>) => void;
   }
@@ -5467,7 +5557,7 @@ declare module '@layerfi/components/types' {
   export { LineItem } from '@layerfi/components/types/line_item';
   export { BalanceSheet } from '@layerfi/components/types/balance_sheet';
   export { StatementOfCashFlow } from '@layerfi/components/types/statement_of_cash_flow';
-  export { Direction, BankTransaction, DisplayState } from '@layerfi/components/types/bank_transactions';
+  export { Direction, BankTransaction, DisplayState, } from '@layerfi/components/types/bank_transactions';
   export { CategorizationStatus, Category, CategorizationType, AutoCategorization, SuggestedCategorization, SingleCategoryUpdate, SplitCategoryUpdate, CategoryUpdate, } from '@layerfi/components/types/categories';
   export { ChartOfAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/chart_of_accounts';
   export { LedgerAccountLineItems as LedgerAccounts, LedgerAccountLineItem, LedgerAccountsAccount, LedgerAccountsEntry, } from '@layerfi/components/types/ledger_accounts';
@@ -5486,6 +5576,7 @@ declare module '@layerfi/components/types' {
       endDate: T;
   };
   export type ReportingBasis = 'CASH' | 'ACCRUAL';
+  export type MoneyFormat = 'CENTS' | 'DOLLAR_STRING';
 
 }
 declare module '@layerfi/components/utils/bankTransactions' {
@@ -5605,13 +5696,14 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
   }
   export interface AccountingOverviewProps {
       title?: string;
+      showTitle?: boolean;
       enableOnboarding?: boolean;
       onTransactionsToReviewClick?: () => void;
       middleBanner?: ReactNode;
       chartColorsList?: string[];
       stringOverrides?: AccountingOverviewStringOverrides;
   }
-  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, }: AccountingOverviewProps) => React.JSX.Element;
   export {};
 
 }
@@ -5630,6 +5722,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
   }
   export interface BankTransactionsWithLinkedAccountsProps {
       title?: string;
+      showTitle?: boolean;
       elevatedLinkedAccounts?: boolean;
       showLedgerBalance?: boolean;
       showUnlinkItem?: boolean;
@@ -5640,7 +5733,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
   export {};
 
 }
@@ -5685,9 +5778,10 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   }
   export interface GeneralLedgerProps {
       title?: string;
+      showTitle?: boolean;
       stringOverrides?: GeneralLedgerStringOverrides;
   }
-  export const GeneralLedgerView: ({ title, stringOverrides, }: GeneralLedgerProps) => React.JSX.Element;
+  export const GeneralLedgerView: ({ title, showTitle, stringOverrides, }: GeneralLedgerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/GeneralLedger/index' {
@@ -5697,10 +5791,12 @@ declare module '@layerfi/components/views/GeneralLedger/index' {
 declare module '@layerfi/components/views/Reports/Reports' {
   import React, { RefObject } from 'react';
   import { BalanceSheetStringOverrides } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
+  import { DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
   import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossTableStringOverrides } from '@layerfi/components/components/ProfitAndLossTable/index';
   import { StatementOfCashFlowStringOverrides } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
+  import { MoneyFormat } from '@layerfi/components/types';
   interface ReportsStringOverrides {
       title?: string;
       downloadButton?: DownloadButtonStringOverrides;
@@ -5713,9 +5809,17 @@ declare module '@layerfi/components/views/Reports/Reports' {
   }
   export interface ReportsProps {
       title?: string;
+      showTitle?: boolean;
       stringOverrides?: ReportsStringOverrides;
       enabledReports?: ReportType[];
       comparisonConfig?: ProfitAndLossCompareOptionsProps;
+      profitAndLossConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+          csvMoneyFormat?: MoneyFormat;
+      };
+      statementOfCashFlowConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+      };
   }
   type ReportType = 'profitAndLoss' | 'balanceSheet' | 'statementOfCashFlow';
   export interface ReportsPanelProps {
@@ -5723,12 +5827,19 @@ declare module '@layerfi/components/views/Reports/Reports' {
       openReport: ReportType;
       stringOverrides?: ReportsStringOverrides;
       comparisonConfig?: ProfitAndLossCompareOptionsProps;
+      profitAndLossConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+          csvMoneyFormat?: MoneyFormat;
+      };
+      statementOfCashFlowConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+      };
   }
   interface DownloadButtonStringOverrides {
       downloadButtonText?: string;
       retryButtonText?: string;
   }
-  export const Reports: ({ title, stringOverrides, enabledReports, comparisonConfig, }: ReportsProps) => React.JSX.Element;
+  export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
   export {};
 
 }