@tesouro/embedded-components-react 0.3.0 → 0.3.1

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index244.js

@@ -1,2 +1,62 @@
-import "./index242.js";
-import "./index243.js";
+import { Button as e } from "./index56.js";
+import { CenteredContentBox as t } from "./index231.js";
+import "./index232.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "./index55.js";
+import { Typography as o } from "./index62.js";
+import { ChevronDown as s, RefreshCw as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index244.js
+var d = ({ title: e, descriptionLine1: n, onAction: r, actionButtonLabel: i, actionOptions: a = [], type: s }) => /* @__PURE__ */ l(t, {
+	className: "ttw:min-h-48",
+	children: /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:items-center ttw:gap-3",
+		children: [
+			/* @__PURE__ */ l(o, {
+				variant: "h2",
+				className: "ttw:font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ l(o, {
+				variant: "body1",
+				color: "muted",
+				className: "ttw:font-normal",
+				children: n
+			}),
+			/* @__PURE__ */ l(f, {
+				onAction: r,
+				actionButtonLabel: i,
+				actionOptions: a,
+				type: s
+			})
+		]
+	})
+}), f = ({ onAction: t, actionButtonLabel: o, actionOptions: d = [], type: f }) => {
+	if (!o) return null;
+	let p = (e) => {
+		t && t(e);
+	};
+	return d.length > 1 ? /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+		asChild: !0,
+		children: /* @__PURE__ */ u(e, {
+			type: "button",
+			children: [
+				f === "error" ? /* @__PURE__ */ l(c, {}) : void 0,
+				o,
+				/* @__PURE__ */ l(s, {})
+			]
+		})
+	}), /* @__PURE__ */ l(r, {
+		align: "end",
+		children: d.map((e) => /* @__PURE__ */ l(i, {
+			onClick: () => p(e),
+			children: e
+		}, e))
+	})] }) : /* @__PURE__ */ u(e, {
+		onClick: (e) => {
+			e.preventDefault(), p(d?.[0]);
+		},
+		children: [f === "error" ? /* @__PURE__ */ l(c, {}) : void 0, o]
+	});
+};
+//#endregion
+export { d as DataGridEmptyState };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index245.js

