@tesouro/embedded-components-react 0.3.55 → 0.3.58

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

@@ -1,16 +1,84 @@
+import { useMoniteContext as e } from "./index47.js";
+import { useRootElements as t } from "./index207.js";
+import "./index208.js";
+import { FilterContainer as n } from "./index346.js";
+import { counterpartsToSelect as r } from "./index381.js";
+import { SearchField as i } from "./index451.js";
+import "./index452.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.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 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);
+			}
+		}),
+		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))]
+			})
+		}), 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" }
+			}
+		})]
+	});
+};
 //#endregion
-export { e as ReceivableCursorFields };
+export { m as ReceivableFilters };

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

@@ -1,188 +1,16 @@
-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 "./index210.js";
-import { MoniteScopedProviders as a } from "./index237.js";
-import { useGetReceivables as o } from "./index160.js";
-import { useReceivablesFilters as s } from "./index128.js";
-import "./index222.js";
-import { InvoiceStatusChip as c } from "./index238.js";
-import { CounterpartNameCellById as l } from "./index243.js";
-import { DataGridEmptyState as u } from "./index244.js";
-import "./index245.js";
-import { GetNoRowsOverlay as d } from "./index246.js";
-import { hasSelectedText as f } from "./index252.js";
-import "./index340.js";
-import { TablePagination as p } from "./index342.js";
-import { classNames as m } from "./index344.js";
-import { DueDateCell as h } from "./index436.js";
-import "./index437.js";
-import { ReceivableFilters as g } from "./index452.js";
-import { ReceivableCursorFields as _ } from "./index453.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/index454.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 || []
-		})]
-	});
-};
+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"
+});
 //#endregion
-export { D as QuotesTable };
+export { e as ReceivableCursorFields };

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

@@ -1,52 +1,55 @@
 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 "./index210.js";
-import { MoniteScopedProviders as a } from "./index237.js";
-import { useGetReceivables as o } from "./index160.js";
-import { useReceivablesFilters as s } from "./index128.js";
-import "./index222.js";
-import { InvoiceStatusChip as c } from "./index238.js";
-import { CounterpartNameCellById as l } from "./index243.js";
-import { DataGridEmptyState as u } from "./index244.js";
-import "./index245.js";
-import { GetNoRowsOverlay as d } from "./index246.js";
-import { hasSelectedText as f } from "./index252.js";
-import "./index340.js";
-import { TablePagination as p } from "./index342.js";
-import { classNames as m } from "./index344.js";
-import { ReceivableFilters as h } from "./index452.js";
-import { ReceivableCursorFields as g } from "./index453.js";
-import { useMemo as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useAreCounterpartsLoading as r, useAutosizeGridColumns as i } from "./index211.js";
+import { MoniteScopedProviders as a } from "./index238.js";
+import { useGetReceivables as o } from "./index163.js";
+import { useReceivablesFilters as s } from "./index131.js";
+import "./index223.js";
+import { InvoiceStatusChip as c } from "./index239.js";
+import { CounterpartNameCellById as l } from "./index244.js";
+import { DataGridEmptyState as u } from "./index245.js";
+import "./index246.js";
+import { GetNoRowsOverlay as d } from "./index247.js";
+import { hasSelectedText as f } from "./index253.js";
+import "./index341.js";
+import { TablePagination as p } from "./index343.js";
+import { classNames as m } from "./index345.js";
+import { DueDateCell as h } from "./index437.js";
+import "./index438.js";
+import { ReceivableFilters as g } from "./index453.js";
+import { ReceivableCursorFields as _ } from "./index454.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/index455.js
-var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }), O = ({ onRowClick: a, setIsCreateInvoiceDialogOpen: D, query: O, filters: k }) => {
-	let { i18n: A } = T(), { locale: j, componentSettings: M } = t(), [N, P] = v(void 0), [F, I] = v(M.receivables.pageSizeOptions?.[0] ?? 10), [L, R] = v({
-		field: O?.sort ?? "created_at",
-		sort: O?.order ?? "desc"
-	}), { formatCurrencyToDisplay: z } = n(), { onChangeFilter: B, filters: V, filtersQuery: H } = s([
+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) => k?.includes(e) ?? !0), O), { data: U, isLoading: W, isError: G, refetch: K } = o({
-		...H,
-		sort: L?.field,
-		order: L?.sort,
-		limit: F,
-		pagination_token: N,
-		type: "credit_note"
-	}), q = (e) => {
-		R(e[0]), P(void 0);
-	}, J = r(U?.data), Y = _(() => [
+	].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: A._("Number"),
+			headerName: j._("Number"),
 			width: 100,
 			display: "flex",
-			renderCell: ({ value: e, row: t }) => /* @__PURE__ */ x(C, {
+			renderCell: ({ value: e }) => /* @__PURE__ */ b(C, {
 				direction: "column",
 				alignItems: "flex-start",
 				gap: .5,
@@ -54,61 +57,75 @@ var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }
 					maxWidth: "100%",
 					"& > *": { maxWidth: "100%" }
 				},
-				children: [/* @__PURE__ */ b(w, {
+				children: /* @__PURE__ */ b(w, {
 					variant: "body1",
 					className: "Monite-TextOverflowContainer",
-					children: e || A._("INV-auto")
-				}), /* @__PURE__ */ b(c, { status: t.status })]
+					children: e || j._("INV-auto")
+				})
 			})
 		},
