mig-schema-table 5.0.5 → 5.0.7

package/dist/mig-schema-table.es.js

@@ -1,35 +1,36 @@
-import { jsx as t, jsxs as O, Fragment as yt } from "react/jsx-runtime";
+import { jsx as t, jsxs as R, Fragment as wt } from "react/jsx-runtime";
 import * as Ft from "react";
 import e from "react";
 import { createPortal as jt } from "react-dom";
 import { VariableSizeGrid as lt, VariableSizeList as Bt } from "react-window";
 import { format as Qt, endOfDay as zt, differenceInSeconds as Ut } from "date-fns";
-import { nl as Vt } from "date-fns/locale";
-import { unCamel as Pt, emptyFn as we, timeZone as Te, localeFormatInTimeZone as vt, parseLocationHash as ct, serializeLocationHash as ze } from "mig-data-tools";
-import { range as Jt, debounce as Zt, isEqual as et, isFinite as qt, sum as Gt } from "lodash";
+import { nl as Jt } from "date-fns/locale";
+import { unCamel as Vt, emptyFn as ve, timeZone as Te, localeFormatInTimeZone as yt, parseLocationHash as ct, serializeLocationHash as ze } from "mig-data-tools";
+import { range as Pt, debounce as Zt, difference as qt, isEqual as et, isFinite as Gt, sum as Xt } from "lodash";
 import ut from "react-datepicker";
 import { nl as dt } from "date-fns/locale/nl";
 import { TZDate as Ue } from "@date-fns/tz";
 import { useFloating as mt, flip as ht } from "@floating-ui/react-dom";