@@ -1,52 +1 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index245.js
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "table-container",
-		className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto",
-		children: /* @__PURE__ */ t("table", {
-			"data-slot": "table",
-			className: e("ttw:w-full ttw:caption-bottom ttw:text-sm", n),
-			...r
-		})
-	});
-}
-function r({ className: n, ...r }) {
-	return /* @__PURE__ */ t("thead", {
-		"data-slot": "table-header",
-		className: e("ttw:[&_tr]:border-b", n),
-		...r
-	});
-}
-function i({ className: n, ...r }) {
-	return /* @__PURE__ */ t("tbody", {
-		"data-slot": "table-body",
-		className: e("ttw:[&_tr:last-child]:border-0", n),
-		...r
-	});
-}
-function a({ className: n, ...r }) {
-	return /* @__PURE__ */ t("tr", {
-		"data-slot": "table-row",
-		className: e("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", n),
-		...r
-	});
-}
-function o({ className: n, ...r }) {
-	return /* @__PURE__ */ t("th", {
-		"data-slot": "table-head",
-		className: e("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
-		...r
-	});
-}
-function s({ className: n, ...r }) {
-	return /* @__PURE__ */ t("td", {
-		"data-slot": "table-cell",
-		className: e("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
-		...r
-	});
-}
-//#endregion
-export { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };
+import "./index244.js";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index246.js

@@ -1,125 +1,31 @@
-import { Button as e } from "./index56.js";
-import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index101.js";
-import { Table as o, TableBody as s, TableCell as c, TableHead as l, TableHeader as u, TableRow as d } from "./index245.js";
-import { useEffect as f, useState as p } from "react";
-import { flexRender as m, getCoreRowModel as h, useReactTable as g } from "@tanstack/react-table";
-import { ArrowDown as _, ArrowUp as v, ArrowUpDown as y, ChevronLeft as b, ChevronRight as x } from "lucide-react";
-import { Fragment as S, jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useLingui as T } from "@lingui/react";
-import { twMerge as E } from "tailwind-merge";
+import { DataGridEmptyState as e } from "./index244.js";
+import "./index245.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index246.js
-function D({ columns: _, data: v, sorting: y, onSortingChange: D, pageSize: O, onPageSizeChange: k, nextPaginationToken: A, prevPaginationToken: j, onPaginationTokenChange: M, onRowClick: N, filterComponent: P, children: F, rowLabel: I }) {
-	let { i18n: L } = T(), [R, z] = p(0);
-	f(() => {
-		!j && R !== 0 && z(0);
-	}, [j, R]);
-	let B = v.length === 0 ? 0 : R + 1, V = R + v.length, H = I ? `${B}-${V} ${I}` : `${B}-${V}`, U = g({
-		data: v,
-		columns: _,
-		getCoreRowModel: h(),
-		manualPagination: !0,
-		manualSorting: !0,
-		enableMultiSort: !1,
-		onSortingChange: D,
-		state: {
-			sorting: y,
-			pagination: {
-				pageIndex: 0,
-				pageSize: O
-			}
-		}
-	});
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
-		className: E("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", P && "ttw:pt-4"),
-		children: [P, /* @__PURE__ */ w(o, {
-			className: "ttw:border-none",
-			children: [/* @__PURE__ */ C(u, { children: U.getHeaderGroups().map((e) => /* @__PURE__ */ C(d, { children: e.headers.map((e) => /* @__PURE__ */ C(l, {
-				className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5",
-				children: e.isPlaceholder ? null : m(e.column.columnDef.header, e.getContext())
-			}, e.id)) }, e.id)) }), /* @__PURE__ */ C(s, { children: U.getRowModel().rows?.length ? U.getRowModel().rows.map((e) => /* @__PURE__ */ C(d, {
-				onClick: () => N(e.original),
-				"data-state": e.getIsSelected() && "selected",
-				children: e.getVisibleCells().map((e) => /* @__PURE__ */ C(c, {
-					className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b",
-					children: m(e.column.columnDef.cell, e.getContext())
-				}, e.id))
-			}, e.id)) : /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(c, {
-				colSpan: _.length,
-				className: "ttw:min-h-24 ttw:text-center",
-				children: F || L._("No results.")
-			}) }) })]
-		})]
-	}), /* @__PURE__ */ w("div", {
-		className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent",
-		children: [
-			/* @__PURE__ */ w("span", {
-				className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
-				children: [L._("Rows per page:"), /* @__PURE__ */ w(t, {
-					value: String(O),
-					onValueChange: (e) => {
-						k(Number(e)), M(void 0), z(0);
-					},
-					children: [/* @__PURE__ */ C(i, {
-						size: "sm",
-						children: /* @__PURE__ */ C(a, {})
-					}), /* @__PURE__ */ w(n, { children: [
-						/* @__PURE__ */ C(r, {
-							value: "10",
-							children: "10"
-						}),
-						/* @__PURE__ */ C(r, {
-							value: "25",
-							children: "25"
-						}),
-						/* @__PURE__ */ C(r, {
-							value: "50",
-							children: "50"
-						}),
-						/* @__PURE__ */ C(r, {
-							value: "100",
-							children: "100"
-						})
-					] })]
-				})]
-			}),
-			/* @__PURE__ */ C("span", {
-				className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
-				children: H
-			}),
-			/* @__PURE__ */ w("div", {
-				className: "ttw:flex ttw:items-center ttw:space-x-3",
-				children: [/* @__PURE__ */ C(e, {
-					variant: "ghost",
-					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
-					onClick: () => {
-						M(j), z((e) => e - O);
-					},
-					disabled: !j,
-					children: /* @__PURE__ */ C(b, {})
-				}), /* @__PURE__ */ C(e, {
-					variant: "ghost",
-					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
-					onClick: () => {
-						M(A), z((e) => e + O);
-					},
-					disabled: !A,
-					children: /* @__PURE__ */ C(x, {})
-				})]
-			})
-		]
-	})] });
-}
-function O({ column: t, title: n, ariaLabel: r }) {
-	let i = t.getIsSorted();
-	return /* @__PURE__ */ w("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [n, /* @__PURE__ */ C(e, {
-			variant: "ghost",
-			"aria-label": r,
-			onClick: () => t.toggleSorting(i === "asc"),
-			children: C(i === "asc" ? v : i === "desc" ? _ : y, { className: "ttw:size-4" })
-		})]
-	});
-}
+var r = ({ isLoading: r, dataLength: i, isFiltering: a, isSearching: o, isError: s, onCreate: c, refetch: l, entityName: u, noDataTitle: d, noDataDescription1: f, filterTitle: p, filterDescription1: m, actionButtonLabel: h, actionOptions: g, onAction: _, type: v }) => {
+	let { i18n: y } = n();
+	return !r && i === 0 && (a || o) ? /* @__PURE__ */ t(e, {
+		title: p || d || y._("No {entityName} Found", { entityName: u }),
+		descriptionLine1: m || "",
+		type: "no-filter",
+		onAction: _
+	}) : !r && i === 0 && !a && !o ? /* @__PURE__ */ t(e, {
+		title: d || y._("No {entityName}", { entityName: u }),
+		descriptionLine1: f || y._("You don’t have any {entityName} yet.", { entityName: u.toLowerCase() }),
+		actionOptions: g,
+		actionButtonLabel: h,
+		onAction: (e) => {
+			c && c(e ?? "");
+		},
+		type: v || "no-data"
+	}) : s ? /* @__PURE__ */ t(e, {
+		title: y._("Failed to load {entityName}", { entityName: u }),
+		descriptionLine1: y._("There was an error loading {entityName}.", { entityName: u.toLowerCase() }),
+		actionButtonLabel: y._("Reload"),
+		onAction: l,
+		type: "error"
+	}) : null;
+};
 //#endregion
