@tesouro/embedded-components-react 0.9.30 → 0.9.32

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js

@@ -24,7 +24,7 @@ function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
 			onValueChange: u,
 			className: "ttw:w-full",
 			children: [/* @__PURE__ */ a(n, {
-				variant: "line",
+				variant: "underline",
 				children: c.map((e) => /* @__PURE__ */ a(r, {
 					value: e.id,
 					children: e.label

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesScreen/ExpensesScreen.js

@@ -36,7 +36,7 @@ function p({ labels: p, header: m, headerLabels: h, myTransactionsContent: g, te
 				/* @__PURE__ */ d("div", {
 					className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-2",
 					children: [/* @__PURE__ */ d(a, {
-						variant: "line",
+						variant: "underline",
 						className: "ttw:flex ttw:flex-wrap ttw:justify-start",
 						children: [
 							_ ? /* @__PURE__ */ d(o, {

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

@@ -35,7 +35,7 @@ function c({ labels: c, sections: l, selectedSectionId: u, onSectionChange: d })
 						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: 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",
+							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:after:hidden",
 							children: e.label
 						}, e.id))
 					})

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.9.30", n = "b631e4bd81d6433ce07f6d679b078083d68155c9", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.32", n = "a94615c7b5725b833f24e0c7bb1f5c1a1388ca97", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/index.js

@@ -13,8 +13,12 @@ import { HostIsolationScope as u } from "./lib/HostIsolationScope/HostIsolationS
 import { Link as d } from "./lib/Link/Link.js";
 import "./lib/WidgetFrame/WidgetFrame.js";
 import { WidgetContainer as f } from "./lib/WidgetContainer/WidgetContainer.js";
+import "./lib/StatePanel/labels.js";
+import "./lib/StatePanel/StatePanel.js";
 import { EmptyState as p } from "./lib/EmptyState/EmptyState.js";
 import { ERROR_STATE_ID as m, ErrorState as h } from "./lib/ErrorState/ErrorState.js";
+import "./lib/StatePanel/NoAccessState.js";
+import "./lib/LoadingRegion/LoadingRegion.js";
 import { InlineErrorAlert as g } from "./lib/InlineErrorAlert/InlineErrorAlert.js";
 import { PAGINATION_FOOTER_LABELS_EN as _ } from "./lib/PaginationFooter/labels.js";
 import { PaginationFooter as v } from "./lib/PaginationFooter/PaginationFooter.js";

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js

@@ -1,29 +1,19 @@
 import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { InboxIcon as r } from "lucide-react";
+import { StatePanel as t } from "../StatePanel/StatePanel.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js
 function i({ icon: i, title: a, description: o, actionLabel: s, actionIcon: c, onAction: l, className: u, testId: d }) {
-	return /* @__PURE__ */ n("div", {
-		"data-testid": d,
-		className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center" + (u ? ` ${u}` : ""),
-		children: [
-			/* @__PURE__ */ t("div", {
-				className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted",
-				children: i ?? /* @__PURE__ */ t(r, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" })
-			}),
-			/* @__PURE__ */ t("h3", {
-				className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
-				children: a
-			}),
-			o && /* @__PURE__ */ t("p", {
-				className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
-				children: o
-			}),
-			s && l && /* @__PURE__ */ n(e, {
-				onClick: l,
-				children: [c, s]
-			})
-		]
+	return /* @__PURE__ */ n(t, {
+		kind: "empty",
+		icon: i,
+		title: a,
+		description: o,
+		className: u,
+		testId: d,
+		action: s && l ? /* @__PURE__ */ r(e, {
+			onClick: l,
+			children: [c, s]
+		}) : void 0
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js

@@ -1,32 +1,22 @@
-import { Button as e, cn as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { AlertCircleIcon as i } from "lucide-react";
+import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { StatePanel as t } from "../StatePanel/StatePanel.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js
-var a = "error-state";
-function o({ icon: a, title: o, description: s, retryLabel: c, onRetry: l, className: u, testId: d }) {
-	return /* @__PURE__ */ r("div", {
-		"data-testid": d,
-		className: t("ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", u),
-		children: [
-			/* @__PURE__ */ n("div", {
-				className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10",
-				children: a ?? /* @__PURE__ */ n(i, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" })
-			}),
-			/* @__PURE__ */ n("h3", {
-				className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
-				children: o
-			}),
-			s && /* @__PURE__ */ n("p", {
-				className: t("ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", c && l && "ttw:mb-6"),
-				children: s
-			}),
-			c && l && /* @__PURE__ */ n(e, {
-				variant: "outline",
-				onClick: l,
-				children: c
-			})
-		]
+var r = "error-state";
+function i({ icon: r, title: i, description: a, retryLabel: o, onRetry: s, className: c, testId: l }) {
+	return /* @__PURE__ */ n(t, {
+		kind: "error",
+		icon: r,
+		title: i,
+		description: a,
+		className: c,
+		testId: l,
+		action: o && s ? /* @__PURE__ */ n(e, {
+			variant: "outline",
+			onClick: s,
+			children: o
+		}) : void 0
 	});
 }
 //#endregion
-export { a as ERROR_STATE_ID, o as ErrorState, o as default };
+export { r as ERROR_STATE_ID, i as ErrorState, i as default };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/LoadingRegion/LoadingRegion.js

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/PaginationFooter/PaginationFooter.js

@@ -2,62 +2,31 @@
 "use client";
 "use client";
 "use client";
-import { Button as e, Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { PAGINATION_FOOTER_LABELS_EN as o } from "./labels.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { ChevronLeft as l, ChevronRight as u } from "lucide-react";
+import { TablePagination as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PAGINATION_FOOTER_LABELS_EN as t } from "./labels.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/PaginationFooter/PaginationFooter.js
-function d({ pageSize: d, pageSizeOptions: f, rangeLabel: p, isPreviousDisabled: m = !1, isNextDisabled: h = !1, isDisabled: g = !1, onPageSizeChange: _, onPreviousPageClick: v, onNextPageClick: y, labels: b }) {
-	let x = {
-		...o,
-		...b
+function r({ pageSize: r, pageSizeOptions: i, rangeLabel: a, isPreviousDisabled: o = !1, isNextDisabled: s = !1, isDisabled: c = !1, onPageSizeChange: l, onPreviousPageClick: u, onNextPageClick: d, labels: f }) {
+	let p = {
+		...t,
+		...f
 	};
-	return /* @__PURE__ */ c("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-end ttw:gap-8 ttw:border-t ttw:border-border ttw:p-3",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2",
-				children: [/* @__PURE__ */ s("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: x.rowsPerPageLabel
-				}), /* @__PURE__ */ c(t, {
-					value: String(d),
-					disabled: g,
-					onValueChange: (e) => _(Number(e)),
-					children: [/* @__PURE__ */ s(i, {
-						size: "sm",
-						className: "ttw:w-[4.5rem]",
-						children: /* @__PURE__ */ s(a, {})
-					}), /* @__PURE__ */ s(n, { children: f.map((e) => /* @__PURE__ */ s(r, {
-						value: String(e),
-						children: e
-					}, e)) })]
-				})]
-			}),
-			/* @__PURE__ */ s("span", {
-				className: "ttw:text-sm ttw:text-muted-foreground ttw:tabular-nums",
-				children: p
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2",
-				children: [/* @__PURE__ */ s(e, {
-					variant: "ghost",
-					size: "icon-sm",
-					"aria-label": x.previousPageButton,
-					disabled: g || m,
-					onClick: v,
-					children: /* @__PURE__ */ s(l, { className: "ttw:size-4" })
-				}), /* @__PURE__ */ s(e, {
-					variant: "ghost",
-					size: "icon-sm",
-					"aria-label": x.nextPageButton,
-					disabled: g || h,
-					onClick: y,
-					children: /* @__PURE__ */ s(u, { className: "ttw:size-4" })
-				})]
-			})
-		]
+	return /* @__PURE__ */ n(e, {
+		pageSize: r,
+		pageSizeOptions: i,
+		onPageSizeChange: l,
+		pageInfo: a,
+		hasPrevPage: !o,
+		hasNextPage: !s,
+		onPrevPage: u,
+		onNextPage: d,
+		disabled: c,
+		labels: {
+			rowsPerPage: p.rowsPerPageLabel,
+			previousPage: p.previousPageButton,
+			nextPage: p.nextPageButton
+		}
 	});
 }
 //#endregion
-export { d as PaginationFooter, d as default };
+export { r as PaginationFooter, r as default };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/SectionHeading/SectionHeading.js

@@ -1,10 +1,11 @@
-import { cn as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t } from "react/jsx-runtime";
+import { Heading as e, cn as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/SectionHeading/SectionHeading.js
-var n = "ttw:mb-4 ttw:text-2xl ttw:font-semibold ttw:text-foreground";
 function r({ children: r, className: i }) {
-	return /* @__PURE__ */ t("h2", {
-		className: e(n, i),
+	return /* @__PURE__ */ n(e, {
+		variant: "section",
+		level: 2,
+		className: t("ttw:mb-4", i),
 		children: r
 	});
 }

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/StatePanel/NoAccessState.js

@@ -0,0 +1,2 @@
+import "./StatePanel.js";
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/StatePanel/StatePanel.js

@@ -0,0 +1,49 @@
+import { Heading as e, cn as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { STATE_PANEL_LABELS_EN as n } from "./labels.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { CircleAlertIcon as a, InboxIcon as o, LockIcon as s } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/StatePanel/StatePanel.js
+var c = {
+	Empty: "empty",
+	Error: "error",
+	NoAccess: "noAccess"
+}, l = {
+	empty: /* @__PURE__ */ r(o, {}),
+	error: /* @__PURE__ */ r(a, {}),
+	noAccess: /* @__PURE__ */ r(s, {})
+};
+function u({ kind: a, icon: o, title: s, description: u, action: d, headingLevel: f = 3, labels: p, className: m, testId: h }) {
+	let g = {
+		...n,
+		...p
+	}, _ = u ?? (a === c.NoAccess ? g.noAccessDescription : void 0);
+	return /* @__PURE__ */ i("div", {
+		"data-testid": h,
+		"data-slot": "state-panel",
+		"data-kind": a,
+		role: a === c.Error ? "alert" : void 0,
+		className: t("ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-1 ttw:px-4 ttw:py-14 ttw:text-center", m),
+		children: [
+			/* @__PURE__ */ r("span", {
+				"aria-hidden": !0,
+				className: "ttw:mb-2 ttw:flex ttw:text-muted-foreground ttw:[&_svg]:size-5 ttw:[&_svg]:text-muted-foreground",
+				children: o ?? l[a]
+			}),
+			/* @__PURE__ */ r(e, {
+				variant: "component",
+				level: f,
+				children: s
+			}),
+			_ ? /* @__PURE__ */ r("p", {
+				className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
+				children: _
+			}) : null,
+			d ? /* @__PURE__ */ r("div", {
+				className: "ttw:mt-3",
+				children: d
+			}) : null
+		]
+	});
+}
+//#endregion
+export { u as StatePanel, u as default, c as StatePanelKind };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/StatePanel/labels.js

@@ -0,0 +1,4 @@
+//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/StatePanel/labels.js
+var e = { noAccessDescription: "Ask a company admin for access." };
+//#endregion
+export { e as STATE_PANEL_LABELS_EN };