@tesouro/embedded-components-react 0.2.176 → 0.2.177

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

@@ -1,27 +1,29 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { Button as l } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { AlertCircleIcon as o } from "lucide-react";
-function x({
-  icon: s,
-  title: n,
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Button as o } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AlertCircleIcon as a } from "lucide-react";
+function f({
+  icon: i,
+  title: c,
   description: e,
   retryLabel: r,
-  onRetry: w,
-  className: i
+  onRetry: s,
+  className: w,
+  testId: n
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center" + (i ? ` ${i}` : ""),
+      "data-testid": n,
+      className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center" + (w ? ` ${w}` : ""),
       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-destructive/10", children: s ?? /* @__PURE__ */ t(o, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
-        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: n }),
+        /* @__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-destructive/10", children: i ?? /* @__PURE__ */ t(a, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
+        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: c }),
         e && /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e }),
-        r && w && /* @__PURE__ */ t(l, { variant: "outline", onClick: w, children: r })
+        r && s && /* @__PURE__ */ t(o, { variant: "outline", onClick: s, children: r })
       ]
     }
   );
 }
 export {
-  x as ErrorState
+  f as ErrorState
 };

package/dist/libs/tesouro-embedded-components-react/tags-widget/feature/dist/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as a, jsxs as h, Fragment as d } from "react/jsx-runtime";
+import { jsx as a, jsxs as d, Fragment as h } from "react/jsx-runtime";
 import { useEffect as f } from "react";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
@@ -16,9 +16,9 @@ import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as u } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
 import { useAnalyticsTrack as P } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as b, TagsWidgetAnalyticsEvent as k } from "./index3.js";
-import { TagsScreen as y } from "../../ui/dist/index3.js";
-import { TagFormSheet as S } from "../../ui/dist/index4.js";
+import { WIDGET_NAME as b, TagsWidgetAnalyticsEvent as y } from "./index3.js";
+import { TagsScreen as S } from "../../ui/dist/index3.js";
+import { TagFormSheet as k } from "../../ui/dist/index4.js";
 import { TagDeleteDialog as w } from "../../ui/dist/index5.js";
 import { PAGE_SIZE_OPTIONS as T } from "./index4.js";
 import { useTagsWidget as E } from "./index5.js";
