@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,74 +1,23 @@
-import { useRootElements as e } from "./index178.js";
-import "./index179.js";
-import { APPROVAL_REQUEST_STATUSES as t, FILTER_TYPE_ADDED_BY as n, FILTER_TYPE_CURRENT_USER as r, FILTER_TYPE_STATUS as i } from "./index338.js";
-import { FilterContainer as a } from "./index340.js";
-import { getRowToStatusTextMap as o } from "./index341.js";
-import { AutocompleteCreatedBy as s } from "./index342.js";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { FormControl as u, FormControlLabel as d, InputLabel as f, MenuItem as p, Select as m, Switch as h } from "@mui/material";
-import { useLingui as g } from "@lingui/react";
-import { DatePicker as _ } from "@mui/x-date-pickers";
+import e from "@mui/icons-material/PaidOutlined";
+import t from "@mui/icons-material/Cancel";
+import n from "@mui/icons-material/DangerousOutlined";
+import r from "@mui/icons-material/HourglassEmpty";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index343.js
-var v = ({ onChangeFilter: v, sx: y }) => {
-	let { i18n: b } = g(), { root: x } = e();
-	return /* @__PURE__ */ l(a, {
-		className: "Monite-ApprovalRequestsFilters",
-		sx: y,
-		children: [
-			/* @__PURE__ */ l(u, {
-				variant: "standard",
-				fullWidth: !0,
-				className: "Monite-ApprovalStatusFilter Monite-FilterControl",
-				children: [/* @__PURE__ */ c(f, {
-					id: "status",
-					children: b._("Status")
-				}), /* @__PURE__ */ c(m, {
-					labelId: "status",
-					label: b._("Status"),
-					defaultValue: "all",
-					MenuProps: { container: x },
-					onChange: (e) => {
-						v(i, e && e.target.value);
-					},
-					children: [{
-						label: b._("All invoices"),
-						value: "all"
-					}, ...Object.values(t).map((e) => ({
-						label: o(b)[e],
-						value: e
-					}))].map(({ label: e, value: t }) => /* @__PURE__ */ c(p, {
-						value: t,
-						children: e
-					}, t))
-				})]
-			}),
-			/* @__PURE__ */ c(s, { onChange: (e) => v(n, e || null) }),
-			/* @__PURE__ */ c(_, {
-				label: b._("Requested on"),
-				className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl",
-				onChange: (e, t) => {
-					t.validationError || v("created_at", e);
-				},
-				slotProps: {
-					textField: { variant: "standard" },
-					popper: { container: x },
-					dialog: { container: x },
-					actionBar: { actions: ["clear", "today"] }
-				},
-				views: [
-					"year",
-					"month",
-					"day"
-				]
-			}),
-			/* @__PURE__ */ c(d, {
-				control: /* @__PURE__ */ c(h, {}),
-				className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl",
-				label: b._("Only my approvals"),
-				onChange: (e, t) => v(r, t)
-			})
-		]
-	});
-};
+var i = [
+	"waiting",
+	"approved",
+	"rejected",
+	"canceled"
+], a = {
+	approved: "success",
+	canceled: "secondary",
+	rejected: "error",
+	waiting: "warning"
+}, o = {
+	approved: e,
+	canceled: t,
+	rejected: n,
+	waiting: r
+}, s = "status", c = "created_at", l = "created_by", u = "current_user";
 //#endregion
-export { v as ApprovalRequestsFilter };
+export { i as APPROVAL_REQUEST_STATUSES, o as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP, l as FILTER_TYPE_ADDED_BY, c as FILTER_TYPE_CREATED_AT, u as FILTER_TYPE_CURRENT_USER, s as FILTER_TYPE_STATUS, a as ROW_TO_STATUS_MUI_MAP };

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