-export { D as DataTable, O as SortableHeader };
+export { r as GetNoRowsOverlay };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index247.js

@@ -1,7 +1,43 @@
+import { useDialog as e } from "./index229.js";
+import "./index230.js";
+import { CenteredContentBox as t } from "./index231.js";
+import "./index232.js";
+import { IconWrapper as n } from "./index233.js";
+import "./index234.js";
+import { LockKeyhole as r, X as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index247.js
-function e() {
-	let e = window.getSelection();
-	return !!e && !!e.toString();
-}
+var l = (l) => {
+	let u = e(), { i18n: d } = c(), f = l.title ?? d._("Access Restricted"), p = l.description ?? /* @__PURE__ */ s("span", { children: [
+		d._("You don’t have permissions to view this page."),
+		/* @__PURE__ */ o("br", {}),
+		d._("Contact your system administrator for details.")
+	] });
+	return /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:justify-end ttw:p-4 Monite-AccessRestriction-InDialog-Header",
+		children: /* @__PURE__ */ o(n, {
+			onClick: u.onClose,
+			color: "inherit",
+			"aria-label": "close",
+			children: /* @__PURE__ */ o(i, {})
+		})
+	}), /* @__PURE__ */ o(t, {
+		className: "Monite-AccessRestriction-Content",
+		children: /* @__PURE__ */ s("div", {
+			className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-4",
+			children: [/* @__PURE__ */ o(r, { className: "ttw:w-8 ttw:h-8 ttw:text-primary" }), /* @__PURE__ */ s("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-2",
+				children: [/* @__PURE__ */ o("h3", {
+					className: "ttw:text-2xl ttw:font-semibold",
+					children: f
+				}), /* @__PURE__ */ o("p", {
+					className: "ttw:text-center",
+					children: p
+				})]
+			})]
+		})
+	})] });
+};
 //#endregion
-export { e as hasSelectedText };
+export { l as AccessRestriction };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index248.js

