@bunnyapp/components 1.8.0-beta.44 → 1.8.0-beta.45

package/dist/index.d.ts

@@ -1,14 +1,103 @@
 import * as react from 'react';
 import react__default, { ReactNode, ComponentProps } from 'react';
+import Invoice$1 from '@/types/Invoice';
 import * as gql_tada from 'gql.tada';
 import { ResultOf, FragmentOf } from 'gql.tada';
 import FormattedInvoice from '@/types/FormattedInvoice';
-import { Transaction, TransactionKind } from '@/types/Transaction';
+import { Quote as Quote$1 } from '@/types/Quote';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
+import { Transaction } from '@/types/Transaction';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
+type CursorPage<T> = {
+    pageInfo: {
+        endCursor?: string | null;
+        hasNextPage: boolean;
+    };
+    totalCount?: number;
+    nodes: T[];
+};
+
+type ColumnAlign = 'left' | 'right';
+type Column<T> = {
+    /** Unique identifier for the column; also used as the React key. */
+    key: string;
+    /** Bold header text. Pass an empty string to render no label. */
+    label: string;
+    /** Cell renderer for each row. */
+    render: (row: T) => ReactNode;
+    /** Cell + header alignment. Defaults to 'left'. */
+    align?: ColumnAlign;
+    /** Explicit `grid-template-columns` segment (e.g. `'120px'`, `'auto'`). Ignored when `flex` is true. */
+    width?: string;
+    /** When true, this column takes the remaining space (`3fr`). At most one column should set this. */
+    flex?: boolean;
+};
+type InfiniteTableQueryArgs = {
+    first: number;
+    after?: string;
+};
+/** Shared display options for the resource table wrappers (Invoices, Quotes, Transactions, ...). */
+type TableDisplayOptions<ColumnKey extends string> = {
+    /** Whether to show the search bar */
+    showSearchBar?: boolean;
+    /** Whether to show the title */
+    showTitle?: boolean;
+    /** The title to display above the list */
+    title?: string;
+    /** The columns to display */
+    columns?: ColumnKey[];
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** Card shadow class */
+    shadow?: ShadowType;
+    /** Whether to open the row detail in a modal instead of a drawer */
+    useModal?: boolean;
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** Message to display when the list is empty */
+    emptyMessage?: string;
+};
+/** Shared behavior options for the resource table wrappers. */
+type TableBehaviorOptions = {
+    /** Whether to suppress the row detail drawer/modal on row click */
+    suppressDetail?: boolean;
+    /** Force a specific number of rows per page. When omitted the table
+     *  auto-sizes based on the available viewport height. Must be between
+     *  1 and 100 (the API's per-request cap). */
+    rowsPerPage?: number;
+};
+
+type Props$1<T> = {
+    /** Base cache key. `rowsPerPage` is appended automatically. */
+    queryKey: readonly unknown[];
+    /** Fetches a single page. Must return a Relay-shaped `CursorPage`. */
+    queryFn: (args: InfiniteTableQueryArgs) => Promise<CursorPage<T>>;
+    /** Extracts a stable React key from each row. */
+    getRowKey: (row: T) => string | number;
+    /** Declarative column configuration. */
+    columns: Column<T>[];
+    /** Invoked when a row is clicked. Presence enables the row-hover cursor. */
+    onRowClick?: (row: T) => void;
+    /** Fallback text shown when the current page has no rows. */
+    emptyMessage?: string;
+    /** Fully custom empty-state renderer; overrides `emptyMessage`. */
+    renderEmpty?: () => ReactNode;
+    /** Force a page size. When omitted the table auto-sizes to the viewport. Must be 1-100. */
+    rowsPerPage?: number;
+    /** Card shadow class. */
+    shadow?: ShadowType;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Escape hatch: on mobile, render each row with this callback instead of the columns grid. */
+    renderMobileRow?: (row: T) => ReactNode;
+};
+declare function InfiniteTable<T>({ queryKey, queryFn, getRowKey, columns, onRowClick, emptyMessage, renderEmpty, rowsPerPage, shadow, className, style, renderMobileRow, }: Props$1<T>): react.JSX.Element;
+
 type InvoiceQuoteContextProps = {
     id?: string | null | undefined;
     invoiceQuoteViewComponent?: React.ReactNode;
@@ -38,6 +127,31 @@ declare global {
     }
 }
 
