@layerfi/components 0.1.5 → 0.1.6

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' {
@@ -745,7 +797,11 @@ 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;
+  }
+  export const ProfitAndLossView: (props: ProfitAndLossViewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
@@ -944,6 +1000,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 +1060,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 +1208,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';
@@ -1230,6 +1313,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 +1341,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';
@@ -1294,18 +1377,25 @@ declare module '@layerfi/components/icons/Scissors' {
   export default Scissors;
 
 }
-declare module '@layerfi/components/icons/UploadCloud' {
+declare module '@layerfi/components/icons/ScissorsFullOpen' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const UploadCloud: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default UploadCloud;
+  const ScissorsFullOpen: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ScissorsFullOpen;
 
 }
-declare module '@layerfi/components/icons/X' {
+declare module '@layerfi/components/icons/Trash' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const X: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default X;
+  const Trash: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Trash;
+
+}
+declare module '@layerfi/components/icons/UploadCloud' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const UploadCloud: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default UploadCloud;
 
 }
 declare module '@layerfi/components/icons/types' {
@@ -1319,6 +1409,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';
@@ -1649,6 +1740,14 @@ declare module '@layerfi/components/types/line_item' {
       line_items?: LineItem[] | null;
   }
 
+}
+declare module '@layerfi/components/types/linked_accounts' {
+  export interface LinkedAccount {
+      name: string;
+      account: string;
+      amount: number;
+  }
+
 }
 declare module '@layerfi/components/types/profit_and_loss' {
   import { LineItem } from '@layerfi/components/types/line_item';
@@ -1710,6 +1809,8 @@ declare module '@layerfi/components/utils/format' {
 }
 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' {