@@ -31,7 +31,7 @@ function N({
 }) {
   const r = P();
   f(() => {
-    r(k.Mounted);
+    r(y.Mounted);
   }, [r]);
   const {
     selectedTag: t,
@@ -42,9 +42,9 @@ function N({
     handleDeleteClick: c,
     handleFormDelete: C
   } = E({ messageLabels: l });
-  return /* @__PURE__ */ h(d, { children: [
+  return /* @__PURE__ */ d(h, { children: [
     /* @__PURE__ */ a(
-      y,
+      S,
       {
         tags: o.rows,
         isLoading: o.isLoading,
@@ -62,11 +62,12 @@ function N({
         onRowClick: p,
         onDeleteClick: c,
         onRetry: o.onRetry,
-        labels: s
+        labels: s,
+        emptyStateTestId: "tags-widget-empty-state"
       }
     ),
     /* @__PURE__ */ a(
-      S,
+      k,
       {
         open: e.open,
         onOpenChange: e.onOpenChange,

package/dist/libs/tesouro-embedded-components-react/tags-widget/ui/dist/index3.js

@@ -1,15 +1,15 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { PlusIcon as z, MoreVerticalIcon as A, Trash2Icon as D, ArrowUpIcon as b, ArrowDownIcon as I, ArrowUpDownIcon as T } from "lucide-react";
-import { Button as c, DataTable as L, DropdownMenu as k, DropdownMenuTrigger as E, DropdownMenuContent as K, DropdownMenuItem as M } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PlusIcon as A, MoreVerticalIcon as D, Trash2Icon as I, ArrowUpIcon as T, ArrowDownIcon as b, ArrowUpDownIcon as L } from "lucide-react";
+import { Button as c, DataTable as k, DropdownMenu as E, DropdownMenuTrigger as K, DropdownMenuContent as M, DropdownMenuItem as R } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { EmptyState as R } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as B } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { EmptyState as B } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as j } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { SectionHeading as j } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-import { TAGS_SCREEN_LABELS_EN as U } from "./index2.js";
-const _ = [10, 25, 50, 100];
+import { SectionHeading as U } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import { TAGS_SCREEN_LABELS_EN as _ } from "./index2.js";
+const H = [10, 25, 50, 100];
 function g({
   label: n,
   isSorted: r,
@@ -17,10 +17,10 @@ function g({
 }) {
   return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
     n,
-    /* @__PURE__ */ e(c, { variant: "ghost", size: "icon-sm", onClick: i, children: r === "asc" ? /* @__PURE__ */ e(b, { className: "ttw:size-4" }) : r === "desc" ? /* @__PURE__ */ e(I, { className: "ttw:size-4" }) : /* @__PURE__ */ e(T, { className: "ttw:size-4" }) })
+    /* @__PURE__ */ e(c, { variant: "ghost", size: "icon-sm", onClick: i, children: r === "asc" ? /* @__PURE__ */ e(T, { className: "ttw:size-4" }) : r === "desc" ? /* @__PURE__ */ e(b, { className: "ttw:size-4" }) : /* @__PURE__ */ e(L, { className: "ttw:size-4" }) })
   ] });
 }
-function Z({
+function $({
   tags: n,
   isLoading: r,
   isError: i,
@@ -28,7 +28,7 @@ function Z({
   onSortingChange: p,
   pageSize: h,
   onPageSizeChange: w,
-  pageSizeOptions: u = _,
+  pageSizeOptions: u = H,
   hasNextPage: S,
   hasPrevPage: y,
   onNextPage: C,
@@ -37,9 +37,10 @@ function Z({
   onRowClick: f,
   onDeleteClick: P,
   onRetry: d,
-  labels: v
+  labels: x,
+  emptyStateTestId: z
 }) {
-  const t = { ...U, ...v }, x = [
+  const t = { ..._, ...x }, v = [
     { accessorKey: "name", header: t.columnName },
     { accessorKey: "categoryLabel", header: t.columnCategory },
     { accessorKey: "keywords", header: t.columnKeywords },
@@ -69,8 +70,8 @@ function Z({
     {
       id: "actions",
       header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: t.columnActions }),
-      cell: ({ row: o }) => /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ a(k, { children: [
-        /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ a(
+      cell: ({ row: o }) => /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ a(E, { children: [
+        /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(
           c,
           {
             variant: "ghost",
@@ -78,19 +79,19 @@ function Z({
             onClick: (s) => s.stopPropagation(),
             children: [
               /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: t.openActionsMenu }),
-              /* @__PURE__ */ e(A, { className: "ttw:size-4" })
+              /* @__PURE__ */ e(D, { className: "ttw:size-4" })
             ]
           }
         ) }),
-        /* @__PURE__ */ e(K, { align: "end", children: /* @__PURE__ */ a(
-          M,
+        /* @__PURE__ */ e(M, { align: "end", children: /* @__PURE__ */ a(
+          R,
           {
             variant: "destructive",
             onClick: (s) => {
               s.stopPropagation(), P(o.original);
             },
             children: [
-              /* @__PURE__ */ e(D, { className: "ttw:size-4" }),
+              /* @__PURE__ */ e(I, { className: "ttw:size-4" }),
               t.actionDelete
             ]
           }
@@ -100,14 +101,14 @@ function Z({
   ];
   return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
     /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-      /* @__PURE__ */ e(j, { children: t.title }),
+      /* @__PURE__ */ e(U, { children: t.title }),
       /* @__PURE__ */ a(c, { size: "sm", onClick: l, children: [
-        /* @__PURE__ */ e(z, { "aria-hidden": !0, className: "ttw:size-4" }),
+        /* @__PURE__ */ e(A, { "aria-hidden": !0, className: "ttw:size-4" }),
         t.createButton
       ] })
     ] }),
     i ? /* @__PURE__ */ e(
-      B,
+      j,
       {
         title: t.errorTitle,
         description: t.errorDescription,
@@ -115,9 +116,9 @@ function Z({
         onRetry: d
       }
     ) : /* @__PURE__ */ e(
-      L,
+      k,
       {
-        columns: x,
+        columns: v,
         data: n,
         isLoading: r,
         sorting: m,
@@ -131,8 +132,9 @@ function Z({
         onPrevPage: N,
         onRowClick: f,
         children: /* @__PURE__ */ e(
-          R,
+          B,
           {
+            testId: z,
             title: t.emptyTitle,
             description: t.emptyDescription,
             actionLabel: t.emptyAction,
@@ -144,5 +146,5 @@ function Z({
   ] });
 }
 export {
-  Z as TagsScreen
+  $ as TagsScreen
 };

package/package.json

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