@layerfi/components 0.1.61 → 0.1.63

package/dist/index.d.ts

@@ -714,6 +714,7 @@ declare module '@layerfi/components/components/ActionableList/ActionableList' {
   export interface ActionableListOption<T> {
       label: string;
       id: string;
+      description?: string;
       value: T;
       asLink?: boolean;
       secondary?: boolean;
@@ -721,9 +722,9 @@ declare module '@layerfi/components/components/ActionableList/ActionableList' {
   interface ActionableListProps<T> {
       options: ActionableListOption<T>[];
       onClick: (item: ActionableListOption<T>) => void;
-      selected?: ActionableListOption<T>;
+      selectedId?: string;
   }
-  export const ActionableList: <T>({ options, onClick, selected, }: ActionableListProps<T>) => React.JSX.Element;
+  export const ActionableList: <T>({ options, onClick, selectedId, }: ActionableListProps<T>) => React.JSX.Element;
   export {};
 
 }
@@ -977,8 +978,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   import { Option } from '@layerfi/components/components/BankTransactionMobileList/utils';
   export interface BusinessCategoriesProps {
       select: (category: Option) => void;
+      selectedId?: string;
   }
-  export const BusinessCategories: ({ select }: BusinessCategoriesProps) => React.JSX.Element;
+  export const BusinessCategories: ({ select, selectedId, }: BusinessCategoriesProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessForm' {
@@ -1058,6 +1060,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/utils'
   export interface Option {
       label: string;
       id: string;
+      description?: string;
       value: {
           type: 'CATEGORY' | 'SELECT_CATEGORY' | 'GROUP';
           payload?: CategoryOptionPayload;
@@ -1464,6 +1467,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       id: string;
       option_type: OptionActionType;
       display_name: string;
+      description?: string;
       date?: string;
       amount?: number;
       type?: string;
@@ -1511,6 +1515,7 @@ declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts'
       withDateControl?: boolean;
       withExpandAllButton?: boolean;
       stringOverrides?: ChartOfAccountsStringOverrides;
+      templateAccountsEditable?: boolean;
   }
   export const ChartOfAccounts: (props: ChartOfAccountsProps) => React.JSX.Element;
 
@@ -1544,7 +1549,7 @@ declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccoun
   }
   export const ChartOfAccountsForm: ({ stringOverrides, }: {
       stringOverrides?: ChartOfAccountsFormStringOverrides | undefined;
-  }) => React.JSX.Element | undefined;
+  }) => React.JSX.Element | null;
 
 }
 declare module '@layerfi/components/components/ChartOfAccountsForm/constants' {
@@ -1590,7 +1595,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
   import { ChartWithBalances } from '@layerfi/components/types/chart_of_accounts';
   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, }: {
+  export const ChartOfAccountsTable: ({ view, stringOverrides, data, error, expandAll, cumulativeIndex, accountsLength, templateAccountsEditable, }: {
       view: View;
       data: ChartWithBalances;
       stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
@@ -1598,8 +1603,9 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       expandAll?: ExpandActionState;
       cumulativeIndex: number;
       accountsLength: number;
+      templateAccountsEditable?: boolean | undefined;
   }) => React.JSX.Element;
-  export const ChartOfAccountsTableContent: ({ stringOverrides, data, error, expandAll, }: {
+  export const ChartOfAccountsTableContent: ({ stringOverrides, data, error, expandAll, templateAccountsEditable, }: {
       view: View;
       data: ChartWithBalances;
       stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
@@ -1607,6 +1613,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       expandAll?: ExpandActionState;
       cumulativeIndex: number;
       accountsLength: number;
+      templateAccountsEditable: boolean;
   }) => React.JSX.Element;
 
 }
@@ -1624,13 +1631,14 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       subtypeColumnHeader?: string;
       chartOfAccountsForm?: ChartOfAccountsFormStringOverrides;
   }
-  export const ChartOfAccountsTableWithPanel: ({ view, containerRef, asWidget, withDateControl, withExpandAllButton, stringOverrides, }: {
+  export const ChartOfAccountsTableWithPanel: ({ view, containerRef, asWidget, withDateControl, withExpandAllButton, stringOverrides, templateAccountsEditable, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
       asWidget?: boolean | undefined;
       withDateControl?: boolean | undefined;
       withExpandAllButton?: boolean | undefined;
       stringOverrides?: ChartOfAccountsTableStringOverrides | undefined;
+      templateAccountsEditable?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -1987,7 +1995,7 @@ declare module '@layerfi/components/components/Input/InputWithBadge' {
 }
 declare module '@layerfi/components/components/Input/MultiSelect' {
   import React from 'react';
-  import { GroupBase, MultiValue, OptionsOrGroups } from 'react-select';
+  import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
   export interface SelectProps<T> {
       name?: string;
       options?: OptionsOrGroups<T, GroupBase<T>>;
@@ -2000,8 +2008,9 @@ declare module '@layerfi/components/components/Input/MultiSelect' {
       placeholder?: string;
       isInvalid?: boolean;
       errorMessage?: string;
+      styles?: StylesConfig<T, true, GroupBase<T>>;
   }
-  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, }: SelectProps<T>) => React.JSX.Element;
+  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, }: SelectProps<T>) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/Select' {
@@ -2412,11 +2421,13 @@ declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
 }
 declare module '@layerfi/components/components/Onboarding/Onboarding' {
   import React from 'react';
+  import { OnboardingStep } from '@layerfi/components/types/layer_context';
   export interface OnboardingProps {
       onTransactionsToReviewClick?: () => void;
+      onboardingStepOverride?: OnboardingStep;
   }
   export const Onboarding: (props: OnboardingProps) => React.JSX.Element;
-  export const OnboardingContent: ({ onTransactionsToReviewClick, }: OnboardingProps) => React.JSX.Element | null;
+  export const OnboardingContent: ({ onTransactionsToReviewClick, onboardingStepOverride, }: OnboardingProps) => React.JSX.Element | null;
 
 }
 declare module '@layerfi/components/components/Onboarding/index' {
@@ -2434,7 +2445,7 @@ declare module '@layerfi/components/components/Pagination/Pagination' {
       hasMore?: boolean;
       fetchMore?: () => void;
   }
-  export const Pagination: ({ onPageChange, totalCount, siblingCount, currentPage, pageSize, hasMore, fetchMore, }: PaginationProps) => React.JSX.Element | undefined;
+  export const Pagination: ({ onPageChange, totalCount, siblingCount, currentPage, pageSize, hasMore, fetchMore, }: PaginationProps) => React.JSX.Element | null;
 
 }
 declare module '@layerfi/components/components/Pagination/index' {
@@ -2532,6 +2543,8 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts").ProfitAndLossDetailedChartsStringOverrides | undefined;
       }) => React.JSX.Element;
       Header: ({ text, className, headingClassName, withDatePicker, }: import("@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader").ProfitAndLossHeaderProps) => React.JSX.Element;
+      Report: ({ stringOverrides, comparisonConfig, datePickerMode, csvMoneyFormat, parentRef, view, }: import("@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport").ProfitAndLossReportProps) => React.JSX.Element;
+      DownloadButton: ({ stringOverrides, moneyFormat, view, }: import("@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton").ProfitAndLossDownloadButtonProps) => React.JSX.Element;
   };
   export { ProfitAndLoss };
 
