@tesouro/embedded-components-react 0.5.227 → 0.5.228

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

@@ -1,353 +0,0 @@
-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 _ } from "./index4.js";
-import { ReceivableStatusBadge as v } from "./index13.js";
-import { ReceivableStatusCards as y } from "./index37.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";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js
-var k = [
-	10,
-	25,
-	50,
-	100
-], A = "all";
-function j({ label: t, ariaLabel: n, column: r }) {
-	let i = r.getIsSorted();
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ b(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" })
-		})]
-	});
-}
-function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: [/* @__PURE__ */ x("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, {
-				className: "ttw:pl-9",
-				placeholder: e.searchPlaceholder,
-				value: t,
-				onChange: (e) => n(e.target.value)
-			})]
-		}), /* @__PURE__ */ x(s, {
-			value: r,
-			onValueChange: a,
-			children: [/* @__PURE__ */ b(u, {
-				"aria-label": e.columnStatus,
-				className: "ttw:w-48",
-				children: /* @__PURE__ */ b(d, {})
-			}), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
-				value: A,
-				children: e.statusFilterAll
-			}), i.map((t) => /* @__PURE__ */ b(l, {
-				value: t.value,
-				children: P(t, e.statusBadge)
-			}, t.value))] })]
-		})]
-	});
-}
-function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
-	return e ? /* @__PURE__ */ b(i, {
-		variant: o,
-		onClick: (e) => {
-			e.stopPropagation(), a(n, r);
-		},
-		children: t
-	}) : null;
-}
-function P(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, statusCards: U, onStatusCardSelect: W, isFiltering: G, onCreateClick: K, onTemplateSettingsClick: q, onRowClick: J, onActionClick: Y, onRetry: X, labels: Z }) {
-	let Q = {
-		..._,
-		...Z,
-		statusBadge: {
-			..._.statusBadge,
-			...Z?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-3",
-					children: /* @__PURE__ */ b(f, {
-						value: o,
-						onValueChange: (e) => c(e),
-						children: /* @__PURE__ */ x(p, { children: [
-							s.includes("invoices") && /* @__PURE__ */ b(m, {
-								value: "invoices",
-								children: Q.tabInvoices
-							}),
-							s.includes("quotes") && /* @__PURE__ */ b(m, {
-								value: "quotes",
-								children: Q.tabQuotes
-							}),
-							s.includes("credit_notes") && /* @__PURE__ */ b(m, {
-								value: "credit_notes",
-								children: Q.tabCreditNotes
-							})
-						] })
-					})
-				}), /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [q && /* @__PURE__ */ x(e, {
-						variant: "outline",
-						onClick: q,
-						children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), Q.templateSettingsButton]
-					}), /* @__PURE__ */ x(e, {
-						onClick: K,
-						children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), Q.createButton]
-					})]
-				})]
-			}),
-			U && W && /* @__PURE__ */ b(y, {
-				view: U,
-				onSelect: W,
-				labels: { all: Q.statusCardsAll }
-			}),
-			u ? /* @__PURE__ */ b(g, {
-				title: Q.errorTitle,
-				description: Q.errorDescription,
-				retryLabel: X ? Q.errorRetry : void 0,
-				onRetry: X
-			}) : /* @__PURE__ */ b(t, {
-				columns: [
-					{
-						accessorKey: "documentLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnDocument,
-							ariaLabel: Q.sortByDocument
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ x("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ b("span", {
-								className: "ttw:font-medium",
-								children: e.original.documentLabel
-							}), /* @__PURE__ */ b("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: e.original.type === "credit_note" ? Q.tabCreditNotes : e.original.type === "quote" ? Q.tabQuotes : Q.tabInvoices
-							})]
-						}),
-						minSize: 180
-					},
-					{
-						accessorKey: "customerLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnCustomer,
-							ariaLabel: Q.sortByCustomer
-						}),
-						minSize: 180
-					},
-					{
-						accessorKey: "status",
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnStatus,
-							ariaLabel: Q.sortByStatus
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b(v, {
-							status: e.original.status,
-							tone: e.original.statusTone,
-							labels: Q.statusBadge
-						})
-					},
-					{
-						accessorKey: "issueDateLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnIssueDate,
-							ariaLabel: Q.sortByIssueDate
-						})
-					},
-					{
-						accessorKey: "dueDateLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnDueDate,
-							ariaLabel: Q.sortByDueDate
-						})
-					},
-					{
-						accessorKey: "totalLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:justify-end",
-							children: /* @__PURE__ */ b(j, {
-								column: e,
-								label: Q.columnTotal,
-								ariaLabel: Q.sortByTotal
-							})
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: e.original.totalLabel
-						})
-					},
-					{
-						accessorKey: "amountDueLabel",
-						header: () => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: Q.columnAmountDue
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: e.original.amountDueLabel
-						})
-					},
-					{
-						id: "actions",
-						header: () => /* @__PURE__ */ b("span", {
-							className: "ttw:sr-only",
-							children: Q.columnActions
-						}),
-						cell: ({ row: t }) => /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:justify-end",
-							children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
-								asChild: !0,
-								children: /* @__PURE__ */ b(e, {
-									variant: "ghost",
-									size: "icon-sm",
-									"aria-label": Q.columnActions,
-									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
-								})
-							}), /* @__PURE__ */ x(r, {
-								align: "end",
-								children: [
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.edit,
-										label: Q.actionEdit,
-										action: "edit",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.issue,
-										label: Q.actionIssue,
-										action: "issue",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.send,
-										label: Q.actionSend,
-										action: "send",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.recordPayment,
-										label: Q.actionRecordPayment,
-										action: "recordPayment",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.markPaid,
-										label: Q.actionMarkPaid,
-										action: "markPaid",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.markUncollectible,
-										label: Q.actionMarkUncollectible,
-										action: "markUncollectible",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.accept,
-										label: Q.actionAccept,
-										action: "accept",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.decline,
-										label: Q.actionDecline,
-										action: "decline",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.cancel,
-										label: Q.actionCancel,
-										action: "cancel",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.clone,
-										label: Q.actionClone,
-										action: "clone",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.delete,
-										label: Q.actionDelete,
-										action: "delete",
-										row: t.original,
-										onActionClick: Y,
-										variant: "destructive"
-									})
-								]
-							})] })
-						}),
-						size: 72
-					}
-				],
-				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: J,
-				rowAriaLabel: (e) => Q.openRow(e.documentLabel),
-				filterComponent: /* @__PURE__ */ b(M, {
-					labels: Q,
-					searchValue: R,
-					onSearchChange: z,
-					statusFilter: B,
-					statusOptions: V,
-					onStatusFilterChange: H
-				}),
-				children: /* @__PURE__ */ b(h, {
-					title: G ? Q.filterEmptyTitle : Q.emptyTitle,
-					description: G ? Q.filterEmptyDescription : Q.emptyDescription,
-					actionLabel: G ? void 0 : Q.emptyAction,
-					onAction: G ? void 0 : K
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { F as ReceivablesScreen, F as default };