@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,64 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index336.js
-function e({ layout: e, navigationPosition: t, pageSizePosition: n, hasPageSizeSelect: r }) {
-	if (!r) return {
-		justifyContent: "center",
-		flexDirection: "row",
-		gap: void 0
-	};
-	if (e === "custom") {
-		if (t === "center" && n === "center") return {
-			justifyContent: "center",
-			flexDirection: "row",
-			gap: 3
-		};
-		if (t === "left" && n === "left") return {
-			justifyContent: "flex-start",
-			flexDirection: "row",
-			gap: 3
-		};
-		if (t === "right" && n === "right") return {
-			justifyContent: "flex-end",
-			flexDirection: "row-reverse",
-			gap: 3
-		};
-		if (t === "left" && n === "right") return {
-			justifyContent: "space-between",
-			flexDirection: "row",
-			gap: void 0
-		};
-		if (t === "right" && n === "left") return {
-			justifyContent: "space-between",
-			flexDirection: "row-reverse",
-			gap: void 0
-		};
-		if (t === "center") return {
-			justifyContent: "space-around",
-			flexDirection: n === "left" ? "row-reverse" : "row",
-			gap: void 0
-		};
-		if (n === "center") return {
-			justifyContent: "space-around",
-			flexDirection: t === "left" ? "row" : "row-reverse",
-			gap: void 0
-		};
-	}
-	switch (e) {
-		case "reversed": return {
-			justifyContent: "space-between",
-			flexDirection: "row-reverse",
-			gap: void 0
-		};
-		case "centered": return {
-			justifyContent: "center",
-			flexDirection: "row",
-			gap: 3
-		};
-		default: return {
-			justifyContent: "space-between",
-			flexDirection: "row",
-			gap: void 0
-		};
-	}
-}
-//#endregion
-export { e as getLayoutStyles };
+import "./index335.js";

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

