@layerfi/components 0.1.16 → 0.1.18

package/dist/index.d.ts

@@ -130,18 +130,17 @@ declare module '@layerfi/components/api/layer/chart_of_accounts' {
 
 }
 declare module '@layerfi/components/api/layer/journal' {
-  import { Account, NewAccount } from '@layerfi/components/types';
   import { JournalEntry } from '@layerfi/components/types/journal';
   export const getJournal: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
       data: JournalEntry[];
   }>;
-  export const addEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+  export const createJournalEntries: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
-      body?: NewAccount | undefined;
+      body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
-      data: Account;
+      data: JournalEntry[];
   }>;
 
 }
@@ -321,11 +320,11 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types").JournalEntry[];
       }>;
-      addEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+      createJournalEntries: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
-          body?: import("@layerfi/components/types").NewAccount | undefined;
+          body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types").Account;
+          data: import("@layerfi/components/types").JournalEntry[];
       }>;
       getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -609,6 +608,14 @@ declare module '@layerfi/components/components/Button/Button' {
   }
   export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, ...props }: ButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/CloseButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface CloseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      textOnly?: boolean;
+  }
+  export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/IconButton' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -661,6 +668,7 @@ declare module '@layerfi/components/components/Button/index' {
   export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
   export { BackButton } from '@layerfi/components/components/Button/BackButton';
