@tesouro/embedded-components-react 0.2.222 → 0.2.224

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js

@@ -1,210 +1,224 @@
-import { jsxs as n, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { ArrowUpIcon as j, ArrowDownIcon as O, ArrowUpDownIcon as B, MoreVerticalIcon as H, PencilIcon as _, Trash2Icon as F, AlertCircleIcon as K, FileTextIcon as V, PlusIcon as R, ExternalLinkIcon as U } from "lucide-react";
-import { TableRow as u, TableCell as s, Skeleton as N, Button as d, DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as Z, DropdownMenuItem as C, DataTable as q, Table as W, TableHeader as X, TableHead as g, TableBody as Y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { PlusIcon as k, AlertCircleIcon as F, ArrowUpIcon as K, ArrowDownIcon as R, ArrowUpDownIcon as U, MoreVerticalIcon as G, PencilIcon as $, Trash2Icon as J, FileTextIcon as Q } from "lucide-react";
+import { TableRow as x, TableCell as c, Skeleton as P, DataTable as L, Button as m, Table as V, TableHeader as Z, TableHead as p, TableBody as q, DropdownMenu as W, DropdownMenuTrigger as X, DropdownMenuContent as Y, DropdownMenuItem as M } 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 "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { SectionHeading as $ } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-const tt = {
-  columnName: "Name",
-  columnGlCode: "GL Code",
-  columnDescription: "Description",
-  columnActions: "Actions",
-  actionEdit: "Edit",
-  actionDelete: "Delete",
-  emptyTitle: "No Accounting Categories Created",
-  emptyDescription: "To begin adding your GL Codes, connect your accounting software on the settings page or upload a CSV with your GL codes.",
-  emptyAddIntegration: "Add integration",
-  emptyImportCsv: "Import CSV",
-  emptyLearnMore: "Learn more about Integrations",
-  errorTitle: "Failed to Load GL Codes",
-  errorDescription: "Something went wrong while fetching your GL codes. Please try again.",
-  paginationPrev: "Previous",
-  paginationNext: "Next"
-};
-function et({ labels: e }) {
-  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", 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: /* @__PURE__ */ t(K, { 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: e.errorTitle }),
-    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.errorDescription })
+import { SectionHeading as tt } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import { CHART_OF_ACCOUNTS_LABELS_EN as et } from "./index5.js";
+function at({
+  labels: n
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", 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: /* @__PURE__ */ t(F, { 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.errorTitle }),
+    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: n.errorDescription })
   ] });
 }
-function nt({
-  labels: e,
-  onAddIntegration: o,
-  onImportCsv: a,
-  learnMoreHref: w,
-  testId: p
+function O({
+  title: n,
+  description: s,
+  addLabel: o,
+  onAdd: d,
+  testId: g
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
-      "data-testid": p,
+      "data-testid": g,
       className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
       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: /* @__PURE__ */ t(V, { 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: e.emptyTitle }),
-        /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription }),
-        (o ?? a) && /* @__PURE__ */ n("div", { className: "ttw:mb-4 ttw:flex ttw:gap-2", children: [
-          o && /* @__PURE__ */ n(d, { onClick: o, children: [
-            /* @__PURE__ */ t(R, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
-            e.emptyAddIntegration
-          ] }),
-          a && /* @__PURE__ */ t(d, { variant: "outline", onClick: a, children: e.emptyImportCsv })
-        ] }),
-        w && /* @__PURE__ */ n(
-          "a",
-          {
-            href: w,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-foreground ttw:underline-offset-4 hover:ttw:underline",
-            children: [
-              e.emptyLearnMore,
-              /* @__PURE__ */ t(U, { className: "ttw:h-3.5 ttw:w-3.5" })
-            ]
-          }
-        )
+        /* @__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: /* @__PURE__ */ t(Q, { 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: n }),
+        /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: s }),
+        d && /* @__PURE__ */ a(m, { onClick: d, children: [
+          /* @__PURE__ */ t(k, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
+          o
+        ] })
       ]
     }
   );
 }
