@tesouro/embedded-components-react 0.4.5 → 0.4.6

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js

@@ -2,135 +2,132 @@
 "use client";
 "use client";
 "use client";
-import { Button as e, Skeleton as t, Switch as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c, Typography 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 { PaginationFooter as f } from "../../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
+import { Button as e, Skeleton as t, Switch as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as l } from "../../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as u } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { PaginationFooter as d } from "../../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
 import "../../../../../shared/ui/dist/index.js";
-import { resolveCardsListLabels as p } from "./labels.js";
-import { CardsListRow as m } from "./CardsListRow.js";
-import { useId as h, useMemo as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { CreditCardIcon as b, PlusIcon as x } from "lucide-react";
+import { resolveCardsListLabels as f } from "./labels.js";
+import { CardsListRow as p } from "./CardsListRow.js";
+import { useId as m, useMemo as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CreditCardIcon as y, PlusIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js
-var S = [
+var x = [
 	10,
 	25,
 	50
-], C = 5;
-function w({ columnCount: e }) {
-	return /* @__PURE__ */ v(_, { children: Array.from({ length: C }).map((n, r) => /* @__PURE__ */ v(c, {
+], S = 5;
+function C({ columnCount: e }) {
+	return /* @__PURE__ */ _(g, { children: Array.from({ length: S }).map((n, r) => /* @__PURE__ */ _(c, {
 		className: "ttw:h-18",
-		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(t, { className: "ttw:h-4 ttw:w-24" }) }, n))
+		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(t, { className: "ttw:h-4 ttw:w-24" }) }, n))
 	}, r)) });
 }
-function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleShowMyCards: E = !1, isShowingMyCards: D = !0, onShowMyCardsChange: O, canCreateCard: k = !1, onCreateCardClick: A, onRetry: j, isPaginationVisible: M = !1, pageSize: N = 10, pageSizeOptions: P = S, rangeLabel: F = "", isPreviousPageDisabled: I = !1, isNextPageDisabled: L = !1, onPageSizeChange: R, onPreviousPageClick: z, onNextPageClick: B, labels: V, testIds: H }) {
-	let U = h(), W = g(() => p(V), [V]), G = !!(k && A), K = R && z && B ? {
-		onPageSizeChange: R,
-		onPreviousPageClick: z,
-		onNextPageClick: B
-	} : void 0, q = _.length + 1;
-	return /* @__PURE__ */ y("section", {
-		"aria-label": W.regionLabel,
-		"aria-busy": C || void 0,
-		"data-testid": H?.root,
+function w({ rows: t, columns: g, isLoading: S = !1, isError: w = !1, canToggleShowMyCards: T = !1, isShowingMyCards: E = !0, onShowMyCardsChange: D, canCreateCard: O = !1, onCreateCardClick: k, onRetry: A, isPaginationVisible: j = !1, pageSize: M = 10, pageSizeOptions: N = x, rangeLabel: P = "", isPreviousPageDisabled: F = !1, isNextPageDisabled: I = !1, onPageSizeChange: L, onPreviousPageClick: R, onNextPageClick: z, labels: B, testIds: V }) {
+	let H = m(), U = h(() => f(B), [B]), W = !!(O && k), G = L && R && z ? {
+		onPageSizeChange: L,
+		onPreviousPageClick: R,
+		onNextPageClick: z
+	} : void 0, K = g.length + 1;
+	return /* @__PURE__ */ v("section", {
+		"aria-label": U.regionLabel,
+		"aria-busy": S || void 0,
+		"data-testid": V?.root,
 		children: [
-			/* @__PURE__ */ y("header", {
-				className: "ttw:mb-5 ttw:flex ttw:flex-wrap ttw:items-start ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ v(l, {
-					variant: "h2",
-					children: W.title
-				}), G && /* @__PURE__ */ y(e, {
+			W && /* @__PURE__ */ _("header", {
+				className: "ttw:mb-5 ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ v(e, {
 					size: "sm",
-					disabled: C,
-					onClick: A,
-					children: [/* @__PURE__ */ v(x, {
+					disabled: S,
+					onClick: k,
+					children: [/* @__PURE__ */ _(b, {
 						"aria-hidden": !0,
 						className: "ttw:size-4"
-					}), W.createCardButton]
-				})]
+					}), U.createCardButton]
+				})
 			}),
-			C && /* @__PURE__ */ v("span", {
+			S && /* @__PURE__ */ _("span", {
 				role: "status",
 				className: "ttw:sr-only",
-				children: W.loadingLabel
+				children: U.loadingLabel
 			}),
-			E && O && /* @__PURE__ */ y("div", {
+			T && D && /* @__PURE__ */ v("div", {
 				className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-3",
-				children: [/* @__PURE__ */ v(n, {
-					checked: D,
-					disabled: C,
-					onCheckedChange: O,
-					"aria-labelledby": U
-				}), /* @__PURE__ */ v("span", {
-					id: U,
+				children: [/* @__PURE__ */ _(n, {
+					checked: E,
+					disabled: S,
+					onCheckedChange: D,
+					"aria-labelledby": H
+				}), /* @__PURE__ */ _("span", {
+					id: H,
 					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-					children: W.showMyCardsToggle
+					children: U.showMyCardsToggle
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border ttw:bg-card",
-				children: [/* @__PURE__ */ y(r, { children: [/* @__PURE__ */ v(s, { children: /* @__PURE__ */ y(c, {
+				children: [/* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(s, { children: /* @__PURE__ */ v(c, {
 					className: "ttw:hover:bg-transparent",
-					children: [_.map((e) => /* @__PURE__ */ v(o, {
+					children: [g.map((e) => /* @__PURE__ */ _(o, {
 						className: "ttw:text-sm",
-						children: W.columnHeaders[e]
-					}, e)), /* @__PURE__ */ v(o, {
+						children: U.columnHeaders[e]
+					}, e)), /* @__PURE__ */ _(o, {
 						className: "ttw:w-[90px]",
-						children: /* @__PURE__ */ v("span", {
+						children: /* @__PURE__ */ _("span", {
 							className: "ttw:sr-only",
-							children: W.rowActionsColumn
+							children: U.rowActionsColumn
 						})
 					})]
-				}) }), /* @__PURE__ */ v(i, { children: T ? /* @__PURE__ */ v(c, {
+				}) }), /* @__PURE__ */ _(i, { children: w ? /* @__PURE__ */ _(c, {
 					className: "ttw:hover:bg-transparent",
-					children: /* @__PURE__ */ v(a, {
-						colSpan: q,
+					children: /* @__PURE__ */ _(a, {
+						colSpan: K,
 						className: "ttw:p-0",
-						children: /* @__PURE__ */ v(d, {
-							title: W.errorTitle,
-							description: W.errorDescription,
-							retryLabel: W.retryButton,
-							onRetry: j
+						children: /* @__PURE__ */ _(u, {
+							title: U.errorTitle,
+							description: U.errorDescription,
+							retryLabel: U.retryButton,
+							onRetry: A
 						})
 					})
-				}) : C ? /* @__PURE__ */ v(w, { columnCount: q }) : t.length === 0 ? /* @__PURE__ */ v(c, {
+				}) : S ? /* @__PURE__ */ _(C, { columnCount: K }) : t.length === 0 ? /* @__PURE__ */ _(c, {
 					className: "ttw:hover:bg-transparent",
-					children: /* @__PURE__ */ v(a, {
-						colSpan: q,
+					children: /* @__PURE__ */ _(a, {
+						colSpan: K,
 						className: "ttw:p-0",
-						children: /* @__PURE__ */ v(u, {
-							icon: /* @__PURE__ */ v(b, { className: "ttw:size-6 ttw:text-muted-foreground" }),
-							title: W.emptyTitle,
-							description: W.emptyDescription,
-							actionLabel: G ? W.createCardButton : void 0,
-							actionIcon: /* @__PURE__ */ v(x, {
+						children: /* @__PURE__ */ _(l, {
+							icon: /* @__PURE__ */ _(y, { className: "ttw:size-6 ttw:text-muted-foreground" }),
+							title: U.emptyTitle,
+							description: U.emptyDescription,
+							actionLabel: W ? U.createCardButton : void 0,
+							actionIcon: /* @__PURE__ */ _(b, {
 								"aria-hidden": !0,
 								className: "ttw:size-4"
 							}),
-							onAction: G ? A : void 0
+							onAction: W ? k : void 0
 						})
 					})
-				}) : t.map((e) => /* @__PURE__ */ v(m, {
-					testIds: H?.row,
+				}) : t.map((e) => /* @__PURE__ */ _(p, {
+					testIds: V?.row,
 					row: e,
-					columns: _,
-					labels: W
-				}, e.key)) })] }), M && K && /* @__PURE__ */ v(f, {
-					pageSize: N,
-					pageSizeOptions: P,
-					rangeLabel: F,
-					isPreviousDisabled: I,
-					isNextDisabled: L,
-					isDisabled: C,
-					onPageSizeChange: K.onPageSizeChange,
-					onPreviousPageClick: K.onPreviousPageClick,
-					onNextPageClick: K.onNextPageClick,
-					labels: W.pagination
+					columns: g,
+					labels: U
+				}, e.key)) })] }), j && G && /* @__PURE__ */ _(d, {
+					pageSize: M,
+					pageSizeOptions: N,
+					rangeLabel: P,
+					isPreviousDisabled: F,
+					isNextDisabled: I,
+					isDisabled: S,
+					onPageSizeChange: G.onPageSizeChange,
+					onPreviousPageClick: G.onPreviousPageClick,
+					onNextPageClick: G.onNextPageClick,
+					labels: U.pagination
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { T as CardsList, T as default };
+export { w as CardsList, w as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/labels.js

@@ -2,7 +2,6 @@ import { PAGINATION_FOOTER_LABELS_EN as e } from "../../../../../shared/ui/dist/
 import "../../../../../shared/ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/labels.js
 var t = {
-	title: "Cards",
 	regionLabel: "Cards",
 	columnHeaders: {
 		cardName: "Card name",

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.4.5", n = "8e167254e3d8cfa7777a923bbd458c5f8aea8ab0", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.4.6", n = "1b466c8e06929fd3447344fe3c85c6c7b11affd5", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js

@@ -29,8 +29,8 @@ var t = {
 	sections: {
 		dashboard: {},
 		cards: {
-			creditCards: { labels: { title: "Credit cards" } },
-			debitCards: { labels: { title: "Debit cards" } }
+			creditCardsTitle: "Credit cards",
+			debitCardsTitle: "Debit cards"
 		},
 		expenses: { expensesUnavailable: "Expenses are not available in this suite yet." }
 	}

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js

@@ -6,21 +6,23 @@ import { useWidgetSuiteProvider as e } from "./index6.js";
 import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
-import { CreditCardsWidget as r } from "../../../cards-widget/feature/dist/index10.js";
-import { DebitCardsWidget as i } from "../../../cards-widget/feature/dist/index11.js";
+import { SectionHeading as r } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import "../../../shared/ui/dist/index.js";
+import { CreditCardsWidget as i } from "../../../cards-widget/feature/dist/index10.js";
+import { DebitCardsWidget as a } from "../../../cards-widget/feature/dist/index11.js";
 import "../../../cards-widget/feature/dist/index.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js
-function s() {
-	let { grantedScopes: s, labels: c } = e();
-	return /* @__PURE__ */ o("div", {
+function c() {
+	let { grantedScopes: c, labels: l } = e(), u = l.sections.cards;
+	return /* @__PURE__ */ s("div", {
 		className: "ttw:grid ttw:gap-8",
-		children: [t(s, [n.CreditCardReadOrg]) && /* @__PURE__ */ a(r, { ...c.sections.cards.creditCards }), t(s, [n.DebitCardReadOrg]) && /* @__PURE__ */ a(i, { ...c.sections.cards.debitCards })]
+		children: [t(c, [n.CreditCardReadOrg]) && /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(r, { children: u.creditCardsTitle }), /* @__PURE__ */ o(i, { ...u.creditCards })] }), t(c, [n.DebitCardReadOrg]) && /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(r, { children: u.debitCardsTitle }), /* @__PURE__ */ o(a, { ...u.debitCards })] })]
 	});
 }
-var c = {
+var l = {
 	anyOfScopes: [n.CreditCardReadOrg, n.DebitCardReadOrg],
-	Content: s
+	Content: c
 };
 //#endregion
-export { s as CardsSection, c as cardsSection };
+export { c as CardsSection, l as cardsSection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {