@tesouro/embedded-components-react 0.3.1 → 0.3.5

package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index4.js

@@ -1,65 +1,65 @@
-import { Button as e, DataTable as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Select as a, SelectContent as o, SelectItem as s, SelectTrigger as c, SelectValue as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as d } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as f } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Button as e, DataTable as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Select as a, SelectContent as o, SelectItem as s, SelectTrigger as c, SelectValue as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as u } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as d } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { PRODUCTS_SCREEN_LABELS_EN as p } from "./index2.js";
-import { ProductTypeBadge as m } from "./index3.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ArrowDownIcon as _, ArrowUpDownIcon as v, ArrowUpIcon as y, Plus as b, Search as x } from "lucide-react";
+import { PRODUCTS_SCREEN_LABELS_EN as f } from "./index2.js";
+import { ProductTypeBadge as p } from "./index3.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowDownIcon as g, ArrowUpDownIcon as _, ArrowUpIcon as v, Plus as y, Search as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/ui/dist/index4.js
-var S = [
+var x = [
 	10,
 	25,
 	50,
 	100
-], C = "all";
-function w({ labels: e, searchValue: t, onSearchChange: u, typeFilter: d, onTypeFilterChange: f, unitFilter: p, onUnitFilterChange: m, unitOptions: _ }) {
-	return /* @__PURE__ */ g("div", {
+], S = "all";
+function C({ labels: e, searchValue: t, onSearchChange: u, typeFilter: d, onTypeFilterChange: f, unitFilter: p, onUnitFilterChange: g, unitOptions: _ }) {
+	return /* @__PURE__ */ h("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: [
-			/* @__PURE__ */ g(n, {
+			/* @__PURE__ */ h(n, {
 				className: "ttw:w-80",
-				children: [/* @__PURE__ */ h(r, {
+				children: [/* @__PURE__ */ m(r, {
 					align: "inline-start",
-					children: /* @__PURE__ */ h(x, { className: "ttw:size-4" })
-				}), /* @__PURE__ */ h(i, {
+					children: /* @__PURE__ */ m(b, { className: "ttw:size-4" })
+				}), /* @__PURE__ */ m(i, {
 					"data-has-start-addon": !0,
 					placeholder: e.searchPlaceholder,
 					value: t,
 					onChange: (e) => u(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ g(a, {
+			/* @__PURE__ */ h(a, {
 				value: d,
 				onValueChange: f,
-				children: [/* @__PURE__ */ h(c, {
+				children: [/* @__PURE__ */ m(c, {
 					className: "ttw:w-44",
-					children: /* @__PURE__ */ h(l, {})
-				}), /* @__PURE__ */ g(o, { children: [
-					/* @__PURE__ */ h(s, {
-						value: C,
+					children: /* @__PURE__ */ m(l, {})
+				}), /* @__PURE__ */ h(o, { children: [
+					/* @__PURE__ */ m(s, {
+						value: S,
 						children: e.typeFilterAll
 					}),
-					/* @__PURE__ */ h(s, {
+					/* @__PURE__ */ m(s, {
 						value: "product",
 						children: e.typeFilterProduct
 					}),
-					/* @__PURE__ */ h(s, {
+					/* @__PURE__ */ m(s, {
 						value: "service",
 						children: e.typeFilterService
 					})
 				] })]
 			}),
-			/* @__PURE__ */ g(a, {
+			/* @__PURE__ */ h(a, {
 				value: p,
-				onValueChange: m,
-				children: [/* @__PURE__ */ h(c, {
+				onValueChange: g,
+				children: [/* @__PURE__ */ m(c, {
 					className: "ttw:w-44",
-					children: /* @__PURE__ */ h(l, {})
-				}), /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(s, {
-					value: C,
+					children: /* @__PURE__ */ m(l, {})
+				}), /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ m(s, {
+					value: S,
 					children: e.unitFilterAll
-				}), _.map((e) => /* @__PURE__ */ h(s, {
+				}), _.map((e) => /* @__PURE__ */ m(s, {
 					value: e.value,
 					children: e.label
 				}, e.value))] })]
@@ -67,41 +67,41 @@ function w({ labels: e, searchValue: t, onSearchChange: u, typeFilter: d, onType
 		]
 	});
 }
-function T({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange: o, pageSize: s, onPageSizeChange: c, pageSizeOptions: l = S, hasNextPage: x, hasPrevPage: C, onNextPage: T, onPrevPage: E, searchValue: D, onSearchChange: O, typeFilter: k, onTypeFilterChange: A, unitFilter: j, onUnitFilterChange: M, unitOptions: N, isFiltering: P, onCreateClick: F, onManageUnitsClick: I, onRowClick: L, onRetry: R, labels: z, emptyStateTestId: B }) {
-	let V = {
-		...p,
-		...z
-	}, H = [
+function w({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange: o, pageSize: s, onPageSizeChange: c, pageSizeOptions: l = x, hasNextPage: b, hasPrevPage: S, onNextPage: w, onPrevPage: T, searchValue: E, onSearchChange: D, typeFilter: O, onTypeFilterChange: k, unitFilter: A, onUnitFilterChange: j, unitOptions: M, isFiltering: N, onCreateClick: P, onManageUnitsClick: F, onRowClick: I, onRetry: L, labels: R, emptyStateTestId: z }) {
+	let B = {
+		...f,
+		...R
+	}, V = [
 		{
 			accessorKey: "name",
 			enableSorting: !0,
 			header: ({ column: t }) => {
 				let n = t.getIsSorted();
-				return /* @__PURE__ */ g("div", {
+				return /* @__PURE__ */ h("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [V.columnName, /* @__PURE__ */ h(e, {
+					children: [B.columnName, /* @__PURE__ */ m(e, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: () => t.toggleSorting(n === "asc"),
-						children: h(n === "asc" ? y : n === "desc" ? _ : v, { className: "ttw:size-4" })
+						children: m(n === "asc" ? v : n === "desc" ? g : _, { className: "ttw:size-4" })
 					})]
 				});
 			}
 		},
 		{
 			accessorKey: "type",
-			header: V.columnType,
-			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ h(m, {
+			header: B.columnType,
+			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ m(p, {
 				type: e.original.type,
-				labels: V.typeBadge
+				labels: B.typeBadge
 			}) : null
 		},
 		{
 			accessorKey: "description",
-			header: V.columnDescription,
-			cell: ({ row: e }) => /* @__PURE__ */ h("div", {
+			header: B.columnDescription,
+			cell: ({ row: e }) => /* @__PURE__ */ m("div", {
 				className: "ttw:w-120",
-				children: /* @__PURE__ */ h("span", {
+				children: /* @__PURE__ */ m("span", {
 					className: "ttw:w-full ttw:inline-block ttw:truncate",
 					children: e.original.description
 				})
@@ -109,47 +109,42 @@ function T({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange:
 		},
 		{
 			accessorKey: "priceLabel",
-			header: () => /* @__PURE__ */ h("div", {
+			header: () => /* @__PURE__ */ m("div", {
 				className: "ttw:text-right",
-				children: V.columnPrice
+				children: B.columnPrice
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ g("div", {
+			cell: ({ row: e }) => /* @__PURE__ */ h("div", {
 				className: "ttw:flex ttw:justify-end ttw:items-center ttw:gap-1",
-				children: [/* @__PURE__ */ h("span", { children: e.original.priceLabel }), e.original.unitLabel && /* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ m("span", { children: e.original.priceLabel }), e.original.unitLabel && /* @__PURE__ */ m("span", {
 					className: "ttw:text-muted-foreground ttw:text-xs",
 					children: e.original.unitLabel
 				})]
 			})
 		}
 	];
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ g("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-between",
-			children: [/* @__PURE__ */ h(u, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold",
-				children: V.title
-			}), /* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ m("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-end",
+			children: /* @__PURE__ */ h("div", {
 				className: "ttw:flex ttw:gap-2",
-				children: [/* @__PURE__ */ h(e, {
+				children: [/* @__PURE__ */ m(e, {
 					variant: "ghost",
 					className: "ttw:text-primary ttw:hover:text-primary",
-					onClick: I,
-					children: V.manageUnitsButton
-				}), /* @__PURE__ */ g(e, {
 					onClick: F,
-					children: [/* @__PURE__ */ h(b, { className: "ttw:size-4" }), V.createButton]
+					children: B.manageUnitsButton
+				}), /* @__PURE__ */ h(e, {
+					onClick: P,
+					children: [/* @__PURE__ */ m(y, { className: "ttw:size-4" }), B.createButton]
 				})]
-			})]
-		}), i ? /* @__PURE__ */ h(f, {
-			title: V.errorTitle,
-			description: V.errorDescription,
-			retryLabel: R ? V.errorRetry : void 0,
-			onRetry: R
-		}) : /* @__PURE__ */ h(t, {
-			columns: H,
+			})
+		}), i ? /* @__PURE__ */ m(d, {
+			title: B.errorTitle,
+			description: B.errorDescription,
+			retryLabel: L ? B.errorRetry : void 0,
+			onRetry: L
+		}) : /* @__PURE__ */ m(t, {
+			columns: V,
 			data: n,
 			isLoading: r,
 			sorting: a,
@@ -157,30 +152,30 @@ function T({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange:
 			pageSize: s,
 			onPageSizeChange: c,
 			pageSizeOptions: l,
-			hasNextPage: x,
-			hasPrevPage: C,
-			onNextPage: T,
-			onPrevPage: E,
-			onRowClick: L,
-			filterComponent: /* @__PURE__ */ h(w, {
-				labels: V,
-				searchValue: D,
-				onSearchChange: O,
-				typeFilter: k,
-				onTypeFilterChange: A,
-				unitFilter: j,
-				onUnitFilterChange: M,
-				unitOptions: N
+			hasNextPage: b,
+			hasPrevPage: S,
+			onNextPage: w,
+			onPrevPage: T,
+			onRowClick: I,
+			filterComponent: /* @__PURE__ */ m(C, {
+				labels: B,
+				searchValue: E,
+				onSearchChange: D,
+				typeFilter: O,
+				onTypeFilterChange: k,
+				unitFilter: A,
+				onUnitFilterChange: j,
+				unitOptions: M
 			}),
-			children: /* @__PURE__ */ h(d, {
-				testId: B,
-				title: P ? V.filterEmptyTitle : V.emptyTitle,
-				description: P ? V.filterEmptyDescription : V.emptyDescription,
-				actionLabel: P ? void 0 : V.emptyAction,
-				onAction: P ? void 0 : F
+			children: /* @__PURE__ */ m(u, {
+				testId: z,
+				title: N ? B.filterEmptyTitle : B.emptyTitle,
+				description: N ? B.filterEmptyDescription : B.emptyDescription,
+				actionLabel: N ? void 0 : B.emptyAction,
+				onAction: N ? void 0 : P
 			})
 		})]
 	});
 }
 //#endregion
-export { T as ProductsScreen, T as default };
+export { w as ProductsScreen, w as default };

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js

@@ -3,42 +3,40 @@
 "use client";
 "use client";
 import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { SectionHeading as i } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-import "../../../shared/ui/dist/index.js";
-import { ExpenseApprovalPoliciesWidget as a } from "../../../expense-management-widget/feature/dist/index5.js";
-import { ExpenseRequirementsWidget as o } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
+import { ExpenseApprovalPoliciesWidget as i } from "../../../expense-management-widget/feature/dist/index5.js";
+import { ExpenseRequirementsWidget as a } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
 import "../../../expense-requirements-widget/feature/dist/index.js";
 import "../../../expense-management-widget/feature/dist/index.js";
-import { useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js
-function d({ sectionTitle: d, approvalsLabel: f, requirementsLabel: p }) {
-	let [m, h] = s("approvals");
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(i, { children: d }), /* @__PURE__ */ l("div", {
+function l({ approvalsLabel: l, requirementsLabel: u }) {
+	let [d, f] = o("approvals");
+	return /* @__PURE__ */ s("div", {
 		className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6",
-		children: /* @__PURE__ */ u(e, {
-			value: m,
-			onValueChange: h,
+		children: /* @__PURE__ */ c(e, {
+			value: d,
+			onValueChange: f,
 			className: "ttw:w-full ttw:space-y-5",
 			children: [
-				/* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(r, {
+				/* @__PURE__ */ c(n, { children: [/* @__PURE__ */ s(r, {
 					value: "approvals",
-					children: f
-				}), /* @__PURE__ */ l(r, {
+					children: l
+				}), /* @__PURE__ */ s(r, {
 					value: "requirements",
-					children: p
+					children: u
 				})] }),
-				/* @__PURE__ */ l(t, {
+				/* @__PURE__ */ s(t, {
 					value: "approvals",
-					children: /* @__PURE__ */ l(a, {})
+					children: /* @__PURE__ */ s(i, {})
 				}),
-				/* @__PURE__ */ l(t, {
+				/* @__PURE__ */ s(t, {
 					value: "requirements",
-					children: /* @__PURE__ */ l(o, {})
+					children: /* @__PURE__ */ s(a, {})
 				})
 			]
 		})
-	})] });
+	});
 }
 //#endregion
-export { d as ExpenseSettingsTabs, d as default };
+export { l as ExpenseSettingsTabs, l as default };

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js

@@ -60,10 +60,7 @@ function C({ labels: t, featureLabels: o, acceptInviteRedirectUri: m, helpContac
 		{
 			id: d.Team,
 			label: L.teamSection,
-			content: A ?? /* @__PURE__ */ b(_, {
-				title: L.teamSection,
-				acceptInviteRedirectUri: m
-			})
+			content: A ?? /* @__PURE__ */ b(_, { acceptInviteRedirectUri: m })
 		},
 		{
 			id: d.Invoice,
@@ -74,7 +71,6 @@ function C({ labels: t, featureLabels: o, acceptInviteRedirectUri: m, helpContac
 			id: d.Expense,
 			label: L.expenseSection,
 			content: N ?? /* @__PURE__ */ b(h, {
-				sectionTitle: L.expenseSection,
 				approvalsLabel: L.expenseApprovalsTab,
 				requirementsLabel: L.expenseRequirementsTab
 			})
@@ -87,7 +83,7 @@ function C({ labels: t, featureLabels: o, acceptInviteRedirectUri: m, helpContac
 		{
 			id: d.Accounting,
 			label: L.accountingSection,
-			content: P ?? /* @__PURE__ */ b(s, { title: L.accountingSection })
+			content: P ?? /* @__PURE__ */ b(s, {})
 		},
 		{
 			id: d.Tags,

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/SettingsWidgetUi.js

@@ -3,49 +3,48 @@
 "use client";
 "use client";
 import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_LABELS as i } from "./labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { SectionHeading as i } from "../../../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import "../../../../../shared/ui/dist/index.js";
+import { DEFAULT_LABELS as a } from "./labels.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/SettingsWidgetUi.js
-function s({ labels: s, sections: c, selectedSectionId: l, onSectionChange: u }) {
-	let d = {
-		...i,
-		...s
+function c({ labels: c, sections: l, selectedSectionId: u, onSectionChange: d }) {
+	let f = {
+		...a,
+		...c
 	};
-	return /* @__PURE__ */ o("section", {
+	return /* @__PURE__ */ s("section", {
 		className: "ttw:w-full ttw:space-y-5",
-		children: [/* @__PURE__ */ o("div", {
+		children: [f.description ? /* @__PURE__ */ o("div", {
 			className: "ttw:min-w-0",
-			children: [/* @__PURE__ */ a("h2", {
-				className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-				children: d.title
-			}), d.description ? /* @__PURE__ */ a("p", {
-				className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
-				children: d.description
-			}) : null]
-		}), /* @__PURE__ */ a(e, {
-			value: l,
-			onValueChange: u,
+			children: /* @__PURE__ */ o("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: f.description
+			})
+		}) : null, /* @__PURE__ */ o(e, {
+			value: u,
+			onValueChange: d,
 			className: "ttw:w-full",
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ s("div", {
 				"data-slot": "settings-widget-layout",
 				className: "ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-5",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ o("div", {
 					"data-slot": "settings-widget-nav",
 					className: "ttw:flex ttw:basis-56 ttw:grow-0 ttw:shrink-0 ttw:flex-col ttw:gap-4",
-					children: /* @__PURE__ */ a(n, {
+					children: /* @__PURE__ */ o(n, {
 						className: "ttw:h-auto ttw:w-full ttw:max-w-full ttw:flex-col ttw:items-stretch ttw:justify-start ttw:gap-1 ttw:overflow-x-visible ttw:bg-transparent ttw:p-0",
-						children: c.map((e) => /* @__PURE__ */ a(r, {
+						children: l.map((e) => /* @__PURE__ */ o(r, {
 							value: e.id,
 							className: "ttw:w-full ttw:shrink-0 ttw:justify-start ttw:rounded-md ttw:px-3 ttw:py-2 ttw:hover:bg-muted/60 ttw:data-[state=active]:bg-primary/10 ttw:data-[state=active]:font-medium ttw:data-[state=active]:text-primary ttw:group-data-[variant=default]/tabs-list:data-[state=active]:bg-primary/10 ttw:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none",
 							children: e.label
 						}, e.id))
 					})
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ o("div", {
 					"data-slot": "settings-widget-content",
 					className: "ttw:min-w-80 ttw:flex-1",
-					children: c.map((e) => /* @__PURE__ */ a(t, {
+					children: l.map((e) => /* @__PURE__ */ s(t, {
 						value: e.id,
-						children: e.content
+						children: [/* @__PURE__ */ o(i, { children: e.label }), e.content]
 					}, e.id))
 				})]
 			})
@@ -53,4 +52,4 @@ function s({ labels: s, sections: c, selectedSectionId: l, onSectionChange: u })
 	});
 }
 //#endregion
-export { s as SettingsWidgetUi };
+export { c as SettingsWidgetUi };

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/labels.js

@@ -1,4 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/labels.js
-var e = { title: "Settings" };
+var e = {};
 //#endregion
 export { e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index11.js

@@ -4,7 +4,7 @@ import { useMemo as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Plus as u } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index11.js
-var d = ({ onAddRule: d, addRuleDisabled: f, addRuleDisabledReason: p, labels: m, headingComponent: h = "h1" }) => {
+var d = ({ onAddRule: d, addRuleDisabled: f, addRuleDisabledReason: p, labels: m, headingComponent: h = "h2" }) => {
 	let g = s(() => ({
 		...o,
 		...m