@layerfi/components 0.1.56 → 0.1.58

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;
       };
   }>;
@@ -1464,7 +1464,7 @@ declare module '@layerfi/components/components/CategorySelect/index' {
 }
 declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts' {
   import React from 'react';
-  import { ChartOfAccountsTableStringOverrides } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable';
+  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 {
@@ -1507,7 +1507,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;
 
@@ -1536,30 +1536,6 @@ declare module '@layerfi/components/components/ChartOfAccountsForm/useParentOpti
   import { BaseSelectOption } from '@layerfi/components/types/general';
   export const useParentOptions: (data?: ChartWithBalances) => BaseSelectOption[];
 
-}
-declare module '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow' {
-  import React from 'react';
-  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
-  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
-  import { ExpandActionState } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable';
-  type ChartOfAccountsRowProps = {
-      account: LedgerAccountBalance;
-      depth?: number;
-      index: number;
-      cumulativeIndex?: number;
-      expanded: boolean;
-      acountsLength: number;
-      defaultOpen?: boolean;
-      view?: View;
-      expandAll?: ExpandActionState;
-  };
-  export const ChartOfAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, view, expandAll, }: ChartOfAccountsRowProps) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/ChartOfAccountsRow/index' {
-  export { ChartOfAccountsRow } from '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow';
-
 }
 declare module '@layerfi/components/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar' {
   import React, { RefObject } from 'react';
@@ -1575,6 +1551,31 @@ 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 { ChartOfAccountsTableStringOverrides, ExpandActionState } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
+  export const ChartOfAccountsTable: ({ view, stringOverrides, data, error, expandAll, cumulativeIndex, accountsLength, }: {
+      view: View;
+      data: ChartWithBalances;
+      stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
+      error?: any;
+      expandAll?: ExpandActionState;
+      cumulativeIndex: number;
+      accountsLength: number;
+  }) => React.JSX.Element;
+  export const ChartOfAccountsTableContent: ({ stringOverrides, data, error, expandAll, }: {
+      view: View;
+      data: ChartWithBalances;
+      stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
+      error?: any;
+      expandAll?: ExpandActionState;
+      cumulativeIndex: number;
+      accountsLength: number;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel' {
   import React, { RefObject } from 'react';
   import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
   import { ChartOfAccountsFormStringOverrides } from '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm';
@@ -1588,7 +1589,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       subtypeColumnHeader?: string;
       chartOfAccountsForm?: ChartOfAccountsFormStringOverrides;
   }
-  export const ChartOfAccountsTable: ({ view, containerRef, asWidget, withDateControl, withExpandAllButton, stringOverrides, }: {
+  export const ChartOfAccountsTableWithPanel: ({ view, containerRef, asWidget, withDateControl, withExpandAllButton, stringOverrides, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
       asWidget?: boolean | undefined;
@@ -1599,7 +1600,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
 
 }
 declare module '@layerfi/components/components/ChartOfAccountsTable/index' {
-  export { ChartOfAccountsTable } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable';
+  export { ChartOfAccountsTableWithPanel as ChartOfAccountsTable } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
 
 }
 declare module '@layerfi/components/components/Container/Container' {
@@ -1661,8 +1662,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;
@@ -1949,7 +1952,7 @@ 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/JournalTable';
+  import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
   export type View = 'mobile' | 'tablet' | 'desktop';
   export interface JournalConfig {
       form: {
@@ -1990,7 +1993,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;
@@ -2015,29 +2018,6 @@ declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines
 declare module '@layerfi/components/components/JournalForm/index' {
   export { JournalForm } from '@layerfi/components/components/JournalForm/JournalForm';
 
-}
-declare module '@layerfi/components/components/JournalRow/JournalRow' {
-  import React from 'react';
-  import { JournalEntry, JournalEntryLine, JournalEntryLineItem } from '@layerfi/components/types';
-  import { View } from '@layerfi/components/components/Journal/index';
-  export interface JournalRowProps {
-      row: JournalEntry | JournalEntryLine | JournalEntryLineItem;
-      index: number;
-      initialLoad?: boolean;
-      view: View;
-      lineItemsLength?: number;
-      defaultOpen?: boolean;
-      expanded?: boolean;
-      depth?: number;
-      cumulativeIndex?: number;
-      selectedEntries?: boolean;
-  }
-  export const JournalRow: ({ row, index, initialLoad, view, lineItemsLength, defaultOpen, expanded, depth, cumulativeIndex, selectedEntries, }: JournalRowProps) => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/JournalRow/index' {
-  export { JournalRow } from '@layerfi/components/components/JournalRow/JournalRow';
-
 }
 declare module '@layerfi/components/components/JournalSidebar/JournalSidebar' {
   import React, { RefObject } from 'react';
@@ -2055,6 +2035,18 @@ 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 { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
+  export const JournalTable: ({ view, data, stringOverrides, }: {
+      view: View;
+      data: JournalEntry[];
+      stringOverrides?: JournalTableStringOverrides | undefined;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalTable/JournalTableWithPanel' {
   import React, { RefObject } from 'react';
   import { View } from '@layerfi/components/components/Journal/index';
   import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
@@ -2070,7 +2062,7 @@ declare module '@layerfi/components/components/JournalTable/JournalTable' {
       creditColumnHeader?: string;
       journalForm?: JournalFormStringOverrides;
   }
-  export const JournalTable: ({ view, containerRef, pageSize, config, stringOverrides, }: {
+  export const JournalTableWithPanel: ({ containerRef, pageSize, config, stringOverrides, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
       pageSize?: number | undefined;
@@ -2080,7 +2072,7 @@ declare module '@layerfi/components/components/JournalTable/JournalTable' {
 
 }
 declare module '@layerfi/components/components/JournalTable/index' {
-  export { JournalTable } from '@layerfi/components/components/JournalTable/JournalTable';
+  export { JournalTableWithPanel as JournalTable } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
 
 }
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex' {
@@ -2442,7 +2434,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;
@@ -2527,7 +2519,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' {
@@ -2549,7 +2545,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 {};
 
 }
@@ -2727,7 +2723,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 };
 
@@ -2773,13 +2769,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' {
@@ -2897,7 +2897,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, }: TableCellProps) => React.JSX.Element;
+  export const TableCell: ({ children, isHeaderCell, isCurrency, primary, withExpandIcon, fullWidth, colSpan, onClick, }: TableCellProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TableCell/index' {
@@ -3511,7 +3511,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' {
@@ -3669,8 +3669,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;
@@ -3680,9 +3678,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;
   }>;
 
 }
@@ -4322,14 +4320,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;
 
 }
@@ -5432,7 +5430,9 @@ declare module '@layerfi/components/types/table' {
       withDividerPosition?: 'top' | 'bottom';
       isExpanded?: boolean;
       handleExpand?: () => void;
+      onClick?: (e: React.MouseEvent<HTMLTableRowElement, MouseEvent>) => void;
       isHeadRow?: boolean;
+      selected?: boolean;
   }
   export interface TableCellProps {
       children?: number | string | ReactNode;
@@ -5441,6 +5441,8 @@ declare module '@layerfi/components/types/table' {
       primary?: boolean;
       withExpandIcon?: boolean;
       fullWidth?: boolean;
+      colSpan?: number;
+      onClick?: (e: React.MouseEvent<HTMLTableCellElement, MouseEvent>) => void;
   }
 
 }
@@ -5473,7 +5475,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';
@@ -5492,6 +5494,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' {
@@ -5703,10 +5706,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;
@@ -5721,20 +5726,34 @@ declare module '@layerfi/components/views/Reports/Reports' {
       title?: string;
       stringOverrides?: ReportsStringOverrides;
       enabledReports?: ReportType[];
-      comparisonConfig: ProfitAndLossCompareOptionsProps;
+      comparisonConfig?: ProfitAndLossCompareOptionsProps;
+      profitAndLossConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+          csvMoneyFormat?: MoneyFormat;
+      };
+      statementOfCashFlowConfig?: {
+          datePickerMode?: DateRangeDatePickerModes;
+      };
   }
   type ReportType = 'profitAndLoss' | 'balanceSheet' | 'statementOfCashFlow';
   export interface ReportsPanelProps {
       containerRef: RefObject<HTMLDivElement>;
       openReport: ReportType;
       stringOverrides?: ReportsStringOverrides;
-      comparisonConfig: ProfitAndLossCompareOptionsProps;
+      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, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
   export {};
 
 }