@layerfi/components 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -250,11 +250,14 @@ declare module '@layerfi/components/components/BankTransactionListItem/BankTrans
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   type Props = {
+      index: number;
       dateFormat: string;
       bankTransaction: BankTransaction;
       editable: boolean;
+      removeTransaction: (id: string) => void;
+      containerWidth?: number;
   };
-  export const BankTransactionListItem: ({ dateFormat, bankTransaction, editable, }: Props) => React.JSX.Element | null;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, containerWidth, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -266,13 +269,17 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
   import React from 'react';
   import { BankTransaction, Category } from '@layerfi/components/types';
   type Props = {
+      index: number;
       dateFormat: string;
       bankTransaction: BankTransaction;
       editable: boolean;
+      removeTransaction: (id: string) => void;
+      containerWidth?: number;
   };
+  export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ dateFormat, bankTransaction, editable, }: Props) => React.JSX.Element | null;
+  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -320,14 +327,16 @@ declare module '@layerfi/components/components/Button/Button' {
       primary = "primary",
       secondary = "secondary"
   }
+  export type ButtonJustify = 'center' | 'space-between' | 'start';
   export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
       variant?: ButtonVariant;
       leftIcon?: ReactNode;
       rightIcon?: ReactNode;
       iconOnly?: ReactNode;
       iconAsPrimary?: boolean;
+      justify?: ButtonJustify;
   }
