@layerfi/components 0.1.71 → 0.1.73

package/dist/index.d.ts

@@ -222,6 +222,10 @@ declare module '@layerfi/components/api/layer/journal' {
   } | undefined) => Promise<{
       data: JournalEntry[];
   }>;
+  export const reverseJournalEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{}>;
 
 }
 declare module '@layerfi/components/api/layer/linked_accounts' {
@@ -605,6 +609,10 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types").JournalEntry[];
       }>;
+      reverseJournalEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{}>;
       compareProfitAndLoss: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
           body?: Record<string, unknown> | undefined;
@@ -1604,6 +1612,7 @@ declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts'
       withExpandAllButton?: boolean;
       stringOverrides?: ChartOfAccountsStringOverrides;
       templateAccountsEditable?: boolean;
+      showReversalEntries?: boolean;
   }
   export const ChartOfAccounts: (props: ChartOfAccountsProps) => React.JSX.Element;
 
@@ -1796,18 +1805,19 @@ 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';
+  import React, { type FC } from 'react';
+  import { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
+  import type { DatePickerMode, DatePickerModeSelectorProps } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
   interface DatePickerProps {
       mode: DatePickerMode;
       selected: Date | [Date | null, Date | null];
       onChange: (date: Date | [Date, Date | null]) => void;
+      allowedModes?: ReadonlyArray<DatePickerMode>;
       dateFormat?: string;
       timeIntervals?: number;
       timeCaption?: string;
       placeholderText?: string;
-      options?: string[];
+      customDateRanges?: CustomDateRange[];
       wrapperClassName?: string;
       calendarClassName?: string;
       popperClassName?: string;
@@ -1815,18 +1825,41 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
       minDate?: Date;
       maxDate?: Date;
       navigateArrows?: boolean;
+      onChangeMode?: (mode: DatePickerMode) => void;
+      slots?: {
+          ModeSelector: FC<DatePickerModeSelectorProps>;
+      };
   }
-  export const DatePicker: ({ selected, onChange, mode, dateFormat, timeIntervals, timeCaption, placeholderText, options, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
   import React from 'react';
-  export const DatePickerOptions: ({ options, setSelectedDate, }: {
-      options: string[];
+  export type CustomDateRange = {
+      label: string;
+      startDate: Date;
+      endDate: Date;
+  };
+  export const DatePickerOptions: ({ customDateRanges, setSelectedDate, }: {
+      customDateRanges?: CustomDateRange[] | undefined;
       setSelectedDate: (dates: [Date | null, Date | null]) => void;
   }) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector' {
+  import React from 'react';
+  export type SingularPickerMode = 'dayPicker' | 'timePicker';
+  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker';
+  export type DatePickerMode = SingularPickerMode | RangePickerMode;
+  export const DEFAULT_ALLOWED_PICKER_MODES: readonly ["monthPicker"];
+  export type DatePickerModeSelectorProps = {
+      mode: DatePickerMode;
+      allowedModes: ReadonlyArray<DatePickerMode>;
+      onChangeMode: (mode: DatePickerMode) => void;
+  };
+  export function DatePickerModeSelector({ mode, allowedModes, onChangeMode, }: DatePickerModeSelectorProps): React.JSX.Element | null;
+
 }
 declare module '@layerfi/components/components/DatePicker/index' {
   export { DatePicker } from '@layerfi/components/components/DatePicker/DatePicker';
@@ -2436,6 +2469,19 @@ declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountT
 declare module '@layerfi/components/components/LinkedAccountThumb/index' {
   export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
 
+}
+declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountItemThumb' {
+  import React from 'react';
+  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  export interface LinkedAccountItemThumbProps {
+      account: LinkedAccount;
+      asWidget?: boolean;
+      showLedgerBalance?: boolean;
+      showUnlinkItem?: boolean;
+      showBreakConnection?: boolean;
+  }
+  export const LinkedAccountItemThumb: ({ account, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountItemThumbProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
   import React from 'react';
@@ -2467,6 +2513,7 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsCont
 }
 declare module '@layerfi/components/components/LinkedAccounts/index' {
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/LinkedAccounts';
+  export { LinkedAccountItemThumb } from '@layerfi/components/components/LinkedAccounts/LinkedAccountItemThumb';
 
 }
 declare module '@layerfi/components/components/Loader/Loader' {
@@ -2602,6 +2649,32 @@ declare module '@layerfi/components/components/Pill/Pill' {
   export const Pill: ({ children, kind, onHover }: Props) => React.JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/PlatformOnboarding/LinkAccounts' {
+  import React from 'react';
+  export interface LinkAccountsStringOverrides {
+      backButtonText?: string;
+      nextButtonText?: string;
+  }
+  export interface LinkAccountsProps {
+      title?: string;
+      asWidget?: boolean;
+      showLedgerBalance?: boolean;
+      showUnlinkItem?: boolean;
+      showBreakConnection?: boolean;
+      hideLoading?: boolean;
+      inBox?: boolean;
+      stringOverrides?: LinkAccountsStringOverrides;
+      onBack?: () => void;
+      onNext?: () => void;
+  }
+  export const LinkAccounts: ({ inBox, ...props }: LinkAccountsProps) => React.JSX.Element;
+  export const LinkAccountsContent: ({ title, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, hideLoading, stringOverrides, onBack, onNext, }: LinkAccountsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/PlatformOnboarding/index' {
+  export { LinkAccounts } from '@layerfi/components/components/PlatformOnboarding/LinkAccounts';
+
 }
 declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
   import React, { PropsWithChildren } from 'react';
@@ -2653,13 +2726,14 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
               error?: unknown;
           }>;
       }>;
-      DatePicker: ({ datePickerMode, }: import("@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker").ProfitAndLossDatePickerProps) => React.JSX.Element;
+      DatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: import("@layerfi/components/views/Reports/reportTypes").TimeRangePickerConfig) => React.JSX.Element;
       CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
-      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: {
+      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: {
           vertical?: boolean | undefined;
           actionable?: boolean | undefined;
           revenueLabel?: string | undefined;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides | undefined;
+          chartColorsList?: string[] | undefined;
       }) => React.JSX.Element;
       Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
@@ -2670,7 +2744,7 @@ 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;
+      Report: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: import("@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport").ProfitAndLossReportProps) => React.JSX.Element;
       DownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: import("@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton").ProfitAndLossDownloadButtonProps) => React.JSX.Element;
   };
   export { ProfitAndLoss };
@@ -2745,11 +2819,9 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker' {
   import React from 'react';
-  import { DatePickerMode } from '@layerfi/components/components/DatePicker/DatePicker';
-  export type ProfitAndLossDatePickerProps = {
-      datePickerMode?: DatePickerMode;
-  };
-  export const ProfitAndLossDatePicker: ({ datePickerMode, }: ProfitAndLossDatePickerProps) => React.JSX.Element;
+  import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
+  export type ProfitAndLossDatePickerProps = TimeRangePickerConfig;
+  export const ProfitAndLossDatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: ProfitAndLossDatePickerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
@@ -2795,10 +2867,11 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       chartColorsList?: string[];
       stringOverrides?: DetailedTableStringOverrides;
   }
-  export const mapTypesToColors: (data: any[], colorList?: string[]) => {
-      color: any;
-      opacity: any;
-  }[];
+  export interface TypeColorMapping {
+      color: string;
+      opacity: number;
+  }
+  export const mapTypesToColors: (data: LineBaseItem[], colorList?: string[]) => TypeColorMapping[];
   export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, }: DetailedTableProps) => React.JSX.Element;
 
 }