@@ -2689,6 +2702,28 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Profi
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index' {
   export { ProfitAndLossDetailedCharts } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton' {
+  import React from 'react';
+  import { MoneyFormat } from '@layerfi/components/types';
+  import { View as ViewType } from '@layerfi/components/types/general';
+  type ViewBreakpoint = ViewType | undefined;
+  export interface PnLDownloadButtonStringOverrides {
+      downloadButtonText?: string;
+      retryButtonText?: string;
+  }
+  export interface ProfitAndLossDownloadButtonProps {
+      stringOverrides?: PnLDownloadButtonStringOverrides;
+      moneyFormat?: MoneyFormat;
+      view: ViewBreakpoint;
+  }
+  export const ProfitAndLossDownloadButton: ({ stringOverrides, moneyFormat, view, }: ProfitAndLossDownloadButtonProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossDownloadButton/index' {
+  export { ProfitAndLossDownloadButton, PnLDownloadButtonStringOverrides, } from '@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton';
+
 }
 declare module '@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader' {
   import React from 'react';
@@ -2704,6 +2739,30 @@ declare module '@layerfi/components/components/ProfitAndLossHeader/ProfitAndLoss
 declare module '@layerfi/components/components/ProfitAndLossHeader/index' {
   export { ProfitAndLossHeader } from '@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport' {
+  import React, { RefObject } from 'react';
+  import { MoneyFormat } from '@layerfi/components/types';
+  import { View as ViewType } from '@layerfi/components/types/general';
+  import { ReportsStringOverrides } from '@layerfi/components/views/Reports/Reports';
+  import { DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
+  import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
+  type ViewBreakpoint = ViewType | undefined;
+  export interface ProfitAndLossReportProps {
+      stringOverrides?: ReportsStringOverrides;
+      comparisonConfig?: ProfitAndLossCompareOptionsProps;
+      datePickerMode?: DateRangeDatePickerModes;
+      csvMoneyFormat?: MoneyFormat;
+      parentRef?: RefObject<HTMLDivElement>;
+      view?: ViewBreakpoint;
+  }
+  export const ProfitAndLossReport: ({ stringOverrides, comparisonConfig, datePickerMode, csvMoneyFormat, parentRef, view, }: ProfitAndLossReportProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossReport/index' {
+  export { ProfitAndLossReport } from '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport';
+
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart' {
   import React from 'react';
@@ -3311,7 +3370,9 @@ declare module '@layerfi/components/components/Typography/Heading' {
   import React, { ReactNode } from 'react';
   export enum HeadingSize {
       primary = "primary",
-      secondary = "secondary"
+      secondary = "secondary",
+      page = "page",
+      view = "view"
   }
   export interface HeadingProps {
       as?: React.ElementType;
@@ -3384,6 +3445,7 @@ declare module '@layerfi/components/components/View/View' {
       children: ReactNode;
       title?: string;
       showHeader?: boolean;
+      header?: ReactNode;
       headerControls?: ReactNode;
       type?: 'default' | 'panel';
       withSidebar?: boolean;
@@ -3401,9 +3463,10 @@ declare module '@layerfi/components/components/ViewHeader/ViewHeader' {
   import React, { ReactNode } from 'react';
   export interface ViewHeaderProps {
       title?: string;
-      controls?: ReactNode;
+      className?: string;
+      children?: ReactNode;
   }
-  export const ViewHeader: ({ title, controls }: ViewHeaderProps) => React.JSX.Element;
+  export const ViewHeader: ({ title, className, children }: ViewHeaderProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ViewHeader/index' {
@@ -4445,6 +4508,13 @@ declare module '@layerfi/components/icons/Inbox' {
   const Inbox: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Inbox;
 
+}
+declare module '@layerfi/components/icons/InfoIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const InfoIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default InfoIcon;
+
 }
 declare module '@layerfi/components/icons/InstitutionIcon' {
   import * as React from 'react';
@@ -4883,6 +4953,7 @@ declare module '@layerfi/components/types/categories' {
       type: string;
       display_name: string;
       category: string;
+      description?: string;
       stable_name?: string;
       subCategories?: Category[];
       entries?: CategoryEntry[];
@@ -5043,6 +5114,7 @@ declare module '@layerfi/components/types/journal' {
       ledger_id: string;
       agent: string;
       entry_type: string;
+      entry_number: number;
       date: string;
       entry_at: string;
       reversal_of_id: string | null;
@@ -5241,6 +5313,7 @@ declare module '@layerfi/components/types/ledger_accounts' {
       business_id: string;
       date: string;
       entry_at: string;
+      entry_number?: number;
       entry_type: string;
       id: string;
       invoice?: Record<string, string>;
@@ -5264,12 +5337,15 @@ declare module '@layerfi/components/types/ledger_accounts' {
   export interface LedgerAccountLineItem {
       id: string;
       entry_id: string;
+      entry_number?: number;
       account: LedgerAccountsAccount;
       amount: number;
       direction: Direction;
       date: string;
       source?: LedgerEntrySource;
       running_balance: number;
+      entry_reversal_of?: string;
+      entry_reversed_by?: string;
   }
   export interface LedgerEntrySource {
       display_description: string;
@@ -5661,9 +5737,11 @@ declare module '@layerfi/components/utils/helpers' {
 
 }
 declare module '@layerfi/components/utils/journal' {
+  import { LedgerAccountLineItem, LedgerAccountsEntry } from '@layerfi/components/types';
   import { AccountIdentifierPayloadObject } from '@layerfi/components/types/categories';
-  import { JournalEntryLineItem } from '@layerfi/components/types/journal';
+  import { JournalEntry, JournalEntryLineItem } from '@layerfi/components/types/journal';
   export const getAccountIdentifierPayload: (journalLineItem: JournalEntryLineItem) => AccountIdentifierPayloadObject;
+  export const entryNumber: (entry: JournalEntry | LedgerAccountsEntry | LedgerAccountLineItem) => string;
 
 }
 declare module '@layerfi/components/utils/profitAndLossComparisonUtils' {
@@ -5687,6 +5765,7 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
   import React, { ReactNode } from 'react';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
+  import { OnboardingStep } from '@layerfi/components/types/layer_context';
   interface AccountingOverviewStringOverrides {
       header?: string;
       profitAndLoss?: {
@@ -5698,12 +5777,13 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
       title?: string;
       showTitle?: boolean;
       enableOnboarding?: boolean;
+      onboardingStepOverride?: OnboardingStep;
       onTransactionsToReviewClick?: () => void;
       middleBanner?: ReactNode;
       chartColorsList?: string[];
       stringOverrides?: AccountingOverviewStringOverrides;
   }
-  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, }: AccountingOverviewProps) => React.JSX.Element;
   export {};
 
 }
@@ -5777,12 +5857,16 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
       chartOfAccounts: ChartOfAccountsStringOverrides;
       journal: JournalStringOverrides;
   }
+  export interface ChartOfAccountsOptions {
+      templateAccountsEditable?: boolean;
+  }
   export interface GeneralLedgerProps {
       title?: string;
       showTitle?: boolean;
       stringOverrides?: GeneralLedgerStringOverrides;
+      chartOfAccountsOptions?: ChartOfAccountsOptions;
   }
-  export const GeneralLedgerView: ({ title, showTitle, stringOverrides, }: GeneralLedgerProps) => React.JSX.Element;
+  export const GeneralLedgerView: ({ title, showTitle, stringOverrides, chartOfAccountsOptions, }: GeneralLedgerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/GeneralLedger/index' {
@@ -5795,12 +5879,15 @@ declare module '@layerfi/components/views/Reports/Reports' {
   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 { PnLDownloadButtonStringOverrides } from '@layerfi/components/components/ProfitAndLossDownloadButton/index';
   import { ProfitAndLossTableStringOverrides } from '@layerfi/components/components/ProfitAndLossTable/index';
   import { StatementOfCashFlowStringOverrides } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
   import { MoneyFormat } from '@layerfi/components/types';
-  interface ReportsStringOverrides {
+  import { View as ViewType } from '@layerfi/components/types/general';
+  type ViewBreakpoint = ViewType | undefined;
+  export interface ReportsStringOverrides {
       title?: string;
-      downloadButton?: DownloadButtonStringOverrides;
+      downloadButton?: PnLDownloadButtonStringOverrides;
       profitAndLoss?: {
           detailedCharts?: ProfitAndLossDetailedChartsStringOverrides;
           table?: ProfitAndLossTableStringOverrides;
@@ -5835,10 +5922,7 @@ declare module '@layerfi/components/views/Reports/Reports' {
       statementOfCashFlowConfig?: {
           datePickerMode?: DateRangeDatePickerModes;
       };
-  }
-  interface DownloadButtonStringOverrides {
-      downloadButtonText?: string;
-      retryButtonText?: string;
+      view: ViewBreakpoint;
   }
   export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
   export {};