+  export { CloseButton } from '@layerfi/components/components/Button/CloseButton';
 
 }
 declare module '@layerfi/components/components/Card/Card' {
@@ -1007,6 +1015,21 @@ declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
 declare module '@layerfi/components/components/HoverMenu/index' {
   export { HoverMenu, HoverMenuProps } from '@layerfi/components/components/HoverMenu/HoverMenu';
 
+}
+declare module '@layerfi/components/components/Input/DateInput' {
+  import React from 'react';
+  import 'react-datepicker/dist/react-datepicker.css';
+  export const DateInput: ({ selected, onChange, ...props }: {
+      selected?: string | undefined;
+      onChange?: ((date: string) => void) | undefined;
+      dateFormat?: string | undefined;
+      timeIntervals?: number | undefined;
+      timeCaption?: string | undefined;
+      placeholderText?: string | undefined;
+      showTimeSelect?: boolean | undefined;
+      showTimeSelectOnly?: boolean | undefined;
+  }) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -1038,6 +1061,19 @@ declare module '@layerfi/components/components/Input/InputGroup' {
   }
   export const InputGroup: ({ label, name, className, inline, children, }: InputGroupProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/InputWithBadge' {
+  import React, { HTMLProps } from 'react';
+  import { BadgeVariant } from '@layerfi/components/components/Badge/index';
+  export interface InputWithBadgeProps extends HTMLProps<HTMLInputElement> {
+      isInvalid?: boolean;
+      errorMessage?: string;
+      leftText?: string;
+      variant?: BadgeVariant;
+      badge: React.ReactNode;
+  }
+  export const InputWithBadge: ({ className, isInvalid, errorMessage, leftText, badge, variant, ...props }: InputWithBadgeProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/Select' {
   import React from 'react';
@@ -1062,35 +1098,65 @@ declare module '@layerfi/components/components/Input/index' {
   export { InputGroup } from '@layerfi/components/components/Input/InputGroup';
   export { FileInput } from '@layerfi/components/components/Input/FileInput';
   export { Select } from '@layerfi/components/components/Input/Select';
+  export { InputWithBadge } from '@layerfi/components/components/Input/InputWithBadge';
+  export { DateInput } from '@layerfi/components/components/Input/DateInput';
 
 }
 declare module '@layerfi/components/components/Journal/Journal' {
   import React from 'react';
-  import { useJournal } from '@layerfi/components/hooks/useJournal/index';
   export type View = 'mobile' | 'tablet' | 'desktop';
+  export interface JournalConfig {
+      form: {
+          addEntryLinesLimit?: number;
+      };
+  }
   export interface JournalProps {
       asWidget?: boolean;
+      config?: JournalConfig;
   }
-  export type JournalContextType = ReturnType<typeof useJournal>;
-  export const JournalContext: React.Context<{
-      data?: import("@layerfi/components/types").JournalEntry[] | undefined;
-      entryData?: import("@layerfi/components/types").JournalEntryLine | undefined;
-      isLoading?: boolean | undefined;
-      isLoadingEntry?: boolean | undefined;
-      isValidating?: boolean | undefined;
-      isValidatingEntry?: boolean | undefined;
-      error?: unknown;
-      errorEntry?: unknown;
-      refetch: () => void;
-      selectedEntryId?: string | undefined;
-      setSelectedEntryId: (id?: string | undefined) => void;
-      closeSelectedEntry: () => void;
-  }>;
+  export const JOURNAL_CONFIG: JournalConfig;
   export const Journal: (props: JournalProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Journal/index' {
-  export { Journal, JournalContext, View } from '@layerfi/components/components/Journal/Journal';
+  export { Journal, View } from '@layerfi/components/components/Journal/Journal';
+
+}
+declare module '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails' {
+  import React from 'react';
+  export const JournalEntryDetails: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalEntryDetails/index' {
+  export { JournalEntryDetails } from '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails';
+
+}
+declare module '@layerfi/components/components/JournalForm/JournalForm' {
+  import React from 'react';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalForm: ({ config }: {
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines' {
+  import React from 'react';
+  import { Direction, JournalEntryLineItem } from '@layerfi/components/types';
+  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalFormEntryLines: ({ entrylineItems, addEntryLine, removeEntryLine, changeFormData, sendingForm, config, }: {
+      entrylineItems: JournalEntryLineItem[];
+      addEntryLine: (direction: Direction) => void;
+      removeEntryLine: (index: number) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | number | undefined, lineItemIndex: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      sendingForm: boolean;
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalForm/index' {
+  export { JournalForm } from '@layerfi/components/components/JournalForm/JournalForm';
 
 }
 declare module '@layerfi/components/components/JournalRow/JournalRow' {
@@ -1118,8 +1184,10 @@ declare module '@layerfi/components/components/JournalRow/index' {
 }
 declare module '@layerfi/components/components/JournalSidebar/JournalSidebar' {
   import React, { RefObject } from 'react';
-  export const JournalSidebar: ({ parentRef: _parentRef, }: {
-      parentRef?: RefObject<HTMLDivElement>;
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalSidebar: ({ parentRef: _parentRef, config, }: {
+      parentRef?: React.RefObject<HTMLDivElement> | undefined;
+      config: JournalConfig;
   }) => React.JSX.Element;
 
 }
@@ -1130,10 +1198,12 @@ declare module '@layerfi/components/components/JournalSidebar/index' {
 declare module '@layerfi/components/components/JournalTable/JournalTable' {
   import React, { RefObject } from 'react';
   import { View } from '@layerfi/components/components/Journal/index';
-  export const JournalTable: ({ view, containerRef, pageSize, }: {
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalTable: ({ view, containerRef, pageSize, config, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
       pageSize?: number | undefined;
+      config: JournalConfig;
   }) => React.JSX.Element;
 
 }
@@ -1591,7 +1661,11 @@ declare module '@layerfi/components/components/SkeletonLoader/index' {
 }
 declare module '@layerfi/components/components/Textarea/Textarea' {
   import React, { HTMLProps } from 'react';
-  export const Textarea: ({ className, ...props }: HTMLProps<HTMLTextAreaElement>) => React.JSX.Element;
+  export interface TextareaProps extends HTMLProps<HTMLTextAreaElement> {
+      isInvalid?: boolean;
+      errorMessage?: string;
+  }
+  export const Textarea: ({ className, isInvalid, errorMessage, ...props }: TextareaProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Textarea/index' {
@@ -1963,6 +2037,40 @@ declare module '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccou
 declare module '@layerfi/components/contexts/ChartOfAccountsContext/index' {
   export { ChartOfAccountsContext } from '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccountsContext';
 
+}
+declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
+  /// <reference types="react" />
+  import { useJournal } from '@layerfi/components/hooks/useJournal/index';
+  export type JournalContextType = ReturnType<typeof useJournal>;
+  export const JournalContext: import("react").Context<{
+      data?: import("@layerfi/components/types").JournalEntry[] | undefined;
+      isLoading?: boolean | undefined;
+      isLoadingEntry?: boolean | undefined;
+      isValidating?: boolean | undefined;
+      isValidatingEntry?: boolean | undefined;
+      error?: unknown;
+      errorEntry?: unknown;
+      refetch: () => void;
+      selectedEntryId?: string | undefined;
+      setSelectedEntryId: (id?: string | undefined) => void;
+      closeSelectedEntry: () => void;
+      create: (newJournalEntry: import("@layerfi/components/types/journal").NewJournalEntry) => void;
+      changeFormData: (name: string, value: string | number | import("@layerfi/components/types/general").BaseSelectOption | undefined, lineItemIndex?: number | undefined, accounts?: import("../../types/chart_of_accounts").LedgerAccountBalance[] | undefined) => void;
+      submitForm: () => void;
+      cancelForm: () => void;
+      addEntry: () => void;
+      sendingForm: boolean;
+      form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined;
+      apiError?: string | undefined;
+      setForm: (form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined) => void;
+      addEntryLine: (direction: import("@layerfi/components/types").Direction) => void;
+      removeEntryLine: (index: number) => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/JournalContext/index' {
+  export { JournalContext } from '@layerfi/components/contexts/JournalContext/JournalContext';
+
 }
 declare module '@layerfi/components/contexts/LayerContext/LayerContext' {
   /// <reference types="react" />
@@ -2066,13 +2174,9 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/index' {
 
 }
 declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts' {
-  import { DateRange, NewAccount } from '@layerfi/components/types';
+  import { FormError, DateRange, NewAccount } from '@layerfi/components/types';
   import { ChartWithBalances, LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { BaseSelectOption } from '@layerfi/components/types/general';
-  interface FormError {
-      field: string;
-      message: string;
-  }
   export interface ChartOfAccountsForm {
       action: 'new' | 'edit';
       accountId?: string;
@@ -2137,10 +2241,12 @@ declare module '@layerfi/components/hooks/useJournal/index' {
 
 }
 declare module '@layerfi/components/hooks/useJournal/useJournal' {
-  import { JournalEntry, JournalEntryLine } from '@layerfi/components/types/journal';
+  import { Direction, FormError, FormErrorWithId } from '@layerfi/components/types';
+  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  import { JournalEntry, NewJournalEntry } from '@layerfi/components/types/journal';
   type UseJournal = () => {
       data?: JournalEntry[];
-      entryData?: JournalEntryLine;
       isLoading?: boolean;
       isLoadingEntry?: boolean;
       isValidating?: boolean;
@@ -2151,7 +2257,26 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
       selectedEntryId?: string;
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
+      create: (newJournalEntry: NewJournalEntry) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      submitForm: () => void;
+      cancelForm: () => void;
+      addEntry: () => void;
+      sendingForm: boolean;
+      form?: JournalFormTypes;
+      apiError?: string;
+      setForm: (form?: JournalFormTypes) => void;
+      addEntryLine: (direction: Direction) => void;
+      removeEntryLine: (index: number) => void;
   };
+  export interface JournalFormTypes {
+      action: string;
+      data: NewJournalEntry;
+      errors?: {
+          entry: FormError[];
+          lineItems: FormErrorWithId[];
+      } | undefined;
+  }
   export const useJournal: UseJournal;
   export const flattenEntries: (entries: JournalEntry[]) => JournalEntry[];
   export {};
@@ -2414,6 +2539,13 @@ declare module '@layerfi/components/icons/ChevronRight' {
   const ChavronRight: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default ChavronRight;
 
+}
+declare module '@layerfi/components/icons/CloseIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const CloseIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default CloseIcon;
+
 }
 declare module '@layerfi/components/icons/CreditCard' {
   import * as React from 'react';
@@ -2907,6 +3039,26 @@ declare module '@layerfi/components/types/journal' {
       entry_at: string;
       createdAt: string;
   }
+  export type NewJournalEntry = {
+      entry_at: string;
+      created_by: string;
+      memo: string;
+      line_items: JournalEntryLineItem[];
+  };
+  export type JournalEntryLineItem = {
+      account_identifier: {
+          type: string;
+          stable_name: string;
+          id: string;
+          name: string;
+          subType: {
+              value: string;
+              label: string;
+          } | undefined;
+      };
+      amount: number;
+      direction: Direction;
+  };
 
 }
 declare module '@layerfi/components/types/layer_context' {
@@ -3169,7 +3321,14 @@ declare module '@layerfi/components/types' {
   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';
   export { SortDirection } from '@layerfi/components/types/general';
-  export { JournalEntry, JournalEntryLine, } from '@layerfi/components/types/journal';
+  export interface FormError {
+      field: string;
+      message: string;
+  }
+  export interface FormErrorWithId extends FormError {
+      id: number;
+  }
+  export { JournalEntry, JournalEntryLine, JournalEntryLineItem, } from '@layerfi/components/types/journal';
   export type DateRange<T = Date> = {
       startDate: T;
       endDate: T;
@@ -3209,6 +3368,9 @@ declare module '@layerfi/components/utils/format' {
    * Convert Enum-like (upper snakecase) text into human friendly format.
    */
   export const humanizeEnum: (text: string) => string;
+  export const convertNumberToCurrency: (amount: number | undefined) => string;
+  export const convertCurrencyToNumber: (amount: string) => number;
+  export const CURRENCY_INPUT_PATTERN = "[0-9]+(.[0-9]+)?";
 
 }
 declare module '@layerfi/components/utils/helpers' {