+type InvoiceColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+type InvoiceDateType = 'createdAt' | 'issuedAt' | 'dueAt';
+
+type InvoicesDisplayOptions = TableDisplayOptions<InvoiceColumnKey>;
+type InvoicesBehaviorOptions = TableBehaviorOptions & {
+    /** The type of date to display for invoices. */
+    invoiceDateType?: InvoiceDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+};
+declare function Invoices({ invoiceComponent, onInvoiceClick, filter, sort, displayOptions, behaviorOptions, }: {
+    /** A custom component to render instead of the default invoice component */
+    invoiceComponent?: react__default.ReactNode;
+    /** A function to call when an invoice is clicked */
+    onInvoiceClick?: (invoice: Invoice$1) => void;
+    /** Filter expression applied server-side, e.g. `"invoice.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: InvoicesDisplayOptions;
+    behaviorOptions?: InvoicesBehaviorOptions;
+}): react__default.JSX.Element;
+
 declare const OnQuoteLoadedFragment: gql_tada.TadaDocumentNode<{
     vendorName: string | null;
     quote: {
@@ -56,41 +170,23 @@ type QuoteProps = InvoiceQuoteContextProps & {
 };
 declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification, }: QuoteProps): react.JSX.Element;
 
-type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+type QuoteColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** Render a custom quote component. Receives the quoteId as a parameter. */
-    renderQuote?: (quote: Transaction) => React.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the quotes list */
-    title?: string;
-    /** The columns to display in the quotes list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
+type QuotesDisplayOptions = TableDisplayOptions<QuoteColumnKey>;
+type QuotesBehaviorOptions = TableBehaviorOptions;
+declare function Quotes({ renderQuote, onQuoteClick, filter, sort, displayOptions, behaviorOptions, }: {
+    /** Render a custom quote component. Receives the quote as a parameter. */
+    renderQuote?: (quote: Quote$1) => React.ReactNode;
     /** A function to call when a quote is clicked */
-    onQuoteClick?: (quote: Transaction) => void;
-    /** Whether to hide the display showing the quote */
-    suppressQuoteDisplay?: boolean;
-    /** A custom style to apply to the component */
-    style?: React.CSSProperties;
-    /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
+    onQuoteClick?: (quote: Quote$1) => void;
+    /** Filter expression applied server-side, e.g. `"quote.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
     filter?: string;
-    /** A function to filter the quotes. Runs on the client side. */
-    filterQuotes?: (quote: Transaction) => boolean;
-    /** A function to sort the quotes. Runs on the client side. */
-    sort?: (a: Transaction, b: Transaction) => number;
-    /** Message to display when there are no quotes */
-    noQuotesMessage?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: QuotesDisplayOptions;
+    behaviorOptions?: QuotesBehaviorOptions;
 }): react.JSX.Element;
 
 type Props = {
@@ -270,50 +366,28 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
 
 type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';
 
-declare function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, filterTransactions, sortTransactions, transactionDateType, hidePaymentForm, }: {
+type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+
+type TransactionsDisplayOptions = TableDisplayOptions<TransactionListColumnType>;
+type TransactionsBehaviorOptions = TableBehaviorOptions & {
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+};
+declare function Transactions({ transactionComponent, onTransactionClick, filter, sort, displayOptions, behaviorOptions, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: react__default.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the transactions list */
-    title?: string;
-    /** The columns to display in the transactions list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
     /** A function to call when a transaction is clicked */
     onTransactionClick?: (transaction: Transaction) => void;
-    /** Whether to hide the display showing the transaction */
-    suppressTransactionDisplay?: boolean;
-    /** The kinds of transactions to show */
-    kindsToShow?: TransactionKind[];
-    /** A custom style to apply to the component */
-    style?: react__default.CSSProperties;
-    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
-     * Filtering is applied on the api side, potentially speeding up the transactions query
+    /** Filter expression applied server-side, e.g. `"transaction.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
      */
     filter?: string;
-    /** Message to display when there are no transactions */
-    noTransactionsMessage?: string;
-    /** A function to filter the transactions
-     * Filtering is applied on the client side.
-     * This is useful to have more control over the filtering logic.
-     */
-    filterTransactions?: (transaction: Transaction) => boolean;
-    /** A function to sort the transactions. Runs on the client side. */
-    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
-    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
-    transactionDateType?: TransactionDateType;
-    /** Whether to hide the payment form on invoices */
-    hidePaymentForm?: boolean;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: TransactionsDisplayOptions;
+    behaviorOptions?: TransactionsBehaviorOptions;
 }): react__default.JSX.Element;
 
 declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, onPaymentMethodSaved, onPaymentMethodRemoved, onSubscriptionUpgradeClick, }: {
@@ -397,4 +471,5 @@ declare function MiniCreditCard({ className, buttons, hideDropdownMenu, hideDefa
     id?: string;
 }): react.JSX.Element;
 
-export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };
+export { BillingDetails, BunnyProvider, Footer, InfiniteTable, Invoice, Invoices, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };
+export type { Column, ColumnAlign, CursorPage, InfiniteTableQueryArgs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.0-beta.44",
+  "version": "1.8.0-beta.45",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/dist/cjs/types/src/components/Quotes/Quotes.d.ts

@@ -1,38 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-import { ShadowType } from '../../types/shadowType';
-import { TransactionListColumnType } from '../Transactions/transactionsList/TransactionsListDesktop';
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** Render a custom quote component. Receives the quoteId as a parameter. */
-    renderQuote?: (quote: Transaction) => React.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the quotes list */
-    title?: string;
-    /** The columns to display in the quotes list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
-    /** A function to call when a quote is clicked */
-    onQuoteClick?: (quote: Transaction) => void;
-    /** Whether to hide the display showing the quote */
-    suppressQuoteDisplay?: boolean;
-    /** A custom style to apply to the component */
-    style?: React.CSSProperties;
-    /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
-    filter?: string;
-    /** A function to filter the quotes. Runs on the client side. */
-    filterQuotes?: (quote: Transaction) => boolean;
-    /** A function to sort the quotes. Runs on the client side. */
-    sort?: (a: Transaction, b: Transaction) => number;
-    /** Message to display when there are no quotes */
-    noQuotesMessage?: string;
-}): import("react").JSX.Element;
-export default Quotes;

