@reportportal/ui-kit 0.0.1-alpha.240 → 0.0.1-alpha.242

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 (7) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/{pagination-535d600a.js → pagination-32fc6458.js} +78 -75
  3. package/dist/pagination.js +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/{table-e0fd9727.js → table-8cdbfdfb.js} +432 -432
  6. package/dist/table.js +1 -1
  7. package/package.json +1 -1
package/dist/{table-e0fd9727.js → table-8cdbfdfb.js} RENAMED
@@ -1,7 +1,7 @@
1
- import { jsx as d, jsxs as V, Fragment as Ft } from "react/jsx-runtime";
2
- import { useMemo as K, useState as U, useCallback as $, useEffect as P, useRef as S, useLayoutEffect as nt, forwardRef as qt } from "react";
1
+ import { jsx as d, jsxs as V, Fragment as Gt } from "react/jsx-runtime";
2
+ import { useMemo as K, useState as U, useCallback as A, useEffect as S, useRef as H, useLayoutEffect as nt, forwardRef as Ft } from "react";
3
3
  import { Resizable as Ut } from "react-resizable";
4
- import { c as ze } from "./bind-06a7ff84.js";
4
+ import { c as Ne } from "./bind-06a7ff84.js";
5
5
  import { b as jt, a as Oe, S as Xt } from "./resizeColumn-46b5b30f.js";
6
6
  import { S as De } from "./chevronDownDropdown-0260bb66.js";
7
7
  import { C as Ee } from "./checkbox-76aa8f97.js";
@@ -11,72 +11,72 @@ import "react-dnd";
11
11
  import "react-dnd-html5-backend";
12
12
  import { u as It } from "./useEllipsisTitle-462fa254.js";
13
13
  import { i as Rt } from "./isEmpty-ccacb5ff.js";