@@ -2875,21 +2948,18 @@ declare module '@layerfi/components/components/ProfitAndLossHeader/index' {
 }
 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 type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
   import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/index';
   type ViewBreakpoint = ViewType | undefined;
-  export interface ProfitAndLossReportProps {
+  export type 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;
+  } & TimeRangePickerConfig;
+  export const ProfitAndLossReport: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: ProfitAndLossReportProps) => React.JSX.Element;
   export {};
 
 }
@@ -2902,8 +2972,9 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart'
   import { LineBaseItem } from '@layerfi/components/types/line_item';
   export interface MiniChartProps {
       data: LineBaseItem[];
+      chartColorsList?: string[];
   }
-  export const MiniChart: ({ data }: MiniChartProps) => React.JSX.Element;
+  export const MiniChart: ({ data, chartColorsList }: MiniChartProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
@@ -2913,13 +2984,17 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndL
       expensesLabel?: string;
       netProfitLabel?: string;
   }
-  type Props = {
+  type ProfitAndLossSummariesProps = {
       vertical?: boolean;
       actionable?: boolean;
+      /**
+       * @deprecated Use `stringOverrides.revenueLabel` instead
+       */
       revenueLabel?: string;
       stringOverrides?: ProfitAndLossSummariesStringOverrides;
+      chartColorsList?: string[];
   };
-  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: Props) => React.JSX.Element;
+  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: ProfitAndLossSummariesProps) => React.JSX.Element;
   export {};
 
 }
