@tesouro/embedded-components-react 0.11.9 → 0.11.11

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index37.js

@@ -1,81 +1,97 @@
-import { Badge as e, Button as t, Skeleton as n, cn as r } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillStatusBadge as i } from "../../../../shared/document-status/ui/dist/index4.js";
+import { Badge as e, Button as t, Skeleton as n, Table as r, TableBody as i, TableCard as a, TableCardCollapseToggle as o, TableCardFooter as s, TableCardHeader as c, TableCell as l, TableHead as u, TableHeader as d, TableRow as f, cn as p } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillStatusBadge as m } from "../../../../shared/document-status/ui/dist/index4.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { BillDuplicateWarning as a } from "../../../ui/dist/index6.js";
+import { BillDuplicateIcon as h } from "../../../ui/dist/index6.js";
+import { BillDuplicateWarning as g } from "../../../ui/dist/index8.js";
 import "../../../ui/dist/index.js";
-import { BILL_DUPLICATE_NOTICE_LABELS_EN as o } from "./index36.js";
-import { useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { MoveDiagonal2Icon as d } from "lucide-react";
+import { BILL_DUPLICATE_NOTICE_LABELS_EN as _ } from "./index36.js";
+import { useId as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { MoveDiagonal2Icon as C } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index37.js
-var f = "ttw:border-b ttw:border-warning/40 ttw:px-2 ttw:py-2.5 ttw:text-foreground", p = "ttw:border-b ttw:border-warning/40 ttw:px-2 ttw:py-1.5 ttw:text-left ttw:text-xs ttw:font-medium ttw:text-foreground", m = [
+var w = [
 	"ttw:w-24",
 	"ttw:w-20",
 	"ttw:ml-auto ttw:w-16",
 	"ttw:w-20"
-], h = 2;
-function g({ message: g, onNotADuplicate: _, onRemoveBill: v, isRemoveBillDestructive: y = !0, onOpenFullScreen: b, isActionDisabled: x, rows: S, isLoading: C, loadingRowCount: w = h, collapsedRowCount: T, showMoreLabel: E, testId: D, labels: O }) {
-	let k = {
-		...o,
-		...O
-	}, A = !!S?.length, j = !A && C === !0, [M, N] = s(!1), P = T !== void 0 && !!E && (S?.length ?? 0) > T, F = P && !M ? S?.slice(0, T) : S, I = _ || v ? /* @__PURE__ */ u(c, { children: [_ ? /* @__PURE__ */ l(t, {
+], T = 2;
+function E({ message: E, title: D, meta: O, onNotADuplicate: k, onRemoveBill: A, onOpenFullScreen: j, isActionDisabled: M, rows: N, isLoading: P, loadingRowCount: F = T, collapse: I, testId: L, labels: R }) {
+	let z = {
+		..._,
+		...R
+	}, B = v(), V = !!N?.length, H = !V && P === !0, [U, W] = y(!1), G = I && !U ? N?.slice(0, I.visibleCount) : N, K = k || A ? /* @__PURE__ */ S(b, { children: [k ? /* @__PURE__ */ x(t, {
 		type: "button",
 		variant: "outline",
 		size: "sm",
-		className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
-		disabled: x,
-		onClick: _,
-		children: k.notADuplicateButton
-	}) : null, v ? /* @__PURE__ */ l(t, {
+		className: "ttw:text-foreground",
+		disabled: M,
+		onClick: k,
+		children: z.notADuplicateButton
+	}) : null, A ? /* @__PURE__ */ x(t, {
 		type: "button",
-		variant: y ? "destructive" : "outline",
+		variant: "outline",
 		size: "sm",
-		className: r(!y && "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted"),
-		disabled: x,
-		onClick: v,
-		children: k.removeBillButton
+		className: "ttw:text-foreground",
+		disabled: M,
+		onClick: A,
+		children: z.removeBillButton
 	}) : null] }) : null;
-	return A || j ? /* @__PURE__ */ l(a, {
-		message: g ?? k.message,
-		testId: D,
-		details: /* @__PURE__ */ u("div", {
-			className: "ttw:overflow-x-auto",
-			"aria-busy": j || void 0,
-			children: [
-				/* @__PURE__ */ u("table", {
-					className: "ttw:w-full ttw:min-w-120 ttw:border-collapse ttw:text-sm",
-					children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
-						/* @__PURE__ */ l("th", {
-							scope: "col",
-							className: p,
-							children: k.createdOnColumn
-						}),
-						/* @__PURE__ */ l("th", {
-							scope: "col",
-							className: p,
-							children: k.dueDateColumn
-						}),
-						/* @__PURE__ */ l("th", {
-							scope: "col",
-							className: r(p, "ttw:text-right"),
-							children: k.amountColumn
-						}),
-						/* @__PURE__ */ l("th", {
-							scope: "col",
-							className: p,
-							children: k.statusColumn
-						})
-					] }) }), /* @__PURE__ */ u("tbody", { children: [j ? Array.from({ length: w }, (e, t) => /* @__PURE__ */ l("tr", {
+	return V || H ? /* @__PURE__ */ S(a, {
+		tone: "warning",
+		role: "group",
+		"aria-labelledby": B,
+		"data-testid": L,
+		children: [
+			/* @__PURE__ */ x(c, {
+				id: B,
+				icon: /* @__PURE__ */ x(h, {}),
+				title: D ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("span", {
+					className: "ttw:sr-only",
+					children: [z.titleAnnouncement, " "]
+				}), D] }) : E || z.message,
+				meta: O
+			}),
+			/* @__PURE__ */ S("div", {
+				"aria-busy": H || void 0,
+				children: [/* @__PURE__ */ S(r, {
+					className: "ttw:min-w-100",
+					children: [/* @__PURE__ */ x(d, { children: /* @__PURE__ */ S(f, {
+						className: "ttw:hover:bg-transparent",
+						children: [
+							/* @__PURE__ */ x(u, {
+								scope: "col",
+								className: "ttw:h-9 ttw:text-xs",
+								children: z.createdOnColumn
+							}),
+							/* @__PURE__ */ x(u, {
+								scope: "col",
+								className: "ttw:h-9 ttw:text-xs",
+								children: z.dueDateColumn
+							}),
+							/* @__PURE__ */ x(u, {
+								scope: "col",
+								className: "ttw:h-9 ttw:text-right ttw:text-xs",
+								children: z.amountColumn
+							}),
+							/* @__PURE__ */ x(u, {
+								scope: "col",
+								className: "ttw:h-9 ttw:text-xs",
+								children: z.statusColumn
+							})
+						]
+					}) }), /* @__PURE__ */ S(i, { children: [H ? Array.from({ length: F }, (e, t) => /* @__PURE__ */ x(f, {
 						"aria-hidden": !0,
-						children: m.map((e, t) => /* @__PURE__ */ l("td", {
-							className: f,
-							children: /* @__PURE__ */ l(n, { className: r("ttw:h-4", e) })
+						className: "ttw:hover:bg-transparent",
+						children: w.map((e, t) => /* @__PURE__ */ x(l, {
+							className: "ttw:py-2.5",
+							children: /* @__PURE__ */ x(n, { className: p("ttw:h-4", e) })
 						}, t))
-					}, t)) : null, F?.map((t) => {
+					}, t)) : null, G?.map((t) => {
 						let n = t.isCurrent ? void 0 : t.onOpen;
-						return /* @__PURE__ */ u("tr", {
+						return /* @__PURE__ */ S(f, {
 							"aria-current": t.isCurrent || void 0,
-							className: r(t.isCurrent && "ttw:bg-warning/10", n && "ttw:cursor-pointer ttw:hover:bg-muted/50 ttw:focus-visible:outline-2 ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-ring"),
+							"data-state": t.isCurrent ? "selected" : void 0,
+							className: p(t.isCurrent && "ttw:hover:bg-muted", n && "ttw:cursor-pointer ttw:hover:bg-muted/50 ttw:focus-visible:outline-2 ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-ring"),
 							tabIndex: n ? 0 : void 0,
 							"aria-label": n ? t.openLabel : void 0,
 							onClick: n,
@@ -83,27 +99,27 @@ function g({ message: g, onNotADuplicate: _, onRemoveBill: v, isRemoveBillDestru
 								n && e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
 							},
 							children: [
-								/* @__PURE__ */ l("td", {
-									className: f,
-									children: /* @__PURE__ */ u("span", {
+								/* @__PURE__ */ x(l, {
+									className: "ttw:py-2.5",
+									children: /* @__PURE__ */ S("span", {
 										className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-2 ttw:gap-y-1",
-										children: [/* @__PURE__ */ l("span", { children: t.createdOnLabel }), t.badges?.map((t) => /* @__PURE__ */ l(e, {
+										children: [/* @__PURE__ */ x("span", { children: t.createdOnLabel }), t.badges?.map((t) => /* @__PURE__ */ x(e, {
 											variant: "secondary",
 											children: t
 										}, t))]
 									})
 								}),
-								/* @__PURE__ */ l("td", {
-									className: f,
+								/* @__PURE__ */ x(l, {
+									className: "ttw:py-2.5",
 									children: t.dueDateLabel
 								}),
-								/* @__PURE__ */ l("td", {
-									className: r(f, "ttw:text-right"),
+								/* @__PURE__ */ x(l, {
+									className: "ttw:py-2.5 ttw:text-right",
 									children: t.amountLabel
 								}),
-								/* @__PURE__ */ l("td", {
-									className: f,
-									children: t.status ? /* @__PURE__ */ l(i, {
+								/* @__PURE__ */ x(l, {
+									className: "ttw:py-2.5",
+									children: t.status ? /* @__PURE__ */ x(m, {
 										status: t.status,
 										tone: t.statusTone ?? "neutral"
 									}) : null
@@ -111,42 +127,36 @@ function g({ message: g, onNotADuplicate: _, onRemoveBill: v, isRemoveBillDestru
 							]
 						}, t.id);
 					})] })]
-				}),
-				j ? /* @__PURE__ */ l("span", {
+				}), H ? /* @__PURE__ */ x("span", {
 					className: "ttw:sr-only",
-					children: k.loadingRows
-				}) : null,
-				P && !M ? /* @__PURE__ */ l(t, {
-					type: "button",
-					variant: "link",
-					className: "ttw:mt-1 ttw:px-2",
-					onClick: () => N(!0),
-					children: E
-				}) : null
-			]
-		}),
-		children: I && !j ? /* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ l("span", {
-				className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-				children: k.question
-			}), I]
-		}) : null
-	}) : /* @__PURE__ */ u(a, {
-		message: g ?? k.message,
-		testId: D,
-		children: [I, b ? /* @__PURE__ */ l(t, {
+					children: z.loadingRows
+				}) : null]
+			}),
+			I && !H ? /* @__PURE__ */ x(o, {
+				collapse: I,
+				isExpanded: U,
+				onToggle: () => W((e) => !e)
+			}) : null,
+			K && !H ? /* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x("span", {
+				className: "ttw:font-medium",
+				children: z.question
+			}), K] }) : null
+		]
+	}) : /* @__PURE__ */ S(g, {
+		message: E ?? z.message,
+		testId: L,
+		children: [K, j ? /* @__PURE__ */ x(t, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-sm",
 			className: "ttw:text-foreground",
-			"aria-label": k.openFullScreenButton,
-			onClick: b,
-			children: /* @__PURE__ */ l(d, {
+			"aria-label": z.openFullScreenButton,
+			onClick: j,
+			children: /* @__PURE__ */ x(C, {
 				className: "ttw:size-4",
 				"aria-hidden": !0
 			})
 		}) : null]
 	});
 }
-export { g as BillDuplicateNotice, g as default };
+export { E as BillDuplicateNotice, E as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index48.js

@@ -1,4 +1,4 @@
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "../../../ui/dist/index14.js";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "../../../ui/dist/index16.js";
 import "../../../ui/dist/index.js";
 // ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index48.js
 var t = {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index49.js

@@ -1,5 +1,5 @@
 import { Button as e, Skeleton as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "../../../ui/dist/index15.js";
+import { BillUploadDropzone as n } from "../../../ui/dist/index17.js";
 import "../../../ui/dist/index.js";
 import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index48.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index5.js

@@ -1,7 +1,7 @@
 import { Badge as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { BILL_STATUS_TONE_CLASS_NAME as t } from "../../../../shared/document-status/ui/dist/index3.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { DateDisclosure as n } from "../../../ui/dist/index18.js";
+import { DateDisclosure as n } from "../../../ui/dist/index20.js";
 import "../../../ui/dist/index.js";
 import { jsx as r } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index5.js

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index4.js

@@ -1,88 +1,93 @@
 import { cn as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index2.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index3.js";
-import { useId as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckCircle2 as s, ChevronDown as c, ChevronRight as l, ChevronUp as u, CopyX as d, Loader2 as f, X as p, XCircle as m } from "lucide-react";
+import { BillDuplicateIcon as t } from "../../../ui/dist/index6.js";
+import "../../../ui/dist/index.js";
+import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as n } from "./index2.js";
+import { UPLOAD_ITEM_ICON_TONE as r } from "./index3.js";
+import { useId as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CheckCircle2 as c, ChevronDown as l, ChevronRight as u, ChevronUp as d, Loader2 as f, X as p, XCircle as m } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index4.js
-function h({ status: t }) {
-	let r = e("ttw:size-4", n[t]);
-	return t === "uploading" ? /* @__PURE__ */ a(f, {
+function h({ status: n }) {
+	let i = e("ttw:size-4", r[n]);
+	return n === "uploading" ? /* @__PURE__ */ o(f, {
 		"aria-hidden": !0,
-		className: e(r, "ttw:animate-spin")
-	}) : a(t === "ready" ? s : t === "duplicate" ? d : m, {
+		className: e(i, "ttw:animate-spin")
+	}) : n === "ready" ? /* @__PURE__ */ o(c, {
 		"aria-hidden": !0,
-		className: r
+		className: i
+	}) : n === "duplicate" ? /* @__PURE__ */ o(t, { className: i }) : /* @__PURE__ */ o(m, {
+		"aria-hidden": !0,
+		className: i
 	});
 }
 function g({ item: t, labels: n }) {
-	let s = r(), c = /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a(h, { status: t.status }),
-		/* @__PURE__ */ a("span", {
-			id: s,
+	let r = i(), c = /* @__PURE__ */ s(a, { children: [
+		/* @__PURE__ */ o(h, { status: t.status }),
+		/* @__PURE__ */ o("span", {
+			id: r,
 			className: "ttw:sr-only",
 			children: n.statusLabel(t.status)
 		}),
-		/* @__PURE__ */ a("span", {
+		/* @__PURE__ */ o("span", {
 			className: "ttw:flex-1 ttw:truncate ttw:text-left ttw:text-sm ttw:text-foreground",
 			children: t.fileName
 		}),
-		t.onOpen ? /* @__PURE__ */ a(l, {
+		t.onOpen ? /* @__PURE__ */ o(u, {
 			"aria-hidden": !0,
 			className: "ttw:size-4"
 		}) : null
-	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
-	return t.onOpen ? /* @__PURE__ */ a("button", {
+	] }), l = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
+	return t.onOpen ? /* @__PURE__ */ o("button", {
 		type: "button",
 		onClick: t.onOpen,
-		"aria-describedby": s,
+		"aria-describedby": r,
 		"aria-label": n.openItem(t.fileName),
-		className: e(u, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
+		className: e(l, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
 		children: c
-	}) : /* @__PURE__ */ a("div", {
-		"aria-describedby": s,
-		className: u,
+	}) : /* @__PURE__ */ o("div", {
+		"aria-describedby": r,
+		className: l,
 		children: c
 	});
 }
-function _({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
+function _({ sections: e, summaryLabel: t, collapsed: r, onToggleCollapsed: i, onClose: a, testId: c, labels: u }) {
 	let f = {
-		...t,
-		...d
+		...n,
+		...u
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "ttw:fixed ttw:right-4 ttw:bottom-4 ttw:z-50 ttw:w-96 ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-		"data-testid": l,
-		children: [/* @__PURE__ */ o("div", {
+		"data-testid": c,
+		children: [/* @__PURE__ */ s("div", {
 			className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-b ttw:border-border ttw:bg-muted/40 ttw:px-4 ttw:py-3",
 			children: [
-				/* @__PURE__ */ a("span", {
+				/* @__PURE__ */ o("span", {
 					"aria-live": "polite",
 					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: n
+					children: t
 				}),
-				/* @__PURE__ */ a("button", {
+				/* @__PURE__ */ o("button", {
 					type: "button",
 					onClick: i,
 					"aria-label": r ? f.expand : f.collapse,
 					"aria-expanded": !r,
 					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: a(r ? u : c, { className: "ttw:size-4" })
+					children: o(r ? d : l, { className: "ttw:size-4" })
 				}),
-				/* @__PURE__ */ a("button", {
+				/* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: s,
+					onClick: a,
 					"aria-label": f.close,
 					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: /* @__PURE__ */ a(p, { className: "ttw:size-4" })
+					children: /* @__PURE__ */ o(p, { className: "ttw:size-4" })
 				})
 			]
-		}), r ? null : /* @__PURE__ */ a("div", {
+		}), r ? null : /* @__PURE__ */ o("div", {
 			className: "ttw:max-h-96 ttw:overflow-y-auto",
-			children: e.map((e) => /* @__PURE__ */ o("div", { children: [e.caption ? /* @__PURE__ */ a("p", {
+			children: e.map((e) => /* @__PURE__ */ s("div", { children: [e.caption ? /* @__PURE__ */ o("p", {
 				className: "ttw:px-4 ttw:pt-3 ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
 				children: e.caption
-			}) : null, e.items.map((e) => /* @__PURE__ */ a(g, {
+			}) : null, e.items.map((e) => /* @__PURE__ */ o(g, {
 				item: e,
 				labels: f
 			}, e.id))] }, e.id))