@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,84 +1,217 @@
 import { useMoniteContext as e } from "./index47.js";
-import { useRootElements as t } from "./index178.js";
-import "./index179.js";
-import { FilterContainer as n } from "./index336.js";
-import { counterpartsToSelect as r } from "./index371.js";
-import { SearchField as i } from "./index442.js";
-import "./index443.js";
-import { formatISO as a } from "date-fns";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { FormControl as c, MenuItem as l, Select as u } from "@mui/material";
-import { useLingui as d } from "@lingui/react";
-import { DatePicker as f } from "@mui/x-date-pickers";
-import p from "@mui/icons-material/CalendarToday";
+import { useCurrencies as t } from "./index63.js";
+import { MoniteScopedProviders as n } from "./index209.js";
+import { Skeleton as r } from "./index54.js";
+import { useInvoicesFilter as i } from "./index140.js";
+import { useGetReceivables as a } from "./index156.js";
+import { isSortableColumn as o } from "./index231.js";
+import "./index232.js";
+import { InvoiceStatusChip as s } from "./index233.js";
+import { GetNoRowsOverlay as c } from "./index241.js";
+import { DataTable as l, SortableHeader as u } from "./index246.js";
+import { DueDateCell as d } from "./index431.js";
+import "./index432.js";
+import { InvoicesCounterpartCell as f } from "./index440.js";
+import { InvoiceRecurrenceStatusChip as p } from "./index441.js";
+import { InvoicesFilterBar as m } from "./index442.js";
+import { InvoiceStatusCardsFilter as h } from "./index443.js";
+import { useEffect as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
+import S from "@mui/icons-material/Sync";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index444.js
-var m = ({ onChange: m, filters: h }) => {
-	let { i18n: g } = d(), { root: _ } = t(), { api: v } = e(), { data: y } = v.finops.getCounterparts.useQuery();
-	return /* @__PURE__ */ s(n, {
-		className: "Monite-ReceivableFilters",
-		searchField: /* @__PURE__ */ o(i, {
-			placeholder: g._("Search"),
-			onChange: (e) => {
-				m("document_id__contains", e ?? void 0);
+var C = (e) => /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(w, { ...e }) }), w = ({ initialCounterpartId: n, onRowClick: r, setIsCreateInvoiceDialogOpen: p, query: C }) => {
+	let { locale: w, componentSettings: E } = e(), { i18n: D } = x(), [O, k] = _(void 0), [A, j] = _(E.receivables.pageSizeOptions?.[0] ?? 10), [M, N] = _({
+		field: C?.sort ?? "due_date",
+		sort: C?.order ?? "desc"
+	}), { formatCurrencyToDisplay: P } = t(), F = i({ initialCounterpartId: n }), [I, L] = _("");
+	g(() => {
+		let e = setTimeout(() => L(F.state.search), 300);
+		return () => clearTimeout(e);
+	}, [F.state.search]), g(() => {
+		k(void 0);
+	}, [F.queryParams]);
+	let { data: R, isLoading: z, isError: B, refetch: V } = a({
+		sort: M?.field,
+		order: M?.sort,
+		limit: A,
+		pagination_token: O,
+		type: "invoice",
+		...F.queryParams,
+		search_text: I || F.queryParams.search_text || void 0
+	}), H = M ? [{
+		id: M.field,
+		desc: M.sort === "desc"
+	}] : [], U = (e) => {
+		let t = typeof e == "function" ? e(H) : e;
+		t.length > 0 && o(t[0].id) ? N({
+			field: t[0].id,
+			sort: t[0].desc ? "desc" : "asc"
+		}) : N({
+			field: C?.sort ?? "due_date",
+			sort: C?.order ?? "desc"
+		}), k(void 0);
+	}, W = [
+		{
+			accessorKey: "due_date",
+			header: ({ column: e }) => /* @__PURE__ */ y(u, {
+				column: e,
+				title: D._("Due date"),
+				ariaLabel: D._("Sort by due date")
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ y(d, { data: e.original })
+		},
+		{
+			accessorKey: "status",
+			header: ({ column: e }) => /* @__PURE__ */ y(u, {
+				column: e,
+				title: D._("Status"),
+				ariaLabel: D._("Sort by status")
+			}),
+			cell: ({ row: e }) => {
+				if (e.original.type === "invoice" && e.original.status !== "recurring") return /* @__PURE__ */ y(s, {
+					status: e.original.status,
+					dotSize: "small"
+				});
+				if (e.original.type === "invoice" && e.original.status === "recurring") return /* @__PURE__ */ y(T, { recurrenceId: e.original.recurrence_id ?? "" });
 			}
-		}),
-		children: [h.some((e) => e.field === "counterpart_id") && /* @__PURE__ */ o(c, {
-			variant: "standard",
-			fullWidth: !0,
-			className: "Monite-ReceivableCounterpartFilter Monite-FilterControl",
-			children: /* @__PURE__ */ s(u, {
-				labelId: "counterpart_id",
-				label: g._("Customer"),
-				defaultValue: void 0,
-				MenuProps: { container: _ },
-				displayEmpty: !0,
-				onChange: (e) => {
-					m("counterpart_id", e.target.value || void 0);
-				},
-				children: [/* @__PURE__ */ o(l, {
-					value: void 0,
-					children: g._("All customers")
-				}), r(y?.data ?? []).sort((e, t) => e.label.localeCompare(t.label)).map(({ value: e, label: t }) => /* @__PURE__ */ o(l, {
-					value: e,
-					children: t
-				}, e))]
+		},
+		{
+			accessorKey: "document_id",
+			header: ({ column: e }) => /* @__PURE__ */ y(u, {
+				column: e,
+				title: D._("Number"),
+				ariaLabel: D._("Sort by number")
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original.document_id;
+				return e.original.status === "recurring" ? /* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-inherit",
+					children: [/* @__PURE__ */ y(S, {
+						sx: { fontSize: "inherit" },
+						color: "inherit"
+					}), t || D._("Recurring")]
+				}) : t || D._("INV-auto");
+			}
+		},
+		{
+			accessorKey: "counterpart_name",
+			header: D._("Customer"),
+			cell: ({ row: e }) => /* @__PURE__ */ y(f, {
+				counterpartName: e.original.counterpart_name,
+				counterpartId: e.original.counterpart_id
 			})
-		}), h.some((e) => e.field === "due_date__lte") && /* @__PURE__ */ o(f, {
-			className: "Monite-ReceivableDueDateFilter Monite-FilterControl Monite-DateFilterControl",
-			views: [
-				"year",
-				"month",
-				"day"
-			],
-			slots: { openPickerIcon: p },
-			onChange: (e, t) => {
-				if (!t.validationError) {
-					if (e == null) return void m("due_date__lte", void 0);
-					m("due_date__lte", a(new Date(e), { representation: "date" }));
-				}
-			},
-			slotProps: {
-				textField: {
-					variant: "standard",
-					placeholder: "Due date",
-					InputProps: { sx: {
-						"&::placeholder": {
-							opacity: 1,
-							color: "text.primary"
-						},
-						"& input::placeholder": {
-							opacity: 1,
-							color: "text.primary"
-						}
-					} }
-				},
-				popper: { container: _ },
-				dialog: { container: _ },
-				actionBar: { actions: ["clear", "today"] },
-				openPickerIcon: { fontSize: "small" }
+		},
+		{
+			accessorKey: "issue_date",
+			header: ({ column: e }) => /* @__PURE__ */ y(u, {
+				column: e,
+				title: D._("Issue date"),
+				ariaLabel: D._("Sort by issue date")
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original.issue_date;
+				return t ? D.date(t, w.dateFormat) : "—";
 			}
-		})]
-	});
+		},
+		{
+			accessorKey: "total_amount",
+			header: ({ column: e }) => /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ y(u, {
+					column: e,
+					title: D._("Amount"),
+					ariaLabel: D._("Sort by amount")
+				})
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original.total_amount;
+				return /* @__PURE__ */ y("div", {
+					className: "ttw:text-right",
+					children: t ? P(t, e.original.currency) : ""
+				});
+			}
+		}
+	], G = F.activeFilterCount > 0, K = !!I;
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(h, {
+		selectedStatus: F.state.status.length === 0 ? null : F.state.status[0],
+		onChangeFilter: (e) => F.setState((t) => ({
+			...t,
+			status: e ? [e] : []
+		}))
+	}), /* @__PURE__ */ y(l, {
+		columns: W,
+		data: R?.data ?? [],
+		sorting: H,
+		onSortingChange: U,
+		pageSize: A,
+		onPageSizeChange: j,
+		nextPaginationToken: R?.next_pagination_token ?? void 0,
+		prevPaginationToken: R?.prev_pagination_token ?? void 0,
+		onPaginationTokenChange: k,
+		onRowClick: (e) => r?.(e.id),
+		rowLabel: D._("invoices"),
+		filterComponent: /* @__PURE__ */ y(m, {
+			searchValue: F.state.search,
+			onSearchChange: (e) => F.setState((t) => ({
+				...t,
+				search: e
+			})),
+			activeFilterCount: F.activeFilterCount,
+			activeChips: F.activeChips,
+			onDismissChip: F.clearFilter,
+			onClearAll: F.clearAll,
+			activeDateFields: F.state.activeDateFields,
+			onDateFieldRangeChange: (e, { from: t, to: n }) => F.setDateFieldRange(e, t, n),
+			onDateFieldPresetChange: F.setDateFieldPreset,
+			allPresets: F.datePresets,
+			statusOptions: F.statusOptions,
+			selectedStatus: F.state.status,
+			onStatusChange: (e) => F.setState((t) => ({
+				...t,
+				status: e
+			})),
+			amountMode: F.state.amountMode,
+			onAmountModeChange: (e) => F.setState((t) => ({
+				...t,
+				amountMode: e
+			})),
+			amountMin: F.state.amountMin,
+			amountMax: F.state.amountMax,
+			onAmountMinChange: (e) => F.setState((t) => ({
+				...t,
+				amountMin: e
+			})),
+			onAmountMaxChange: (e) => F.setState((t) => ({
+				...t,
+				amountMax: e
+			})),
+			customerName: F.state.customerName,
+			onCustomerNameChange: (e) => F.setState((t) => ({
+				...t,
+				customerName: e
+			}))
+		}),
+		children: /* @__PURE__ */ y(c, {
+			isLoading: z,
+			dataLength: R?.data.length || 0,
+			isFiltering: G,
+			isSearching: K,
+			isError: B,
+			onCreate: () => p?.(!0),
+			refetch: V,
+			entityName: D._("Invoices"),
+			actionButtonLabel: D._("Create Invoice"),
+			actionOptions: [D._("Invoice")],
+			type: "no-data"
+		})
+	})] });
+}, T = ({ recurrenceId: t }) => {
+	let { api: n } = e(), { data: i, isLoading: a } = n.finops.getRecurrencesId.useQuery({ path: { recurrence_id: t } });
+	return a ? /* @__PURE__ */ y(r, { className: "ttw:w-full ttw:inline-block" }) : i?.status ? /* @__PURE__ */ y(p, {
+		status: i.status,
+		dotSize: "small"
+	}) : null;
 };
 //#endregion
-export { m as ReceivableFilters };
+export { C as InvoicesTable };

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

@@ -1,16 +1,42 @@
+import { useDebounceCallback as e } from "./index185.js";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { FormControl as r, Input as i, InputAdornment as a, InputLabel as o } from "@mui/material";
+import s from "@mui/icons-material/Search";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js
-var e = Object.values({
-	counterpart_name: "counterpart_name",
-	counterpart_id: "counterpart_id",
-	amount: "amount",
-	status: "status",
-	due_date: "due_date",
-	issue_date: "issue_date",
-	document_id: "document_id",
-	created_at: "created_at",
-	project_id: "project_id",
-	total_amount: "total_amount",
-	discounted_subtotal: "discounted_subtotal"
-});
+var c = ({ label: c, value: l, placeholder: u, onChange: d }) => {
+	let f = e((e) => d(e), 500);
+	return /* @__PURE__ */ n(r, {
+		"aria-label": "search-by-name",
+		className: "Monite-SearchField Monite-FilterControl",
+		children: [c && /* @__PURE__ */ t(o, {
+			htmlFor: "search-by-name",
+			shrink: !0,
+			children: c
+		}), /* @__PURE__ */ t(i, {
+			id: "search-by-name",
+			name: "search-by-name",
+			"aria-label": "search-by-name",
+			placeholder: u,
+			value: l,
+			onChange: (e) => {
+				f(e.target.value || null);
+			},
+			startAdornment: /* @__PURE__ */ t(a, {
+				position: "end",
+				children: /* @__PURE__ */ t(s, { fontSize: "medium" })
+			}),
+			sx: {
+				"&::placeholder": {
+					opacity: 1,
+					color: "text.primary"
+				},
+				"& input::placeholder": {
+					opacity: 1,
+					color: "text.primary"
+				}
+			}
+		})]
+	});
+};
 //#endregion
-export { e as ReceivableCursorFields };
+export { c as SearchField };

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

@@ -1,188 +1 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useCurrencies as n } from "./index63.js";
-import { useAreCounterpartsLoading as r, useAutosizeGridColumns as i } from "./index182.js";
-import { MoniteScopedProviders as a } from "./index209.js";
-import { useGetReceivables as o } from "./index156.js";
-import { useReceivablesFilters as s } from "./index124.js";
-import "./index194.js";
-import { InvoiceStatusChip as c } from "./index229.js";
-import { CounterpartNameCellById as l } from "./index234.js";
-import { DataGridEmptyState as u } from "./index235.js";
-import "./index236.js";
-import { GetNoRowsOverlay as d } from "./index237.js";
-import { hasSelectedText as f } from "./index243.js";
-import "./index331.js";
-import { TablePagination as p } from "./index333.js";
-import { classNames as m } from "./index335.js";
-import { DueDateCell as h } from "./index427.js";
-import "./index428.js";
-import { ReceivableFilters as g } from "./index444.js";
-import { ReceivableCursorFields as _ } from "./index445.js";
-import { useMemo as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { Box as S, Stack as C, Typography as w } from "@mui/material";
-import { useLingui as T } from "@lingui/react";
-import { DataGrid as E } from "@mui/x-data-grid";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index446.js
-var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }), O = ({ onRowClick: a, onChangeSort: D, setIsCreateInvoiceDialogOpen: O, query: k, filters: A }) => {
-	let { i18n: j } = T(), { locale: M, componentSettings: N } = t(), [P, F] = y(void 0), [I, L] = y(N.receivables.pageSizeOptions?.[0] ?? 10), [R, z] = y({
-		field: k?.sort ?? "created_at",
-		sort: k?.order ?? "desc"
-	}), { formatCurrencyToDisplay: B } = n(), { onChangeFilter: V, filters: H, filtersQuery: U } = s([
-		"document_id__contains",
-		"status",
-		"counterpart_id"
-	].filter((e) => A?.includes(e) ?? !0), k), { data: W, isLoading: G, isError: K, refetch: q } = o({
-		...U,
-		sort: R?.field,
-		order: R?.sort,
-		limit: I,
-		pagination_token: P,
-		type: "quote"
-	}), J = (e) => {
-		let t = e[0];
-		z(t), F(void 0), D?.(t);
-	}, Y = Object.keys(H).some((e) => H[e] !== null && H[e] !== void 0), X = !!H.document_id__contains, Z = r(W?.data), Q = v(() => [
-		{
-			field: "document_id",
-			headerName: j._("Number"),
-			width: 100,
-			display: "flex",
-			renderCell: ({ value: e }) => /* @__PURE__ */ b(C, {
-				direction: "column",
-				alignItems: "flex-start",
-				gap: .5,
-				sx: {
-					maxWidth: "100%",
-					"& > *": { maxWidth: "100%" }
-				},
-				children: /* @__PURE__ */ b(w, {
-					variant: "body1",
-					className: "Monite-TextOverflowContainer",
-					children: e || j._("INV-auto")
-				})
-			})
-		},
-		{
-			field: "status",
-			headerName: j._("Status"),
-			width: 140,
-			renderCell: (e) => /* @__PURE__ */ b(c, { status: e.value })
-		},
-		{
-			field: "created_at",
-			headerName: j._("Created on"),
-			width: 140,
-			valueFormatter: (e) => e ? j.date(e, M.dateFormat) : "—"
-		},
-		{
-			field: "issue_date",
-			headerName: j._("Issue Date"),
-			width: 120,
-			valueFormatter: (e) => e && j.date(e, M.dateFormat)
-		},
-		{
-			field: "counterpart_name",
-			sortable: _.includes("counterpart_name"),
-			headerName: j._("Customer"),
-			width: 250,
-			display: "flex",
-			renderCell: (e) => /* @__PURE__ */ b(l, { counterpartId: e.row.counterpart_id })
-		},
-		{
-			field: "expiry_date",
-			sortable: !1,
-			headerName: j._("Due date"),
-			width: 120,
-			valueFormatter: (e) => e && j.date(e, M.dateFormat),
-			renderCell: (e) => /* @__PURE__ */ b(h, { data: e.row })
-		},
-		{
-			field: "amount",
-			headerName: j._("Amount"),
-			headerAlign: "right",
-			align: "right",
-			sortable: _.includes("amount"),
-			width: 120,
-			valueGetter: (e, t) => {
-				let n = t.total_amount;
-				return n ? B(n, t.currency) : "";
-			}
-		}
-	], [
-		M.dateFormat,
-		B,
-		j
-	]), $ = i(W?.data, Q, Z, "QuotesTable");
-	return !G && W?.data.length === 0 && !Y && !X ? /* @__PURE__ */ b(u, {
-		title: j._("No Quotes"),
-		descriptionLine1: j._("You don't have any quotes yet."),
-		actionButtonLabel: j._("Create Quote"),
-		actionOptions: [j._("Invoice")],
-		onAction: (e) => {
-			e === j._("Invoice") && O?.(!0);
-		},
-		type: "no-data"
-	}) : /* @__PURE__ */ x(S, {
-		className: m(e, "Monite-QuotesTable"),
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			overflow: "hidden",
-			height: "inherit",
-			minHeight: "500px",
-			paddingTop: 2
-		},
-		children: [/* @__PURE__ */ b(g, {
-			onChange: V,
-			filters: H
-		}), /* @__PURE__ */ b(E, {
-			initialState: { sorting: { sortModel: [R] } },
-			apiRef: $,
-			rowSelection: !1,
-			disableColumnFilter: !0,
-			loading: G,
-			onSortModelChange: J,
-			onRowClick: (e) => {
-				f() || a?.(e.row.id);
-			},
-			slots: {
-				pagination: () => /* @__PURE__ */ b(p, {
-					pageSizeOptions: N.receivables.pageSizeOptions,
-					paginationLayout: N.receivables.paginationLayout,
-					navigationPosition: N.receivables.navigationPosition,
-					pageSizePosition: N.receivables.pageSizePosition,
-					nextPage: W?.next_pagination_token,
-					prevPage: W?.prev_pagination_token,
-					paginationModel: {
-						pageSize: I,
-						page: P
-					},
-					onPaginationModelChange: ({ page: e, pageSize: t }) => {
-						L(t), F(e ?? void 0);
-					}
-				}),
-				noRowsOverlay: () => /* @__PURE__ */ b(d, {
-					isLoading: G,
-					dataLength: W?.data.length || 0,
-					isFiltering: Y,
-					isSearching: X,
-					isError: K,
-					refetch: q,
-					entityName: j._("Quotes"),
-					actionButtonLabel: j._("Create Quote"),
-					actionOptions: [j._("Invoice")],
-					onCreate: (e) => {
-						e === j._("Invoice") && O?.(!0);
-					},
-					type: "no-data"
-				})
-			},
-			columns: Q,
-			rows: W?.data || []
-		})]
-	});
-};
-//#endregion
-export { D as QuotesTable };
+import "./index445.js";