14
- const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_1fgyg_66", Qt = "_selectable_1fgyg_91", Zt = "_expanded_1fgyg_87", Ot = "_label_1fgyg_365", Dt = {
14
+ const rt = (t) => typeof t == "string", Yt = "_table_rfpqt_1", Jt = "_resizable_rfpqt_66", Qt = "_selectable_rfpqt_91", Zt = "_expanded_rfpqt_87", Ot = "_label_rfpqt_365", Dt = {
15
15
  table: Yt,
16
- "fixed-header": "_fixed-header_1fgyg_9",
17
- "external-scroll-container": "_external-scroll-container_1fgyg_13",
18
- "horizontally-scrollable-container": "_horizontally-scrollable-container_1fgyg_20",
19
- "table-header": "_table-header_1fgyg_25",
20
- "sticky-header": "_sticky-header_1fgyg_33",
21
- "pinned-header": "_pinned-header_1fgyg_43",
22
- "horizontally-scrollable": "_horizontally-scrollable_1fgyg_20",
16
+ "fixed-header": "_fixed-header_rfpqt_9",
17
+ "external-scroll-container": "_external-scroll-container_rfpqt_13",
18
+ "horizontally-scrollable-container": "_horizontally-scrollable-container_rfpqt_20",
19
+ "table-header": "_table-header_rfpqt_25",
20
+ "sticky-header": "_sticky-header_rfpqt_33",
21
+ "pinned-header": "_pinned-header_rfpqt_43",
22
+ "horizontally-scrollable": "_horizontally-scrollable_rfpqt_20",
23
23
  resizable: Jt,
24
- "resizable-column": "_resizable-column_1fgyg_66",
25
- "select-all-checkbox": "_select-all-checkbox_1fgyg_73",
26
- "select-all-checkbox-selected": "_select-all-checkbox-selected_1fgyg_77",
27
- "table-row": "_table-row_1fgyg_82",
28
- "expanded-cell": "_expanded-cell_1fgyg_87",
24
+ "resizable-column": "_resizable-column_rfpqt_66",
25
+ "select-all-checkbox": "_select-all-checkbox_rfpqt_73",
26
+ "select-all-checkbox-selected": "_select-all-checkbox-selected_rfpqt_77",
27
+ "table-row": "_table-row_rfpqt_82",
28
+ "expanded-cell": "_expanded-cell_rfpqt_87",
29
29
  selectable: Qt,
30
- "row-content-wrapper": "_row-content-wrapper_1fgyg_95",
31
- "pinned-column": "_pinned-column_1fgyg_103",
32
- "has-scroll": "_has-scroll_1fgyg_103",
33
- "table-row-content": "_table-row-content_1fgyg_106",
34
- "expand-cell": "_expand-cell_1fgyg_123",
35
- "left-border-accent": "_left-border-accent_1fgyg_126",
36
- "size-small": "_size-small_1fgyg_136",
37
- "size-large": "_size-large_1fgyg_147",
38
- "table-body": "_table-body_1fgyg_159",
39
- "scrollable-body": "_scrollable-body_1fgyg_165",
40
- "primitive-cell-text": "_primitive-cell-text_1fgyg_229",
41
- "table-header-cell": "_table-header-cell_1fgyg_238",
42
- "table-cell": "_table-cell_1fgyg_239",
43
- "action-menu-cell": "_action-menu-cell_1fgyg_245",
44
- "checkbox-cell": "_checkbox-cell_1fgyg_273",
45
- "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1fgyg_314",
46
- "expand-all-tooltip-content": "_expand-all-tooltip-content_1fgyg_323",
47
- "expand-icon": "_expand-icon_1fgyg_332",
30
+ "row-content-wrapper": "_row-content-wrapper_rfpqt_95",
31
+ "pinned-column": "_pinned-column_rfpqt_103",
32
+ "has-scroll": "_has-scroll_rfpqt_103",
33
+ "table-row-content": "_table-row-content_rfpqt_106",
34
+ "expand-cell": "_expand-cell_rfpqt_123",
35
+ "left-border-accent": "_left-border-accent_rfpqt_126",
36
+ "size-small": "_size-small_rfpqt_136",
37
+ "size-large": "_size-large_rfpqt_147",
38
+ "table-body": "_table-body_rfpqt_159",
39
+ "scrollable-body": "_scrollable-body_rfpqt_165",
40
+ "primitive-cell-text": "_primitive-cell-text_rfpqt_229",
41
+ "table-header-cell": "_table-header-cell_rfpqt_238",
42
+ "table-cell": "_table-cell_rfpqt_239",
43
+ "action-menu-cell": "_action-menu-cell_rfpqt_245",
44
+ "checkbox-cell": "_checkbox-cell_rfpqt_273",
45
+ "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_rfpqt_314",
46
+ "expand-all-tooltip-content": "_expand-all-tooltip-content_rfpqt_323",
47
+ "expand-icon": "_expand-icon_rfpqt_332",
48
48
  expanded: Zt,
49
- "primary-cell": "_primary-cell_1fgyg_341",
49
+ "primary-cell": "_primary-cell_rfpqt_341",
50
50
  label: Ot,
51
- "sortable-cell": "_sortable-cell_1fgyg_379",
52
- "sort-disabled": "_sort-disabled_1fgyg_382",
53
- "sort-disabled-tooltip-wrapper": "_sort-disabled-tooltip-wrapper_1fgyg_385",
54
- "align-right": "_align-right_1fgyg_390",
55
- "align-center": "_align-center_1fgyg_396",
56
- "table-wrapper": "_table-wrapper_1fgyg_450",
57
- "checkbox-column": "_checkbox-column_1fgyg_462",
58
- "checkbox-header": "_checkbox-header_1fgyg_471",
59
- "checkbox-body": "_checkbox-body_1fgyg_492",
60
- "checkbox-row": "_checkbox-row_1fgyg_499",
61
- "checkbox-tooltip-wrapper": "_checkbox-tooltip-wrapper_1fgyg_510"
62
- }, st = "asc", C = 32, ct = 100, Kt = 48, Ne = 48, Ct = (t) => t.toLowerCase() === st, en = (t) => t.map((c) => c.key), Q = (t) => "primary" in t && t.primary === !0, Ke = (t) => {
51
+ "sortable-cell": "_sortable-cell_rfpqt_379",
52
+ "sort-disabled": "_sort-disabled_rfpqt_382",
53
+ "sort-disabled-tooltip-wrapper": "_sort-disabled-tooltip-wrapper_rfpqt_388",
54
+ "align-right": "_align-right_rfpqt_393",
55
+ "align-center": "_align-center_rfpqt_399",
56
+ "table-wrapper": "_table-wrapper_rfpqt_453",
57
+ "checkbox-column": "_checkbox-column_rfpqt_465",
58
+ "checkbox-header": "_checkbox-header_rfpqt_474",
59
+ "checkbox-body": "_checkbox-body_rfpqt_495",
60
+ "checkbox-row": "_checkbox-row_rfpqt_502",
61
+ "checkbox-tooltip-wrapper": "_checkbox-tooltip-wrapper_rfpqt_513"
62
+ }, st = "asc", C = 32, ct = 100, Kt = 48, qe = 48, Ct = (t) => t.toLowerCase() === st, en = (t) => t.map((c) => c.key), Q = (t) => "primary" in t && t.primary === !0, Ke = (t) => {
63
63
  var s;
64
64
  return `size-${((s = t.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
65
- }, Le = (t) => rt(t) ? t : `${t}px`, tn = (t, c, s, i, h, y = !1) => {
66
- let f = 0;
67
- i && (f += C), h && !y && (f += C);
68
- for (let v = 0; v < t; v++) {
69
- const a = c[v];
65
+ }, Le = (t) => rt(t) ? t : `${t}px`, tn = (t, c, s, i, h, v = !1) => {
66
+ let p = 0;
67
+ i && (p += C), h && !v && (p += C);
68
+ for (let b = 0; b < t; b++) {
69
+ const a = c[b];
70
70
  if (Q(a)) {
71
71
  const o = s.current.get(a.key) || ct;
72
- f += o;
72
+ p += o;
73
73
  } else {
74
74
  const o = a, l = rt(o.width) ? parseInt(o.width, 10) || 0 : o.width;
75
- f += l;
75
+ p += l;
76
76
  }
77
77
  }
78
- return f;
79
- }, de = (t, c, s, i, h, y, f, v = !1) => {
78
+ return p;
79
+ }, de = (t, c, s, i, h, v, p, b = !1) => {
80
80
  const a = {};
81
81
  if (!Q(t)) {
82
82
  const o = t;
@@ -87,31 +87,31 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
87
87
  s,
88
88
  i,
89
89
  h,
90
- y,
91
- f,
92
- v
90
+ v,
91
+ p,
92
+ b
93
93
  );
94
94
  a.left = `${o}px`;
95
95
  }
96
96
  return a;
97
- }, Ce = (t, c, s, i, h, y = !1, f, v = !1, a = !1) => {
97
+ }, Ce = (t, c, s, i, h, v = !1, p, b = !1, a = !1) => {
98
98
  const o = [];
99
- s && o.push(`${C}px`), y && i && !a && o.push(`${C}px`);
100
- const l = (u) => {
101
- if ((f == null ? void 0 : f[u.key]) !== void 0) {
102
- o.push(`${f[u.key]}px`);
99
+ s && o.push(`${C}px`), v && i && !a && o.push(`${C}px`);
100
+ const l = (_) => {
101
+ if ((p == null ? void 0 : p[_.key]) !== void 0) {
102
+ o.push(`${p[_.key]}px`);
103
103
  return;
104
104
  }
105
- if (Q(u)) {
106
- const b = u;
107
- if (v && b.width) {
108
- o.push(Le(b.width));
105
+ if (Q(_)) {
106
+ const y = _;
107
+ if (b && y.width) {
108
+ o.push(Le(y.width));
109
109
  return;
110
110
  }
111
- const L = b.width ? Le(b.width) : `${ct}px`;
111
+ const L = y.width ? Le(y.width) : `${ct}px`;
112
112
  o.push(`minmax(${L}, 1fr)`);
113
113
  } else {
114
- const L = Le(u.width);
114
+ const L = Le(_.width);
115
115
  o.push(L);
116
116
  }
117
117
  };
@@ -122,32 +122,32 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
122
122
  pinnedColumnKeys: s
123
123
  }) => K(() => {
124
124
  const i = [], h = [];
125
- return t.forEach((y) => {
126
- const f = { ...y, primary: !0 };
127
- s.includes(y.key) ? i.push(f) : h.push(f);
128
- }), c.forEach((y) => {
129
- s.includes(y.key) ? i.push(y) : h.push(y);
125
+ return t.forEach((v) => {
126
+ const p = { ...v, primary: !0 };
127
+ s.includes(v.key) ? i.push(p) : h.push(p);
128
+ }), c.forEach((v) => {
129
+ s.includes(v.key) ? i.push(v) : h.push(v);
130
130
  }), {
131
131
  pinnedColumns: i,
132
132
  scrollableColumns: h
133
133
  };
134
134
  }, [t, c, s]), rn = () => {
135
- const [t, c] = U(null), [s, i] = U(null), h = $((a) => {
135
+ const [t, c] = U(null), [s, i] = U(null), h = A((a) => {
136
136
  c(a);
137
- }, []), y = $(() => {
137
+ }, []), v = A(() => {
138
138
  c(null);
139
- }, []), f = $((a) => {
139
+ }, []), p = A((a) => {
140
140
  i(a);
141
- }, []), v = $(() => {
141
+ }, []), b = A(() => {
142
142
  i(null);
143
143
  }, []);
144
144
  return {
145
145
  hoveredColumn: t,
146
146
  hoveredRow: s,
147
147
  handleColumnMouseEnter: h,
148
- handleColumnMouseLeave: y,
149
- handleRowMouseEnter: f,
150
- handleRowMouseLeave: v
148
+ handleColumnMouseLeave: v,
149
+ handleRowMouseEnter: p,
150
+ handleRowMouseLeave: b
151
151
  };
152
152
  }, sn = ({
153
153
  primaryColumns: t,
@@ -155,43 +155,43 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
155
155
  expandedRowIds: s,
156
156
  onToggleRowExpansion: i
157
157
  }) => {
158
- const [h, y] = U(/* @__PURE__ */ new Set());
159
- P(() => {
158
+ const [h, v] = U(/* @__PURE__ */ new Set());
159
+ S(() => {
160
160
  const a = [
161
161
  ...t.map((l) => l.key),
162
162
  ...c.map((l) => l.key)
163
163
  ], o = /* @__PURE__ */ new Set();
164
164
  s.forEach((l) => {
165
- a.forEach((u) => {
166
- o.add(`${l}-${u}`);
165
+ a.forEach((_) => {
166
+ o.add(`${l}-${_}`);
167
167
  });
168
- }), y((l) => {
168
+ }), v((l) => {
169
169
  if (l.size === o.size) {
170
- let u = !0;
171
- if (l.forEach((b) => {
172
- o.has(b) || (u = !1);
173
- }), u)
170
+ let _ = !0;
171
+ if (l.forEach((y) => {
172
+ o.has(y) || (_ = !1);
173
+ }), _)
174
174
  return l;
175
175
  }
176
176
  return o;
177
177
  });
178
178
  }, [s, t, c]);
179
- const f = $(
179
+ const p = A(
180
180
  (a) => {
181
- const o = new Set(h), l = s.includes(a), u = [
182
- ...t.map((b) => b.key),
183
- ...c.map((b) => b.key)
181
+ const o = new Set(h), l = s.includes(a), _ = [
182
+ ...t.map((y) => y.key),
183
+ ...c.map((y) => y.key)
184
184
  ];
185
- l ? u.forEach((b) => {
186
- const L = `${a}-${b}`;
185
+ l ? _.forEach((y) => {
186
+ const L = `${a}-${y}`;
187
187
  o.delete(L);
188
- }) : u.forEach((b) => {
189
- const L = `${a}-${b}`;
188
+ }) : _.forEach((y) => {
189
+ const L = `${a}-${y}`;
190
190
  o.add(L);
191
- }), y(o), i(a);
191
+ }), v(o), i(a);
192
192
  },
193
193
  [h, s, t, c, i]
194
- ), v = $(
194
+ ), b = A(
195
195
  (a, o) => {
196
196
  const l = `${a}-${o}`;
197
197
  return h.has(l);
@@ -200,11 +200,11 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
200
200
  );
201
201
  return {
202
202
  expandedCells: h,
203
- handleToggleRowExpansion: f,
204
- isCellExpanded: v
203
+ handleToggleRowExpansion: p,
204
+ isCellExpanded: b
205
205
  };
206
206
  }, cn = () => {
207
- const t = S(/* @__PURE__ */ new Map()), c = $(
207
+ const t = H(/* @__PURE__ */ new Map()), c = A(
208
208
  (s) => (i) => {
209
209
  if (!i)
210
210
  return;
@@ -223,88 +223,88 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
223
223
  maxWidth: s = 500,
224
224
  columns: i = [],
225
225
  columnWidthsRef: h,
226
- onColumnResize: y,
227
- initialColumnWidths: f
226
+ onColumnResize: v,
227
+ initialColumnWidths: p
228
228
  }) => {
229
- const [v, a] = U({}), o = S(i), l = S(void 0);
230
- P(() => {
229
+ const [b, a] = U({}), o = H(i), l = H(void 0);
230
+ S(() => {
231
231
  o.current = i;
232
232
  }, [i]);
233
- const u = $(
233
+ const _ = A(
234
234
  (E) => {
235
- const g = i.find((M) => M.key === E);
235
+ const u = i.find(($) => $.key === E);
236
236
  return {
237
- minWidth: (g == null ? void 0 : g.minWidth) ?? c,
238
- maxWidth: (g == null ? void 0 : g.maxWidth) ?? s
237
+ minWidth: (u == null ? void 0 : u.minWidth) ?? c,
238
+ maxWidth: (u == null ? void 0 : u.maxWidth) ?? s
239
239
  };
240
240
  },
241
241
  [i, c, s]
242
242
  );
243
- P(() => {
244
- if (f && l.current !== f) {
245
- const g = {};
246
- Object.entries(f).forEach(([M, N]) => {
247
- const k = o.current.find((A) => A.key === M), B = (k == null ? void 0 : k.minWidth) ?? c, I = (k == null ? void 0 : k.maxWidth) ?? s;
248
- g[M] = Math.min(I, Math.max(B, N));
249
- }), a(g), l.current = f;
243
+ S(() => {
244
+ if (p && l.current !== p) {
245
+ const u = {};
246
+ Object.entries(p).forEach(([$, q]) => {
247
+ const k = o.current.find((T) => T.key === $), P = (k == null ? void 0 : k.minWidth) ?? c, I = (k == null ? void 0 : k.maxWidth) ?? s;
248
+ u[$] = Math.min(I, Math.max(P, q));
249
+ }), a(u), l.current = p;
250
250
  }
251
- }, [f, c, s]);
252
- const b = $(() => {
253
- if (!t || Object.keys(v).length > 0 || !h)
251
+ }, [p, c, s]);
252
+ const y = A(() => {
253
+ if (!t || Object.keys(b).length > 0 || !h)
254
254
  return;
255
255
  const E = {};
256
- h.current.forEach((g, M) => {
257
- E[M] = g;
256
+ h.current.forEach((u, $) => {
257
+ E[$] = u;
258
258
  }), a(E);
259
- }, [t, v, h]), L = $(
260
- (E) => (g, { size: M }) => {
259
+ }, [t, b, h]), L = A(
260
+ (E) => (u, { size: $ }) => {
261
261
  if (!t)
262
262
  return;
263
- const { minWidth: N, maxWidth: k } = u(E), B = Math.min(k, Math.max(N, M.width));
264
- a((I) => ({ ...I, [E]: B }));
263
+ const { minWidth: q, maxWidth: k } = _(E), P = Math.min(k, Math.max(q, $.width));
264
+ a((I) => ({ ...I, [E]: P }));
265
265
  },
266
- [t, u]
267
- ), F = $(
266
+ [t, _]
267
+ ), G = A(
268
268
  (E) => () => {
269
- !t || !v[E] || y == null || y(E, v[E]);
269
+ !t || !b[E] || v == null || v(E, b[E]);
270
270
  },
271
- [t, v, y]
271
+ [t, b, v]
272
272
  );
273
273
  return {
274
- columnWidths: v,
274
+ columnWidths: b,
275
275
  handleResize: L,
276
- handleResizeStop: F,
277
- handleResizeStart: b
276
+ handleResizeStop: G,
277
+ handleResizeStart: y
278
278
  };
279
- }, ln = (t, c, s, i, h, y, f, v) => K(() => {
279
+ }, ln = (t, c, s, i, h, v, p, b) => K(() => {
280
280
  if (!t)
281
281
  return {
282
282
  visible: !1,
283
283
  position: { top: 0, left: 0 },
284
284
  size: { width: 0, height: 0 }
285
285
  };
286
- if (!(h + t.clientWidth < f))
286
+ if (!(h + t.clientWidth < p))
287
287
  return {
288
288
  visible: !1,
289
289
  position: { top: 0, left: 0 },
290
290
  size: { width: 0, height: 0 }
291
291
  };
292
- const o = t.getBoundingClientRect(), l = (c == null ? void 0 : c.offsetHeight) || 0, u = s == null ? void 0 : s.getBoundingClientRect(), b = Math.min(
292
+ const o = t.getBoundingClientRect(), l = (c == null ? void 0 : c.offsetHeight) || 0, _ = s == null ? void 0 : s.getBoundingClientRect(), y = Math.min(
293
293
  o.bottom,
294
- (u == null ? void 0 : u.bottom) || Number.MAX_SAFE_INTEGER
294
+ (_ == null ? void 0 : _.bottom) || Number.MAX_SAFE_INTEGER
295
295
  );
296
296
  let L;
297
- i && s && u ? L = u.top - o.top + l : L = l;
298
- const F = o.top + L, g = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, M = b - F - g, k = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, B = o.right - Ne - k;
297
+ i && s && _ ? L = _.top - o.top + l : L = l;
298
+ const G = o.top + L, u = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, $ = y - G - u, k = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, P = o.right - qe - k;
299
299
  return {
300
300
  visible: !0,
301
301
  position: {
302
- top: F,
303
- left: B
302
+ top: G,
303
+ left: P
304
304
  },
305
305
  size: {
306
- width: Ne,
307
- height: M
306
+ width: qe,
307
+ height: $
308
308
  }
309
309
  };
310
310
  }, [
@@ -313,10 +313,10 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
313
313
  s,
314
314
  i,
315
315
  h,
316
- y,
317
- f,
318
- v
319
- ]), an = (t, c, s, i, h, y, f, v) => K(() => {
316
+ v,
317
+ p,
318
+ b
319
+ ]), an = (t, c, s, i, h, v, p, b) => K(() => {
320
320
  if (!t)
321
321
  return {
322
322
  visible: !1,
@@ -343,42 +343,42 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
343
343
  position: { top: 0, left: 0 },
344
344
  size: { width: 0, height: 0 }
345
345
  };
346
- const u = Math.max(
346
+ const _ = Math.max(
347
347
  ...l.map(
348
348
  (R) => parseInt(R.getAttribute("data-pinned-index") || "-1", 10)
349
349
  )
350
350
  );
351
- if (u < 0)
351
+ if (_ < 0)
352
352
  return {
353
353
  visible: !1,
354
354
  position: { top: 0, left: 0 },
355
355
  size: { width: 0, height: 0 }
356
356
  };
357
- const b = l.find(
358
- (R) => parseInt(R.getAttribute("data-pinned-index") || "-1", 10) === u
357
+ const y = l.find(
358
+ (R) => parseInt(R.getAttribute("data-pinned-index") || "-1", 10) === _
359
359
  );
360
- if (!b)
360
+ if (!y)
361
361
  return {
362
362
  visible: !1,
363
363
  position: { top: 0, left: 0 },
364
364
  size: { width: 0, height: 0 }
365
365
  };
366
- const L = b.getBoundingClientRect(), F = t.getBoundingClientRect(), E = (s == null ? void 0 : s.offsetHeight) || 0, g = i == null ? void 0 : i.getBoundingClientRect(), M = L.right, N = Math.min(
367
- F.bottom,
368
- (g == null ? void 0 : g.bottom) || Number.MAX_SAFE_INTEGER
366
+ const L = y.getBoundingClientRect(), G = t.getBoundingClientRect(), E = (s == null ? void 0 : s.offsetHeight) || 0, u = i == null ? void 0 : i.getBoundingClientRect(), $ = L.right, q = Math.min(
367
+ G.bottom,
368
+ (u == null ? void 0 : u.bottom) || Number.MAX_SAFE_INTEGER
369
369
  );
370
370
  let k;
371
- h && i && g ? k = g.top - F.top + E : k = E;
372
- const B = F.top + k, A = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, W = N - B - A;
371
+ h && i && u ? k = u.top - G.top + E : k = E;
372
+ const P = G.top + k, T = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, M = q - P - T;
373
373
  return {
374
374
  visible: !0,
375
375
  position: {
376
- top: B,
377
- left: M
376
+ top: P,
377
+ left: $
378
378
  },
379
379
  size: {
380
- width: Ne,
381
- height: W
380
+ width: qe,
381
+ height: M
382
382
  }
383
383
  };
384
384
  }, [
@@ -387,83 +387,83 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
387
387
  s,
388
388
  i,
389
389
  h,
390
- y,
391
- f,
392
- v
390
+ v,
391
+ p,
392
+ b
393
393
  ]), dn = ({ enabled: t, rowCount: c }) => {
394
- const s = S(/* @__PURE__ */ new Map()), i = S(/* @__PURE__ */ new Map()), h = $(
394
+ const s = H(/* @__PURE__ */ new Map()), i = H(/* @__PURE__ */ new Map()), h = A(
395
395
  (a) => (o) => {
396
396
  const l = String(a);
397
397
  o ? s.current.set(l, o) : s.current.delete(l);
398
398
  },
399
399
  []
400
- ), y = $(
400
+ ), v = A(
401
401
  (a) => (o) => {
402
402
  const l = String(a);
403
403
  o ? i.current.set(l, o) : i.current.delete(l);
404
404
  },
405
405
  []
406
- ), f = $((a, o) => {
406
+ ), p = A((a, o) => {
407
407
  const l = `${a.offsetHeight}px`;
408
408
  o.style.height !== l && (o.style.height = l);
409
- }, []), v = $(() => {
409
+ }, []), b = A(() => {
410
410
  s.current.forEach((a, o) => {
411
411
  const l = i.current.get(o);
412
- l && f(a, l);
412
+ l && p(a, l);
413
413
  });
414
- }, [f]);
415
- return P(() => {
414
+ }, [p]);
415
+ return S(() => {
416
416
  if (!t)
417
417
  return;
418
418
  const a = new ResizeObserver((o) => {
419
419
  requestAnimationFrame(() => {
420
420
  o.forEach((l) => {
421
- const u = l.target, b = u.dataset.rowId, L = b ? i.current.get(b) : void 0;
422
- L && f(u, L);
421
+ const _ = l.target, y = _.dataset.rowId, L = y ? i.current.get(y) : void 0;
422
+ L && p(_, L);
423
423
  });
424
424
  });
425
425
  });
426
426
  return s.current.forEach((o) => a.observe(o)), () => a.disconnect();
427
- }, [t, c, f]), nt(() => {
428
- t && v();
429
- }, [t, c, v]), { setTableRowRef: h, setCheckboxRowRef: y, syncAllHeights: v };
427
+ }, [t, c, p]), nt(() => {
428
+ t && b();
429
+ }, [t, c, b]), { setTableRowRef: h, setCheckboxRowRef: v, syncAllHeights: b };
430
430
  }, hn = {
431
431
  "resize-handle": "_resize-handle_15uk3_1"
432
- }, fn = ze.bind(hn), pn = qt(
433
- (t, c) => /* @__PURE__ */ d("div", { ref: c, className: fn("resize-handle"), ...t, children: /* @__PURE__ */ d(jt, {}) })
434
- ), gn = {
432
+ }, pn = Ne.bind(hn), fn = Ft(
433
+ (t, c) => /* @__PURE__ */ d("div", { ref: c, className: pn("resize-handle"), ...t, children: /* @__PURE__ */ d(jt, {}) })
434
+ ), un = {
435
435
  "gradient-overlay": "_gradient-overlay_hx7m8_1",
436
436
  "direction-right": "_direction-right_hx7m8_5",
437
437
  "direction-left": "_direction-left_hx7m8_13"
438
- }, un = ze.bind(gn), et = ({
438
+ }, _n = Ne.bind(un), et = ({
439
439
  portalContainer: t,
440
440
  visible: c,
441
441
  position: s,
442
442
  size: i,
443
443
  direction: h,
444
- className: y,
445
- dataTestId: f
444
+ className: v,
445
+ dataTestId: p
446
446
  }) => {
447
447
  if (!c || !t)
448
448
  return null;
449
- const v = {
449
+ const b = {
450
450
  position: "fixed",
451
451
  top: `${s.top}px`,
452
452
  width: `${i.width}px`,
453
453
  height: `${i.height}px`
454
454
  };
455
- return s.left !== void 0 && (v.left = `${s.left}px`), s.right !== void 0 && (v.right = `${s.right}px`), Vt(
455
+ return s.left !== void 0 && (b.left = `${s.left}px`), s.right !== void 0 && (b.right = `${s.right}px`), Vt(
456
456
  /* @__PURE__ */ d(
457
457
  "div",
458
458
  {
459
- className: un("gradient-overlay", `direction-${h}`, y),
460
- style: v,
461
- "data-gradient-type": f
459
+ className: _n("gradient-overlay", `direction-${h}`, v),
460
+ style: b,
461
+ "data-gradient-type": p
462
462
  }
463
463
  ),
464
464
  t
465
465
  );
466
- }, _ = ze.bind(Dt), _n = ({
466
+ }, g = Ne.bind(Dt), gn = ({
467
467
  value: t,
468
468
  expanded: c
469
469
  }) => {
@@ -473,7 +473,7 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
473
473
  {
474
474
  ref: s,
475
475
  title: c ? void 0 : i,
476
- className: _({ "primitive-cell-text": !c }),
476
+ className: g({ "primitive-cell-text": !c }),
477
477
  children: h
478
478
  }
479
479
  );
@@ -487,44 +487,44 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
487
487
  return null;
488
488
  } else
489
489
  s = t;
490
- return typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ d(_n, { value: s, expanded: c }) : s;
491
- }, yn = ({ column: t }) => {
492
- const c = S(null), [s, i] = U(!1);
493
- return P(() => {
490
+ return typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ d(gn, { value: s, expanded: c }) : s;
491
+ }, vn = ({ column: t }) => {
492
+ const c = H(null), [s, i] = U(!1);
493
+ return S(() => {
494
494
  if (c.current) {
495
- const h = c.current.offsetWidth, y = c.current.scrollWidth;
496
- i(y > h);
495
+ const h = c.current.offsetWidth, v = c.current.scrollWidth;
496
+ i(v > h);
497
497
  }
498
498
  }, [t.header]), /* @__PURE__ */ d("span", { ref: c, title: s ? t.header : void 0, children: t.header });
499
- }, Wn = ({
499
+ }, Mn = ({
500
500
  data: t,
501
501
  primaryColumn: c,
502
502
  fixedColumns: s,
503
503
  renderRowActions: i,
504
504
  className: h = "",
505
- wrapperClassName: y = "",
506
- rowClassName: f = "",
507
- headerClassName: v = "",
505
+ wrapperClassName: v = "",
506
+ rowClassName: p = "",
507
+ headerClassName: b = "",
508
508
  bodyClassName: a = "",
509
509
  checkboxColumnClassName: o = "",
510
510
  selectable: l = !1,
511
- selectedRowIds: u = [],
512
- sortingDirection: b = st,
511
+ selectedRowIds: _ = [],
512
+ sortingDirection: y = st,
513
513
  sortingColumn: L,
514
- sortableColumns: F,
514
+ sortableColumns: G,
515
515
  isHeaderFixed: E = !1,
516
- isHorizontallyScrollable: g = !1,
517
- pinnedColumnKeys: M = [],
518
- isRowsExpandable: N = !1,
516
+ isHorizontallyScrollable: u = !1,
517
+ pinnedColumnKeys: $ = [],
518
+ isRowsExpandable: q = !1,
519
519
  expandedRowIds: k = [],
520
- isAllExpandedByDefault: B,
520
+ isAllExpandedByDefault: P,
521
521
  expandAllTooltip: I,
522
- sortDisabledColumnTooltips: A,
523
- isResizable: W = !1,
522
+ sortDisabledColumnTooltips: T,
523
+ isResizable: M = !1,
524
524
  minColumnWidth: R = 50,
525
- maxColumnWidth: Te = 500,
525
+ maxColumnWidth: ze = 500,
526
526
  isSelectAllCheckboxAlwaysVisible: ot = !1,
527
- isCheckboxOutside: T = !1,
527
+ isCheckboxOutside: z = !1,
528
528
  disabledRowIds: he,
529
529
  onChangeSorting: it = () => {
530
530
  },
@@ -536,114 +536,114 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
536
536
  },
537
537
  onToggleAllRowsExpansion: ht = () => {
538
538
  },
539
- onColumnResize: ft = () => {
539
+ onColumnResize: pt = () => {
540
540
  },
541
- getRowCheckboxTooltip: fe = () => {
541
+ getRowCheckboxTooltip: pe = () => {
542
542
  },
543
543
  externalScrollContainerRef: m,
544
544
  portalContainer: re = typeof document < "u" ? document.body : null,
545
- rightGradientClassName: pt,
546
- pinnedGradientClassName: gt
545
+ rightGradientClassName: ft,
546
+ pinnedGradientClassName: ut
547
547
  }) => {
548
548
  const Z = K(
549
549
  () => Array.isArray(c) ? c : [c],
550
550
  [c]
551
- ), O = L ?? Z[0], se = F ?? en([...Z, ...s]), { pinnedColumns: q, scrollableColumns: D } = nn({
551
+ ), O = L ?? Z[0], se = G ?? en([...Z, ...s]), { pinnedColumns: F, scrollableColumns: D } = nn({
552
552
  primaryColumns: Z,
553
553
  fixedColumns: s,
554
- pinnedColumnKeys: M
554
+ pinnedColumnKeys: $
555
555
  }), {
556
- hoveredColumn: ut,
557
- hoveredRow: Ae,
558
- handleColumnMouseEnter: _t,
559
- handleColumnMouseLeave: yt,
560
- handleRowMouseEnter: $e,
561
- handleRowMouseLeave: Me
562
- } = rn(), { columnWidthsRef: ee, setCellRef: We } = cn(), vt = K(() => {
556
+ hoveredColumn: _t,
557
+ hoveredRow: Te,
558
+ handleColumnMouseEnter: gt,
559
+ handleColumnMouseLeave: vt,
560
+ handleRowMouseEnter: Ae,
561
+ handleRowMouseLeave: $e
562
+ } = rn(), { columnWidthsRef: ee, setCellRef: Me } = cn(), bt = K(() => {
563
563
  const e = {};
564
564
  return Z.forEach((n) => {
565
565
  "width" in n && typeof n.width == "number" && (e[n.key] = n.width);
566
566
  }), s.forEach((n) => {
567
567
  "width" in n && typeof n.width == "number" && (e[n.key] = n.width);
568
568
  }), Object.keys(e).length > 0 ? e : void 0;
569
- }, [Z, s]), { handleToggleRowExpansion: bt, isCellExpanded: He } = sn({
569
+ }, [Z, s]), { handleToggleRowExpansion: yt, isCellExpanded: We } = sn({
570
570
  primaryColumns: Z,
571
571
  fixedColumns: s,
572
572
  expandedRowIds: k,
573
573
  onToggleRowExpansion: dt
574
574
  }), wt = K(
575
- () => [...q, ...D],
576
- [q, D]
575
+ () => [...F, ...D],
576
+ [F, D]
577
577
  ), { columnWidths: ce, handleResize: mt, handleResizeStop: kt, handleResizeStart: Et } = on({
578
- enabled: W,
578
+ enabled: M,
579
579
  minWidth: R,
580
- maxWidth: Te,
580
+ maxWidth: ze,
581
581
  columns: wt,
582
582
  columnWidthsRef: ee,
583
- onColumnResize: ft,
584
- initialColumnWidths: vt
583
+ onColumnResize: pt,
584
+ initialColumnWidths: bt
585
585
  }), { setTableRowRef: xt, setCheckboxRowRef: Lt } = dn({
586
- enabled: l && T,
586
+ enabled: l && z,
587
587
  rowCount: t.length
588
- }), Se = (e, n) => {
589
- const r = e.minWidth ?? R, p = e.maxWidth ?? Te;
588
+ }), He = (e, n) => {
589
+ const r = e.minWidth ?? R, f = e.maxWidth ?? ze;
590
590
  return /* @__PURE__ */ d(
591
591
  Ut,
592
592
  {
593
593
  width: ce[e.key] ?? (typeof e.width == "number" ? e.width : R),
594
594
  height: 0,
595
595
  axis: "x",
596
- handle: /* @__PURE__ */ d(pn, {}),
596
+ handle: /* @__PURE__ */ d(fn, {}),
597
597
  onResizeStart: Et,
598
598
  onResize: mt(e.key),
599
599
  onResizeStop: kt(e.key),
600
600
  minConstraints: [r, 0],
601
- maxConstraints: [p, 0],
602
- className: _("resizable-column"),
601
+ maxConstraints: [f, 0],
602
+ className: g("resizable-column"),
603
603
  children: n
604
604
  },
605
605
  e.key
606
606
  );
607
- }, z = S(null), j = S(null), Nt = S(null), te = S(null), pe = S(null), [Y, zt] = U(!1), oe = $((e) => {
607
+ }, N = H(null), j = H(null), qt = H(null), te = H(null), fe = H(null), [Y, Nt] = U(!1), oe = A((e) => {
608
608
  const n = j.current;
609
609
  if (n && n.contains(e))
610
610
  return;
611
611
  const r = e.parentElement;
612
612
  if (!r)
613
613
  return;
614
- const p = window.getComputedStyle(r), w = parseFloat(p.paddingTop) || 0, x = parseFloat(p.paddingBottom) || 0, G = e.offsetHeight + w + x;
615
- e.style.setProperty("--expand-cell-top", `${w}px`), e.style.setProperty("--expand-cell-height", `${G}px`);
616
- }, []), [Pe, ge] = U(0), [Be, ue] = U(0), [Ge, _e] = U(0), [Fe, qe] = U(0), ie = S(!1), ye = S(/* @__PURE__ */ new Set()), ne = S(null), ve = ln(
617
- z.current,
614
+ const f = window.getComputedStyle(r), w = parseFloat(f.paddingTop) || 0, x = parseFloat(f.paddingBottom) || 0, B = e.offsetHeight + w + x;
615
+ e.style.setProperty("--expand-cell-top", `${w}px`), e.style.setProperty("--expand-cell-height", `${B}px`);
616
+ }, []), [Se, ue] = U(0), [Pe, _e] = U(0), [Be, ge] = U(0), [Ge, Fe] = U(0), ie = H(!1), ve = H(/* @__PURE__ */ new Set()), ne = H(null), be = ln(
617
+ N.current,
618
618
  j.current,
619
619
  (m == null ? void 0 : m.current) instanceof HTMLElement ? m.current : null,
620
620
  Y,
621
+ Se,
621
622
  Pe,
622
623
  Be,
623
- Ge,
624
- Fe
625
- ), be = an(
626
- z.current,
627
- Pe,
624
+ Ge
625
+ ), ye = an(
626
+ N.current,
627
+ Se,
628
628
  j.current,
629
629
  (m == null ? void 0 : m.current) instanceof HTMLElement ? m.current : null,
630
630
  Y,
631
+ Pe,
631
632
  Be,
632
- Ge,
633
- Fe
634
- ), Tt = (e) => {
635
- se.includes(e) && (A != null && A[e] || it({ key: e, direction: b }));
636
- }, At = (e) => se.includes(e) ? (O == null ? void 0 : O.key) === e ? Ct(b) ? /* @__PURE__ */ d(Oe, {}) : /* @__PURE__ */ d(Xt, {}) : /* @__PURE__ */ d(Oe, {}) : null, Ue = (e, n) => {
637
- const r = A == null ? void 0 : A[n], p = /* @__PURE__ */ V(
633
+ Ge
634
+ ), zt = (e) => {
635
+ se.includes(e) && (T != null && T[e] || it({ key: e, direction: y }));
636
+ }, Tt = (e) => se.includes(e) ? (O == null ? void 0 : O.key) === e ? Ct(y) ? /* @__PURE__ */ d(Oe, {}) : /* @__PURE__ */ d(Xt, {}) : /* @__PURE__ */ d(Oe, {}) : null, Ue = (e, n) => {
637
+ const r = T == null ? void 0 : T[n], f = /* @__PURE__ */ V(
638
638
  "div",
639
639
  {
640
- className: _("label", { "sort-disabled": !!r }),
641
- onClick: () => Tt(n),
642
- onMouseEnter: () => _t(n),
643
- onMouseLeave: yt,
640
+ className: g("label", { "sort-disabled": !!r }),
641
+ onClick: () => zt(n),
642
+ onMouseEnter: () => gt(n),
643
+ onMouseLeave: vt,
644
644
  children: [
645
- /* @__PURE__ */ d(yn, { column: e }),
646
- (ut === n || (O == null ? void 0 : O.key) === n) && At(n)
645
+ /* @__PURE__ */ d(vn, { column: e }),
646
+ (_t === n || (O == null ? void 0 : O.key) === n) && Tt(n)
647
647
  ]
648
648
  }
649
649
  );
@@ -654,53 +654,53 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
654
654
  placement: "top",
655
655
  dynamicWidth: !0,
656
656
  portalRoot: re ?? void 0,
657
- wrapperClassName: _("sort-disabled-tooltip-wrapper"),
657
+ wrapperClassName: g("sort-disabled-tooltip-wrapper"),
658
658
  wrapperTabIndex: -1,
659
- children: p
659
+ children: f
660
660
  }
661
- ) : p;
662
- }, $t = (e) => {
661
+ ) : f;
662
+ }, At = (e) => {
663
663
  lt(e);
664
664
  }, je = () => {
665
665
  at();
666
- }, Mt = () => {
666
+ }, $t = () => {
667
667
  ht();
668
668
  }, we = (e) => (he == null ? void 0 : he.includes(e)) ?? !1, Xe = t.every(
669
- (e) => we(e.id) || u.includes(e.id)
669
+ (e) => we(e.id) || _.includes(e.id)
670
670
  ), me = t.some(
671
- (e) => !we(e.id) && u.includes(e.id)
672
- ), ke = (u == null ? void 0 : u.length) > 0, Wt = !Rt(t), Ve = ot && Wt || ke, Ht = t.every((e) => k.includes(e.id)), St = B !== void 0 ? B : Ht, Pt = Ce(
673
- q,
671
+ (e) => !we(e.id) && _.includes(e.id)
672
+ ), ke = (_ == null ? void 0 : _.length) > 0, Mt = !Rt(t), Ve = ot && Mt || ke, Wt = t.every((e) => k.includes(e.id)), Ht = P !== void 0 ? P : Wt, St = Ce(
673
+ F,
674
674
  D,
675
- N,
675
+ q,
676
676
  l,
677
677
  !!i,
678
678
  !1,
679
- W ? ce : void 0,
680
- W,
681
- T
682
- ), Bt = Ce(
683
- q,
679
+ M ? ce : void 0,
680
+ M,
681
+ z
682
+ ), Pt = Ce(
683
+ F,
684
684
  D,
685
- N,
685
+ q,
686
686
  l,
687
687
  !!i,
688
688
  !0,
689
- W ? ce : void 0,
690
- W,
691
- T
692
- ), Ie = /* @__PURE__ */ d("button", { onClick: Mt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ d("span", { className: _("expand-icon", { expanded: St }), children: /* @__PURE__ */ d(De, {}) }) });
693
- P(() => {
694
- if (!(m != null && m.current) || !z.current || !j.current)
689
+ M ? ce : void 0,
690
+ M,
691
+ z
692
+ ), Ie = /* @__PURE__ */ d("button", { onClick: $t, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ d("span", { className: g("expand-icon", { expanded: Ht }), children: /* @__PURE__ */ d(De, {}) }) });
693
+ S(() => {
694
+ if (!(m != null && m.current) || !N.current || !j.current)
695
695
  return;
696
- const e = m.current, n = z.current, r = j.current, p = pe.current, w = () => {
697
- const H = n.getBoundingClientRect(), G = e.getBoundingClientRect(), J = r.offsetHeight, X = H.top - G.top, le = H.bottom - G.top, Qe = e.scrollTop > 0 && X <= 0 && le > J;
698
- if (zt(Qe), Qe) {
699
- const ae = H.left, Ze = G.top;
700
- r.classList.add(_("pinned-header")), g && (r.style.overflow = "hidden", r.style.overflowX = "hidden"), r.style.left = `${ae}px`, r.style.top = `${Ze}px`, r.style.width = `${H.width}px`, p && T && (p.style.top = `${Ze}px`);
696
+ const e = m.current, n = N.current, r = j.current, f = fe.current, w = () => {
697
+ const W = n.getBoundingClientRect(), B = e.getBoundingClientRect(), J = r.offsetHeight, X = W.top - B.top, le = W.bottom - B.top, Qe = e.scrollTop > 0 && X <= 0 && le > J;
698
+ if (Nt(Qe), Qe) {
699
+ const ae = W.left, Ze = B.top;
700
+ r.classList.add(g("pinned-header")), u && (r.style.overflow = "hidden", r.style.overflowX = "hidden"), r.style.left = `${ae}px`, r.style.top = `${Ze}px`, r.style.width = `${W.width}px`, f && z && (f.style.top = `${Ze}px`);
701
701
  } else {
702
702
  const ae = n.scrollLeft;
703
- ie.current = !0, r.classList.remove(_("pinned-header")), g && (r.scrollLeft = 0), r.style.left = "", r.style.top = "", r.style.width = "", g && (r.style.overflow = "", r.style.overflowX = ""), p && T && (p.style.top = "", p.classList.remove(_("pinned-header"))), g && ae > 0 ? requestAnimationFrame(() => {
703
+ ie.current = !0, r.classList.remove(g("pinned-header")), u && (r.scrollLeft = 0), r.style.left = "", r.style.top = "", r.style.width = "", u && (r.style.overflow = "", r.style.overflowX = ""), f && z && (f.style.top = "", f.classList.remove(g("pinned-header"))), u && ae > 0 ? requestAnimationFrame(() => {
704
704
  n.scrollLeft = ae, setTimeout(() => {
705
705
  ie.current = !1;
706
706
  }, 0);
@@ -712,96 +712,96 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
712
712
  return e.addEventListener("scroll", w), window.addEventListener("resize", w), () => {
713
713
  cancelAnimationFrame(x), e.removeEventListener("scroll", w), window.removeEventListener("resize", w);
714
714
  };
715
- }, [m, g, T]), P(() => {
716
- if (!(m != null && m.current) || !z.current || !j.current || !Y)
715
+ }, [m, u, z]), S(() => {
716
+ if (!(m != null && m.current) || !N.current || !j.current || !Y)
717
717
  return;
718
- const e = m.current, n = z.current, r = j.current, p = pe.current, w = () => {
718
+ const e = m.current, n = N.current, r = j.current, f = fe.current, w = () => {
719
719
  const X = n.getBoundingClientRect(), le = e.getBoundingClientRect();
720
- r.style.left = `${X.left}px`, r.style.top = `${le.top}px`, r.style.width = `${X.width}px`, p && T && (p.style.top = `${le.top}px`);
720
+ r.style.left = `${X.left}px`, r.style.top = `${le.top}px`, r.style.width = `${X.width}px`, f && z && (f.style.top = `${le.top}px`);
721
721
  }, x = (X) => {
722
722
  ie.current || (X === r ? n.scrollLeft = r.scrollLeft : r.scrollLeft = n.scrollLeft, ne.current && ne.current());
723
- }, H = () => {
723
+ }, W = () => {
724
724
  x(n), w();
725
- }, G = () => {
725
+ }, B = () => {
726
726
  x(r);
727
727
  }, J = () => {
728
728
  w();
729
729
  };
730
- return n.addEventListener("scroll", H), g && r.addEventListener("scroll", G), e.addEventListener("scroll", J), window.addEventListener("resize", w), x(n), w(), () => {
731
- n.removeEventListener("scroll", H), g && r.removeEventListener("scroll", G), e.removeEventListener("scroll", J), window.removeEventListener("resize", w);
730
+ return n.addEventListener("scroll", W), u && r.addEventListener("scroll", B), e.addEventListener("scroll", J), window.addEventListener("resize", w), x(n), w(), () => {
731
+ n.removeEventListener("scroll", W), u && r.removeEventListener("scroll", B), e.removeEventListener("scroll", J), window.removeEventListener("resize", w);
732
732
  };
733
- }, [Y, m, g, T]), P(() => {
734
- if (!z.current || !g)
733
+ }, [Y, m, u, z]), S(() => {
734
+ if (!N.current || !u)
735
735
  return;
736
- const e = z.current, n = m == null ? void 0 : m.current;
737
- ge(e.scrollLeft), ue((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), _e(e.scrollWidth);
736
+ const e = N.current, n = m == null ? void 0 : m.current;
737
+ ue(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ge(e.scrollWidth);
738
738
  const r = () => {
739
- e && (ge(e.scrollLeft), ue((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), _e(e.scrollWidth));
739
+ e && (ue(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ge(e.scrollWidth));
740
740
  };
741
- let p = null;
741
+ let f = null;
742
742
  const w = () => {
743
- p === null && (p = requestAnimationFrame(() => {
744
- r(), p = null;
743
+ f === null && (f = requestAnimationFrame(() => {
744
+ r(), f = null;
745
745
  }));
746
746
  }, x = () => {
747
747
  w();
748
- }, H = () => {
748
+ }, W = () => {
749
749
  w();
750
750
  };
751
- e.addEventListener("scroll", x, { passive: !0 }), n && n.addEventListener("scroll", H, {
751
+ e.addEventListener("scroll", x, { passive: !0 }), n && n.addEventListener("scroll", W, {
752
752
  passive: !0
753
753
  });
754
- const G = () => {
755
- r(), qe((X) => X + 1);
754
+ const B = () => {
755
+ r(), Fe((X) => X + 1);
756
756
  };
757
- window.addEventListener("resize", G), ne.current = r, r();
757
+ window.addEventListener("resize", B), ne.current = r, r();
758
758
  const J = new ResizeObserver(() => {
759
759
  r();
760
760
  });
761
761
  return e && J.observe(e), () => {
762
- e.removeEventListener("scroll", x), n && n.removeEventListener("scroll", H), window.removeEventListener("resize", G), J.disconnect(), p !== null && (cancelAnimationFrame(p), p = null);
762
+ e.removeEventListener("scroll", x), n && n.removeEventListener("scroll", W), window.removeEventListener("resize", B), J.disconnect(), f !== null && (cancelAnimationFrame(f), f = null);
763
763
  };
764
- }, [g, m, Y, k]), P(() => {
765
- if (!z.current || !g)
764
+ }, [u, m, Y, k]), S(() => {
765
+ if (!N.current || !u)
766
766
  return;
767
- const e = z.current, n = m == null ? void 0 : m.current;
767
+ const e = N.current, n = m == null ? void 0 : m.current;
768
768
  requestAnimationFrame(() => {
769
- e && (ge(e.scrollLeft), ue((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), _e(e.scrollWidth), ne.current && ne.current());
769
+ e && (ue(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ge(e.scrollWidth), ne.current && ne.current());
770
770
  });
771
- }, [ce, g, m]), P(() => {
772
- if (!z.current)
771
+ }, [ce, u, m]), S(() => {
772
+ if (!N.current)
773
773
  return;
774
- const e = z.current, n = () => {
774
+ const e = N.current, n = () => {
775
775
  Array.from(e.querySelectorAll('[data-base-left="0"]')).forEach(oe);
776
776
  };
777
777
  requestAnimationFrame(() => {
778
778
  n();
779
779
  });
780
- }, [N, t, oe]), P(() => {
781
- if (!z.current)
780
+ }, [q, t, oe]), S(() => {
781
+ if (!N.current)
782
782
  return;
783
- const e = z.current, n = new Set(k), r = ye.current, p = /* @__PURE__ */ new Set();
783
+ const e = N.current, n = new Set(k), r = ve.current, f = /* @__PURE__ */ new Set();
784
784
  if (k.forEach((x) => {
785
- r.has(x) || p.add(x);
785
+ r.has(x) || f.add(x);
786
786
  }), r.forEach((x) => {
787
- n.has(x) || p.add(x);
788
- }), p.size === 0) {
789
- ye.current = n;
787
+ n.has(x) || f.add(x);
788
+ }), f.size === 0) {
789
+ ve.current = n;
790
790
  return;
791
791
  }
792
792
  const w = setTimeout(() => {
793
- p.forEach((x) => {
794
- const H = e.querySelector(
793
+ f.forEach((x) => {
794
+ const W = e.querySelector(
795
795
  `[data-base-left="0"][data-row-id="${x}"]`
796
796
  );
797
- H && oe(H);
798
- }), qe((x) => x + 1);
797
+ W && oe(W);
798
+ }), Fe((x) => x + 1);
799
799
  }, 0);
800
- return ye.current = n, () => clearTimeout(w);
801
- }, [N, k, oe]), P(() => {
802
- if (!te.current || !z.current || !T)
800
+ return ve.current = n, () => clearTimeout(w);
801
+ }, [q, k, oe]), S(() => {
802
+ if (!te.current || !N.current || !z)
803
803
  return;
804
- const e = te.current, n = z.current, r = () => {
804
+ const e = te.current, n = N.current, r = () => {
805
805
  requestAnimationFrame(() => {
806
806
  e.scrollTop = n.scrollTop;
807
807
  });
@@ -809,27 +809,27 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
809
809
  return n.addEventListener("scroll", r), () => {
810
810
  n.removeEventListener("scroll", r);
811
811
  };
812
- }, [t, T]), nt(() => {
813
- if (!z.current || !te.current)
812
+ }, [t, z]), nt(() => {
813
+ if (!N.current || !te.current)
814
814
  return;
815
- const e = z.current, n = te.current, r = () => {
815
+ const e = N.current, n = te.current, r = () => {
816
816
  const w = `${e.clientHeight}px`;
817
817
  n.style.height !== w && (n.style.height = w);
818
818
  };
819
819
  r();
820
- const p = new ResizeObserver(() => {
820
+ const f = new ResizeObserver(() => {
821
821
  requestAnimationFrame(r);
822
822
  });
823
- return p.observe(e), () => p.disconnect();
823
+ return f.observe(e), () => f.disconnect();
824
824
  }, []);
825
825
  const Re = (e) => {
826
- const n = we(e.id), r = fe == null ? void 0 : fe(e.id), p = /* @__PURE__ */ d(
826
+ const n = we(e.id), r = pe == null ? void 0 : pe(e.id), f = /* @__PURE__ */ d(
827
827
  Ee,
828
828
  {
829
- value: u.includes(e.id),
829
+ value: _.includes(e.id),
830
830
  disabled: n,
831
- onChange: () => $t(e.id),
832
- className: _("checkbox-cell")
831
+ onChange: () => At(e.id),
832
+ className: g("checkbox-cell")
833
833
  }
834
834
  );
835
835
  return r ? /* @__PURE__ */ d(
@@ -837,23 +837,23 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
837
837
  {
838
838
  content: r,
839
839
  placement: "top",
840
- wrapperClassName: _("checkbox-tooltip-wrapper"),
840
+ wrapperClassName: g("checkbox-tooltip-wrapper"),
841
841
  portalRoot: re ?? void 0,
842
- children: p
842
+ children: f
843
843
  }
844
- ) : p;
845
- }, Ye = _("checkbox-cell", "select-all-checkbox", {
844
+ ) : f;
845
+ }, Ye = g("checkbox-cell", "select-all-checkbox", {
846
846
  "select-all-checkbox-selected": me
847
- }), Gt = () => /* @__PURE__ */ V("div", { className: _("checkbox-column", o), ref: te, children: [
847
+ }), Bt = () => /* @__PURE__ */ V("div", { className: g("checkbox-column", o), ref: te, children: [
848
848
  /* @__PURE__ */ d(
849
849
  "div",
850
850
  {
851
- ref: pe,
852
- className: _(
851
+ ref: fe,
852
+ className: g(
853
853
  "table-header",
854
854
  "checkbox-header",
855
855
  { "pinned-header": Y },
856
- v
856
+ b
857
857
  ),
858
858
  children: Ve && /* @__PURE__ */ d(
859
859
  Ee,
@@ -866,26 +866,26 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
866
866
  )
867
867
  }
868
868
  ),
869
- /* @__PURE__ */ d("div", { className: _("checkbox-body", a), children: t.map((e, n) => /* @__PURE__ */ d(
869
+ /* @__PURE__ */ d("div", { className: g("checkbox-body", a), children: t.map((e, n) => /* @__PURE__ */ d(
870
870
  "div",
871
871
  {
872
872
  ref: Lt(e.id),
873
- className: _("checkbox-row", "table-row", Ke(e), f),
874
- onMouseEnter: () => $e(n),
875
- onMouseLeave: Me,
876
- children: (ke || Ae === n) && Re(e)
873
+ className: g("checkbox-row", "table-row", Ke(e), p),
874
+ onMouseEnter: () => Ae(n),
875
+ onMouseLeave: $e,
876
+ children: (ke || Te === n) && Re(e)
877
877
  },
878
878
  e.id
879
879
  )) })
880
880
  ] }), Je = () => /* @__PURE__ */ V(
881
881
  "div",
882
882
  {
883
- ref: z,
884
- className: _(
883
+ ref: N,
884
+ className: g(
885
885
  "table",
886
886
  {
887
887
  "fixed-header": E,
888
- "horizontally-scrollable-container": E && (g || W),
888
+ "horizontally-scrollable-container": E && (u || M),
889
889
  "external-scroll-container": E && !!m
890
890
  },
891
891
  h
@@ -895,22 +895,22 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
895
895
  "div",
896
896
  {
897
897
  ref: j,
898
- className: _(
898
+ className: g(
899
899
  "table-header",
900
900
  {
901
901
  "sticky-header": E && !Y,
902
- "horizontally-scrollable": g,
903
- resizable: W
902
+ "horizontally-scrollable": u,
903
+ resizable: M
904
904
  },
905
- v
905
+ b
906
906
  ),
907
- style: { gridTemplateColumns: Bt },
907
+ style: { gridTemplateColumns: Pt },
908
908
  children: [
909
- l && !T && /* @__PURE__ */ d(
909
+ l && !z && /* @__PURE__ */ d(
910
910
  "div",
911
911
  {
912
- className: _("table-header-cell", "checkbox-cell"),
913
- "data-base-left": N ? C : 0,
912
+ className: g("table-header-cell", "checkbox-cell"),
913
+ "data-base-left": q ? C : 0,
914
914
  children: Ve && /* @__PURE__ */ d(
915
915
  Ee,
916
916
  {
@@ -922,93 +922,93 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
922
922
  )
923
923
  }
924
924
  ),
925
- N && /* @__PURE__ */ d(
925
+ q && /* @__PURE__ */ d(
926
926
  "div",
927
927
  {
928
- className: _("table-header-cell", "expand-cell", "left-border-accent"),
928
+ className: g("table-header-cell", "expand-cell", "left-border-accent"),
929
929
  "data-base-left": "0",
930
930
  children: I ? /* @__PURE__ */ d(
931
931
  xe,
932
932
  {
933
933
  content: I,
934
934
  placement: "top",
935
- wrapperClassName: _("expand-all-tooltip-wrapper"),
936
- contentClassName: _("expand-all-tooltip-content"),
935
+ wrapperClassName: g("expand-all-tooltip-wrapper"),
936
+ contentClassName: g("expand-all-tooltip-content"),
937
937
  children: Ie
938
938
  }
939
939
  ) : Ie
940
940
  }
941
941
  ),
942
- q.map((e, n) => {
942
+ F.map((e, n) => {
943
943
  const r = /* @__PURE__ */ d(
944
944
  "button",
945
945
  {
946
946
  "data-column-key": e.key,
947
947
  "data-pinned-index": n,
948
- "aria-disabled": !!(A != null && A[e.key]),
949
- className: _("table-header-cell", "pinned-column", {
948
+ "aria-disabled": !!(T != null && T[e.key]),
949
+ className: g("table-header-cell", "pinned-column", {
950
950
  [`align-${e.align}`]: "align" in e,
951
951
  "primary-cell": Q(e),
952
952
  "sortable-cell": se.includes(e.key),
953
- resizable: W
953
+ resizable: M
954
954
  }),
955
955
  style: de(
956
956
  e,
957
957
  !0,
958
958
  n,
959
- q,
959
+ F,
960
960
  ee,
961
- N,
961
+ q,
962
962
  l,
963
- T
963
+ z
964
964
  ),
965
965
  children: Ue(e, e.key)
966
966
  },
967
967
  e.key
968
968
  );
969
- return W ? Se(e, r) : r;
969
+ return M ? He(e, r) : r;
970
970
  }),
971
971
  D.map((e) => {
972
972
  const n = /* @__PURE__ */ d(
973
973
  "button",
974
974
  {
975
- "aria-disabled": !!(A != null && A[e.key]),
976
- className: _("table-header-cell", {
975
+ "aria-disabled": !!(T != null && T[e.key]),
976
+ className: g("table-header-cell", {
977
977
  [`align-${e.align}`]: "align" in e,
978
978
  "primary-cell": Q(e),
979
979
  "sortable-cell": se.includes(e.key),
980
- resizable: W
980
+ resizable: M
981
981
  }),
982
982
  style: de(
983
983
  e,
984
984
  !1,
985
985
  void 0,
986
- q,
986
+ F,
987
987
  ee,
988
- N,
988
+ q,
989
989
  l,
990
- T
990
+ z
991
991
  ),
992
992
  children: Ue(e, e.key)
993
993
  },
994
994
  e.key
995
995
  );
996
- return W ? Se(e, n) : n;
996
+ return M ? He(e, n) : n;
997
997
  }),
998
- i && /* @__PURE__ */ d("div", { className: _("table-header-cell", "action-menu-cell") })
998
+ i && /* @__PURE__ */ d("div", { className: g("table-header-cell", "action-menu-cell") })
999
999
  ]
1000
1000
  }
1001
1001
  ),
1002
1002
  /* @__PURE__ */ d(
1003
1003
  "div",
1004
1004
  {
1005
- ref: Nt,
1006
- className: _(
1005
+ ref: qt,
1006
+ className: g(
1007
1007
  "table-body",
1008
1008
  {
1009
1009
  "scrollable-body": E,
1010
- "horizontally-scrollable": g,
1011
- resizable: W
1010
+ "horizontally-scrollable": u,
1011
+ resizable: M
1012
1012
  },
1013
1013
  a
1014
1014
  ),
@@ -1018,37 +1018,37 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1018
1018
  "data-row-index": n,
1019
1019
  "data-row-id": e.id,
1020
1020
  ref: xt(e.id),
1021
- className: _("table-row", Ke(e), f, {
1022
- selectable: l && !T
1021
+ className: g("table-row", Ke(e), p, {
1022
+ selectable: l && !z
1023
1023
  }),
1024
- onMouseEnter: () => $e(n),
1025
- onMouseLeave: Me,
1024
+ onMouseEnter: () => Ae(n),
1025
+ onMouseLeave: $e,
1026
1026
  children: [
1027
- l && !T && /* @__PURE__ */ d(
1027
+ l && !z && /* @__PURE__ */ d(
1028
1028
  "div",
1029
1029
  {
1030
- className: _("table-cell", "checkbox-cell"),
1031
- "data-base-left": N ? C : 0,
1032
- children: (ke || Ae === n) && Re(e)
1030
+ className: g("table-cell", "checkbox-cell"),
1031
+ "data-base-left": q ? C : 0,
1032
+ children: (ke || Te === n) && Re(e)
1033
1033
  }
1034
1034
  ),
1035
- /* @__PURE__ */ d("div", { className: _("row-content-wrapper"), children: /* @__PURE__ */ V("div", { className: _("table-row-content"), style: { gridTemplateColumns: Pt }, children: [
1036
- N && /* @__PURE__ */ d(
1035
+ /* @__PURE__ */ d("div", { className: g("row-content-wrapper"), children: /* @__PURE__ */ V("div", { className: g("table-row-content"), style: { gridTemplateColumns: St }, children: [
1036
+ q && /* @__PURE__ */ d(
1037
1037
  "div",
1038
1038
  {
1039
- className: _("table-cell", "expand-cell", "left-border-accent"),
1039
+ className: g("table-cell", "expand-cell", "left-border-accent"),
1040
1040
  "data-base-left": "0",
1041
1041
  "data-row-id": e.id,
1042
1042
  children: /* @__PURE__ */ d(
1043
1043
  "button",
1044
1044
  {
1045
- onClick: () => bt(e.id),
1045
+ onClick: () => yt(e.id),
1046
1046
  "aria-label": k.includes(e.id) ? "Collapse row" : "Expand row",
1047
1047
  "aria-expanded": k.includes(e.id),
1048
1048
  children: /* @__PURE__ */ d(
1049
1049
  "span",
1050
1050
  {
1051
- className: _("expand-icon", {
1051
+ className: g("expand-icon", {
1052
1052
  expanded: k.includes(e.id)
1053
1053
  }),
1054
1054
  children: /* @__PURE__ */ d(De, {})
@@ -1058,27 +1058,27 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1058
1058
  )
1059
1059
  }
1060
1060
  ),
1061
- q.map((r, p) => {
1062
- const w = He(e.id, r.key), x = Q(r);
1061
+ F.map((r, f) => {
1062
+ const w = We(e.id, r.key), x = Q(r);
1063
1063
  return /* @__PURE__ */ d(
1064
1064
  "div",
1065
1065
  {
1066
1066
  "data-column-key": r.key,
1067
- "data-pinned-index": p,
1068
- ref: x ? We(r.key) : void 0,
1069
- className: _("table-cell", "pinned-column", {
1067
+ "data-pinned-index": f,
1068
+ ref: x ? Me(r.key) : void 0,
1069
+ className: g("table-cell", "pinned-column", {
1070
1070
  "primary-cell": x,
1071
1071
  "expanded-cell": w
1072
1072
  }),
1073
1073
  style: de(
1074
1074
  r,
1075
1075
  !0,
1076
- p,
1077
- q,
1076
+ f,
1077
+ F,
1078
1078
  ee,
1079
- N,
1079
+ q,
1080
1080
  l,
1081
- T
1081
+ z
1082
1082
  ),
1083
1083
  children: tt(e[r.key], w)
1084
1084
  },
@@ -1086,31 +1086,31 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1086
1086
  );
1087
1087
  }),
1088
1088
  D.map((r) => {
1089
- const p = He(e.id, r.key), w = Q(r);
1089
+ const f = We(e.id, r.key), w = Q(r);
1090
1090
  return /* @__PURE__ */ d(
1091
1091
  "div",
1092
1092
  {
1093
- ref: w ? We(r.key) : void 0,
1094
- className: _("table-cell", {
1093
+ ref: w ? Me(r.key) : void 0,
1094
+ className: g("table-cell", {
1095
1095
  "primary-cell": w,
1096
- "expanded-cell": p
1096
+ "expanded-cell": f
1097
1097
  }),
1098
1098
  style: de(
1099
1099
  r,
1100
1100
  !1,
1101
1101
  void 0,
1102
- q,
1102
+ F,
1103
1103
  ee,
1104
- N,
1104
+ q,
1105
1105
  l,
1106
- T
1106
+ z
1107
1107
  ),
1108
- children: tt(e[r.key], p)
1108
+ children: tt(e[r.key], f)
1109
1109
  },
1110
1110
  r.key
1111
1111
  );
1112
1112
  }),
1113
- i && /* @__PURE__ */ d("div", { className: _("table-cell", "action-menu-cell"), children: i(e.metaData) })
1113
+ i && /* @__PURE__ */ d("div", { className: g("table-cell", "action-menu-cell"), children: i(e.metaData) })
1114
1114
  ] }) })
1115
1115
  ]
1116
1116
  },
@@ -1118,16 +1118,16 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1118
1118
  ))
1119
1119
  }
1120
1120
  ),
1121
- g && /* @__PURE__ */ V(Ft, { children: [
1121
+ u && /* @__PURE__ */ V(Gt, { children: [
1122
1122
  /* @__PURE__ */ d(
1123
1123
  et,
1124
1124
  {
1125
1125
  portalContainer: re,
1126
- visible: ve.visible,
1127
- position: ve.position,
1128
- size: ve.size,
1126
+ visible: be.visible,
1127
+ position: be.position,
1128
+ size: be.size,
1129
1129
  direction: "right",
1130
- className: pt,
1130
+ className: ft,
1131
1131
  dataTestId: "right-gradient"
1132
1132
  }
1133
1133
  ),
@@ -1135,11 +1135,11 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1135
1135
  et,
1136
1136
  {
1137
1137
  portalContainer: re,
1138
- visible: be.visible,
1139
- position: be.position,
1140
- size: be.size,
1138
+ visible: ye.visible,
1139
+ position: ye.position,
1140
+ size: ye.size,
1141
1141
  direction: "left",
1142
- className: gt,
1142
+ className: ut,
1143
1143
  dataTestId: "pinned-gradient"
1144
1144
  }
1145
1145
  )
@@ -1147,11 +1147,11 @@ const rt = (t) => typeof t == "string", Yt = "_table_1fgyg_1", Jt = "_resizable_
1147
1147
  ]
1148
1148
  }
1149
1149
  );
1150
- return T ? /* @__PURE__ */ V("div", { className: _("table-wrapper", { "fixed-header": E }, y), children: [
1151
- Gt(),
1150
+ return z ? /* @__PURE__ */ V("div", { className: g("table-wrapper", { "fixed-header": E }, v), children: [
1151
+ Bt(),
1152
1152
  Je()
1153
1153
  ] }) : Je();
1154
1154
  };
1155
1155
  export {
1156
- Wn as T
1156
+ Mn as T
1157
1157
  };