-function b({
-  labels: e,
-  hasActions: o,
-  children: a
+function v({
+  labels: n,
+  hasActions: s,
+  children: o
 }) {
-  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ n(W, { children: [
-    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ n(u, { children: [
-      /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(d, { variant: "ghost", disabled: !0, className: "ttw:-ml-3", children: e.columnName }) }),
-      /* @__PURE__ */ t(g, { children: e.columnGlCode }),
-      /* @__PURE__ */ t(g, { children: e.columnDescription }),
-      o && /* @__PURE__ */ t(g, { className: "ttw:w-16 ttw:text-right", children: e.columnActions })
+  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ t(p, { children: n.columnGlCode }),
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(m, { variant: "ghost", disabled: !0, className: "ttw:-ml-3", children: n.columnName }) }),
+      /* @__PURE__ */ t(p, { children: n.columnDescription }),
+      s && /* @__PURE__ */ t(p, { className: "ttw:w-16 ttw:text-right", children: n.columnActions })
     ] }) }),
-    /* @__PURE__ */ t(Y, { children: a })
+    /* @__PURE__ */ t(q, { children: o })
   ] }) });
 }
-function wt({
-  data: e,
-  isLoading: o,
-  isError: a,
-  sorting: w,
-  onSortingChange: p,
-  pageSize: v,
-  onPageSizeChange: I,
-  pageSizeOptions: A,
-  hasNextPage: D,
-  hasPrevPage: S,
-  onNextPage: P,
-  onPrevPage: T,
-  labels: L,
-  title: y,
-  onEdit: f,
-  onDelete: x,
-  onAddIntegration: M,
-  onImportCsv: k,
-  learnMoreHref: z,
-  emptyStateTestId: E
+function ht({
+  data: n,
+  isLoading: s,
+  isError: o,
+  sorting: d,
+  onSortingChange: g,
+  pageSize: A,
+  onPageSizeChange: S,
+  pageSizeOptions: y,
+  hasNextPage: C,
+  hasPrevPage: u,
+  onNextPage: T,
+  onPrevPage: z,
+  labels: j,
+  title: _,
+  emptyStateTestId: E,
+  onEdit: N,
+  onDelete: b,
+  onAdd: f
 }) {
-  const r = { ...tt, ...L }, i = !!(f ?? x), m = y ? /* @__PURE__ */ t($, { children: y }) : null;
-  if (a)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(et, { labels: r }) }) }) })
-    ] });
-  if (o && e.length === 0)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-36" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-14" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-56" }) }),
-        i && /* @__PURE__ */ t(s, {})
-      ] }, c)) })
-    ] });
-  if (e.length === 0)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
-        nt,
-        {
-          labels: r,
-          onAddIntegration: M,
-          onImportCsv: k,
-          learnMoreHref: z,
-          testId: E
-        }
-      ) }) }) })
-    ] });
-  const G = [
+  const e = { ...et, ...j }, i = !!(N ?? b), D = _ ?? e.title, H = D ? /* @__PURE__ */ a("div", { className: "ttw:mb-4", children: [
+    /* @__PURE__ */ t(tt, { children: D }),
+    e.subtitle && /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.subtitle })
+  ] }) : null, B = n.length === 0 && !u, w = /* @__PURE__ */ a(l, { children: [
+    H,
+    f && !B && /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:items-center ttw:justify-end", children: /* @__PURE__ */ a(m, { onClick: f, children: [
+      /* @__PURE__ */ t(k, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
+      e.addAccount
+    ] }) })
+  ] }), I = [
+    {
+      accessorKey: "nominal_code",
+      header: e.columnGlCode
+    },
     {
       accessorKey: "name",
-      header: ({ column: l }) => {
-        const c = l.getIsSorted();
-        return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-          r.columnName,
+      header: ({ column: r }) => {
+        const h = r.getIsSorted();
+        return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+          e.columnName,
           /* @__PURE__ */ t(
-            d,
+            m,
             {
               variant: "ghost",
-              "data-testid": "nameSortButton",
-              onClick: () => l.toggleSorting(c === "asc"),
-              children: c === "asc" ? /* @__PURE__ */ t(j, { className: "ttw:size-4" }) : c === "desc" ? /* @__PURE__ */ t(O, { className: "ttw:size-4" }) : /* @__PURE__ */ t(B, { className: "ttw:size-4" })
+              "aria-label": e.sortByName,
+              onClick: () => r.toggleSorting(h === "asc"),
+              children: h === "asc" ? /* @__PURE__ */ t(K, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ t(R, { className: "ttw:size-4" }) : /* @__PURE__ */ t(U, { className: "ttw:size-4" })
             }
           )
         ] });
       }
     },