@@ -1,122 +1,13 @@
-import { useRootElements as e } from "./index178.js";
-import "./index179.js";
-import { getLayoutStyles as t } from "./index336.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Box as a, Grid as o, IconButton as s, MenuItem as c, Select as l, Typography as u } from "@mui/material";
-import { useLingui as d } from "@lingui/react";
-import { styled as f, useThemeProps as p } from "@mui/material/styles";
-import m from "@mui/icons-material/ChevronLeft";
-import h from "@mui/icons-material/ChevronRight";
+import { Typography as e } from "./index62.js";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index337.js
-var g = "MoniteTablePagination", _ = 10, v = ({ onPaginationModelChange: n, paginationModel: l, nextPage: f, prevPage: v, pageSizeOptions: x, slotProps: S, paginationLayout: C, navigationPosition: w, pageSizePosition: T, className: E }) => {
-	let { i18n: D } = d(), { root: O } = e(), { pageSizeOptions: k, slotProps: A, paginationLayout: j = "default", navigationPosition: M = "left", pageSizePosition: N = "right" } = p({
-		props: {
-			pageSizeOptions: x,
-			slotProps: S,
-			paginationLayout: C,
-			navigationPosition: w,
-			pageSizePosition: T
-		},
-		name: g
-	}), P = "pageSize" in l ? l.pageSize : k?.[0] ?? _, F = k && k.length > 1, I = t({
-		layout: j,
-		navigationPosition: M,
-		pageSizePosition: N,
-		hasPageSizeSelect: !!F
-	});
-	return /* @__PURE__ */ r(y, {
-		container: !0,
-		mx: 2,
-		boxSizing: "border-box",
-		className: E,
-		children: /* @__PURE__ */ i(o, {
-			xs: 12,
-			item: !0,
-			display: "flex",
-			justifyContent: I.justifyContent,
-			flexDirection: I.flexDirection,
-			gap: I.gap,
-			pt: .5,
-			pb: 1,
-			alignItems: "center",
-			children: [/* @__PURE__ */ i(a, { children: [/* @__PURE__ */ r(s, {
-				className: "Monite-TablePagination-PreviousPageButton",
-				"aria-label": D._("Previous page"),
-				disabled: !v,
-				onClick: (e) => {
-					if (e.preventDefault(), v === void 0) throw Error("Previous page is not available");
-					n({
-						page: v,
-						pageSize: P
-					});
-				},
-				children: /* @__PURE__ */ r(m, {
-					fontSize: "small",
-					"aria-label": D._("Previous page")
-				})
-			}), /* @__PURE__ */ r(s, {
-				className: "Monite-TablePagination-NextPageButton",
-				"aria-label": D._("Next page"),
-				disabled: !f,
-				onClick: (e) => {
-					if (e.preventDefault(), f === void 0) throw Error("Next page is not available");
-					n({
-						page: f,
-						pageSize: P
-					});
-				},
-				children: /* @__PURE__ */ r(h, {
-					fontSize: "small",
-					"aria-label": D._("Next page")
-				})
-			})] }), F && /* @__PURE__ */ i(a, {
-				display: "flex",
-				alignItems: "center",
-				gap: 1,
-				children: [/* @__PURE__ */ r(u, {
-					variant: "body2",
-					color: "text.secondary",
-					children: D._("Results per page")
-				}), /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(b, {
-					className: "Monite-RowsPerPageSelector",
-					...A?.pageSizeSelect,
-					"aria-label": D._("Rows per page"),
-					MenuProps: {
-						...A?.pageSizeSelect?.MenuProps,
-						container: O
-					},
-					value: P.toString(),
-					onChange: (e) => void n({
-						page: null,
-						pageSize: parseInt(e.target.value, 10)
-					}),
-					children: k?.map((e) => /* @__PURE__ */ r(c, {
-						value: e.toString(),
-						children: e
-					}, e))
-				}) })]
-			})]
-		})
-	});
-}, y = f(n((e, t) => /* @__PURE__ */ r(o, {
-	ref: t,
-	...e
-})), {
-	name: g,
-	slot: "root",
-	shouldForwardProp: () => !0
-})({}), b = f(n(({ ...t }, n) => {
-	let { root: i } = e();
-	return /* @__PURE__ */ r(l, {
-		ref: n,
-		...t,
-		MenuProps: { container: i }
-	});
-}), {
-	name: g,
-	slot: "pageSizeSelect",
-	shouldForwardProp: () => !0
-})({});
+var i = ({ title: i, extra: a, className: o, titleVariant: s = "h2" }) => /* @__PURE__ */ n("div", {
+	className: r("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", o),
+	children: [/* @__PURE__ */ t(e, {
+		variant: s,
+		children: i
+	}), a ? /* @__PURE__ */ t("aside", { children: a }) : null]
+});
 //#endregion
-export { v as TablePagination };
+export { i as PageHeader };

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

@@ -1,23 +1,56 @@
-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";
+import { Button as e } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Dialog as n } from "./index229.js";
+import "./index230.js";
+import { MoniteScopedProviders as r } from "./index237.js";
+import { useUserPermissions as i } from "./index116.js";
+import { AccessRestriction as a } from "./index247.js";
+import "./index249.js";
+import { ApprovalPolicyDetails as o } from "./index319.js";
+import { ApprovalPoliciesTable as s } from "./index335.js";
+import { PageHeader as c } from "./index337.js";
+import "./index320.js";
+import "./index336.js";
+import { useCallback as l, useState as u } from "react";
+import { Plus as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { useLingui as h } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index338.js
-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";
+var g = () => /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(_, {}) }), _ = () => {
+	let { i18n: r } = h(), [g, _] = u(void 0), [v, y] = u(!1), b = l((e) => {
+		_(e), y(!0);
+	}, []), x = () => {
+		y(!0), _(void 0);
+	}, S = i(), C = S.has(t.ApprovalPolicyReadOrg), w = S.has(t.ApprovalPolicyWriteOrg);
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ p(c, {
+			className: "ttw:px-2",
+			titleVariant: "h3",
+			title: r._("Bill pay"),
+			extra: /* @__PURE__ */ m(e, {
+				id: "create",
+				size: "sm",
+				disabled: !w,
+				onClick: x,
+				children: [/* @__PURE__ */ p(d, { className: "ttw:size-4" }), r._("Create")]
+			})
+		}),
+		!C && /* @__PURE__ */ p(a, {}),
+		C && /* @__PURE__ */ p(s, {
+			onRowClick: b,
+			onCreateClick: x
+		}),
+		/* @__PURE__ */ p(n, {
+			open: v,
+			alignDialog: "right",
+			onClose: () => y(!1),
+			children: /* @__PURE__ */ p(o, {
+				id: g,
+				onCreated: (e) => _(e)
+			})
+		})
+	] });
+};
 //#endregion
