@layerfi/components 0.1.79 → 0.1.81

package/dist/index.d.ts

@@ -20,17 +20,24 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
 }
 declare module '@layerfi/components/api/layer/balance_sheet' {
   import { BalanceSheet } from '@layerfi/components/types';
-  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetBalanceSheetParams | undefined;
-  } | undefined) => () => Promise<GetBalanceSheetReturn>;
-  export type GetBalanceSheetReturn = {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  type GetBalanceSheetParams = {
+      businessId: string;
+      effectiveDate: string;
+  };
+  type GetBalanceSheetReturn = {
       data?: BalanceSheet;
       error?: unknown;
   };
-  export interface GetBalanceSheetParams extends Record<string, string | undefined> {
-      businessId: string;
-      effectiveDate: string;
-  }
+  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<GetBalanceSheetReturn>;
+  export const getBalanceSheetCSV: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<{
+      data: S3PresignedUrl;
+  }>;
+  export {};
 
 }
 declare module '@layerfi/components/api/layer/bankTransactions' {
@@ -414,18 +421,25 @@ declare module '@layerfi/components/api/layer/quickbooks' {
 }
 declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
   import { StatementOfCashFlow } from '@layerfi/components/types';
-  export const getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetStatementOfCashFlowParams | undefined;
-  } | undefined) => () => Promise<GetStatementOfCashFlowReturn>;
-  export type GetStatementOfCashFlowReturn = {
-      data?: StatementOfCashFlow;
-      error?: unknown;
-  };
-  export interface GetStatementOfCashFlowParams extends Record<string, string | undefined> {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  type GetStatementOfCashFlowParams = {
       businessId: string;
       startDate: string;
       endDate: string;
-  }
+  };
+  type GetStatementOfCashFlowReturn = {
+      data?: StatementOfCashFlow;
+      error?: unknown;
+  };
+  export const getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetStatementOfCashFlowParams | undefined;
+  } | undefined) => () => Promise<GetStatementOfCashFlowReturn>;
+  export const getCashflowStatementCSV: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetStatementOfCashFlowParams | undefined;
+  } | undefined) => () => Promise<{
+      data: S3PresignedUrl;
+  }>;
+  export {};
 
 }
 declare module '@layerfi/components/api/layer/tasks' {
@@ -495,8 +509,14 @@ declare module '@layerfi/components/api/layer' {
           data: import("@layerfi/components/types").Account;
       }>;
       getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams | undefined;
-      } | undefined) => () => Promise<import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetReturn>;
+          params?: {
+              businessId: string;
+              effectiveDate: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types").BalanceSheet;
+          error?: unknown;
+      }>;
       getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsParams | undefined;
       } | undefined) => () => Promise<import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsReturn>;
@@ -746,8 +766,15 @@ declare module '@layerfi/components/api/layer' {
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
       getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowParams | undefined;
-      } | undefined) => () => Promise<import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowReturn>;
+          params?: {
+              businessId: string;
+              startDate: string;
+              endDate: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types").StatementOfCashFlow;
+          error?: unknown;
+      }>;
       syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
               businessId: string;
@@ -902,6 +929,33 @@ declare module '@layerfi/components/components/BalanceSheet/constants' {
       lineItem: string;
   }[];
 
+}
+declare module '@layerfi/components/components/BalanceSheet/download/BalanceSheetDownloadButton' {
+  import React from 'react';
+  type BalanceSheetDownloadButtonProps = {
+      effectiveDate: Date;
+      iconOnly?: boolean;
+  };
+  export function BalanceSheetDownloadButton({ effectiveDate, iconOnly, }: BalanceSheetDownloadButtonProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BalanceSheet/download/useBalanceSheetDownload' {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  type UseBalanceSheetOptions = {
+      effectiveDate: Date;
+      onSuccess?: (url: S3PresignedUrl) => Awaitable<unknown>;
+  };
+  export function useBalanceSheetDownload({ effectiveDate, onSuccess, }: UseBalanceSheetOptions): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      effectiveDate: Date;
+      tags: string[];
+  } | undefined, never>;
+  export {};
+
 }
 declare module '@layerfi/components/components/BalanceSheet/index' {
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
@@ -1018,11 +1072,12 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       purpose: Purpose;
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
       isOpen?: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
   export {};
 
 }