@@ -1,191 +1,4 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { getCounterpartName as n } from "./index53.js";
-import { useCurrencies as r } from "./index63.js";
-import { Button as ee } from "./index56.js";
-import { useCounterpartList as i } from "./index125.js";
-import { MoniteScopedProviders as a } from "./index209.js";
-import { LoadingSpinner as o } from "./index51.js";
-import { useUserPermissions as s } from "./index112.js";
-import { useGetReceivablesAnalytics as c } from "./index170.js";
-import { FILTER_TYPE_SEARCH as l } from "./index236.js";
-import { CounterpartTableFilters as u } from "./index237.js";
-import { CounterPartCellByData as d } from "./index238.js";
-import { GetNoRowsOverlay as f } from "./index241.js";
-import { AccessRestriction as te } from "./index242.js";
-import "./index244.js";
-import { DataTable as ne } from "./index246.js";
-import { hasSelectedText as p } from "./index247.js";
-import { useMemo as m, useState as h } from "react";
-import { ArrowDown as g, ArrowUp as _, ArrowUpDown as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index248.js
-var S = (e) => /* @__PURE__ */ y(a, { children: /* @__PURE__ */ y(C, { ...e }) }), C = ({ onRowClick: a, onChangeSort: S, onChangeFilter: C, openModal: w }) => {
-	let { i18n: T } = x(), { componentSettings: E, api: re } = t(), { formatCurrencyToDisplay: D } = r(), [O, k] = h(void 0), [A, j] = h(E.counterparts.pageSizeOptions[0]), [M, N] = h({}), [P, F] = h(void 0), I = s(), L = I.has(e.CounterpartReadOrg);
-	I.has(e.CounterpartWriteOrg), I.has(e.CounterpartWriteOrg);
-	let { data: R, isLoading: z, refetch: B, isError: V } = i({ query: {
-		sort: P?.field,
-		order: P?.sort,
-		limit: A || void 0,
-		pagination_token: O,
-		type: M.type || void 0,
-		counterpart_name__icontains: M.search || void 0,
-		is_customer: !0
-	} }), H = m(() => R?.data.map((e) => e.id) ?? [], [R]), U = re.finops.getCounterpartsIdAddresses.useQueries({ queries: H.map((e) => ({ parameters: { path: { counterpart_id: e } } })) }), W = m(() => new Map(H.map((e, t) => [e, U[t]?.data])), [H, U]), { data: G, isLoading: K } = c({
-		dimension: "counterpart_id",
-		metric: "total_amount",
-		aggregation_function: "summary",
-		type: "invoice",
-		status__in: [
-			"issued",
-			"overdue",
-			"partially_paid",
-			"paid"
-		],
-		counterpart_id__in: H
-	}), q = m(() => new Map(G?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [G]), { data: J, isLoading: Y } = c({
-		dimension: "counterpart_id",
-		metric: "amount_due",
-		aggregation_function: "summary",
-		type: "invoice",
-		status__in: [
-			"issued",
-			"overdue",
-			"partially_paid"
-		],
-		counterpart_id__in: H
-	}), X = m(() => new Map(J?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [J]), Z = P ? [{
-		id: P.field,
-		desc: P.sort === "desc"
-	}] : [], ie = (e) => {
-		let t = typeof e == "function" ? e(Z) : e;
-		if (t.length > 0) {
-			let e = {
-				field: t[0].id,
-				sort: t[0].desc ? "desc" : "asc"
-			};
-			F(e), S?.(e);
-		} else F(void 0);
-		k(void 0);
-	}, ae = (e, t) => {
-		k(void 0), N((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		})), C?.({
-			field: e,
-			value: t
-		});
-	}, oe = m(() => [
-		{
-			accessorKey: "counterpart_name",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [T._("Name"), /* @__PURE__ */ y(ee, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: y(t === "asc" ? _ : t === "desc" ? g : v, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => {
-				let t = W.get(e.original.id);
-				return /* @__PURE__ */ y(d, {
-					name: n(e.original),
-					country: t?.data[0]?.country,
-					city: t?.data[0]?.city
-				});
-			}
-		},
-		{
-			accessorKey: "total_billed",
-			header: () => /* @__PURE__ */ y("div", {
-				className: "ttw:text-right",
-				children: T._("Billed amount")
-			}),
-			cell: ({ row: e }) => {
-				let t = q.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ y("div", {
-					className: "ttw:text-right",
-					children: K ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
-				});
-			}
-		},
-		{
-			id: "total_received",
-			header: () => /* @__PURE__ */ y("div", {
-				className: "ttw:text-right",
-				children: T._("Received amount")
-			}),
-			cell: ({ row: e }) => {
-				let t = (q.get(e.original.id) ?? 0) - (X.get(e.original.id) ?? 0);
-				return /* @__PURE__ */ y("div", {
-					className: "ttw:text-right",
-					children: Y || K ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
-				});
-			}
-		},
-		{
-			id: "total_due",
-			header: () => /* @__PURE__ */ y("div", {
-				className: "ttw:text-right",
-				children: T._("Amount due")
-			}),
-			cell: ({ row: e }) => {
-				let t = X.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ y("div", {
-					className: "ttw:text-right",
-					children: Y ? /* @__PURE__ */ y(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : D(t, "USD")
-				});
-			}
-		}
-	], [
-		T,
-		W,
-		q,
-		X,
-		D
-	]);
-	if (!L) return /* @__PURE__ */ y(te, {});
-	let Q = Object.keys(M).some((e) => M[e] !== null && M[e] !== void 0), $ = !!M[l];
-	return /* @__PURE__ */ y("div", {
-		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-		children: /* @__PURE__ */ y(ne, {
-			columns: oe,
-			data: R?.data ?? [],
-			sorting: Z,
-			onSortingChange: ie,
-			pageSize: A,
-			onPageSizeChange: j,
-			nextPaginationToken: R?.next_pagination_token ?? void 0,
-			prevPaginationToken: R?.prev_pagination_token ?? void 0,
-			onPaginationTokenChange: k,
-			onRowClick: (e) => {
-				p() || a?.(e.id);
-			},
-			filterComponent: /* @__PURE__ */ y(u, {
-				isDisabled: !Q && !$ && !R?.data?.length,
-				onChangeFilter: ae
-			}),
-			children: /* @__PURE__ */ y(f, {
-				noDataTitle: T._("No customers yet"),
-				noDataDescription1: T._("You don't have any customers yet."),
-				filterTitle: T._("No customers found"),
-				isLoading: z,
-				dataLength: R?.data.length || 0,
-				isFiltering: Q,
-				isSearching: $,
-				isError: V,
-				onCreate: () => w?.(!0),
-				refetch: B,
-				entityName: T._("Customer"),
-				actionButtonLabel: T._("Create new")
-			})
-		})
-	});
-};
-//#endregion
-export { S as CustomersTable };
+import "./index56.js";
+import "./index58.js";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";