-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 };
+export { g as ApprovalPolicies };

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

@@ -1,8 +1,5 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index339.js
-function e(...e) {
-	let t = "";
-	for (let n of e) n && (t += n + " ");
-	return t;
-}
-//#endregion
-export { e as classNames };
+import "./index319.js";
+import "./index335.js";
+import "./index320.js";
+import "./index336.js";
+import "./index338.js";

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

@@ -1,37 +1 @@
-import { classNames as e } from "./index339.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/index340.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 };
+import "./index243.js";

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

@@ -1,9 +1,64 @@
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index341.js
-var e = (e) => ({
-	approved: e._("Approved"),
-	canceled: e._("Canceled"),
-	rejected: e._("Rejected"),
-	waiting: e._("In approval")
-});
+function e({ layout: e, navigationPosition: t, pageSizePosition: n, hasPageSizeSelect: r }) {
+	if (!r) return {
+		justifyContent: "center",
+		flexDirection: "row",
+		gap: void 0
+	};
+	if (e === "custom") {
+		if (t === "center" && n === "center") return {
+			justifyContent: "center",
+			flexDirection: "row",
+			gap: 3
+		};
+		if (t === "left" && n === "left") return {
+			justifyContent: "flex-start",
+			flexDirection: "row",
+			gap: 3
+		};
+		if (t === "right" && n === "right") return {
+			justifyContent: "flex-end",
+			flexDirection: "row-reverse",
+			gap: 3
+		};
+		if (t === "left" && n === "right") return {
+			justifyContent: "space-between",
+			flexDirection: "row",
+			gap: void 0
+		};
+		if (t === "right" && n === "left") return {
+			justifyContent: "space-between",
+			flexDirection: "row-reverse",
+			gap: void 0
+		};
+		if (t === "center") return {
+			justifyContent: "space-around",
+			flexDirection: n === "left" ? "row-reverse" : "row",
+			gap: void 0
+		};
+		if (n === "center") return {
+			justifyContent: "space-around",
+			flexDirection: t === "left" ? "row" : "row-reverse",
+			gap: void 0
+		};
+	}
+	switch (e) {
+		case "reversed": return {
+			justifyContent: "space-between",
+			flexDirection: "row-reverse",
+			gap: void 0
+		};
+		case "centered": return {
+			justifyContent: "center",
+			flexDirection: "row",
+			gap: 3
+		};
+		default: return {
+			justifyContent: "space-between",
+			flexDirection: "row",
+			gap: void 0
+		};
+	}
+}
 //#endregion
-export { e as getRowToStatusTextMap };
+export { e as getLayoutStyles };

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