@@ -3042,17 +3117,15 @@ 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 type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
   import { StatementOfCashFlowTableStringOverrides } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
   export interface StatementOfCashFlowStringOverrides {
       statementOfCashFlowTable?: StatementOfCashFlowTableStringOverrides;
-      datePickerMode?: DatePickerMode;
   }
-  export interface StatementOfCashFlowProps {
+  export type StatementOfCashFlowProps = {
       stringOverrides?: StatementOfCashFlowStringOverrides;
-      datePickerMode?: DateRangeDatePickerModes;
-  }
-  export const StatementOfCashFlow: ({ stringOverrides, datePickerMode, }: StatementOfCashFlowProps) => React.JSX.Element;
+  } & TimeRangePickerConfig;
+  export const StatementOfCashFlow: (props: StatementOfCashFlowProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
@@ -3835,6 +3908,7 @@ declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
       setForm: (form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined) => void;
       addEntryLine: (direction: import("@layerfi/components/index").Direction) => void;
       removeEntryLine: (index: number) => void;
+      reverseEntry: (entryId: string) => Promise<{}>;
   }>;
 
 }
@@ -4188,6 +4262,7 @@ declare module '@layerfi/components/hooks/useJournal/index' {
 
 }
 declare module '@layerfi/components/hooks/useJournal/useJournal' {
+  import { Layer } from '@layerfi/components/api/layer';
   import { Direction, FormError, FormErrorWithId } from '@layerfi/components/types';
   import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { BaseSelectOption } from '@layerfi/components/types/general';
@@ -4215,6 +4290,7 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
       setForm: (form?: JournalFormTypes) => void;
       addEntryLine: (direction: Direction) => void;
       removeEntryLine: (index: number) => void;
+      reverseEntry: (entryId: string) => ReturnType<typeof Layer.reverseJournalEntry>;
   };
   export interface JournalFormTypes {
       action: string;
@@ -4234,7 +4310,7 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
 }
 declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
   import { LedgerAccounts, LedgerAccountsEntry } from '@layerfi/components/types';
