@tesouro/embedded-components-react 0.2.241 → 0.2.242

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

@@ -1,16 +1,71 @@
+import { useCurrencies as e } from "./index63.js";
+import { Skeleton as t } from "./index54.js";
+import { useGetReceivablesAnalytics as n } from "./index170.js";
+import { InvoiceStatusChip as r } from "./index227.js";
+import { StatusCard as i } from "./index417.js";
+import { useMemo as a } from "react";
+import { 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/index437.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 l = [
+	"draft",
+	"issued",
+	"overdue",
+	"partially_paid",
+	"paid",
+	"recurring",
+	"canceled",
+	"uncollectible"
+], u = ({ selectedStatus: u, onChangeFilter: d }) => {
+	let { i18n: f } = c(), { formatCurrencyToDisplay: p } = e(), { data: m, isLoading: h } = n({
+		dimension: "status",
+		metric: "id",
+		aggregation_function: "count",
+		type: "invoice"
+	}), { data: g, isLoading: _ } = n({
+		dimension: "status",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		type: "invoice"
+	}), v = a(() => m?.data?.reduce((e, t) => {
+		let n = t.dimension_value, r = t.metric_value;
+		return n && (e.statuses.push({
+			status: n,
+			count: r
+		}), n !== "recurring" && (e.totalCount += r)), e;
+	}, {
+		statuses: [],
+		totalCount: 0
+	}), [m]) ?? {
+		statuses: [],
+		totalCount: 0
+	}, y = a(() => new Map(g?.data?.map((e) => [e.dimension_value, e.metric_value]) ?? []), [g]);
+	if (h || _) return /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:gap-2",
+		children: Array.from({ length: 6 }).map((e, n) => /* @__PURE__ */ o(t, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, n))
+	});
+	let b = (e) => {
+		d(e === "all" ? void 0 : e);
+	}, x = (e) => p(e, "USD") ?? "—";
+	return /* @__PURE__ */ s("div", {
+		className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
+		children: [/* @__PURE__ */ o(i, {
+			isAllStatus: !0,
+			data: v.totalCount,
+			selected: u === null,
+			onClick: () => b("all"),
+			formatAmount: x,
+			allItemsText: f._("All invoices")
+		}), [...v.statuses].sort((e, t) => (l.indexOf(e.status) + 1 || Infinity) - (l.indexOf(t.status) + 1 || Infinity)).map((e) => /* @__PURE__ */ o(i, {
+			isAllStatus: !1,
+			data: y.get(e.status) ?? 0,
+			amountOfItems: e.count,
+			selected: u === e.status,
+			onClick: () => b(e.status),
+			formatAmount: x,
+			statusChip: /* @__PURE__ */ o(r, { status: e.status })
+		}, e.status))]
+	});
+};
 //#endregion
-export { e as ReceivableCursorFields };
+export { u as InvoiceStatusCardsFilter };

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

