@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,61 +1,61 @@
-import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m, Typography as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as g } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as _ } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as h } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { RECEIVABLES_SCREEN_LABELS_EN as v } from "./index2.js";
-import { ReceivableStatusBadge as y } from "./index4.js";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { ArrowDownIcon as S, ArrowUpDownIcon as C, ArrowUpIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
+import { RECEIVABLES_SCREEN_LABELS_EN as _ } from "./index2.js";
+import { ReceivableStatusBadge as v } from "./index4.js";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { ArrowDownIcon as x, ArrowUpDownIcon as S, ArrowUpIcon as C, MoreHorizontalIcon as w, PlusIcon as T, SearchIcon as E, SettingsIcon as D } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js
-var k = [
+var O = [
 	10,
 	25,
 	50,
 	100
-], A = "all";
-function j({ label: t, ariaLabel: n, column: r }) {
+], k = "all";
+function A({ label: t, ariaLabel: n, column: r }) {
 	let i = r.getIsSorted();
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ b(e, {
+		children: [t, /* @__PURE__ */ y(e, {
 			variant: "ghost",
 			size: "icon-sm",
 			"aria-label": n,
 			onClick: () => r.toggleSorting(i === "asc"),
-			children: b(i === "asc" ? w : i === "desc" ? S : C, { className: "ttw:size-4" })
+			children: y(i === "asc" ? C : i === "desc" ? x : S, { className: "ttw:size-4" })
 		})]
 	});
 }
-function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
-	return /* @__PURE__ */ x("div", {
+function j({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
+	return /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ b(D, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ b(o, {
+			children: [/* @__PURE__ */ y(E, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ y(o, {
 				className: "ttw:pl-9",
 				placeholder: e.searchPlaceholder,
 				value: t,
 				onChange: (e) => n(e.target.value)
 			})]
-		}), /* @__PURE__ */ x(s, {
+		}), /* @__PURE__ */ b(s, {
 			value: r,
 			onValueChange: a,
-			children: [/* @__PURE__ */ b(u, {
+			children: [/* @__PURE__ */ y(u, {
 				"aria-label": e.columnStatus,
 				className: "ttw:w-48",
-				children: /* @__PURE__ */ b(d, {})
-			}), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
-				value: A,
+				children: /* @__PURE__ */ y(d, {})
+			}), /* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(l, {
+				value: k,
 				children: e.statusFilterAll
-			}), i.map((t) => /* @__PURE__ */ b(l, {
+			}), i.map((t) => /* @__PURE__ */ y(l, {
 				value: t.value,
-				children: P(t, e.statusBadge)
+				children: N(t, e.statusBadge)
 			}, t.value))] })]
 		})]
 	});
 }
-function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
-	return e ? /* @__PURE__ */ b(i, {
+function M({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
+	return e ? /* @__PURE__ */ y(i, {
 		variant: o,
 		onClick: (e) => {
 			e.stopPropagation(), a(n, r);
@@ -63,81 +63,76 @@ function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant:
 		children: t
 	}) : null;
 }
-function P(e, t) {
+function N(e, t) {
 	return t[e.value] ?? e.label;
 }
-function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: S, pageSize: C, onPageSizeChange: w, pageSizeOptions: D = k, pageInfo: A, hasNextPage: P, hasPrevPage: F, onNextPage: I, onPrevPage: L, searchValue: R, onSearchChange: z, statusFilter: B, statusOptions: V, onStatusFilterChange: H, isFiltering: U, onCreateClick: W, onTemplateSettingsClick: G, onRowClick: K, onActionClick: q, onRetry: J, labels: Y }) {
-	let X = {
-		...v,
-		...Y,
+function P({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: x, pageSize: S, onPageSizeChange: C, pageSizeOptions: E = O, pageInfo: k, hasNextPage: N, hasPrevPage: P, onNextPage: F, onPrevPage: I, searchValue: L, onSearchChange: R, statusFilter: z, statusOptions: B, onStatusFilterChange: V, isFiltering: H, onCreateClick: U, onTemplateSettingsClick: W, onRowClick: G, onActionClick: K, onRetry: q, labels: J }) {
+	let Y = {
+		..._,
+		...J,
 		statusBadge: {
-			...v.statusBadge,
-			...Y?.statusBadge
+			..._.statusBadge,
+			...J?.statusBadge
 		}
 	};
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ y("div", {
 				className: "ttw:flex ttw:items-center ttw:gap-3",
-				children: [/* @__PURE__ */ b(h, {
-					component: "h2",
-					variant: "h6",
-					className: "ttw:font-semibold",
-					children: X.title
-				}), /* @__PURE__ */ b(f, {
+				children: /* @__PURE__ */ y(f, {
 					value: o,
 					onValueChange: (e) => c(e),
-					children: /* @__PURE__ */ x(p, { children: [
-						s.includes("invoices") && /* @__PURE__ */ b(m, {
+					children: /* @__PURE__ */ b(p, { children: [
+						s.includes("invoices") && /* @__PURE__ */ y(m, {
 							value: "invoices",
-							children: X.tabInvoices
+							children: Y.tabInvoices
 						}),
-						s.includes("quotes") && /* @__PURE__ */ b(m, {
+						s.includes("quotes") && /* @__PURE__ */ y(m, {
 							value: "quotes",
-							children: X.tabQuotes
+							children: Y.tabQuotes
 						}),
-						s.includes("credit_notes") && /* @__PURE__ */ b(m, {
+						s.includes("credit_notes") && /* @__PURE__ */ y(m, {
 							value: "credit_notes",
-							children: X.tabCreditNotes
+							children: Y.tabCreditNotes
 						})
 					] })
-				})]
-			}), /* @__PURE__ */ x("div", {
+				})
+			}), /* @__PURE__ */ b("div", {
 				className: "ttw:flex ttw:items-center ttw:gap-2",
-				children: [G && /* @__PURE__ */ x(e, {
+				children: [W && /* @__PURE__ */ b(e, {
 					variant: "outline",
-					onClick: G,
-					children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), X.templateSettingsButton]
-				}), /* @__PURE__ */ x(e, {
 					onClick: W,
-					children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), X.createButton]
+					children: [/* @__PURE__ */ y(D, { className: "ttw:size-4" }), Y.templateSettingsButton]
+				}), /* @__PURE__ */ b(e, {
+					onClick: U,
+					children: [/* @__PURE__ */ y(T, { className: "ttw:size-4" }), Y.createButton]
 				})]
 			})]
-		}), u ? /* @__PURE__ */ b(_, {
-			title: X.errorTitle,
-			description: X.errorDescription,
-			retryLabel: J ? X.errorRetry : void 0,
-			onRetry: J
-		}) : /* @__PURE__ */ b(t, {
+		}), u ? /* @__PURE__ */ y(g, {
+			title: Y.errorTitle,
+			description: Y.errorDescription,
+			retryLabel: q ? Y.errorRetry : void 0,
+			onRetry: q
+		}) : /* @__PURE__ */ y(t, {
 			columns: [
 				{
 					accessorKey: "documentLabel",
 					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ b(j, {
+					header: ({ column: e }) => /* @__PURE__ */ y(A, {
 						column: e,
-						label: X.columnDocument,
-						ariaLabel: X.sortByDocument
+						label: Y.columnDocument,
+						ariaLabel: Y.sortByDocument
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ x("div", {
+					cell: ({ row: e }) => /* @__PURE__ */ b("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "ttw:font-medium",
 							children: e.original.documentLabel
-						}), /* @__PURE__ */ b("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "ttw:text-xs ttw:text-muted-foreground",
-							children: e.original.type === "credit_note" ? X.tabCreditNotes : e.original.type === "quote" ? X.tabQuotes : X.tabInvoices
+							children: e.original.type === "credit_note" ? Y.tabCreditNotes : e.original.type === "quote" ? Y.tabQuotes : Y.tabInvoices
 						})]
 					}),
 					minSize: 180
@@ -145,167 +140,167 @@ function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l
 				{
 					accessorKey: "customerLabel",
 					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ b(j, {
+					header: ({ column: e }) => /* @__PURE__ */ y(A, {
 						column: e,
-						label: X.columnCustomer,
-						ariaLabel: X.sortByCustomer
+						label: Y.columnCustomer,
+						ariaLabel: Y.sortByCustomer
 					}),
 					minSize: 180
 				},
 				{
 					accessorKey: "status",
-					header: ({ column: e }) => /* @__PURE__ */ b(j, {
+					header: ({ column: e }) => /* @__PURE__ */ y(A, {
 						column: e,
-						label: X.columnStatus,
-						ariaLabel: X.sortByStatus
+						label: Y.columnStatus,
+						ariaLabel: Y.sortByStatus
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ b(y, {
+					cell: ({ row: e }) => /* @__PURE__ */ y(v, {
 						status: e.original.status,
 						tone: e.original.statusTone,
-						labels: X.statusBadge
+						labels: Y.statusBadge
 					})
 				},
 				{
 					accessorKey: "issueDateLabel",
 					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ b(j, {
+					header: ({ column: e }) => /* @__PURE__ */ y(A, {
 						column: e,
-						label: X.columnIssueDate,
-						ariaLabel: X.sortByIssueDate
+						label: Y.columnIssueDate,
+						ariaLabel: Y.sortByIssueDate
 					})
 				},
 				{
 					accessorKey: "dueDateLabel",
 					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ b(j, {
+					header: ({ column: e }) => /* @__PURE__ */ y(A, {
 						column: e,
-						label: X.columnDueDate,
-						ariaLabel: X.sortByDueDate
+						label: Y.columnDueDate,
+						ariaLabel: Y.sortByDueDate
 					})
 				},
 				{
 					accessorKey: "totalLabel",
 					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ b("div", {
+					header: ({ column: e }) => /* @__PURE__ */ y("div", {
 						className: "ttw:flex ttw:justify-end",
-						children: /* @__PURE__ */ b(j, {
+						children: /* @__PURE__ */ y(A, {
 							column: e,
-							label: X.columnTotal,
-							ariaLabel: X.sortByTotal
+							label: Y.columnTotal,
+							ariaLabel: Y.sortByTotal
 						})
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+					cell: ({ row: e }) => /* @__PURE__ */ y("div", {
 						className: "ttw:text-right",
 						children: e.original.totalLabel
 					})
 				},
 				{
 					accessorKey: "amountDueLabel",
-					header: () => /* @__PURE__ */ b("div", {
+					header: () => /* @__PURE__ */ y("div", {
 						className: "ttw:text-right",
-						children: X.columnAmountDue
+						children: Y.columnAmountDue
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+					cell: ({ row: e }) => /* @__PURE__ */ y("div", {
 						className: "ttw:text-right",
 						children: e.original.amountDueLabel
 					})
 				},
 				{
 					id: "actions",
-					header: () => /* @__PURE__ */ b("span", {
+					header: () => /* @__PURE__ */ y("span", {
 						className: "ttw:sr-only",
-						children: X.columnActions
+						children: Y.columnActions
 					}),
-					cell: ({ row: t }) => /* @__PURE__ */ b("div", {
+					cell: ({ row: t }) => /* @__PURE__ */ y("div", {
 						className: "ttw:flex ttw:justify-end",
-						children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
+						children: /* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(a, {
 							asChild: !0,
-							children: /* @__PURE__ */ b(e, {
+							children: /* @__PURE__ */ y(e, {
 								variant: "ghost",
 								size: "icon-sm",
-								"aria-label": X.columnActions,
+								"aria-label": Y.columnActions,
 								onClick: (e) => e.stopPropagation(),
-								children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
+								children: /* @__PURE__ */ y(w, { className: "ttw:size-4" })
 							})
-						}), /* @__PURE__ */ x(r, {
+						}), /* @__PURE__ */ b(r, {
 							align: "end",
 							children: [
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.edit,
-									label: X.actionEdit,
+									label: Y.actionEdit,
 									action: "edit",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.issue,
-									label: X.actionIssue,
+									label: Y.actionIssue,
 									action: "issue",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.send,
-									label: X.actionSend,
+									label: Y.actionSend,
 									action: "send",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.recordPayment,
-									label: X.actionRecordPayment,
+									label: Y.actionRecordPayment,
 									action: "recordPayment",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.markPaid,
-									label: X.actionMarkPaid,
+									label: Y.actionMarkPaid,
 									action: "markPaid",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.markUncollectible,
-									label: X.actionMarkUncollectible,
+									label: Y.actionMarkUncollectible,
 									action: "markUncollectible",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.accept,
-									label: X.actionAccept,
+									label: Y.actionAccept,
 									action: "accept",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.decline,
-									label: X.actionDecline,
+									label: Y.actionDecline,
 									action: "decline",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.cancel,
-									label: X.actionCancel,
+									label: Y.actionCancel,
 									action: "cancel",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.clone,
-									label: X.actionClone,
+									label: Y.actionClone,
 									action: "clone",
 									row: t.original,
-									onActionClick: q
+									onActionClick: K
 								}),
-								/* @__PURE__ */ b(N, {
+								/* @__PURE__ */ y(M, {
 									enabled: t.original.actions.delete,
-									label: X.actionDelete,
+									label: Y.actionDelete,
 									action: "delete",
 									row: t.original,
-									onActionClick: q,
+									onActionClick: K,
 									variant: "destructive"
 								})
 							]
@@ -317,32 +312,32 @@ function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l
 			data: i,
 			isLoading: l,
 			sorting: d,
-			onSortingChange: S,
-			pageSize: C,
-			onPageSizeChange: w,
-			pageSizeOptions: D,
-			pageInfo: A,
-			hasNextPage: P,
-			hasPrevPage: F,
-			onNextPage: I,
-			onPrevPage: L,
-			onRowClick: K,
-			filterComponent: /* @__PURE__ */ b(M, {
-				labels: X,
-				searchValue: R,
-				onSearchChange: z,
-				statusFilter: B,
-				statusOptions: V,
-				onStatusFilterChange: H
+			onSortingChange: x,
+			pageSize: S,
+			onPageSizeChange: C,
+			pageSizeOptions: E,
+			pageInfo: k,
+			hasNextPage: N,
+			hasPrevPage: P,
+			onNextPage: F,
+			onPrevPage: I,
+			onRowClick: G,
+			filterComponent: /* @__PURE__ */ y(j, {
+				labels: Y,
+				searchValue: L,
+				onSearchChange: R,
+				statusFilter: z,
+				statusOptions: B,
+				onStatusFilterChange: V
 			}),
-			children: /* @__PURE__ */ b(g, {
-				title: U ? X.filterEmptyTitle : X.emptyTitle,
-				description: U ? X.filterEmptyDescription : X.emptyDescription,
-				actionLabel: U ? void 0 : X.emptyAction,
-				onAction: U ? void 0 : W
+			children: /* @__PURE__ */ y(h, {
+				title: H ? Y.filterEmptyTitle : Y.emptyTitle,
+				description: H ? Y.filterEmptyDescription : Y.emptyDescription,
+				actionLabel: H ? void 0 : Y.emptyAction,
+				onAction: H ? void 0 : U
 			})
 		})]
 	});
 }
 //#endregion
-export { F as ReceivablesScreen, F as default };
+export { P as ReceivablesScreen, P as default };

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

@@ -16,7 +16,6 @@ var e = {
 	deleted: "Deleted",
 	unknown: "Unknown"
 }, t = {
-	title: "Receivables",
 	createButton: "Create",
 	templateSettingsButton: "Template settings",
 	searchPlaceholder: "Search by number or customer",