@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.
Files changed (12) hide show
  1. package/dist/index.css +6 -0
  2. package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index22.js +1 -1
  3. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index11.js +3 -1
  4. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index17.js +3 -3
  5. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index.js +3 -3
  6. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index16.js +11 -173
  7. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js +151 -257
  8. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index18.js +283 -14
  9. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index19.js +23 -0
  10. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index6.js +1 -0
  11. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  12. package/package.json +1 -1
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js CHANGED
@@ -2,286 +2,180 @@
2
2
  "use client";
3
3
  "use client";
4
4
  "use client";
5
- import { Badge as e, Button as t, Separator as n, Spinner as r, Table as i, TableBody as a, TableCell as o, TableHead as s, TableHeader as c, TableRow as l } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
- import { avatarSwatchFor as u } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
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";
7
8
  import "../../../../shared/ui/dist/index.js";
8
- import { AccountAccessSummaryTable as d } from "./index3.js";
9
- import { DEFAULT_LABELS as f } from "./index6.js";
10
- import { statusToneClassName as p } from "./index9.js";
9
+ import { DEFAULT_LABELS as d } from "./index6.js";
10
+ import { statusToneClassName as f } from "./index9.js";
11
+ import { AuthorizedSignerBadge as p } from "./index16.js";
11
12
  import { useEffect as m, useRef as h } from "react";
12
13
  import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
13
- import { ArrowLeftIcon as y, Building2 as b, CornerDownRightIcon as x, MailIcon as S, PencilIcon as C, UserXIcon as w } from "lucide-react";
14
+ import { Building2 as y, Plus as b, UsersIcon as x } from "lucide-react";
14
15
  //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js
15
- function T({ label: e, value: t }) {
16
- return /* @__PURE__ */ v("div", {
17
- className: "ttw:flex ttw:flex-col ttw:gap-1",
18
- children: [/* @__PURE__ */ _("dt", {
19
- className: "ttw:text-sm ttw:text-muted-foreground",
20
- children: e
21
- }), /* @__PURE__ */ _("dd", {
22
- className: "ttw:text-base ttw:text-foreground",
23
- children: t
24
- })]
16
+ var S = [
17
+ 5,
18
+ 10,
19
+ 25
20
+ ], C = 4;
21
+ function w() {
22
+ return /* @__PURE__ */ _(g, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ v(c, { children: [
23
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ v("div", {
24
+ className: "ttw:flex ttw:items-center ttw:gap-2",
25
+ children: [/* @__PURE__ */ _(n, { className: "ttw:size-8 ttw:rounded-full" }), /* @__PURE__ */ v("div", {
26
+ className: "ttw:flex-1 ttw:space-y-2",
27
+ children: [/* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-32" }), /* @__PURE__ */ _(n, { className: "ttw:h-3 ttw:w-44" })]
28
+ })]
29
+ }) }),
30
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-20" }) }),
31
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-24" }) }),
32
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-16" }) })
33
+ ] }, t)) });
34
+ }
35
+ function T({ title: e, description: t }) {
36
+ return /* @__PURE__ */ _(c, {
37
+ className: "ttw:hover:bg-transparent",
38
+ children: /* @__PURE__ */ _(a, {
39
+ colSpan: C,
40
+ className: "ttw:p-0",
41
+ children: /* @__PURE__ */ v("div", {
42
+ className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
43
+ children: [
44
+ /* @__PURE__ */ _("div", {
45
+ className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted",
46
+ children: /* @__PURE__ */ _(x, { className: "ttw:size-6 ttw:text-muted-foreground" })
47
+ }),
48
+ /* @__PURE__ */ _("h3", {
49
+ className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
50
+ children: e
51
+ }),
52
+ /* @__PURE__ */ _("p", {
53
+ className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
54
+ children: t
55
+ })
56
+ ]
57
+ })
58
+ })
25
59
  });
26
60
  }