@@ -1,220 +1,16 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import { Button as n } from "./index56.js";
-import { MoniteScopedProviders as r } from "./index209.js";
-import { Skeleton as i } from "./index54.js";
-import { useInvoicesFilter as a } from "./index140.js";
-import { useGetReceivables as o } from "./index156.js";
-import { InvoiceStatusChip as s } from "./index226.js";
-import { GetNoRowsOverlay as c } from "./index234.js";
-import { DataTable as l } from "./index239.js";
-import { DueDateCell as u } from "./index423.js";
-import "./index424.js";
-import { InvoicesCounterpartCell as d } from "./index432.js";
-import { InvoiceRecurrenceStatusChip as f } from "./index434.js";
-import { InvoicesFilterBar as p } from "./index435.js";
-import { InvoiceStatusCardsFilter as m } from "./index436.js";
-import { ReceivableCursorFields as h } from "./index437.js";
-import { useEffect as g, useState as _ } from "react";
-import { ArrowDown as v, ArrowUp as y, ArrowUpDown as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
-import { useLingui as w } from "@lingui/react";
-import T from "@mui/icons-material/Sync";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index438.js
-var E = (e) => /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { ...e }) }), D = ({ initialCounterpartId: r, onRowClick: i, setIsCreateInvoiceDialogOpen: f, query: E }) => {
-	let { locale: D, componentSettings: k } = e(), { i18n: A } = w(), [j, M] = _(void 0), [N, P] = _(k.receivables.pageSizeOptions?.[0] ?? 10), [F, I] = _({
-		field: E?.sort ?? "due_date",
-		sort: E?.order ?? "desc"
-	}), { formatCurrencyToDisplay: L } = t(), R = a({ initialCounterpartId: r }), [z, B] = _("");
-	g(() => {
-		let e = setTimeout(() => B(R.state.search), 300);
-		return () => clearTimeout(e);
-	}, [R.state.search]), g(() => {
-		M(void 0);
-	}, [R.queryParams]);
-	let { data: V, isLoading: H, isError: U, refetch: W } = o({
-		sort: F?.field,
-		order: F?.sort,
-		limit: N,
-		pagination_token: j,
-		type: "invoice",
-		...R.queryParams,
-		search_text: z || R.queryParams.search_text || void 0
-	}), G = F ? [{
-		id: F.field,
-		desc: F.sort === "desc"
-	}] : [], K = (e) => {
-		let t = typeof e == "function" ? e(G) : e;
-		t.length > 0 ? I({
-			field: t[0].id,
-			sort: t[0].desc ? "desc" : "asc"
-		}) : I({
-			field: E?.sort ?? "due_date",
-			sort: E?.order ?? "desc"
-		}), M(void 0);
-	}, q = [
-		{
-			accessorKey: "due_date",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [A._("Due date"), /* @__PURE__ */ S(n, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: S(t === "asc" ? y : t === "desc" ? v : b, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => /* @__PURE__ */ S(u, { data: e.original }),
-			enableSorting: h.includes("due_date")
-		},
-		{
-			accessorKey: "status",
-			header: A._("Status"),
-			cell: ({ row: e }) => {
-				if (e.original.type === "invoice" && e.original.status !== "recurring") return /* @__PURE__ */ S(s, {
-					status: e.original.status,
-					dotSize: "small"
-				});
-				if (e.original.type === "invoice" && e.original.status === "recurring") return /* @__PURE__ */ S(O, { recurrenceId: e.original.recurrence_id ?? "" });
-			}
-		},
-		{
-			accessorKey: "document_id",
-			header: A._("Number"),
-			cell: ({ row: e }) => {
-				let t = e.original.document_id;
-				return e.original.status === "recurring" ? /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-inherit",
-					children: [/* @__PURE__ */ S(T, {
-						sx: { fontSize: "inherit" },
-						color: "inherit"
-					}), A._("Recurring")]
-				}) : t || A._("INV-auto");
-			}
-		},
-		{
-			accessorKey: "counterpart_name",
-			header: A._("Customer"),
-			cell: ({ row: e }) => /* @__PURE__ */ S(d, {
-				counterpartName: e.original.counterpart_name,
-				counterpartId: e.original.counterpart_id
-			})
-		},
-		{
-			accessorKey: "issue_date",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [A._("Issue date"), /* @__PURE__ */ S(n, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: S(t === "asc" ? y : t === "desc" ? v : b, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => {
-				let t = e.original.issue_date;
-				return t ? A.date(t, D.dateFormat) : "—";
-			},
-			enableSorting: h.includes("issue_date")
-		},
-		{
-			accessorKey: "total_amount",
-			header: () => /* @__PURE__ */ S("div", {
-				className: "ttw:text-right",
-				children: A._("Amount")
-			}),
-			cell: ({ row: e }) => {
-				let t = e.original.total_amount;
-				return /* @__PURE__ */ S("div", {
-					className: "ttw:text-right",
-					children: t ? L(t, e.original.currency) : ""
-				});
-			}
-		}
-	], J = R.activeFilterCount > 0, Y = !!z;
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, {
-		selectedStatus: R.state.status.length === 0 ? null : R.state.status[0],
-		onChangeFilter: (e) => R.setState((t) => ({
-			...t,
-			status: e ? [e] : []
-		}))
-	}), /* @__PURE__ */ S(l, {
-		columns: q,
-		data: V?.data ?? [],
-		sorting: G,
-		onSortingChange: K,
-		pageSize: N,
-		onPageSizeChange: P,
-		nextPaginationToken: V?.next_pagination_token ?? void 0,
-		prevPaginationToken: V?.prev_pagination_token ?? void 0,
-		onPaginationTokenChange: M,
-		onRowClick: (e) => i?.(e.id),
-		rowLabel: A._("invoices"),
-		filterComponent: /* @__PURE__ */ S(p, {
-			searchValue: R.state.search,
-			onSearchChange: (e) => R.setState((t) => ({
-				...t,
-				search: e
-			})),
-			activeFilterCount: R.activeFilterCount,
-			activeChips: R.activeChips,
-			onDismissChip: R.clearFilter,
-			onClearAll: R.clearAll,
-			activeDateFields: R.state.activeDateFields,
-			onDateFieldRangeChange: (e, { from: t, to: n }) => R.setDateFieldRange(e, t, n),
-			onDateFieldPresetChange: R.setDateFieldPreset,
-			allPresets: R.datePresets,
-			statusOptions: R.statusOptions,
-			selectedStatus: R.state.status,
-			onStatusChange: (e) => R.setState((t) => ({
-				...t,
-				status: e
-			})),
-			amountMode: R.state.amountMode,
-			onAmountModeChange: (e) => R.setState((t) => ({
-				...t,
-				amountMode: e
-			})),
-			amountMin: R.state.amountMin,
-			amountMax: R.state.amountMax,
-			onAmountMinChange: (e) => R.setState((t) => ({
-				...t,
-				amountMin: e
-			})),
-			onAmountMaxChange: (e) => R.setState((t) => ({
-				...t,
-				amountMax: e
-			})),
-			customerName: R.state.customerName,
-			onCustomerNameChange: (e) => R.setState((t) => ({
-				...t,
-				customerName: e
-			}))
-		}),
-		children: /* @__PURE__ */ S(c, {
-			isLoading: H,
-			dataLength: V?.data.length || 0,
-			isFiltering: J,
-			isSearching: Y,
-			isError: U,
-			onCreate: () => f?.(!0),
-			refetch: W,
-			entityName: A._("Invoices"),
-			actionButtonLabel: A._("Create Invoice"),
-			actionOptions: [A._("Invoice")],
-			type: "no-data"
-		})
-	})] });
-}, O = ({ recurrenceId: t }) => {
-	let { api: n } = e(), { data: r, isLoading: a } = n.finops.getRecurrencesId.useQuery({ path: { recurrence_id: t } });
-	return a ? /* @__PURE__ */ S(i, { className: "ttw:w-full ttw:inline-block" }) : r?.status ? /* @__PURE__ */ S(f, {
-		status: r.status,
-		dotSize: "small"
-	}) : null;
-};
+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 { E as InvoicesTable };
+export { e as ReceivableCursorFields };

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