package/dist/cjs/types/src/components/Transactions/Transactions.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Transaction } from '@/types/Transaction';
-import { TransactionKind } from '@/types/Transaction';
-import { TransactionDateType } from '../../contexts/TransactionsListContext';
-import { ShadowType } from '../../types/shadowType';
-import { TransactionListColumnType } from './transactionsList/TransactionsListDesktop';
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, filterTransactions, sortTransactions, transactionDateType, hidePaymentForm, }: {
-    /** A custom component to render instead of the default invoice component */
-    transactionComponent?: React.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the transactions list */
-    title?: string;
-    /** The columns to display in the transactions list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
-    /** A function to call when a transaction is clicked */
-    onTransactionClick?: (transaction: Transaction) => void;
-    /** Whether to hide the display showing the transaction */
-    suppressTransactionDisplay?: boolean;
-    /** The kinds of transactions to show */
-    kindsToShow?: TransactionKind[];
-    /** A custom style to apply to the component */
-    style?: React.CSSProperties;
-    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
-     * Filtering is applied on the api side, potentially speeding up the transactions query
-     */
-    filter?: string;
-    /** Message to display when there are no transactions */
-    noTransactionsMessage?: string;
-    /** A function to filter the transactions
-     * Filtering is applied on the client side.
-     * This is useful to have more control over the filtering logic.
-     */
-    filterTransactions?: (transaction: Transaction) => boolean;
-    /** A function to sort the transactions. Runs on the client side. */
-    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
-    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
-    transactionDateType?: TransactionDateType;
-    /** Whether to hide the payment form on invoices */
-    hidePaymentForm?: boolean;
-}): React.JSX.Element;
-export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
-    transactions: Transaction[] | undefined;
-    onSearchValueChanged: (value: string) => void;
-    search: string;
-}): React.JSX.Element;

package/dist/cjs/types/src/components/Transactions/transactionsList/TransactionGridCell.d.ts

