@tesouro/embedded-components-react 0.2.325 → 0.2.326

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

@@ -1,31 +1,44 @@
-import { DataGridEmptyState as e } from "./index235.js";
-import "./index236.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
+import { Input as e } from "./index89.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index101.js";
+import { FILTER_TYPE_SEARCH as o, FILTER_TYPE_TYPE as s } from "./index236.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js
-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;
+var d = ({ onChangeFilter: d, isDisabled: f }) => {
+	let { i18n: p } = u();
+	return /* @__PURE__ */ l("div", {
+		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4 ttw:px-4",
+		children: [/* @__PURE__ */ c(e, {
+			className: "ttw:max-w-100 ttw:w-full",
+			placeholder: p._("Search by name"),
+			onChange: (e) => {
+				d(o, e.target.value);
+			},
+			disabled: f
+		}), /* @__PURE__ */ l(t, {
+			defaultValue: "all",
+			onValueChange: (e) => {
+				d(s, e);
+			},
+			children: [/* @__PURE__ */ c(i, {
+				className: "ttw:max-w-40 ttw:w-full",
+				children: /* @__PURE__ */ c(a, {})
+			}), /* @__PURE__ */ l(n, { children: [
+				/* @__PURE__ */ c(r, {
+					value: "all",
+					children: p._("All types")
+				}),
+				/* @__PURE__ */ c(r, {
+					value: "individual",
+					children: p._("Individuals")
+				}),
+				/* @__PURE__ */ c(r, {
+					value: "organization",
+					children: p._("Companies")
+				})
+			] })]
+		})]
+	});
 };
 //#endregion
-export { r as GetNoRowsOverlay };
+export { d as CounterpartTableFilters };

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

@@ -1,43 +1,81 @@
-import { useDialog as e } from "./index201.js";
-import "./index202.js";
-import { CenteredContentBox as t } from "./index203.js";
-import "./index204.js";
-import { IconWrapper as n } from "./index205.js";
-import "./index206.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 { useCounterpartById as e } from "./index48.js";
+import { getCounterpartName as t } from "./index53.js";
+import "./index138.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Avatar as i, Skeleton as a, Stack as o, Typography as s } from "@mui/material";
 import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index238.js
-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
-				})]
+var l = (e) => {
+	let t = 0;
+	for (let n = e.length - 1; n >= 0; n--) t += e.charCodeAt(n);
+	return t % 5;
+}, u = ({ name: e, country: t, city: u, isLoading: d }) => {
+	let { i18n: f } = c();
+	!e && !d && (e = f._("Unspecified"));
+	let p = e.split(" "), m = (p.length >= 2 ? p[0][0] + p[p.length - 1][0] : e[0] || "").toUpperCase();
+	return /* @__PURE__ */ r(o, {
+		className: "Monite-CounterpartCell",
+		direction: "row",
+		alignItems: "center",
+		spacing: 1.5,
+		justifyContent: "stretch",
+		sx: {
+			maxWidth: "100%",
+			overflow: "hidden"
+		},
+		children: [d ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			variant: "circular",
+			width: 40,
+			height: 40,
+			sx: { flexShrink: 0 }
+		}) : /* @__PURE__ */ n(i, {
+			className: "MuiAvatar-colored MuiAvatar-" + l(m),
+			children: m
+		}), d || !e ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			height: 10,
+			width: "100%",
+			sx: {
+				flexShrink: 0,
+				minWidth: "4em"
+			}
+		}) : /* @__PURE__ */ r(o, {
+			direction: "column",
+			alignItems: "stretch",
+			gap: 0,
+			sx: {
+				maxWidth: "100%",
+				flexBasis: 0,
+				flexShrink: 2,
+				flexGrow: 2,
+				overflow: "hidden"
+			},
+			children: [/* @__PURE__ */ n(s, {
+				variant: "body1",
+				className: "Monite-TextOverflowContainer",
+				children: e
+			}), t && u && /* @__PURE__ */ r(s, {
+				variant: "body2",
+				className: "Monite-TextOverflowContainer",
+				children: [
+					t,
+					" • ",
+					u
+				]
 			})]
-		})
-	})] });
+		})]
+	});
+}, d = ({ counterpartId: r }) => {
+	let { data: i, isLoading: o } = e(r), s = i ? t(i) : "";
+	return o ? /* @__PURE__ */ n(a, {
+		animation: "wave",
+		height: 26,
+		width: "100%"
+	}) : s ? /* @__PURE__ */ n("span", { children: s }) : /* @__PURE__ */ n("span", {
+		style: { opacity: .4 },
+		children: "-"
+	});
 };
 //#endregion
-export { l as AccessRestriction };
+export { u as CounterPartCellByData, d as CounterpartNameCellById, l as calculateAvatarColorIndex };

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

@@ -1,4 +1,62 @@
-import "./index56.js";
-import "./index58.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
+import { Button as e } from "./index56.js";
+import { CenteredContentBox as t } from "./index203.js";
+import "./index204.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/index239.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/index240.js

@@ -1,2 +1 @@
-import "./index238.js";
 import "./index239.js";

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

@@ -1,52 +1,31 @@
-import { cn as e } from "./index49.js";
-import "react";
+import { DataGridEmptyState as e } from "./index239.js";
+import "./index240.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/index241.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
-	});
-}
+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 { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };
+export { r as GetNoRowsOverlay };

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

@@ -1,125 +1,43 @@
-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 "./index241.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 { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { CenteredContentBox as t } from "./index203.js";
+import "./index204.js";
+import { IconWrapper as n } from "./index205.js";
+import "./index206.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/index242.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"
-						})
-					] })]
+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
 				})]
-			}),
-			/* @__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" })
-		})]
-	});
-}
+};
 //#endregion
-export { D as DataTable, O as SortableHeader };
+export { l as AccessRestriction };

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

@@ -1,7 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index243.js
-function e() {
-	let e = window.getSelection();
-	return !!e && !!e.toString();
-}
-//#endregion
-export { e as hasSelectedText };
+import "./index56.js";
+import "./index58.js";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";