@@ -1,28 +1,8 @@
-import { APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as e, ROW_TO_STATUS_MUI_MAP as t } from "./index338.js";
-import { getRowToStatusTextMap as n } from "./index341.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { Chip as i } from "@mui/material";
-import { useLingui as a } from "@lingui/react";
-import { styled as o, useThemeProps as s } from "@mui/material/styles";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index344.js
-var c = ({ ref: i, ...o }) => {
-	let { status: c, icon: u, size: d, variant: f } = s({
-		props: o,
-		name: "MoniteApprovalRequestStatusChip"
-	}), { i18n: p } = a(), m = e[c];
-	return /* @__PURE__ */ r(l, {
-		ref: i,
-		color: t[c],
-		icon: u && m ? /* @__PURE__ */ r(m, { fontSize: "small" }) : void 0,
-		label: n(p)[c],
-		size: d,
-		status: c,
-		variant: f ?? "filled"
-	});
-}, l = o(i, {
-	name: "MoniteApprovalRequestStatusChip",
-	slot: "root",
-	shouldForwardProp: () => !0
-})({});
+function e(...e) {
+	let t = "";
+	for (let n of e) n && (t += n + " ");
+	return t;
+}
 //#endregion
-export { c as ApprovalRequestStatusChip };
+export { e as classNames };

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

@@ -1 +1,37 @@
-import "./index344.js";
+import { classNames as e } from "./index344.js";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Stack as r } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index345.js
+var i = ({ className: i, searchField: a, children: o, sx: s }) => /* @__PURE__ */ n(r, {
+	direction: "row",
+	justifyContent: "space-between",
+	alignItems: "center",
+	className: e("Monite-Filters", i),
+	sx: Object.assign({
+		"& > *": {
+			flexBasis: "fit-content",
+			flexGrow: 1
+		},
+		"& > .Monite-SearchField": {
+			maxWidth: "400px",
+			width: "100%"
+		}
+	}, s || {}),
+	children: [a, /* @__PURE__ */ t(r, {
+		gap: 1,
+		direction: "row",
+		justifyContent: "flex-end",
+		alignItems: "center",
+		className: "Monite-Filters-Group",
+		sx: {
+			ml: 2,
+			"& .Monite-FilterControl": {
+				maxWidth: "160px",
+				width: "100%"
+			}
+		},
+		children: o
+	})]
+});
+//#endregion
+export { i as FilterContainer };

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

@@ -1,61 +1,9 @@
-import { useEntityUserByAuthToken as e } from "./index129.js";
-import "./index138.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { IconButton as i, Stack as a } from "@mui/material";
-import { useLingui as o } from "@lingui/react";
-import s from "@mui/icons-material/CheckCircleOutlineRounded";
-import c from "@mui/icons-material/HighlightOffRounded";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index346.js
-var l = ({ id: e, onClick: r }) => {
-	let { i18n: a } = o(), [c, l] = t(!1);
-	return /* @__PURE__ */ n(i, {
-		"aria-label": a._("Approve request"),
-		color: "success",
-		disabled: c,
-		onClick: (t) => {
-			t.preventDefault(), l(!0), r({
-				id: e,
-				action: "approve"
-			})?.finally(() => l(!1));
-		},
-		children: /* @__PURE__ */ n(s, {})
-	});
-}, u = ({ id: e, onClick: r }) => {
-	let { i18n: a } = o(), [s, l] = t(!1);
-	return /* @__PURE__ */ n(i, {
-		"aria-label": a._("Reject request"),
-		color: "error",
-		disabled: s,
-		onClick: (t) => {
-			t.preventDefault(), l(!0), r({
-				id: e,
-				action: "reject"
-			})?.finally(() => l(!1));
-		},
-		children: /* @__PURE__ */ n(c, {})
-	});
-}, d = (t) => {
-	let { i18n: i } = o(), { data: s } = e();
-	if ("onRowActionClick" in t && t.onRowActionClick) return {
-		field: "actions",
-		headerName: i._("Actions"),
-		sortable: !1,
-		display: "flex",
-		align: "right",
-		renderCell: (e) => {
-			if (e.row.status === "waiting" && s?.id && e.row.user_ids.includes(s.id) && !e.row.approved_by?.includes(s.id)) return /* @__PURE__ */ r(a, {
-				direction: "row",
-				children: [/* @__PURE__ */ n(l, {
-					id: e.row.id,
-					onClick: t.onRowActionClick
-				}), /* @__PURE__ */ n(u, {
-					id: e.row.id,
-					onClick: t.onRowActionClick
-				})]
-			});
-		}
-	};
-};
+var e = (e) => ({
+	approved: e._("Approved"),
+	canceled: e._("Canceled"),
+	rejected: e._("Rejected"),
+	waiting: e._("In approval")
+});
 //#endregion