-    {
-      accessorKey: "nominal_code",
-      header: r.columnGlCode
-    },
     {
       accessorKey: "description",
-      header: r.columnDescription
+      header: e.columnDescription
     },
     ...i ? [
       {
         id: "actions",
-        header: () => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: r.columnActions }),
-        cell: ({ row: l }) => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ n(J, { children: [
-          /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ t(H, { className: "ttw:h-4 ttw:w-4" }) }) }),
-          /* @__PURE__ */ n(Z, { align: "end", children: [
-            f && /* @__PURE__ */ n(C, { onClick: () => f(l.original), children: [
-              /* @__PURE__ */ t(_, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
-              r.actionEdit
+        header: () => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: e.columnActions }),
+        cell: ({ row: r }) => r.original.is_external ? null : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ a(W, { children: [
+          /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(
+            m,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": e.openActionsMenu,
+              children: /* @__PURE__ */ t(G, { className: "ttw:h-4 ttw:w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ a(Y, { align: "end", children: [
+            N && /* @__PURE__ */ a(M, { onClick: () => N(r.original), children: [
+              /* @__PURE__ */ t($, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+              e.actionEdit
             ] }),
-            x && /* @__PURE__ */ n(C, { onClick: () => x(l.original), children: [
-              /* @__PURE__ */ t(F, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
-              r.actionDelete
-            ] })
+            b && /* @__PURE__ */ a(
+              M,
+              {
+                variant: "destructive",
+                onClick: () => b(r.original),
+                children: [
+                  /* @__PURE__ */ t(J, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+                  e.actionDelete
+                ]
+              }
+            )
           ] })
         ] }) })
       }
     ] : []
   ];
-  return /* @__PURE__ */ n(h, { children: [
-    m,
+  return o ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(c, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(at, { labels: e }) }) }) })
+  ] }) : s && n.length === 0 ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: Array.from({ length: 5 }).map((r, h) => /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-36" }) }),
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-14" }) }),
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-56" }) }),
+      i && /* @__PURE__ */ t(c, {})
+    ] }, h)) })
+  ] }) : n.length === 0 && u ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(
+      L,
+      {
+        columns: I,
+        data: n,
+        sorting: d,
+        onSortingChange: g,
+        pageSize: A,
+        onPageSizeChange: S,
+        pageSizeOptions: y,
+        hasNextPage: C,
+        hasPrevPage: u,
+        onNextPage: T,
+        onPrevPage: z,
+        previousPageLabel: e.paginationPrev,
+        nextPageLabel: e.paginationNext,
+        children: /* @__PURE__ */ t(
+          O,
+          {
+            title: e.emptyPageTitle,
+            description: e.emptyPageDescription,
+            addLabel: e.addAccount
+          }
+        )
+      }
+    )
+  ] }) : n.length === 0 ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(c, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
+      O,
+      {
+        title: e.emptyTitle,
+        description: e.emptyDescription,
+        addLabel: e.addAccount,
+        onAdd: f,
+        testId: E
+      }
+    ) }) }) })
+  ] }) : /* @__PURE__ */ a(l, { children: [
+    w,
     /* @__PURE__ */ t(
-      q,
+      L,
       {
-        columns: G,
-        data: e,
-        sorting: w,
-        onSortingChange: p,
-        pageSize: v,
-        onPageSizeChange: I,
-        pageSizeOptions: A,
-        hasNextPage: D,
-        hasPrevPage: S,
-        onNextPage: P,
-        onPrevPage: T
+        columns: I,
+        data: n,
+        sorting: d,
+        onSortingChange: g,
+        pageSize: A,
+        onPageSizeChange: S,
+        pageSizeOptions: y,
+        hasNextPage: C,
+        hasPrevPage: u,
+        onNextPage: T,
+        onPrevPage: z,
+        previousPageLabel: e.paginationPrev,
+        nextPageLabel: e.paginationNext
       }
     )
   ] });
 }
 export {
-  tt as GL_CODE_TABLE_LABELS_EN,
-  wt as GlCodeTable
+  ht as ChartOfAccountsTable
 };

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index3.js