@@ -1,42 +1,220 @@
-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";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import { Button as n } from "./index56.js";
+import { MoniteScopedProviders as r } from "./index209.js";
+import { Skeleton as i } from "./index54.js";
+import { useInvoicesFilter as a } from "./index140.js";
+import { useGetReceivables as o } from "./index156.js";
+import { InvoiceStatusChip as s } from "./index227.js";
+import { GetNoRowsOverlay as c } from "./index235.js";
+import { DataTable as l } from "./index240.js";
+import { DueDateCell as u } from "./index424.js";
+import "./index425.js";
+import { InvoicesCounterpartCell as d } from "./index433.js";
+import { InvoiceRecurrenceStatusChip as f } from "./index435.js";
+import { InvoicesFilterBar as p } from "./index436.js";
+import { InvoiceStatusCardsFilter as m } from "./index437.js";
+import { ReceivableCursorFields as h } from "./index438.js";
+import { useEffect as g, useState as _ } from "react";
+import { ArrowDown as v, ArrowUp as y, ArrowUpDown as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { useLingui as w } from "@lingui/react";
+import T from "@mui/icons-material/Sync";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index439.js
-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);
+var E = (e) => /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { ...e }) }), D = ({ initialCounterpartId: r, onRowClick: i, setIsCreateInvoiceDialogOpen: f, query: E }) => {
+	let { locale: D, componentSettings: k } = e(), { i18n: A } = w(), [j, M] = _(void 0), [N, P] = _(k.receivables.pageSizeOptions?.[0] ?? 10), [F, I] = _({
+		field: E?.sort ?? "due_date",
+		sort: E?.order ?? "desc"
+	}), { formatCurrencyToDisplay: L } = t(), R = a({ initialCounterpartId: r }), [z, B] = _("");
+	g(() => {
+		let e = setTimeout(() => B(R.state.search), 300);
+		return () => clearTimeout(e);
+	}, [R.state.search]), g(() => {
+		M(void 0);
+	}, [R.queryParams]);
+	let { data: V, isLoading: H, isError: U, refetch: W } = o({
+		sort: F?.field,
+		order: F?.sort,
+		limit: N,
+		pagination_token: j,
+		type: "invoice",
+		...R.queryParams,
+		search_text: z || R.queryParams.search_text || void 0
+	}), G = F ? [{
+		id: F.field,
+		desc: F.sort === "desc"
+	}] : [], K = (e) => {
+		let t = typeof e == "function" ? e(G) : e;
+		t.length > 0 ? I({
+			field: t[0].id,
+			sort: t[0].desc ? "desc" : "asc"
+		}) : I({
+			field: E?.sort ?? "due_date",
+			sort: E?.order ?? "desc"
+		}), M(void 0);
+	}, q = [
+		{
+			accessorKey: "due_date",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [A._("Due date"), /* @__PURE__ */ S(n, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: S(t === "asc" ? y : t === "desc" ? v : b, { className: "ttw:size-4" })
+					})]
+				});
 			},
