@chainberry/ui-components 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -692,10 +692,9 @@ declare type ExportEntry = {
     generatedBy: string;
 };
 
-export declare function ExportHistoryList({ entries, onDownload, className, }: {
+export declare function ExportHistoryList({ entries, onDownload, }: {
     entries: ExportEntry[];
     onDownload?: (entry: ExportEntry) => void;
-    className?: string;
 }): JSX.Element;
 
 /** "42,120.00" → 42120.0 (drops grouping commas and any sign). */
@@ -1288,10 +1287,11 @@ export declare function PasswordGate({ children }: {
     children: ReactNode;
 }): JSX.Element;
 
-export declare function PaymentType({ type, label, }: {
-    type: "deposit" | "withdraw";
-    /** overrides the default capitalized `type` text */
-    label?: string;
+declare type PaymentDirection = "in" | "out" | "neutral";
+
+export declare function PaymentType({ direction, label, }: {
+    direction: PaymentDirection;
+    label: string;
 }): JSX.Element;
 
 export declare function PeriodPicker({ value, onChange, today, className, }: {
@@ -1532,11 +1532,11 @@ declare type RiskAssessment_2 = {
 };
 
 /** Outcome of the KYT/risk engine — drives the RiskAssessment status chip. */
-declare type RiskDecision = "auto-approved" | "approved" | "manual-review" | "flagged" | "rejected";
+declare type RiskDecision = 'auto-approved' | 'approved' | 'manual-review' | 'flagged' | 'rejected';
 
 export declare type RiskLevel = "low" | "medium" | "high";
 
-declare type RiskLevel_2 = "low" | "medium" | "high";
+declare type RiskLevel_2 = 'low' | 'medium' | 'high';
 
 export declare function RiskSignal({ level }: {
     level: RiskLevel;
@@ -1684,7 +1684,8 @@ declare const STATUS_META: Record<TxStatus, {
     tone: BadgeTone;
 }>;
 
-/** Display order (reading order) for status lists. */
+/** Display order (reading order) for status lists — grouped by lifecycle:
+ intake → in-progress/pending → success → problems. */
 declare const STATUS_ORDER: TxStatus[];
 
 export declare function StatusBadge({ children, tone, className, }: {
@@ -1777,7 +1778,7 @@ declare type Transaction = {
     id: string;
     type: TxType;
     status: TxStatus;
-    risk: RiskLevel_2;
+    risk?: RiskLevel_2;
     /** signed coin figure, e.g. "+1,582.18" or "-140.80" */
     amount: string;
     /** currency code appended after the amount, e.g. "USDT" */
@@ -1895,12 +1896,13 @@ export declare namespace transactionsData {
     }
 }
 
-export declare function TransactionsFilterPanel({ open, onOpenChange, value, onApply, onSave, }: {
+export declare function TransactionsFilterPanel({ open, onOpenChange, value, assets, onApply, onReset, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     value: TxFilter;
+    assets: AssetOption[];
     onApply: (filter: TxFilter) => void;
-    onSave: (filter: TxFilter) => void;
+    onReset?: () => void;
 }): JSX.Element;
 
 export declare namespace transactionsFilters {
@@ -1927,7 +1929,7 @@ export declare namespace transactionsStatuses {
     }
 }
 
-export declare function TransactionsTable({ data, loading, onRowClick, columnVisibility, presets, }: TransactionsTableProps): JSX.Element;
+export declare function TransactionsTable({ data, loading, onRowClick, columnVisibility, presets, pageSize, totalTransactions, currentPage, onPageChange, activeSort, onSortChange, }: TransactionsTableProps): JSX.Element;
 
 export declare function TransactionsTableOptions({ search, onSearchChange, searchScopes, searchScope, onSearchScopeChange, searchPlaceholder, segment, onSegmentChange, tabs, tabCounts, onFilter, filterCount, columns, columnVisibility, onColumnChange, onRefresh, refreshing, onDownload, show, className, }: {
     search: string;
@@ -1939,8 +1941,9 @@ export declare function TransactionsTableOptions({ search, onSearchChange, searc
     searchScope?: string;
     onSearchScopeChange?: (value: string) => void;
     searchPlaceholder?: string;
-    segment: string;
-    onSegmentChange: (value: string) => void;
+    /** tabs are optional — omit (with `show.tabs: false`) on tab-less pages */
+    segment?: string;
+    onSegmentChange?: (value: string) => void;
     tabs?: {
         value: string;
         label: string;
@@ -1949,9 +1952,10 @@ export declare function TransactionsTableOptions({ search, onSearchChange, searc
     tabCounts?: Record<string, number>;
     onFilter?: () => void;
     filterCount?: number;
-    columns: ColumnOption[];
-    columnVisibility: Record<string, boolean>;
-    onColumnChange: (id: string, next: boolean) => void;
+    /** column controls are optional — omit (with `show.columns: false`) to hide */
+    columns?: ColumnOption[];
+    columnVisibility?: Record<string, boolean>;
+    onColumnChange?: (id: string, next: boolean) => void;
     onRefresh?: () => void;
     refreshing?: boolean;
     onDownload?: (format: string) => void;
@@ -1969,6 +1973,20 @@ export declare type TransactionsTableProps = {
     columnVisibility?: Record<string, boolean>;
     /** the SavedPresetsBar row, rendered just above the table */
     presets?: ReactNode;
+    /** pagination */
+    pageSize?: number;
+    totalTransactions?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    /** sorting */
+    activeSort?: {
+        id: string;
+        dir: 'asc' | 'desc';
+    } | null;
+    onSortChange?: (sort: {
+        id: string;
+        dir: 'asc' | 'desc';
+    } | null) => void;
 };
 
 export declare namespace transactionsTypes {
@@ -2003,9 +2021,9 @@ declare type TxFilter = {
     to?: string;
 };
 
-declare type TxStatus = "created" | "confirmed" | "rejected" | "failed" | "pending-approval" | "processing" | "expired" | "cancelled" | "refunded" | "partially-confirmed" | "under-review" | "settled" | "currency-mismatch";
+declare type TxStatus = 'CREATED' | 'PROCESSING' | 'KYT_IN_PROGRESS' | 'PENDING_APPROVAL' | 'REJECTED' | 'CONFIRMED' | 'FAILED' | 'CONVERSION_IN_PROGRESS' | 'REFUND_IN_PROGRESS' | 'PENDING_VERIFICATION' | 'PARTIALLY_COMPLETED' | 'CURRENCY_MISMATCH';
 
-declare type TxType = "deposit" | "withdraw";
+declare type TxType = 'UNKNOWN' | 'DEPOSIT' | 'WITHDRAWAL' | 'CHECKOUT' | 'MANUAL_DEPOSIT' | 'MANUAL_WITHDRAWAL' | 'AUTO_CONVERSION_DEPOSIT' | 'AUTO_CONVERSION_WITHDRAWAL' | 'AUTOMATIC_WITHDRAWAL';
 
 declare const TYPE_OPTIONS: {
     value: TxType;