-import Xt from "react-window-infinite-loader";
-const tt = (r, o) => (
+import Ht from "react-window-infinite-loader";
+import { saveAs as Yt } from "file-saver";
+const tt = (n, o) => (
   // replace jan. with jan
-  Qt(r, o, { locale: Vt }).replace(".", "")
-), Ht = {
+  Qt(n, o, { locale: Jt }).replace(".", "")
+), Kt = {
   "Europe/Amsterdam": "AMS",
   "Europe/Berlin": "AMS",
   "Asia/Jakarta": "JKT",
   "Asia/Bangkok": "JKT",
   showingFilteredCountOfTotalCount: "Showing {0} of {1}"
 };
-function ft(r, ...o) {
-  let g = Ht[r] || Pt(r);
-  return o.forEach((b, p) => {
-    g = g.replace(`{${p}}`, `${b}`);
-  }), g;
+function ft(n, ...o) {
+  let u = Kt[n] || Vt(n);
+  return o.forEach((p, f) => {
+    u = u.replace(`{${f}}`, `${p}`);
+  }), u;
 }
-const K = "SELECT_ALL_COLUMN_NAME", gt = 40, wt = "dd MMM yyyy", Ve = "dd MMM yyyy HH:mm", kt = 25, bt = 50, Yt = 3;
-var ge = /* @__PURE__ */ ((r) => (r.GT = "GT", r.LT = "LT", r.EQ = "EQ", r))(ge || {}), Se = /* @__PURE__ */ ((r) => (r.UNAVAILABLE = "UNAVAILABLE", r.AVAILABLE = "AVAILABLE", r.ACTIVE = "ACTIVE", r))(Se || {});
+const K = "SELECT_ALL_COLUMN_NAME", bt = 40, vt = "dd MMM yyyy", Je = "dd MMM yyyy HH:mm", kt = 25, gt = 50, en = 3;
+var be = /* @__PURE__ */ ((n) => (n.GT = "GT", n.LT = "LT", n.EQ = "EQ", n))(be || {}), $e = /* @__PURE__ */ ((n) => (n.UNAVAILABLE = "UNAVAILABLE", n.AVAILABLE = "AVAILABLE", n.ACTIVE = "ACTIVE", n))($e || {});
 const Me = Ft.createContext({
   checkedIndexes: [],
   columnNames: [],
@@ -42,166 +43,166 @@ const Me = Ft.createContext({
   isSortable: !1,
   properties: {},
   required: [],
-  setCustomColumnNames: we,
-  setCustomColumnWidths: we,
-  setDropTargetIndex: we,
-  setFilterSortColumn: we,
-  setLastCheckChangedRowIndex: we,
-  setMenuConfig: we,
+  setCustomColumnNames: ve,
+  setCustomColumnWidths: ve,
+  setDropTargetIndex: ve,
+  setFilterSortColumn: ve,
+  setLastCheckChangedRowIndex: ve,
+  setMenuConfig: ve,
   tableDataState: {
     searchQuery: "",
     columnFilterMap: {},
     sortColumn: "",
     sortAsc: !1
   },
-  translate: we
-}), Kt = { type: "boolean" }, en = ({ columnIndex: r, rowIndex: o, style: g }) => {
+  translate: ve
+}), tn = { type: "boolean" }, nn = ({ columnIndex: n, rowIndex: o, style: u }) => {
   const {
-    checkedIndexes: b,
-    columnNames: p,
-    config: u,
-    disabledCheckedIndexes: S,
+    checkedIndexes: p,
+    columnNames: f,
+    config: l,
+    disabledCheckedIndexes: $,
     displayTimezone: _,
-    getRowClassName: R,
+    getRowClassName: O,
     getRowSelected: W,
     isItemLoaded: T,
-    lastCheckChangedRowIndex: N,
+    lastCheckChangedRowIndex: I,
     onRowClick: M,
-    onRowDoubleClick: v,
-    properties: $,
+    onRowDoubleClick: y,
+    properties: S,
     setCheckedIndexes: q,
     setLastCheckChangedRowIndex: ee,
-    sortedRenderData: x,
+    sortedRenderData: D,
     sourceData: s,
-    translate: d
-  } = e.useContext(Me), h = p[r], y = h === K ? Kt : $[h], U = u ? u[h] : void 0, te = e.useCallback(
-    (w) => {
-      q && q((E) => E && E.includes(w) ? E.filter((A) => A !== w) : E ? [...E, w] : [w]);
+    translate: m
+  } = e.useContext(Me), b = f[n], w = b === K ? tn : S[b], U = l ? l[b] : void 0, te = e.useCallback(
+    (v) => {
+      q && q((A) => A && A.includes(v) ? A.filter((E) => E !== v) : A ? [...A, v] : [v]);
     },
     [q]
   ), le = T(o), ne = e.useCallback(
-    (w) => {
-      if (!s || !x || !M || !le)
+    (v) => {
+      if (!s || !D || !M || !le)
         return;
-      const { rowIndex: E } = w.currentTarget.dataset;
-      if (!E)
+      const { rowIndex: A } = v.currentTarget.dataset;
+      if (!A)
         return;
-      const k = x[parseInt(E, 10)];
-      M(s[k._index], k._index, w);
+      const k = D[parseInt(A, 10)];
+      M(s[k._index], k._index, v);
     },
-    [le, M, x, s]
+    [le, M, D, s]
   ), C = e.useCallback(
-    (w) => {
-      if (!s || !x || !v || !T)
+    (v) => {
+      if (!s || !D || !y || !T)
         return;
-      const { rowIndex: E } = w.currentTarget.dataset;
-      if (!E)
+      const { rowIndex: A } = v.currentTarget.dataset;
+      if (!A)
         return;
-      const k = x[parseInt(E, 10)];
-      v(s[k._index], k._index, w);
+      const k = D[parseInt(A, 10)];
+      y(s[k._index], k._index, v);
     },
-    [T, v, x, s]
-  ), L = x ? x[o] : void 0, { showTimezones: oe, TdBody: G } = U || {}, re = e.useMemo(() => _ ? null : Te.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [_]), B = e.useMemo(() => {
-    if (!L || !x)
+    [T, y, D, s]
+  ), L = D ? D[o] : void 0, { showTimezones: se, TdBody: G } = U || {}, re = e.useMemo(() => _ ? null : Te.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [_]), B = e.useMemo(() => {
+    if (!L || !D)
       return;
-    let w = h === K ? void 0 : L[h];
-    if (y?.format && y.format === "date-time" && oe !== !1) {
-      const k = s ? s[L._index] : void 0, A = k ? k[h] : void 0, ce = A ? new Date(A) : void 0;
-      ce && re && (w = `${vt(
+    let v = b === K ? void 0 : L[b];
+    if (w?.format && w.format === "date-time" && se !== !1) {
+      const k = s ? s[L._index] : void 0, E = k ? k[b] : void 0, ce = E ? new Date(E) : void 0;
+      ce && re && (v = `${yt(
         ce,
         re,
-        Ve
-      )} (${d(re)})`);
+        Je
+      )} (${m(re)})`);
     }
-    const E = [
+    const A = [
       "mig-schema-table__td",
       `mig-schema-table__td--${o % 2 ? "odd" : "even"}`,
-      `mig-schema-table__td--prop-${h}`
+      `mig-schema-table__td--prop-${b}`
     ];
-    switch (s && W && W(s[L._index], L._index) && E.push("mig-schema-table__td--selected"), s && R && E.push(
-      R(s[L._index], L._index, x)
-    ), y?.type) {
+    switch (s && W && W(s[L._index], L._index) && A.push("mig-schema-table__td--selected"), s && O && A.push(
+      O(s[L._index], L._index, D)
+    ), w?.type) {
       case "boolean":
-        E.push(`text-${U?.align || "center"}`);
+        A.push(`text-${U?.align || "center"}`);
         break;
       case "number":
       case "integer":
-        E.push(`text-${U?.align || "end"}`);
+        A.push(`text-${U?.align || "end"}`);
         break;
       default:
-        U?.align && E.push(`text-${U.align}`);
+        U?.align && A.push(`text-${U.align}`);
     }
     return {
       "data-row-index": o,
-      "data-column-index": r,
-      style: g,
-      className: E.join(" "),
-      title: w,
-      onClick: h === K ? void 0 : ne,
-      onDoubleClick: h === K ? void 0 : C
+      "data-column-index": n,
+      style: u,
+      className: A.join(" "),
+      title: v,
+      onClick: b === K ? void 0 : ne,
+      onDoubleClick: b === K ? void 0 : C
     };
   }, [
     L,
-    x,
-    h,
-    y,
-    oe,
+    D,
+    b,
+    w,
+    se,
     o,
     s,
     W,
-    R,
-    r,
-    g,
+    O,
+    n,
+    u,
     ne,
     C,
     re,
-    d,
+    m,
     U
-  ]), P = e.useCallback(
-    (w) => {
+  ]), V = e.useCallback(
+    (v) => {
       if (!te || !L)
         return;
-      const E = parseInt(w.currentTarget.dataset.rowIndex);
-      if (w.shiftKey && N !== void 0) {
-        const k = b?.includes(N) ? N : void 0;
-        if (k !== void 0 && x) {
-          const A = o;
-          for (const ce of Jt(
-            A > k ? k + 1 : A,
-            A > k ? A + 1 : k
+      const A = parseInt(v.currentTarget.dataset.rowIndex);
+      if (v.shiftKey && I !== void 0) {
+        const k = p?.includes(I) ? I : void 0;
+        if (k !== void 0 && D) {
+          const E = o;
+          for (const ce of Pt(
+            E > k ? k + 1 : E,
+            E > k ? E + 1 : k
           )) {
-            const me = x[ce]._index;
-            (!S || !S.includes(me)) && te(me);
+            const me = D[ce]._index;
+            (!$ || !$.includes(me)) && te(me);
           }
         }
       } else
         te(L._index);
-      ee(E), _e.current?.focus();
+      ee(A), _e.current?.focus();
     },
     [
-      b,
-      S,
-      N,
+      p,
+      $,
+      I,
       te,
       L,
       o,
       ee,
-      x
+      D
     ]
   ), _e = e.useRef(null);
   if (!L || !B)
     return null;
   if (!T || s && !s[L._index])
     return /* @__PURE__ */ t("div", { ...B, children: "loading" });
-  if (h === K)
-    return /* @__PURE__ */ t("div", { ...B, onMouseDown: P, children: /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(
+  if (b === K)
+    return /* @__PURE__ */ t("div", { ...B, onMouseDown: V, children: /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(
       "input",
       {
         ref: _e,
         type: "checkbox",
         readOnly: !0,
-        checked: b?.includes(L._index),
-        disabled: S?.includes(L._index)
+        checked: p?.includes(L._index),
+        disabled: $?.includes(L._index)
       }
     ) }) });
   if (G && s)
@@ -214,8 +215,8 @@ const Me = Ft.createContext({
         ...U?.tdBodyProps
       }
     ) });
-  const Z = L[h];
-  return y?.format === "url" && Z ? /* @__PURE__ */ t(
+  const Z = L[b];
+  return w?.format === "url" && Z ? /* @__PURE__ */ t(
     "a",
     {
       href: Z,
@@ -225,92 +226,92 @@ const Me = Ft.createContext({
       children: Z
     }
   ) : /* @__PURE__ */ t("div", { ...B, children: Z });
-}, pt = e.memo(en);
-function tn() {
-  const { checkedIndexes: r, disabledCheckedIndexes: o, sortedRenderData: g } = e.useContext(Me);
+}, pt = e.memo(nn);
+function rn() {
+  const { checkedIndexes: n, disabledCheckedIndexes: o, sortedRenderData: u } = e.useContext(Me);
   return e.useMemo(() => {
-    const b = [...g || []].filter(
-      (p) => (r ? r.includes(p._index) : !0) || (o ? !o.includes(p._index) : !0)
+    const p = [...u || []].filter(
+      (f) => (n ? n.includes(f._index) : !0) || (o ? !o.includes(f._index) : !0)
     );
-    return r?.length !== 0 && b.length === r?.length;
-  }, [r, o, g]);
+    return n?.length !== 0 && p.length === n?.length;
+  }, [n, o, u]);
 }
-function Dt(r, o, g) {
-  return !!(r && g?.isSortable !== !1 && (o || g?.renderData || g?.sort));
+function xt(n, o, u) {
+  return !!(n && u?.isSortable !== !1 && (o || u?.renderData || u?.sort));
 }
-function xt() {
-  const { setCustomColumnWidths: r, settingsStorageKey: o } = e.useContext(Me);
+function Dt() {
+  const { setCustomColumnWidths: n, settingsStorageKey: o } = e.useContext(Me);
   return e.useCallback(
-    (g) => {
+    (u) => {
       o && localStorage.setItem(
         `${o}.columnWidths`,
-        JSON.stringify(Array.from(g))
-      ), r(g);
+        JSON.stringify(Array.from(u))
+      ), n(u);
     },
-    [r, o]
+    [n, o]
   );
 }
-const nn = ({ index: r, style: o }) => {
+const on = ({ index: n, style: o }) => {
   const {
-    checkedIndexes: g,
-    columnNames: b,
-    columnWidths: p,
-    config: u,
-    disabledCheckedIndexes: S,
+    checkedIndexes: u,
+    columnNames: p,
+    columnWidths: f,
+    config: l,
+    disabledCheckedIndexes: $,
     dropTargetIndex: _,
-    isColumnFilterable: R,
+    isColumnFilterable: O,
     isSortable: W,
     setCheckedIndexes: T,
-    properties: N,
+    properties: I,
     required: M,
-    setCustomColumnNames: v,
-    setDropTargetIndex: $,
+    setCustomColumnNames: y,
+    setDropTargetIndex: S,
     setFilterSortColumn: q,
     setMenuConfig: ee,
-    settingsStorageKey: x,
+    settingsStorageKey: D,
     tableDataState: s,
-    sortedRenderData: d,
-    translate: h,
-    displayTimezone: y
-  } = e.useContext(Me), [U, te] = e.useState(!1), le = r === _, ne = xt(), C = b[r], L = C === K ? { type: "boolean" } : N[C], oe = s.sortColumn === C ? s.sortAsc : void 0, G = u ? u[C] : void 0;
-  let re = R && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? Se.AVAILABLE : Se.UNAVAILABLE;
-  s.columnFilterMap && s.columnFilterMap[C] !== void 0 && (re = Se.ACTIVE);
-  const B = Dt(
+    sortedRenderData: m,
+    translate: b,
+    displayTimezone: w
+  } = e.useContext(Me), [U, te] = e.useState(!1), le = n === _, ne = Dt(), C = p[n], L = C === K ? { type: "boolean" } : I[C], se = s.sortColumn === C ? s.sortAsc : void 0, G = l ? l[C] : void 0;
+  let re = O && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
+  s.columnFilterMap && s.columnFilterMap[C] !== void 0 && (re = $e.ACTIVE);
+  const B = xt(
     W,
     L,
     G
-  ), P = [
+  ), V = [
     "mig-schema-table__th",
     `mig-schema-table__th--filter-${re}`,
     `mig-schema-table__th--prop-${C}`
   ];
-  P.push(
+  V.push(
     B ? "mig-schema-table__th--sortable" : "mig-schema-table__th--unsortable"
-  ), oe !== void 0 && P.push("mig-schema-table__th--sorted"), U && P.push("mig-schema-table__th--dragging"), le && P.push("mig-schema-table__th--drop-target");
+  ), se !== void 0 && V.push("mig-schema-table__th--sorted"), U && V.push("mig-schema-table__th--dragging"), le && V.push("mig-schema-table__th--drop-target");
   const { format: _e } = L || {}, {
     align: Z,
-    defaultSortDesc: w,
-    showTimezones: E = !y,
+    defaultSortDesc: v,
+    showTimezones: A = !w,
     title: k
-  } = G || {}, A = e.useCallback(() => {
+  } = G || {}, E = e.useCallback(() => {
     if (B) {
-      if (oe === void 0) {
-        q(C, !w);
+      if (se === void 0) {
+        q(C, !v);
         return;
       }
-      q(C, !oe);
+      q(C, !se);
     }
   }, [
     B,
-    w,
+    v,
     C,
     q,
-    oe
+    se
   ]), ce = M.includes(C), me = e.useCallback(
     (j) => {
       const he = j.currentTarget;
-      ee((ye) => {
-        if (ye?.propName !== C)
+      ee((we) => {
+        if (we?.propName !== C)
           return {
             propConfig: G,
             propIsRequired: ce,
@@ -320,66 +321,66 @@ const nn = ({ index: r, style: o }) => {
       });
     },
     [G, ce, C, ee]
-  ), Ce = e.useMemo(() => k !== void 0 ? k : _e === "date-time" && E ? `${h(C)} (${h(y || Te)})` : h(C), [k, _e, E, h, C, y]), se = e.useCallback(
+  ), Ce = e.useMemo(() => k !== void 0 ? k : _e === "date-time" && A ? `${b(C)} (${b(w || Te)})` : b(C), [k, _e, A, b, C, w]), oe = e.useCallback(
     (j, he) => {
-      if (!b || !p)
+      if (!p || !f)
         return;
-      const ye = b.indexOf(j), V = [...b];
-      V.splice(ye, 1);
-      const D = V.indexOf(he);
-      V.splice(D + 1, 0, j), v(V);
-      const be = [...p], fe = be[ye];
-      be.splice(ye, 1), be.splice(D + 1, 0, fe), ne(new Uint16Array(be)), x && localStorage.setItem(
-        `${x}.columnNames`,
-        JSON.stringify(V)
+      const we = p.indexOf(j), J = [...p];
+      J.splice(we, 1);
+      const x = J.indexOf(he);
+      J.splice(x + 1, 0, j), y(J);
+      const ge = [...f], fe = ge[we];
+      ge.splice(we, 1), ge.splice(x + 1, 0, fe), ne(new Uint16Array(ge)), D && localStorage.setItem(
+        `${D}.columnNames`,
+        JSON.stringify(J)
       );
     },
     [
-      b,
       p,
+      f,
       ne,
-      x,
-      v
+      D,
+      y
     ]
-  ), Ae = e.useCallback(
+  ), Ee = e.useCallback(
     (j) => {
-      se && (te(!0), j.dataTransfer.effectAllowed = "move", j.dataTransfer.dropEffect = "move", j.dataTransfer.setData("text/plain", C));
+      oe && (te(!0), j.dataTransfer.effectAllowed = "move", j.dataTransfer.dropEffect = "move", j.dataTransfer.setData("text/plain", C));
     },
-    [se, C]
-  ), Re = e.useCallback(() => {
-    se && (te(!1), $(-1));
-  }, [se, $]), Pe = e.useCallback(
+    [oe, C]
+  ), Oe = e.useCallback(() => {
+    oe && (te(!1), S(-1));
+  }, [oe, S]), Ve = e.useCallback(
     (j) => {
-      se && (j.preventDefault(), $(r));
+      oe && (j.preventDefault(), S(n));
     },
-    [r, se, $]
-  ), Je = e.useCallback(
+    [n, oe, S]
+  ), Pe = e.useCallback(
     (j) => {
-      if ($(-1), !se || !C)
+      if (S(-1), !oe || !C)
         return;
       const he = j.dataTransfer.getData("text/plain");
-      !he || he === C || se(he, C);
+      !he || he === C || oe(he, C);
     },
-    [se, C, $]
-  ), Le = tn(), Ze = e.useCallback(() => {
-    !T || !d || T(
-      Le ? [] : d.map((j) => j._index).filter((j) => !S?.includes(j))
+    [oe, C, S]
+  ), Le = rn(), Ze = e.useCallback(() => {
+    !T || !m || T(
+      Le ? [] : m.map((j) => j._index).filter((j) => !$?.includes(j))
     );
   }, [
     T,
-    d,
+    m,
     Le,
-    S
+    $
   ]);
   if (C === K)
-    return /* @__PURE__ */ t("div", { style: o, className: P.join(" "), children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t("div", { style: o, className: V.join(" "), children: /* @__PURE__ */ t(
       "div",
       {
         style: {
           width: "100%",
           textAlign: "center"
         },
-        title: `${g?.length || 0} selected`,
+        title: `${u?.length || 0} selected`,
         children: /* @__PURE__ */ t(
           "input",
           {
@@ -393,47 +394,47 @@ const nn = ({ index: r, style: o }) => {
     ) });
   switch (L?.type) {
     case "boolean":
-      P.push(
+      V.push(
         `text-${Z || "center"}`,
         `justify-content-${Z || "center"}`
       );
       break;
     case "integer":
     case "number":
-      P.push(
+      V.push(
         `text-${Z || "end"}`,
         `justify-content-${Z || "end"}`
       );
       break;
     default:
-      Z && P.push(`text-${Z}`);
+      Z && V.push(`text-${Z}`);
   }
   let Q = G?.hoverTitle;
-  return !Q && typeof Ce == "string" && (Q = Ce), /* @__PURE__ */ O(
+  return !Q && typeof Ce == "string" && (Q = Ce), /* @__PURE__ */ R(
     "div",
     {
-      className: P.join(" "),
+      className: V.join(" "),
       style: o,
       title: Q,
       draggable: !0,
-      onDragStart: Ae,
-      onDragEnd: Re,
-      onDragOver: Pe,
-      onDrop: Je,
+      onDragStart: Ee,
+      onDragEnd: Oe,
+      onDragOver: Ve,
+      onDrop: Pe,
       children: [
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ R(
           "div",
           {
             className: "mig-schema-table__th__label-body",
             style: { lineHeight: "44px" },
-            onClick: A,
+            onClick: E,
             children: [
               /* @__PURE__ */ t("span", { className: "mig-schema-table__th__label-body-text", children: Ce }),
-              oe === void 0 ? null : /* @__PURE__ */ t("span", { className: "mig-schema-table__th__sort-icon", children: oe ? "↓" : "↑" })
+              se === void 0 ? null : /* @__PURE__ */ t("span", { className: "mig-schema-table__th__sort-icon", children: se ? "↓" : "↑" })
             ]
           }
         ),
-        B || re !== Se.UNAVAILABLE ? /* @__PURE__ */ t(
+        B || re !== $e.UNAVAILABLE ? /* @__PURE__ */ t(
           "button",
           {
             className: "mig-schema-table__th__trigger-el",
@@ -458,49 +459,49 @@ const nn = ({ index: r, style: o }) => {
       ]
     }
   );
-}, rn = e.memo(nn), sn = {
-  [ge.GT]: ">",
-  [ge.LT]: "<",
-  [ge.EQ]: "="
-}, on = e.memo(
+}, sn = e.memo(on), an = {
+  [be.GT]: ">",
+  [be.LT]: "<",
+  [be.EQ]: "="
+}, ln = e.memo(
   ({
-    columnFilterValue: r,
+    columnFilterValue: n,
     onChange: o,
-    onInputKeyDown: g,
-    propIsRequired: b,
-    propName: p,
-    propSchema: u,
-    translate: S
+    onInputKeyDown: u,
+    propIsRequired: p,
+    propName: f,
+    propSchema: l,
+    translate: $
   }) => {
-    const { displayTimezone: _ } = e.useContext(Me), { type: R, format: W, minimum: T, maximum: N } = u || {}, M = r, v = W === "date-time";
-    switch (R) {
+    const { displayTimezone: _ } = e.useContext(Me), { type: O, format: W, minimum: T, maximum: I } = l || {}, M = n, y = W === "date-time";
+    switch (O) {
       case "number":
       case "integer":
-        const $ = M || {}, q = (s, d, h) => {
-          const y = {
-            ...$,
-            [s]: d.value === "" ? void 0 : parseInt(d.value)
-          }, U = Object.values(y).find(
+        const S = M || {}, q = (s, m, b) => {
+          const w = {
+            ...S,
+            [s]: m.value === "" ? void 0 : parseInt(m.value)
+          }, U = Object.values(w).find(
             (te) => isFinite(te)
           );
           o(
-            U !== void 0 && (T === void 0 || U >= T) ? y : void 0,
-            h
+            U !== void 0 && (T === void 0 || U >= T) ? w : void 0,
+            b
           );
         };
-        return /* @__PURE__ */ O("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
-          b ? null : /* @__PURE__ */ O("li", { style: { padding: 8 }, children: [
-            /* @__PURE__ */ O("label", { className: "d-flex", children: [
+        return /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
+          p ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ R("label", { className: "d-flex", children: [
               /* @__PURE__ */ t(
                 "input",
                 {
                   type: "checkbox",
                   style: { marginRight: 14 },
-                  checked: !!$.filterEmpty,
+                  checked: !!S.filterEmpty,
                   onChange: () => {
-                    const { filterEmpty: s, ...d } = $;
-                    s || (d.filterEmpty = !0), o(
-                      Object.keys(d).length ? d : void 0,
+                    const { filterEmpty: s, ...m } = S;
+                    s || (m.filterEmpty = !0), o(
+                      Object.keys(m).length ? m : void 0,
                       !0
                     );
                   }
@@ -510,35 +511,35 @@ const nn = ({ index: r, style: o }) => {
             ] }),
             /* @__PURE__ */ t("hr", {})
           ] }),
-          Object.keys(ge).map((s) => {
-            const d = $[s];
-            return /* @__PURE__ */ O("li", { children: [
-              /* @__PURE__ */ t("label", { style: { width: 40, paddingLeft: 16 }, children: sn[s] }),
+          Object.keys(be).map((s) => {
+            const m = S[s];
+            return /* @__PURE__ */ R("li", { children: [
+              /* @__PURE__ */ t("label", { style: { width: 40, paddingLeft: 16 }, children: an[s] }),
               /* @__PURE__ */ t(
                 "input",
                 {
                   className: "form-control",
                   style: { width: 120 },
                   type: "number",
-                  value: d !== void 0 ? d : "",
-                  "data-prop-name": p,
-                  onChange: (h) => {
+                  value: m !== void 0 ? m : "",
+                  "data-prop-name": f,
+                  onChange: (b) => {
                     q(
                       s,
-                      h.currentTarget,
+                      b.currentTarget,
                       !1
                     );
                   },
-                  onBlur: (h) => {
+                  onBlur: (b) => {
                     q(
                       s,
-                      h.currentTarget,
+                      b.currentTarget,
                       !0
                     );
                   },
-                  onKeyDown: g,
+                  onKeyDown: u,
                   min: T,
-                  max: N
+                  max: I
                 }
               )
             ] }, s);
@@ -546,15 +547,15 @@ const nn = ({ index: r, style: o }) => {
         ] });
       case "boolean":
         const ee = ["✓", "✕"];
-        b || ee.push("?");
-        let x = M ? "✓" : "✕";
-        return M === null && (x = "?"), M === void 0 && (x = ""), /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ O(
+        p || ee.push("?");
+        let D = M ? "✓" : "✕";
+        return M === null && (D = "?"), M === void 0 && (D = ""), /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ R(
           "select",
           {
             autoFocus: !0,
             className: "form-select",
-            value: x,
-            "data-prop-name": p,
+            value: D,
+            "data-prop-name": f,
             onChange: (s) => {
               switch (s.currentTarget.value) {
                 case "✓":
@@ -585,48 +586,48 @@ const nn = ({ index: r, style: o }) => {
         ) }) });
       // @ts-expect-error falls through
       case "string":
-        if (u?.enum)
-          return /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ O(
+        if (l?.enum)
+          return /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ R(
             "select",
             {
               autoFocus: !0,
               className: "form-select",
               value: M,
-              "data-prop-name": p,
+              "data-prop-name": f,
               onChange: (s) => {
                 o(s.currentTarget.value || void 0, !0);
               },
               children: [
                 /* @__PURE__ */ t("option", { value: "", children: "All" }, "all"),
-                u.enum.map((s) => /* @__PURE__ */ t(
+                l.enum.map((s) => /* @__PURE__ */ t(
                   "option",
                   {
                     value: s,
-                    children: S(s)
+                    children: $(s)
                   },
                   `column-filter-select-${s}`
                 ))
               ]
             }
           ) }) });
-        if (v || W === "date") {
-          const s = v ? Ve : wt, d = r || {
+        if (y || W === "date") {
+          const s = y ? Je : vt, m = n || {
             from: void 0,
             to: void 0,
             filterEmpty: void 0
           };
-          return /* @__PURE__ */ O("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
-            b ? null : /* @__PURE__ */ O("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ O("label", { className: "d-flex", children: [
+          return /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
+            p ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
+              /* @__PURE__ */ R("label", { className: "d-flex", children: [
                 /* @__PURE__ */ t(
                   "input",
                   {
                     type: "checkbox",
-                    checked: !!d.filterEmpty,
+                    checked: !!m.filterEmpty,
                     onChange: () => {
-                      const { filterEmpty: h, ...y } = d;
-                      h || (y.filterEmpty = !0), o(
-                        Object.keys(y).length ? y : void 0,
+                      const { filterEmpty: b, ...w } = m;
+                      b || (w.filterEmpty = !0), o(
+                        Object.keys(w).length ? w : void 0,
                         !0
                       );
                     }
@@ -636,29 +637,29 @@ const nn = ({ index: r, style: o }) => {
               ] }),
               /* @__PURE__ */ t("hr", {})
             ] }),
-            /* @__PURE__ */ O("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ t("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
               /* @__PURE__ */ t(
                 ut,
                 {
                   dateFormat: s,
-                  "data-prop-name": p,
+                  "data-prop-name": f,
                   locale: dt,
-                  selected: d.from ? new Ue(d.from).withTimeZone(
+                  selected: m.from ? new Ue(m.from).withTimeZone(
                     _ || Te
                   ) : null,
-                  onChange: (h) => {
-                    if (!h && !d.to) {
+                  onChange: (b) => {
+                    if (!b && !m.to) {
                       o(void 0, !0);
                       return;
                     }
-                    if (d.to && h && h > d.to)
+                    if (m.to && b && b > m.to)
                       return;
-                    const y = h ? Ue.tz(_ || Te, h) : void 0;
+                    const w = b ? Ue.tz(_ || Te, b) : void 0;
                     o(
                       {
-                        ...r,
-                        from: y
+                        ...n,
+                        from: w
                       },
                       !0
                     );
@@ -666,52 +667,52 @@ const nn = ({ index: r, style: o }) => {
                   placeholderText: s,
                   isClearable: !0,
                   selectsStart: !0,
-                  showTimeSelect: v,
-                  showTimeInput: v,
+                  showTimeSelect: y,
+                  showTimeInput: y,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
                   timeIntervals: 15,
-                  shouldCloseOnSelect: !v
+                  shouldCloseOnSelect: !y
                 }
               )
             ] }),
-            /* @__PURE__ */ O("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ t("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
               /* @__PURE__ */ t(
                 ut,
                 {
                   id: "filter-date",
                   dateFormat: s,
-                  "data-prop-name": p,
+                  "data-prop-name": f,
                   locale: dt,
                   selectsEnd: !0,
-                  selected: d.to ? new Ue(d.to).withTimeZone(
+                  selected: m.to ? new Ue(m.to).withTimeZone(
                     _ || Te
                   ) : null,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
-                  onChange: (h) => {
-                    if (!h && !d.from) {
+                  onChange: (b) => {
+                    if (!b && !m.from) {
                       o(void 0, !0);
                       return;
                     }
-                    const y = h ? v ? Ue.tz(_ || Te, h) : zt(h) : void 0;
-                    d.from && y && y < d.from || o(
+                    const w = b ? y ? Ue.tz(_ || Te, b) : zt(b) : void 0;
+                    m.from && w && w < m.from || o(
                       {
-                        ...r,
-                        to: y
+                        ...n,
+                        to: w
                       },
                       !0
                     );
                   },
                   placeholderText: s,
                   isClearable: !0,
-                  startDate: d.from,
-                  endDate: d.to,
-                  showTimeInput: v,
-                  showTimeSelect: v,
+                  startDate: m.from,
+                  endDate: m.to,
+                  showTimeInput: y,
+                  showTimeSelect: y,
                   timeIntervals: 15,
-                  shouldCloseOnSelect: !v
+                  shouldCloseOnSelect: !y
                 }
               )
             ] })
@@ -725,14 +726,14 @@ const nn = ({ index: r, style: o }) => {
             autoFocus: !0,
             type: "search",
             className: "form-control",
-            placeholder: `Search ${p}`,
-            "aria-label": `Search ${p}`,
+            placeholder: `Search ${f}`,
+            "aria-label": `Search ${f}`,
             value: M || "",
-            "data-prop-name": p,
+            "data-prop-name": f,
             onChange: (s) => {
               o(s.currentTarget.value || void 0, !1);
             },
-            onKeyDown: g,
+            onKeyDown: u,
             onBlur: (s) => {
               o(s.currentTarget.value || void 0, !0);
             }
@@ -740,88 +741,88 @@ const nn = ({ index: r, style: o }) => {
         ) }) });
     }
   }
-), an = ({
-  isSortable: r,
+), cn = ({
+  isSortable: n,
   isFilterable: o,
-  onChange: g,
-  onClose: b,
-  onInputKeyDown: p,
-  propConfig: u,
-  propIsRequired: S,
+  onChange: u,
+  onClose: p,
+  onInputKeyDown: f,
+  propConfig: l,
+  propIsRequired: $,
   propName: _,
-  propSchema: R,
+  propSchema: O,
   referenceElement: W,
   setFilterSortColumn: T,
-  translate: N,
+  translate: I,
   value: M
 }) => {
-  const v = mt({
+  const y = mt({
     placement: "bottom-start",
     elements: {
       reference: W
     },
     middleware: [ht()]
-  }), $ = mt({
+  }), S = mt({
     placement: "right-start",
     middleware: [ht()]
   });
   e.useEffect(() => {
-    const d = (h) => {
-      if (!v.elements.floating)
+    const m = (b) => {
+      if (!y.elements.floating)
         return;
-      let y = h.target;
-      for (; y && v.elements.floating; ) {
-        if (y === v.elements.floating || y === $.elements.floating)
+      let w = b.target;
+      for (; w && y.elements.floating; ) {
+        if (w === y.elements.floating || w === S.elements.floating)
           return;
-        y = y.parentNode === window.document ? null : y.parentNode;
+        w = w.parentNode === window.document ? null : w.parentNode;
       }
-      b(h);
+      p(b);
     };
-    return window.addEventListener("click", d, { capture: !0 }), () => {
-      window.removeEventListener("click", d, { capture: !0 });
+    return window.addEventListener("click", m, { capture: !0 }), () => {
+      window.removeEventListener("click", m, { capture: !0 });
     };
   }, [
-    v.elements.floating,
-    b,
-    $.elements.floating
+    y.elements.floating,
+    p,
+    S.elements.floating
   ]);
-  const q = u?.FilterMenu || on, ee = e.useCallback(
-    (d) => {
-      T(_, !0), b(d);
+  const q = l?.FilterMenu || ln, ee = e.useCallback(
+    (m) => {
+      T(_, !0), p(m);
     },
-    [b, _, T]
-  ), x = e.useCallback(
-    (d) => {
-      T(_, !1), b(d);
+    [p, _, T]
+  ), D = e.useCallback(
+    (m) => {
+      T(_, !1), p(m);
     },
-    [b, _, T]
+    [p, _, T]
   ), s = e.useCallback(() => {
-    g(void 0, !0);
-  }, [g]);
-  return !r && !o ? null : /* @__PURE__ */ O(yt, { children: [
+    u(void 0, !0);
+  }, [u]);
+  return !n && !o ? null : /* @__PURE__ */ R(wt, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu",
-        ref: v.refs.setFloating,
-        style: v.floatingStyles,
-        children: /* @__PURE__ */ O("ol", { className: "mig-schema-table-menu", children: [
-          r ? /* @__PURE__ */ O("li", { onClick: ee, style: { padding: 8 }, children: [
+        ref: y.refs.setFloating,
+        style: y.floatingStyles,
+        children: /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu", children: [
+          n ? /* @__PURE__ */ R("li", { onClick: ee, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
-            N("sortAscending")
+            I("sortAscending")
           ] }) : null,
-          r ? /* @__PURE__ */ O("li", { onClick: x, style: { padding: 8 }, children: [
+          n ? /* @__PURE__ */ R("li", { onClick: D, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
-            N("sortDescending")
+            I("sortDescending")
           ] }) : null,
-          o ? /* @__PURE__ */ O(
+          o ? /* @__PURE__ */ R(
             "li",
             {
               style: { padding: 8 },
-              onMouseOver: (d) => {
-                $.refs.setReference(d.currentTarget);
+              onMouseOver: (m) => {
+                S.refs.setReference(m.currentTarget);
               },
               children: [
                 /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ t(
@@ -834,7 +835,7 @@ const nn = ({ index: r, style: o }) => {
                     onChange: s
                   }
                 ) }),
-                /* @__PURE__ */ t("label", { htmlFor: "mig-schema-table__th-menu__filters", children: N("filters") }),
+                /* @__PURE__ */ t("label", { htmlFor: "mig-schema-table__th-menu__filters", children: I("filters") }),
                 /* @__PURE__ */ t("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
               ]
             }
@@ -842,62 +843,62 @@ const nn = ({ index: r, style: o }) => {
         ] })
       }
     ),
-    $.elements.reference ? /* @__PURE__ */ t(
+    S.elements.reference ? /* @__PURE__ */ t(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
-        ref: $.refs.setFloating,
-        style: $.floatingStyles,
+        ref: S.refs.setFloating,
+        style: S.floatingStyles,
         children: /* @__PURE__ */ t(
           q,
           {
             columnFilterValue: M,
-            onChange: g,
-            onInputKeyDown: p,
-            propIsRequired: S,
+            onChange: u,
+            onInputKeyDown: f,
+            propIsRequired: $,
             propName: _,
-            propSchema: R,
-            translate: N
+            propSchema: O,
+            translate: I
           }
         )
       }
     ) : null
   ] });
-}, ln = e.memo(an), cn = ({
-  columnWidths: r,
+}, un = e.memo(cn), dn = ({
+  columnWidths: n,
   resizeColumnIndex: o,
-  setResizeColumnIndex: g,
-  tableBodyHeight: b
+  setResizeColumnIndex: u,
+  tableBodyHeight: p
 }) => {
-  const [p, u] = e.useState(0), S = xt(), _ = e.useCallback(
-    (N) => {
-      const M = r.map(
-        (v, $) => $ === o ? Math.max(v + N, kt) : v
+  const [f, l] = e.useState(0), $ = Dt(), _ = e.useCallback(
+    (I) => {
+      const M = n.map(
+        (y, S) => S === o ? Math.max(y + I, kt) : y
       );
-      S(M);
+      $(M);
     },
-    [r, o, S]
+    [n, o, $]
   );
-  let R = 0;
+  let O = 0;
   const W = e.useCallback(
-    (N) => {
-      g(parseInt(N.currentTarget.dataset.columnIndex)), u(N.clientX);
+    (I) => {
+      u(parseInt(I.currentTarget.dataset.columnIndex)), l(I.clientX);
     },
-    [g]
+    [u]
   ), T = e.useCallback(
-    (N) => {
-      _(N.clientX - p), u(0), g(-1);
+    (I) => {
+      _(I.clientX - f), l(0), u(-1);
     },
-    [p, _, g]
+    [f, _, u]
   );
-  return /* @__PURE__ */ t("div", { children: [...r].map((N, M) => {
-    R += N;
-    const v = ["mig-schema-table__column_resizer"];
-    return M === o && v.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { children: [...n].map((I, M) => {
+    O += I;
+    const y = ["mig-schema-table__column_resizer"];
+    return M === o && y.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ t(
       "div",
       {
-        style: { left: R - Yt, bottom: b },
-        className: v.join(" "),
+        style: { left: O - en, bottom: p },
+        className: y.join(" "),
         draggable: "true",
         "data-column-index": M,
         onDragStart: W,
@@ -906,519 +907,552 @@ const nn = ({ index: r, style: o }) => {
       M
     );
   }) });
-}, _t = (r) => {
-  const [o, g] = e.useState({ width: 0, height: 0 }), b = e.useMemo(
-    () => Zt(g, 100),
+}, _t = (n) => {
+  const [o, u] = e.useState({ width: 0, height: 0 }), p = e.useMemo(
+    () => Zt(u, 100),
     []
   );
   return e.useEffect(() => {
-    if (!r)
+    if (!n)
       return;
-    const p = new ResizeObserver((u) => {
-      for (const S of u) {
-        const { blockSize: _, inlineSize: R } = S.borderBoxSize[0];
-        R && _ && b({ width: R, height: _ });
+    const f = new ResizeObserver((l) => {
+      for (const $ of l) {
+        const { blockSize: _, inlineSize: O } = $.borderBoxSize[0];
+        O && _ && p({ width: O, height: _ });
       }
     });
-    return p.observe(r), () => {
-      p.disconnect();
+    return f.observe(n), () => {
+      f.disconnect();
     };
-  }, [b, r]), o;
-}, Ct = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), un = new Intl.NumberFormat("nl-NL"), dn = new Intl.NumberFormat("nl-NL", {
+  }, [p, n]), o;
+}, mn = () => new Promise((n, o) => {
+  if (window.ExcelJS) {
+    n(window.ExcelJS);
+    return;
+  }
+  const u = document.createElement("script");
+  u.src = "https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.4.0/exceljs.bare.min.js", u.onload = () => {
+    n(window.ExcelJS);
+  }, u.onerror = () => {
+    o(new Error("Failed to load ExcelJS library"));
+  }, document.head.appendChild(u);
+}), hn = async (n) => {
+  const { Workbook: o } = await mn(), u = new o(), p = u.addWorksheet("Data");
+  n.length && (p.addRow(
+    qt(Object.keys(n[0]), [
+      "_index",
+      "SELECT_ALL_COLUMN_NAME"
+    ])
+  ), p.getRow(1).font = { bold: !0 }, p.addRows(
+    n.map((f) => {
+      const { _index: l, SELECT_ALL_COLUMN_NAME: $, ..._ } = f;
+      return Object.values(_);
+    })
+  ), u.xlsx.writeBuffer().then((f) => {
+    const l = new Blob([f], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    });
+    Yt(l, "export.xlsx");
+  }).catch((f) => {
+    console.error("Error generating Excel file:", f);
+  }));
+}, Ct = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), fn = new Intl.NumberFormat("nl-NL"), bn = new Intl.NumberFormat("nl-NL", {
   style: "currency",
   currency: "EUR"
 });
-function mn(r, o) {
-  const { TdBody: g, sortByValue: b } = o || {};
-  if (b !== void 0)
-    return b;
-  if (!r)
+function gn(n, o) {
+  const { TdBody: u, sortByValue: p } = o || {};
+  if (p !== void 0)
+    return p;
+  if (!n)
     return !1;
-  const { format: p, type: u } = r;
-  return p?.startsWith("date") || u === "boolean" || u === "integer" || u === "number" || !!g;
+  const { format: f, type: l } = n;
+  return f?.startsWith("date") || l === "boolean" || l === "integer" || l === "number" || !!u;
 }
-const hn = ({
-  CustomElement: r,
+const pn = ({
+  CustomElement: n,
   CustomSearchInput: o,
-  Heading: g = Bt,
-  autoRender: b,
-  checkedIndexes: p,
-  config: u,
-  customElementProps: S,
+  Heading: u = Bt,
+  autoRender: p,
+  checkedIndexes: f,
+  config: l,
+  customElementProps: $,
   data: _,
-  defaultColumnFilters: R,
+  defaultColumnFilters: O,
   defaultSortAsc: W = !1,
   defaultSortColumn: T,
-  disabledCheckedIndexes: N,
+  disabledCheckedIndexes: I,
   displayTimezone: M,
-  enableAutoFocus: v = !0,
-  enableRowCounter: $ = !0,
+  enableAutoFocus: y = !0,
+  enableRowCounter: S = !0,
   getRowClassName: q,
   getRowSelected: ee,
-  getSearchQueryFilterResult: x,
+  getSearchQueryFilterResult: D,
   infiniteLoaderRef: s,
-  isColumnFilterable: d = !0,
-  isExportable: h = !0,
-  isResizable: y = !0,
+  isColumnFilterable: m = !0,
+  isExportable: b = !0,
+  isResizable: w = !0,
   isSearchable: U = !0,
   isSortable: te = !0,
   itemCount: le,
   loadMoreItems: ne,
   maxHeight: C,
   onRowClick: L,
-  onRowDoubleClick: oe,
+  onRowDoubleClick: se,
   onSearchEnter: G,
   onTableDataStateChange: re,
   rowHeight: B = 36,
-  schema: P,
+  schema: V,
   searchPlaceholder: _e,
   setCheckedIndexes: Z,
-  settingsStorageKey: w,
-  style: E,
+  settingsStorageKey: v,
+  style: A,
   translate: k = ft,
-  useFilterStateHash: A,
+  useFilterStateHash: E,
   variableSizeGridRef: ce,
   width: me
 }) => {
-  const [Ce, se] = e.useState(), [Ae, Re] = e.useState(), [Pe, Je] = e.useState(-1), [Le, Ze] = e.useState(-1), [Q, j] = e.useState(), [he, ye] = e.useState(), V = _ instanceof Function, [D, be] = e.useState(
-    V ? void 0 : _
+  const [Ce, oe] = e.useState(), [Ee, Oe] = e.useState(), [Ve, Pe] = e.useState(-1), [Le, Ze] = e.useState(-1), [Q, j] = e.useState(), [he, we] = e.useState(), J = _ instanceof Function, [x, ge] = e.useState(
+    J ? void 0 : _
   ), [fe, qe] = e.useState(), [a, ke] = e.useState({
     searchQuery: "",
-    columnFilterMap: R || {},
+    columnFilterMap: O || {},
     sortColumn: T,
     sortAsc: W
   }), [z, Tt] = e.useState(
-    A ? ct(window.location.hash) : null
+    E ? ct(window.location.hash) : null
   );
   e.useEffect(() => {
-    V || be(_);
-  }, [_, V]), e.useEffect(() => {
-    !V || D !== void 0 || _(
+    J || ge(_);
+  }, [_, J]), e.useEffect(() => {
+    !J || x !== void 0 || _(
       z && Object.keys(z).length !== 0 ? {
         ...z,
         columnFilterMap: z.columnFilterMap || {}
       } : a
-    ).then(be);
-  }, [_, V, z, D, a]), e.useEffect(() => {
+    ).then(ge);
+  }, [_, J, z, x, a]), e.useEffect(() => {
     fe || qe(a);
   }, [a, fe]), e.useEffect(() => {
-    if (!A)
+    if (!E)
       return;
-    const n = () => {
+    const r = () => {
       Tt(ct(window.location.hash));
     };
-    return window.addEventListener("hashchange", n), () => {
-      window.removeEventListener("hashchange", n);
+    return window.addEventListener("hashchange", r), () => {
+      window.removeEventListener("hashchange", r);
     };
-  }, [A]), e.useEffect(() => {
-    if (!A)
+  }, [E]), e.useEffect(() => {
+    if (!E)
       return;
-    const { columnFilterMap: n, searchQuery: l, sortAsc: c, sortColumn: i } = z || {}, m = {
-      searchQuery: l || "",
-      columnFilterMap: n || R || {},
-      sortAsc: c === void 0 ? W : c,
+    const { columnFilterMap: r, searchQuery: c, sortAsc: d, sortColumn: i } = z || {}, h = {
+      searchQuery: c || "",
+      columnFilterMap: r || O || {},
+      sortAsc: d === void 0 ? W : d,
       sortColumn: i === void 0 ? T : i
     };
     ke(
-      (I) => et(m, I) ? I : m
+      (N) => et(h, N) ? N : h
     );
   }, [
     z,
-    A,
-    R,
+    E,
+    O,
     W,
     T
   ]), e.useEffect(() => {
     re && re(a);
   }, [re, a]);
-  const nt = e.useRef(null), rt = e.useRef(null), Oe = _t(nt.current), st = _t(
+  const nt = e.useRef(null), rt = e.useRef(null), Re = _t(nt.current), ot = _t(
     rt.current
-  ), Ee = e.useMemo(
-    () => me || Math.floor(Oe.width || 0),
-    [Oe.width, me]
-  ), Ie = e.useMemo(() => !et(a, fe) && V, [a, fe, V]), { properties: ae, required: Mt } = e.useMemo(
+  ), Ae = e.useMemo(
+    () => me || Math.floor(Re.width || 0),
+    [Re.width, me]
+  ), Ne = e.useMemo(() => !et(a, fe) && J, [a, fe, J]), { properties: ae, required: Mt } = e.useMemo(
     () => ({
       properties: {},
       required: [],
-      ...P
+      ...V
     }),
-    [P]
-  ), We = w ? localStorage.getItem(`${w}.columnNames`) : null, Fe = w ? localStorage.getItem(`${w}.columnWidths`) : null, Y = e.useMemo(() => {
+    [V]
+  ), We = v ? localStorage.getItem(`${v}.columnNames`) : null, Fe = v ? localStorage.getItem(`${v}.columnWidths`) : null, Y = e.useMemo(() => {
     if (Ce)
       return Ce;
-    const n = We ? JSON.parse(We) : void 0;
-    let l = Object.keys(ae);
-    if (Z && l.unshift(K), u) {
-      Object.keys(u).forEach((i) => {
-        l.includes(i) || l.push(i);
+    const r = We ? JSON.parse(We) : void 0;
+    let c = Object.keys(ae);
+    if (Z && c.unshift(K), l) {
+      Object.keys(l).forEach((i) => {
+        c.includes(i) || c.push(i);
       });
-      const c = Object.entries(u).reduce(
-        (i, [m, I]) => (I.hidden && i.push(m), i),
+      const d = Object.entries(l).reduce(
+        (i, [h, N]) => (N.hidden && i.push(h), i),
         []
       );
-      l = l.filter((i) => !c.includes(i)).sort((i, m) => {
-        let I = u[i] ? u[i].order : void 0;
-        I === void 0 && (I = Object.keys(ae).findIndex(
+      c = c.filter((i) => !d.includes(i)).sort((i, h) => {
+        let N = l[i] ? l[i].order : void 0;
+        N === void 0 && (N = Object.keys(ae).findIndex(
           (H) => H === i
         ));
-        let f = u[m] ? u[m].order : void 0;
-        return f === void 0 && (f = Object.keys(ae).findIndex(
-          (H) => H === m
-        )), m === K || i === K ? 0 : I === -1 ? 1 : f === -1 ? -1 : I - f;
+        let g = l[h] ? l[h].order : void 0;
+        return g === void 0 && (g = Object.keys(ae).findIndex(
+          (H) => H === h
+        )), h === K || i === K ? 0 : N === -1 ? 1 : g === -1 ? -1 : N - g;
       });
     }
-    return n?.length === l.length ? n : l;
+    return r?.length === c.length ? r : c;
   }, [
-    u,
+    l,
     Ce,
     Z,
     ae,
     We
   ]), je = e.useMemo(
-    () => D && Y ? D.map(
-      (n, l) => Y.reduce(
-        (c, i) => {
-          const m = ae[i], I = u ? u[i] : void 0;
-          if (I?.renderData)
-            return c[i] = I.renderData(n, l), c;
-          if (!m || i === K)
-            return c[i] = "", c;
-          const f = n ? n[i] : "";
-          switch (m.type) {
+    () => x && Y ? x.map(
+      (r, c) => Y.reduce(
+        (d, i) => {
+          const h = ae[i], N = l ? l[i] : void 0;
+          if (N?.renderData)
+            return d[i] = N.renderData(r, c), d;
+          if (!h || i === K)
+            return d[i] = "", d;
+          const g = r ? r[i] : "";
+          switch (h.type) {
             case "array":
-              return c[i] = m.items?.type === "string" && f ? f.map((H) => k(H)).join(", ") : JSON.stringify(f), c;
+              return d[i] = h.items?.type === "string" && g ? g.map((H) => k(H)).join(", ") : JSON.stringify(g), d;
             case "boolean":
-              return c[i] = f === void 0 ? "?" : f ? "✓" : "✕", c;
+              return d[i] = g === void 0 ? "?" : g ? "✓" : "✕", d;
             case "number":
             case "integer":
-              return f === void 0 ? (c[i] = "", c) : (c[i] = m.format === "currency" ? dn.format(f) : un.format(f), c);
+              return g === void 0 ? (d[i] = "", d) : (d[i] = h.format === "currency" ? bn.format(g) : fn.format(g), d);
             // @ts-expect-error investigate
             case "string":
-              if (m.format === "date" && f)
-                return c[i] = ["2999-12-31", "1970-01-01"].includes(
-                  f
+              if (h.format === "date" && g)
+                return d[i] = ["2999-12-31", "1970-01-01"].includes(
+                  g
                 ) ? "-" : tt(
-                  new Date(f),
-                  I?.dateFormat || wt
-                ), c;
-              if (m.format === "date-time" && f)
-                return c[i] = M ? vt(
-                  new Date(f),
+                  new Date(g),
+                  N?.dateFormat || vt
+                ), d;
+              if (h.format === "date-time" && g)
+                return d[i] = M ? yt(
+                  new Date(g),
                   M,
-                  Ve
+                  Je
                 ) : tt(
-                  new Date(f),
-                  I?.dateFormat || Ve
-                ), c;
-              if (m.enum)
-                return c[i] = f ? k(f) : "", c;
+                  new Date(g),
+                  N?.dateFormat || Je
+                ), d;
+              if (h.enum)
+                return d[i] = g ? k(g) : "", d;
             // fallthrough
             default:
-              return c[i] = f ? `${f}` : "", c;
+              return d[i] = g ? `${g}` : "", d;
           }
         },
-        { _index: l }
+        { _index: c }
       )
     ) : void 0,
-    [D, Y, ae, u, k, M]
-  ), De = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: Xe } = e.useMemo(() => {
-    let n = 0, l = 0;
-    return (Y || []).forEach((c) => {
-      if (c === K) {
-        n += gt;
+    [x, Y, ae, l, k, M]
+  ), xe = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: Xe } = e.useMemo(() => {
+    let r = 0, c = 0;
+    return (Y || []).forEach((d) => {
+      if (d === K) {
+        r += bt;
         return;
       }
-      const i = u ? u[c] : void 0;
-      i?.width ? n += i.width : l += 1;
-    }, 0), { dynamicWidthColumnCount: l, fixedWidthColumnsWidth: n };
-  }, [Y, u]), ie = e.useMemo(() => {
-    if (Ae)
-      return new Uint16Array(Ae);
-    const n = Fe ? new Uint16Array(JSON.parse(Fe)) : void 0, l = Math.max(
+      const i = l ? l[d] : void 0;
+      i?.width ? r += i.width : c += 1;
+    }, 0), { dynamicWidthColumnCount: c, fixedWidthColumnsWidth: r };
+  }, [Y, l]), ie = e.useMemo(() => {
+    if (Ee)
+      return new Uint16Array(Ee);
+    const r = Fe ? new Uint16Array(JSON.parse(Fe)) : void 0, c = Math.max(
       Math.floor(
-        (Ee - Xe) / Ge
+        (Ae - Xe) / Ge
       ),
       kt
     );
-    let c = (Ee - Xe) % Ge;
+    let d = (Ae - Xe) % Ge;
     const i = new Uint16Array(
-      Y.map((m) => {
-        if (m === K)
-          return gt;
-        const I = u ? u[m] : void 0;
-        return I?.width ? I?.width : c ? (c -= 1, l + 1) : l;
+      Y.map((h) => {
+        if (h === K)
+          return bt;
+        const N = l ? l[h] : void 0;
+        return N?.width ? N?.width : d ? (d -= 1, c + 1) : c;
       })
     );
-    return n?.length === i.length ? n : i;
+    return r?.length === i.length ? r : i;
   }, [
     Y,
-    u,
-    Ae,
+    l,
+    Ee,
     Ge,
     Xe,
     Fe,
-    Ee
+    Ae
   ]), Be = e.useCallback(
-    (n) => ie ? ie[n] : 1,
+    (r) => ie ? ie[r] : 1,
     [ie]
-  ), Ne = e.useMemo(() => {
-    if (!je || !d && !U || V)
+  ), Ie = e.useMemo(() => {
+    if (!je || !m && !U || J)
       return je;
-    const { searchQuery: n } = a, l = n.toLowerCase() || "", c = (i) => D && x ? x(D[i._index], n) : !(Y && !Y.find(
-      (m) => `${i[m]}`.toLowerCase().includes(l)
+    const { searchQuery: r } = a, c = r.toLowerCase() || "", d = (i) => x && D ? D(x[i._index], r) : !(Y && !Y.find(
+      (h) => `${i[h]}`.toLowerCase().includes(c)
     ));
     return je.filter((i) => {
-      let m = c(i);
-      return !m || !a.columnFilterMap ? !1 : (Object.entries(a.columnFilterMap).forEach(
-        ([I, f]) => {
-          if (!m || f === void 0)
+      let h = d(i);
+      return !h || !a.columnFilterMap ? !1 : (Object.entries(a.columnFilterMap).forEach(
+        ([N, g]) => {
+          if (!h || g === void 0)
             return;
-          const H = u ? u[I] : void 0;
-          if (D && H?.filter) {
-            m = H.filter(
-              D[i._index],
-              f
+          const H = l ? l[N] : void 0;
+          if (x && H?.filter) {
+            h = H.filter(
+              x[i._index],
+              g
             );
             return;
           }
-          const de = ae[I], F = D[i._index]?.[I];
+          const de = ae[N], F = x[i._index]?.[N];
           switch (de?.type) {
             case "boolean":
             case "number":
             case "integer":
-              if (f && typeof f == "object") {
-                f.filterEmpty && F === void 0 && (m = !1);
-                for (const J of Object.keys(
-                  ge
+              if (g && typeof g == "object") {
+                g.filterEmpty && F === void 0 && (h = !1);
+                for (const P of Object.keys(
+                  be
                 )) {
-                  const ve = f[J];
-                  if (m && qt(ve))
-                    switch (J) {
-                      case ge.EQ:
-                        F !== ve && (m = !1);
+                  const ye = g[P];
+                  if (h && Gt(ye))
+                    switch (P) {
+                      case be.EQ:
+                        F !== ye && (h = !1);
                         break;
-                      case ge.GT:
-                        F <= ve && (m = !1);
+                      case be.GT:
+                        F <= ye && (h = !1);
                         break;
-                      case ge.LT:
-                        F >= ve && (m = !1);
+                      case be.LT:
+                        F >= ye && (h = !1);
                         break;
                     }
                 }
               } else {
-                if (F === void 0 && f === null)
+                if (F === void 0 && g === null)
                   return !0;
-                m = F === f;
+                h = F === g;
               }
               break;
             // @ts-expect-error investigate
             case "string":
-              if (typeof f == "object" && (de.format === "date" || de.format === "date-time")) {
-                const { from: J, to: ve, filterEmpty: it } = f;
+              if (typeof g == "object" && (de.format === "date" || de.format === "date-time")) {
+                const { from: P, to: ye, filterEmpty: it } = g;
                 if (!F)
-                  m = !it;
+                  h = !it;
                 else {
                   const Qe = F ? new Date(F) : void 0;
-                  (it === !1 || J && (!Qe || Qe < J) || ve && (!Qe || Qe > ve)) && (m = !1);
+                  (it === !1 || P && (!Qe || Qe < P) || ye && (!Qe || Qe > ye)) && (h = !1);
                 }
                 return;
               }
             // fall through
             default:
               if (de?.enum) {
-                m = F === f;
+                h = F === g;
                 return;
               }
-              m = `${i[I]}`.toLowerCase().includes(`${f}`.toLowerCase());
+              h = `${i[N]}`.toLowerCase().includes(`${g}`.toLowerCase());
           }
         }
-      ), m);
+      ), h);
     });
   }, [
     je,
-    d,
+    m,
     U,
-    V,
+    J,
     a,
-    x,
-    Y,
-    u,
     D,
+    Y,
+    l,
+    x,
     ae
   ]), X = e.useMemo(() => {
-    const { sortAsc: n, sortColumn: l } = a;
-    if (!l || !Ne || !D || V)
-      return Ne;
-    const c = ae[l], i = u ? u[l] : void 0, m = i?.sort;
-    if (m)
-      return Ne.sort((H, de) => {
-        const F = D[H._index], J = D[de._index];
-        return F ? J ? m(
+    const { sortAsc: r, sortColumn: c } = a;
+    if (!c || !Ie || !x || J)
+      return Ie;
+    const d = ae[c], i = l ? l[c] : void 0, h = i?.sort;
+    if (h)
+      return Ie.sort((H, de) => {
+        const F = x[H._index], P = x[de._index];
+        return F ? P ? h(
           F,
-          J,
-          n === void 0 ? W : n
+          P,
+          r === void 0 ? W : r
         ) : -1 : 1;
       });
-    const I = c && c.format?.startsWith("date"), f = mn(c, i);
-    return Ne.sort((H, de) => {
-      let F = f && D[H._index] ? D[H._index][l] : `${H[l]}`.toLowerCase(), J = f && D[de._index] ? D[de._index][l] : `${de[l]}`.toLowerCase();
-      return f && I && (F = new Date(F), isNaN(F.getTime()) && (F = Ct), J = new Date(J), isNaN(J.getTime()) && (J = Ct)), F === J ? 0 : F ? J ? (F < J ? 1 : -1) * (n ? -1 : 1) : n ? 1 : -1 : n ? -1 : 1;
+    const N = d && d.format?.startsWith("date"), g = gn(d, i);
+    return Ie.sort((H, de) => {
+      let F = g && x[H._index] ? x[H._index][c] : `${H[c]}`.toLowerCase(), P = g && x[de._index] ? x[de._index][c] : `${de[c]}`.toLowerCase();
+      return g && N && (F = new Date(F), isNaN(F.getTime()) && (F = Ct), P = new Date(P), isNaN(P.getTime()) && (P = Ct)), F === P ? 0 : F ? P ? (F < P ? 1 : -1) * (r ? -1 : 1) : r ? 1 : -1 : r ? -1 : 1;
     });
   }, [
-    u,
+    l,
     W,
-    Ne,
-    V,
+    Ie,
+    J,
     ae,
-    D,
+    x,
     a
-  ]), ot = e.useCallback(
-    (n) => {
-      const l = { ...a.columnFilterMap };
-      delete l[n], ke({
+  ]), st = e.useCallback(
+    (r) => {
+      const c = { ...a.columnFilterMap };
+      delete c[r], ke({
         ...a,
-        columnFilterMap: l
+        columnFilterMap: c
       });
     },
     [a]
   ), He = e.useCallback(
-    (n, l) => {
-      if (A) {
+    (r, c) => {
+      if (E) {
         window.location.hash = ze({
           ...z,
-          sortColumn: n,
-          sortAsc: l
+          sortColumn: r,
+          sortAsc: c
         });
         return;
       }
-      ke({ ...a, sortColumn: n, sortAsc: l });
+      ke({ ...a, sortColumn: r, sortAsc: c });
     },
-    [a, z, A]
-  ), At = e.useCallback(
-    (n) => {
+    [a, z, E]
+  ), Et = e.useCallback(
+    (r) => {
       ke({
         ...a,
-        searchQuery: n.currentTarget.value
+        searchQuery: r.currentTarget.value
       });
     },
     [a]
-  ), xe = e.useCallback(() => {
-    qe(a), be(void 0);
+  ), De = e.useCallback(() => {
+    qe(a), ge(void 0);
   }, [a]);
   e.useEffect(() => {
-    if (!b || !z || !fe || !A)
+    if (!p || !z || !fe || !E)
       return;
-    const n = Object.keys(z);
-    let l = !1;
-    for (const c of n) {
-      const i = z[c], m = fe[c];
-      if (typeof i == "string" && i !== m) {
-        l = !0;
+    const r = Object.keys(z);
+    let c = !1;
+    for (const d of r) {
+      const i = z[d], h = fe[d];
+      if (typeof i == "string" && i !== h) {
+        c = !0;
         break;
       }
-      if (typeof i == "object" && !et(i, m)) {
-        l = !0;
+      if (typeof i == "object" && !et(i, h)) {
+        c = !0;
         break;
       }
     }
-    l && xe();
+    c && De();
   }, [
-    b,
+    p,
     z,
     fe,
-    xe,
-    A
+    De,
+    E
   ]);
   const at = e.useCallback(
-    (n) => {
-      n.key === "Enter" && (j(void 0), Ie && xe(), G && n.currentTarget.className === "mig-schema-table__search" && G(a.searchQuery || ""));
+    (r) => {
+      r.key === "Enter" && (j(void 0), Ne && De(), G && r.currentTarget.className === "mig-schema-table__search" && G(a.searchQuery || ""));
     },
-    [Ie, a.searchQuery, G, xe]
-  ), Ye = e.useCallback(() => B, [B]), ue = e.useMemo(() => Gt(ie), [ie]), $e = e.useMemo(
+    [Ne, a.searchQuery, G, De]
+  ), Ye = e.useCallback(() => B, [B]), ue = e.useMemo(() => Xt(ie), [ie]), Se = e.useMemo(
     () => X ? X.length : 0,
     [X]
   ), pe = e.useMemo(() => {
-    const n = B * $e;
-    let l;
-    if (C && (l = C === "100%" ? Oe.height : C, !l))
+    const r = B * Se;
+    let c;
+    if (C && (c = C === "100%" ? Re.height : C, !c))
       return 0;
-    const c = l ? l - st.height - bt : 0;
-    return c && c < n ? c : n;
+    const d = c ? c - ot.height - gt : 0;
+    return d && d < r ? d : r;
   }, [
     B,
-    $e,
+    Se,
     C,
-    st,
-    Oe.height
+    ot,
+    Re.height
   ]), Lt = e.useCallback(
-    (n) => {
-      j(void 0), n.preventDefault(), n.stopPropagation();
+    (r) => {
+      j(void 0), r.preventDefault(), r.stopPropagation();
     },
     []
-  ), Et = e.useCallback(
-    (n, l) => {
+  ), At = e.useCallback(
+    (r, c) => {
       if (!Q)
         return;
-      if (A && l !== !1) {
+      if (E && c !== !1) {
         window.location.hash = ze({
           ...z,
           columnFilterMap: {
             ...a.columnFilterMap,
-            [Q.propName]: n
+            [Q.propName]: r
           }
         });
         return;
       }
-      if (n === void 0) {
-        ot(Q.propName);
+      if (r === void 0) {
+        st(Q.propName);
         return;
       }
-      const c = {
+      const d = {
         ...a.columnFilterMap,
-        [Q.propName]: n
+        [Q.propName]: r
       };
       ke({
         ...a,
-        columnFilterMap: c
+        columnFilterMap: d
       });
     },
     [
-      ot,
+      st,
       a,
       z,
       Q,
-      A
+      E
     ]
-  ), It = e.useCallback(() => {
-    const n = {
+  ), Nt = e.useCallback(() => {
+    const r = {
       searchQuery: "",
       columnFilterMap: {},
       // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
       sortColumn: T,
       sortAsc: W
     };
-    A && (window.location.hash = ze(n)), qe(n), ke(n);
-  }, [A, W, T]), Nt = e.useCallback(() => {
-    const n = z?.searchQuery || "";
-    A && // prevent hash change for undefined vs empty string compare
-    (a.searchQuery || n) && a.searchQuery !== n && (window.location.hash = ze({
+    E && (window.location.hash = ze(r)), qe(r), ke(r);
+  }, [E, W, T]), It = e.useCallback(() => {
+    const r = z?.searchQuery || "";
+    E && // prevent hash change for undefined vs empty string compare
+    (a.searchQuery || r) && a.searchQuery !== r && (window.location.hash = ze({
       ...z,
       searchQuery: a.searchQuery
     }));
-  }, [z, a.searchQuery, A]), $t = e.useCallback(
-    async (n) => {
-      if (n.preventDefault(), n.stopPropagation(), !X)
-        return;
-      const { renderDataToExcel: l } = await import("./index-DAu7y5UJ.js");
-      l(X);
+  }, [z, a.searchQuery, E]), St = e.useCallback(
+    async (r) => {
+      r.preventDefault(), r.stopPropagation(), X && hn(X);
     },
     [X]
-  ), St = e.useCallback(() => {
-    w && (localStorage.removeItem(`${w}.columnNames`), localStorage.removeItem(`${w}.columnWidths`), se(void 0), Re(void 0));
-  }, [w]), Ke = e.useCallback(
-    (n) => !X || !D || !ne || !le ? !0 : D[X[n]._index] !== void 0,
-    [le, ne, X, D]
-  ), Rt = e.useMemo(() => pe ? !(D && !Ie) && !ne ? /* @__PURE__ */ t(
+  ), $t = e.useCallback(() => {
+    v && (localStorage.removeItem(`${v}.columnNames`), localStorage.removeItem(`${v}.columnWidths`), oe(void 0), Oe(void 0));
+  }, [v]), Ke = e.useCallback(
+    (r) => {
+      if (!X || !x || !ne || !le)
+        return !0;
+      const c = X[r];
+      return c && x[c._index] !== void 0;
+    },
+    [le, ne, X, x]
+  ), Ot = e.useMemo(() => pe ? !(x && !Ne) && !ne ? /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -1431,16 +1465,16 @@ const hn = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      children: Ie ? /* @__PURE__ */ t("button", { onClick: xe, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ t("div", { children: "⌛ Loading..." })
+      children: Ne ? /* @__PURE__ */ t("button", { onClick: De, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ t("div", { children: "⌛ Loading..." })
     }
   ) : ne && le ? /* @__PURE__ */ t(
-    Xt,
+    Ht,
     {
       ref: s,
       isItemLoaded: Ke,
       itemCount: le,
       loadMoreItems: ne,
-      children: ({ onItemsRendered: l, ref: c }) => /* @__PURE__ */ t(
+      children: ({ onItemsRendered: c, ref: d }) => /* @__PURE__ */ t(
         lt,
         {
           className: "mig-schema-table__tbody",
@@ -1449,23 +1483,23 @@ const hn = ({
           width: ue,
           columnWidth: Be,
           rowHeight: Ye,
-          columnCount: De,
-          rowCount: $e,
-          ref: c,
+          columnCount: xe,
+          rowCount: Se,
+          ref: d,
           onItemsRendered: ({
             overscanRowStartIndex: i,
-            overscanRowStopIndex: m,
-            visibleRowStartIndex: I,
-            visibleRowStopIndex: f
-          }) => l({
+            overscanRowStopIndex: h,
+            visibleRowStartIndex: N,
+            visibleRowStopIndex: g
+          }) => c({
             overscanStartIndex: i,
-            overscanStopIndex: m,
-            visibleStartIndex: I,
-            visibleStopIndex: f
+            overscanStopIndex: h,
+            visibleStartIndex: N,
+            visibleStopIndex: g
           }),
           children: pt
         },
-        `tbody_${pe}_${ue}_${a.sortColumn}_${a.sortAsc}_${a.searchQuery}_${De}_${ie.join(
+        `tbody_${pe}_${ue}_${a.sortColumn}_${a.sortAsc}_${a.searchQuery}_${xe}_${ie.join(
           " "
         )}`
       )
@@ -1479,86 +1513,86 @@ const hn = ({
       width: ue,
       columnWidth: Be,
       rowHeight: Ye,
-      columnCount: De,
-      rowCount: $e,
+      columnCount: xe,
+      rowCount: Se,
       ref: ce,
       children: pt
     },
-    `tbody_${pe}_${ue}_${a.sortColumn}_${a.sortAsc}_${a.searchQuery}_${De}_${ie.join(
+    `tbody_${pe}_${ue}_${a.sortColumn}_${a.sortAsc}_${a.searchQuery}_${xe}_${ie.join(
       " "
     )}`
   ) : null, [
-    De,
+    xe,
     ie,
     Be,
     Ye,
     s,
-    Ie,
+    Ne,
     Ke,
     le,
     ne,
-    xe,
-    $e,
+    De,
+    Se,
     B,
     ue,
     a.searchQuery,
     a.sortAsc,
     a.sortColumn,
-    D,
+    x,
     pe,
     ce
-  ]), Ot = e.useMemo(
+  ]), Rt = e.useMemo(
     () => ({
-      ...E,
-      width: me ? Math.min(ue, Ee) : void 0,
+      ...A,
+      width: me ? Math.min(ue, Ae) : void 0,
       height: C === "100%" ? "100%" : void 0,
       maxHeight: C === "100%" ? "100%" : void 0
     }),
-    [C, ue, E, Ee, me]
+    [C, ue, A, Ae, me]
   ), Wt = o || "input";
   return /* @__PURE__ */ t(
     Me.Provider,
     {
       value: {
-        checkedIndexes: p,
+        checkedIndexes: f,
         columnNames: Y,
         columnWidths: ie,
-        config: u,
-        disabledCheckedIndexes: N,
+        config: l,
+        disabledCheckedIndexes: I,
         displayTimezone: M,
         dropTargetIndex: Le,
         getRowClassName: q,
         getRowSelected: ee,
-        isColumnFilterable: d,
+        isColumnFilterable: m,
         isItemLoaded: Ke,
         isSortable: te,
         lastCheckChangedRowIndex: he,
         onRowClick: L,
-        onRowDoubleClick: oe,
+        onRowDoubleClick: se,
         properties: ae,
         required: Mt,
         setCheckedIndexes: Z,
-        setCustomColumnNames: se,
-        setCustomColumnWidths: Re,
+        setCustomColumnNames: oe,
+        setCustomColumnWidths: Oe,
         setDropTargetIndex: Ze,
         setFilterSortColumn: He,
-        setLastCheckChangedRowIndex: ye,
+        setLastCheckChangedRowIndex: we,
         setMenuConfig: j,
-        settingsStorageKey: w,
+        settingsStorageKey: v,
         sortedRenderData: X,
-        sourceData: D,
+        sourceData: x,
         tableDataState: a,
         translate: k || ft
       },
-      children: /* @__PURE__ */ O(
+      children: /* @__PURE__ */ R(
         "div",
         {
           className: `mig-schema-table${L ? " mig-schema-table--clickable-rows" : ""}`,
           ref: nt,
-          style: Ot,
+          style: Rt,
           role: "table",
           children: [
-            /* @__PURE__ */ O(
+            /* @__PURE__ */ R(
               "div",
               {
                 className: "mig-schema-table__action-container",
@@ -1573,46 +1607,46 @@ const hn = ({
                       autoComplete: "off",
                       placeholder: _e || k("search..."),
                       value: a.searchQuery,
-                      onChange: At,
+                      onChange: Et,
                       onKeyDown: at,
-                      autoFocus: v,
-                      onBlur: Nt
+                      autoFocus: y,
+                      onBlur: It
                     }
                   ) : null }),
-                  r ? /* @__PURE__ */ t(
-                    r,
+                  n ? /* @__PURE__ */ t(
+                    n,
                     {
-                      ...S,
+                      ...$,
                       renderData: X
                     }
                   ) : /* @__PURE__ */ t("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  $ && Array.isArray(_) ? /* @__PURE__ */ t("span", { className: "mig-schema-table__row_counter", children: k(
+                  S && Array.isArray(_) ? /* @__PURE__ */ t("span", { className: "mig-schema-table__row_counter", children: k(
                     "showingFilteredCountOfTotalCount",
                     X?.length || 0,
                     _.length
                   ) }) : null,
-                  h ? /* @__PURE__ */ t(
+                  b ? /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: $t,
+                      onClick: St,
                       style: { marginLeft: 8 },
                       disabled: !X?.length,
                       children: k("exportData")
                     }
                   ) : null,
-                  U || d ? /* @__PURE__ */ t(
+                  U || m ? /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: It,
+                      onClick: Nt,
                       style: { marginLeft: 8 },
                       disabled: a.columnFilterMap && a.searchQuery ? Object.keys(a.columnFilterMap).length + a.searchQuery.length === 0 : !1,
                       children: k("clearFilters")
                     }
                   ) : null,
-                  w ? /* @__PURE__ */ t(
+                  v ? /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: St,
+                      onClick: $t,
                       style: { marginLeft: 8 },
                       disabled: !We && !Fe,
                       children: k("clearSettings")
@@ -1621,12 +1655,12 @@ const hn = ({
                 ]
               }
             ),
-            /* @__PURE__ */ O("div", { className: "mig-schema-table__column_resize_container", children: [
+            /* @__PURE__ */ R("div", { className: "mig-schema-table__column_resize_container", children: [
               /* @__PURE__ */ t(
-                g,
+                u,
                 {
-                  height: bt,
-                  itemCount: De,
+                  height: gt,
+                  itemCount: xe,
                   itemSize: Be,
                   layout: "horizontal",
                   width: ue,
@@ -1635,40 +1669,40 @@ const hn = ({
                   sortColumn: a.sortColumn,
                   sortedRenderData: X,
                   className: "mig-schema-table__th-row",
-                  children: rn
+                  children: sn
                 },
                 `thead_${ue}_${a.sortColumn}_${a.sortAsc}_${a.searchQuery}_${ie.join(
                   " "
                 )}`
               ),
-              Rt,
-              y ? /* @__PURE__ */ t(
-                cn,
+              Ot,
+              w ? /* @__PURE__ */ t(
+                dn,
                 {
                   columnWidths: ie,
-                  resizeColumnIndex: Pe,
-                  setResizeColumnIndex: Je,
+                  resizeColumnIndex: Ve,
+                  setResizeColumnIndex: Pe,
                   tableBodyHeight: pe
                 }
               ) : null
             ] }),
-            D ? D.length > 0 ? /* @__PURE__ */ t(yt, { children: jt(
+            x ? x.length > 0 ? /* @__PURE__ */ t(wt, { children: jt(
               Q ? /* @__PURE__ */ t(
-                ln,
+                un,
                 {
-                  isFilterable: d && Q.propConfig?.isFilterable !== !1,
-                  isSortable: Dt(
+                  isFilterable: m && Q.propConfig?.isFilterable !== !1,
+                  isSortable: xt(
                     !!te,
-                    P.properties[Q.propName],
+                    V.properties[Q.propName],
                     Q.propConfig
                   ),
-                  onChange: Et,
+                  onChange: At,
                   onClose: Lt,
                   onInputKeyDown: at,
                   propConfig: Q.propConfig,
                   propIsRequired: Q.propIsRequired,
                   propName: Q.propName,
-                  propSchema: P.properties[Q.propName],
+                  propSchema: V.properties[Q.propName],
                   referenceElement: Q.referenceElement,
                   setFilterSortColumn: He,
                   translate: k,
@@ -1682,43 +1716,43 @@ const hn = ({
       )
     }
   );
-}, Mn = e.memo(hn), An = e.memo(({ refresh: r, period: o = 60 }) => {
-  const [g, b] = e.useState(/* @__PURE__ */ new Date()), [p, u] = e.useState(/* @__PURE__ */ new Date()), S = e.useCallback(() => {
-    u(/* @__PURE__ */ new Date()), r();
-  }, [r]), _ = e.useMemo(
-    () => Ut(g, p),
-    [g, p]
+}, In = e.memo(pn), Sn = e.memo(({ refresh: n, period: o = 60 }) => {
+  const [u, p] = e.useState(/* @__PURE__ */ new Date()), [f, l] = e.useState(/* @__PURE__ */ new Date()), $ = e.useCallback(() => {
+    l(/* @__PURE__ */ new Date()), n();
+  }, [n]), _ = e.useMemo(
+    () => Ut(u, f),
+    [u, f]
   );
   e.useEffect(() => {
-    _ > o && S();
-  }, [_, g, p, o, S]), e.useEffect(() => {
+    _ > o && $();
+  }, [_, u, f, o, $]), e.useEffect(() => {
     const T = setInterval(() => {
-      b(/* @__PURE__ */ new Date());
+      p(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => {
       clearInterval(T);
     };
   }, []);
-  const R = o - _;
-  return /* @__PURE__ */ O(
+  const O = o - _;
+  return /* @__PURE__ */ R(
     "div",
     {
       className: "mx-auto",
-      title: `Refresh ${R > 0 ? `in ${R} seconds` : "NOW"}`,
+      title: `Refresh ${O > 0 ? `in ${O} seconds` : "NOW"}`,
       children: [
         "Last update ",
-        tt(p, "HH:mm")
+        tt(f, "HH:mm")
       ]
     }
   );
 });
 export {
-  wt as DEFAULT_DATE_FORMAT,
-  Ve as DEFAULT_DATE_TIME_FORMAT,
-  Se as EColumnFilterStatus,
+  vt as DEFAULT_DATE_FORMAT,
+  Je as DEFAULT_DATE_TIME_FORMAT,
+  $e as EColumnFilterStatus,
   kt as MINIMUM_COLUMN_WIDTH,
-  Yt as RESIZER_WIDTH,
-  An as Refresher,
-  Mn as SchemaTable,
-  rn as Th
+  en as RESIZER_WIDTH,
+  Sn as Refresher,
+  In as SchemaTable,
+  sn as Th
 };