mig-schema-table 5.0.16 → 5.0.18

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

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