@layerfi/components 0.1.58 → 0.1.59

package/dist/index.d.ts

@@ -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' {
@@ -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;
@@ -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",
@@ -1720,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' {
@@ -1830,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';
@@ -1953,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;
@@ -1972,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' {
@@ -2037,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;
@@ -2048,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;
@@ -2062,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;
@@ -2077,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;
@@ -2104,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;
@@ -2897,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' {
@@ -2923,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';
@@ -3342,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' {
@@ -3920,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';
@@ -4344,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';
@@ -4365,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';
@@ -4427,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';
@@ -4934,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;
@@ -5400,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;
@@ -5408,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;
@@ -5436,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;
   }
@@ -5614,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 {};
 
 }
@@ -5639,6 +5722,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
   }
   export interface BankTransactionsWithLinkedAccountsProps {
       title?: string;
+      showTitle?: boolean;
       elevatedLinkedAccounts?: boolean;
       showLedgerBalance?: boolean;
       showUnlinkItem?: boolean;
@@ -5649,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 {};
 
 }
@@ -5694,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' {
@@ -5724,6 +5809,7 @@ declare module '@layerfi/components/views/Reports/Reports' {
   }
   export interface ReportsProps {
       title?: string;
+      showTitle?: boolean;
       stringOverrides?: ReportsStringOverrides;
       enabledReports?: ReportType[];
       comparisonConfig?: ProfitAndLossCompareOptionsProps;
@@ -5753,7 +5839,7 @@ declare module '@layerfi/components/views/Reports/Reports' {
       downloadButtonText?: string;
       retryButtonText?: string;
   }
-  export const Reports: ({ title, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
+  export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
   export {};
 
 }