@bunnyapp/components 1.0.2 → 1.0.4

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { FrontendTransaction as T } from "@bunnyapp/common";
+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: T.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;
+}): import("react/jsx-runtime").JSX.Element;
+export default Quotes;

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

@@ -1,6 +1,6 @@
-import { FrontendTransaction as Transaction } from "@bunnyapp/common";
+import { FrontendTransaction as T } from "@bunnyapp/common";
 type StateTagProps = {
-    state: Transaction.TransactionState;
+    state: T.TransactionState;
 };
 declare const StateTag: ({ state }: StateTagProps) => import("react/jsx-runtime").JSX.Element;
 export default StateTag;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, }: {
+export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -25,4 +25,14 @@ export default function Transactions({ transactionComponent, showSearchBar, 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 */
+    filter?: string;
+    /** Message to display when there are no transactions */
+    noTransactionsMessage?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, title, }: {
+    transactions: T.Transaction[];
+    onSearchValueChanged: (value: string) => void;
+    search: string;
+    title?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -14,5 +14,8 @@ export type TransactionsContextValues = {
     suppressTransactionDisplay?: boolean;
     kindsToShow: TransactionKind[];
     style?: React.CSSProperties;
+    filter?: string;
+    noTransactionsMessage?: string;
+    downloadTransactionLink?: (id: string) => string;
 };
 export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

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

@@ -1,7 +1,17 @@
-import { FrontendTransaction as T } from "@bunnyapp/common";
+import { FrontendTransaction as T, TransactionState } from "@bunnyapp/common";
+export type Generic = {
+    amount: number;
+    createdAt: string;
+    currencyId: string;
+    description: string;
+    kind: string;
+    state: TransactionState;
+    transactionable?: any;
+    id: string;
+};
 export type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download" | "actions";
 declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];
-    onTransactionClick: (transaction: T.Transaction) => void;
+    onTransactionClick?: ((transaction: T.Transaction) => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
 export default TransactionsListDesktop;

package/dist/esm/src/graphql/queries/getQuotes.d.ts

@@ -0,0 +1,6 @@
+declare const getQuotes: ({ token, subdomain, filter, }: {
+    token: string;
+    subdomain: string;
+    filter?: string | undefined;
+}) => Promise<any>;
+export default getQuotes;

package/dist/index.d.ts

@@ -67,7 +67,7 @@ declare function BunnyProvider({ children, token, subdomain, window, accountId,
     darkMode?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, }: {
+declare function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: react.ReactNode;
     /** Whether to show the search bar */
@@ -92,6 +92,10 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     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 */
+    filter?: string;
+    /** Message to display when there are no transactions */
+    noTransactionsMessage?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare const Subscriptions: ({ shadow, gap, showTitle, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -58,7 +58,7 @@
     "vite": "^5.4.11"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.32",
+    "@bunnyapp/common": "^1.0.33",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",