-  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, ...props }: ButtonProps) => React.JSX.Element;
+  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, ...props }: ButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/IconButton' {
@@ -338,6 +347,16 @@ declare module '@layerfi/components/components/Button/IconButton' {
   }
   export const IconButton: ({ className, children, icon, active, ...props }: IconButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/RetryButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface RetryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      processing?: boolean;
+      disabled?: boolean;
+      error: string;
+  }
+  export const RetryButton: ({ className, processing, disabled, error, children, ...props }: RetryButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/SubmitButton' {
   import React, { ButtonHTMLAttributes } from 'react';
@@ -364,8 +383,9 @@ declare module '@layerfi/components/components/Button/TextButton' {
 }
 declare module '@layerfi/components/components/Button/index' {
   export { Button, ButtonVariant } from '@layerfi/components/components/Button/Button';
-  export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { IconButton } from '@layerfi/components/components/Button/IconButton';
+  export { RetryButton } from '@layerfi/components/components/Button/RetryButton';
+  export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
 
 }
@@ -510,6 +530,17 @@ declare module '@layerfi/components/components/DataState/DataState' {
 declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
+}
+declare module '@layerfi/components/components/ExpandedBankTransactionRow/APIErrorNotifications' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface APIErrorNotificationsProps {
+      bankTransaction: BankTransaction;
+      containerWidth?: number;
+  }
+  export const APIErrorNotifications: ({ bankTransaction, containerWidth, }: APIErrorNotificationsProps) => React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow' {
   import React from 'react';
@@ -519,7 +550,8 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       isOpen?: boolean;
       asListItem?: boolean;
       submitBtnText?: string;
-      close?: () => void;
+      containerWidth?: number;
+      editable?: boolean;
   };
   export type SaveHandle = {
       save: () => void;
@@ -559,8 +591,9 @@ declare module '@layerfi/components/components/Input/Input' {
   export interface InputProps extends HTMLProps<HTMLInputElement> {
       isInvalid?: boolean;
       errorMessage?: string;
+      leftText?: string;
   }
-  export const Input: ({ className, isInvalid, errorMessage, ...props }: InputProps) => React.JSX.Element;
+  export const Input: ({ className, isInvalid, errorMessage, leftText, ...props }: InputProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/InputGroup' {
@@ -579,6 +612,24 @@ declare module '@layerfi/components/components/Input/index' {
   export { InputGroup } from '@layerfi/components/components/Input/InputGroup';
   export { FileInput } from '@layerfi/components/components/Input/FileInput';
 
+}
+declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountThumb' {
+  import React from 'react';
+  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  export interface LinkedAccountThumbProps {
+      account: LinkedAccount;
+  }
+  export const LinkedAccountThumb: ({ account }: LinkedAccountThumbProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
+  import React from 'react';
+  export const LinkedAccounts: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LinkedAccounts/index' {
+  export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/LinkedAccounts';
+
 }
 declare module '@layerfi/components/components/Loader/Loader' {
   import React, { ReactNode } from 'react';
@@ -600,8 +651,9 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
       bankTransaction: BankTransaction;
       selectedMatchId?: string;
       setSelectedMatchId: (val?: string) => void;
+      matchFormError?: string;
   }
-  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, }: MatchFormProps) => React.JSX.Element;
+  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/MatchForm/index' {
@@ -639,12 +691,30 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       Chart: () => React.JSX.Element;
       Context: React.Context<{
           data: import("@layerfi/components/types").ProfitAndLoss | undefined;
+          filteredData: import("@layerfi/components/types/line_item").LineBaseItem[];
+          filteredTotal?: number | undefined;
           isLoading: boolean;
           isValidating: boolean;
           error: unknown;
           dateRange: import("@layerfi/components/types").DateRange;
           changeDateRange: (dateRange: Partial<import("@layerfi/components/types").DateRange>) => void;
           refetch: () => void;
+          sidebarScope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
+          setSidebarScope: (view: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope) => void;
+          filters: {
+              expenses: {
+                  sortBy?: string | undefined;
+                  sortDirection?: import("@layerfi/components/types").SortDirection | undefined;
+                  types?: string[] | undefined;
+              } | undefined;
+              revenue: {
+                  sortBy?: string | undefined;
+                  sortDirection?: import("@layerfi/components/types").SortDirection | undefined;
+                  types?: string[] | undefined;
+              } | undefined;
+          };
+          sortBy: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, field: string, direction?: import("../../types").SortDirection | undefined) => void;
+          setFilterTypes: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, types: string[]) => void;
       }>;
       DatePicker: () => React.JSX.Element;
       Summaries: ({ vertical, revenueLabel, }: {
@@ -690,6 +760,15 @@ declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAnd
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
   export { ProfitAndLossDatePicker } from '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts' {
+  import React from 'react';
+  export const ProfitAndLossDetailedCharts: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index' {
+  export { ProfitAndLossDetailedCharts } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
+
 }
 declare module '@layerfi/components/components/ProfitAndLossRow/ProfitAndLossRow' {
   import React from 'react';
@@ -745,7 +824,12 @@ declare module '@layerfi/components/components/ProfitAndLossTable/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView' {
   import React from 'react';
-  export const ProfitAndLossView: () => React.JSX.Element;
+  export interface ProfitAndLossViewProps {
+      hideTable?: boolean;
+      hideChart?: boolean;
+      showDetailedCharts?: boolean;
+  }
+  export const ProfitAndLossView: (props: ProfitAndLossViewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
@@ -944,6 +1028,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       disabled: boolean | undefined;
   };
 
+}
+declare module '@layerfi/components/components/Typography/ErrorText' {
+  import React from 'react';
+  import { TextProps } from '@layerfi/components/components/Typography/Text';
+  export type ErrorTextProps = TextProps;
+  export const ErrorText: ({ className, ...props }: ErrorTextProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Typography/Heading' {
   import React, { ReactNode } from 'react';
@@ -997,8 +1088,9 @@ declare module '@layerfi/components/components/Typography/Text' {
 
 }
 declare module '@layerfi/components/components/Typography/index' {
-  export { Text, TextSize, TextWeight } from '@layerfi/components/components/Typography/Text';
+  export { Text, TextSize, TextWeight, TextUseTooltip } from '@layerfi/components/components/Typography/Text';
   export { Heading, HeadingSize } from '@layerfi/components/components/Typography/Heading';
+  export { ErrorText } from '@layerfi/components/components/Typography/ErrorText';
 
 }
 declare module '@layerfi/components/config/general' {
@@ -1144,6 +1236,25 @@ declare module '@layerfi/components/hooks/useLayerContext/useLayerContext' {
       setTheme: (theme: import("@layerfi/components/types/layer_context").LayerThemeConfig) => void;
   };
 
+}
+declare module '@layerfi/components/hooks/useLinkedAccounts/index' {
+  export { useLinkedAccounts } from '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts';
+
+}
+declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
+  import { Metadata } from '@layerfi/components/types';
+  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  type UseLinkedAccounts = () => {
+      data?: LinkedAccount[];
+      metadata: Metadata;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: unknown;
+      refetch: () => void;
+  };
+  export const useLinkedAccounts: UseLinkedAccounts;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/usePagination/index' {
   export { usePagination, DOTS } from '@layerfi/components/hooks/usePagination/usePagination';
@@ -1166,7 +1277,10 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/index' {
 
 }
 declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
-  import { ProfitAndLoss, DateRange, ReportingBasis } from '@layerfi/components/types';
+  import { ProfitAndLoss, DateRange, ReportingBasis, SortDirection } from '@layerfi/components/types';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  export type Scope = 'expenses' | 'revenue';
+  export type SidebarScope = Scope | undefined;
   type Props = {
       startDate?: Date;
       endDate?: Date;
@@ -1176,14 +1290,27 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       };
       reportingBasis?: ReportingBasis;
   };
+  type ProfitAndLossFilter = {
+      sortBy?: string;
+      sortDirection?: SortDirection;
+      types?: string[];
+  };
+  type ProfitAndLossFilters = Record<Scope, ProfitAndLossFilter | undefined>;
   type UseProfitAndLoss = (props?: Props) => {
       data: ProfitAndLoss | undefined;
+      filteredData: LineBaseItem[];
+      filteredTotal?: number;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
       dateRange: DateRange;
       changeDateRange: (dateRange: Partial<DateRange>) => void;
       refetch: () => void;
+      sidebarScope: SidebarScope;
+      setSidebarScope: (view: SidebarScope) => void;
+      filters: ProfitAndLossFilters;
+      sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
+      setFilterTypes: (scope: Scope, types: string[]) => void;
   };
   export const useProfitAndLoss: UseProfitAndLoss;
   export {};
@@ -1230,6 +1357,13 @@ declare module '@layerfi/components/icons/ChevronDown' {
   const ChevronDown: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default ChevronDown;
 
+}
+declare module '@layerfi/components/icons/ChevronDownFill' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ChevronDownFill: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ChevronDownFill;
+
 }
 declare module '@layerfi/components/icons/ChevronLeft' {
   import * as React from 'react';
@@ -1251,13 +1385,6 @@ declare module '@layerfi/components/icons/DownloadCloud' {
   const DownloadCloud: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
   export default DownloadCloud;
 
-}
-declare module '@layerfi/components/icons/Link' {
-  import * as React from 'react';
-  import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Link: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default Link;
-
 }
 declare module '@layerfi/components/icons/Loader' {
   import * as React from 'react';
@@ -1293,6 +1420,27 @@ declare module '@layerfi/components/icons/Scissors' {
   const Scissors: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Scissors;
 
+}
+declare module '@layerfi/components/icons/ScissorsFullOpen' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ScissorsFullOpen: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ScissorsFullOpen;
+
+}
+declare module '@layerfi/components/icons/SortArrows' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const SortArrows: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default SortArrows;
+
+}
+declare module '@layerfi/components/icons/Trash' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Trash: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Trash;
+
 }
 declare module '@layerfi/components/icons/UploadCloud' {
   import * as React from 'react';
@@ -1319,6 +1467,7 @@ declare module '@layerfi/components/index' {
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
   export { Hello } from '@layerfi/components/components/Hello/index';
+  export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/index';
@@ -1567,6 +1716,10 @@ declare module '@layerfi/components/types/chart_of_accounts' {
       description: string;
   };
 
+}
+declare module '@layerfi/components/types/general' {
+  export type SortDirection = 'asc' | 'desc';
+
 }
 declare module '@layerfi/components/types/layer_context' {
   import { Category } from '@layerfi/components/types';
@@ -1647,6 +1800,23 @@ declare module '@layerfi/components/types/line_item' {
       display_name: string;
       value: number | undefined;
       line_items?: LineItem[] | null;
+      is_contra?: boolean;
+  }
+  export interface LineBaseItem {
+      name?: string;
+      display_name: string;
+      value: number;
+      type: string;
+      share?: number;
+      hidden?: boolean;
+  }
+
+}
+declare module '@layerfi/components/types/linked_accounts' {
+  export interface LinkedAccount {
+      name: string;
+      account: string;
+      amount: number;
   }
 
 }
@@ -1680,6 +1850,7 @@ declare module '@layerfi/components/types' {
   export { Direction, BankTransaction } from '@layerfi/components/types/bank_transactions';
   export { CategorizationStatus, Category, CategorizationType, AutoCategorization, SuggestedCategorization, SingleCategoryUpdate, SplitCategoryUpdate, CategoryUpdate, } from '@layerfi/components/types/categories';
   export { AccountAlternate, ChartOfAccounts, Account, NewAccount, } from '@layerfi/components/types/chart_of_accounts';
+  export { SortDirection } from '@layerfi/components/types/general';
   export type DateRange<T = Date> = {
       startDate: T;
       endDate: T;
@@ -1706,10 +1877,31 @@ declare module '@layerfi/components/utils/format' {
    * Capitalize first letter of the given text.
    */
   export const capitalizeFirstLetter: (text: string) => string;
+  /**
+   * Convert number into percentage.
+   *
+   * @example
+   * 0.112 -> 11%
+   * 0.09843 -> 9.8%
+   * 0.00123 -> 0.12%
+   */
+  export const formatPercent: (value?: number, options?: Intl.NumberFormatOptions) => string | undefined;
 
 }
 declare module '@layerfi/components/utils/helpers' {
   export const range: (start: number, end: number) => number[];
+  export const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fnc: F, timeout?: number) => (...args: Parameters<F>) => void;
+  export const sleep: (time: number) => Promise<unknown>;
+
+}
+declare module '@layerfi/components/utils/profitAndLossUtils' {
+  import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  import { ProfitAndLoss } from '@layerfi/components/types/profit_and_loss';
+  export const collectExpensesItems: (data: ProfitAndLoss) => LineBaseItem[];
+  export const collectRevenueItems: (data: ProfitAndLoss) => LineBaseItem[];
+  export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
+  export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
 }
 declare module '@layerfi/components' {