@tesouro/embedded-components-react 0.5.267 → 0.5.270

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index26.js

@@ -1,66 +1,72 @@
 import { AccordionContent as e, AccordionItem as t, AccordionTrigger as n, Badge as r, Typography as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { RECEIVABLE_DETAILS_SECTION as a } from "./index25.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Check as c } from "lucide-react";
+import { sectionChevronClass as o, sectionCountBadgeClass as s, sectionItemClass as c, sectionTriggerClass as l } from "./index23.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Check as f } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index26.js
-function l({ attachments: l, labels: u }) {
-	return /* @__PURE__ */ s(t, {
+function p({ attachments: p, labels: m }) {
+	return /* @__PURE__ */ d(t, {
 		value: a.attachments,
-		children: [/* @__PURE__ */ o(n, { children: /* @__PURE__ */ s("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ o("span", {
-				className: "ttw:group-hover:underline",
-				children: u.attachmentsHeading
-			}), /* @__PURE__ */ o(r, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.countLabel
-			})]
-		}) }), /* @__PURE__ */ o(e, { children: l.rows.length === 0 ? /* @__PURE__ */ o(i, {
+		className: c,
+		children: [/* @__PURE__ */ u(n, {
+			className: l,
+			iconClassName: o,
+			children: /* @__PURE__ */ d("span", {
+				className: "ttw:flex ttw:items-center ttw:gap-2",
+				children: [/* @__PURE__ */ u("span", {
+					className: "ttw:group-hover:underline",
+					children: m.attachmentsHeading
+				}), /* @__PURE__ */ u(r, {
+					variant: "secondary",
+					className: s,
+					children: p.countLabel
+				})]
+			})
+		}), /* @__PURE__ */ u(e, { children: p.rows.length === 0 ? /* @__PURE__ */ u(i, {
 			variant: "body2",
 			color: "muted",
-			children: u.attachmentsEmpty
-		}) : /* @__PURE__ */ s("table", {
+			children: m.attachmentsEmpty
+		}) : /* @__PURE__ */ d("table", {
 			className: "ttw:w-full ttw:border-collapse",
-			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
+			children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
 				className: "ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ o("th", {
+				children: [/* @__PURE__ */ u("th", {
 					scope: "col",
 					className: "ttw:py-2 ttw:text-left",
-					children: /* @__PURE__ */ o(i, {
+					children: /* @__PURE__ */ u(i, {
 						component: "span",
 						variant: "caption",
 						color: "muted",
-						children: u.attachmentsFileColumn
+						children: m.attachmentsFileColumn
 					})
-				}), /* @__PURE__ */ o("th", {
+				}), /* @__PURE__ */ u("th", {
 					scope: "col",
 					className: "ttw:py-2 ttw:text-right",
-					children: /* @__PURE__ */ o(i, {
+					children: /* @__PURE__ */ u(i, {
 						component: "span",
 						variant: "caption",
 						color: "muted",
-						children: u.attachmentsEmailedColumn
+						children: m.attachmentsEmailedColumn
 					})
 				})]
-			}) }), /* @__PURE__ */ o("tbody", { children: l.rows.map((e) => /* @__PURE__ */ s("tr", {
+			}) }), /* @__PURE__ */ u("tbody", { children: p.rows.map((e) => /* @__PURE__ */ d("tr", {
 				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
-				children: [/* @__PURE__ */ o("td", {
+				children: [/* @__PURE__ */ u("td", {
 					className: "ttw:py-3",
-					children: /* @__PURE__ */ o("a", {
+					children: /* @__PURE__ */ u("a", {
 						href: e.url,
 						target: "_blank",
 						rel: "noreferrer",
 						className: "ttw:text-primary ttw:hover:underline",
 						children: e.name
 					})
-				}), /* @__PURE__ */ o("td", {
+				}), /* @__PURE__ */ u("td", {
 					className: "ttw:py-3 ttw:text-right ttw:align-middle",
-					children: e.includeInEmail ? /* @__PURE__ */ o(c, {
+					children: e.includeInEmail ? /* @__PURE__ */ u(f, {
 						role: "img",
 						"aria-label": e.emailedLabel,
 						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
-					}) : /* @__PURE__ */ o("span", {
+					}) : /* @__PURE__ */ u("span", {
 						className: "ttw:sr-only",
 						children: e.emailedLabel
 					})
@@ -70,4 +76,4 @@ function l({ attachments: l, labels: u }) {
 	});
 }
 //#endregion
-export { l as AttachmentsItem };
+export { p as AttachmentsItem };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.js

@@ -1,35 +1,41 @@
 import { AccordionContent as e, AccordionItem as t, AccordionTrigger as n, AuditHistoryList as r, Badge as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { RECEIVABLE_DETAILS_SECTION as o } from "./index25.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { sectionChevronClass as s, sectionCountBadgeClass as c, sectionItemClass as l, sectionTriggerClass as u } from "./index23.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.js
-function l({ auditHistory: l, labels: u }) {
-	return /* @__PURE__ */ c(t, {
+function p({ auditHistory: p, labels: m }) {
+	return /* @__PURE__ */ f(t, {
 		value: o.auditHistory,
-		children: [/* @__PURE__ */ s(n, { children: /* @__PURE__ */ c("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ s("span", {
-				className: "ttw:group-hover:underline",
-				children: u.auditHistoryHeading
-			}), l.countLabel ? /* @__PURE__ */ s(i, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.countLabel
-			}) : null]
-		}) }), /* @__PURE__ */ c(e, { children: [l.showNamesError ? /* @__PURE__ */ s(a, {
+		className: l,
+		children: [/* @__PURE__ */ d(n, {
+			className: u,
+			iconClassName: s,
+			children: /* @__PURE__ */ f("span", {
+				className: "ttw:flex ttw:items-center ttw:gap-2",
+				children: [/* @__PURE__ */ d("span", {
+					className: "ttw:group-hover:underline",
+					children: m.auditHistoryHeading
+				}), p.countLabel ? /* @__PURE__ */ d(i, {
+					variant: "secondary",
+					className: c,
+					children: p.countLabel
+				}) : null]
+			})
+		}), /* @__PURE__ */ f(e, { children: [p.showNamesError ? /* @__PURE__ */ d(a, {
 			variant: "caption",
 			color: "muted",
-			children: u.auditHistoryNamesError
-		}) : null, /* @__PURE__ */ s(r, {
-			rows: l.rows,
-			isLoading: l.isLoading,
-			isError: l.isError,
+			children: m.auditHistoryNamesError
+		}) : null, /* @__PURE__ */ d(r, {
+			rows: p.rows,
+			isLoading: p.isLoading,
+			isError: p.isError,
 			labels: {
-				empty: u.auditHistoryEmpty,
-				loading: u.auditHistoryLoading,
-				error: u.auditHistoryError
+				empty: m.auditHistoryEmpty,
+				loading: m.auditHistoryLoading,
+				error: m.auditHistoryError
 			}
 		})] })]
 	});
 }
 //#endregion
-export { l as AuditHistoryItem };
+export { p as AuditHistoryItem };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index29.js

@@ -1,16 +1,43 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Typography as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronRight as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index29.js
-function n({ label: n, value: r }) {
-	return /* @__PURE__ */ t("div", {
-		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
-		children: [/* @__PURE__ */ e("span", {
-			className: "ttw:w-40 ttw:shrink-0 ttw:text-muted-foreground",
-			children: n
-		}), /* @__PURE__ */ e("span", {
-			className: "ttw:whitespace-pre-line ttw:text-foreground",
-			children: r
+var a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
+function o({ label: o, name: s, onOpen: c }) {
+	let l = /* @__PURE__ */ n(e, {
+		component: "span",
+		variant: "body2",
+		color: "muted",
+		className: "ttw:w-40 ttw:shrink-0",
+		children: o
+	});
+	return c ? /* @__PURE__ */ r("button", {
+		type: "button",
+		onClick: c,
+		"aria-haspopup": "dialog",
+		className: t(a, "ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50"),
+		children: [
+			l,
+			/* @__PURE__ */ n(e, {
+				component: "span",
+				variant: "body2",
+				color: "primary",
+				className: "ttw:underline-offset-4 ttw:group-hover:underline",
+				children: s
+			}),
+			/* @__PURE__ */ n(i, {
+				className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
+				"aria-hidden": "true"
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: a,
+		children: [l, /* @__PURE__ */ n(e, {
+			component: "span",
+			variant: "body2",
+			children: s
 		})]
 	});
 }
 //#endregion
-export { n as InfoRow };
+export { o as CustomerNameRow };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js

@@ -1,33 +1,31 @@
-import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ACTION_ICON as c } from "./index23.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { MoreVerticalIcon as d } from "lucide-react";
+import { SheetTitle as e, Typography as t, typographyVariants as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { SearchX as a } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js
-function f({ actions: f, triggerLabel: p, getActionLabel: m, onSelect: h, disabledActions: g, className: _ }) {
-	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(s, {
-		asChild: !0,
-		children: /* @__PURE__ */ l(i, {
-			asChild: !0,
-			children: /* @__PURE__ */ l(e, {
-				variant: "ghost",
-				size: "icon",
-				className: _,
-				"aria-label": p,
-				children: /* @__PURE__ */ l(d, { className: "ttw:size-4" })
+function o({ title: o, description: s }) {
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:m-auto ttw:w-3/4",
+		children: /* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:h-full ttw:w-full ttw:items-center ttw:justify-center",
+			children: /* @__PURE__ */ i("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ r(a, {
+					className: "ttw:size-8 ttw:text-destructive",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ i("div", {
+					className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2",
+					children: [/* @__PURE__ */ r(e, {
+						className: n({ variant: "h4" }),
+						children: o
+					}), /* @__PURE__ */ r(t, {
+						variant: "body1",
+						className: "ttw:text-center",
+						children: s
+					})]
+				})]
 			})
 		})
-	}), /* @__PURE__ */ l(o, { children: p })] }), /* @__PURE__ */ l(n, {
-		align: "end",
-		children: f.map((e) => {
-			let t = c[e];
-			return /* @__PURE__ */ u(r, {
-				variant: e === "delete" ? "destructive" : "default",
-				disabled: g?.includes(e),
-				onClick: () => h(e),
-				children: [/* @__PURE__ */ l(t, { className: "ttw:size-4" }), m(e)]
-			}, e);
-		})
-	})] });
+	});
 }
 //#endregion
-export { f as OverflowMenu };
+export { o as DetailsMessage };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js

@@ -1,16 +1,22 @@
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js
-var e = {
-	neutral: "ttw:bg-muted ttw:text-muted-foreground",
-	info: "ttw:bg-indigo-100 ttw:text-indigo-700",
-	warning: "ttw:bg-yellow-100 ttw:text-yellow-700",
-	danger: "ttw:bg-destructive/10 ttw:text-destructive",
-	success: "ttw:bg-green-100 ttw:text-green-700"
-}, t = {
-	neutral: "ttw:bg-muted-foreground",
-	info: "ttw:bg-indigo-700",
-	warning: "ttw:bg-yellow-700",
-	danger: "ttw:bg-destructive",
-	success: "ttw:bg-green-700"
-};
+function r({ label: r, value: i }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+		children: [/* @__PURE__ */ t(e, {
+			component: "span",
+			variant: "body2",
+			color: "muted",
+			className: "ttw:w-40 ttw:shrink-0",
+			children: r
+		}), /* @__PURE__ */ t(e, {
+			component: "span",
+			variant: "body2",
+			className: "ttw:whitespace-pre-line",
+			children: i
+		})]
+	});
+}
 //#endregion
-export { e as RECURRENCE_CHIP_CLASS, t as RECURRENCE_DOT_CLASS };
+export { r as InfoRow };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js

@@ -1,28 +1,12 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { SERIES_STATUS_ICON as n } from "./index23.js";
-import { RECURRENCE_CHIP_CLASS as r, RECURRENCE_DOT_CLASS as i } from "./index31.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js
-function s({ label: i, tone: s, icon: c }) {
-	let l = c ? n[c] : void 0;
-	return /* @__PURE__ */ o(e, {
-		variant: "outline",
-		className: t("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:border-transparent", r[s]),
-		children: [l ? /* @__PURE__ */ a(l, {
-			className: "ttw:size-3",
-			"aria-hidden": !0
-		}) : null, i]
-	});
-}
-function c({ label: n, tone: s }) {
-	return /* @__PURE__ */ o(e, {
-		variant: "outline",
-		className: t("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:border-transparent", r[s]),
-		children: [/* @__PURE__ */ a("span", {
-			"aria-hidden": !0,
-			className: t("ttw:inline-block ttw:size-2 ttw:rounded-full", i[s])
-		}), n]
+function n({ className: n, label: r }) {
+	return /* @__PURE__ */ t("div", {
+		role: r ? "status" : void 0,
+		"aria-label": r,
+		className: e("ttw:size-8 ttw:animate-spin ttw:rounded-full ttw:border-3 ttw:border-primary ttw:border-t-transparent", n)
 	});
 }
 //#endregion
-export { c as IterationStatusChip, s as SeriesStatusChip };
+export { n as LoadingSpinner };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.js

@@ -1,87 +1,38 @@
-import { Button as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ReceivableStatusBadge as r } from "./index22.js";
-import { IterationStatusChip as i } from "./index32.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { ChevronRight as s } from "lucide-react";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACTION_ICON as c, headerTooltipArrowClass as l, headerTooltipClass as u, preventTooltipFocusOpen as d } from "./index23.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { MoreVerticalIcon as m } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.js
-var c = "ttw:h-10 ttw:px-2 ttw:text-left ttw:text-sm ttw:font-medium ttw:leading-5", l = "ttw:h-9 ttw:px-2 ttw:py-2 ttw:text-left ttw:text-sm ttw:font-normal ttw:leading-5";
-function u({ rows: u, labels: d }) {
-	return u.length === 0 ? /* @__PURE__ */ a(t, {
-		variant: "body2",
-		color: "muted",
-		children: d.scheduleEmpty
-	}) : /* @__PURE__ */ o("table", {
-		className: "ttw:w-full",
-		children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: n(c, "ttw:pl-0"),
-				children: d.scheduleIssueDateColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleAmountColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleStatusColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleNumberColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				className: "ttw:h-10 ttw:w-6 ttw:pl-2",
-				"aria-hidden": "true"
+function h({ actions: h, triggerLabel: g, getActionLabel: _, onSelect: v, disabledActions: y, className: b }) {
+	return /* @__PURE__ */ p(t, { children: [/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(s, {
+		asChild: !0,
+		onFocus: d,
+		children: /* @__PURE__ */ f(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(e, {
+				variant: "ghost",
+				size: "icon",
+				className: b,
+				"aria-label": g,
+				children: /* @__PURE__ */ f(m, { className: "ttw:size-4" })
 			})
-		] }) }), /* @__PURE__ */ a("tbody", { children: u.map((t) => {
-			let { onOpen: c } = t;
-			return /* @__PURE__ */ o("tr", {
-				className: "ttw:border-t ttw:border-border",
-				children: [
-					/* @__PURE__ */ a("td", {
-						className: n(l, "ttw:pl-0"),
-						children: t.issueDateLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: l,
-						children: t.amountLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: "ttw:h-9 ttw:px-2 ttw:py-2 ttw:text-left",
-						children: t.chip.kind === "invoice" ? /* @__PURE__ */ a(r, {
-							label: t.chip.label,
-							tone: t.chip.tone
-						}) : /* @__PURE__ */ a(i, {
-							label: t.chip.label,
-							tone: t.chip.tone
-						})
-					}),
-					/* @__PURE__ */ a("td", {
-						className: l,
-						children: t.numberLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: "ttw:h-9 ttw:w-6 ttw:py-2 ttw:pl-2 ttw:text-right ttw:text-muted-foreground",
-						children: c ? /* @__PURE__ */ a(e, {
-							variant: "ghost",
-							size: "icon",
-							className: "ttw:size-6",
-							"aria-label": t.openLabel,
-							onClick: c,
-							children: /* @__PURE__ */ a(s, {
-								className: "ttw:size-4",
-								"aria-hidden": "true"
-							})
-						}) : null
-					})
-				]
-			}, t.id);
-		}) })]
-	});
+		})
+	}), /* @__PURE__ */ f(o, {
+		className: u,
+		arrowClassName: l,
+		children: g
+	})] }), /* @__PURE__ */ f(n, {
+		align: "end",
+		children: h.map((e) => {
+			let t = c[e];
+			return /* @__PURE__ */ p(r, {
+				variant: e === "delete" ? "destructive" : "default",
+				disabled: y?.includes(e),
+				onClick: () => v(e),
+				children: [/* @__PURE__ */ f(t, { className: "ttw:size-4" }), _(e)]
+			}, e);
+		})
+	})] });
 }
 //#endregion
-export { u as ScheduledInvoicesTable };
+export { h as OverflowMenu };