mig-schema-table 5.0.12 → 5.0.14

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 (4) hide show
  1. package/dist/mig-schema-table.d.ts +9 -2
  2. package/dist/mig-schema-table.es.js +935 -923
  3. package/dist/mig-schema-table.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/mig-schema-table.es.js CHANGED
@@ -1,38 +1,38 @@
1
- import { jsx as n, jsxs as F, Fragment as jt } from "react/jsx-runtime";
2
- import * as Ft from "react";
1
+ import { jsx as r, jsxs as F, Fragment as Ft } from "react/jsx-runtime";
2
+ import * as Bt from "react";
3
3
  import e from "react";
4
- import { createPortal as Bt } from "react-dom";
5
- import { VariableSizeGrid as lt, VariableSizeList as Qt } from "react-window";
6
- import { format as zt, endOfDay as Ut, differenceInSeconds as Pt } from "date-fns";
7
- import { nl as Jt } from "date-fns/locale";
8
- import { unCamel as Vt, emptyFn as ve, timeZone as Te, localeFormatInTimeZone as wt, parseLocationHash as ct, serializeLocationHash as ze } from "mig-data-tools";
9
- import { range as Zt, debounce as qt, difference as Gt, isEqual as et, isFinite as Xt, sum as Yt } from "lodash";
10
- import ut from "react-datepicker";
11
- import dt from "react-select";
12
- import { nl as mt } from "date-fns/locale/nl";
13
- import { TZDate as Ue } from "@date-fns/tz";
14
- import { useFloating as ht, flip as ft } from "@floating-ui/react-dom";
15
- import Ht from "react-window-infinite-loader";
16
- import { saveAs as Kt } from "file-saver";
17
- const tt = (t, s) => (
4
+ import { createPortal as Qt } from "react-dom";
5
+ import { VariableSizeGrid as ct, VariableSizeList as zt } from "react-window";
6
+ import { format as Ut, endOfDay as Pt, differenceInSeconds as Jt } from "date-fns";
7
+ import { nl as Vt } from "date-fns/locale";
8
+ import { unCamel as Zt, emptyFn as ye, timeZone as xe, localeFormatInTimeZone as vt, parseLocationHash as ut, serializeLocationHash as Pe } from "mig-data-tools";
9
+ import { range as qt, debounce as Xt, difference as Gt, isEqual as tt, isFinite as Ht, sum as Yt } from "lodash";
10
+ import dt from "react-datepicker";
11
+ import mt from "react-select";
12
+ import { nl as ht } from "date-fns/locale/nl";
13
+ import { TZDate as Je } from "@date-fns/tz";
14
+ import { useFloating as ft, flip as bt } from "@floating-ui/react-dom";
15
+ import Kt from "react-window-infinite-loader";
16
+ import { saveAs as en } from "file-saver";
17
+ const nt = (t, s) => (
18
18
  // replace jan. with jan
19
- zt(t, s, { locale: Jt }).replace(".", "")
20
- ), en = {
19
+ Ut(t, s, { locale: Vt }).replace(".", "")
20
+ ), tn = {
21
21
  "Europe/Amsterdam": "AMS",
22
22
  "Europe/Berlin": "AMS",
23
23
  "Asia/Jakarta": "JKT",
24
24
  "Asia/Bangkok": "JKT",
25
25
  showingFilteredCountOfTotalCount: "Showing {0} of {1}"
26
26
  };
27
- function bt(t, ...s) {
28
- let u = en[t] || Vt(t);
27
+ function gt(t, ...s) {
28
+ let m = tn[t] || Zt(t);
29
29
  return s.forEach((g, p) => {
30
- u = u.replace(`{${p}}`, `${g}`);
31
- }), u;
30
+ m = m.replace(`{${p}}`, `${g}`);
31
+ }), m;
32
32
  }
