@tesouro/embedded-components-react 0.5.281 → 0.5.283

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -99,7 +99,8 @@ function k(t, n, r = [], i) {
99
99
  email: t.email,
100
100
  initials: e(t.name),
101
101
  roleLabel: o(a, t.role) ?? E(t.role, n),
102
- statusLabel: D(t.status, n)
102
+ statusLabel: D(t.status, n),
103
+ showAuthorizedSignerBadge: t.isAuthorizedSigner === !0
103
104
  };
104
105
  }
105
106
  function A(e) {
@@ -130,6 +131,7 @@ function N(t, n, r = [], i) {
130
131
  initials: e(t.name),
131
132
  statusLabel: D(t.status, n),
132
133
  statusTone: A(t.status),
134
+ showAuthorizedSignerBadge: t.isAuthorizedSigner === !0,
133
135
  accountAccessLabel: n.notAvailable,
134
136
  roleCardTitle: d,
135
137
  roleCardDescription: p,
@@ -32,9 +32,9 @@ import { EditTeamMemberPanel as Oe } from "../../ui/dist/index10.js";
32
32
  import { GroupAdminDrawer as ke } from "../../ui/dist/index12.js";
33
33
  import { GroupAdminPanel as Ae } from "../../ui/dist/index14.js";
34
34
  import { TeamActionDialog as s } from "../../ui/dist/index15.js";
35
- import { TeamMembersTable as je } from "../../ui/dist/index16.js";
36
- import { TeamMemberDetails as Me } from "../../ui/dist/index17.js";
37
- import { TeamTabs as Ne } from "../../ui/dist/index18.js";
35
+ import { TeamMembersTable as je } from "../../ui/dist/index17.js";
36
+ import { TeamMemberDetails as Me } from "../../ui/dist/index18.js";
37
+ import { TeamTabs as Ne } from "../../ui/dist/index19.js";
38
38
  import "../../ui/dist/index.js";
39
39
  import { useEffect as c, useMemo as l, useState as u } from "react";
40
40
  import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ import { GroupAdminDrawer as n } from "./index12.js";
11
11
  import "./index13.js";
12
12
  import { GroupAdminPanel as r } from "./index14.js";
13
13
  import { TeamActionDialog as i } from "./index15.js";
14
- import { TeamMembersTable as a } from "./index16.js";
15
- import { TeamMemberDetails as o } from "./index17.js";
16
- import { TeamTabs as s } from "./index18.js";
14
+ import { TeamMembersTable as a } from "./index17.js";
15
+ import { TeamMemberDetails as o } from "./index18.js";
16
+ import { TeamTabs as s } from "./index19.js";
17
17
  export { t as EditTeamMemberPanel, n as GroupAdminDrawer, r as GroupAdminPanel, e as InviteTeamMemberForm, i as TeamActionDialog, o as TeamMemberDetails, a as TeamMembersTable, s as TeamTabs };
@@ -1,177 +1,15 @@
1
- "use client";
2
- "use client";
3
- "use client";
4
- "use client";
5
- import { Badge as e, Button as t, Skeleton 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";
6
- import { avatarSwatchFor as l } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
7
- import { PaginationFooter as u } from "../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
8
- import "../../../../shared/ui/dist/index.js";
9
- import { DEFAULT_LABELS as d } from "./index6.js";
10
- import { statusToneClassName as f } from "./index9.js";
11
- import { useEffect as p, useRef as m } from "react";
12
- import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
13
- import { Building2 as v, Plus as y, UsersIcon as b } from "lucide-react";
1
+ import { Badge as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { PenLine as r } from "lucide-react";
14
4
  //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index16.js
15
- var x = [
16
- 5,
17
- 10,
18
- 25
19
- ], S = 4;
20
- function C() {
21
- return /* @__PURE__ */ g(h, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ _(c, { children: [
22
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ _("div", {
23
- className: "ttw:flex ttw:items-center ttw:gap-2",
24
- children: [/* @__PURE__ */ g(n, { className: "ttw:size-8 ttw:rounded-full" }), /* @__PURE__ */ _("div", {
25
- className: "ttw:flex-1 ttw:space-y-2",
26
- children: [/* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-32" }), /* @__PURE__ */ g(n, { className: "ttw:h-3 ttw:w-44" })]
27
- })]
28
- }) }),
29
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-20" }) }),
30
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-24" }) }),
31
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-16" }) })
32
- ] }, t)) });
33
- }
34
- function w({ title: e, description: t }) {
35
- return /* @__PURE__ */ g(c, {
36
- className: "ttw:hover:bg-transparent",
37
- children: /* @__PURE__ */ g(a, {
38
- colSpan: S,
39
- className: "ttw:p-0",
40
- children: /* @__PURE__ */ _("div", {
41
- className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
42
- children: [
43
- /* @__PURE__ */ g("div", {
44
- className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted",
45
- children: /* @__PURE__ */ g(b, { className: "ttw:size-6 ttw:text-muted-foreground" })
46
- }),
47
- /* @__PURE__ */ g("h3", {
48
- className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
49
- children: e
50
- }),
51
- /* @__PURE__ */ g("p", {
52
- className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
53
- children: t
54
- })
55
- ]
56
- })
57
- })
58
- });
59
- }
60
- function T({ rows: n, isLoading: b = !1, isError: S = !1, showPagination: T = !1, isPreviousPageDisabled: E = !1, isNextPageDisabled: D = !1, pageSize: O = 10, pageSizeOptions: k = x, rangeLabel: A = "", onPageSizeChange: j, autoFocusRowKey: M, onPreviousPageClick: N, onNextPageClick: P, onInviteClick: F, labels: I }) {
61
- let L = {
62
- ...d,
63
- ...I
64
- }, R = m(null);
65
- return p(() => {
66
- if (!M) return;
67
- let e = R.current;
68
- e && (e.querySelector(`button[data-row-key="${CSS.escape(M)}"]`) ?? e).focus();
69
- }, [M]), /* @__PURE__ */ _("section", {
70
- ref: R,
71
- tabIndex: -1,
72
- "aria-label": L.title,
73
- "aria-busy": b || void 0,
74
- className: "ttw:overflow-hidden ttw:rounded-md",
75
- children: [
76
- b && /* @__PURE__ */ g("span", {
77
- role: "status",
78
- className: "ttw:sr-only",
79
- children: L.loadingLabel
80
- }),
81
- F && /* @__PURE__ */ g("div", {
82
- className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3",
83
- children: /* @__PURE__ */ _(t, {
84
- size: "sm",
85
- disabled: b,
86
- onClick: F,
87
- children: [/* @__PURE__ */ g(y, {
88
- "aria-hidden": !0,
89
- className: "ttw:size-4"
90
- }), L.inviteButton]
91
- })
92
- }),
93
- /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(c, {
94
- className: "ttw:hover:bg-transparent",
95
- children: [
96
- /* @__PURE__ */ g(o, { children: L.nameColumn }),
97
- /* @__PURE__ */ g(o, { children: L.roleColumn }),
98
- /* @__PURE__ */ g(o, { children: L.departmentColumn }),
99
- /* @__PURE__ */ g(o, { children: L.statusColumn })
100
- ]
101
- }) }), /* @__PURE__ */ g(i, { children: S ? /* @__PURE__ */ g(w, {
102
- title: L.errorTitle,
103
- description: L.errorDescription
104
- }) : b ? /* @__PURE__ */ g(C, {}) : n.length === 0 ? /* @__PURE__ */ g(w, {
105
- title: L.emptyTitle,
106
- description: L.emptyDescription
107
- }) : n.map((t) => {
108
- let n = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
109
- "aria-hidden": !0,
110
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${l(t.email)}`,
111
- children: t.initials
112
- }), /* @__PURE__ */ _("div", {
113
- className: "ttw:min-w-0 ttw:flex-1",
114
- children: [/* @__PURE__ */ g("div", {
115
- className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
116
- children: t.name
117
- }), /* @__PURE__ */ g("div", {
118
- className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
119
- children: t.email
120
- })]
121
- })] });
122
- return /* @__PURE__ */ _(c, {
123
- "data-testid": `team-member-row-${t.key}`,
124
- className: t.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
125
- onClick: t.isInactive ? void 0 : () => t.onSelect(),
126
- children: [
127
- /* @__PURE__ */ g(a, { children: t.isInactive ? /* @__PURE__ */ g("div", {
128
- className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2",
129
- children: n
130
- }) : /* @__PURE__ */ g("button", {
131
- type: "button",
132
- "data-row-key": t.key,
133
- onClick: (e) => {
134
- e.stopPropagation(), t.onSelect();
135
- },
136
- className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2",
137
- children: n
138
- }) }),
139
- /* @__PURE__ */ g(a, { children: t.isInactive ? /* @__PURE__ */ g("span", {
140
- className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
141
- children: L.inactiveRolePlaceholder
142
- }) : /* @__PURE__ */ g(e, {
143
- variant: "outline",
144
- className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
145
- children: t.roleLabel
146
- }) }),
147
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ _("div", {
148
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]",
149
- children: [/* @__PURE__ */ g(v, {
150
- "aria-hidden": !0,
151
- className: "ttw:size-4 ttw:shrink-0 ttw:text-[#98A2B3]"
152
- }), /* @__PURE__ */ g("span", { children: t.departmentLabel })]
153
- }) }),
154
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(e, {
155
- className: f(t.statusTone),
156
- children: t.statusLabel
157
- }) })
158
- ]
159
- }, t.key);
160
- }) })] }),
161
- T && /* @__PURE__ */ g(u, {
162
- pageSize: O,
163
- pageSizeOptions: k,
164
- rangeLabel: A,
165
- isPreviousDisabled: E,
166
- isNextDisabled: D,
167
- isDisabled: b,
168
- onPageSizeChange: j ?? (() => void 0),
169
- onPreviousPageClick: N,
170
- onNextPageClick: P,
171
- labels: L
172
- })
173
- ]
5
+ function i({ label: i }) {
6
+ return /* @__PURE__ */ n(e, {
7
+ className: "ttw:shrink-0 ttw:gap-1 ttw:rounded-full ttw:border-transparent ttw:bg-[#EEF4FF] ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-[#3538CD]",
8
+ children: [/* @__PURE__ */ t(r, {
9
+ "aria-hidden": !0,
10
+ className: "ttw:size-3"
11
+ }), i]
174
12
  });
175
13
  }
176
14
  //#endregion
177
- export { T as TeamMembersTable, T as default };
15
+ export { i as AuthorizedSignerBadge };