-			startAdornment: /* @__PURE__ */ t(a, {
-				position: "end",
-				children: /* @__PURE__ */ t(s, { fontSize: "medium" })
+			cell: ({ row: e }) => /* @__PURE__ */ S(u, { data: e.original }),
+			enableSorting: h.includes("due_date")
+		},
+		{
+			accessorKey: "status",
+			header: A._("Status"),
+			cell: ({ row: e }) => {
+				if (e.original.type === "invoice" && e.original.status !== "recurring") return /* @__PURE__ */ S(s, {
+					status: e.original.status,
+					dotSize: "small"
+				});
+				if (e.original.type === "invoice" && e.original.status === "recurring") return /* @__PURE__ */ S(O, { recurrenceId: e.original.recurrence_id ?? "" });
+			}
+		},
+		{
+			accessorKey: "document_id",
+			header: A._("Number"),
+			cell: ({ row: e }) => {
+				let t = e.original.document_id;
+				return e.original.status === "recurring" ? /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-inherit",
+					children: [/* @__PURE__ */ S(T, {
+						sx: { fontSize: "inherit" },
+						color: "inherit"
+					}), A._("Recurring")]
+				}) : t || A._("INV-auto");
+			}
+		},
+		{
+			accessorKey: "counterpart_name",
+			header: A._("Customer"),
+			cell: ({ row: e }) => /* @__PURE__ */ S(d, {
+				counterpartName: e.original.counterpart_name,
+				counterpartId: e.original.counterpart_id
+			})
+		},
+		{
+			accessorKey: "issue_date",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [A._("Issue date"), /* @__PURE__ */ S(n, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: S(t === "asc" ? y : t === "desc" ? v : b, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => {
+				let t = e.original.issue_date;
+				return t ? A.date(t, D.dateFormat) : "—";
+			},
+			enableSorting: h.includes("issue_date")
+		},
+		{
+			accessorKey: "total_amount",
+			header: () => /* @__PURE__ */ S("div", {
+				className: "ttw:text-right",
+				children: A._("Amount")
 			}),
-			sx: {
-				"&::placeholder": {
-					opacity: 1,
-					color: "text.primary"
-				},
-				"& input::placeholder": {
-					opacity: 1,
-					color: "text.primary"
-				}
+			cell: ({ row: e }) => {
+				let t = e.original.total_amount;
+				return /* @__PURE__ */ S("div", {
+					className: "ttw:text-right",
+					children: t ? L(t, e.original.currency) : ""
+				});
 			}
-		})]
-	});
+		}
+	], J = R.activeFilterCount > 0, Y = !!z;
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, {
+		selectedStatus: R.state.status.length === 0 ? null : R.state.status[0],
+		onChangeFilter: (e) => R.setState((t) => ({
+			...t,
+			status: e ? [e] : []
+		}))
+	}), /* @__PURE__ */ S(l, {
+		columns: q,
+		data: V?.data ?? [],
+		sorting: G,
+		onSortingChange: K,
+		pageSize: N,
+		onPageSizeChange: P,
+		nextPaginationToken: V?.next_pagination_token ?? void 0,
+		prevPaginationToken: V?.prev_pagination_token ?? void 0,
+		onPaginationTokenChange: M,
+		onRowClick: (e) => i?.(e.id),
+		rowLabel: A._("invoices"),
+		filterComponent: /* @__PURE__ */ S(p, {
+			searchValue: R.state.search,
+			onSearchChange: (e) => R.setState((t) => ({
+				...t,
+				search: e
+			})),
+			activeFilterCount: R.activeFilterCount,
+			activeChips: R.activeChips,
+			onDismissChip: R.clearFilter,
+			onClearAll: R.clearAll,
+			activeDateFields: R.state.activeDateFields,
+			onDateFieldRangeChange: (e, { from: t, to: n }) => R.setDateFieldRange(e, t, n),
+			onDateFieldPresetChange: R.setDateFieldPreset,
+			allPresets: R.datePresets,
+			statusOptions: R.statusOptions,
+			selectedStatus: R.state.status,
+			onStatusChange: (e) => R.setState((t) => ({
+				...t,
+				status: e
+			})),
+			amountMode: R.state.amountMode,
+			onAmountModeChange: (e) => R.setState((t) => ({
+				...t,
+				amountMode: e
+			})),
+			amountMin: R.state.amountMin,
+			amountMax: R.state.amountMax,
+			onAmountMinChange: (e) => R.setState((t) => ({
+				...t,
+				amountMin: e
+			})),
+			onAmountMaxChange: (e) => R.setState((t) => ({
+				...t,
+				amountMax: e
+			})),
+			customerName: R.state.customerName,
+			onCustomerNameChange: (e) => R.setState((t) => ({
+				...t,
+				customerName: e
+			}))
+		}),
+		children: /* @__PURE__ */ S(c, {
+			isLoading: H,
+			dataLength: V?.data.length || 0,
+			isFiltering: J,
+			isSearching: Y,
+			isError: U,
+			onCreate: () => f?.(!0),
+			refetch: W,
+			entityName: A._("Invoices"),
+			actionButtonLabel: A._("Create Invoice"),
+			actionOptions: [A._("Invoice")],
+			type: "no-data"
+		})
+	})] });
+}, O = ({ recurrenceId: t }) => {
+	let { api: n } = e(), { data: r, isLoading: a } = n.finops.getRecurrencesId.useQuery({ path: { recurrence_id: t } });
+	return a ? /* @__PURE__ */ S(i, { className: "ttw:w-full ttw:inline-block" }) : r?.status ? /* @__PURE__ */ S(f, {
+		status: r.status,
+		dotSize: "small"
+	}) : null;
 };
 //#endregion
-export { c as SearchField };
+export { E as InvoicesTable };

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

@@ -1 +1,42 @@
-import "./index439.js";
+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/index440.js
+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 { c as SearchField };