-export { d as useApprovalRequestActionsCell };
+export { e as getRowToStatusTextMap };

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

@@ -1,21 +1,58 @@
-import { useFileById as e } from "./index131.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Avatar as n } from "@mui/material";
+import { useMoniteContext as e } from "./index47.js";
+import { useRootElements as t } from "./index206.js";
+import "./index207.js";
+import { classNames as n } from "./index344.js";
+import { useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { Autocomplete as s, CircularProgress as c, TextField as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index347.js
-var r = ({ alt: e, fileId: r, ...a }) => r ? /* @__PURE__ */ t(i, {
-	fileId: r,
-	alt: e,
-	...a
-}) : /* @__PURE__ */ t(n, {
-	alt: e,
-	...a
-}), i = ({ alt: r, fileId: i, ...a }) => {
-	let { data: o } = e(i);
-	return /* @__PURE__ */ t(n, {
-		alt: r,
-		src: o?.url,
-		...a
+var d = ({ onChange: d, className: f }) => {
+	let { i18n: p } = u(), { api: m } = e(), { root: h } = t(), [g, _] = r(!1), [v, y] = r(null), [b, x] = r(""), { data: S, isLoading: C, refetch: w } = m.finops.getEntityUsers.useQuery({ query: { name__istartswith: b || void 0 } }, { enabled: g });
+	return /* @__PURE__ */ a(s, {
+		autoComplete: !0,
+		includeInputInList: !0,
+		filterSelectedOptions: !0,
+		value: v,
+		noOptionsText: p._("No users found"),
+		slotProps: { popper: { container: h } },
+		open: g,
+		onOpen: () => {
+			_(!0);
+		},
+		onClose: () => {
+			_(!1);
+		},
+		loading: C,
+		options: S?.data || [],
+		getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(),
+		isOptionEqualToValue: (e, t) => e.id === t.id,
+		filterOptions: (e) => e,
+		onInputChange: (e, t) => {
+			x(t);
+		},
+		onChange: (e, t) => {
+			y(t), d(t?.id), w();
+		},
+		className: n("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", f),
+		sx: { "&.MuiAutocomplete-root": {
+			display: "flex",
+			alignItems: "center"
+		} },
+		renderInput: (e) => /* @__PURE__ */ a(l, {
+			...e,
+			variant: "standard",
+			placeholder: p._("Added by"),
+			className: "Monite-ApprovalAddedByFilter Monite-FilterControl",
+			InputProps: {
+				...e.InputProps,
+				endAdornment: /* @__PURE__ */ o(i, { children: [C ? /* @__PURE__ */ a(c, {
+					color: "inherit",
+					size: 20
+				}) : null, e.InputProps.endAdornment] })
+			}
+		})
 	});
 };
 //#endregion
-export { r as UserAvatar };
+export { d as AutocompleteCreatedBy };

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

@@ -1,22 +1,74 @@
-import { useEntityUserById as e } from "./index129.js";
-import "./index138.js";
-import { UserAvatar as t } from "./index347.js";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { Chip as r, Skeleton as i } from "@mui/material";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { APPROVAL_REQUEST_STATUSES as t, FILTER_TYPE_ADDED_BY as n, FILTER_TYPE_CURRENT_USER as r, FILTER_TYPE_STATUS as i } from "./index343.js";
+import { FilterContainer as a } from "./index345.js";
+import { getRowToStatusTextMap as o } from "./index346.js";
+import { AutocompleteCreatedBy as s } from "./index347.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { FormControl as u, FormControlLabel as d, InputLabel as f, MenuItem as p, Select as m, Switch as h } from "@mui/material";
+import { useLingui as g } from "@lingui/react";
+import { DatePicker as _ } from "@mui/x-date-pickers";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index348.js
-var a = ({ entityUserId: a }) => {
-	let { data: o, isLoading: s } = e(a);
-	return o ? s ? /* @__PURE__ */ n(r, { label: /* @__PURE__ */ n(i, {
-		variant: "rounded",
-		height: "50%",
-		width: 100,
-		animation: "wave"
-	}) }) : /* @__PURE__ */ n(r, {
-		avatar: /* @__PURE__ */ n(t, { fileId: o.userpic_file_id }),
-		label: `${o.first_name ?? ""} ${o.last_name ?? ""}`.trim() || "—",
-		variant: "outlined",
-		color: "secondary"
-	}) : null;
+var v = ({ onChangeFilter: v, sx: y }) => {
+	let { i18n: b } = g(), { root: x } = e();
+	return /* @__PURE__ */ l(a, {
+		className: "Monite-ApprovalRequestsFilters",
+		sx: y,
+		children: [
+			/* @__PURE__ */ l(u, {
+				variant: "standard",
+				fullWidth: !0,
+				className: "Monite-ApprovalStatusFilter Monite-FilterControl",
+				children: [/* @__PURE__ */ c(f, {
+					id: "status",
+					children: b._("Status")
+				}), /* @__PURE__ */ c(m, {
+					labelId: "status",
+					label: b._("Status"),
+					defaultValue: "all",
+					MenuProps: { container: x },
+					onChange: (e) => {
+						v(i, e && e.target.value);
+					},
+					children: [{
+						label: b._("All invoices"),
+						value: "all"
+					}, ...Object.values(t).map((e) => ({
+						label: o(b)[e],
+						value: e
+					}))].map(({ label: e, value: t }) => /* @__PURE__ */ c(p, {
+						value: t,
+						children: e
+					}, t))
+				})]
+			}),
+			/* @__PURE__ */ c(s, { onChange: (e) => v(n, e || null) }),
+			/* @__PURE__ */ c(_, {
+				label: b._("Requested on"),
+				className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl",
+				onChange: (e, t) => {
+					t.validationError || v("created_at", e);
+				},
+				slotProps: {
+					textField: { variant: "standard" },
+					popper: { container: x },
+					dialog: { container: x },
+					actionBar: { actions: ["clear", "today"] }
+				},
+				views: [
+					"year",
+					"month",
+					"day"
+				]
+			}),
+			/* @__PURE__ */ c(d, {
+				control: /* @__PURE__ */ c(h, {}),
+				className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl",
+				label: b._("Only my approvals"),
+				onChange: (e, t) => v(r, t)
+			})
+		]
+	});
 };
 //#endregion
-export { a as UserCell };
+export { v as ApprovalRequestsFilter };

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

@@ -1,185 +1,28 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { ScopedCssBaselineContainerClassName as t } from "./index31.js";
-import { useMoniteContext as n } from "./index47.js";
-import { useCurrencies as r } from "./index63.js";
-import { useEntityUserByAuthToken as i } from "./index129.js";
-import "./index138.js";
-import { useAreCounterpartsLoading as a, useAutosizeGridColumns as o } from "./index182.js";
-import "./index189.js";
-import { MoniteScopedProviders as s } from "./index209.js";
-import { useUserPermissions as c } from "./index112.js";
-import { CounterpartNameCellById as l } from "./index238.js";
-import { DataGridEmptyState as u } from "./index239.js";
-import "./index240.js";
-import { GetNoRowsOverlay as d } from "./index241.js";
-import { AccessRestriction as f } from "./index242.js";
-import "./index244.js";
-import "./index335.js";
-import { TablePagination as p } from "./index337.js";
-import { FILTER_TYPE_CREATED_AT as m } from "./index338.js";
-import { ApprovalRequestsFilter as h } from "./index343.js";
-import { ApprovalRequestStatusChip as g } from "./index344.js";
-import "./index345.js";
-import { useApprovalRequestActionsCell as _ } from "./index346.js";
-import { UserCell as v } from "./index348.js";
-import { useMemo as y, useState as b } from "react";
-import { addDays as x, formatISO as S } from "date-fns";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { Box as ee } from "@mui/material";
-import { useLingui as te } from "@lingui/react";
-import { DataGrid as ne } from "@mui/x-data-grid";
+import { APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as e, ROW_TO_STATUS_MUI_MAP as t } from "./index343.js";
+import { getRowToStatusTextMap as n } from "./index346.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { Chip as i } from "@mui/material";
+import { useLingui as a } from "@lingui/react";
+import { styled as o, useThemeProps as s } from "@mui/material/styles";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index349.js
-var T = (e) => /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(E, { ...e }) }), E = ({ onRowClick: s, ...T }) => {
-	let { api: E, locale: D, componentSettings: O } = n(), { i18n: k } = te(), { formatCurrencyToDisplay: A } = r(), { data: j } = i(), M = c(), N = M.has(e.ApprovalRequestReadOrg), P = M.has(e.PayableReadOrg), F = M.has(e.ApprovalRequestUpdateOrg), I = _({
-		onRowActionClick: "onRowActionClick" in T && T.onRowActionClick,
-		isApprovePending: "isApprovePending" in T && T.isApprovePending,
-		isRejectPending: "isRejectPending" in T && T.isRejectPending
-	}), [L, R] = b(null), [z, B] = b(O.approvalRequests.pageSizeOptions[0]), [V, H] = b({}), { data: U, isLoading: W, isError: G, refetch: K } = E.finops.getApprovalRequests.useQuery({ query: {
-		sort: "updated_at",
-		order: "desc",
-		object_type: "payable",
-		pagination_token: L ?? void 0,
-		limit: z,
-		status: V.status || void 0,
-		created_at__lt: V.created_at ? S(x(V[m], 1)) : void 0,
-		created_at__gte: V.created_at ? S(V[m]) : void 0,
-		created_by: V.current_user ? j?.id : V.created_by || void 0
-	} }), { data: q, isLoading: J } = E.finops.getPayables.useQuery({ query: { id__in: U?.data.map((e) => e.object_id) } }), Y = U?.data.map((e) => {
-		let t = q?.data.find((t) => t.id === e.object_id);
-		return {
-			id: e.id,
-			number: t?.document_id,
-			counterpart_id: t?.counterpart_id,
-			issued_at: t?.issued_at,
-			due_date: t?.due_date,
-			status: e.status,
-			amount_to_pay: t?.amount_to_pay,
-			currency: t?.currency,
-			created_by: e.created_by,
-			user_ids: e.user_ids,
-			approved_by: e.approved_by
-		};
-	}), X = (e, t) => {
-		R(null), H((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		}));
-	}, re = a(Y), Z = y(() => [
-		{
-			field: "number",
-			headerName: k._("Invoice #"),
-			sortable: !1,
-			flex: .7
-		},
-		{
-			field: "counterpart_id",
-			headerName: k._("Vendor"),
-			sortable: !1,
-			display: "flex",
-			flex: 1,
-			renderCell: (e) => /* @__PURE__ */ C(l, { counterpartId: e.value })
-		},
-		{
-			field: "issued_at",
-			type: "date",
-			headerName: k._("Issue date"),
-			sortable: !1,
-			flex: .7,
-			valueFormatter: (e) => e && k.date(e, D.dateFormat)
-		},
-		{
-			field: "due_date",
-			type: "date",
-			headerName: k._("Due date"),
-			sortable: !1,
-			flex: .7,
-			valueFormatter: (e) => e && k.date(e, D.dateFormat)
-		},
-		{
-			field: "status",
-			headerName: k._("Status"),
-			sortable: !1,
-			flex: .7,
-			renderCell: (e) => /* @__PURE__ */ C(g, { status: e.value })
-		},
-		{
-			field: "amount",
-			headerName: k._("Amount"),
-			sortable: !1,
-			flex: .5,
-			valueGetter: (e, t) => t.amount_to_pay && t.currency ? A(t.amount_to_pay, t.currency) : ""
-		},
-		{
-			field: "created_by",
-			headerName: k._("Added by"),
-			sortable: !1,
-			flex: 1,
-			renderCell: ({ value: e }) => /* @__PURE__ */ C(v, { entityUserId: e })
-		},
-		...I ? [I] : []
-	], [
-		I,
-		D.dateFormat,
-		A,
-		k
-	]), ie = o(q?.data, Z, re, "ApprovalRequestsTable");
-	if (!N || !P) return /* @__PURE__ */ C(f, {});
-	let Q = Object.keys(V).some((e) => V[e] !== null && V[e] !== void 0), $ = !!V.created_at || !!V.created_by;
-	return !W && U?.data.length === 0 && !Q && !$ ? /* @__PURE__ */ C(u, {
-		title: k._("No Approval Requests"),
-		descriptionLine1: k._("You don't have any approval requests yet."),
-		type: "no-data"
-	}) : /* @__PURE__ */ w(ee, {
-		className: t,
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			overflow: "hidden",
-			height: "inherit",
-			minHeight: "500px"
-		},
-		children: [/* @__PURE__ */ C(h, {
-			onChangeFilter: X,
-			sx: { mb: 2 }
-		}), /* @__PURE__ */ C(ne, {
-			rowSelection: !1,
-			disableColumnFilter: !0,
-			initialState: { columns: { columnVisibilityModel: { actions: F && "onRowActionClick" in T } } },
-			apiRef: ie,
-			loading: W || J,
-			onRowClick: (e) => s?.(e.row.id),
-			slots: {
-				pagination: () => /* @__PURE__ */ C(p, {
-					pageSizeOptions: O.approvalRequests.pageSizeOptions,
-					paginationLayout: O.approvalRequests.paginationLayout,
-					navigationPosition: O.approvalRequests.navigationPosition,
-					pageSizePosition: O.approvalRequests.pageSizePosition,
-					prevPage: U?.prev_pagination_token,
-					nextPage: U?.next_pagination_token,
-					paginationModel: {
-						pageSize: z,
-						page: L
-					},
-					onPaginationModelChange: ({ page: e, pageSize: t }) => {
-						B(t), R(e);
-					}
-				}),
-				noRowsOverlay: () => /* @__PURE__ */ C(d, {
-					isLoading: W,
-					dataLength: U?.data.length || 0,
-					isFiltering: Q,
-					isSearching: $,
-					isError: G,
-					refetch: K,
-					entityName: k._("Approval Requests"),
-					type: "no-data"
-				})
-			},
-			columns: Z,
-			rows: Y ?? []
-		})]
+var c = ({ ref: i, ...o }) => {
+	let { status: c, icon: u, size: d, variant: f } = s({
+		props: o,
+		name: "MoniteApprovalRequestStatusChip"
+	}), { i18n: p } = a(), m = e[c];
+	return /* @__PURE__ */ r(l, {
+		ref: i,
+		color: t[c],
+		icon: u && m ? /* @__PURE__ */ r(m, { fontSize: "small" }) : void 0,
+		label: n(p)[c],
+		size: d,
+		status: c,
+		variant: f ?? "filled"
 	});
-};
+}, l = o(i, {
+	name: "MoniteApprovalRequestStatusChip",
+	slot: "root",
+	shouldForwardProp: () => !0
+})({});
 //#endregion
-export { T as ApprovalRequestsTable };
+export { c as ApprovalRequestStatusChip };