@chainberry/ui-components 1.0.29 → 1.0.30

package/dist/index.d.ts

@@ -627,6 +627,19 @@ export declare function CurrencyNetwork({ code, network, codeSrc, networkSrc, si
     className?: string;
 }): JSX.Element;
 
+/** Which balance a row action was chosen on: the currency, plus the network
+ when it came from an expanded network row rather than the rolled-up
+ currency row. Enough for the host app to open a flow with the coin (and,
+ where it knows it, the network) already picked. */
+export declare type CurrencyRowTarget = {
+    /** currency code, e.g. "USDT" */
+    code: string;
+    /** network code of the sub-row, e.g. "TRX" — absent on the currency row */
+    network?: string;
+    /** display name of that network, e.g. "Tron (TRC-20)" */
+    networkName?: string;
+};
+
 declare const DAILY_BALANCES: DailyBalance[];
 
 /** One day in the daily-balances ledger. `null` figures render as an em dash. */
@@ -2396,17 +2409,32 @@ declare const WALLET_TIERS: {
 
 export declare type WalletActionId = "withdraw" | "deposit" | "convert";
 
-export declare function WalletBalancesTable({ balances, actionsVariant, className, }: {
+export declare function WalletBalancesTable({ balances, actionsVariant, onRowAction, rowActions, actionLabels, className, }: {
     balances: CurrencyBalance[];
     actionsVariant?: "icons" | "menu";
+    /** Fired when a row's action is chosen. Without it the menu still renders
+     but does nothing — pass `rowActions={[]}` to drop it entirely. */
+    onRowAction?: (action: WalletActionId, target: CurrencyRowTarget) => void;
+    /** Which actions each row offers, in order. Defaults to all three; `[]`
+     renders no actions column content (read-only view). */
+    rowActions?: WalletActionId[];
+    /** Translated action labels; unset keys fall back to English. */
+    actionLabels?: Partial<Record<WalletActionId, string>>;
     className?: string;
 }): JSX.Element;
 
-export declare function WalletBalancesTableV2({ balances, actionsVariant, tierLabels, className, }: {
+export declare function WalletBalancesTableV2({ balances, actionsVariant, tierLabels, onRowAction, rowActions, actionLabels, className, }: {
     balances: CurrencyBalance[];
     actionsVariant?: "icons" | "menu";
     /** Translated tier column headers; unset keys fall back to English. */
     tierLabels?: Partial<Record<WalletTier, string>>;
+    /** Fired when a row's action is chosen — see WalletBalancesTable. */
+    onRowAction?: (action: WalletActionId, target: CurrencyRowTarget) => void;
+    /** Which actions each row offers, in order. Defaults to all three; `[]`
+     renders no actions column content (read-only view). */
+    rowActions?: WalletActionId[];
+    /** Translated action labels; unset keys fall back to English. */
+    actionLabels?: Partial<Record<WalletActionId, string>>;
     className?: string;
 }): JSX.Element;
 

package/dist/index.mjs

@@ -163866,37 +163866,37 @@ function N9({ money: e, code: t, strong: n = !1, large: r = !1, muted: i = !1, a
 		})
 	});
 }
-function HWe({ balances: e, actionsVariant: t = "menu", className: r }) {
-	let { setExtension: i, stickyTop: a } = y7(), s = u(null), [c, l] = d(/* @__PURE__ */ new Set()), f = (e) => l((t) => {
+function HWe({ balances: e, actionsVariant: t = "menu", onRowAction: r, rowActions: i, actionLabels: a, className: s }) {
+	let { setExtension: c, stickyTop: l } = y7(), f = u(null), [p, m] = d(/* @__PURE__ */ new Set()), h = (e) => m((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
 	});
 	o(() => {
-		let e = s.current;
+		let e = f.current;
 		if (!e) return;
 		let t = e.closest("main"), n = new IntersectionObserver(([t]) => {
-			let n = !t.isIntersecting && t.boundingClientRect.top <= a, r = e.nextElementSibling?.querySelector("thead");
-			i(n ? r?.offsetHeight ?? 0 : 0);
+			let n = !t.isIntersecting && t.boundingClientRect.top <= l, r = e.nextElementSibling?.querySelector("thead");
+			c(n ? r?.offsetHeight ?? 0 : 0);
 		}, {
 			root: t,
-			rootMargin: `-${a}px 0px 0px 0px`,
+			rootMargin: `-${l}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return n.observe(e), () => {
-			n.disconnect(), i(0);
+			n.disconnect(), c(0);
 		};
-	}, [i, a]);
-	let p = e.map(VWe);
+	}, [c, l]);
+	let y = e.map(VWe);
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
-		ref: s,
+		ref: f,
 		"aria-hidden": !0,
 		className: "h-px"
 	}), /* @__PURE__ */ v(t7, {
 		containerClassName: "overflow-x-visible",
-		className: P("mt-0.5 table-fixed border-separate border-spacing-0", r),
+		className: P("mt-0.5 table-fixed border-separate border-spacing-0", s),
 		children: [/* @__PURE__ */ _(n7, {
-			className: P("sticky z-30", a === 0 && "bg-white/85 dark:bg-background/85 backdrop-blur-md"),
-			style: { top: a },
+			className: P("sticky z-30", l === 0 && "bg-white/85 dark:bg-background/85 backdrop-blur-md"),
+			style: { top: l },
 			children: /* @__PURE__ */ v(H, {
 				className: "hover:bg-transparent",
 				children: [
@@ -163919,24 +163919,24 @@ function HWe({ balances: e, actionsVariant: t = "menu", className: r }) {
 					/* @__PURE__ */ _(U, { className: "w-20 border-b-2 border-cb-line py-2 pr-4" })
 				]
 			})
-		}), /* @__PURE__ */ _(r7, { children: p.map((e) => {
-			let r = e.networkCount > 1, i = r && c.has(e.code);
+		}), /* @__PURE__ */ _(r7, { children: y.map((e) => {
+			let o = e.networkCount > 1, s = o && p.has(e.code);
 			return /* @__PURE__ */ v(n, { children: [/* @__PURE__ */ v(H, {
-				className: P(r && "cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800/40", !r && "hover:bg-transparent"),
-				"aria-expanded": r ? i : void 0,
-				onClick: r ? () => f(e.code) : void 0,
+				className: P(o && "cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800/40", !o && "hover:bg-transparent"),
+				"aria-expanded": o ? s : void 0,
+				onClick: o ? () => h(e.code) : void 0,
 				children: [
 					/* @__PURE__ */ _(W, {
 						className: "border-b border-cb-line py-2.5 pl-4 align-top",
 						children: /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-3",
 							children: [
-								r ? /* @__PURE__ */ _(S, {
+								o ? /* @__PURE__ */ _(S, {
 									icon: L,
 									size: 16,
 									strokeWidth: 2,
 									"aria-hidden": !0,
-									className: P("shrink-0 text-muted-foreground transition-transform", !i && "-rotate-90")
+									className: P("shrink-0 text-muted-foreground transition-transform", !s && "-rotate-90")
 								}) : /* @__PURE__ */ _("span", {
 									"aria-hidden": !0,
 									className: "size-4 shrink-0"
@@ -163993,12 +163993,15 @@ function HWe({ balances: e, actionsVariant: t = "menu", className: r }) {
 							onClick: (e) => e.stopPropagation(),
 							children: /* @__PURE__ */ _(D9, {
 								variant: t,
-								label: `${e.code} actions`
+								label: `${e.code} actions`,
+								actions: i,
+								labels: a,
+								onAction: (t) => r?.(t, { code: e.code })
 							})
 						})
 					})
 				]
-			}), i && e.networks.map((n) => /* @__PURE__ */ v(H, {
+			}), s && e.networks.map((n) => /* @__PURE__ */ v(H, {
 				className: "bg-slate-50/60 hover:bg-slate-100/60 dark:bg-slate-800/20 dark:hover:bg-slate-800/40",
 				children: [
 					/* @__PURE__ */ _(W, {
@@ -164054,7 +164057,14 @@ function HWe({ balances: e, actionsVariant: t = "menu", className: r }) {
 							className: "flex items-center justify-end",
 							children: /* @__PURE__ */ _(D9, {
 								variant: t,
-								label: `${e.code} ${n.networkName} actions`
+								label: `${e.code} ${n.networkName} actions`,
+								actions: i,
+								labels: a,
+								onAction: (t) => r?.(t, {
+									code: e.code,
+									network: n.network,
+									networkName: n.networkName
+								})
 							})
 						})
 					})
@@ -164174,40 +164184,40 @@ function z9({ money: e, code: t, strong: n = !1, large: r = !1, muted: i = !1, a
 		})
 	});
 }
-function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className: i }) {
-	let a = {
+function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, onRowAction: i, rowActions: a, actionLabels: s, className: c }) {
+	let l = {
 		...WWe,
 		...r
-	}, { setExtension: s, stickyTop: c } = y7(), l = u(null), [f, p] = d(/* @__PURE__ */ new Set()), m = (e) => p((t) => {
+	}, { setExtension: f, stickyTop: p } = y7(), m = u(null), [h, y] = d(/* @__PURE__ */ new Set()), b = (e) => y((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
 	});
 	o(() => {
-		let e = l.current;
+		let e = m.current;
 		if (!e) return;
 		let t = e.closest("main"), n = new IntersectionObserver(([t]) => {
-			let n = !t.isIntersecting && t.boundingClientRect.top <= c, r = e.nextElementSibling?.querySelector("thead");
-			s(n ? r?.offsetHeight ?? 0 : 0);
+			let n = !t.isIntersecting && t.boundingClientRect.top <= p, r = e.nextElementSibling?.querySelector("thead");
+			f(n ? r?.offsetHeight ?? 0 : 0);
 		}, {
 			root: t,
-			rootMargin: `-${c}px 0px 0px 0px`,
+			rootMargin: `-${p}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return n.observe(e), () => {
-			n.disconnect(), s(0);
+			n.disconnect(), f(0);
 		};
-	}, [s, c]);
-	let h = e.map(YWe);
+	}, [f, p]);
+	let x = e.map(YWe);
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
-		ref: l,
+		ref: m,
 		"aria-hidden": !0,
 		className: "h-px"
 	}), /* @__PURE__ */ v(t7, {
 		containerClassName: "overflow-x-visible",
-		className: P("mt-0.5 table-fixed border-separate border-spacing-0", i),
+		className: P("mt-0.5 table-fixed border-separate border-spacing-0", c),
 		children: [/* @__PURE__ */ _(n7, {
-			className: P("sticky z-30", c === 0 && "bg-white/85 dark:bg-background/85 backdrop-blur-md"),
-			style: { top: c },
+			className: P("sticky z-30", p === 0 && "bg-white/85 dark:bg-background/85 backdrop-blur-md"),
+			style: { top: p },
 			children: /* @__PURE__ */ v(H, {
 				className: "hover:bg-transparent",
 				children: [
@@ -164217,7 +164227,7 @@ function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className
 					}),
 					P9.map((e) => /* @__PURE__ */ _(U, {
 						className: "w-[13%] border-b-2 border-cb-line py-2 pl-4",
-						children: a[e]
+						children: l[e]
 					}, e)),
 					/* @__PURE__ */ _(U, {
 						className: "border-b-2 border-cb-line py-2 pr-4 text-right",
@@ -164226,12 +164236,12 @@ function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className
 					/* @__PURE__ */ _(U, { className: "w-16 border-b-2 border-cb-line py-2 pr-4" })
 				]
 			})
-		}), /* @__PURE__ */ _(r7, { children: h.map((e) => {
-			let r = e.networkCount > 1, i = r && f.has(e.code);
+		}), /* @__PURE__ */ _(r7, { children: x.map((e) => {
+			let r = e.networkCount > 1, o = r && h.has(e.code);
 			return /* @__PURE__ */ v(n, { children: [/* @__PURE__ */ v(H, {
 				className: P(r && "cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-800/40", !r && "hover:bg-transparent"),
-				"aria-expanded": r ? i : void 0,
-				onClick: r ? () => m(e.code) : void 0,
+				"aria-expanded": r ? o : void 0,
+				onClick: r ? () => b(e.code) : void 0,
 				children: [
 					/* @__PURE__ */ _(W, {
 						className: "border-b border-cb-line py-2.5 pl-4 align-top",
@@ -164243,7 +164253,7 @@ function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className
 									size: 16,
 									strokeWidth: 2,
 									"aria-hidden": !0,
-									className: P("shrink-0 text-muted-foreground transition-transform", !i && "-rotate-90")
+									className: P("shrink-0 text-muted-foreground transition-transform", !o && "-rotate-90")
 								}) : /* @__PURE__ */ _("span", {
 									"aria-hidden": !0,
 									className: "size-4 shrink-0"
@@ -164290,12 +164300,15 @@ function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className
 							onClick: (e) => e.stopPropagation(),
 							children: /* @__PURE__ */ _(D9, {
 								variant: t,
-								label: `${e.code} actions`
+								label: `${e.code} actions`,
+								actions: a,
+								labels: s,
+								onAction: (t) => i?.(t, { code: e.code })
 							})
 						})
 					})
 				]
-			}), i && e.networks.map((n) => /* @__PURE__ */ v(H, {
+			}), o && e.networks.map((n) => /* @__PURE__ */ v(H, {
 				className: "bg-slate-50/60 hover:bg-slate-100/60 dark:bg-slate-800/20 dark:hover:bg-slate-800/40",
 				children: [
 					/* @__PURE__ */ _(W, {
@@ -164342,7 +164355,14 @@ function XWe({ balances: e, actionsVariant: t = "menu", tierLabels: r, className
 							className: "flex items-center justify-end",
 							children: /* @__PURE__ */ _(D9, {
 								variant: t,
-								label: `${e.code} ${n.networkName} actions`
+								label: `${e.code} ${n.networkName} actions`,
+								actions: a,
+								labels: s,
+								onAction: (t) => i?.(t, {
+									code: e.code,
+									network: n.network,
+									networkName: n.networkName
+								})
 							})
 						})
 					})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainberry/ui-components",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "Chainberry navigation UI components — React + Tailwind. Canonical source lives in ../../react-app/src/components; this package re-exports, builds, and publishes them.",
   "license": "ISC",
   "type": "module",