@@ -0,0 +1,206 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useId as $ } from "react";
+import { MoreVerticalIcon as S, Trash2Icon as D, XIcon as L } from "lucide-react";
+import { Sheet as O, SheetContent as A, SheetHeader as I, SheetTitle as y, DropdownMenu as E, DropdownMenuTrigger as F, Button as o, DropdownMenuContent as P, DropdownMenuItem as B, SheetClose as H, SheetDescription as z, Label as c, Input as p, Textarea as G, SheetFooter as k, TooltipProvider as U, Tooltip as X, TooltipTrigger as j, TooltipContent as J } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACCOUNT_FORM_SHEET_LABELS_EN as R } from "./index5.js";
+const K = 280, Q = 20;
+function ee({
+  open: w,
+  onOpenChange: u,
+  title: g,
+  description: x,
+  values: s,
+  errors: a,
+  inProgress: l,
+  submitDisabled: h,
+  descriptionCounterText: f,
+  onNameChange: C,
+  onGlCodeChange: v,
+  onDescriptionChange: N,
+  onSubmit: b,
+  onCancel: M,
+  onDelete: m,
+  labels: T
+}) {
+  const r = { ...R, ...T }, t = $(), d = "ttw:text-sm ttw:text-destructive", _ = !h && !l;
+  return /* @__PURE__ */ e(O, { open: w, onOpenChange: u, children: /* @__PURE__ */ i(
+    A,
+    {
+      showCloseButton: !1,
+      className: "ttw:w-[423px] ttw:sm:max-w-[423px]",
+      children: [
+        /* @__PURE__ */ i(I, { children: [
+          /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ e(y, { className: "ttw:min-w-0 ttw:flex-1 ttw:truncate", children: g }),
+            /* @__PURE__ */ i("div", { className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:gap-1", children: [
+              m && /* @__PURE__ */ i(E, { children: [
+                /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
+                  o,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": r.openAccountMenu,
+                    disabled: l,
+                    children: /* @__PURE__ */ e(S, { className: "ttw:h-4 ttw:w-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ e(P, { align: "end", children: /* @__PURE__ */ i(B, { variant: "destructive", onClick: m, children: [
+                  /* @__PURE__ */ e(D, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+                  r.deleteAction
+                ] }) })
+              ] }),
+              /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+                o,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": r.closeSheet,
+                  children: /* @__PURE__ */ e(L, { className: "ttw:h-4 ttw:w-4" })
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(z, { className: "ttw:sr-only", children: x })
+        ] }),
+        /* @__PURE__ */ e(
+          "form",
+          {
+            id: t,
+            onSubmit: (n) => {
+              n.preventDefault(), n.stopPropagation(), b();
+            },
+            children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-6 ttw:pb-6", children: [
+              a?.form && /* @__PURE__ */ e(
+                "p",
+                {
+                  role: "alert",
+                  className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+                  children: a.form
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+                /* @__PURE__ */ e(c, { htmlFor: `${t}-gl-code`, children: r.glCodeLabel }),
+                /* @__PURE__ */ e(
+                  p,
+                  {
+                    id: `${t}-gl-code`,
+                    autoFocus: !0,
+                    maxLength: Q,
+                    value: s.nominal_code,
+                    placeholder: r.glCodePlaceholder,
+                    "aria-invalid": !!a?.nominal_code,
+                    "aria-describedby": a?.nominal_code ? `${t}-gl-code-error` : void 0,
+                    disabled: l,
+                    onChange: (n) => v(n.target.value)
+                  }
+                ),
+                a?.nominal_code && /* @__PURE__ */ e(
+                  "p",
+                  {
+                    role: "alert",
+                    id: `${t}-gl-code-error`,
+                    className: d,
+                    children: a.nominal_code
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+                /* @__PURE__ */ e(c, { htmlFor: `${t}-name`, children: r.nameLabel }),
+                /* @__PURE__ */ e(
+                  p,
+                  {
+                    id: `${t}-name`,
+                    value: s.name,
+                    placeholder: r.namePlaceholder,
+                    "aria-invalid": !!a?.name,
+                    "aria-describedby": a?.name ? `${t}-name-error` : void 0,
+                    disabled: l,
+                    onChange: (n) => C(n.target.value)
+                  }
+                ),
+                a?.name && /* @__PURE__ */ e(
+                  "p",
+                  {
+                    role: "alert",
+                    id: `${t}-name-error`,
+                    className: d,
+                    children: a.name
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+                /* @__PURE__ */ e(c, { htmlFor: `${t}-description`, children: r.descriptionLabel }),
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    id: `${t}-description`,
+                    rows: 4,
+                    maxLength: K,
+                    value: s.description,
+                    placeholder: r.descriptionPlaceholder,
+                    "aria-invalid": !!a?.description,
+                    "aria-describedby": a?.description ? `${t}-description-error` : `${t}-description-counter`,
+                    disabled: l,
+                    onChange: (n) => N(n.target.value)
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "p",
+                  {
+                    id: `${t}-description-counter`,
+                    className: "ttw:text-xs ttw:text-muted-foreground",
+                    children: f
+                  }
+                ),
+                a?.description && /* @__PURE__ */ e(
+                  "p",
+                  {
+                    role: "alert",
+                    id: `${t}-description-error`,
+                    className: d,
+                    children: a.description
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(k, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-row ttw:gap-2", children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              type: "button",
+              variant: "outline",
+              size: "lg",
+              className: "ttw:flex-1",
+              onClick: M,
+              disabled: l,
+              children: r.cancelButton
+            }
+          ),
+          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ i(X, { children: [
+            /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "ttw:flex-1", children: /* @__PURE__ */ e(
+              o,
+              {
+                type: "submit",
+                form: t,
+                size: "lg",
+                className: "ttw:w-full",
+                disabled: !_,
+                loading: l,
+                children: r.saveButton
+              }
+            ) }) }),
+            h && /* @__PURE__ */ e(J, { children: r.saveDisabledHint })
+          ] }) })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  K as ACCOUNT_DESCRIPTION_MAX_LENGTH,
+  Q as ACCOUNT_GL_CODE_MAX_LENGTH,
+  ee as AccountFormSheet
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index4.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { AlertDialog as m, AlertDialogContent as D, AlertDialogHeader as p, AlertDialogTitle as u, AlertDialogDescription as A, AlertDialogFooter as C, AlertDialogCancel as O, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACCOUNT_DELETE_DIALOG_LABELS_EN as N } from "./index5.js";
+function v({
+  open: i,
+  onOpenChange: a,
+  title: s,
+  message: c,
+  isDeleting: t,
+  error: r,
+  onConfirm: d,
+  onCancel: g,
+  labels: h
+}) {
+  const l = { ...N, ...h };
+  return /* @__PURE__ */ e(m, { open: i, onOpenChange: a, children: /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ n(p, { children: [
+      /* @__PURE__ */ e(u, { children: s }),
+      /* @__PURE__ */ e(A, { children: c ?? l.message })
+    ] }),
+    r && /* @__PURE__ */ e(
+      "p",
+      {
+        role: "alert",
+        className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+        children: r
+      }
+    ),
+    /* @__PURE__ */ n(C, { children: [
+      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(o, { variant: "outline", onClick: g, disabled: t, children: l.cancelButton }) }),
+      /* @__PURE__ */ e(
+        o,
+        {
+          variant: "destructive",
+          onClick: d,
+          disabled: t,
+          loading: t,
+          children: l.confirmButton
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  v as AccountDeleteDialog
+};