mig-schema-table 5.0.13 → 5.0.14

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as F, Fragment as Ft } from "react/jsx-runtime";
+import { jsx as r, jsxs as F, Fragment as Ft } from "react/jsx-runtime";
 import * as Bt from "react";
 import e from "react";
 import { createPortal as Qt } from "react-dom";
@@ -6,7 +6,7 @@ import { VariableSizeGrid as ct, VariableSizeList as zt } from "react-window";
 import { format as Ut, endOfDay as Pt, differenceInSeconds as Jt } from "date-fns";
 import { nl as Vt } from "date-fns/locale";
 import { unCamel as Zt, emptyFn as ye, timeZone as xe, localeFormatInTimeZone as vt, parseLocationHash as ut, serializeLocationHash as Pe } from "mig-data-tools";
-import { range as qt, debounce as Gt, difference as Xt, isEqual as tt, isFinite as Ht, sum as Yt } from "lodash";
+import { range as qt, debounce as Xt, difference as Gt, isEqual as tt, isFinite as Ht, sum as Yt } from "lodash";
 import dt from "react-datepicker";
 import mt from "react-select";
 import { nl as ht } from "date-fns/locale/nl";
@@ -25,10 +25,10 @@ const nt = (t, s) => (
   showingFilteredCountOfTotalCount: "Showing {0} of {1}"
 };
 function gt(t, ...s) {
-  let u = tn[t] || Zt(t);
+  let m = tn[t] || Zt(t);
   return s.forEach((g, p) => {
-    u = u.replace(`{${p}}`, `${g}`);
-  }), u;
+    m = m.replace(`{${p}}`, `${g}`);
+  }), m;
 }
 const K = "SELECT_ALL_COLUMN_NAME", pt = 40, kt = "dd MMM yyyy", Ve = "dd MMM yyyy HH:mm", xt = 25, _t = 50, nn = 3;
 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 || {});