33
- const K = "SELECT_ALL_COLUMN_NAME", gt = 40, vt = "dd MMM yyyy", Pe = "dd MMM yyyy HH:mm", kt = 25, pt = 50, tn = 3;
34
- var ge = /* @__PURE__ */ ((t) => (t.GT = "GT", t.LT = "LT", t.EQ = "EQ", t))(ge || {}), $e = /* @__PURE__ */ ((t) => (t.UNAVAILABLE = "UNAVAILABLE", t.AVAILABLE = "AVAILABLE", t.ACTIVE = "ACTIVE", t))($e || {});
35
- const Me = Ft.createContext({
33
+ const K = "SELECT_ALL_COLUMN_NAME", pt = 40, kt = "dd MMM yyyy", Ve = "dd MMM yyyy HH:mm", xt = 25, _t = 50, nn = 3;
34
+ var fe = /* @__PURE__ */ ((t) => (t.GT = "GT", t.LT = "LT", t.EQ = "EQ", t))(fe || {}), Oe = /* @__PURE__ */ ((t) => (t.UNAVAILABLE = "UNAVAILABLE", t.AVAILABLE = "AVAILABLE", t.ACTIVE = "ACTIVE", t))(Oe || {});
35
+ const De = Bt.createContext({
36
36
  checkedIndexes: [],
37
37
  columnNames: [],
38
38
  columnWidths: new Uint16Array(),
@@ -44,403 +44,403 @@ const Me = Ft.createContext({
44
44
  isSortable: !1,
45
45
  properties: {},
46
46
  required: [],
47
- setCustomColumnNames: ve,
48
- setCustomColumnWidths: ve,
49
- setDropTargetIndex: ve,
50
- setFilterSortColumn: ve,
51
- setLastCheckChangedRowIndex: ve,
52
- setMenuConfig: ve,
47
+ setCustomColumnNames: ye,
48
+ setCustomColumnWidths: ye,
49
+ setDropTargetIndex: ye,
50
+ setFilterSortColumn: ye,
51
+ setLastCheckChangedRowIndex: ye,
52
+ setMenuConfig: ye,
53
53
  tableDataState: {
54
54
  searchQuery: "",
55
55
  columnFilterMap: {},
56
56
  sortColumn: "",
57
57
  sortAsc: !1
58
58
  },
59
- translate: ve
60
- }), nn = { type: "boolean" }, rn = ({ columnIndex: t, rowIndex: s, style: u }) => {
59
+ translate: ye
60
+ }), rn = { type: "boolean" }, sn = ({ columnIndex: t, rowIndex: s, style: m }) => {
61
61
  const {
62
62
  checkedIndexes: g,
63
63
  columnNames: p,
64
- config: d,
65
- disabledCheckedIndexes: I,
64
+ config: h,
65
+ disabledCheckedIndexes: S,
66
66
  displayTimezone: C,
67
- getRowClassName: R,
68
- getRowSelected: S,
69
- isItemLoaded: A,
70
- lastCheckChangedRowIndex: O,
71
- onRowClick: D,
72
- onRowDoubleClick: w,
73
- properties: $,
74
- setCheckedIndexes: Z,
67
+ getRowClassName: W,
68
+ getRowSelected: $,
69
+ isItemLoaded: E,
70
+ lastCheckChangedRowIndex: R,
71
+ onRowClick: T,
72
+ onRowDoubleClick: k,
73
+ properties: O,
74
+ setCheckedIndexes: V,
75
75
  setLastCheckChangedRowIndex: ee,
76
- sortedRenderData: T,
76
+ sortedRenderData: M,
77
77
  sourceData: c,
78
- translate: a
79
- } = e.useContext(Me), o = p[t], _ = o === K ? nn : $[o], B = d ? d[o] : void 0, te = e.useCallback(
80
- (v) => {
81
- Z && Z((N) => N && N.includes(v) ? N.filter((M) => M !== v) : N ? [...N, v] : [v]);
78
+ translate: i
79
+ } = e.useContext(De), o = p[t], _ = o === K ? rn : O[o], B = h ? h[o] : void 0, te = e.useCallback(
80
+ (x) => {
81
+ V && V((I) => I && I.includes(x) ? I.filter((A) => A !== x) : I ? [...I, x] : [x]);
82
82
  },
83
- [Z]
84
- ), le = A(s), ne = e.useCallback(
85
- (v) => {
86
- if (!c || !T || !D || !le)
83
+ [V]
84
+ ), ce = E(s), ne = e.useCallback(
85
+ (x) => {
86
+ if (!c || !M || !T || !ce)
87
87
  return;
88
- const { rowIndex: N } = v.currentTarget.dataset;
89
- if (!N)
88
+ const { rowIndex: I } = x.currentTarget.dataset;
89
+ if (!I)
90
90
  return;
91
- const k = T[parseInt(N, 10)];
92
- D(c[k._index], k._index, v);
91
+ const D = M[parseInt(I, 10)];
92
+ T(c[D._index], D._index, x);
93
93
  },
94
- [le, D, T, c]
94
+ [ce, T, M, c]
95
95
  ), y = e.useCallback(
96
- (v) => {
97
- if (!c || !T || !w || !A)
96
+ (x) => {
97
+ if (!c || !M || !k || !E)
98
98
  return;
99
- const { rowIndex: N } = v.currentTarget.dataset;
100
- if (!N)
99
+ const { rowIndex: I } = x.currentTarget.dataset;
100
+ if (!I)
101
101
  return;
102
- const k = T[parseInt(N, 10)];
103
- w(c[k._index], k._index, v);
102
+ const D = M[parseInt(I, 10)];
103
+ k(c[D._index], D._index, x);
104
104
  },
105
- [A, w, T, c]
106
- ), L = T ? T[s] : void 0, { showTimezones: oe, TdBody: G } = B || {}, re = e.useMemo(() => C ? null : Te.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), Q = e.useMemo(() => {
107
- if (!L || !T)
105
+ [E, k, M, c]
106
+ ), N = M ? M[s] : void 0, { showTimezones: oe, TdBody: q } = B || {}, re = e.useMemo(() => C ? null : xe.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), Q = e.useMemo(() => {
107
+ if (!N || !M)
108
108
  return;
109
- let v = o === K ? void 0 : L[o];
109
+ let x = o === K ? void 0 : N[o];
110
110
  if (_?.format && _.format === "date-time" && oe !== !1) {
111
- const k = c ? c[L._index] : void 0, M = k ? k[o] : void 0, ce = M ? new Date(M) : void 0;
112
- ce && re && (v = `${wt(
113
- ce,
111
+ const D = c ? c[N._index] : void 0, A = D ? D[o] : void 0, se = A ? new Date(A) : void 0;
112
+ se && re && (x = `${vt(
113
+ se,
114
114
  re,
115
- Pe
116
- )} (${a(re)})`);
115
+ Ve
116
+ )} (${i(re)})`);
117
117
  }
118
- const N = [
118
+ const I = [
119
119
  "mig-schema-table__td",
120
120
  `mig-schema-table__td--${s % 2 ? "odd" : "even"}`,
121
121
  `mig-schema-table__td--prop-${o}`
122
122
  ];
123
- switch (c && S && S(c[L._index], L._index) && N.push("mig-schema-table__td--selected"), c && R && N.push(
124
- R(c[L._index], L._index, T)
123
+ switch (c && $ && $(c[N._index], N._index) && I.push("mig-schema-table__td--selected"), c && W && I.push(
124
+ W(c[N._index], N._index, M)
125
125
  ), _?.type) {
126
126
  case "boolean":
127
- N.push(`text-${B?.align || "center"}`);
127
+ I.push(`text-${B?.align || "center"}`);
128
128
  break;
129
129
  case "number":
130
130
  case "integer":
131
- N.push(`text-${B?.align || "end"}`);
131
+ I.push(`text-${B?.align || "end"}`);
132
132
  break;
133
133
  default:
134
- B?.align && N.push(`text-${B.align}`);
134
+ B?.align && I.push(`text-${B.align}`);
135
135
  }
136
136
  return {
137
137
  "data-row-index": s,
138
138
  "data-column-index": t,
139
- style: u,
140
- className: N.join(" "),
141
- title: v,
139
+ style: m,
140
+ className: I.join(" "),
141
+ title: x,
142
142
  onClick: o === K ? void 0 : ne,
143
143
  onDoubleClick: o === K ? void 0 : y
144
144
  };
145
145
  }, [
146
- L,
147
- T,
146
+ N,
147
+ M,
148
148
  o,
149
149
  _,
150
150
  oe,
151
151
  s,
152
152
  c,
153
- S,
154
- R,
153
+ $,
154
+ W,
155
155
  t,
156
- u,
156
+ m,
157
157
  ne,
158
158
  y,
159
159
  re,
160
- a,
160
+ i,
161
161
  B
162
- ]), V = e.useCallback(
163
- (v) => {
164
- if (!te || !L)
162
+ ]), J = e.useCallback(
163
+ (x) => {
164
+ if (!te || !N)
165
165
  return;
166
- const N = parseInt(v.currentTarget.dataset.rowIndex);
167
- if (v.shiftKey && O !== void 0) {
168
- const k = g?.includes(O) ? O : void 0;
169
- if (k !== void 0 && T) {
170
- const M = s;
171
- for (const ce of Zt(
172
- M > k ? k + 1 : M,
173
- M > k ? M + 1 : k
166
+ const I = parseInt(x.currentTarget.dataset.rowIndex);
167
+ if (x.shiftKey && R !== void 0) {
168
+ const D = g?.includes(R) ? R : void 0;
169
+ if (D !== void 0 && M) {
170
+ const A = s;
171
+ for (const se of qt(
172
+ A > D ? D + 1 : A,
173
+ A > D ? A + 1 : D
174
174
  )) {
175
- const me = T[ce]._index;
176
- (!I || !I.includes(me)) && te(me);
175
+ const me = M[se]._index;
176
+ (!S || !S.includes(me)) && te(me);
177
177
  }
178
178
  }
179
179
  } else
180
- te(L._index);
181
- ee(N), Ce.current?.focus();
180
+ te(N._index);
181
+ ee(I), ge.current?.focus();
182
182
  },
183
183
  [
184
184
  g,
185
- I,
186
- O,
185
+ S,
186
+ R,
187
187
  te,
188
- L,
188
+ N,
189
189
  s,
190
190
  ee,
191
- T
191
+ M
192
192
  ]
193
- ), Ce = e.useRef(null);
194
- if (!L || !Q)
193
+ ), ge = e.useRef(null);
194
+ if (!N || !Q)
195
195
  return null;
196
- if (!A || c && !c[L._index])
197
- return /* @__PURE__ */ n("div", { ...Q, children: "loading" });
196
+ if (!E || c && !c[N._index])
197
+ return /* @__PURE__ */ r("div", { ...Q, children: "loading" });
198
198
  if (o === K)
199
- return /* @__PURE__ */ n("div", { ...Q, onMouseDown: V, children: /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(
199
+ return /* @__PURE__ */ r("div", { ...Q, onMouseDown: J, children: /* @__PURE__ */ r("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ r(
200
200
  "input",
201
201
  {
202
- ref: Ce,
202
+ ref: ge,
203
203
  type: "checkbox",
204
204
  readOnly: !0,
205
- checked: g?.includes(L._index),
206
- disabled: I?.includes(L._index)
205
+ checked: g?.includes(N._index),
206
+ disabled: S?.includes(N._index)
207
207
  }
208
208
  ) }) });
209
- if (G && c)
210
- return /* @__PURE__ */ n("div", { ...Q, children: /* @__PURE__ */ n(
211
- G,
209
+ if (q && c)
210
+ return /* @__PURE__ */ r("div", { ...Q, children: /* @__PURE__ */ r(
211
+ q,
212
212
  {
213
- dataIndex: L._index,
214
- rowData: c[L._index],
213
+ dataIndex: N._index,
214
+ rowData: c[N._index],
215
215
  rowIndex: s,
216
216
  ...B?.tdBodyProps
217
217
  }
218
218
  ) });
219
- const q = L[o];
220
- return _?.format === "url" && q ? /* @__PURE__ */ n(
219
+ const Z = N[o];
220
+ return _?.format === "url" && Z ? /* @__PURE__ */ r(
221
221
  "a",
222
222
  {
223
- href: q,
223
+ href: Z,
224
224
  target: "_blank",
225
225
  rel: "noopener noreferrer",
226
226
  ...Q,
227
- children: q
227
+ children: Z
228
228
  }
229
- ) : /* @__PURE__ */ n("div", { ...Q, children: q });
230
- }, _t = e.memo(rn);
231
- function sn() {
232
- const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: u } = e.useContext(Me);
229
+ ) : /* @__PURE__ */ r("div", { ...Q, children: Z });
230
+ }, Ct = e.memo(sn);
231
+ function on() {
232
+ const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: m } = e.useContext(De);
233
233
  return e.useMemo(() => {
234
- const g = [...u || []].filter(
234
+ const g = [...m || []].filter(
235
235
  (p) => (t ? t.includes(p._index) : !0) || (s ? !s.includes(p._index) : !0)
236
236
  );
237
237
  return t?.length !== 0 && g.length === t?.length;
238
- }, [t, s, u]);
238
+ }, [t, s, m]);
239
239
  }
240
- function xt(t, s, u) {
241
- return !!(t && u?.isSortable !== !1 && (s || u?.renderData || u?.sort));
240
+ function Dt(t, s, m) {
241
+ return !!(t && m?.isSortable !== !1 && (s || m?.renderData || m?.sort));
242
242
  }
243
- function Dt() {
244
- const { setCustomColumnWidths: t, settingsStorageKey: s } = e.useContext(Me);
243
+ function Tt() {
244
+ const { setCustomColumnWidths: t, settingsStorageKey: s } = e.useContext(De);
245
245
  return e.useCallback(
246
- (u) => {
246
+ (m) => {
247
247
  s && localStorage.setItem(
248
248
  `${s}.columnWidths`,
249
- JSON.stringify(Array.from(u))
250
- ), t(u);
249
+ JSON.stringify(Array.from(m))
250
+ ), t(m);
251
251
  },
252
252
  [t, s]
253
253
  );
254
254
  }
255
- const on = ({ index: t, style: s }) => {
255
+ const an = ({ index: t, style: s }) => {
256
256
  const {
257
- checkedIndexes: u,
257
+ checkedIndexes: m,
258
258
  columnNames: g,
259
259
  columnWidths: p,
260
- config: d,
261
- disabledCheckedIndexes: I,
260
+ config: h,
261
+ disabledCheckedIndexes: S,
262
262
  dropTargetIndex: C,
263
- isColumnFilterable: R,
264
- isSortable: S,
265
- setCheckedIndexes: A,
266
- properties: O,
267
- required: D,
268
- setCustomColumnNames: w,
269
- setDropTargetIndex: $,
270
- setFilterSortColumn: Z,
263
+ isColumnFilterable: W,
264
+ isSortable: $,
265
+ setCheckedIndexes: E,
266
+ properties: R,
267
+ required: T,
268
+ setCustomColumnNames: k,
269
+ setDropTargetIndex: O,
270
+ setFilterSortColumn: V,
271
271
  setMenuConfig: ee,
272
- settingsStorageKey: T,
272
+ settingsStorageKey: M,
273
273
  tableDataState: c,
274
- sortedRenderData: a,
274
+ sortedRenderData: i,
275
275
  translate: o,
276
276
  displayTimezone: _
277
- } = e.useContext(Me), [B, te] = e.useState(!1), le = t === C, ne = Dt(), y = g[t], L = y === K ? { type: "boolean" } : O[y], oe = c.sortColumn === y ? c.sortAsc : void 0, G = d ? d[y] : void 0;
278
- let re = R && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
279
- c.columnFilterMap && c.columnFilterMap[y] !== void 0 && (re = $e.ACTIVE);
280
- const Q = xt(
281
- S,
282
- L,
283
- G
284
- ), V = [
277
+ } = e.useContext(De), [B, te] = e.useState(!1), ce = t === C, ne = Tt(), y = g[t], N = y === K ? { type: "boolean" } : R[y], oe = c.sortColumn === y ? c.sortAsc : void 0, q = h ? h[y] : void 0;
278
+ let re = W && (N || q?.FilterMenu) && q?.isFilterable !== !1 ? Oe.AVAILABLE : Oe.UNAVAILABLE;
279
+ c.columnFilterMap && c.columnFilterMap[y] !== void 0 && (re = Oe.ACTIVE);
280
+ const Q = Dt(
281
+ $,
282
+ N,
283
+ q
284
+ ), J = [
285
285
  "mig-schema-table__th",
286
286
  `mig-schema-table__th--filter-${re}`,
287
287
  `mig-schema-table__th--prop-${y}`
288
288
  ];
289
- V.push(
289
+ J.push(
290
290
  Q ? "mig-schema-table__th--sortable" : "mig-schema-table__th--unsortable"
291
- ), oe !== void 0 && V.push("mig-schema-table__th--sorted"), B && V.push("mig-schema-table__th--dragging"), le && V.push("mig-schema-table__th--drop-target");
292
- const { format: Ce } = L || {}, {
293
- align: q,
294
- defaultSortDesc: v,
295
- showTimezones: N = !_,
296
- title: k
297
- } = G || {}, M = e.useCallback(() => {
291
+ ), oe !== void 0 && J.push("mig-schema-table__th--sorted"), B && J.push("mig-schema-table__th--dragging"), ce && J.push("mig-schema-table__th--drop-target");
292
+ const { format: ge } = N || {}, {
293
+ align: Z,
294
+ defaultSortDesc: x,
295
+ showTimezones: I = !_,
296
+ title: D
297
+ } = q || {}, A = e.useCallback(() => {
298
298
  if (Q) {
299
299
  if (oe === void 0) {
300
- Z(y, !v);
300
+ V(y, !x);
301
301
  return;
302
302
  }
303
- Z(y, !oe);
303
+ V(y, !oe);
304
304
  }
305
305
  }, [
306
306
  Q,
307
- v,
307
+ x,
308
308
  y,
309
- Z,
309
+ V,
310
310
  oe
311
- ]), ce = D.includes(y), me = e.useCallback(
312
- (j) => {
313
- const he = j.currentTarget;
314
- ee((we) => {
315
- if (we?.propName !== y)
311
+ ]), se = T.includes(y), me = e.useCallback(
312
+ (w) => {
313
+ const ae = w.currentTarget;
314
+ ee((pe) => {
315
+ if (pe?.propName !== y)
316
316
  return {
317
- propConfig: G,
318
- propIsRequired: ce,
317
+ propConfig: q,
318
+ propIsRequired: se,
319
319
  propName: y,
320
- referenceElement: he
320
+ referenceElement: ae
321
321
  };
322
322
  });
323
323
  },
324
- [G, ce, y, ee]
325
- ), ye = e.useMemo(() => k !== void 0 ? k : Ce === "date-time" && N ? `${o(y)} (${o(_ || Te)})` : o(y), [k, Ce, N, o, y, _]), se = e.useCallback(
326
- (j, he) => {
324
+ [q, se, y, ee]
325
+ ), Te = e.useMemo(() => D !== void 0 ? D : ge === "date-time" && I ? `${o(y)} (${o(_ || xe)})` : o(y), [D, ge, I, o, y, _]), H = e.useCallback(
326
+ (w, ae) => {
327
327
  if (!g || !p)
328
328
  return;
329
- const we = g.indexOf(j), J = [...g];
330
- J.splice(we, 1);
331
- const x = J.indexOf(he);
332
- J.splice(x + 1, 0, j), w(J);
333
- const pe = [...p], fe = pe[we];
334
- pe.splice(we, 1), pe.splice(x + 1, 0, fe), ne(new Uint16Array(pe)), T && localStorage.setItem(
335
- `${T}.columnNames`,
336
- JSON.stringify(J)
329
+ const pe = g.indexOf(w), _e = [...g];
330
+ _e.splice(pe, 1);
331
+ const X = _e.indexOf(ae);
332
+ _e.splice(X + 1, 0, w), k(_e);
333
+ const v = [...p], Le = v[pe];
334
+ v.splice(pe, 1), v.splice(X + 1, 0, Le), ne(new Uint16Array(v)), M && localStorage.setItem(
335
+ `${M}.columnNames`,
336
+ JSON.stringify(_e)
337
337
  );
338
338
  },
339
339
  [
340
340
  g,
341
341
  p,
342
342
  ne,
343
- T,
344
- w
343
+ M,
344
+ k
345
345
  ]
346
- ), Ae = e.useCallback(
347
- (j) => {
348
- se && (te(!0), j.dataTransfer.effectAllowed = "move", j.dataTransfer.dropEffect = "move", j.dataTransfer.setData("text/plain", y));
346
+ ), Re = e.useCallback(
347
+ (w) => {
348
+ H && (te(!0), w.dataTransfer.effectAllowed = "move", w.dataTransfer.dropEffect = "move", w.dataTransfer.setData("text/plain", y));
349
349
  },
350
- [se, y]
351
- ), Oe = e.useCallback(() => {
352
- se && (te(!1), $(-1));
353
- }, [se, $]), Je = e.useCallback(
354
- (j) => {
355
- se && (j.preventDefault(), $(t));
350
+ [H, y]
351
+ ), Me = e.useCallback(() => {
352
+ H && (te(!1), O(-1));
353
+ }, [H, O]), We = e.useCallback(
354
+ (w) => {
355
+ H && (w.preventDefault(), O(t));
356
356
  },
357
- [t, se, $]
358
- ), Ve = e.useCallback(
359
- (j) => {
360
- if ($(-1), !se || !y)
357
+ [t, H, O]
358
+ ), Ze = e.useCallback(
359
+ (w) => {
360
+ if (O(-1), !H || !y)
361
361
  return;
362
- const he = j.dataTransfer.getData("text/plain");
363
- !he || he === y || se(he, y);
362
+ const ae = w.dataTransfer.getData("text/plain");
363
+ !ae || ae === y || H(ae, y);
364
364
  },
365
- [se, y, $]
366
- ), Ee = sn(), Ze = e.useCallback(() => {
367
- !A || !a || A(
368
- Ee ? [] : a.map((j) => j._index).filter((j) => !I?.includes(j))
365
+ [H, y, O]
366
+ ), Ae = on(), qe = e.useCallback(() => {
367
+ !E || !i || E(
368
+ Ae ? [] : i.map((w) => w._index).filter((w) => !S?.includes(w))
369
369
  );
370
370
  }, [
371
- A,
372
- a,
373
- Ee,
374
- I
371
+ E,
372
+ i,
373
+ Ae,
374
+ S
375
375
  ]);
376
376
  if (y === K)
377
- return /* @__PURE__ */ n("div", { style: s, className: V.join(" "), children: /* @__PURE__ */ n(
377
+ return /* @__PURE__ */ r("div", { style: s, className: J.join(" "), children: /* @__PURE__ */ r(
378
378
  "div",
379
379
  {
380
380
  style: {
381
381
  width: "100%",
382
382
  textAlign: "center"
383
383
  },
384
- title: `${u?.length || 0} selected`,
385
- children: /* @__PURE__ */ n(
384
+ title: `${m?.length || 0} selected`,
385
+ children: /* @__PURE__ */ r(
386
386
  "input",
387
387
  {
388
388
  type: "checkbox",
389
389
  name: "selectAll",
390
- checked: Ee,
391
- onChange: Ze
390
+ checked: Ae,
391
+ onChange: qe
392
392
  }
393
393
  )
394
394
  }
395
395
  ) });
396
- switch (L?.type) {
396
+ switch (N?.type) {
397
397
  case "boolean":
398
- V.push(
399
- `text-${q || "center"}`,
400
- `justify-content-${q || "center"}`
398
+ J.push(
399
+ `text-${Z || "center"}`,
400
+ `justify-content-${Z || "center"}`
401
401
  );
402
402
  break;
403
403
  case "integer":
404
404
  case "number":
405
- V.push(
406
- `text-${q || "end"}`,
407
- `justify-content-${q || "end"}`
405
+ J.push(
406
+ `text-${Z || "end"}`,
407
+ `justify-content-${Z || "end"}`
408
408
  );
409
409
  break;
410
410
  default:
411
- q && V.push(`text-${q}`);
411
+ Z && J.push(`text-${Z}`);
412
412
  }
413
- let z = G?.hoverTitle;
414
- return !z && typeof ye == "string" && (z = ye), /* @__PURE__ */ F(
413
+ let Ee = q?.hoverTitle;
414
+ return !Ee && typeof Te == "string" && (Ee = Te), /* @__PURE__ */ F(
415
415
  "div",
416
416
  {
417
- className: V.join(" "),
417
+ className: J.join(" "),
418
418
  style: s,
419
- title: z,
419
+ title: Ee,
420
420
  draggable: !0,
421
- onDragStart: Ae,
422
- onDragEnd: Oe,
423
- onDragOver: Je,
424
- onDrop: Ve,
421
+ onDragStart: Re,
422
+ onDragEnd: Me,
423
+ onDragOver: We,
424
+ onDrop: Ze,
425
425
  children: [
426
426
  /* @__PURE__ */ F(
427
427
  "div",
428
428
  {
429
429
  className: "mig-schema-table__th__label-body",
430
430
  style: { lineHeight: "44px" },
431
- onClick: M,
431
+ onClick: A,
432
432
  children: [
433
- /* @__PURE__ */ n("span", { className: "mig-schema-table__th__label-body-text", children: ye }),
434
- oe === void 0 ? null : /* @__PURE__ */ n("span", { className: "mig-schema-table__th__sort-icon", children: oe ? "↓" : "↑" })
433
+ /* @__PURE__ */ r("span", { className: "mig-schema-table__th__label-body-text", children: Te }),
434
+ oe === void 0 ? null : /* @__PURE__ */ r("span", { className: "mig-schema-table__th__sort-icon", children: oe ? "↓" : "↑" })
435
435
  ]
436
436
  }
437
437
  ),
438
- Q || re !== $e.UNAVAILABLE ? /* @__PURE__ */ n(
438
+ Q || re !== Oe.UNAVAILABLE ? /* @__PURE__ */ r(
439
439
  "button",
440
440
  {
441
441
  className: "mig-schema-table__th__trigger-el",
442
442
  onClick: me,
443
- children: /* @__PURE__ */ n(
443
+ children: /* @__PURE__ */ r(
444
444
  "svg",
445
445
  {
446
446
  xmlns: "http://www.w3.org/2000/svg",
@@ -452,7 +452,7 @@ const on = ({ index: t, style: s }) => {
452
452
  strokeWidth: "2",
453
453
  strokeLinecap: "round",
454
454
  strokeLinejoin: "round",
455
- children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
455
+ children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
456
456
  }
457
457
  )
458
458
  }
@@ -460,49 +460,49 @@ const on = ({ index: t, style: s }) => {
460
460
  ]
461
461
  }
462
462
  );
463
- }, an = e.memo(on), ln = {
464
- [ge.GT]: ">",
465
- [ge.LT]: "<",
466
- [ge.EQ]: "="
467
- }, cn = e.memo(
463
+ }, ln = e.memo(an), cn = {
464
+ [fe.GT]: ">",
465
+ [fe.LT]: "<",
466
+ [fe.EQ]: "="
467
+ }, un = e.memo(
468
468
  ({
469
469
  columnFilterValue: t,
470
470
  onChange: s,
471
- onInputKeyDown: u,
471
+ onInputKeyDown: m,
472
472
  propIsRequired: g,
473
473
  propName: p,
474
- propSchema: d,
475
- translate: I
474
+ propSchema: h,
475
+ translate: S
476
476
  }) => {
477
- const { displayTimezone: C } = e.useContext(Me), { type: R, format: S, minimum: A, maximum: O } = d || {}, D = t, w = S === "date-time";
478
- let $, Z;
479
- switch (R) {
477
+ const { displayTimezone: C } = e.useContext(De), { type: W, format: $, minimum: E, maximum: R } = h || {}, T = t, k = $ === "date-time";
478
+ let O, V;
479
+ switch (W) {
480
480
  case "number":
481
481
  case "integer":
482
- return $ = D || {}, Z = (c, a, o) => {
482
+ return O = T || {}, V = (c, i, o) => {
483
483
  const _ = {
484
- ...$,
485
- [c]: a.value === "" ? void 0 : parseInt(a.value)
484
+ ...O,
485
+ [c]: i.value === "" ? void 0 : parseInt(i.value)
486
486
  }, B = Object.values(_).find(
487
487
  (te) => isFinite(te)
488
488
  );
489
489
  s(
490
- B !== void 0 && (A === void 0 || B >= A) ? _ : void 0,
490
+ B !== void 0 && (E === void 0 || B >= E) ? _ : void 0,
491
491
  o
492
492
  );
493
493
  }, /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
494
494
  g ? null : /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
495
495
  /* @__PURE__ */ F("label", { className: "d-flex", children: [
496
- /* @__PURE__ */ n(
496
+ /* @__PURE__ */ r(
497
497
  "input",
498
498
  {
499
499
  type: "checkbox",
500
500
  style: { marginRight: 14 },
501
- checked: !!$.filterEmpty,
501
+ checked: !!O.filterEmpty,
502
502
  onChange: () => {
503
- const { filterEmpty: c, ...a } = $;
504
- c || (a.filterEmpty = !0), s(
505
- Object.keys(a).length ? a : void 0,
503
+ const { filterEmpty: c, ...i } = O;
504
+ c || (i.filterEmpty = !0), s(
505
+ Object.keys(i).length ? i : void 0,
506
506
  !0
507
507
  );
508
508
  }
@@ -510,37 +510,37 @@ const on = ({ index: t, style: s }) => {
510
510
  ),
511
511
  "Hide empty values"
512
512
  ] }),
513
- /* @__PURE__ */ n("hr", {})
513
+ /* @__PURE__ */ r("hr", {})
514
514
  ] }),
515
- Object.keys(ge).map((c) => {
516
- const a = $[c];
515
+ Object.keys(fe).map((c) => {
516
+ const i = O[c];
517
517
  return /* @__PURE__ */ F("li", { children: [
518
- /* @__PURE__ */ n("label", { style: { width: 40, paddingLeft: 16 }, children: ln[c] }),
519
- /* @__PURE__ */ n(
518
+ /* @__PURE__ */ r("label", { style: { width: 40, paddingLeft: 16 }, children: cn[c] }),
519
+ /* @__PURE__ */ r(
520
520
  "input",
521
521
  {
522
522
  className: "form-control",
523
523
  style: { width: 120 },
524
524
  type: "number",
525
- value: a !== void 0 ? a : "",
525
+ value: i !== void 0 ? i : "",
526
526
  "data-prop-name": p,
527
527
  onChange: (o) => {
528
- Z(
528
+ V(
529
529
  c,
530
530
  o.currentTarget,
531
531
  !1
532
532
  );
533
533
  },
534
534
  onBlur: (o) => {
535
- Z(
535
+ V(
536
536
  c,
537
537
  o.currentTarget,
538
538
  !0
539
539
  );
540
540
  },
541
- onKeyDown: u,
542
- min: A,
543
- max: O
541
+ onKeyDown: m,
542
+ min: E,
543
+ max: R
544
544
  }
545
545
  )
546
546
  ] }, c);
@@ -552,17 +552,17 @@ const on = ({ index: t, style: s }) => {
552
552
  { value: "✕", label: "✕" }
553
553
  ];
554
554
  g || ee.push({ value: "?", label: "?" });
555
- let T = null;
556
- return D === !0 ? T = { value: "✓", label: "✓" } : D === !1 ? T = { value: "✕", label: "✕" } : D === null && (T = { value: "?", label: "?" }), /* @__PURE__ */ n("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
557
- dt,
555
+ let M = null;
556
+ return T === !0 ? M = { value: "✓", label: "✓" } : T === !1 ? M = { value: "✕", label: "✕" } : T === null && (M = { value: "?", label: "?" }), /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
557
+ mt,
558
558
  {
559
559
  autoFocus: !0,
560
560
  menuIsOpen: !0,
561
561
  isClearable: !0,
562
- placeholder: I("All"),
562
+ placeholder: S("All"),
563
563
  className: "react-select-container",
564
564
  classNamePrefix: "react-select",
565
- value: T,
565
+ value: M,
566
566
  options: ee,
567
567
  styles: {
568
568
  menu: (c) => ({
@@ -589,27 +589,27 @@ const on = ({ index: t, style: s }) => {
589
589
  s(void 0, !0);
590
590
  }
591
591
  },
592
- onKeyDown: u
592
+ onKeyDown: m
593
593
  }
594
594
  ) }) });
595
595
  // @ts-expect-error falls through
596
596
  case "string":
597
- if (d?.enum) {
598
- const c = d.enum.map((o) => ({
597
+ if (h?.enum) {
598
+ const c = h.enum.map((o) => ({
599
599
  value: o,
600
- label: I(o)
601
- })), a = c.filter(
602
- (o) => (D || []).includes(o.value)
600
+ label: S(o)
601
+ })), i = c.filter(
602
+ (o) => (T || []).includes(o.value)
603
603
  );
604
- return /* @__PURE__ */ n("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
605
- dt,
604
+ return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
605
+ mt,
606
606
  {
607
607
  isMulti: !0,
608
608
  autoFocus: !0,
609
609
  menuIsOpen: !0,
610
610
  className: "react-select-container",
611
611
  classNamePrefix: "react-select",
612
- value: a,
612
+ value: i,
613
613
  options: c,
614
614
  styles: {
615
615
  menu: (o) => ({
@@ -623,13 +623,13 @@ const on = ({ index: t, style: s }) => {
623
623
  ) : [];
624
624
  s(_.length ? _ : void 0, !0);
625
625
  },
626
- onKeyDown: u,
627
- placeholder: I("Select...")
626
+ onKeyDown: m,
627
+ placeholder: S("Select...")
628
628
  }
629
629
  ) }) });
630
630
  }
631
- if (w || S === "date") {
632
- const c = w ? Pe : vt, a = t || {
631
+ if (k || $ === "date") {
632
+ const c = k ? Ve : kt, i = t || {
633
633
  from: void 0,
634
634
  to: void 0,
635
635
  filterEmpty: void 0
@@ -637,13 +637,13 @@ const on = ({ index: t, style: s }) => {
637
637
  return /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
638
638
  g ? null : /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
639
639
  /* @__PURE__ */ F("label", { className: "d-flex", children: [
640
- /* @__PURE__ */ n(
640
+ /* @__PURE__ */ r(
641
641
  "input",
642
642
  {
643
643
  type: "checkbox",
644
- checked: !!a.filterEmpty,
644
+ checked: !!i.filterEmpty,
645
645
  onChange: () => {
646
- const { filterEmpty: o, ..._ } = a;
646
+ const { filterEmpty: o, ..._ } = i;
647
647
  o || (_.filterEmpty = !0), s(
648
648
  Object.keys(_).length ? _ : void 0,
649
649
  !0
@@ -653,27 +653,27 @@ const on = ({ index: t, style: s }) => {
653
653
  ),
654
654
  "Hide empty values"
655
655
  ] }),
656
- /* @__PURE__ */ n("hr", {})
656
+ /* @__PURE__ */ r("hr", {})
657
657
  ] }),
658
658
  /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
659
- /* @__PURE__ */ n("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
660
- /* @__PURE__ */ n(
661
- ut,
659
+ /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
660
+ /* @__PURE__ */ r(
661
+ dt,
662
662
  {
663
663
  dateFormat: c,
664
664
  "data-prop-name": p,
665
- locale: mt,
666
- selected: a.from ? new Ue(a.from).withTimeZone(
667
- C || Te
665
+ locale: ht,
666
+ selected: i.from ? new Je(i.from).withTimeZone(
667
+ C || xe
668
668
  ) : null,
669
669
  onChange: (o) => {
670
- if (!o && !a.to) {
670
+ if (!o && !i.to) {
671
671
  s(void 0, !0);
672
672
  return;
673
673
  }
674
- if (a.to && o && o > a.to)
674
+ if (i.to && o && o > i.to)
675
675
  return;
676
- const _ = o ? Ue.tz(C || Te, o) : void 0;
676
+ const _ = o ? Je.tz(C || xe, o) : void 0;
677
677
  s(
678
678
  {
679
679
  ...t,
@@ -685,37 +685,37 @@ const on = ({ index: t, style: s }) => {
685
685
  placeholderText: c,
686
686
  isClearable: !0,
687
687
  selectsStart: !0,
688
- showTimeSelect: w,
689
- showTimeInput: w,
688
+ showTimeSelect: k,
689
+ showTimeInput: k,
690
690
  showMonthDropdown: !0,
691
691
  showYearDropdown: !0,
692
692
  timeIntervals: 15,
693
- shouldCloseOnSelect: !w
693
+ shouldCloseOnSelect: !k
694
694
  }
695
695
  )
696
696
  ] }),
697
697
  /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
698
- /* @__PURE__ */ n("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
699
- /* @__PURE__ */ n(
700
- ut,
698
+ /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
699
+ /* @__PURE__ */ r(
700
+ dt,
701
701
  {
702
702
  id: "filter-date",
703
703
  dateFormat: c,
704
704
  "data-prop-name": p,
705
- locale: mt,
705
+ locale: ht,
706
706
  selectsEnd: !0,
707
- selected: a.to ? new Ue(a.to).withTimeZone(
708
- C || Te
707
+ selected: i.to ? new Je(i.to).withTimeZone(
708
+ C || xe
709
709
  ) : null,
710
710
  showMonthDropdown: !0,
711
711
  showYearDropdown: !0,
712
712
  onChange: (o) => {
713
- if (!o && !a.from) {
713
+ if (!o && !i.from) {
714
714
  s(void 0, !0);
715
715
  return;
716
716
  }
717
- const _ = o ? w ? Ue.tz(C || Te, o) : Ut(o) : void 0;
718
- a.from && _ && _ < a.from || s(
717
+ const _ = o ? k ? Je.tz(C || xe, o) : Pt(o) : void 0;
718
+ i.from && _ && _ < i.from || s(
719
719
  {
720
720
  ...t,
721
721
  to: _
@@ -725,12 +725,12 @@ const on = ({ index: t, style: s }) => {
725
725
  },
726
726
  placeholderText: c,
727
727
  isClearable: !0,
728
- startDate: a.from,
729
- endDate: a.to,
730
- showTimeInput: w,
731
- showTimeSelect: w,
728
+ startDate: i.from,
729
+ endDate: i.to,
730
+ showTimeInput: k,
731
+ showTimeSelect: k,
732
732
  timeIntervals: 15,
733
- shouldCloseOnSelect: !w
733
+ shouldCloseOnSelect: !k
734
734
  }
735
735
  )
736
736
  ] })
@@ -738,7 +738,7 @@ const on = ({ index: t, style: s }) => {
738
738
  }
739
739
  // falls through
740
740
  default:
741
- return /* @__PURE__ */ n("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
741
+ return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
742
742
  "input",
743
743
  {
744
744
  autoFocus: !0,
@@ -746,18 +746,18 @@ const on = ({ index: t, style: s }) => {
746
746
  className: "form-control",
747
747
  placeholder: `Search ${p}`,
748
748
  "aria-label": `Search ${p}`,
749
- value: Array.isArray(D) ? D.join(", ") : D || "",
749
+ value: Array.isArray(T) ? T.join(", ") : T || "",
750
750
  "data-prop-name": p,
751
751
  onChange: (c) => {
752
- const a = c.currentTarget.value, o = a ? a.split(",").map((_) => _.trim()) : [];
752
+ const i = c.currentTarget.value, o = i ? i.split(",").map((_) => _.trim()) : [];
753
753
  s(
754
754
  (o.length > 1 ? o : o[0]) || void 0,
755
755
  !1
756
756
  );
757
757
  },
758
- onKeyDown: u,
758
+ onKeyDown: m,
759
759
  onBlur: (c) => {
760
- const a = c.currentTarget.value, o = a ? a.split(",").map((_) => _.trim()) : [];
760
+ const i = c.currentTarget.value, o = i ? i.split(",").map((_) => _.trim()) : [];
761
761
  s(
762
762
  (o.length > 1 ? o : o[0]) || void 0,
763
763
  !0
@@ -767,185 +767,185 @@ const on = ({ index: t, style: s }) => {
767
767
  ) }) });
768
768
  }
769
769
  }
770
- ), un = ({
770
+ ), dn = ({
771
771
  isSortable: t,
772
772
  isFilterable: s,
773
- onChange: u,
773
+ onChange: m,
774
774
  onClose: g,
775
775
  onInputKeyDown: p,
776
- propConfig: d,
777
- propIsRequired: I,
776
+ propConfig: h,
777
+ propIsRequired: S,
778
778
  propName: C,
779
- propSchema: R,
780
- referenceElement: S,
781
- setFilterSortColumn: A,
782
- translate: O,
783
- value: D
779
+ propSchema: W,
780
+ referenceElement: $,
781
+ setFilterSortColumn: E,
782
+ translate: R,
783
+ value: T
784
784
  }) => {
785
- const w = ht({
785
+ const k = ft({
786
786
  placement: "bottom-start",
787
787
  elements: {
788
- reference: S
788
+ reference: $
789
789
  },
790
- middleware: [ft()]
791
- }), $ = ht({
790
+ middleware: [bt()]
791
+ }), O = ft({
792
792
  placement: "right-start",
793
- middleware: [ft()]
793
+ middleware: [bt()]
794
794
  });
795
795
  e.useEffect(() => {
796
- const a = (o) => {
797
- if (!w.elements.floating)
796
+ const i = (o) => {
797
+ if (!k.elements.floating)
798
798
  return;
799
799
  let _ = o.target;
800
- for (; _ && w.elements.floating; ) {
801
- if (_ === w.elements.floating || _ === $.elements.floating)
800
+ for (; _ && k.elements.floating; ) {
801
+ if (_ === k.elements.floating || _ === O.elements.floating)
802
802
  return;
803
803
  _ = _.parentNode === window.document ? null : _.parentNode;
804
804
  }
805
805
  g(o);
806
806
  };
807
- return window.addEventListener("click", a, { capture: !0 }), () => {
808
- window.removeEventListener("click", a, { capture: !0 });
807
+ return window.addEventListener("click", i, { capture: !0 }), () => {
808
+ window.removeEventListener("click", i, { capture: !0 });
809
809
  };
810
810
  }, [
811
- w.elements.floating,
811
+ k.elements.floating,
812
812
  g,
813
- $.elements.floating
813
+ O.elements.floating
814
814
  ]);
815
- const Z = d?.FilterMenu || cn, ee = e.useCallback(
816
- (a) => {
817
- A(C, !0), g(a);
815
+ const V = h?.FilterMenu || un, ee = e.useCallback(
816
+ (i) => {
817
+ E(C, !0), g(i);
818
818
  },
819
- [g, C, A]
820
- ), T = e.useCallback(
821
- (a) => {
822
- A(C, !1), g(a);
819
+ [g, C, E]
820
+ ), M = e.useCallback(
821
+ (i) => {
822
+ E(C, !1), g(i);
823
823
  },
824
- [g, C, A]
824
+ [g, C, E]
825
825
  ), c = e.useCallback(() => {
826
- u(void 0, !0);
827
- }, [u]);
828
- return !t && !s ? null : /* @__PURE__ */ F(jt, { children: [
829
- /* @__PURE__ */ n(
826
+ m(void 0, !0);
827
+ }, [m]);
828
+ return !t && !s ? null : /* @__PURE__ */ F(Ft, { children: [
829
+ /* @__PURE__ */ r(
830
830
  "div",
831
831
  {
832
832
  className: "mig-schema-table mig-schema-table__th-menu",
833
- ref: w.refs.setFloating,
834
- style: w.floatingStyles,
833
+ ref: k.refs.setFloating,
834
+ style: k.floatingStyles,
835
835
  children: /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu", children: [
836
836
  t ? /* @__PURE__ */ F("li", { onClick: ee, style: { padding: 8 }, children: [
837
- /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
837
+ /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
838
838
  " ",
839
- O("sortAscending")
839
+ R("sortAscending")
840
840
  ] }) : null,
841
- t ? /* @__PURE__ */ F("li", { onClick: T, style: { padding: 8 }, children: [
842
- /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
841
+ t ? /* @__PURE__ */ F("li", { onClick: M, style: { padding: 8 }, children: [
842
+ /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
843
843
  " ",
844
- O("sortDescending")
844
+ R("sortDescending")
845
845
  ] }) : null,
846
846
  s ? /* @__PURE__ */ F(
847
847
  "li",
848
848
  {
849
849
  style: { padding: 8 },
850
- onMouseOver: (a) => {
851
- $.refs.setReference(a.currentTarget);
850
+ onMouseOver: (i) => {
851
+ O.refs.setReference(i.currentTarget);
852
852
  },
853
853
  children: [
854
- /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ n(
854
+ /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ r(
855
855
  "input",
856
856
  {
857
857
  type: "checkbox",
858
858
  id: "mig-schema-table__th-menu__filters",
859
- checked: D !== void 0,
860
- disabled: D === void 0,
859
+ checked: T !== void 0,
860
+ disabled: T === void 0,
861
861
  onChange: c
862
862
  }
863
863
  ) }),
864
- /* @__PURE__ */ n("label", { htmlFor: "mig-schema-table__th-menu__filters", children: O("filters") }),
865
- /* @__PURE__ */ n("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
864
+ /* @__PURE__ */ r("label", { htmlFor: "mig-schema-table__th-menu__filters", children: R("filters") }),
865
+ /* @__PURE__ */ r("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
866
866
  ]
867
867
  }
868
868
  ) : null
869
869
  ] })
870
870
  }
871
871
  ),
872
- $.elements.reference ? /* @__PURE__ */ n(
872
+ O.elements.reference ? /* @__PURE__ */ r(
873
873
  "div",
874
874
  {
875
875
  className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
876
- ref: $.refs.setFloating,
877
- style: $.floatingStyles,
878
- children: /* @__PURE__ */ n(
879
- Z,
876
+ ref: O.refs.setFloating,
877
+ style: O.floatingStyles,
878
+ children: /* @__PURE__ */ r(
879
+ V,
880
880
  {
881
- columnFilterValue: D,
882
- onChange: u,
881
+ columnFilterValue: T,
882
+ onChange: m,
883
883
  onInputKeyDown: p,
884
- propIsRequired: I,
884
+ propIsRequired: S,
885
885
  propName: C,
886
- propSchema: R,
887
- translate: O
886
+ propSchema: W,
887
+ translate: R
888
888
  }
889
889
  )
890
890
  }
891
891
  ) : null
892
892
  ] });
893
- }, dn = e.memo(un), mn = ({
893
+ }, mn = e.memo(dn), hn = ({
894
894
  columnWidths: t,
895
895
  resizeColumnIndex: s,
896
- setResizeColumnIndex: u,
896
+ setResizeColumnIndex: m,
897
897
  tableBodyHeight: g
898
898
  }) => {
899
- const [p, d] = e.useState(0), I = Dt(), C = e.useCallback(
900
- (O) => {
901
- const D = t.map(
902
- (w, $) => $ === s ? Math.max(w + O, kt) : w
899
+ const [p, h] = e.useState(0), S = Tt(), C = e.useCallback(
900
+ (R) => {
901
+ const T = t.map(
902
+ (k, O) => O === s ? Math.max(k + R, xt) : k
903
903
  );
904
- I(D);
904
+ S(T);
905
905
  },
906
- [t, s, I]
906
+ [t, s, S]
907
907
  );
908
- let R = 0;
909
- const S = e.useCallback(
910
- (O) => {
911
- u(parseInt(O.currentTarget.dataset.columnIndex)), d(O.clientX);
908
+ let W = 0;
909
+ const $ = e.useCallback(
910
+ (R) => {
911
+ m(parseInt(R.currentTarget.dataset.columnIndex)), h(R.clientX);
912
912
  },
913
- [u]
914
- ), A = e.useCallback(
915
- (O) => {
916
- C(O.clientX - p), d(0), u(-1);
913
+ [m]
914
+ ), E = e.useCallback(
915
+ (R) => {
916
+ C(R.clientX - p), h(0), m(-1);
917
917
  },
918
- [p, C, u]
918
+ [p, C, m]
919
919
  );
920
- return /* @__PURE__ */ n("div", { children: [...t].map((O, D) => {
921
- R += O;
922
- const w = ["mig-schema-table__column_resizer"];
923
- return D === s && w.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ n(
920
+ return /* @__PURE__ */ r("div", { children: [...t].map((R, T) => {
921
+ W += R;
922
+ const k = ["mig-schema-table__column_resizer"];
923
+ return T === s && k.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ r(
924
924
  "div",
925
925
  {
926
- style: { left: R - tn, bottom: g },
927
- className: w.join(" "),
926
+ style: { left: W - nn, bottom: g },
927
+ className: k.join(" "),
928
928
  draggable: "true",
929
- "data-column-index": D,
930
- onDragStart: S,
931
- onDragEnd: A
929
+ "data-column-index": T,
930
+ onDragStart: $,
931
+ onDragEnd: E
932
932
  },
933
- D
933
+ T
934
934
  );
935
935
  }) });
936
- }, Ct = (t) => {
937
- const [s, u] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
938
- () => qt(u, 100),
936
+ }, yt = (t) => {
937
+ const [s, m] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
938
+ () => Xt(m, 100),
939
939
  []
940
940
  );
941
941
  return e.useEffect(() => {
942
942
  if (!t)
943
943
  return;
944
- const p = new ResizeObserver((d) => {
945
- for (const I of d) {
946
- const { blockSize: C, inlineSize: R } = I.borderBoxSize[0];
944
+ const p = new ResizeObserver((h) => {
945
+ for (const S of h) {
946
+ const { blockSize: C, inlineSize: W } = S.borderBoxSize[0];
947
947
  g(
948
- (S) => R && C && (S.width !== R || S.height !== C) ? { width: R, height: C } : S
948
+ ($) => W && C && ($.width !== W || $.height !== C) ? { width: W, height: C } : $
949
949
  );
950
950
  }
951
951
  });
@@ -953,19 +953,19 @@ const on = ({ index: t, style: s }) => {
953
953
  p.disconnect();
954
954
  };
955
955
  }, [g, t]), s;
956
- }, hn = () => new Promise((t, s) => {
956
+ }, fn = () => new Promise((t, s) => {
957
957
  if (window.ExcelJS) {
958
958
  t(window.ExcelJS);
959
959
  return;
960
960
  }
961
- const u = document.createElement("script");
962
- u.src = "https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.4.0/exceljs.bare.min.js", u.onload = () => {
961
+ const m = document.createElement("script");
962
+ m.src = "https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.4.0/exceljs.bare.min.js", m.onload = () => {
963
963
  t(window.ExcelJS);
964
- }, u.onerror = () => {
964
+ }, m.onerror = () => {
965
965
  s(new Error("Failed to load ExcelJS library"));
966
- }, document.head.appendChild(u);
967
- }), fn = async (t) => {
968
- const { Workbook: s } = await hn(), u = new s(), g = u.addWorksheet("Data");
966
+ }, document.head.appendChild(m);
967
+ }), bn = async (t) => {
968
+ const { Workbook: s } = await fn(), m = new s(), g = m.addWorksheet("Data");
969
969
  t.length && (g.addRow(
970
970
  Gt(Object.keys(t[0]), [
971
971
  "_index",
@@ -973,531 +973,543 @@ const on = ({ index: t, style: s }) => {
973
973
  ])
974
974
  ), g.getRow(1).font = { bold: !0 }, g.addRows(
975
975
  t.map((p) => {
976
- const { _index: d, SELECT_ALL_COLUMN_NAME: I, ...C } = p;
976
+ const { _index: h, SELECT_ALL_COLUMN_NAME: S, ...C } = p;
977
977
  return Object.values(C);
978
978
  })
979
- ), u.xlsx.writeBuffer().then((p) => {
980
- const d = new Blob([p], {
979
+ ), m.xlsx.writeBuffer().then((p) => {
980
+ const h = new Blob([p], {
981
981
  type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
982
982
  });
983
- Kt(d, "export.xlsx");
983
+ en(h, "export.xlsx");
984
984
  }).catch((p) => {
985
985
  console.error("Error generating Excel file:", p);
986
986
  }));
987
- }, yt = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), bn = new Intl.NumberFormat("nl-NL"), gn = new Intl.NumberFormat("nl-NL", {
987
+ }, wt = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), gn = new Intl.NumberFormat("nl-NL"), pn = new Intl.NumberFormat("nl-NL", {
988
988
  style: "currency",
989
989
  currency: "EUR"
990
990
  });
991
- function pn(t, s) {
992
- const { TdBody: u, sortByValue: g } = s || {};
991
+ function _n(t, s) {
992
+ const { TdBody: m, sortByValue: g } = s || {};
993
993
  if (g !== void 0)
994
994
  return g;
995
995
  if (!t)
996
996
  return !1;
997
- const { format: p, type: d } = t;
998
- return p?.startsWith("date") || d === "boolean" || d === "integer" || d === "number" || !!u;
997
+ const { format: p, type: h } = t;
998
+ return p?.startsWith("date") || h === "boolean" || h === "integer" || h === "number" || !!m;
999
999
  }
1000
- const _n = ({
1000
+ const Cn = ({
1001
1001
  CustomElement: t,
1002
1002
  CustomSearchInput: s,
1003
- Heading: u = Qt,
1003
+ Heading: m = zt,
1004
1004
  autoRender: g,
1005
1005
  checkedIndexes: p,
1006
- config: d,
1007
- customElementProps: I,
1006
+ config: h,
1007
+ customElementProps: S,
1008
1008
  data: C,
1009
- defaultColumnFilters: R,
1010
- defaultSortAsc: S = !1,
1011
- defaultSortColumn: A,
1012
- disabledCheckedIndexes: O,
1013
- displayTimezone: D,
1014
- enableAutoFocus: w = !0,
1015
- enableRowCounter: $ = !0,
1016
- getRowClassName: Z,
1009
+ defaultColumnFilters: W,
1010
+ defaultSortAsc: $ = !1,
1011
+ defaultSortColumn: E,
1012
+ disabledCheckedIndexes: R,
1013
+ displayTimezone: T,
1014
+ enableAutoFocus: k = !0,
1015
+ enableRowCounter: O = !0,
1016
+ getRowClassName: V,
1017
1017
  getRowSelected: ee,
1018
- getSearchQueryFilterResult: T,
1018
+ getSearchQueryFilterResult: M,
1019
1019
  infiniteLoaderRef: c,
1020
- isColumnFilterable: a = !0,
1020
+ isColumnFilterable: i = !0,
1021
1021
  isExportable: o = !0,
1022
1022
  isResizable: _ = !0,
1023
1023
  isSearchable: B = !0,
1024
1024
  isSortable: te = !0,
1025
- itemCount: le,
1025
+ itemCount: ce,
1026
1026
  loadMoreItems: ne,
1027
1027
  maxHeight: y,
1028
- onRowClick: L,
1028
+ onRowClick: N,
1029
1029
  onRowDoubleClick: oe,
1030
- onSearchEnter: G,
1030
+ onSearchEnter: q,
1031
1031
  onTableDataStateChange: re,
1032
1032
  rowHeight: Q = 36,
1033
- schema: V,
1034
- searchPlaceholder: Ce,
1035
- setCheckedIndexes: q,
1036
- settingsStorageKey: v,
1037
- style: N,
1038
- translate: k = bt,
1039
- useFilterStateHash: M,
1040
- variableSizeGridRef: ce,
1033
+ schema: J,
1034
+ searchPlaceholder: ge,
1035
+ setCheckedIndexes: Z,
1036
+ settingsStorageKey: x,
1037
+ style: I,
1038
+ translate: D = gt,
1039
+ useFilterStateHash: A,
1040
+ variableSizeGridRef: se,
1041
1041
  width: me
1042
- }) => {
1043
- const [ye, se] = e.useState(), [Ae, Oe] = e.useState(), [Je, Ve] = e.useState(-1), [Ee, Ze] = e.useState(-1), [z, j] = e.useState(), [he, we] = e.useState(), J = C instanceof Function, [x, pe] = e.useState(
1044
- J ? void 0 : C
1045
- ), [fe, qe] = e.useState(), [i, ke] = e.useState({
1042
+ }, Te) => {
1043
+ const [H, Re] = e.useState(), [Me, We] = e.useState(), [Ze, Ae] = e.useState(-1), [qe, Ee] = e.useState(-1), [w, ae] = e.useState(), [pe, _e] = e.useState(), X = C instanceof Function, [v, Le] = e.useState(
1044
+ X ? void 0 : C
1045
+ ), [Ce, Xe] = e.useState(), [l, we] = e.useState({
1046
1046
  searchQuery: "",
1047
- columnFilterMap: R || {},
1048
- sortColumn: A,
1049
- sortAsc: S
1050
- }), [U, Tt] = e.useState(
1051
- M ? ct(window.location.hash) : null
1047
+ columnFilterMap: W || {},
1048
+ sortColumn: E,
1049
+ sortAsc: $
1050
+ }), [z, Mt] = e.useState(
1051
+ A ? ut(window.location.hash) : null
1052
1052
  );
1053
1053
  e.useEffect(() => {
1054
- J || pe(C);
1055
- }, [C, J]), e.useEffect(() => {
1056
- !J || x !== void 0 || C(
1057
- U && Object.keys(U).length !== 0 ? {
1058
- ...U,
1059
- columnFilterMap: U.columnFilterMap || {}
1060
- } : i
1061
- ).then(pe);
1062
- }, [C, J, U, x, i]), e.useEffect(() => {
1063
- fe || qe(i);
1064
- }, [i, fe]), e.useEffect(() => {
1065
- if (!M)
1054
+ X || Le(C);
1055
+ }, [C, X]), e.useEffect(() => {
1056
+ !X || v !== void 0 || C(
1057
+ z && Object.keys(z).length !== 0 ? {
1058
+ ...z,
1059
+ columnFilterMap: z.columnFilterMap || {}
1060
+ } : l
1061
+ ).then(Le);
1062
+ }, [C, X, z, v, l]), e.useEffect(() => {
1063
+ Ce || Xe(l);
1064
+ }, [l, Ce]), e.useEffect(() => {
1065
+ if (!A)
1066
1066
  return;
1067
- const r = () => {
1068
- Tt(ct(window.location.hash));
1067
+ const n = () => {
1068
+ Mt(ut(window.location.hash));
1069
1069
  };
1070
- return window.addEventListener("hashchange", r), () => {
1071
- window.removeEventListener("hashchange", r);
1070
+ return window.addEventListener("hashchange", n), () => {
1071
+ window.removeEventListener("hashchange", n);
1072
1072
  };
1073
- }, [M]), e.useEffect(() => {
1074
- if (!M)
1073
+ }, [A]), e.useEffect(() => {
1074
+ if (!A)
1075
1075
  return;
1076
- const { columnFilterMap: r, searchQuery: m, sortAsc: h, sortColumn: l } = U || {}, f = {
1077
- searchQuery: m || "",
1078
- columnFilterMap: r || R || {},
1079
- sortAsc: h === void 0 ? S : h,
1080
- sortColumn: l === void 0 ? A : l
1076
+ const { columnFilterMap: n, searchQuery: u, sortAsc: d, sortColumn: a } = z || {}, f = {
1077
+ searchQuery: u || "",
1078
+ columnFilterMap: n || W || {},
1079
+ sortAsc: d === void 0 ? $ : d,
1080
+ sortColumn: a === void 0 ? E : a
1081
1081
  };
1082
- ke(
1083
- (E) => et(f, E) ? E : f
1082
+ we(
1083
+ (L) => tt(f, L) ? L : f
1084
1084
  );
1085
1085
  }, [
1086
- U,
1087
- M,
1088
- R,
1089
- S,
1090
- A
1086
+ z,
1087
+ A,
1088
+ W,
1089
+ $,
1090
+ E
1091
1091
  ]), e.useEffect(() => {
1092
- re && re(i);
1093
- }, [re, i]);
1094
- const nt = e.useRef(null), rt = e.useRef(null), Re = Ct(nt.current), st = Ct(
1095
- rt.current
1096
- ), Le = e.useMemo(
1097
- () => me || Math.floor(Re.width || 0),
1098
- [Re.width, me]
1099
- ), Ne = e.useMemo(() => !et(i, fe) && J, [i, fe, J]), { properties: ae, required: Mt } = e.useMemo(
1092
+ re && re(l);
1093
+ }, [re, l]);
1094
+ const rt = e.useRef(null), st = e.useRef(null), je = yt(rt.current), ot = yt(
1095
+ st.current
1096
+ ), Ne = e.useMemo(
1097
+ () => me || Math.floor(je.width || 0),
1098
+ [je.width, me]
1099
+ ), Ie = e.useMemo(() => !tt(l, Ce) && X, [l, Ce, X]), { properties: ie, required: At } = e.useMemo(
1100
1100
  () => ({
1101
1101
  properties: {},
1102
1102
  required: [],
1103
- ...V
1103
+ ...J
1104
1104
  }),
1105
- [V]
1106
- ), We = v ? localStorage.getItem(`${v}.columnNames`) : null, je = v ? localStorage.getItem(`${v}.columnWidths`) : null, H = e.useMemo(() => {
1107
- if (ye)
1108
- return ye;
1109
- const r = We ? JSON.parse(We) : void 0;
1110
- let m = Object.keys(ae);
1111
- if (q && m.unshift(K), d) {
1112
- Object.keys(d).forEach((l) => {
1113
- m.includes(l) || m.push(l);
1105
+ [J]
1106
+ ), Fe = x ? localStorage.getItem(`${x}.columnNames`) : null, Be = x ? localStorage.getItem(`${x}.columnWidths`) : null, Y = e.useMemo(() => {
1107
+ if (H)
1108
+ return H;
1109
+ const n = Fe ? JSON.parse(Fe) : void 0;
1110
+ let u = Object.keys(ie);
1111
+ if (Z && u.unshift(K), h) {
1112
+ Object.keys(h).forEach((a) => {
1113
+ u.includes(a) || u.push(a);
1114
1114
  });
1115
- const h = Object.entries(d).reduce(
1116
- (l, [f, E]) => (E.hidden && l.push(f), l),
1115
+ const d = Object.entries(h).reduce(
1116
+ (a, [f, L]) => (L.hidden && a.push(f), a),
1117
1117
  []
1118
1118
  );
1119
- m = m.filter((l) => !h.includes(l)).sort((l, f) => {
1120
- let E = d[l] ? d[l].order : void 0;
1121
- E === void 0 && (E = Object.keys(ae).findIndex(
1122
- (Y) => Y === l
1119
+ u = u.filter((a) => !d.includes(a)).sort((a, f) => {
1120
+ let L = h[a] ? h[a].order : void 0;
1121
+ L === void 0 && (L = Object.keys(ie).findIndex(
1122
+ (G) => G === a
1123
1123
  ));
1124
- let b = d[f] ? d[f].order : void 0;
1125
- return b === void 0 && (b = Object.keys(ae).findIndex(
1126
- (Y) => Y === f
1127
- )), f === K || l === K ? 0 : E === -1 ? 1 : b === -1 ? -1 : E - b;
1124
+ let b = h[f] ? h[f].order : void 0;
1125
+ return b === void 0 && (b = Object.keys(ie).findIndex(
1126
+ (G) => G === f
1127
+ )), f === K || a === K ? 0 : L === -1 ? 1 : b === -1 ? -1 : L - b;
1128
1128
  });
1129
1129
  }
1130
- return r?.length === m.length ? r : m;
1130
+ return n?.length === u.length ? n : u;
1131
1131
  }, [
1132
- d,
1133
- ye,
1134
- q,
1135
- ae,
1136
- We
1137
- ]), Fe = e.useMemo(
1138
- () => x && H ? x.map(
1139
- (r, m) => H.reduce(
1140
- (h, l) => {
1141
- const f = ae[l], E = d ? d[l] : void 0;
1142
- if (E?.renderData)
1143
- return h[l] = E.renderData(r, m), h;
1144
- if (!f || l === K)
1145
- return h[l] = "", h;
1146
- const b = r ? r[l] : "";
1132
+ h,
1133
+ H,
1134
+ Z,
1135
+ ie,
1136
+ Fe
1137
+ ]), Qe = e.useMemo(
1138
+ () => v && Y ? v.map(
1139
+ (n, u) => Y.reduce(
1140
+ (d, a) => {
1141
+ const f = ie[a], L = h ? h[a] : void 0;
1142
+ if (L?.renderData)
1143
+ return d[a] = L.renderData(n, u), d;
1144
+ if (!f || a === K)
1145
+ return d[a] = "", d;
1146
+ const b = n ? n[a] : "";
1147
1147
  switch (f.type) {
1148
1148
  case "array":
1149
- return h[l] = f.items?.type === "string" && b ? b.map((Y) => k(Y)).join(", ") : JSON.stringify(b), h;
1149
+ return d[a] = f.items?.type === "string" && b ? b.map((G) => D(G)).join(", ") : JSON.stringify(b), d;
1150
1150
  case "boolean":
1151
- return h[l] = b === void 0 ? "?" : b ? "✓" : "✕", h;
1151
+ return d[a] = b === void 0 ? "?" : b ? "✓" : "✕", d;
1152
1152
  case "number":
1153
1153
  case "integer":
1154
- return b === void 0 ? (h[l] = "", h) : (h[l] = f.format === "currency" ? gn.format(b) : bn.format(b), h);
1154
+ return b === void 0 ? (d[a] = "", d) : (d[a] = f.format === "currency" ? pn.format(b) : gn.format(b), d);
1155
1155
  // @ts-expect-error investigate
1156
1156
  case "string":
1157
1157
  if (f.format === "date" && b)
1158
- return h[l] = ["2999-12-31", "1970-01-01"].includes(
1158
+ return d[a] = ["2999-12-31", "1970-01-01"].includes(
1159
1159
  b
1160
- ) ? "-" : tt(
1160
+ ) ? "-" : nt(
1161
1161
  new Date(b),
1162
- E?.dateFormat || vt
1163
- ), h;
1162
+ L?.dateFormat || kt
1163
+ ), d;
1164
1164
  if (f.format === "date-time" && b)
1165
- return h[l] = D ? wt(
1165
+ return d[a] = T ? vt(
1166
1166
  new Date(b),
1167
- D,
1168
- Pe
1169
- ) : tt(
1167
+ T,
1168
+ Ve
1169
+ ) : nt(
1170
1170
  new Date(b),
1171
- E?.dateFormat || Pe
1172
- ), h;
1171
+ L?.dateFormat || Ve
1172
+ ), d;
1173
1173
  if (f.enum)
1174
- return h[l] = b ? k(b) : "", h;
1174
+ return d[a] = b ? D(b) : "", d;
1175
1175
  // fallthrough
1176
1176
  default:
1177
- return h[l] = b ? `${b}` : "", h;
1177
+ return d[a] = b ? `${b}` : "", d;
1178
1178
  }
1179
1179
  },
1180
- { _index: m }
1180
+ { _index: u }
1181
1181
  )
1182
1182
  ) : void 0,
1183
- [x, H, ae, d, k, D]
1184
- ), xe = H ? H.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: Xe } = e.useMemo(() => {
1185
- let r = 0, m = 0;
1186
- return (H || []).forEach((h) => {
1187
- if (h === K) {
1188
- r += gt;
1183
+ [v, Y, ie, h, D, T]
1184
+ ), ve = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: He } = e.useMemo(() => {
1185
+ let n = 0, u = 0;
1186
+ return (Y || []).forEach((d) => {
1187
+ if (d === K) {
1188
+ n += pt;
1189
1189
  return;
1190
1190
  }
1191
- const l = d ? d[h] : void 0;
1192
- l?.width ? r += l.width : m += 1;
1193
- }, 0), { dynamicWidthColumnCount: m, fixedWidthColumnsWidth: r };
1194
- }, [H, d]), ie = e.useMemo(() => {
1195
- if (Ae)
1196
- return new Uint16Array(Ae);
1197
- const r = je ? new Uint16Array(JSON.parse(je)) : void 0, m = Math.max(
1191
+ const a = h ? h[d] : void 0;
1192
+ a?.width ? n += a.width : u += 1;
1193
+ }, 0), { dynamicWidthColumnCount: u, fixedWidthColumnsWidth: n };
1194
+ }, [Y, h]), le = e.useMemo(() => {
1195
+ if (Me)
1196
+ return new Uint16Array(Me);
1197
+ const n = Be ? new Uint16Array(JSON.parse(Be)) : void 0, u = Math.max(
1198
1198
  Math.floor(
1199
- (Le - Xe) / Ge
1199
+ (Ne - He) / Ge
1200
1200
  ),
1201
- kt
1201
+ xt
1202
1202
  );
1203
- let h = (Le - Xe) % Ge;
1204
- const l = new Uint16Array(
1205
- H.map((f) => {
1203
+ let d = (Ne - He) % Ge;
1204
+ const a = new Uint16Array(
1205
+ Y.map((f) => {
1206
1206
  if (f === K)
1207
- return gt;
1208
- const E = d ? d[f] : void 0;
1209
- return E?.width ? E?.width : h ? (h -= 1, m + 1) : m;
1207
+ return pt;
1208
+ const L = h ? h[f] : void 0;
1209
+ return L?.width ? L?.width : d ? (d -= 1, u + 1) : u;
1210
1210
  })
1211
1211
  );
1212
- return r?.length === l.length ? r : l;
1212
+ return n?.length === a.length ? n : a;
1213
1213
  }, [
1214
- H,
1215
- d,
1216
- Ae,
1214
+ Y,
1215
+ h,
1216
+ Me,
1217
1217
  Ge,
1218
- Xe,
1219
- je,
1220
- Le
1221
- ]), Be = e.useCallback(
1222
- (r) => ie ? ie[r] : 1,
1223
- [ie]
1224
- ), Ie = e.useMemo(() => {
1225
- if (!Fe || !a && !B || J)
1226
- return Fe;
1227
- const { searchQuery: r } = i, m = r.toLowerCase() || "", h = (l) => x && T ? T(x[l._index], r) : !(H && !H.find(
1228
- (f) => `${l[f]}`.toLowerCase().includes(m)
1218
+ He,
1219
+ Be,
1220
+ Ne
1221
+ ]), ze = e.useCallback(
1222
+ (n) => le ? le[n] : 1,
1223
+ [le]
1224
+ ), Se = e.useMemo(() => {
1225
+ if (!Qe || !i && !B || X)
1226
+ return Qe;
1227
+ const { searchQuery: n } = l, u = n.toLowerCase() || "", d = (a) => v && M ? M(v[a._index], n) : !(Y && !Y.find(
1228
+ (f) => `${a[f]}`.toLowerCase().includes(u)
1229
1229
  ));
1230
- return Fe.filter((l) => {
1231
- let f = h(l);
1232
- return !f || !i.columnFilterMap ? !1 : (Object.entries(i.columnFilterMap).forEach(
1233
- ([E, b]) => {
1230
+ return Qe.filter((a) => {
1231
+ let f = d(a);
1232
+ return !f || !l.columnFilterMap ? !1 : (Object.entries(l.columnFilterMap).forEach(
1233
+ ([L, b]) => {
1234
1234
  if (!f || b === void 0)
1235
1235
  return;
1236
- const Y = d ? d[E] : void 0;
1237
- if (x && Y?.filter) {
1238
- f = Y.filter(
1239
- x[l._index],
1236
+ const G = h ? h[L] : void 0;
1237
+ if (v && G?.filter) {
1238
+ f = G.filter(
1239
+ v[a._index],
1240
1240
  b
1241
1241
  );
1242
1242
  return;
1243
1243
  }
1244
- const de = ae[E], W = x[l._index]?.[E];
1244
+ const de = ie[L], j = v[a._index]?.[L];
1245
1245
  switch (de?.type) {
1246
1246
  case "boolean":
1247
1247
  case "number":
1248
1248
  case "integer":
1249
1249
  if (b && typeof b == "object") {
1250
- b.filterEmpty && W === void 0 && (f = !1);
1251
- for (const P of Object.keys(
1252
- ge
1250
+ b.filterEmpty && j === void 0 && (f = !1);
1251
+ for (const U of Object.keys(
1252
+ fe
1253
1253
  )) {
1254
- const be = b[P];
1255
- if (f && Xt(be))
1256
- switch (P) {
1257
- case ge.EQ:
1258
- W !== be && (f = !1);
1254
+ const he = b[U];
1255
+ if (f && Ht(he))
1256
+ switch (U) {
1257
+ case fe.EQ:
1258
+ j !== he && (f = !1);
1259
1259
  break;
1260
- case ge.GT:
1261
- W <= be && (f = !1);
1260
+ case fe.GT:
1261
+ j <= he && (f = !1);
1262
1262
  break;
1263
- case ge.LT:
1264
- W >= be && (f = !1);
1263
+ case fe.LT:
1264
+ j >= he && (f = !1);
1265
1265
  break;
1266
1266
  }
1267
1267
  }
1268
1268
  } else {
1269
- if (W === void 0 && b === null)
1269
+ if (j === void 0 && b === null)
1270
1270
  return !0;
1271
- f = W === b;
1271
+ f = j === b;
1272
1272
  }
1273
1273
  break;
1274
1274
  // @ts-expect-error investigate
1275
1275
  case "string":
1276
1276
  if (typeof b == "object" && !Array.isArray(b) && (de.format === "date" || de.format === "date-time")) {
1277
- const { from: P, to: be, filterEmpty: it } = b;
1278
- if (!W)
1279
- f = !it;
1277
+ const { from: U, to: he, filterEmpty: lt } = b;
1278
+ if (!j)
1279
+ f = !lt;
1280
1280
  else {
1281
- const Qe = W ? new Date(W) : void 0;
1282
- (it === !1 || P && (!Qe || Qe < P) || be && (!Qe || Qe > be)) && (f = !1);
1281
+ const Ue = j ? new Date(j) : void 0;
1282
+ (lt === !1 || U && (!Ue || Ue < U) || he && (!Ue || Ue > he)) && (f = !1);
1283
1283
  }
1284
1284
  return;
1285
1285
  }
1286
1286
  // fall through
1287
1287
  default:
1288
1288
  if (de?.enum) {
1289
- Array.isArray(b) ? f = b.includes(W) : f = W === b;
1289
+ Array.isArray(b) ? f = b.includes(j) : f = j === b;
1290
1290
  return;
1291
1291
  }
1292
1292
  if (Array.isArray(b)) {
1293
- const P = `${l[E]}`.toLowerCase();
1293
+ const U = `${a[L]}`.toLowerCase();
1294
1294
  f = b.some(
1295
- (be) => P.includes(`${be}`.toLowerCase())
1295
+ (he) => U.includes(`${he}`.toLowerCase())
1296
1296
  );
1297
1297
  } else
1298
- f = `${l[E]}`.toLowerCase().includes(`${b}`.toLowerCase());
1298
+ f = `${a[L]}`.toLowerCase().includes(`${b}`.toLowerCase());
1299
1299
  }
1300
1300
  }
1301
1301
  ), f);
1302
1302
  });
1303
1303
  }, [
1304
- Fe,
1305
- a,
1306
- B,
1307
- J,
1304
+ Qe,
1308
1305
  i,
1309
- T,
1310
- H,
1311
- d,
1312
- x,
1313
- ae
1314
- ]), X = e.useMemo(() => {
1315
- const { sortAsc: r, sortColumn: m } = i;
1316
- if (!m || !Ie || !x || J)
1317
- return Ie;
1318
- const h = ae[m], l = d ? d[m] : void 0, f = l?.sort;
1306
+ B,
1307
+ X,
1308
+ l,
1309
+ M,
1310
+ Y,
1311
+ h,
1312
+ v,
1313
+ ie
1314
+ ]), P = e.useMemo(() => {
1315
+ const { sortAsc: n, sortColumn: u } = l;
1316
+ if (!u || !Se || !v || X)
1317
+ return Se;
1318
+ const d = ie[u], a = h ? h[u] : void 0, f = a?.sort;
1319
1319
  if (f)
1320
- return Ie.sort((Y, de) => {
1321
- const W = x[Y._index], P = x[de._index];
1322
- return W ? P ? f(
1323
- W,
1324
- P,
1325
- r === void 0 ? S : r
1320
+ return Se.sort((G, de) => {
1321
+ const j = v[G._index], U = v[de._index];
1322
+ return j ? U ? f(
1323
+ j,
1324
+ U,
1325
+ n === void 0 ? $ : n
1326
1326
  ) : -1 : 1;
1327
1327
  });
1328
- const E = h && h.format?.startsWith("date"), b = pn(h, l);
1329
- return Ie.sort((Y, de) => {
1330
- let W = b && x[Y._index] ? x[Y._index][m] : `${Y[m]}`.toLowerCase(), P = b && x[de._index] ? x[de._index][m] : `${de[m]}`.toLowerCase();
1331
- return b && E && (W = new Date(W), isNaN(W.getTime()) && (W = yt), P = new Date(P), isNaN(P.getTime()) && (P = yt)), W === P ? 0 : W ? P ? (W < P ? 1 : -1) * (r ? -1 : 1) : r ? 1 : -1 : r ? -1 : 1;
1328
+ const L = d && d.format?.startsWith("date"), b = _n(d, a);
1329
+ return Se.sort((G, de) => {
1330
+ let j = b && v[G._index] ? v[G._index][u] : `${G[u]}`.toLowerCase(), U = b && v[de._index] ? v[de._index][u] : `${de[u]}`.toLowerCase();
1331
+ return b && L && (j = new Date(j), isNaN(j.getTime()) && (j = wt), U = new Date(U), isNaN(U.getTime()) && (U = wt)), j === U ? 0 : j ? U ? (j < U ? 1 : -1) * (n ? -1 : 1) : n ? 1 : -1 : n ? -1 : 1;
1332
1332
  });
1333
1333
  }, [
1334
- d,
1335
- S,
1336
- Ie,
1337
- J,
1338
- ae,
1339
- x,
1340
- i
1341
- ]), ot = e.useCallback(
1342
- (r) => {
1343
- const m = { ...i.columnFilterMap };
1344
- delete m[r], ke({
1345
- ...i,
1346
- columnFilterMap: m
1334
+ h,
1335
+ $,
1336
+ Se,
1337
+ X,
1338
+ ie,
1339
+ v,
1340
+ l
1341
+ ]);
1342
+ e.useImperativeHandle(
1343
+ Te,
1344
+ () => ({
1345
+ getFilteredSortedData: () => P,
1346
+ scrollToIndex: (n) => {
1347
+ const u = se?.current, d = P?.findIndex((a) => a._index === n) || -1;
1348
+ u && d >= 0 && u.scrollToItem({ rowIndex: d });
1349
+ }
1350
+ }),
1351
+ [P, se]
1352
+ );
1353
+ const at = e.useCallback(
1354
+ (n) => {
1355
+ const u = { ...l.columnFilterMap };
1356
+ delete u[n], we({
1357
+ ...l,
1358
+ columnFilterMap: u
1347
1359
  });
1348
1360
  },
1349
- [i]
1361
+ [l]
1350
1362
  ), Ye = e.useCallback(
1351
- (r, m) => {
1352
- if (M) {
1353
- window.location.hash = ze({
1354
- ...U,
1355
- sortColumn: r,
1356
- sortAsc: m
1363
+ (n, u) => {
1364
+ if (A) {
1365
+ window.location.hash = Pe({
1366
+ ...z,
1367
+ sortColumn: n,
1368
+ sortAsc: u
1357
1369
  });
1358
1370
  return;
1359
1371
  }
1360
- ke({ ...i, sortColumn: r, sortAsc: m });
1372
+ we({ ...l, sortColumn: n, sortAsc: u });
1361
1373
  },
1362
- [i, U, M]
1363
- ), At = e.useCallback(
1364
- (r) => {
1365
- ke({
1366
- ...i,
1367
- searchQuery: r.currentTarget.value
1374
+ [l, z, A]
1375
+ ), Et = e.useCallback(
1376
+ (n) => {
1377
+ we({
1378
+ ...l,
1379
+ searchQuery: n.currentTarget.value
1368
1380
  });
1369
1381
  },
1370
- [i]
1371
- ), De = e.useCallback(() => {
1372
- qe(i), pe(void 0);
1373
- }, [i]);
1382
+ [l]
1383
+ ), ke = e.useCallback(() => {
1384
+ Xe(l), Le(void 0);
1385
+ }, [l]);
1374
1386
  e.useEffect(() => {
1375
- if (!g || !U || !fe || !M)
1387
+ if (!g || !z || !Ce || !A)
1376
1388
  return;
1377
- const r = Object.keys(U);
1378
- let m = !1;
1379
- for (const h of r) {
1380
- const l = U[h], f = fe[h];
1381
- if (typeof l == "string" && l !== f) {
1382
- m = !0;
1389
+ const n = Object.keys(z);
1390
+ let u = !1;
1391
+ for (const d of n) {
1392
+ const a = z[d], f = Ce[d];
1393
+ if (typeof a == "string" && a !== f) {
1394
+ u = !0;
1383
1395
  break;
1384
1396
  }
1385
- if (typeof l == "object" && !et(l, f)) {
1386
- m = !0;
1397
+ if (typeof a == "object" && !tt(a, f)) {
1398
+ u = !0;
1387
1399
  break;
1388
1400
  }
1389
1401
  }
1390
- m && De();
1402
+ u && ke();
1391
1403
  }, [
1392
1404
  g,
1393
- U,
1394
- fe,
1395
- De,
1396
- M
1405
+ z,
1406
+ Ce,
1407
+ ke,
1408
+ A
1397
1409
  ]);
1398
- const at = e.useCallback(
1399
- (r) => {
1400
- r.key === "Enter" && (j(void 0), Ne && !M && De(), G && r.currentTarget.className === "mig-schema-table__search" && G(i.searchQuery || ""));
1410
+ const it = e.useCallback(
1411
+ (n) => {
1412
+ n.key === "Enter" && (ae(void 0), Ie && !A && ke(), q && n.currentTarget.className === "mig-schema-table__search" && q(l.searchQuery || ""));
1401
1413
  },
1402
1414
  [
1403
- Ne,
1404
- i.searchQuery,
1405
- G,
1406
- De,
1407
- M
1415
+ Ie,
1416
+ l.searchQuery,
1417
+ q,
1418
+ ke,
1419
+ A
1408
1420
  ]
1409
- ), He = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(ie), [ie]), Se = e.useMemo(
1410
- () => X ? X.length : 0,
1411
- [X]
1412
- ), _e = e.useMemo(() => {
1413
- const r = Q * Se;
1414
- let m;
1415
- if (y && (m = y === "100%" ? Re.height : y, !m))
1421
+ ), Ke = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(le), [le]), $e = e.useMemo(
1422
+ () => P ? P.length : 0,
1423
+ [P]
1424
+ ), be = e.useMemo(() => {
1425
+ const n = Q * $e;
1426
+ let u;
1427
+ if (y && (u = y === "100%" ? je.height : y, !u))
1416
1428
  return 0;
1417
- const h = m ? m - st.height - pt : 0;
1418
- return h && h < r ? h : r;
1429
+ const d = u ? u - ot.height - _t : 0;
1430
+ return d && d < n ? d : n;
1419
1431
  }, [
1420
1432
  Q,
1421
- Se,
1433
+ $e,
1422
1434
  y,
1423
- st,
1424
- Re.height
1425
- ]), Et = e.useCallback(
1426
- (r) => {
1427
- j(void 0), r.preventDefault(), r.stopPropagation();
1435
+ ot,
1436
+ je.height
1437
+ ]), Lt = e.useCallback(
1438
+ (n) => {
1439
+ ae(void 0), n.preventDefault(), n.stopPropagation();
1428
1440
  },
1429
1441
  []
1430
- ), Lt = e.useCallback(
1431
- (r, m) => {
1432
- if (!z)
1442
+ ), Nt = e.useCallback(
1443
+ (n, u) => {
1444
+ if (!w)
1433
1445
  return;
1434
- if (M && m !== !1) {
1435
- window.location.hash = ze({
1436
- ...U,
1446
+ if (A && u !== !1) {
1447
+ window.location.hash = Pe({
1448
+ ...z,
1437
1449
  columnFilterMap: {
1438
- ...i.columnFilterMap,
1439
- [z.propName]: r
1450
+ ...l.columnFilterMap,
1451
+ [w.propName]: n
1440
1452
  }
1441
1453
  });
1442
1454
  return;
1443
1455
  }
1444
- if (r === void 0) {
1445
- ot(z.propName);
1456
+ if (n === void 0) {
1457
+ at(w.propName);
1446
1458
  return;
1447
1459
  }
1448
- const h = {
1449
- ...i.columnFilterMap,
1450
- [z.propName]: r
1460
+ const d = {
1461
+ ...l.columnFilterMap,
1462
+ [w.propName]: n
1451
1463
  };
1452
- ke({
1453
- ...i,
1454
- columnFilterMap: h
1464
+ we({
1465
+ ...l,
1466
+ columnFilterMap: d
1455
1467
  });
1456
1468
  },
1457
1469
  [
1458
- ot,
1459
- i,
1460
- U,
1470
+ at,
1471
+ l,
1461
1472
  z,
1462
- M
1473
+ w,
1474
+ A
1463
1475
  ]
1464
- ), Nt = e.useCallback(() => {
1465
- const r = {
1476
+ ), It = e.useCallback(() => {
1477
+ const n = {
1466
1478
  searchQuery: "",
1467
1479
  columnFilterMap: {},
1468
1480
  // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
1469
- sortColumn: A,
1470
- sortAsc: S
1481
+ sortColumn: E,
1482
+ sortAsc: $
1471
1483
  };
1472
- M && (window.location.hash = ze(r)), qe(r), ke(r);
1473
- }, [M, S, A]), It = e.useCallback(() => {
1474
- const r = U?.searchQuery || "";
1475
- M && // prevent hash change for undefined vs empty string compare
1476
- (i.searchQuery || r) && i.searchQuery !== r && (window.location.hash = ze({
1477
- ...U,
1478
- searchQuery: i.searchQuery
1484
+ A && (window.location.hash = Pe(n)), Xe(n), we(n);
1485
+ }, [A, $, E]), St = e.useCallback(() => {
1486
+ const n = z?.searchQuery || "";
1487
+ A && // prevent hash change for undefined vs empty string compare
1488
+ (l.searchQuery || n) && l.searchQuery !== n && (window.location.hash = Pe({
1489
+ ...z,
1490
+ searchQuery: l.searchQuery
1479
1491
  }));
1480
- }, [U, i.searchQuery, M]), St = e.useCallback(
1481
- async (r) => {
1482
- r.preventDefault(), r.stopPropagation(), X && await fn(X);
1492
+ }, [z, l.searchQuery, A]), $t = e.useCallback(
1493
+ async (n) => {
1494
+ n.preventDefault(), n.stopPropagation(), P && await bn(P);
1483
1495
  },
1484
- [X]
1485
- ), $t = e.useCallback(() => {
1486
- v && (localStorage.removeItem(`${v}.columnNames`), localStorage.removeItem(`${v}.columnWidths`), se(void 0), Oe(void 0));
1487
- }, [v]), Ke = e.useCallback(
1488
- (r) => {
1489
- if (!X || !x || !ne || !le)
1496
+ [P]
1497
+ ), Ot = e.useCallback(() => {
1498
+ x && (localStorage.removeItem(`${x}.columnNames`), localStorage.removeItem(`${x}.columnWidths`), Re(void 0), We(void 0));
1499
+ }, [x]), et = e.useCallback(
1500
+ (n) => {
1501
+ if (!P || !v || !ne || !ce)
1490
1502
  return !0;
1491
- const m = X[r];
1492
- return m && x[m._index] !== void 0;
1503
+ const u = P[n];
1504
+ return u && v[u._index] !== void 0;
1493
1505
  },
1494
- [le, ne, X, x]
1495
- ), Ot = e.useMemo(() => _e ? !(x && !Ne) && !ne ? /* @__PURE__ */ n(
1506
+ [ce, ne, P, v]
1507
+ ), Rt = e.useMemo(() => be ? !(v && !Ie) && !ne ? /* @__PURE__ */ r(
1496
1508
  "div",
1497
1509
  {
1498
1510
  style: {
1499
1511
  width: ue,
1500
- height: Math.max(50, _e),
1512
+ height: Math.max(50, be),
1501
1513
  border: "1px solid #BBB",
1502
1514
  textAlign: "center",
1503
1515
  display: "flex",
@@ -1505,249 +1517,249 @@ const _n = ({
1505
1517
  alignItems: "center",
1506
1518
  justifyContent: "center"
1507
1519
  },
1508
- children: Ne ? /* @__PURE__ */ n("button", { onClick: De, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ n("div", { children: "⌛ Loading..." })
1520
+ children: Ie ? /* @__PURE__ */ r("button", { onClick: ke, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ r("div", { children: "⌛ Loading..." })
1509
1521
  }
1510
- ) : ne && le ? /* @__PURE__ */ n(
1511
- Ht,
1522
+ ) : ne && ce ? /* @__PURE__ */ r(
1523
+ Kt,
1512
1524
  {
1513
1525
  ref: c,
1514
- isItemLoaded: Ke,
1515
- itemCount: le,
1526
+ isItemLoaded: et,
1527
+ itemCount: ce,
1516
1528
  loadMoreItems: ne,
1517
- children: ({ onItemsRendered: m, ref: h }) => /* @__PURE__ */ n(
1518
- lt,
1529
+ children: ({ onItemsRendered: u, ref: d }) => /* @__PURE__ */ r(
1530
+ ct,
1519
1531
  {
1520
1532
  className: "mig-schema-table__tbody",
1521
1533
  estimatedRowHeight: Q,
1522
- height: _e,
1534
+ height: be,
1523
1535
  width: ue,
1524
- columnWidth: Be,
1525
- rowHeight: He,
1526
- columnCount: xe,
1527
- rowCount: Se,
1528
- ref: h,
1536
+ columnWidth: ze,
1537
+ rowHeight: Ke,
1538
+ columnCount: ve,
1539
+ rowCount: $e,
1540
+ ref: d,
1529
1541
  onItemsRendered: ({
1530
- overscanRowStartIndex: l,
1542
+ overscanRowStartIndex: a,
1531
1543
  overscanRowStopIndex: f,
1532
- visibleRowStartIndex: E,
1544
+ visibleRowStartIndex: L,
1533
1545
  visibleRowStopIndex: b
1534
- }) => m({
1535
- overscanStartIndex: l,
1546
+ }) => u({
1547
+ overscanStartIndex: a,
1536
1548
  overscanStopIndex: f,
1537
- visibleStartIndex: E,
1549
+ visibleStartIndex: L,
1538
1550
  visibleStopIndex: b
1539
1551
  }),
1540
- children: _t
1552
+ children: Ct
1541
1553
  },
1542
- `tbody_${_e}_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${xe}_${ie.join(
1554
+ `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
1543
1555
  " "
1544
1556
  )}`
1545
1557
  )
1546
1558
  }
1547
- ) : /* @__PURE__ */ n(
1548
- lt,
1559
+ ) : /* @__PURE__ */ r(
1560
+ ct,
1549
1561
  {
1550
1562
  className: "mig-schema-table__tbody",
1551
1563
  estimatedRowHeight: Q,
1552
- height: _e,
1564
+ height: be,
1553
1565
  width: ue,
1554
- columnWidth: Be,
1555
- rowHeight: He,
1556
- columnCount: xe,
1557
- rowCount: Se,
1558
- ref: ce,
1559
- children: _t
1566
+ columnWidth: ze,
1567
+ rowHeight: Ke,
1568
+ columnCount: ve,
1569
+ rowCount: $e,
1570
+ ref: se,
1571
+ children: Ct
1560
1572
  },
1561
- `tbody_${_e}_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${xe}_${ie.join(
1573
+ `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
1562
1574
  " "
1563
1575
  )}`
1564
1576
  ) : null, [
1565
- xe,
1566
- ie,
1567
- Be,
1568
- He,
1569
- c,
1570
- Ne,
1571
- Ke,
1577
+ ve,
1572
1578
  le,
1579
+ ze,
1580
+ Ke,
1581
+ c,
1582
+ Ie,
1583
+ et,
1584
+ ce,
1573
1585
  ne,
1574
- De,
1575
- Se,
1586
+ ke,
1587
+ $e,
1576
1588
  Q,
1577
1589
  ue,
1578
- i.searchQuery,
1579
- i.sortAsc,
1580
- i.sortColumn,
1581
- x,
1582
- _e,
1583
- ce
1584
- ]), Rt = e.useMemo(
1590
+ l.searchQuery,
1591
+ l.sortAsc,
1592
+ l.sortColumn,
1593
+ v,
1594
+ be,
1595
+ se
1596
+ ]), Wt = e.useMemo(
1585
1597
  () => ({
1586
- ...N,
1587
- width: me ? Math.min(ue, Le) : void 0,
1598
+ ...I,
1599
+ width: me ? Math.min(ue, Ne) : void 0,
1588
1600
  height: y === "100%" ? "100%" : void 0,
1589
1601
  maxHeight: y === "100%" ? "100%" : void 0
1590
1602
  }),
1591
- [y, ue, N, Le, me]
1592
- ), Wt = s || "input";
1593
- return /* @__PURE__ */ n(
1594
- Me.Provider,
1603
+ [y, ue, I, Ne, me]
1604
+ ), jt = s || "input";
1605
+ return /* @__PURE__ */ r(
1606
+ De.Provider,
1595
1607
  {
1596
1608
  value: {
1597
1609
  checkedIndexes: p,
1598
- columnNames: H,
1599
- columnWidths: ie,
1600
- config: d,
1601
- disabledCheckedIndexes: O,
1602
- displayTimezone: D,
1603
- dropTargetIndex: Ee,
1604
- getRowClassName: Z,
1610
+ columnNames: Y,
1611
+ columnWidths: le,
1612
+ config: h,
1613
+ disabledCheckedIndexes: R,
1614
+ displayTimezone: T,
1615
+ dropTargetIndex: qe,
1616
+ getRowClassName: V,
1605
1617
  getRowSelected: ee,
1606
- isColumnFilterable: a,
1607
- isItemLoaded: Ke,
1618
+ isColumnFilterable: i,
1619
+ isItemLoaded: et,
1608
1620
  isSortable: te,
1609
- lastCheckChangedRowIndex: he,
1610
- onRowClick: L,
1621
+ lastCheckChangedRowIndex: pe,
1622
+ onRowClick: N,
1611
1623
  onRowDoubleClick: oe,
1612
- properties: ae,
1613
- required: Mt,
1614
- setCheckedIndexes: q,
1615
- setCustomColumnNames: se,
1616
- setCustomColumnWidths: Oe,
1617
- setDropTargetIndex: Ze,
1624
+ properties: ie,
1625
+ required: At,
1626
+ setCheckedIndexes: Z,
1627
+ setCustomColumnNames: Re,
1628
+ setCustomColumnWidths: We,
1629
+ setDropTargetIndex: Ee,
1618
1630
  setFilterSortColumn: Ye,
1619
- setLastCheckChangedRowIndex: we,
1620
- setMenuConfig: j,
1621
- settingsStorageKey: v,
1622
- sortedRenderData: X,
1623
- sourceData: x,
1624
- tableDataState: i,
1625
- translate: k || bt
1631
+ setLastCheckChangedRowIndex: _e,
1632
+ setMenuConfig: ae,
1633
+ settingsStorageKey: x,
1634
+ sortedRenderData: P,
1635
+ sourceData: v,
1636
+ tableDataState: l,
1637
+ translate: D || gt
1626
1638
  },
1627
1639
  children: /* @__PURE__ */ F(
1628
1640
  "div",
1629
1641
  {
1630
- className: `mig-schema-table${L ? " mig-schema-table--clickable-rows" : ""}`,
1631
- ref: nt,
1632
- style: Rt,
1642
+ className: `mig-schema-table${N ? " mig-schema-table--clickable-rows" : ""}`,
1643
+ ref: rt,
1644
+ style: Wt,
1633
1645
  role: "table",
1634
1646
  children: [
1635
1647
  /* @__PURE__ */ F(
1636
1648
  "div",
1637
1649
  {
1638
1650
  className: "mig-schema-table__action-container",
1639
- ref: rt,
1651
+ ref: st,
1640
1652
  children: [
1641
- /* @__PURE__ */ n("div", { children: B ? /* @__PURE__ */ n(
1642
- Wt,
1653
+ /* @__PURE__ */ r("div", { children: B ? /* @__PURE__ */ r(
1654
+ jt,
1643
1655
  {
1644
1656
  className: "mig-schema-table__search",
1645
1657
  type: "search",
1646
1658
  name: "search",
1647
1659
  autoComplete: "off",
1648
- placeholder: Ce || k("search..."),
1649
- value: i.searchQuery,
1650
- onChange: At,
1651
- onKeyDown: at,
1652
- autoFocus: w,
1653
- onBlur: It
1660
+ placeholder: ge || D("search..."),
1661
+ value: l.searchQuery,
1662
+ onChange: Et,
1663
+ onKeyDown: it,
1664
+ autoFocus: k,
1665
+ onBlur: St
1654
1666
  }
1655
1667
  ) : null }),
1656
- t ? /* @__PURE__ */ n(
1668
+ t ? /* @__PURE__ */ r(
1657
1669
  t,
1658
1670
  {
1659
- ...I,
1660
- renderData: X
1671
+ ...S,
1672
+ renderData: P
1661
1673
  }
1662
- ) : /* @__PURE__ */ n("div", { className: "mig-schema-table__custom_element_placeholder" }),
1663
- $ && Array.isArray(C) ? /* @__PURE__ */ n("span", { className: "mig-schema-table__row_counter", children: k(
1674
+ ) : /* @__PURE__ */ r("div", { className: "mig-schema-table__custom_element_placeholder" }),
1675
+ O && Array.isArray(C) ? /* @__PURE__ */ r("span", { className: "mig-schema-table__row_counter", children: D(
1664
1676
  "showingFilteredCountOfTotalCount",
1665
- X?.length || 0,
1677
+ P?.length || 0,
1666
1678
  C.length
1667
1679
  ) }) : null,
1668
- o ? /* @__PURE__ */ n(
1680
+ o ? /* @__PURE__ */ r(
1669
1681
  "button",
1670
1682
  {
1671
- onClick: St,
1683
+ onClick: $t,
1672
1684
  style: { marginLeft: 8 },
1673
- disabled: !X?.length,
1674
- children: k("exportData")
1685
+ disabled: !P?.length,
1686
+ children: D("exportData")
1675
1687
  }
1676
1688
  ) : null,
1677
- B || a ? /* @__PURE__ */ n(
1689
+ B || i ? /* @__PURE__ */ r(
1678
1690
  "button",
1679
1691
  {
1680
- onClick: Nt,
1692
+ onClick: It,
1681
1693
  style: { marginLeft: 8 },
1682
- disabled: i.columnFilterMap && i.searchQuery ? Object.keys(i.columnFilterMap).length + i.searchQuery.length === 0 : !1,
1683
- children: k("clearFilters")
1694
+ disabled: l.columnFilterMap && l.searchQuery ? Object.keys(l.columnFilterMap).length + l.searchQuery.length === 0 : !1,
1695
+ children: D("clearFilters")
1684
1696
  }
1685
1697
  ) : null,
1686
- v ? /* @__PURE__ */ n(
1698
+ x ? /* @__PURE__ */ r(
1687
1699
  "button",
1688
1700
  {
1689
- onClick: $t,
1701
+ onClick: Ot,
1690
1702
  style: { marginLeft: 8 },
1691
- disabled: !We && !je,
1692
- children: k("clearSettings")
1703
+ disabled: !Fe && !Be,
1704
+ children: D("clearSettings")
1693
1705
  }
1694
1706
  ) : null
1695
1707
  ]
1696
1708
  }
1697
1709
  ),
1698
1710
  /* @__PURE__ */ F("div", { className: "mig-schema-table__column_resize_container", children: [
1699
- /* @__PURE__ */ n(
1700
- u,
1711
+ /* @__PURE__ */ r(
1712
+ m,
1701
1713
  {
1702
- height: pt,
1703
- itemCount: xe,
1704
- itemSize: Be,
1714
+ height: _t,
1715
+ itemCount: ve,
1716
+ itemSize: ze,
1705
1717
  layout: "horizontal",
1706
1718
  width: ue,
1707
- sortAsc: i.sortAsc,
1719
+ sortAsc: l.sortAsc,
1708
1720
  setFilterSortColumn: Ye,
1709
- sortColumn: i.sortColumn,
1710
- sortedRenderData: X,
1721
+ sortColumn: l.sortColumn,
1722
+ sortedRenderData: P,
1711
1723
  className: "mig-schema-table__th-row",
1712
- children: an
1724
+ children: ln
1713
1725
  },
1714
- `thead_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${ie.join(
1726
+ `thead_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${le.join(
1715
1727
  " "
1716
1728
  )}`
1717
1729
  ),
1718
- Ot,
1719
- _ ? /* @__PURE__ */ n(
1720
- mn,
1730
+ Rt,
1731
+ _ ? /* @__PURE__ */ r(
1732
+ hn,
1721
1733
  {
1722
- columnWidths: ie,
1723
- resizeColumnIndex: Je,
1724
- setResizeColumnIndex: Ve,
1725
- tableBodyHeight: _e
1734
+ columnWidths: le,
1735
+ resizeColumnIndex: Ze,
1736
+ setResizeColumnIndex: Ae,
1737
+ tableBodyHeight: be
1726
1738
  }
1727
1739
  ) : null
1728
1740
  ] }),
1729
- x && x.length === 0 ? /* @__PURE__ */ n("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
1730
- z ? Bt(
1731
- /* @__PURE__ */ n(
1732
- dn,
1741
+ v && v.length === 0 ? /* @__PURE__ */ r("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
1742
+ w ? Qt(
1743
+ /* @__PURE__ */ r(
1744
+ mn,
1733
1745
  {
1734
- isFilterable: a && z.propConfig?.isFilterable !== !1,
1735
- isSortable: xt(
1746
+ isFilterable: i && w.propConfig?.isFilterable !== !1,
1747
+ isSortable: Dt(
1736
1748
  te,
1737
- V.properties[z.propName],
1738
- z.propConfig
1749
+ J.properties[w.propName],
1750
+ w.propConfig
1739
1751
  ),
1740
- onChange: Lt,
1741
- onClose: Et,
1742
- onInputKeyDown: at,
1743
- propConfig: z.propConfig,
1744
- propIsRequired: z.propIsRequired,
1745
- propName: z.propName,
1746
- propSchema: V.properties[z.propName],
1747
- referenceElement: z.referenceElement,
1752
+ onChange: Nt,
1753
+ onClose: Lt,
1754
+ onInputKeyDown: it,
1755
+ propConfig: w.propConfig,
1756
+ propIsRequired: w.propIsRequired,
1757
+ propName: w.propName,
1758
+ propSchema: J.properties[w.propName],
1759
+ referenceElement: w.referenceElement,
1748
1760
  setFilterSortColumn: Ye,
1749
- translate: k,
1750
- value: i.columnFilterMap ? i.columnFilterMap[z.propName] : null
1761
+ translate: D,
1762
+ value: l.columnFilterMap ? l.columnFilterMap[w.propName] : null
1751
1763
  }
1752
1764
  ),
1753
1765
  document.body
@@ -1757,43 +1769,43 @@ const _n = ({
1757
1769
  )
1758
1770
  }
1759
1771
  );
1760
- }, $n = e.memo(_n), On = e.memo(({ refresh: t, period: s = 60 }) => {
1761
- const [u, g] = e.useState(/* @__PURE__ */ new Date()), [p, d] = e.useState(/* @__PURE__ */ new Date()), I = e.useCallback(() => {
1762
- d(/* @__PURE__ */ new Date()), t();
1772
+ }, yn = e.forwardRef(Cn), Rn = e.memo(yn), Wn = e.memo(({ refresh: t, period: s = 60 }) => {
1773
+ const [m, g] = e.useState(/* @__PURE__ */ new Date()), [p, h] = e.useState(/* @__PURE__ */ new Date()), S = e.useCallback(() => {
1774
+ h(/* @__PURE__ */ new Date()), t();
1763
1775
  }, [t]), C = e.useMemo(
1764
- () => Pt(u, p),
1765
- [u, p]
1776
+ () => Jt(m, p),
1777
+ [m, p]
1766
1778
  );
1767
1779
  e.useEffect(() => {
1768
- C > s && I();
1769
- }, [C, u, p, s, I]), e.useEffect(() => {
1770
- const A = setInterval(() => {
1780
+ C > s && S();
1781
+ }, [C, m, p, s, S]), e.useEffect(() => {
1782
+ const E = setInterval(() => {
1771
1783
  g(/* @__PURE__ */ new Date());
1772
1784
  }, 1e3);
1773
1785
  return () => {
1774
- clearInterval(A);
1786
+ clearInterval(E);
1775
1787
  };
1776
1788
  }, []);
1777
- const R = s - C;
1789
+ const W = s - C;
1778
1790
  return /* @__PURE__ */ F(
1779
1791
  "div",
1780
1792
  {
1781
1793
  className: "mx-auto",
1782
- title: `Refresh ${R > 0 ? `in ${R} seconds` : "NOW"}`,
1794
+ title: `Refresh ${W > 0 ? `in ${W} seconds` : "NOW"}`,
1783
1795
  children: [
1784
1796
  "Last update ",
1785
- tt(p, "HH:mm")
1797
+ nt(p, "HH:mm")
1786
1798
  ]
1787
1799
  }
1788
1800
  );
1789
1801
  });
1790
1802
  export {
1791
- vt as DEFAULT_DATE_FORMAT,
1792
- Pe as DEFAULT_DATE_TIME_FORMAT,
1793
- $e as EColumnFilterStatus,
1794
- kt as MINIMUM_COLUMN_WIDTH,
1795
- tn as RESIZER_WIDTH,
1796
- On as Refresher,
1797
- $n as SchemaTable,
1798
- an as Th
1803
+ kt as DEFAULT_DATE_FORMAT,
1804
+ Ve as DEFAULT_DATE_TIME_FORMAT,
1805
+ Oe as EColumnFilterStatus,
1806
+ xt as MINIMUM_COLUMN_WIDTH,
1807
+ nn as RESIZER_WIDTH,
1808
+ Wn as Refresher,
1809
+ Rn as SchemaTable,
1810
+ ln as Th
1799
1811
  };