27
- function E({ name: E, email: D, initials: O, avatarSeed: k, roleCardTitle: A, roleCardDescription: j, roleCardIcon: M, isRoleLoading: N = !1, statusLabel: P, statusTone: F, lastSignInLabel: I, departmentLabel: L, locationLabel: R, reportingManagerName: z, reportingManagerInitials: B, reportingManagerSeed: V, directReports: H = [], accountAccessLabel: U, accountAccessRows: W = [], isAccountAccessLoading: G = !1, onBackClick: K, onEditClick: q, onResendClick: J, onDeactivateClick: Y, labels: X }) {
28
- let Z = {
29
- ...f,
30
- ...X
31
- }, Q = h(null);
61
+ function E({ rows: n, isLoading: x = !1, isError: C = !1, showPagination: E = !1, isPreviousPageDisabled: D = !1, isNextPageDisabled: O = !1, pageSize: k = 10, pageSizeOptions: A = S, rangeLabel: j = "", onPageSizeChange: M, autoFocusRowKey: N, onPreviousPageClick: P, onNextPageClick: F, onInviteClick: I, labels: L }) {
62
+ let R = {
63
+ ...d,
64
+ ...L
65
+ }, z = h(null);
32
66
  return m(() => {
33
- Q.current?.focus();
34
- }, []), /* @__PURE__ */ v("section", {
35
- "aria-label": E,
36
- className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
67
+ if (!N) return;
68
+ let e = z.current;
69
+ e && (e.querySelector(`button[data-row-key="${CSS.escape(N)}"]`) ?? e).focus();
70
+ }, [N]), /* @__PURE__ */ v("section", {
71
+ ref: z,
72
+ tabIndex: -1,
73
+ "aria-label": R.title,
74
+ "aria-busy": x || void 0,
75
+ className: "ttw:overflow-hidden ttw:rounded-md",
37
76
  children: [
38
- /* @__PURE__ */ v("div", {
39
- className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
40
- children: [/* @__PURE__ */ v(t, {
41
- ref: Q,
42
- variant: "ghost",
77
+ x && /* @__PURE__ */ _("span", {
78
+ role: "status",
79
+ className: "ttw:sr-only",
80
+ children: R.loadingLabel
81
+ }),
82
+ I && /* @__PURE__ */ _("div", {
83
+ className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3",
84
+ children: /* @__PURE__ */ v(t, {
43
85
  size: "sm",
44
- onClick: K,
45
- children: [/* @__PURE__ */ _(y, { className: "ttw:size-4" }), Z.detailsBackButton]
46
- }), (q || J || Y) && /* @__PURE__ */ v("div", {
47
- className: "ttw:flex ttw:items-center ttw:gap-2",
48
- children: [
49
- J && /* @__PURE__ */ v(t, {
50
- variant: "outline",
51
- size: "sm",
52
- onClick: J,
53
- children: [/* @__PURE__ */ _(S, {
54
- "aria-hidden": !0,
55
- className: "ttw:size-4"
56
- }), Z.detailsResendButton]
57
- }),
58
- q && /* @__PURE__ */ v(t, {
59
- variant: "outline",
60
- size: "sm",
61
- onClick: q,
62
- children: [/* @__PURE__ */ _(C, {
63
- "aria-hidden": !0,
64
- className: "ttw:size-4"
65
- }), Z.detailsEditButton]
66
- }),
67
- Y && /* @__PURE__ */ v(t, {
68
- variant: "outline",
69
- size: "sm",
70
- className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
71
- onClick: Y,
72
- children: [/* @__PURE__ */ _(w, {
73
- "aria-hidden": !0,
74
- className: "ttw:size-4"
75
- }), Z.detailsDeactivateButton]
76
- })
77
- ]
78
- })]
86
+ disabled: x,
87
+ onClick: I,
88
+ children: [/* @__PURE__ */ _(b, {
89
+ "aria-hidden": !0,
90
+ className: "ttw:size-4"
91
+ }), R.inviteButton]
92
+ })
79
93
  }),
80
- /* @__PURE__ */ v("div", {
81
- className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3",
82
- children: [/* @__PURE__ */ _("span", {
94
+ /* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(s, { children: /* @__PURE__ */ v(c, {
95
+ className: "ttw:hover:bg-transparent",
96
+ children: [
97
+ /* @__PURE__ */ _(o, { children: R.nameColumn }),
98
+ /* @__PURE__ */ _(o, { children: R.roleColumn }),
99
+ /* @__PURE__ */ _(o, { children: R.departmentColumn }),
100
+ /* @__PURE__ */ _(o, { children: R.statusColumn })
101
+ ]
102
+ }) }), /* @__PURE__ */ _(i, { children: C ? /* @__PURE__ */ _(T, {
103
+ title: R.errorTitle,
104
+ description: R.errorDescription
105
+ }) : x ? /* @__PURE__ */ _(w, {}) : n.length === 0 ? /* @__PURE__ */ _(T, {
106
+ title: R.emptyTitle,
107
+ description: R.emptyDescription
108
+ }) : n.map((t) => {
109
+ let n = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
83
110
  "aria-hidden": !0,
84
- className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${u(k || D || E)}`,
85
- children: O
111
+ 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)}`,
112
+ children: t.initials
86
113
  }), /* @__PURE__ */ v("div", {
87
- className: "ttw:min-w-0",
114
+ className: "ttw:min-w-0 ttw:flex-1",
88
115
  children: [/* @__PURE__ */ v("div", {
89
- className: "ttw:flex ttw:items-center ttw:gap-2",
90
- children: [/* @__PURE__ */ _("h3", {
91
- className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
92
- children: E
93
- }), /* @__PURE__ */ _(e, {
94
- variant: "outline",
95
- className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
96
- children: A
97
- })]
98
- }), /* @__PURE__ */ v("div", {
99
- className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground",
100
- children: [/* @__PURE__ */ _(e, {
101
- className: p(F),
102
- children: P
103
- }), I ? /* @__PURE__ */ v(g, { children: [
104
- /* @__PURE__ */ _("span", {
105
- "aria-hidden": !0,
106
- children: "|"
107
- }),
108
- /* @__PURE__ */ _("span", { children: Z.detailsLastSignInLabel }),
109
- /* @__PURE__ */ _("span", { children: I })
110
- ] }) : null]
116
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-2 ttw:gap-y-1",
117
+ children: [/* @__PURE__ */ _("span", {
118
+ className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
119
+ children: t.name
120
+ }), t.showAuthorizedSignerBadge && /* @__PURE__ */ _(p, { label: R.authorizedSignerBadge })]
121
+ }), /* @__PURE__ */ _("div", {
122
+ className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
123
+ children: t.email
111
124
  })]
112
- })]
113
- }),
114
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
115
- /* @__PURE__ */ v("div", {
116
- className: "ttw:mb-4",
117
- children: [/* @__PURE__ */ _("h4", {
118
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
119
- children: Z.detailsMemberDetailsHeading
120
- }), /* @__PURE__ */ v("dl", {
121
- className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2",
122
- children: [
123
- /* @__PURE__ */ _(T, {
124
- label: Z.detailsNameLabel,
125
- value: E
126
- }),
127
- /* @__PURE__ */ _(T, {
128
- label: Z.detailsDepartmentLabel,
129
- value: L
130
- }),
131
- /* @__PURE__ */ _(T, {
132
- label: Z.detailsEmailLabel,
133
- value: D
134
- }),
135
- /* @__PURE__ */ _(T, {
136
- label: Z.detailsLocationLabel,
137
- value: R
138
- })
139
- ]
140
- })]
141
- }),
142
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
143
- /* @__PURE__ */ v("div", {
144
- className: "ttw:mb-4",
145
- children: [/* @__PURE__ */ _("h4", {
146
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
147
- children: Z.detailsReportingManagerLabel
148
- }), z ? /* @__PURE__ */ v("div", {
149
- className: "ttw:flex ttw:items-center ttw:gap-2",
125
+ })] });
126
+ return /* @__PURE__ */ v(c, {
127
+ "data-testid": `team-member-row-${t.key}`,
128
+ className: t.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
129
+ onClick: t.isInactive ? void 0 : () => t.onSelect(),
150
130
  children: [
151
- /* @__PURE__ */ _(x, {
152
- "aria-hidden": !0,
153
- className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
154
- }),
155
- /* @__PURE__ */ _("span", {
156
- "aria-hidden": !0,
157
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(V || z)}`,
158
- children: B
159
- }),
160
- /* @__PURE__ */ _("span", {
161
- className: "ttw:text-sm ttw:text-foreground",
162
- children: z
163
- })
164
- ]
165
- }) : /* @__PURE__ */ _("p", {
166
- className: "ttw:text-sm ttw:text-muted-foreground",
167
- children: Z.detailsReportingManagerNone
168
- })]
169
- }),
170
- H.length > 0 ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(n, { className: "ttw:my-4" }), /* @__PURE__ */ v("div", {
171
- className: "ttw:mb-4",
172
- children: [/* @__PURE__ */ _("h4", {
173
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
174
- children: Z.detailsApprovesExpensesHeading
175
- }), /* @__PURE__ */ _("div", {
176
- className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
177
- children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
178
- className: "ttw:bg-muted/50 ttw:hover:bg-muted/50",
179
- children: [
180
- /* @__PURE__ */ _(s, { children: Z.nameColumn }),
181
- /* @__PURE__ */ _(s, { children: Z.roleColumn }),
182
- /* @__PURE__ */ _(s, { children: Z.departmentColumn }),
183
- /* @__PURE__ */ _(s, { children: Z.statusColumn })
184
- ]
185
- }) }), /* @__PURE__ */ _(a, { children: H.map((t) => /* @__PURE__ */ v(l, { children: [
186
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
187
- className: "ttw:flex ttw:items-center ttw:gap-3",
188
- children: [/* @__PURE__ */ _("span", {
189
- "aria-hidden": !0,
190
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(t.email)}`,
191
- children: t.initials
192
- }), /* @__PURE__ */ _("span", {
193
- className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground",
194
- children: t.name
195
- })]
131
+ /* @__PURE__ */ _(a, { children: t.isInactive ? /* @__PURE__ */ _("div", {
132
+ className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2",
133
+ children: n
134
+ }) : /* @__PURE__ */ _("button", {
135
+ type: "button",
136
+ "data-row-key": t.key,
137
+ onClick: (e) => {
138
+ e.stopPropagation(), t.onSelect();
139
+ },
140
+ 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",
141
+ children: n
196
142
  }) }),
197
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
143
+ /* @__PURE__ */ _(a, { children: t.isInactive ? /* @__PURE__ */ _("span", {
144
+ className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
145
+ children: R.inactiveRolePlaceholder
146
+ }) : /* @__PURE__ */ _(e, {
198
147
  variant: "outline",
199
148
  className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
200
149
  children: t.roleLabel
201
150
  }) }),
202
- /* @__PURE__ */ _(o, {
203
- className: "ttw:text-muted-foreground",
204
- children: /* @__PURE__ */ v("span", {
205
- className: "ttw:flex ttw:items-center ttw:gap-2",
206
- children: [/* @__PURE__ */ _(b, {
207
- "aria-hidden": !0,
208
- className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
209
- }), t.departmentLabel]
210
- })
211
- }),
212
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
213
- className: p(t.statusTone),
151
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ v("div", {
152
+ className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]",
153
+ children: [/* @__PURE__ */ _(y, {
154
+ "aria-hidden": !0,
155
+ className: "ttw:size-4 ttw:shrink-0 ttw:text-[#98A2B3]"
156
+ }), /* @__PURE__ */ _("span", { children: t.departmentLabel })]
157
+ }) }),
158
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(e, {
159
+ className: f(t.statusTone),
214
160
  children: t.statusLabel
215
161
  }) })
216
- ] }, t.key)) })] })
217
- })]
218
- })] }) : null,
219
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
220
- /* @__PURE__ */ v("div", {
221
- className: "ttw:mb-4",
222
- children: [
223
- /* @__PURE__ */ _("h4", {
224
- className: "ttw:mb-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
225
- children: Z.rolesSectionHeading
226
- }),
227
- /* @__PURE__ */ _("p", {
228
- className: "ttw:mb-4 ttw:text-sm ttw:text-muted-foreground",
229
- children: Z.rolesSectionDescription
230
- }),
231
- N ? /* @__PURE__ */ v("div", {
232
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
233
- children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
234
- className: "ttw:text-sm ttw:text-muted-foreground",
235
- children: Z.roleLoadingLabel
236
- })]
237
- }) : /* @__PURE__ */ _("div", {
238
- className: "ttw:flex ttw:w-full ttw:flex-col ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4",
239
- children: /* @__PURE__ */ v("span", {
240
- className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-3",
241
- children: [/* @__PURE__ */ _(M, {
242
- className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground",
243
- "aria-hidden": !0
244
- }), /* @__PURE__ */ v("span", {
245
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
246
- children: [/* @__PURE__ */ _("span", {
247
- className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
248
- children: A
249
- }), j ? /* @__PURE__ */ _("span", {
250
- className: "ttw:text-sm ttw:leading-normal ttw:text-muted-foreground",
251
- children: j
252
- }) : null]
253
- })]
254
- })
255
- })
256
- ]
257
- }),
258
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
259
- /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
260
- className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
261
- children: /* @__PURE__ */ _("h4", {
262
- className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
263
- children: Z.detailsAccountAccessLabel
264
- })
265
- }), G ? /* @__PURE__ */ v("div", {
266
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
267
- children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
268
- className: "ttw:text-sm ttw:text-muted-foreground",
269
- children: Z.roleLoadingLabel
270
- })]
271
- }) : W.length > 0 ? /* @__PURE__ */ _(d, {
272
- rows: W,
273
- labels: {
274
- accountNameColumn: Z.accountAccessNameColumn,
275
- accountNumberColumn: Z.accountAccessNumberColumn,
276
- accountTypeColumn: Z.accountAccessTypeColumn,
277
- sourceColumn: Z.accountAccessSourceColumn
278
- }
279
- }) : /* @__PURE__ */ _("p", {
280
- className: "ttw:text-sm ttw:text-muted-foreground",
281
- children: U
282
- })] })
162
+ ]
163
+ }, t.key);
164
+ }) })] }),
165
+ E && /* @__PURE__ */ _(u, {
166
+ pageSize: k,
167
+ pageSizeOptions: A,
168
+ rangeLabel: j,
169
+ isPreviousDisabled: D,
170
+ isNextDisabled: O,
171
+ isDisabled: x,
172
+ onPageSizeChange: M ?? (() => void 0),
173
+ onPreviousPageClick: P,
174
+ onNextPageClick: F,
175
+ labels: R
176
+ })
283
177
  ]
284
178
  });
285
179
  }
286
180
  //#endregion
287
- export { E as TeamMemberDetails, E as default };
181
+ export { E as TeamMembersTable, E as default };