@@ -57,11 +57,11 @@ const De = Bt.createContext({
     sortAsc: !1
   },
   translate: ye
-}), rn = { type: "boolean" }, sn = ({ columnIndex: t, rowIndex: s, style: u }) => {
+}), rn = { type: "boolean" }, sn = ({ columnIndex: t, rowIndex: s, style: m }) => {
   const {
     checkedIndexes: g,
     columnNames: p,
-    config: d,
+    config: h,
     disabledCheckedIndexes: S,
     displayTimezone: C,
     getRowClassName: W,
@@ -75,15 +75,15 @@ const De = Bt.createContext({
     setLastCheckChangedRowIndex: ee,
     sortedRenderData: M,
     sourceData: c,
-    translate: a
-  } = e.useContext(De), o = p[t], _ = o === K ? rn : O[o], B = d ? d[o] : void 0, te = e.useCallback(
+    translate: i
+  } = e.useContext(De), o = p[t], _ = o === K ? rn : O[o], B = h ? h[o] : void 0, te = e.useCallback(
     (x) => {
       V && V((I) => I && I.includes(x) ? I.filter((A) => A !== x) : I ? [...I, x] : [x]);
     },
     [V]
-  ), le = E(s), ne = e.useCallback(
+  ), ce = E(s), ne = e.useCallback(
     (x) => {
-      if (!c || !M || !T || !le)
+      if (!c || !M || !T || !ce)
         return;
       const { rowIndex: I } = x.currentTarget.dataset;
       if (!I)
@@ -91,7 +91,7 @@ const De = Bt.createContext({
       const D = M[parseInt(I, 10)];
       T(c[D._index], D._index, x);
     },
-    [le, T, M, c]
+    [ce, T, M, c]
   ), y = e.useCallback(
     (x) => {
       if (!c || !M || !k || !E)
@@ -103,17 +103,17 @@ const De = Bt.createContext({
       k(c[D._index], D._index, x);
     },
     [E, k, M, c]
-  ), N = M ? M[s] : void 0, { showTimezones: se, TdBody: q } = B || {}, re = e.useMemo(() => C ? null : xe.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), Q = e.useMemo(() => {
+  ), 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(() => {
     if (!N || !M)
       return;
     let x = o === K ? void 0 : N[o];
-    if (_?.format && _.format === "date-time" && se !== !1) {
-      const D = c ? c[N._index] : void 0, A = D ? D[o] : void 0, ce = A ? new Date(A) : void 0;
-      ce && re && (x = `${vt(
-        ce,
+    if (_?.format && _.format === "date-time" && oe !== !1) {
+      const D = c ? c[N._index] : void 0, A = D ? D[o] : void 0, se = A ? new Date(A) : void 0;
+      se && re && (x = `${vt(
+        se,
         re,
         Ve
-      )} (${a(re)})`);
+      )} (${i(re)})`);
     }
     const I = [
       "mig-schema-table__td",
@@ -136,7 +136,7 @@ const De = Bt.createContext({
     return {
       "data-row-index": s,
       "data-column-index": t,
-      style: u,
+      style: m,
       className: I.join(" "),
       title: x,
       onClick: o === K ? void 0 : ne,
@@ -147,19 +147,19 @@ const De = Bt.createContext({
     M,
     o,
     _,
-    se,
+    oe,
     s,
     c,
     $,
     W,
     t,
-    u,
+    m,
     ne,
     y,
     re,
-    a,
+    i,
     B
-  ]), P = e.useCallback(
+  ]), J = e.useCallback(
     (x) => {
       if (!te || !N)
         return;
@@ -168,11 +168,11 @@ const De = Bt.createContext({
         const D = g?.includes(R) ? R : void 0;
         if (D !== void 0 && M) {
           const A = s;
-          for (const ce of qt(
+          for (const se of qt(
             A > D ? D + 1 : A,
             A > D ? A + 1 : D
           )) {
-            const me = M[ce]._index;
+            const me = M[se]._index;
             (!S || !S.includes(me)) && te(me);
           }
         }
@@ -194,9 +194,9 @@ const De = Bt.createContext({
   if (!N || !Q)
     return null;
   if (!E || c && !c[N._index])
-    return /* @__PURE__ */ n("div", { ...Q, children: "loading" });
+    return /* @__PURE__ */ r("div", { ...Q, children: "loading" });
   if (o === K)
-    return /* @__PURE__ */ n("div", { ...Q, onMouseDown: P, children: /* @__PURE__ */ n("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ r("div", { ...Q, onMouseDown: J, children: /* @__PURE__ */ r("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ r(
       "input",
       {
         ref: ge,
@@ -207,7 +207,7 @@ const De = Bt.createContext({
       }
     ) }) });
   if (q && c)
-    return /* @__PURE__ */ n("div", { ...Q, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ r("div", { ...Q, children: /* @__PURE__ */ r(
       q,
       {
         dataIndex: N._index,
@@ -217,7 +217,7 @@ const De = Bt.createContext({
       }
     ) });
   const Z = N[o];
-  return _?.format === "url" && Z ? /* @__PURE__ */ n(
+  return _?.format === "url" && Z ? /* @__PURE__ */ r(
     "a",
     {
       href: Z,
@@ -226,38 +226,38 @@ const De = Bt.createContext({
       ...Q,
       children: Z
     }
-  ) : /* @__PURE__ */ n("div", { ...Q, children: Z });
+  ) : /* @__PURE__ */ r("div", { ...Q, children: Z });
 }, Ct = e.memo(sn);
 function on() {
-  const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: u } = e.useContext(De);
+  const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: m } = e.useContext(De);
   return e.useMemo(() => {
-    const g = [...u || []].filter(
+    const g = [...m || []].filter(
       (p) => (t ? t.includes(p._index) : !0) || (s ? !s.includes(p._index) : !0)
     );
     return t?.length !== 0 && g.length === t?.length;
-  }, [t, s, u]);
+  }, [t, s, m]);
 }
-function Dt(t, s, u) {
-  return !!(t && u?.isSortable !== !1 && (s || u?.renderData || u?.sort));
+function Dt(t, s, m) {
+  return !!(t && m?.isSortable !== !1 && (s || m?.renderData || m?.sort));
 }
 function Tt() {
   const { setCustomColumnWidths: t, settingsStorageKey: s } = e.useContext(De);
   return e.useCallback(
-    (u) => {
+    (m) => {
       s && localStorage.setItem(
         `${s}.columnWidths`,
-        JSON.stringify(Array.from(u))
-      ), t(u);
+        JSON.stringify(Array.from(m))
+      ), t(m);
     },
     [t, s]
   );
 }
 const an = ({ index: t, style: s }) => {
   const {
-    checkedIndexes: u,
+    checkedIndexes: m,
     columnNames: g,
     columnWidths: p,
-    config: d,
+    config: h,
     disabledCheckedIndexes: S,
     dropTargetIndex: C,
     isColumnFilterable: W,
@@ -271,24 +271,24 @@ const an = ({ index: t, style: s }) => {
     setMenuConfig: ee,
     settingsStorageKey: M,
     tableDataState: c,
-    sortedRenderData: a,
+    sortedRenderData: i,
     translate: o,
     displayTimezone: _
-  } = e.useContext(De), [B, te] = e.useState(!1), le = t === C, ne = Tt(), y = g[t], N = y === K ? { type: "boolean" } : R[y], se = c.sortColumn === y ? c.sortAsc : void 0, q = d ? d[y] : void 0;
+  } = 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;
   let re = W && (N || q?.FilterMenu) && q?.isFilterable !== !1 ? Oe.AVAILABLE : Oe.UNAVAILABLE;
   c.columnFilterMap && c.columnFilterMap[y] !== void 0 && (re = Oe.ACTIVE);
   const Q = Dt(
     $,
     N,
     q
-  ), P = [
+  ), J = [
     "mig-schema-table__th",
     `mig-schema-table__th--filter-${re}`,
     `mig-schema-table__th--prop-${y}`
   ];
-  P.push(
+  J.push(
     Q ? "mig-schema-table__th--sortable" : "mig-schema-table__th--unsortable"
-  ), se !== void 0 && P.push("mig-schema-table__th--sorted"), B && P.push("mig-schema-table__th--dragging"), le && P.push("mig-schema-table__th--drop-target");
+  ), 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");
   const { format: ge } = N || {}, {
     align: Z,
     defaultSortDesc: x,
@@ -296,42 +296,42 @@ const an = ({ index: t, style: s }) => {
     title: D
   } = q || {}, A = e.useCallback(() => {
     if (Q) {
-      if (se === void 0) {
+      if (oe === void 0) {
         V(y, !x);
         return;
       }
-      V(y, !se);
+      V(y, !oe);
     }
   }, [
     Q,
     x,
     y,
     V,
-    se
-  ]), ce = T.includes(y), me = e.useCallback(
+    oe
+  ]), se = T.includes(y), me = e.useCallback(
     (w) => {
-      const oe = w.currentTarget;
+      const ae = w.currentTarget;
       ee((pe) => {
         if (pe?.propName !== y)
           return {
             propConfig: q,
-            propIsRequired: ce,
+            propIsRequired: se,
             propName: y,
-            referenceElement: oe
+            referenceElement: ae
           };
       });
     },
-    [q, ce, y, ee]
+    [q, se, y, ee]
   ), 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(
-    (w, oe) => {
+    (w, ae) => {
       if (!g || !p)
         return;
       const pe = g.indexOf(w), _e = [...g];
       _e.splice(pe, 1);
-      const G = _e.indexOf(oe);
-      _e.splice(G + 1, 0, w), k(_e);
+      const X = _e.indexOf(ae);
+      _e.splice(X + 1, 0, w), k(_e);
       const v = [...p], Le = v[pe];
-      v.splice(pe, 1), v.splice(G + 1, 0, Le), ne(new Uint16Array(v)), M && localStorage.setItem(
+      v.splice(pe, 1), v.splice(X + 1, 0, Le), ne(new Uint16Array(v)), M && localStorage.setItem(
         `${M}.columnNames`,
         JSON.stringify(_e)
       );
@@ -359,30 +359,30 @@ const an = ({ index: t, style: s }) => {
     (w) => {
       if (O(-1), !H || !y)
         return;
-      const oe = w.dataTransfer.getData("text/plain");
-      !oe || oe === y || H(oe, y);
+      const ae = w.dataTransfer.getData("text/plain");
+      !ae || ae === y || H(ae, y);
     },
     [H, y, O]
   ), Ae = on(), qe = e.useCallback(() => {
-    !E || !a || E(
-      Ae ? [] : a.map((w) => w._index).filter((w) => !S?.includes(w))
+    !E || !i || E(
+      Ae ? [] : i.map((w) => w._index).filter((w) => !S?.includes(w))
     );
   }, [
     E,
-    a,
+    i,
     Ae,
     S
   ]);
   if (y === K)
-    return /* @__PURE__ */ n("div", { style: s, className: P.join(" "), children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ r("div", { style: s, className: J.join(" "), children: /* @__PURE__ */ r(
       "div",
       {
         style: {
           width: "100%",
           textAlign: "center"
         },
-        title: `${u?.length || 0} selected`,
-        children: /* @__PURE__ */ n(
+        title: `${m?.length || 0} selected`,
+        children: /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
@@ -395,26 +395,26 @@ const an = ({ index: t, style: s }) => {
     ) });
   switch (N?.type) {
     case "boolean":
-      P.push(
+      J.push(
         `text-${Z || "center"}`,
         `justify-content-${Z || "center"}`
       );
       break;
     case "integer":
     case "number":
-      P.push(
+      J.push(
         `text-${Z || "end"}`,
         `justify-content-${Z || "end"}`
       );
       break;
     default:
-      Z && P.push(`text-${Z}`);
+      Z && J.push(`text-${Z}`);
   }
   let Ee = q?.hoverTitle;
   return !Ee && typeof Te == "string" && (Ee = Te), /* @__PURE__ */ F(
     "div",
     {
-      className: P.join(" "),
+      className: J.join(" "),
       style: s,
       title: Ee,
       draggable: !0,
@@ -430,17 +430,17 @@ const an = ({ index: t, style: s }) => {
             style: { lineHeight: "44px" },
             onClick: A,
             children: [
-              /* @__PURE__ */ n("span", { className: "mig-schema-table__th__label-body-text", children: Te }),
-              se === void 0 ? null : /* @__PURE__ */ n("span", { className: "mig-schema-table__th__sort-icon", children: se ? "↓" : "↑" })
+              /* @__PURE__ */ r("span", { className: "mig-schema-table__th__label-body-text", children: Te }),
+              oe === void 0 ? null : /* @__PURE__ */ r("span", { className: "mig-schema-table__th__sort-icon", children: oe ? "↓" : "↑" })
             ]
           }
         ),
-        Q || re !== Oe.UNAVAILABLE ? /* @__PURE__ */ n(
+        Q || re !== Oe.UNAVAILABLE ? /* @__PURE__ */ r(
           "button",
           {
             className: "mig-schema-table__th__trigger-el",
             onClick: me,
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -452,7 +452,7 @@ const an = ({ index: t, style: s }) => {
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
+                children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
               }
             )
           }
@@ -468,21 +468,21 @@ const an = ({ index: t, style: s }) => {
   ({
     columnFilterValue: t,
     onChange: s,
-    onInputKeyDown: u,
+    onInputKeyDown: m,
     propIsRequired: g,
     propName: p,
-    propSchema: d,
+    propSchema: h,
     translate: S
   }) => {
-    const { displayTimezone: C } = e.useContext(De), { type: W, format: $, minimum: E, maximum: R } = d || {}, T = t, k = $ === "date-time";
+    const { displayTimezone: C } = e.useContext(De), { type: W, format: $, minimum: E, maximum: R } = h || {}, T = t, k = $ === "date-time";
     let O, V;
     switch (W) {
       case "number":
       case "integer":
-        return O = T || {}, V = (c, a, o) => {
+        return O = T || {}, V = (c, i, o) => {
           const _ = {
             ...O,
-            [c]: a.value === "" ? void 0 : parseInt(a.value)
+            [c]: i.value === "" ? void 0 : parseInt(i.value)
           }, B = Object.values(_).find(
             (te) => isFinite(te)
           );
@@ -493,16 +493,16 @@ const an = ({ index: t, style: s }) => {
         }, /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
           g ? null : /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
             /* @__PURE__ */ F("label", { className: "d-flex", children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r(
                 "input",
                 {
                   type: "checkbox",
                   style: { marginRight: 14 },
                   checked: !!O.filterEmpty,
                   onChange: () => {
-                    const { filterEmpty: c, ...a } = O;
-                    c || (a.filterEmpty = !0), s(
-                      Object.keys(a).length ? a : void 0,
+                    const { filterEmpty: c, ...i } = O;
+                    c || (i.filterEmpty = !0), s(
+                      Object.keys(i).length ? i : void 0,
                       !0
                     );
                   }
@@ -510,19 +510,19 @@ const an = ({ index: t, style: s }) => {
               ),
               "Hide empty values"
             ] }),
-            /* @__PURE__ */ n("hr", {})
+            /* @__PURE__ */ r("hr", {})
           ] }),
           Object.keys(fe).map((c) => {
-            const a = O[c];
+            const i = O[c];
             return /* @__PURE__ */ F("li", { children: [
-              /* @__PURE__ */ n("label", { style: { width: 40, paddingLeft: 16 }, children: cn[c] }),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r("label", { style: { width: 40, paddingLeft: 16 }, children: cn[c] }),
+              /* @__PURE__ */ r(
                 "input",
                 {
                   className: "form-control",
                   style: { width: 120 },
                   type: "number",
-                  value: a !== void 0 ? a : "",
+                  value: i !== void 0 ? i : "",
                   "data-prop-name": p,
                   onChange: (o) => {
                     V(
@@ -538,7 +538,7 @@ const an = ({ index: t, style: s }) => {
                       !0
                     );
                   },
-                  onKeyDown: u,
+                  onKeyDown: m,
                   min: E,
                   max: R
                 }
@@ -553,7 +553,7 @@ const an = ({ index: t, style: s }) => {
         ];
         g || ee.push({ value: "?", label: "?" });
         let M = null;
-        return T === !0 ? M = { value: "✓", label: "✓" } : T === !1 ? M = { value: "✕", label: "✕" } : T === null && (M = { 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(
+        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(
           mt,
           {
             autoFocus: !0,
@@ -589,19 +589,19 @@ const an = ({ index: t, style: s }) => {
                   s(void 0, !0);
               }
             },
-            onKeyDown: u
+            onKeyDown: m
           }
         ) }) });
       // @ts-expect-error falls through
       case "string":
-        if (d?.enum) {
-          const c = d.enum.map((o) => ({
+        if (h?.enum) {
+          const c = h.enum.map((o) => ({
             value: o,
             label: S(o)
-          })), a = c.filter(
+          })), i = c.filter(
             (o) => (T || []).includes(o.value)
           );
-          return /* @__PURE__ */ n("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+          return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
             mt,
             {
               isMulti: !0,
@@ -609,7 +609,7 @@ const an = ({ index: t, style: s }) => {
               menuIsOpen: !0,
               className: "react-select-container",
               classNamePrefix: "react-select",
-              value: a,
+              value: i,
               options: c,
               styles: {
                 menu: (o) => ({
@@ -623,13 +623,13 @@ const an = ({ index: t, style: s }) => {
                 ) : [];
                 s(_.length ? _ : void 0, !0);
               },
-              onKeyDown: u,
+              onKeyDown: m,
               placeholder: S("Select...")
             }
           ) }) });
         }
         if (k || $ === "date") {
-          const c = k ? Ve : kt, a = t || {
+          const c = k ? Ve : kt, i = t || {
             from: void 0,
             to: void 0,
             filterEmpty: void 0
@@ -637,13 +637,13 @@ const an = ({ index: t, style: s }) => {
           return /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
             g ? null : /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ F("label", { className: "d-flex", children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ r(
                   "input",
                   {
                     type: "checkbox",
-                    checked: !!a.filterEmpty,
+                    checked: !!i.filterEmpty,
                     onChange: () => {
-                      const { filterEmpty: o, ..._ } = a;
+                      const { filterEmpty: o, ..._ } = i;
                       o || (_.filterEmpty = !0), s(
                         Object.keys(_).length ? _ : void 0,
                         !0
@@ -653,25 +653,25 @@ const an = ({ index: t, style: s }) => {
                 ),
                 "Hide empty values"
               ] }),
-              /* @__PURE__ */ n("hr", {})
+              /* @__PURE__ */ r("hr", {})
             ] }),
             /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ n("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
+              /* @__PURE__ */ r(
                 dt,
                 {
                   dateFormat: c,
                   "data-prop-name": p,
                   locale: ht,
-                  selected: a.from ? new Je(a.from).withTimeZone(
+                  selected: i.from ? new Je(i.from).withTimeZone(
                     C || xe
                   ) : null,
                   onChange: (o) => {
-                    if (!o && !a.to) {
+                    if (!o && !i.to) {
                       s(void 0, !0);
                       return;
                     }
-                    if (a.to && o && o > a.to)
+                    if (i.to && o && o > i.to)
                       return;
                     const _ = o ? Je.tz(C || xe, o) : void 0;
                     s(
@@ -695,8 +695,8 @@ const an = ({ index: t, style: s }) => {
               )
             ] }),
             /* @__PURE__ */ F("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ n("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
+              /* @__PURE__ */ r(
                 dt,
                 {
                   id: "filter-date",
@@ -704,18 +704,18 @@ const an = ({ index: t, style: s }) => {
                   "data-prop-name": p,
                   locale: ht,
                   selectsEnd: !0,
-                  selected: a.to ? new Je(a.to).withTimeZone(
+                  selected: i.to ? new Je(i.to).withTimeZone(
                     C || xe
                   ) : null,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
                   onChange: (o) => {
-                    if (!o && !a.from) {
+                    if (!o && !i.from) {
                       s(void 0, !0);
                       return;
                     }
                     const _ = o ? k ? Je.tz(C || xe, o) : Pt(o) : void 0;
-                    a.from && _ && _ < a.from || s(
+                    i.from && _ && _ < i.from || s(
                       {
                         ...t,
                         to: _
@@ -725,8 +725,8 @@ const an = ({ index: t, style: s }) => {
                   },
                   placeholderText: c,
                   isClearable: !0,
-                  startDate: a.from,
-                  endDate: a.to,
+                  startDate: i.from,
+                  endDate: i.to,
                   showTimeInput: k,
                   showTimeSelect: k,
                   timeIntervals: 15,
@@ -738,7 +738,7 @@ const an = ({ index: t, style: s }) => {
         }
       // falls through
       default:
-        return /* @__PURE__ */ n("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
           "input",
           {
             autoFocus: !0,
@@ -749,15 +749,15 @@ const an = ({ index: t, style: s }) => {
             value: Array.isArray(T) ? T.join(", ") : T || "",
             "data-prop-name": p,
             onChange: (c) => {
-              const a = c.currentTarget.value, o = a ? a.split(",").map((_) => _.trim()) : [];
+              const i = c.currentTarget.value, o = i ? i.split(",").map((_) => _.trim()) : [];
               s(
                 (o.length > 1 ? o : o[0]) || void 0,
                 !1
               );
             },
-            onKeyDown: u,
+            onKeyDown: m,
             onBlur: (c) => {
-              const a = c.currentTarget.value, o = a ? a.split(",").map((_) => _.trim()) : [];
+              const i = c.currentTarget.value, o = i ? i.split(",").map((_) => _.trim()) : [];
               s(
                 (o.length > 1 ? o : o[0]) || void 0,
                 !0
@@ -770,10 +770,10 @@ const an = ({ index: t, style: s }) => {
 ), dn = ({
   isSortable: t,
   isFilterable: s,
-  onChange: u,
+  onChange: m,
   onClose: g,
   onInputKeyDown: p,
-  propConfig: d,
+  propConfig: h,
   propIsRequired: S,
   propName: C,
   propSchema: W,
@@ -793,7 +793,7 @@ const an = ({ index: t, style: s }) => {
     middleware: [bt()]
   });
   e.useEffect(() => {
-    const a = (o) => {
+    const i = (o) => {
       if (!k.elements.floating)
         return;
       let _ = o.target;
@@ -804,29 +804,29 @@ const an = ({ index: t, style: s }) => {
       }
       g(o);
     };
-    return window.addEventListener("click", a, { capture: !0 }), () => {
-      window.removeEventListener("click", a, { capture: !0 });
+    return window.addEventListener("click", i, { capture: !0 }), () => {
+      window.removeEventListener("click", i, { capture: !0 });
     };
   }, [
     k.elements.floating,
     g,
     O.elements.floating
   ]);
-  const V = d?.FilterMenu || un, ee = e.useCallback(
-    (a) => {
-      E(C, !0), g(a);
+  const V = h?.FilterMenu || un, ee = e.useCallback(
+    (i) => {
+      E(C, !0), g(i);
     },
     [g, C, E]
   ), M = e.useCallback(
-    (a) => {
-      E(C, !1), g(a);
+    (i) => {
+      E(C, !1), g(i);
     },
     [g, C, E]
   ), c = e.useCallback(() => {
-    u(void 0, !0);
-  }, [u]);
+    m(void 0, !0);
+  }, [m]);
   return !t && !s ? null : /* @__PURE__ */ F(Ft, { children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ r(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu",
@@ -834,12 +834,12 @@ const an = ({ index: t, style: s }) => {
         style: k.floatingStyles,
         children: /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu", children: [
           t ? /* @__PURE__ */ F("li", { onClick: ee, style: { padding: 8 }, children: [
-            /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
+            /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
             R("sortAscending")
           ] }) : null,
           t ? /* @__PURE__ */ F("li", { onClick: M, style: { padding: 8 }, children: [
-            /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
+            /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
             R("sortDescending")
           ] }) : null,
@@ -847,11 +847,11 @@ const an = ({ index: t, style: s }) => {
             "li",
             {
               style: { padding: 8 },
-              onMouseOver: (a) => {
-                O.refs.setReference(a.currentTarget);
+              onMouseOver: (i) => {
+                O.refs.setReference(i.currentTarget);
               },
               children: [
-                /* @__PURE__ */ n("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ n(
+                /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ r(
                   "input",
                   {
                     type: "checkbox",
@@ -861,25 +861,25 @@ const an = ({ index: t, style: s }) => {
                     onChange: c
                   }
                 ) }),
-                /* @__PURE__ */ n("label", { htmlFor: "mig-schema-table__th-menu__filters", children: R("filters") }),
-                /* @__PURE__ */ n("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
+                /* @__PURE__ */ r("label", { htmlFor: "mig-schema-table__th-menu__filters", children: R("filters") }),
+                /* @__PURE__ */ r("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
               ]
             }
           ) : null
         ] })
       }
     ),
-    O.elements.reference ? /* @__PURE__ */ n(
+    O.elements.reference ? /* @__PURE__ */ r(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
         ref: O.refs.setFloating,
         style: O.floatingStyles,
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ r(
           V,
           {
             columnFilterValue: T,
-            onChange: u,
+            onChange: m,
             onInputKeyDown: p,
             propIsRequired: S,
             propName: C,
@@ -893,10 +893,10 @@ const an = ({ index: t, style: s }) => {
 }, mn = e.memo(dn), hn = ({
   columnWidths: t,
   resizeColumnIndex: s,
-  setResizeColumnIndex: u,
+  setResizeColumnIndex: m,
   tableBodyHeight: g
 }) => {
-  const [p, d] = e.useState(0), S = Tt(), C = e.useCallback(
+  const [p, h] = e.useState(0), S = Tt(), C = e.useCallback(
     (R) => {
       const T = t.map(
         (k, O) => O === s ? Math.max(k + R, xt) : k
@@ -908,19 +908,19 @@ const an = ({ index: t, style: s }) => {
   let W = 0;
   const $ = e.useCallback(
     (R) => {
-      u(parseInt(R.currentTarget.dataset.columnIndex)), d(R.clientX);
+      m(parseInt(R.currentTarget.dataset.columnIndex)), h(R.clientX);
     },
-    [u]
+    [m]
   ), E = e.useCallback(
     (R) => {
-      C(R.clientX - p), d(0), u(-1);
+      C(R.clientX - p), h(0), m(-1);
     },
-    [p, C, u]
+    [p, C, m]
   );
-  return /* @__PURE__ */ n("div", { children: [...t].map((R, T) => {
+  return /* @__PURE__ */ r("div", { children: [...t].map((R, T) => {
     W += R;
     const k = ["mig-schema-table__column_resizer"];
-    return T === s && k.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ n(
+    return T === s && k.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ r(
       "div",
       {
         style: { left: W - nn, bottom: g },
@@ -934,15 +934,15 @@ const an = ({ index: t, style: s }) => {
     );
   }) });
 }, yt = (t) => {
-  const [s, u] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
-    () => Gt(u, 100),
+  const [s, m] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
+    () => Xt(m, 100),
     []
   );
   return e.useEffect(() => {
     if (!t)
       return;
-    const p = new ResizeObserver((d) => {
-      for (const S of d) {
+    const p = new ResizeObserver((h) => {
+      for (const S of h) {
         const { blockSize: C, inlineSize: W } = S.borderBoxSize[0];
         g(
           ($) => W && C && ($.width !== W || $.height !== C) ? { width: W, height: C } : $
@@ -958,29 +958,29 @@ const an = ({ index: t, style: s }) => {
     t(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 = () => {
+  const m = document.createElement("script");
+  m.src = "https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.4.0/exceljs.bare.min.js", m.onload = () => {
     t(window.ExcelJS);
-  }, u.onerror = () => {
+  }, m.onerror = () => {
     s(new Error("Failed to load ExcelJS library"));
-  }, document.head.appendChild(u);
+  }, document.head.appendChild(m);
 }), bn = async (t) => {
-  const { Workbook: s } = await fn(), u = new s(), g = u.addWorksheet("Data");
+  const { Workbook: s } = await fn(), m = new s(), g = m.addWorksheet("Data");
   t.length && (g.addRow(
-    Xt(Object.keys(t[0]), [
+    Gt(Object.keys(t[0]), [
       "_index",
       "SELECT_ALL_COLUMN_NAME"
     ])
   ), g.getRow(1).font = { bold: !0 }, g.addRows(
     t.map((p) => {
-      const { _index: d, SELECT_ALL_COLUMN_NAME: S, ...C } = p;
+      const { _index: h, SELECT_ALL_COLUMN_NAME: S, ...C } = p;
       return Object.values(C);
     })
-  ), u.xlsx.writeBuffer().then((p) => {
-    const d = new Blob([p], {
+  ), m.xlsx.writeBuffer().then((p) => {
+    const h = new Blob([p], {
       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
     });
-    en(d, "export.xlsx");
+    en(h, "export.xlsx");
   }).catch((p) => {
     console.error("Error generating Excel file:", p);
   }));
@@ -989,21 +989,21 @@ const an = ({ index: t, style: s }) => {
   currency: "EUR"
 });
 function _n(t, s) {
-  const { TdBody: u, sortByValue: g } = s || {};
+  const { TdBody: m, sortByValue: g } = s || {};
   if (g !== void 0)
     return g;
   if (!t)
     return !1;
-  const { format: p, type: d } = t;
-  return p?.startsWith("date") || d === "boolean" || d === "integer" || d === "number" || !!u;
+  const { format: p, type: h } = t;
+  return p?.startsWith("date") || h === "boolean" || h === "integer" || h === "number" || !!m;
 }
 const Cn = ({
   CustomElement: t,
   CustomSearchInput: s,
-  Heading: u = zt,
+  Heading: m = zt,
   autoRender: g,
   checkedIndexes: p,
-  config: d,
+  config: h,
   customElementProps: S,
   data: C,
   defaultColumnFilters: W,
@@ -1017,32 +1017,32 @@ const Cn = ({
   getRowSelected: ee,
   getSearchQueryFilterResult: M,
   infiniteLoaderRef: c,
-  isColumnFilterable: a = !0,
+  isColumnFilterable: i = !0,
   isExportable: o = !0,
   isResizable: _ = !0,
   isSearchable: B = !0,
   isSortable: te = !0,
-  itemCount: le,
+  itemCount: ce,
   loadMoreItems: ne,
   maxHeight: y,
   onRowClick: N,
-  onRowDoubleClick: se,
+  onRowDoubleClick: oe,
   onSearchEnter: q,
   onTableDataStateChange: re,
   rowHeight: Q = 36,
-  schema: P,
+  schema: J,
   searchPlaceholder: ge,
   setCheckedIndexes: Z,
   settingsStorageKey: x,
   style: I,
   translate: D = gt,
   useFilterStateHash: A,
-  variableSizeGridRef: ce,
+  variableSizeGridRef: se,
   width: me
 }, Te) => {
-  const [H, Re] = e.useState(), [Me, We] = e.useState(), [Ze, Ae] = e.useState(-1), [qe, Ee] = e.useState(-1), [w, oe] = e.useState(), [pe, _e] = e.useState(), G = C instanceof Function, [v, Le] = e.useState(
-    G ? void 0 : C
-  ), [Ce, Ge] = e.useState(), [i, we] = e.useState({
+  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(
+    X ? void 0 : C
+  ), [Ce, Xe] = e.useState(), [l, we] = e.useState({
     searchQuery: "",
     columnFilterMap: W || {},
     sortColumn: E,
@@ -1051,33 +1051,33 @@ const Cn = ({
     A ? ut(window.location.hash) : null
   );
   e.useEffect(() => {
-    G || Le(C);
-  }, [C, G]), e.useEffect(() => {
-    !G || v !== void 0 || C(
+    X || Le(C);
+  }, [C, X]), e.useEffect(() => {
+    !X || v !== void 0 || C(
       z && Object.keys(z).length !== 0 ? {
         ...z,
         columnFilterMap: z.columnFilterMap || {}
-      } : i
+      } : l
     ).then(Le);
-  }, [C, G, z, v, i]), e.useEffect(() => {
-    Ce || Ge(i);
-  }, [i, Ce]), e.useEffect(() => {
+  }, [C, X, z, v, l]), e.useEffect(() => {
+    Ce || Xe(l);
+  }, [l, Ce]), e.useEffect(() => {
     if (!A)
       return;
-    const r = () => {
+    const n = () => {
       Mt(ut(window.location.hash));
     };
-    return window.addEventListener("hashchange", r), () => {
-      window.removeEventListener("hashchange", r);
+    return window.addEventListener("hashchange", n), () => {
+      window.removeEventListener("hashchange", n);
     };
   }, [A]), e.useEffect(() => {
     if (!A)
       return;
-    const { columnFilterMap: r, searchQuery: m, sortAsc: h, sortColumn: l } = z || {}, f = {
-      searchQuery: m || "",
-      columnFilterMap: r || W || {},
-      sortAsc: h === void 0 ? $ : h,
-      sortColumn: l === void 0 ? E : l
+    const { columnFilterMap: n, searchQuery: u, sortAsc: d, sortColumn: a } = z || {}, f = {
+      searchQuery: u || "",
+      columnFilterMap: n || W || {},
+      sortAsc: d === void 0 ? $ : d,
+      sortColumn: a === void 0 ? E : a
     };
     we(
       (L) => tt(f, L) ? L : f
@@ -1089,159 +1089,159 @@ const Cn = ({
     $,
     E
   ]), e.useEffect(() => {
-    re && re(i);
-  }, [re, i]);
+    re && re(l);
+  }, [re, l]);
   const rt = e.useRef(null), st = e.useRef(null), je = yt(rt.current), ot = yt(
     st.current
   ), Ne = e.useMemo(
     () => me || Math.floor(je.width || 0),
     [je.width, me]
-  ), Ie = e.useMemo(() => !tt(i, Ce) && G, [i, Ce, G]), { properties: ae, required: At } = e.useMemo(
+  ), Ie = e.useMemo(() => !tt(l, Ce) && X, [l, Ce, X]), { properties: ie, required: At } = e.useMemo(
     () => ({
       properties: {},
       required: [],
-      ...P
+      ...J
     }),
-    [P]
+    [J]
   ), Fe = x ? localStorage.getItem(`${x}.columnNames`) : null, Be = x ? localStorage.getItem(`${x}.columnWidths`) : null, Y = e.useMemo(() => {
     if (H)
       return H;
-    const r = Fe ? JSON.parse(Fe) : void 0;
-    let m = Object.keys(ae);
-    if (Z && m.unshift(K), d) {
-      Object.keys(d).forEach((l) => {
-        m.includes(l) || m.push(l);
+    const n = Fe ? JSON.parse(Fe) : void 0;
+    let u = Object.keys(ie);
+    if (Z && u.unshift(K), h) {
+      Object.keys(h).forEach((a) => {
+        u.includes(a) || u.push(a);
       });
-      const h = Object.entries(d).reduce(
-        (l, [f, L]) => (L.hidden && l.push(f), l),
+      const d = Object.entries(h).reduce(
+        (a, [f, L]) => (L.hidden && a.push(f), a),
         []
       );
-      m = m.filter((l) => !h.includes(l)).sort((l, f) => {
-        let L = d[l] ? d[l].order : void 0;
-        L === void 0 && (L = Object.keys(ae).findIndex(
-          (X) => X === l
+      u = u.filter((a) => !d.includes(a)).sort((a, f) => {
+        let L = h[a] ? h[a].order : void 0;
+        L === void 0 && (L = Object.keys(ie).findIndex(
+          (G) => G === a
         ));
-        let b = d[f] ? d[f].order : void 0;
-        return b === void 0 && (b = Object.keys(ae).findIndex(
-          (X) => X === f
-        )), f === K || l === K ? 0 : L === -1 ? 1 : b === -1 ? -1 : L - b;
+        let b = h[f] ? h[f].order : void 0;
+        return b === void 0 && (b = Object.keys(ie).findIndex(
+          (G) => G === f
+        )), f === K || a === K ? 0 : L === -1 ? 1 : b === -1 ? -1 : L - b;
       });
     }
-    return r?.length === m.length ? r : m;
+    return n?.length === u.length ? n : u;
   }, [
-    d,
+    h,
     H,
     Z,
-    ae,
+    ie,
     Fe
   ]), Qe = e.useMemo(
     () => v && Y ? v.map(
-      (r, m) => Y.reduce(
-        (h, l) => {
-          const f = ae[l], L = d ? d[l] : void 0;
+      (n, u) => Y.reduce(
+        (d, a) => {
+          const f = ie[a], L = h ? h[a] : void 0;
           if (L?.renderData)
-            return h[l] = L.renderData(r, m), h;
-          if (!f || l === K)
-            return h[l] = "", h;
-          const b = r ? r[l] : "";
+            return d[a] = L.renderData(n, u), d;
+          if (!f || a === K)
+            return d[a] = "", d;
+          const b = n ? n[a] : "";
           switch (f.type) {
             case "array":
-              return h[l] = f.items?.type === "string" && b ? b.map((X) => D(X)).join(", ") : JSON.stringify(b), h;
+              return d[a] = f.items?.type === "string" && b ? b.map((G) => D(G)).join(", ") : JSON.stringify(b), d;
             case "boolean":
-              return h[l] = b === void 0 ? "?" : b ? "✓" : "✕", h;
+              return d[a] = b === void 0 ? "?" : b ? "✓" : "✕", d;
             case "number":
             case "integer":
-              return b === void 0 ? (h[l] = "", h) : (h[l] = f.format === "currency" ? pn.format(b) : gn.format(b), h);
+              return b === void 0 ? (d[a] = "", d) : (d[a] = f.format === "currency" ? pn.format(b) : gn.format(b), d);
             // @ts-expect-error investigate
             case "string":
               if (f.format === "date" && b)
-                return h[l] = ["2999-12-31", "1970-01-01"].includes(
+                return d[a] = ["2999-12-31", "1970-01-01"].includes(
                   b
                 ) ? "-" : nt(
                   new Date(b),
                   L?.dateFormat || kt
-                ), h;
+                ), d;
               if (f.format === "date-time" && b)
-                return h[l] = T ? vt(
+                return d[a] = T ? vt(
                   new Date(b),
                   T,
                   Ve
                 ) : nt(
                   new Date(b),
                   L?.dateFormat || Ve
-                ), h;
+                ), d;
               if (f.enum)
-                return h[l] = b ? D(b) : "", h;
+                return d[a] = b ? D(b) : "", d;
             // fallthrough
             default:
-              return h[l] = b ? `${b}` : "", h;
+              return d[a] = b ? `${b}` : "", d;
           }
         },
-        { _index: m }
+        { _index: u }
       )
     ) : void 0,
-    [v, Y, ae, d, D, T]
-  ), ve = Y ? Y.length : 0, { dynamicWidthColumnCount: Xe, fixedWidthColumnsWidth: He } = e.useMemo(() => {
-    let r = 0, m = 0;
-    return (Y || []).forEach((h) => {
-      if (h === K) {
-        r += pt;
+    [v, Y, ie, h, D, T]
+  ), ve = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: He } = e.useMemo(() => {
+    let n = 0, u = 0;
+    return (Y || []).forEach((d) => {
+      if (d === K) {
+        n += pt;
         return;
       }
-      const l = d ? d[h] : void 0;
-      l?.width ? r += l.width : m += 1;
-    }, 0), { dynamicWidthColumnCount: m, fixedWidthColumnsWidth: r };
-  }, [Y, d]), ie = e.useMemo(() => {
+      const a = h ? h[d] : void 0;
+      a?.width ? n += a.width : u += 1;
+    }, 0), { dynamicWidthColumnCount: u, fixedWidthColumnsWidth: n };
+  }, [Y, h]), le = e.useMemo(() => {
     if (Me)
       return new Uint16Array(Me);
-    const r = Be ? new Uint16Array(JSON.parse(Be)) : void 0, m = Math.max(
+    const n = Be ? new Uint16Array(JSON.parse(Be)) : void 0, u = Math.max(
       Math.floor(
-        (Ne - He) / Xe
+        (Ne - He) / Ge
       ),
       xt
     );
-    let h = (Ne - He) % Xe;
-    const l = new Uint16Array(
+    let d = (Ne - He) % Ge;
+    const a = new Uint16Array(
       Y.map((f) => {
         if (f === K)
           return pt;
-        const L = d ? d[f] : void 0;
-        return L?.width ? L?.width : h ? (h -= 1, m + 1) : m;
+        const L = h ? h[f] : void 0;
+        return L?.width ? L?.width : d ? (d -= 1, u + 1) : u;
       })
     );
-    return r?.length === l.length ? r : l;
+    return n?.length === a.length ? n : a;
   }, [
     Y,
-    d,
+    h,
     Me,
-    Xe,
+    Ge,
     He,
     Be,
     Ne
   ]), ze = e.useCallback(
-    (r) => ie ? ie[r] : 1,
-    [ie]
+    (n) => le ? le[n] : 1,
+    [le]
   ), Se = e.useMemo(() => {
-    if (!Qe || !a && !B || G)
+    if (!Qe || !i && !B || X)
       return Qe;
-    const { searchQuery: r } = i, m = r.toLowerCase() || "", h = (l) => v && M ? M(v[l._index], r) : !(Y && !Y.find(
-      (f) => `${l[f]}`.toLowerCase().includes(m)
+    const { searchQuery: n } = l, u = n.toLowerCase() || "", d = (a) => v && M ? M(v[a._index], n) : !(Y && !Y.find(
+      (f) => `${a[f]}`.toLowerCase().includes(u)
     ));
-    return Qe.filter((l) => {
-      let f = h(l);
-      return !f || !i.columnFilterMap ? !1 : (Object.entries(i.columnFilterMap).forEach(
+    return Qe.filter((a) => {
+      let f = d(a);
+      return !f || !l.columnFilterMap ? !1 : (Object.entries(l.columnFilterMap).forEach(
         ([L, b]) => {
           if (!f || b === void 0)
             return;
-          const X = d ? d[L] : void 0;
-          if (v && X?.filter) {
-            f = X.filter(
-              v[l._index],
+          const G = h ? h[L] : void 0;
+          if (v && G?.filter) {
+            f = G.filter(
+              v[a._index],
               b
             );
             return;
           }
-          const de = ae[L], j = v[l._index]?.[L];
+          const de = ie[L], j = v[a._index]?.[L];
           switch (de?.type) {
             case "boolean":
             case "number":
@@ -1290,112 +1290,116 @@ const Cn = ({
                 return;
               }
               if (Array.isArray(b)) {
-                const U = `${l[L]}`.toLowerCase();
+                const U = `${a[L]}`.toLowerCase();
                 f = b.some(
                   (he) => U.includes(`${he}`.toLowerCase())
                 );
               } else
-                f = `${l[L]}`.toLowerCase().includes(`${b}`.toLowerCase());
+                f = `${a[L]}`.toLowerCase().includes(`${b}`.toLowerCase());
           }
         }
       ), f);
     });
   }, [
     Qe,
-    a,
-    B,
-    G,
     i,
+    B,
+    X,
+    l,
     M,
     Y,
-    d,
+    h,
     v,
-    ae
-  ]), J = e.useMemo(() => {
-    const { sortAsc: r, sortColumn: m } = i;
-    if (!m || !Se || !v || G)
+    ie
+  ]), P = e.useMemo(() => {
+    const { sortAsc: n, sortColumn: u } = l;
+    if (!u || !Se || !v || X)
       return Se;
-    const h = ae[m], l = d ? d[m] : void 0, f = l?.sort;
+    const d = ie[u], a = h ? h[u] : void 0, f = a?.sort;
     if (f)
-      return Se.sort((X, de) => {
-        const j = v[X._index], U = v[de._index];
+      return Se.sort((G, de) => {
+        const j = v[G._index], U = v[de._index];
         return j ? U ? f(
           j,
           U,
-          r === void 0 ? $ : r
+          n === void 0 ? $ : n
         ) : -1 : 1;
       });
-    const L = h && h.format?.startsWith("date"), b = _n(h, l);
-    return Se.sort((X, de) => {
-      let j = b && v[X._index] ? v[X._index][m] : `${X[m]}`.toLowerCase(), U = b && v[de._index] ? v[de._index][m] : `${de[m]}`.toLowerCase();
-      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) * (r ? -1 : 1) : r ? 1 : -1 : r ? -1 : 1;
+    const L = d && d.format?.startsWith("date"), b = _n(d, a);
+    return Se.sort((G, de) => {
+      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();
+      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;
     });
   }, [
-    d,
+    h,
     $,
     Se,
-    G,
-    ae,
+    X,
+    ie,
     v,
-    i
+    l
   ]);
   e.useImperativeHandle(
     Te,
     () => ({
-      getFilteredSortedData: () => J
+      getFilteredSortedData: () => P,
+      scrollToIndex: (n) => {
+        const u = se?.current, d = P?.findIndex((a) => a._index === n) || -1;
+        u && d >= 0 && u.scrollToItem({ rowIndex: d });
+      }
     }),
-    [J]
+    [P, se]
   );
   const at = e.useCallback(
-    (r) => {
-      const m = { ...i.columnFilterMap };
-      delete m[r], we({
-        ...i,
-        columnFilterMap: m
+    (n) => {
+      const u = { ...l.columnFilterMap };
+      delete u[n], we({
+        ...l,
+        columnFilterMap: u
       });
     },
-    [i]
+    [l]
   ), Ye = e.useCallback(
-    (r, m) => {
+    (n, u) => {
       if (A) {
         window.location.hash = Pe({
           ...z,
-          sortColumn: r,
-          sortAsc: m
+          sortColumn: n,
+          sortAsc: u
         });
         return;
       }
-      we({ ...i, sortColumn: r, sortAsc: m });
+      we({ ...l, sortColumn: n, sortAsc: u });
     },
-    [i, z, A]
+    [l, z, A]
   ), Et = e.useCallback(
-    (r) => {
+    (n) => {
       we({
-        ...i,
-        searchQuery: r.currentTarget.value
+        ...l,
+        searchQuery: n.currentTarget.value
       });
     },
-    [i]
+    [l]
   ), ke = e.useCallback(() => {
-    Ge(i), Le(void 0);
-  }, [i]);
+    Xe(l), Le(void 0);
+  }, [l]);
   e.useEffect(() => {
     if (!g || !z || !Ce || !A)
       return;
-    const r = Object.keys(z);
-    let m = !1;
-    for (const h of r) {
-      const l = z[h], f = Ce[h];
-      if (typeof l == "string" && l !== f) {
-        m = !0;
+    const n = Object.keys(z);
+    let u = !1;
+    for (const d of n) {
+      const a = z[d], f = Ce[d];
+      if (typeof a == "string" && a !== f) {
+        u = !0;
         break;
       }
-      if (typeof l == "object" && !tt(l, f)) {
-        m = !0;
+      if (typeof a == "object" && !tt(a, f)) {
+        u = !0;
         break;
       }
     }
-    m && ke();
+    u && ke();
   }, [
     g,
     z,
@@ -1404,26 +1408,26 @@ const Cn = ({
     A
   ]);
   const it = e.useCallback(
-    (r) => {
-      r.key === "Enter" && (oe(void 0), Ie && !A && ke(), q && r.currentTarget.className === "mig-schema-table__search" && q(i.searchQuery || ""));
+    (n) => {
+      n.key === "Enter" && (ae(void 0), Ie && !A && ke(), q && n.currentTarget.className === "mig-schema-table__search" && q(l.searchQuery || ""));
     },
     [
       Ie,
-      i.searchQuery,
+      l.searchQuery,
       q,
       ke,
       A
     ]
-  ), Ke = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(ie), [ie]), $e = e.useMemo(
-    () => J ? J.length : 0,
-    [J]
+  ), Ke = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(le), [le]), $e = e.useMemo(
+    () => P ? P.length : 0,
+    [P]
   ), be = e.useMemo(() => {
-    const r = Q * $e;
-    let m;
-    if (y && (m = y === "100%" ? je.height : y, !m))
+    const n = Q * $e;
+    let u;
+    if (y && (u = y === "100%" ? je.height : y, !u))
       return 0;
-    const h = m ? m - ot.height - _t : 0;
-    return h && h < r ? h : r;
+    const d = u ? u - ot.height - _t : 0;
+    return d && d < n ? d : n;
   }, [
     Q,
     $e,
@@ -1431,76 +1435,76 @@ const Cn = ({
     ot,
     je.height
   ]), Lt = e.useCallback(
-    (r) => {
-      oe(void 0), r.preventDefault(), r.stopPropagation();
+    (n) => {
+      ae(void 0), n.preventDefault(), n.stopPropagation();
     },
     []
   ), Nt = e.useCallback(
-    (r, m) => {
+    (n, u) => {
       if (!w)
         return;
-      if (A && m !== !1) {
+      if (A && u !== !1) {
         window.location.hash = Pe({
           ...z,
           columnFilterMap: {
-            ...i.columnFilterMap,
-            [w.propName]: r
+            ...l.columnFilterMap,
+            [w.propName]: n
           }
         });
         return;
       }
-      if (r === void 0) {
+      if (n === void 0) {
         at(w.propName);
         return;
       }
-      const h = {
-        ...i.columnFilterMap,
-        [w.propName]: r
+      const d = {
+        ...l.columnFilterMap,
+        [w.propName]: n
       };
       we({
-        ...i,
-        columnFilterMap: h
+        ...l,
+        columnFilterMap: d
       });
     },
     [
       at,
-      i,
+      l,
       z,
       w,
       A
     ]
   ), It = e.useCallback(() => {
-    const r = {
+    const n = {
       searchQuery: "",
       columnFilterMap: {},
       // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
       sortColumn: E,
       sortAsc: $
     };
-    A && (window.location.hash = Pe(r)), Ge(r), we(r);
+    A && (window.location.hash = Pe(n)), Xe(n), we(n);
   }, [A, $, E]), St = e.useCallback(() => {
-    const r = z?.searchQuery || "";
+    const n = z?.searchQuery || "";
     A && // prevent hash change for undefined vs empty string compare
-    (i.searchQuery || r) && i.searchQuery !== r && (window.location.hash = Pe({
+    (l.searchQuery || n) && l.searchQuery !== n && (window.location.hash = Pe({
       ...z,
-      searchQuery: i.searchQuery
+      searchQuery: l.searchQuery
     }));
-  }, [z, i.searchQuery, A]), $t = e.useCallback(
-    async (r) => {
-      r.preventDefault(), r.stopPropagation(), J && await bn(J);
+  }, [z, l.searchQuery, A]), $t = e.useCallback(
+    async (n) => {
+      n.preventDefault(), n.stopPropagation(), P && await bn(P);
     },
-    [J]
+    [P]
   ), Ot = e.useCallback(() => {
     x && (localStorage.removeItem(`${x}.columnNames`), localStorage.removeItem(`${x}.columnWidths`), Re(void 0), We(void 0));
   }, [x]), et = e.useCallback(
-    (r) => {
-      if (!J || !v || !ne || !le)
+    (n) => {
+      if (!P || !v || !ne || !ce)
         return !0;
-      const m = J[r];
-      return m && v[m._index] !== void 0;
+      const u = P[n];
+      return u && v[u._index] !== void 0;
     },
-    [le, ne, J, v]
-  ), Rt = e.useMemo(() => be ? !(v && !Ie) && !ne ? /* @__PURE__ */ n(
+    [ce, ne, P, v]
+  ), Rt = e.useMemo(() => be ? !(v && !Ie) && !ne ? /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -1513,16 +1517,16 @@ const Cn = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      children: Ie ? /* @__PURE__ */ n("button", { onClick: ke, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ n("div", { children: "⌛ Loading..." })
+      children: Ie ? /* @__PURE__ */ r("button", { onClick: ke, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ r("div", { children: "⌛ Loading..." })
     }
-  ) : ne && le ? /* @__PURE__ */ n(
+  ) : ne && ce ? /* @__PURE__ */ r(
     Kt,
     {
       ref: c,
       isItemLoaded: et,
-      itemCount: le,
+      itemCount: ce,
       loadMoreItems: ne,
-      children: ({ onItemsRendered: m, ref: h }) => /* @__PURE__ */ n(
+      children: ({ onItemsRendered: u, ref: d }) => /* @__PURE__ */ r(
         ct,
         {
           className: "mig-schema-table__tbody",
@@ -1533,26 +1537,26 @@ const Cn = ({
           rowHeight: Ke,
           columnCount: ve,
           rowCount: $e,
-          ref: h,
+          ref: d,
           onItemsRendered: ({
-            overscanRowStartIndex: l,
+            overscanRowStartIndex: a,
             overscanRowStopIndex: f,
             visibleRowStartIndex: L,
             visibleRowStopIndex: b
-          }) => m({
-            overscanStartIndex: l,
+          }) => u({
+            overscanStartIndex: a,
             overscanStopIndex: f,
             visibleStartIndex: L,
             visibleStopIndex: b
           }),
           children: Ct
         },
-        `tbody_${be}_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${ve}_${ie.join(
+        `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
           " "
         )}`
       )
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ r(
     ct,
     {
       className: "mig-schema-table__tbody",
@@ -1563,32 +1567,32 @@ const Cn = ({
       rowHeight: Ke,
       columnCount: ve,
       rowCount: $e,
-      ref: ce,
+      ref: se,
       children: Ct
     },
-    `tbody_${be}_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${ve}_${ie.join(
+    `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
       " "
     )}`
   ) : null, [
     ve,
-    ie,
+    le,
     ze,
     Ke,
     c,
     Ie,
     et,
-    le,
+    ce,
     ne,
     ke,
     $e,
     Q,
     ue,
-    i.searchQuery,
-    i.sortAsc,
-    i.sortColumn,
+    l.searchQuery,
+    l.sortAsc,
+    l.sortColumn,
     v,
     be,
-    ce
+    se
   ]), Wt = e.useMemo(
     () => ({
       ...I,
@@ -1598,26 +1602,26 @@ const Cn = ({
     }),
     [y, ue, I, Ne, me]
   ), jt = s || "input";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     De.Provider,
     {
       value: {
         checkedIndexes: p,
         columnNames: Y,
-        columnWidths: ie,
-        config: d,
+        columnWidths: le,
+        config: h,
         disabledCheckedIndexes: R,
         displayTimezone: T,
         dropTargetIndex: qe,
         getRowClassName: V,
         getRowSelected: ee,
-        isColumnFilterable: a,
+        isColumnFilterable: i,
         isItemLoaded: et,
         isSortable: te,
         lastCheckChangedRowIndex: pe,
         onRowClick: N,
-        onRowDoubleClick: se,
-        properties: ae,
+        onRowDoubleClick: oe,
+        properties: ie,
         required: At,
         setCheckedIndexes: Z,
         setCustomColumnNames: Re,
@@ -1625,11 +1629,11 @@ const Cn = ({
         setDropTargetIndex: Ee,
         setFilterSortColumn: Ye,
         setLastCheckChangedRowIndex: _e,
-        setMenuConfig: oe,
+        setMenuConfig: ae,
         settingsStorageKey: x,
-        sortedRenderData: J,
+        sortedRenderData: P,
         sourceData: v,
-        tableDataState: i,
+        tableDataState: l,
         translate: D || gt
       },
       children: /* @__PURE__ */ F(
@@ -1646,7 +1650,7 @@ const Cn = ({
                 className: "mig-schema-table__action-container",
                 ref: st,
                 children: [
-                  /* @__PURE__ */ n("div", { children: B ? /* @__PURE__ */ n(
+                  /* @__PURE__ */ r("div", { children: B ? /* @__PURE__ */ r(
                     jt,
                     {
                       className: "mig-schema-table__search",
@@ -1654,44 +1658,44 @@ const Cn = ({
                       name: "search",
                       autoComplete: "off",
                       placeholder: ge || D("search..."),
-                      value: i.searchQuery,
+                      value: l.searchQuery,
                       onChange: Et,
                       onKeyDown: it,
                       autoFocus: k,
                       onBlur: St
                     }
                   ) : null }),
-                  t ? /* @__PURE__ */ n(
+                  t ? /* @__PURE__ */ r(
                     t,
                     {
                       ...S,
-                      renderData: J
+                      renderData: P
                     }
-                  ) : /* @__PURE__ */ n("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  O && Array.isArray(C) ? /* @__PURE__ */ n("span", { className: "mig-schema-table__row_counter", children: D(
+                  ) : /* @__PURE__ */ r("div", { className: "mig-schema-table__custom_element_placeholder" }),
+                  O && Array.isArray(C) ? /* @__PURE__ */ r("span", { className: "mig-schema-table__row_counter", children: D(
                     "showingFilteredCountOfTotalCount",
-                    J?.length || 0,
+                    P?.length || 0,
                     C.length
                   ) }) : null,
-                  o ? /* @__PURE__ */ n(
+                  o ? /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: $t,
                       style: { marginLeft: 8 },
-                      disabled: !J?.length,
+                      disabled: !P?.length,
                       children: D("exportData")
                     }
                   ) : null,
-                  B || a ? /* @__PURE__ */ n(
+                  B || i ? /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: It,
                       style: { marginLeft: 8 },
-                      disabled: i.columnFilterMap && i.searchQuery ? Object.keys(i.columnFilterMap).length + i.searchQuery.length === 0 : !1,
+                      disabled: l.columnFilterMap && l.searchQuery ? Object.keys(l.columnFilterMap).length + l.searchQuery.length === 0 : !1,
                       children: D("clearFilters")
                     }
                   ) : null,
-                  x ? /* @__PURE__ */ n(
+                  x ? /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: Ot,
@@ -1704,45 +1708,45 @@ const Cn = ({
               }
             ),
             /* @__PURE__ */ F("div", { className: "mig-schema-table__column_resize_container", children: [
-              /* @__PURE__ */ n(
-                u,
+              /* @__PURE__ */ r(
+                m,
                 {
                   height: _t,
                   itemCount: ve,
                   itemSize: ze,
                   layout: "horizontal",
                   width: ue,
-                  sortAsc: i.sortAsc,
+                  sortAsc: l.sortAsc,
                   setFilterSortColumn: Ye,
-                  sortColumn: i.sortColumn,
-                  sortedRenderData: J,
+                  sortColumn: l.sortColumn,
+                  sortedRenderData: P,
                   className: "mig-schema-table__th-row",
                   children: ln
                 },
-                `thead_${ue}_${i.sortColumn}_${i.sortAsc}_${i.searchQuery}_${ie.join(
+                `thead_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${le.join(
                   " "
                 )}`
               ),
               Rt,
-              _ ? /* @__PURE__ */ n(
+              _ ? /* @__PURE__ */ r(
                 hn,
                 {
-                  columnWidths: ie,
+                  columnWidths: le,
                   resizeColumnIndex: Ze,
                   setResizeColumnIndex: Ae,
                   tableBodyHeight: be
                 }
               ) : null
             ] }),
-            v && v.length === 0 ? /* @__PURE__ */ n("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
+            v && v.length === 0 ? /* @__PURE__ */ r("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
             w ? Qt(
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r(
                 mn,
                 {
-                  isFilterable: a && w.propConfig?.isFilterable !== !1,
+                  isFilterable: i && w.propConfig?.isFilterable !== !1,
                   isSortable: Dt(
                     te,
-                    P.properties[w.propName],
+                    J.properties[w.propName],
                     w.propConfig
                   ),
                   onChange: Nt,
@@ -1751,11 +1755,11 @@ const Cn = ({
                   propConfig: w.propConfig,
                   propIsRequired: w.propIsRequired,
                   propName: w.propName,
-                  propSchema: P.properties[w.propName],
+                  propSchema: J.properties[w.propName],
                   referenceElement: w.referenceElement,
                   setFilterSortColumn: Ye,
                   translate: D,
-                  value: i.columnFilterMap ? i.columnFilterMap[w.propName] : null
+                  value: l.columnFilterMap ? l.columnFilterMap[w.propName] : null
                 }
               ),
               document.body
@@ -1766,15 +1770,15 @@ const Cn = ({
     }
   );
 }, yn = e.forwardRef(Cn), Rn = e.memo(yn), Wn = e.memo(({ refresh: t, period: s = 60 }) => {
-  const [u, g] = e.useState(/* @__PURE__ */ new Date()), [p, d] = e.useState(/* @__PURE__ */ new Date()), S = e.useCallback(() => {
-    d(/* @__PURE__ */ new Date()), t();
+  const [m, g] = e.useState(/* @__PURE__ */ new Date()), [p, h] = e.useState(/* @__PURE__ */ new Date()), S = e.useCallback(() => {
+    h(/* @__PURE__ */ new Date()), t();
   }, [t]), C = e.useMemo(
-    () => Jt(u, p),
-    [u, p]
+    () => Jt(m, p),
+    [m, p]
   );
   e.useEffect(() => {
     C > s && S();
-  }, [C, u, p, s, S]), e.useEffect(() => {
+  }, [C, m, p, s, S]), e.useEffect(() => {
     const E = setInterval(() => {
       g(/* @__PURE__ */ new Date());
     }, 1e3);