@@ -1,2 +0,0 @@
-declare const TransactionGridCell: any;
-export default TransactionGridCell;

package/dist/cjs/types/src/components/Transactions/transactionsList/TransactionsEmptyState.d.ts

@@ -1,2 +0,0 @@
-declare const TransactionsEmptyState: () => import("react").JSX.Element;
-export default TransactionsEmptyState;

package/dist/cjs/types/src/components/Transactions/transactionsList/TransactionsListDesktop.d.ts

@@ -1,7 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-export type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
-declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
-    transactions: Transaction[] | undefined;
-    onTransactionClick?: (transaction: Transaction) => void;
-}) => import("react").JSX.Element;
-export default TransactionsListDesktop;

package/dist/cjs/types/src/components/Transactions/transactionsList/TransactionsListMobile.d.ts

@@ -1,6 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-declare const TransactionsListMobile: ({ transactions, onTransactionClick, }: {
-    transactions: Transaction[] | undefined;
-    onTransactionClick: (transaction: Transaction) => void;
-}) => import("react").JSX.Element;
-export default TransactionsListMobile;

package/dist/cjs/types/src/contexts/TransactionsListContext.d.ts

@@ -1,30 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-import { TransactionKind } from '@/types/Transaction';
-import { ShadowType } from '../types/shadowType';
-import { TransactionListColumnType } from '../components/Transactions/transactionsList/TransactionsListDesktop';
-export type TransactionsContextValues = {
-    showSearchBar?: boolean;
-    showTitle?: boolean;
-    title?: string;
-    transactionComponent?: React.ReactNode;
-    transactionStateRenderer?: (state: string) => React.ReactNode;
-    columns: TransactionListColumnType[];
-    className?: string;
-    shadow?: ShadowType;
-    searchBarClassName?: string;
-    useModal?: boolean;
-    onTransactionClick?: (transaction: Transaction) => void;
-    onTransactionDisplayClose?: (transaction: Transaction | null) => void;
-    suppressTransactionDisplay?: boolean;
-    kindsToShow?: TransactionKind[];
-    style?: React.CSSProperties;
-    filter?: string;
-    noTransactionsMessage?: string;
-    downloadTransactionLink?: (id: string) => string;
-    filterTransactions?: (transaction: Transaction) => boolean;
-    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
-    transactionDateType: TransactionDateType;
-    hidePaymentForm?: boolean;
-};
-export type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';
-export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

package/dist/esm/types/src/components/Quotes/Quotes.d.ts

@@ -1,38 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-import { ShadowType } from '../../types/shadowType';
-import { TransactionListColumnType } from '../Transactions/transactionsList/TransactionsListDesktop';
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** Render a custom quote component. Receives the quoteId as a parameter. */
-    renderQuote?: (quote: Transaction) => React.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the quotes list */
-    title?: string;
-    /** The columns to display in the quotes list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
-    /** A function to call when a quote is clicked */
-    onQuoteClick?: (quote: Transaction) => void;
-    /** Whether to hide the display showing the quote */
-    suppressQuoteDisplay?: boolean;
-    /** A custom style to apply to the component */
-    style?: React.CSSProperties;
-    /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
-    filter?: string;
-    /** A function to filter the quotes. Runs on the client side. */
-    filterQuotes?: (quote: Transaction) => boolean;
-    /** A function to sort the quotes. Runs on the client side. */
-    sort?: (a: Transaction, b: Transaction) => number;
-    /** Message to display when there are no quotes */
-    noQuotesMessage?: string;
-}): import("react").JSX.Element;
-export default Quotes;

