npm - mig-schema-table - Versions diffs - 5.0.12 → 5.0.13 - Mend

mig-schema-table 5.0.12 → 5.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/mig-schema-table.d.ts +7 -1
package/dist/mig-schema-table.es.js +720 -712
package/dist/mig-schema-table.umd.js +1 -1
package/package.json +1 -1

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

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