@@ -1084,10 +1139,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const BusinessForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: BusinessFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1119,6 +1175,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
@@ -1129,9 +1186,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
-  export const SplitForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: {
+  export const SplitForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }) => React.JSX.Element;
@@ -3309,6 +3367,36 @@ declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
   }[];
   export const ADJUSTMENTS_ROW_NAME = "Adjustments to Net Income";
 
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/download/CashflowStatementDownloadButton' {
+  import React from 'react';
+  type CashflowStatementDownloadButtonProps = {
+      startDate: Date;
+      endDate: Date;
+      iconOnly?: boolean;
+  };
+  export function CashflowStatementDownloadButton({ startDate, endDate, iconOnly, }: CashflowStatementDownloadButtonProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/download/useCashflowStatementDownload' {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  type UseCashflowStatementDownloadOptions = {
+      startDate: Date;
+      endDate: Date;
+      onSuccess?: (url: S3PresignedUrl) => Awaitable<unknown>;
+  };
+  export function useCashflowStatementDownload({ startDate, endDate, onSuccess, }: UseCashflowStatementDownloadOptions): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      startDate: Date;
+      endDate: Date;
+      tags: string[];
+  } | undefined, never>;
+  export {};
+
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/index' {
   export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
@@ -3910,7 +3998,8 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       justify?: 'center';
       slot?: string;
   }>;
-  export function VStack({ align, children, gap, justify, ...restProps }: StackProps): React.JSX.Element;
+  export function VStack(props: StackProps): React.JSX.Element;
+  export function HStack(props: StackProps): React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
@@ -3956,6 +4045,23 @@ declare module '@layerfi/components/components/utility/ConditionalList' {
   export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children }: ConditionalListProps<T>): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
   export {};
 
+}
+declare module '@layerfi/components/components/utility/InvisibleDownload' {
+  import React from 'react';
+  type InvisibleDownloadHandle = {
+      trigger: (options: {
+          url: string;
+      }) => Promise<void>;
+  };
+  export function useInvisibleDownload(): {
+      invisibleDownloadRef: React.RefObject<InvisibleDownloadHandle>;
+      triggerInvisibleDownload: (options: {
+          url: string;
+      }) => void;
+  };
+  const InvisibleDownload: React.ForwardRefExoticComponent<React.RefAttributes<InvisibleDownloadHandle>>;
+  export default InvisibleDownload;
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
@@ -4542,14 +4648,13 @@ declare module '@layerfi/components/hooks/useElementSize/useElementSize' {
       clientHeight: number;
   }) => void) => import("react").RefObject<T>;
 
-}
-declare module '@layerfi/components/hooks/useElementViewSize/index' {
-  export { useElementViewSize } from '@layerfi/components/hooks/useElementViewSize/useElementViewSize';
-
 }
 declare module '@layerfi/components/hooks/useElementViewSize/useElementViewSize' {
   import { View } from '@layerfi/components/types/general';
-  export const useElementViewSize: <T extends HTMLElement>(callback: (view: View) => void) => import("react").RefObject<T>;
+  export const useElementViewSize: <T extends HTMLElement>() => {
+      view: View;
+      containerRef: import("react").RefObject<T>;
+  };
 
 }
 declare module '@layerfi/components/hooks/useIsVisible/index' {
@@ -6429,6 +6534,10 @@ declare module '@layerfi/components/utils/colors' {
    */
   export const buildColorsPalette: (theme?: LayerThemeConfig) => ColorsPalette;
 
+}
+declare module '@layerfi/components/utils/delay/runDelayed' {
+  export function runDelayedSync<T>(block: () => T, delayMs?: number): Promise<T>;
+
 }
 declare module '@layerfi/components/utils/format' {
   /**
@@ -6486,6 +6595,12 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
   export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
   export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
+}
+declare module '@layerfi/components/utils/request/toDefinedSearchParameters' {
+  type ParameterValues = Date | string | number | boolean;
+  export function toDefinedSearchParameters(input: Record<string, ParameterValues | null | undefined>): URLSearchParams;
+  export {};
+
 }
 declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
   const SIZE_VARIANTS: readonly ["sm", "lg"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.79",
+  "version": "0.1.81",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -12,7 +12,8 @@
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs"
     },
-    "./index.css": "./dist/index.css"
+    "./index.css": "./dist/index.css",
+    "./dist/styles/index.css": "./dist/index.css"
   },
   "scripts": {
     "test": "jest",