@bunnyapp/components 1.0.6 → 1.0.7

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

@@ -0,0 +1 @@
+export { default as Quotes } from "./Quotes";

package/dist/esm/src/components/index.d.ts

@@ -1,5 +1,6 @@
 export { Invoice } from "./Invoice";
 export { Quote } from "./Quote";
+export { Quotes } from "./Quotes";
 export { PaymentMethod } from "./PaymentForm/PaymentMethod";
 export * from "./Checkout";
 export { Signup } from "./Signup";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, FrontendTransaction, TransactionKind } from '@bunnyapp/common';
+import { FrontendTransaction, FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, TransactionKind } from '@bunnyapp/common';
 import react from 'react';
 import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
 import { GraphQLClient } from 'graphql-request';
@@ -26,6 +26,35 @@ declare function Quote({ id }: {
     id?: string;
 }): react_jsx_runtime.JSX.Element;
 
+declare function Quotes({ filter, quoteComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onQuoteClick, suppressQuoteDisplay, style, noQuotesMessage, }: {
+    /** A custom component to render instead of the default invoice component */
+    quoteComponent?: React.ReactNode;
+    /** Whether to show the search bar */
+    showSearchBar?: boolean;
+    /** Whether to show the title */
+    showTitle?: boolean;
+    /** The columns to display in the transactions list */
+    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
+    /** 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?: "none" | "sm" | "md" | "lg" | "xl";
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** A function to call when a quote is clicked */
+    onQuoteClick?: (quote: FrontendTransaction.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;
+    /** Message to display when there are no quotes */
+    noQuotesMessage?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function PaymentMethod({ footer, processPublicUrl, }: {
     footer?: React.ReactNode;
     processPublicUrl: string;
@@ -106,4 +135,4 @@ declare const Subscriptions: ({ shadow, gap, showTitle, }: {
 
 declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
 
-export { BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };
+export { BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

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