+		{
+			field: "status",
+			headerName: j._("Status"),
+			width: 140,
+			renderCell: (e) => /* @__PURE__ */ b(c, { status: e.value })
+		},
 		{
 			field: "created_at",
-			headerName: A._("Created on"),
+			headerName: j._("Created on"),
 			width: 140,
-			valueFormatter: (e) => e ? A.date(e, j.dateFormat) : "—"
+			valueFormatter: (e) => e ? j.date(e, M.dateFormat) : "—"
 		},
 		{
 			field: "issue_date",
-			headerName: A._("Issue date"),
+			headerName: j._("Issue Date"),
 			width: 120,
-			valueFormatter: (e) => e && A.date(e, j.dateFormat)
+			valueFormatter: (e) => e && j.date(e, M.dateFormat)
 		},
 		{
 			field: "counterpart_name",
-			headerName: A._("Customer"),
-			sortable: g.includes("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: A._("Amount"),
+			headerName: j._("Amount"),
 			headerAlign: "right",
 			align: "right",
-			sortable: g.includes("amount"),
+			sortable: _.includes("amount"),
 			width: 120,
 			valueGetter: (e, t) => {
 				let n = t.total_amount;
-				return n && z(n, t.currency);
+				return n ? B(n, t.currency) : "";
 			}
 		}
 	], [
-		j.dateFormat,
-		z,
-		A
-	]), X = i(U?.data, Y, J, "CreditNotesTable"), Z = Object.keys(V).some((e) => V[e] !== null && V[e] !== void 0), Q = !!V.document_id__contains;
-	return !W && U?.data.length === 0 && !Z && !Q ? /* @__PURE__ */ b(u, {
-		title: A._("No Credit Notes"),
-		descriptionLine1: A._("You don't have any credit notes yet."),
-		actionButtonLabel: A._("Create Credit Note"),
-		actionOptions: [A._("Invoice")],
+		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 === A._("Invoice") && D?.(!0);
+			e === j._("Invoice") && O?.(!0);
 		},
 		type: "no-data"
-	}) : /* @__PURE__ */ b(y, { children: /* @__PURE__ */ x(S, {
-		className: m(e, "Monite-CreditNotesTable"),
+	}) : /* @__PURE__ */ x(S, {
+		className: m(e, "Monite-QuotesTable"),
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -117,53 +134,55 @@ var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }
 			minHeight: "500px",
 			paddingTop: 2
 		},
-		children: [/* @__PURE__ */ b(h, {
-			onChange: B,
-			filters: V
+		children: [/* @__PURE__ */ b(g, {
+			onChange: V,
+			filters: H
 		}), /* @__PURE__ */ b(E, {
-			initialState: { sorting: { sortModel: [L] } },
-			apiRef: X,
+			initialState: { sorting: { sortModel: [R] } },
+			apiRef: $,
 			rowSelection: !1,
 			disableColumnFilter: !0,
-			loading: W,
-			onSortModelChange: q,
+			loading: G,
+			onSortModelChange: J,
 			onRowClick: (e) => {
 				f() || a?.(e.row.id);
 			},
 			slots: {
 				pagination: () => /* @__PURE__ */ b(p, {
-					pageSizeOptions: M.receivables.pageSizeOptions,
-					paginationLayout: M.receivables.paginationLayout,
-					navigationPosition: M.receivables.navigationPosition,
-					pageSizePosition: M.receivables.pageSizePosition,
-					nextPage: U?.next_pagination_token,
-					prevPage: U?.prev_pagination_token,
+					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: F,
-						page: N
+						pageSize: I,
+						page: P
 					},
 					onPaginationModelChange: ({ page: e, pageSize: t }) => {
-						I(t), P(e ?? void 0);
+						L(t), F(e ?? void 0);
 					}
 				}),
 				noRowsOverlay: () => /* @__PURE__ */ b(d, {
-					isLoading: W,
-					dataLength: U?.data.length || 0,
-					isFiltering: Z,
-					isSearching: Q,
-					isError: G,
-					onCreate: () => D?.(!0),
-					refetch: K,
-					entityName: A._("Credit Notes"),
-					actionButtonLabel: A._("Create Credit Note"),
-					actionOptions: [A._("Invoice")],
+					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: Y,
-			rows: U?.data ?? []
+			columns: Q,
+			rows: W?.data || []
 		})]
-	}) });
+	});
 };
 //#endregion
-export { D as CreditNotesTable };
+export { D as QuotesTable };