package/dist/esm/types/src/components/Transactions/Transactions.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Transaction } from '@/types/Transaction';
-import { TransactionKind } from '@/types/Transaction';
-import { TransactionDateType } from '../../contexts/TransactionsListContext';
-import { ShadowType } from '../../types/shadowType';
-import { TransactionListColumnType } from './transactionsList/TransactionsListDesktop';
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, filterTransactions, sortTransactions, transactionDateType, hidePaymentForm, }: {
-    /** A custom component to render instead of the default invoice component */
-    transactionComponent?: React.ReactNode;
-    /** Whether to show the search bar */
-    showSearchBar?: boolean;
-    /** Whether to show the title */
-    showTitle?: boolean;
-    /** The title to display in the transactions list */
-    title?: string;
-    /** The columns to display in the transactions list */
-    columns?: TransactionListColumnType[];
-    /** A custom class name to apply to the component */
-    className?: string;
-    /** Whether to use a modal for the invoice drawer */
-    useModal?: boolean;
-    /** Whether to show a shadow around the transactions list */
-    shadow?: ShadowType;
-    /** A custom class name to apply to the search bar */
-    searchBarClassName?: string;
-    /** A function to call when a transaction is clicked */
-    onTransactionClick?: (transaction: Transaction) => void;
-    /** Whether to hide the display showing the transaction */
-    suppressTransactionDisplay?: boolean;
-    /** The kinds of transactions to show */
-    kindsToShow?: TransactionKind[];
-    /** A custom style to apply to the component */
-    style?: React.CSSProperties;
-    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
-     * Filtering is applied on the api side, potentially speeding up the transactions query
-     */
-    filter?: string;
-    /** Message to display when there are no transactions */
-    noTransactionsMessage?: string;
-    /** A function to filter the transactions
-     * Filtering is applied on the client side.
-     * This is useful to have more control over the filtering logic.
-     */
-    filterTransactions?: (transaction: Transaction) => boolean;
-    /** A function to sort the transactions. Runs on the client side. */
-    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
-    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
-    transactionDateType?: TransactionDateType;
-    /** Whether to hide the payment form on invoices */
-    hidePaymentForm?: boolean;
-}): React.JSX.Element;
-export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
-    transactions: Transaction[] | undefined;
-    onSearchValueChanged: (value: string) => void;
-    search: string;
-}): React.JSX.Element;

package/dist/esm/types/src/components/Transactions/transactionsList/TransactionGridCell.d.ts

@@ -1,2 +0,0 @@
-declare const TransactionGridCell: any;
-export default TransactionGridCell;

package/dist/esm/types/src/components/Transactions/transactionsList/TransactionsEmptyState.d.ts

@@ -1,2 +0,0 @@
-declare const TransactionsEmptyState: () => import("react").JSX.Element;
-export default TransactionsEmptyState;

package/dist/esm/types/src/components/Transactions/transactionsList/TransactionsListDesktop.d.ts

@@ -1,7 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-export type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
-declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
-    transactions: Transaction[] | undefined;
-    onTransactionClick?: (transaction: Transaction) => void;
-}) => import("react").JSX.Element;
-export default TransactionsListDesktop;

package/dist/esm/types/src/components/Transactions/transactionsList/TransactionsListMobile.d.ts

@@ -1,6 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-declare const TransactionsListMobile: ({ transactions, onTransactionClick, }: {
-    transactions: Transaction[] | undefined;
-    onTransactionClick: (transaction: Transaction) => void;
-}) => import("react").JSX.Element;
-export default TransactionsListMobile;

package/dist/esm/types/src/contexts/TransactionsListContext.d.ts

@@ -1,30 +0,0 @@
-import { Transaction } from '@/types/Transaction';
-import { TransactionKind } from '@/types/Transaction';
-import { ShadowType } from '../types/shadowType';
-import { TransactionListColumnType } from '../components/Transactions/transactionsList/TransactionsListDesktop';
-export type TransactionsContextValues = {
-    showSearchBar?: boolean;
-    showTitle?: boolean;
-    title?: string;
-    transactionComponent?: React.ReactNode;
-    transactionStateRenderer?: (state: string) => React.ReactNode;
-    columns: TransactionListColumnType[];
-    className?: string;
-    shadow?: ShadowType;
-    searchBarClassName?: string;
-    useModal?: boolean;
-    onTransactionClick?: (transaction: Transaction) => void;
-    onTransactionDisplayClose?: (transaction: Transaction | null) => void;
-    suppressTransactionDisplay?: boolean;
-    kindsToShow?: TransactionKind[];
-    style?: React.CSSProperties;
-    filter?: string;
-    noTransactionsMessage?: string;
-    downloadTransactionLink?: (id: string) => string;
-    filterTransactions?: (transaction: Transaction) => boolean;
-    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
-    transactionDateType: TransactionDateType;
-    hidePaymentForm?: boolean;
-};
-export type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';
-export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;