-  type UseLedgerAccounts = () => {
+  type UseLedgerAccounts = (showReversalEntries: Boolean) => {
       data?: LedgerAccounts;
       entryData?: LedgerAccountsEntry;
       isLoading?: boolean;
@@ -4848,6 +4924,7 @@ declare module '@layerfi/components/index' {
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
   export { Tasks } from '@layerfi/components/components/Tasks/index';
+  export { LinkAccounts } from '@layerfi/components/components/PlatformOnboarding/index';
   export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/index';
   export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
@@ -6054,6 +6131,7 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   }
   export interface ChartOfAccountsOptions {
       templateAccountsEditable?: boolean;
+      showReversalEntries?: boolean;
   }
   export interface GeneralLedgerProps {
       title?: string;
@@ -6070,7 +6148,7 @@ declare module '@layerfi/components/views/GeneralLedger/index' {
 }
 declare module '@layerfi/components/views/ProjectProfitability/ProjectProfitability' {
   import React from 'react';
-  import { DateRangeDatePickerModes } from '@layerfi/components/components/DatePicker/DatePicker';
+  import { RangePickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
   import { MoneyFormat } from '@layerfi/components/types';
   export type TagOption = {
       label: string;
@@ -6084,7 +6162,7 @@ declare module '@layerfi/components/views/ProjectProfitability/ProjectProfitabil
       valueOptions: TagOption[];
       showTitle?: boolean;
       stringOverrides?: ProjectsStringOverrides;
-      datePickerMode?: DateRangeDatePickerModes;
+      datePickerMode?: RangePickerMode;
       csvMoneyFormat?: MoneyFormat;
   }
   export const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, datePickerMode, csvMoneyFormat, }: ProjectProfitabilityProps) => React.JSX.Element;
@@ -6097,14 +6175,13 @@ declare module '@layerfi/components/views/ProjectProfitability/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 { 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';
   import { View as ViewType } from '@layerfi/components/types/general';
+  import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
   type ViewBreakpoint = ViewType | undefined;
   export interface ReportsStringOverrides {
       title?: string;
@@ -6122,13 +6199,8 @@ declare module '@layerfi/components/views/Reports/Reports' {
       stringOverrides?: ReportsStringOverrides;
       enabledReports?: ReportType[];
       comparisonConfig?: ProfitAndLossCompareOptionsProps;
-      profitAndLossConfig?: {
-          datePickerMode?: DateRangeDatePickerModes;
-          csvMoneyFormat?: MoneyFormat;
-      };
-      statementOfCashFlowConfig?: {
-          datePickerMode?: DateRangeDatePickerModes;
-      };
+      profitAndLossConfig?: TimeRangePickerConfig;
+      statementOfCashFlowConfig?: TimeRangePickerConfig;
   }
   type ReportType = 'profitAndLoss' | 'balanceSheet' | 'statementOfCashFlow';
   export interface ReportsPanelProps {
@@ -6136,13 +6208,8 @@ declare module '@layerfi/components/views/Reports/Reports' {
       openReport: ReportType;
       stringOverrides?: ReportsStringOverrides;
       comparisonConfig?: ProfitAndLossCompareOptionsProps;
-      profitAndLossConfig?: {
-          datePickerMode?: DateRangeDatePickerModes;
-          csvMoneyFormat?: MoneyFormat;
-      };
-      statementOfCashFlowConfig?: {
-          datePickerMode?: DateRangeDatePickerModes;
-      };
+      profitAndLossConfig?: TimeRangePickerConfig;
+      statementOfCashFlowConfig?: TimeRangePickerConfig;
       view: ViewBreakpoint;
   }
   export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
@@ -6152,6 +6219,22 @@ declare module '@layerfi/components/views/Reports/Reports' {
 declare module '@layerfi/components/views/Reports/index' {
   export { Reports } from '@layerfi/components/views/Reports/Reports';
 
+}
+declare module '@layerfi/components/views/Reports/reportTypes' {
+  import type { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
+  import type { RangePickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  import type { MoneyFormat } from '@layerfi/components/types';
+  export type TimeRangePickerConfig = {
+      /**
+       * @deprecated Use `defaultDatePickerMode` instead
+       */
+      datePickerMode?: RangePickerMode;
+      defaultDatePickerMode?: RangePickerMode;
+      allowedDatePickerModes?: ReadonlyArray<RangePickerMode>;
+      csvMoneyFormat?: MoneyFormat;
+      customDateRanges?: CustomDateRange[];
+  };
+
 }
 declare module '@layerfi/components' {
   import main = require('@layerfi/components/index');