@@ -1,58 +1,122 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useRootElements as t } from "./index178.js";
-import "./index179.js";
-import { classNames as n } from "./index339.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";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { getLayoutStyles as t } from "./index341.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Box as a, Grid as o, IconButton as s, MenuItem as c, Select as l, Typography as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
+import { styled as f, useThemeProps as p } from "@mui/material/styles";
+import m from "@mui/icons-material/ChevronLeft";
+import h from "@mui/icons-material/ChevronRight";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index342.js
-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);
+var g = "MoniteTablePagination", _ = 10, v = ({ onPaginationModelChange: n, paginationModel: l, nextPage: f, prevPage: v, pageSizeOptions: x, slotProps: S, paginationLayout: C, navigationPosition: w, pageSizePosition: T, className: E }) => {
+	let { i18n: D } = d(), { root: O } = e(), { pageSizeOptions: k, slotProps: A, paginationLayout: j = "default", navigationPosition: M = "left", pageSizePosition: N = "right" } = p({
+		props: {
+			pageSizeOptions: x,
+			slotProps: S,
+			paginationLayout: C,
+			navigationPosition: w,
+			pageSizePosition: T
 		},
-		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": {
+		name: g
+	}), P = "pageSize" in l ? l.pageSize : k?.[0] ?? _, F = k && k.length > 1, I = t({
+		layout: j,
+		navigationPosition: M,
+		pageSizePosition: N,
+		hasPageSizeSelect: !!F
+	});
+	return /* @__PURE__ */ r(y, {
+		container: !0,
+		mx: 2,
+		boxSizing: "border-box",
+		className: E,
+		children: /* @__PURE__ */ i(o, {
+			xs: 12,
+			item: !0,
 			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] })
-			}
+			justifyContent: I.justifyContent,
+			flexDirection: I.flexDirection,
+			gap: I.gap,
+			pt: .5,
+			pb: 1,
+			alignItems: "center",
+			children: [/* @__PURE__ */ i(a, { children: [/* @__PURE__ */ r(s, {
+				className: "Monite-TablePagination-PreviousPageButton",
+				"aria-label": D._("Previous page"),
+				disabled: !v,
+				onClick: (e) => {
+					if (e.preventDefault(), v === void 0) throw Error("Previous page is not available");
+					n({
+						page: v,
+						pageSize: P
+					});
+				},
+				children: /* @__PURE__ */ r(m, {
+					fontSize: "small",
+					"aria-label": D._("Previous page")
+				})
+			}), /* @__PURE__ */ r(s, {
+				className: "Monite-TablePagination-NextPageButton",
+				"aria-label": D._("Next page"),
+				disabled: !f,
+				onClick: (e) => {
+					if (e.preventDefault(), f === void 0) throw Error("Next page is not available");
+					n({
+						page: f,
+						pageSize: P
+					});
+				},
+				children: /* @__PURE__ */ r(h, {
+					fontSize: "small",
+					"aria-label": D._("Next page")
+				})
+			})] }), F && /* @__PURE__ */ i(a, {
+				display: "flex",
+				alignItems: "center",
+				gap: 1,
+				children: [/* @__PURE__ */ r(u, {
+					variant: "body2",
+					color: "text.secondary",
+					children: D._("Results per page")
+				}), /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(b, {
+					className: "Monite-RowsPerPageSelector",
+					...A?.pageSizeSelect,
+					"aria-label": D._("Rows per page"),
+					MenuProps: {
+						...A?.pageSizeSelect?.MenuProps,
+						container: O
+					},
+					value: P.toString(),
+					onChange: (e) => void n({
+						page: null,
+						pageSize: parseInt(e.target.value, 10)
+					}),
+					children: k?.map((e) => /* @__PURE__ */ r(c, {
+						value: e.toString(),
+						children: e
+					}, e))
+				}) })]
+			})]
 		})
 	});
-};
+}, y = f(n((e, t) => /* @__PURE__ */ r(o, {
+	ref: t,
+	...e
+})), {
+	name: g,
+	slot: "root",
+	shouldForwardProp: () => !0
+})({}), b = f(n(({ ...t }, n) => {
+	let { root: i } = e();
+	return /* @__PURE__ */ r(l, {
+		ref: n,
+		...t,
+		MenuProps: { container: i }
+	});
+}), {
+	name: g,
+	slot: "pageSizeSelect",
+	shouldForwardProp: () => !0
+})({});
 //#endregion
-export { d as AutocompleteCreatedBy };
+export { v as TablePagination };