mig-schema-table 5.0.14 → 5.0.15

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

@@ -5,12 +5,12 @@ 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 Xt, difference as Gt, isEqual as tt, isFinite as Ht, sum as Yt } from "lodash";
+import { unCamel as Zt, emptyFn as we, timeZone as Te, localeFormatInTimeZone as vt, parseLocationHash as ut, serializeLocationHash as Ue } from "mig-data-tools";
+import { range as Gt, debounce as qt, 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 { TZDate as Pe } 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";
@@ -30,9 +30,9 @@ function gt(t, ...s) {
     m = m.replace(`{${p}}`, `${g}`);
   }), m;
 }
-const K = "SELECT_ALL_COLUMN_NAME", pt = 40, kt = "dd MMM yyyy", Ve = "dd MMM yyyy HH:mm", xt = 25, _t = 50, nn = 3;
-var fe = /* @__PURE__ */ ((t) => (t.GT = "GT", t.LT = "LT", t.EQ = "EQ", t))(fe || {}), Oe = /* @__PURE__ */ ((t) => (t.UNAVAILABLE = "UNAVAILABLE", t.AVAILABLE = "AVAILABLE", t.ACTIVE = "ACTIVE", t))(Oe || {});
-const De = Bt.createContext({
+const K = "SELECT_ALL_COLUMN_NAME", pt = 40, kt = "dd MMM yyyy", Je = "dd MMM yyyy HH:mm", xt = 25, _t = 50, nn = 3;
+var be = /* @__PURE__ */ ((t) => (t.GT = "GT", t.LT = "LT", t.EQ = "EQ", t))(be || {}), $e = /* @__PURE__ */ ((t) => (t.UNAVAILABLE = "UNAVAILABLE", t.AVAILABLE = "AVAILABLE", t.ACTIVE = "ACTIVE", t))($e || {});
+const Me = Bt.createContext({
   checkedIndexes: [],
   columnNames: [],
   columnWidths: new Uint16Array(),
@@ -44,114 +44,114 @@ const De = Bt.createContext({
   isSortable: !1,
   properties: {},
   required: [],
-  setCustomColumnNames: ye,
-  setCustomColumnWidths: ye,
-  setDropTargetIndex: ye,
-  setFilterSortColumn: ye,
-  setLastCheckChangedRowIndex: ye,
-  setMenuConfig: ye,
+  setCustomColumnNames: we,
+  setCustomColumnWidths: we,
+  setDropTargetIndex: we,
+  setFilterSortColumn: we,
+  setLastCheckChangedRowIndex: we,
+  setMenuConfig: we,
   tableDataState: {
     searchQuery: "",
     columnFilterMap: {},
     sortColumn: "",
     sortAsc: !1
   },
-  translate: ye
+  translate: we
 }), rn = { type: "boolean" }, sn = ({ columnIndex: t, rowIndex: s, style: m }) => {
   const {
     checkedIndexes: g,
     columnNames: p,
     config: h,
-    disabledCheckedIndexes: S,
+    disabledCheckedIndexes: I,
     displayTimezone: C,
-    getRowClassName: W,
-    getRowSelected: $,
-    isItemLoaded: E,
-    lastCheckChangedRowIndex: R,
-    onRowClick: T,
-    onRowDoubleClick: k,
-    properties: O,
-    setCheckedIndexes: V,
+    getRowClassName: R,
+    getRowSelected: S,
+    isItemLoaded: A,
+    lastCheckChangedRowIndex: O,
+    onRowClick: D,
+    onRowDoubleClick: w,
+    properties: $,
+    setCheckedIndexes: G,
     setLastCheckChangedRowIndex: ee,
-    sortedRenderData: M,
+    sortedRenderData: T,
     sourceData: c,
     translate: i
-  } = e.useContext(De), o = p[t], _ = o === K ? rn : O[o], B = h ? h[o] : void 0, te = e.useCallback(
-    (x) => {
-      V && V((I) => I && I.includes(x) ? I.filter((A) => A !== x) : I ? [...I, x] : [x]);
+  } = e.useContext(Me), o = p[t], _ = o === K ? rn : $[o], B = h ? h[o] : void 0, te = e.useCallback(
+    (v) => {
+      G && G((N) => N && N.includes(v) ? N.filter((M) => M !== v) : N ? [...N, v] : [v]);
     },
-    [V]
-  ), ce = E(s), ne = e.useCallback(
-    (x) => {
-      if (!c || !M || !T || !ce)
+    [G]
+  ), ce = A(s), ne = e.useCallback(
+    (v) => {
+      if (!c || !T || !D || !ce)
         return;
-      const { rowIndex: I } = x.currentTarget.dataset;
-      if (!I)
+      const { rowIndex: N } = v.currentTarget.dataset;
+      if (!N)
         return;
-      const D = M[parseInt(I, 10)];
-      T(c[D._index], D._index, x);
+      const k = T[parseInt(N, 10)];
+      D(c[k._index], k._index, v);
     },
-    [ce, T, M, c]
+    [ce, D, T, c]
   ), y = e.useCallback(
-    (x) => {
-      if (!c || !M || !k || !E)
+    (v) => {
+      if (!c || !T || !w || !A)
         return;
-      const { rowIndex: I } = x.currentTarget.dataset;
-      if (!I)
+      const { rowIndex: N } = v.currentTarget.dataset;
+      if (!N)
         return;
-      const D = M[parseInt(I, 10)];
-      k(c[D._index], D._index, x);
+      const k = T[parseInt(N, 10)];
+      w(c[k._index], k._index, v);
     },
-    [E, k, M, c]
-  ), N = M ? M[s] : void 0, { showTimezones: oe, TdBody: q } = B || {}, re = e.useMemo(() => C ? null : xe.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), Q = e.useMemo(() => {
-    if (!N || !M)
+    [A, w, T, c]
+  ), L = T ? T[s] : void 0, { showTimezones: ae, TdBody: X } = B || {}, re = e.useMemo(() => C ? null : Te.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), Q = e.useMemo(() => {
+    if (!L || !T)
       return;
-    let x = o === K ? void 0 : N[o];
-    if (_?.format && _.format === "date-time" && oe !== !1) {
-      const D = c ? c[N._index] : void 0, A = D ? D[o] : void 0, se = A ? new Date(A) : void 0;
-      se && re && (x = `${vt(
+    let v = o === K ? void 0 : L[o];
+    if (_?.format && _.format === "date-time" && ae !== !1) {
+      const k = c ? c[L._index] : void 0, M = k ? k[o] : void 0, se = M ? new Date(M) : void 0;
+      se && re && (v = `${vt(
         se,
         re,
-        Ve
+        Je
       )} (${i(re)})`);
     }
-    const I = [
+    const N = [
       "mig-schema-table__td",
       `mig-schema-table__td--${s % 2 ? "odd" : "even"}`,
       `mig-schema-table__td--prop-${o}`
     ];
-    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)
+    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)
     ), _?.type) {
       case "boolean":
-        I.push(`text-${B?.align || "center"}`);
+        N.push(`text-${B?.align || "center"}`);
         break;
       case "number":
       case "integer":
-        I.push(`text-${B?.align || "end"}`);
+        N.push(`text-${B?.align || "end"}`);
         break;
       default:
-        B?.align && I.push(`text-${B.align}`);
+        B?.align && N.push(`text-${B.align}`);
     }
     return {
       "data-row-index": s,
       "data-column-index": t,
       style: m,
-      className: I.join(" "),
-      title: x,
+      className: N.join(" "),
+      title: v,
       onClick: o === K ? void 0 : ne,
       onDoubleClick: o === K ? void 0 : y
     };
   }, [
-    N,
-    M,
+    L,
+    T,
     o,
     _,
-    oe,
+    ae,
     s,
     c,
-    $,
-    W,
+    S,
+    R,
     t,
     m,
     ne,
@@ -159,77 +159,77 @@ const De = Bt.createContext({
     re,
     i,
     B
-  ]), J = e.useCallback(
-    (x) => {
-      if (!te || !N)
+  ]), Z = e.useCallback(
+    (v) => {
+      if (!te || !L)
         return;
-      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 se of qt(
-            A > D ? D + 1 : A,
-            A > D ? A + 1 : D
+      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 se of Gt(
+            M > k ? k + 1 : M,
+            M > k ? M + 1 : k
           )) {
-            const me = M[se]._index;
-            (!S || !S.includes(me)) && te(me);
+            const ve = T[se]._index;
+            (!I || !I.includes(ve)) && te(ve);
           }
         }
       } else
-        te(N._index);
-      ee(I), ge.current?.focus();
+        te(L._index);
+      ee(N), _e.current?.focus();
     },
     [
       g,
-      S,
-      R,
+      I,
+      O,
       te,
-      N,
+      L,
       s,
       ee,
-      M
+      T
     ]
-  ), ge = e.useRef(null);
-  if (!N || !Q)
+  ), _e = e.useRef(null);
+  if (!L || !Q)
     return null;
-  if (!E || c && !c[N._index])
+  if (!A || c && !c[L._index])
     return /* @__PURE__ */ r("div", { ...Q, children: "loading" });
   if (o === K)
-    return /* @__PURE__ */ r("div", { ...Q, onMouseDown: J, children: /* @__PURE__ */ r("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r("div", { ...Q, onMouseDown: Z, children: /* @__PURE__ */ r("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ r(
       "input",
       {
-        ref: ge,
+        ref: _e,
         type: "checkbox",
         readOnly: !0,
-        checked: g?.includes(N._index),
-        disabled: S?.includes(N._index)
+        checked: g?.includes(L._index),
+        disabled: I?.includes(L._index)
       }
     ) }) });
-  if (q && c)
+  if (X && c)
     return /* @__PURE__ */ r("div", { ...Q, children: /* @__PURE__ */ r(
-      q,
+      X,
       {
-        dataIndex: N._index,
-        rowData: c[N._index],
+        dataIndex: L._index,
+        rowData: c[L._index],
         rowIndex: s,
         ...B?.tdBodyProps
       }
     ) });
-  const Z = N[o];
-  return _?.format === "url" && Z ? /* @__PURE__ */ r(
+  const q = L[o];
+  return _?.format === "url" && q ? /* @__PURE__ */ r(
     "a",
     {
-      href: Z,
+      href: q,
       target: "_blank",
       rel: "noopener noreferrer",
       ...Q,
-      children: Z
+      children: q
     }
-  ) : /* @__PURE__ */ r("div", { ...Q, children: Z });
+  ) : /* @__PURE__ */ r("div", { ...Q, children: q });
 }, Ct = e.memo(sn);
 function on() {
-  const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: m } = e.useContext(De);
+  const { checkedIndexes: t, disabledCheckedIndexes: s, sortedRenderData: m } = e.useContext(Me);
   return e.useMemo(() => {
     const g = [...m || []].filter(
       (p) => (t ? t.includes(p._index) : !0) || (s ? !s.includes(p._index) : !0)
@@ -241,7 +241,7 @@ function Dt(t, s, m) {
   return !!(t && m?.isSortable !== !1 && (s || m?.renderData || m?.sort));
 }
 function Tt() {
-  const { setCustomColumnWidths: t, settingsStorageKey: s } = e.useContext(De);
+  const { setCustomColumnWidths: t, settingsStorageKey: s } = e.useContext(Me);
   return e.useCallback(
     (m) => {
       s && localStorage.setItem(
@@ -258,123 +258,123 @@ const an = ({ index: t, style: s }) => {
     columnNames: g,
     columnWidths: p,
     config: h,
-    disabledCheckedIndexes: S,
+    disabledCheckedIndexes: I,
     dropTargetIndex: C,
-    isColumnFilterable: W,
-    isSortable: $,
-    setCheckedIndexes: E,
-    properties: R,
-    required: T,
-    setCustomColumnNames: k,
-    setDropTargetIndex: O,
-    setFilterSortColumn: V,
+    isColumnFilterable: R,
+    isSortable: S,
+    setCheckedIndexes: A,
+    properties: O,
+    required: D,
+    setCustomColumnNames: w,
+    setDropTargetIndex: $,
+    setFilterSortColumn: G,
     setMenuConfig: ee,
-    settingsStorageKey: M,
+    settingsStorageKey: T,
     tableDataState: c,
     sortedRenderData: i,
     translate: o,
     displayTimezone: _
-  } = e.useContext(De), [B, te] = e.useState(!1), ce = t === C, ne = Tt(), y = g[t], N = y === K ? { type: "boolean" } : R[y], oe = c.sortColumn === y ? c.sortAsc : void 0, q = h ? h[y] : void 0;
-  let re = W && (N || q?.FilterMenu) && q?.isFilterable !== !1 ? Oe.AVAILABLE : Oe.UNAVAILABLE;
-  c.columnFilterMap && c.columnFilterMap[y] !== void 0 && (re = Oe.ACTIVE);
+  } = e.useContext(Me), [B, te] = e.useState(!1), ce = t === C, ne = Tt(), y = g[t], L = y === K ? { type: "boolean" } : O[y], ae = c.sortColumn === y ? c.sortAsc : void 0, X = h ? h[y] : void 0;
+  let re = R && (L || X?.FilterMenu) && X?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
+  c.columnFilterMap && c.columnFilterMap[y] !== void 0 && (re = $e.ACTIVE);
   const Q = Dt(
-    $,
-    N,
-    q
-  ), J = [
+    S,
+    L,
+    X
+  ), Z = [
     "mig-schema-table__th",
     `mig-schema-table__th--filter-${re}`,
     `mig-schema-table__th--prop-${y}`
   ];
-  J.push(
+  Z.push(
     Q ? "mig-schema-table__th--sortable" : "mig-schema-table__th--unsortable"
-  ), oe !== void 0 && J.push("mig-schema-table__th--sorted"), B && J.push("mig-schema-table__th--dragging"), ce && J.push("mig-schema-table__th--drop-target");
-  const { format: ge } = N || {}, {
-    align: Z,
-    defaultSortDesc: x,
-    showTimezones: I = !_,
-    title: D
-  } = q || {}, A = e.useCallback(() => {
+  ), ae !== void 0 && Z.push("mig-schema-table__th--sorted"), B && Z.push("mig-schema-table__th--dragging"), ce && Z.push("mig-schema-table__th--drop-target");
+  const { format: _e } = L || {}, {
+    align: q,
+    defaultSortDesc: v,
+    showTimezones: N = !_,
+    title: k
+  } = X || {}, M = e.useCallback(() => {
     if (Q) {
-      if (oe === void 0) {
-        V(y, !x);
+      if (ae === void 0) {
+        G(y, !v);
         return;
       }
-      V(y, !oe);
+      G(y, !ae);
     }
   }, [
     Q,
-    x,
+    v,
     y,
-    V,
-    oe
-  ]), se = T.includes(y), me = e.useCallback(
-    (w) => {
-      const ae = w.currentTarget;
-      ee((pe) => {
-        if (pe?.propName !== y)
+    G,
+    ae
+  ]), se = D.includes(y), ve = e.useCallback(
+    (j) => {
+      const me = j.currentTarget;
+      ee((ye) => {
+        if (ye?.propName !== y)
           return {
-            propConfig: q,
+            propConfig: X,
             propIsRequired: se,
             propName: y,
-            referenceElement: ae
+            referenceElement: me
           };
       });
     },
-    [q, se, y, ee]
-  ), Te = e.useMemo(() => D !== void 0 ? D : ge === "date-time" && I ? `${o(y)} (${o(_ || xe)})` : o(y), [D, ge, I, o, y, _]), H = e.useCallback(
-    (w, ae) => {
+    [X, se, y, ee]
+  ), Ce = e.useMemo(() => k !== void 0 ? k : _e === "date-time" && N ? `${o(y)} (${o(_ || Te)})` : o(y), [k, _e, N, o, y, _]), oe = e.useCallback(
+    (j, me) => {
       if (!g || !p)
         return;
-      const pe = g.indexOf(w), _e = [...g];
-      _e.splice(pe, 1);
-      const X = _e.indexOf(ae);
-      _e.splice(X + 1, 0, w), k(_e);
-      const v = [...p], Le = v[pe];
-      v.splice(pe, 1), v.splice(X + 1, 0, Le), ne(new Uint16Array(v)), M && localStorage.setItem(
-        `${M}.columnNames`,
-        JSON.stringify(_e)
+      const ye = g.indexOf(j), J = [...g];
+      J.splice(ye, 1);
+      const x = J.indexOf(me);
+      J.splice(x + 1, 0, j), w(J);
+      const ge = [...p], he = ge[ye];
+      ge.splice(ye, 1), ge.splice(x + 1, 0, he), ne(new Uint16Array(ge)), T && localStorage.setItem(
+        `${T}.columnNames`,
+        JSON.stringify(J)
       );
     },
     [
       g,
       p,
       ne,
-      M,
-      k
+      T,
+      w
     ]
-  ), Re = e.useCallback(
-    (w) => {
-      H && (te(!0), w.dataTransfer.effectAllowed = "move", w.dataTransfer.dropEffect = "move", w.dataTransfer.setData("text/plain", y));
+  ), Ae = e.useCallback(
+    (j) => {
+      oe && (te(!0), j.dataTransfer.effectAllowed = "move", j.dataTransfer.dropEffect = "move", j.dataTransfer.setData("text/plain", y));
     },
-    [H, y]
-  ), Me = e.useCallback(() => {
-    H && (te(!1), O(-1));
-  }, [H, O]), We = e.useCallback(
-    (w) => {
-      H && (w.preventDefault(), O(t));
+    [oe, y]
+  ), Oe = e.useCallback(() => {
+    oe && (te(!1), $(-1));
+  }, [oe, $]), Ve = e.useCallback(
+    (j) => {
+      oe && (j.preventDefault(), $(t));
     },
-    [t, H, O]
+    [t, oe, $]
   ), Ze = e.useCallback(
-    (w) => {
-      if (O(-1), !H || !y)
+    (j) => {
+      if ($(-1), !oe || !y)
         return;
-      const ae = w.dataTransfer.getData("text/plain");
-      !ae || ae === y || H(ae, y);
+      const me = j.dataTransfer.getData("text/plain");
+      !me || me === y || oe(me, y);
     },
-    [H, y, O]
-  ), Ae = on(), qe = e.useCallback(() => {
-    !E || !i || E(
-      Ae ? [] : i.map((w) => w._index).filter((w) => !S?.includes(w))
+    [oe, y, $]
+  ), Ee = on(), Ge = e.useCallback(() => {
+    !A || !i || A(
+      Ee ? [] : i.map((j) => j._index).filter((j) => !I?.includes(j))
     );
   }, [
-    E,
+    A,
     i,
-    Ae,
-    S
+    Ee,
+    I
   ]);
   if (y === K)
-    return /* @__PURE__ */ r("div", { style: s, className: J.join(" "), children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r("div", { style: s, className: Z.join(" "), children: /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -387,40 +387,40 @@ const an = ({ index: t, style: s }) => {
           {
             type: "checkbox",
             name: "selectAll",
-            checked: Ae,
-            onChange: qe
+            checked: Ee,
+            onChange: Ge
           }
         )
       }
     ) });
-  switch (N?.type) {
+  switch (L?.type) {
     case "boolean":
-      J.push(
-        `text-${Z || "center"}`,
-        `justify-content-${Z || "center"}`
+      Z.push(
+        `text-${q || "center"}`,
+        `justify-content-${q || "center"}`
       );
       break;
     case "integer":
     case "number":
-      J.push(
-        `text-${Z || "end"}`,
-        `justify-content-${Z || "end"}`
+      Z.push(
+        `text-${q || "end"}`,
+        `justify-content-${q || "end"}`
       );
       break;
     default:
-      Z && J.push(`text-${Z}`);
+      q && Z.push(`text-${q}`);
   }
-  let Ee = q?.hoverTitle;
-  return !Ee && typeof Te == "string" && (Ee = Te), /* @__PURE__ */ F(
+  let z = X?.hoverTitle;
+  return !z && typeof Ce == "string" && (z = Ce), /* @__PURE__ */ F(
     "div",
     {
-      className: J.join(" "),
+      className: Z.join(" "),
       style: s,
-      title: Ee,
+      title: z,
       draggable: !0,
-      onDragStart: Re,
-      onDragEnd: Me,
-      onDragOver: We,
+      onDragStart: Ae,
+      onDragEnd: Oe,
+      onDragOver: Ve,
       onDrop: Ze,
       children: [
         /* @__PURE__ */ F(
@@ -428,18 +428,18 @@ const an = ({ index: t, style: s }) => {
           {
             className: "mig-schema-table__th__label-body",
             style: { lineHeight: "44px" },
-            onClick: A,
+            onClick: M,
             children: [
-              /* @__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 ? "↓" : "↑" })
+              /* @__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 ? "↓" : "↑" })
             ]
           }
         ),
-        Q || re !== Oe.UNAVAILABLE ? /* @__PURE__ */ r(
+        Q || re !== $e.UNAVAILABLE ? /* @__PURE__ */ r(
           "button",
           {
             className: "mig-schema-table__th__trigger-el",
-            onClick: me,
+            onClick: ve,
             children: /* @__PURE__ */ r(
               "svg",
               {
@@ -461,9 +461,9 @@ const an = ({ index: t, style: s }) => {
     }
   );
 }, ln = e.memo(an), cn = {
-  [fe.GT]: ">",
-  [fe.LT]: "<",
-  [fe.EQ]: "="
+  [be.GT]: ">",
+  [be.LT]: "<",
+  [be.EQ]: "="
 }, un = e.memo(
   ({
     columnFilterValue: t,
@@ -472,22 +472,22 @@ const an = ({ index: t, style: s }) => {
     propIsRequired: g,
     propName: p,
     propSchema: h,
-    translate: S
+    translate: I
   }) => {
-    const { displayTimezone: C } = e.useContext(De), { type: W, format: $, minimum: E, maximum: R } = h || {}, T = t, k = $ === "date-time";
-    let O, V;
-    switch (W) {
+    const { displayTimezone: C } = e.useContext(Me), { type: R, format: S, minimum: A, maximum: O } = h || {}, D = t, w = S === "date-time";
+    let $, G;
+    switch (R) {
       case "number":
       case "integer":
-        return O = T || {}, V = (c, i, o) => {
+        return $ = D || {}, G = (c, i, o) => {
           const _ = {
-            ...O,
+            ...$,
             [c]: i.value === "" ? void 0 : parseInt(i.value)
           }, B = Object.values(_).find(
             (te) => isFinite(te)
           );
           s(
-            B !== void 0 && (E === void 0 || B >= E) ? _ : void 0,
+            B !== void 0 && (A === void 0 || B >= A) ? _ : 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 an = ({ index: t, style: s }) => {
                 {
                   type: "checkbox",
                   style: { marginRight: 14 },
-                  checked: !!O.filterEmpty,
+                  checked: !!$.filterEmpty,
                   onChange: () => {
-                    const { filterEmpty: c, ...i } = O;
+                    const { filterEmpty: c, ...i } = $;
                     c || (i.filterEmpty = !0), s(
                       Object.keys(i).length ? i : void 0,
                       !0
@@ -512,8 +512,8 @@ const an = ({ index: t, style: s }) => {
             ] }),
             /* @__PURE__ */ r("hr", {})
           ] }),
-          Object.keys(fe).map((c) => {
-            const i = O[c];
+          Object.keys(be).map((c) => {
+            const i = $[c];
             return /* @__PURE__ */ F("li", { children: [
               /* @__PURE__ */ r("label", { style: { width: 40, paddingLeft: 16 }, children: cn[c] }),
               /* @__PURE__ */ r(
@@ -525,22 +525,22 @@ const an = ({ index: t, style: s }) => {
                   value: i !== void 0 ? i : "",
                   "data-prop-name": p,
                   onChange: (o) => {
-                    V(
+                    G(
                       c,
                       o.currentTarget,
                       !1
                     );
                   },
                   onBlur: (o) => {
-                    V(
+                    G(
                       c,
                       o.currentTarget,
                       !0
                     );
                   },
                   onKeyDown: m,
-                  min: E,
-                  max: R
+                  min: A,
+                  max: O
                 }
               )
             ] }, c);
@@ -552,17 +552,17 @@ const an = ({ index: t, style: s }) => {
           { value: "✕", label: "✕" }
         ];
         g || ee.push({ value: "?", label: "?" });
-        let M = null;
-        return T === !0 ? M = { value: "✓", label: "✓" } : T === !1 ? M = { value: "✕", label: "✕" } : T === null && (M = { value: "?", label: "?" }), /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+        let T = null;
+        return D === !0 ? T = { value: "✓", label: "✓" } : D === !1 ? T = { value: "✕", label: "✕" } : D === null && (T = { value: "?", label: "?" }), /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
           mt,
           {
             autoFocus: !0,
             menuIsOpen: !0,
             isClearable: !0,
-            placeholder: S("All"),
+            placeholder: I("All"),
             className: "react-select-container",
             classNamePrefix: "react-select",
-            value: M,
+            value: T,
             options: ee,
             styles: {
               menu: (c) => ({
@@ -597,9 +597,9 @@ const an = ({ index: t, style: s }) => {
         if (h?.enum) {
           const c = h.enum.map((o) => ({
             value: o,
-            label: S(o)
+            label: I(o)
           })), i = c.filter(
-            (o) => (T || []).includes(o.value)
+            (o) => (D || []).includes(o.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,
@@ -624,12 +624,12 @@ const an = ({ index: t, style: s }) => {
                 s(_.length ? _ : void 0, !0);
               },
               onKeyDown: m,
-              placeholder: S("Select...")
+              placeholder: I("Select...")
             }
           ) }) });
         }
-        if (k || $ === "date") {
-          const c = k ? Ve : kt, i = t || {
+        if (w || S === "date") {
+          const c = w ? Je : kt, i = t || {
             from: void 0,
             to: void 0,
             filterEmpty: void 0
@@ -663,8 +663,8 @@ const an = ({ index: t, style: s }) => {
                   dateFormat: c,
                   "data-prop-name": p,
                   locale: ht,
-                  selected: i.from ? new Je(i.from).withTimeZone(
-                    C || xe
+                  selected: i.from ? new Pe(i.from).withTimeZone(
+                    C || Te
                   ) : null,
                   onChange: (o) => {
                     if (!o && !i.to) {
@@ -673,7 +673,7 @@ const an = ({ index: t, style: s }) => {
                     }
                     if (i.to && o && o > i.to)
                       return;
-                    const _ = o ? Je.tz(C || xe, o) : void 0;
+                    const _ = o ? Pe.tz(C || Te, o) : void 0;
                     s(
                       {
                         ...t,
@@ -685,12 +685,12 @@ const an = ({ index: t, style: s }) => {
                   placeholderText: c,
                   isClearable: !0,
                   selectsStart: !0,
-                  showTimeSelect: k,
-                  showTimeInput: k,
+                  showTimeSelect: w,
+                  showTimeInput: w,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
                   timeIntervals: 15,
-                  shouldCloseOnSelect: !k
+                  shouldCloseOnSelect: !w
                 }
               )
             ] }),
@@ -704,8 +704,8 @@ const an = ({ index: t, style: s }) => {
                   "data-prop-name": p,
                   locale: ht,
                   selectsEnd: !0,
-                  selected: i.to ? new Je(i.to).withTimeZone(
-                    C || xe
+                  selected: i.to ? new Pe(i.to).withTimeZone(
+                    C || Te
                   ) : null,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
@@ -714,7 +714,7 @@ const an = ({ index: t, style: s }) => {
                       s(void 0, !0);
                       return;
                     }
-                    const _ = o ? k ? Je.tz(C || xe, o) : Pt(o) : void 0;
+                    const _ = o ? w ? Pe.tz(C || Te, o) : Pt(o) : void 0;
                     i.from && _ && _ < i.from || s(
                       {
                         ...t,
@@ -727,10 +727,10 @@ const an = ({ index: t, style: s }) => {
                   isClearable: !0,
                   startDate: i.from,
                   endDate: i.to,
-                  showTimeInput: k,
-                  showTimeSelect: k,
+                  showTimeInput: w,
+                  showTimeSelect: w,
                   timeIntervals: 15,
-                  shouldCloseOnSelect: !k
+                  shouldCloseOnSelect: !w
                 }
               )
             ] })
@@ -746,7 +746,7 @@ const an = ({ index: t, style: s }) => {
             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: (c) => {
               const i = c.currentTarget.value, o = i ? i.split(",").map((_) => _.trim()) : [];
@@ -774,31 +774,31 @@ const an = ({ index: t, style: s }) => {
   onClose: g,
   onInputKeyDown: p,
   propConfig: h,
-  propIsRequired: S,
+  propIsRequired: I,
   propName: C,
-  propSchema: W,
-  referenceElement: $,
-  setFilterSortColumn: E,
-  translate: R,
-  value: T
+  propSchema: R,
+  referenceElement: S,
+  setFilterSortColumn: A,
+  translate: O,
+  value: D
 }) => {
-  const k = ft({
+  const w = ft({
     placement: "bottom-start",
     elements: {
-      reference: $
+      reference: S
     },
     middleware: [bt()]
-  }), O = ft({
+  }), $ = ft({
     placement: "right-start",
     middleware: [bt()]
   });
   e.useEffect(() => {
     const i = (o) => {
-      if (!k.elements.floating)
+      if (!w.elements.floating)
         return;
       let _ = o.target;
-      for (; _ && k.elements.floating; ) {
-        if (_ === k.elements.floating || _ === O.elements.floating)
+      for (; _ && w.elements.floating; ) {
+        if (_ === w.elements.floating || _ === $.elements.floating)
           return;
         _ = _.parentNode === window.document ? null : _.parentNode;
       }
@@ -808,20 +808,20 @@ const an = ({ index: t, style: s }) => {
       window.removeEventListener("click", i, { capture: !0 });
     };
   }, [
-    k.elements.floating,
+    w.elements.floating,
     g,
-    O.elements.floating
+    $.elements.floating
   ]);
-  const V = h?.FilterMenu || un, ee = e.useCallback(
+  const G = h?.FilterMenu || un, ee = e.useCallback(
     (i) => {
-      E(C, !0), g(i);
+      A(C, !0), g(i);
     },
-    [g, C, E]
-  ), M = e.useCallback(
+    [g, C, A]
+  ), T = e.useCallback(
     (i) => {
-      E(C, !1), g(i);
+      A(C, !1), g(i);
     },
-    [g, C, E]
+    [g, C, A]
   ), c = e.useCallback(() => {
     m(void 0, !0);
   }, [m]);
@@ -830,25 +830,25 @@ const an = ({ index: t, style: s }) => {
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu",
-        ref: k.refs.setFloating,
-        style: k.floatingStyles,
+        ref: w.refs.setFloating,
+        style: w.floatingStyles,
         children: /* @__PURE__ */ F("ol", { className: "mig-schema-table-menu", children: [
           t ? /* @__PURE__ */ F("li", { onClick: ee, style: { padding: 8 }, children: [
             /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
-            R("sortAscending")
+            O("sortAscending")
           ] }) : null,
-          t ? /* @__PURE__ */ F("li", { onClick: M, style: { padding: 8 }, children: [
+          t ? /* @__PURE__ */ F("li", { onClick: T, style: { padding: 8 }, children: [
             /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
-            R("sortDescending")
+            O("sortDescending")
           ] }) : null,
           s ? /* @__PURE__ */ F(
             "li",
             {
               style: { padding: 8 },
               onMouseOver: (i) => {
-                O.refs.setReference(i.currentTarget);
+                $.refs.setReference(i.currentTarget);
               },
               children: [
                 /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ r(
@@ -856,12 +856,12 @@ const an = ({ index: t, style: s }) => {
                   {
                     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: c
                   }
                 ) }),
-                /* @__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" })
               ]
             }
@@ -869,22 +869,22 @@ const an = ({ index: t, style: s }) => {
         ] })
       }
     ),
-    O.elements.reference ? /* @__PURE__ */ r(
+    $.elements.reference ? /* @__PURE__ */ r(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
-        ref: O.refs.setFloating,
-        style: O.floatingStyles,
+        ref: $.refs.setFloating,
+        style: $.floatingStyles,
         children: /* @__PURE__ */ r(
-          V,
+          G,
           {
-            columnFilterValue: T,
+            columnFilterValue: D,
             onChange: m,
             onInputKeyDown: p,
-            propIsRequired: S,
+            propIsRequired: I,
             propName: C,
-            propSchema: W,
-            translate: R
+            propSchema: R,
+            translate: O
           }
         )
       }
@@ -896,56 +896,56 @@ const an = ({ index: t, style: s }) => {
   setResizeColumnIndex: m,
   tableBodyHeight: g
 }) => {
-  const [p, h] = e.useState(0), S = Tt(), C = e.useCallback(
-    (R) => {
-      const T = t.map(
-        (k, O) => O === s ? Math.max(k + R, xt) : k
+  const [p, h] = e.useState(0), I = Tt(), C = e.useCallback(
+    (O) => {
+      const D = t.map(
+        (w, $) => $ === s ? Math.max(w + O, xt) : w
       );
-      S(T);
+      I(D);
     },
-    [t, s, S]
+    [t, s, I]
   );
-  let W = 0;
-  const $ = e.useCallback(
-    (R) => {
-      m(parseInt(R.currentTarget.dataset.columnIndex)), h(R.clientX);
+  let R = 0;
+  const S = e.useCallback(
+    (O) => {
+      m(parseInt(O.currentTarget.dataset.columnIndex)), h(O.clientX);
     },
     [m]
-  ), E = e.useCallback(
-    (R) => {
-      C(R.clientX - p), h(0), m(-1);
+  ), A = e.useCallback(
+    (O) => {
+      C(O.clientX - p), h(0), m(-1);
     },
     [p, C, m]
   );
-  return /* @__PURE__ */ r("div", { children: [...t].map((R, T) => {
-    W += R;
-    const k = ["mig-schema-table__column_resizer"];
-    return T === s && k.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("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__ */ r(
       "div",
       {
-        style: { left: W - nn, bottom: g },
-        className: k.join(" "),
+        style: { left: R - nn, bottom: g },
+        className: w.join(" "),
         draggable: "true",
-        "data-column-index": T,
-        onDragStart: $,
-        onDragEnd: E
+        "data-column-index": D,
+        onDragStart: S,
+        onDragEnd: A
       },
-      T
+      D
     );
   }) });
 }, yt = (t) => {
   const [s, m] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
-    () => Xt(m, 100),
+    () => qt(m, 100),
     []
   );
   return e.useEffect(() => {
     if (!t)
       return;
     const p = new ResizeObserver((h) => {
-      for (const S of h) {
-        const { blockSize: C, inlineSize: W } = S.borderBoxSize[0];
+      for (const I of h) {
+        const { blockSize: C, inlineSize: R } = I.borderBoxSize[0];
         g(
-          ($) => W && C && ($.width !== W || $.height !== C) ? { width: W, height: C } : $
+          (S) => R && C && (S.width !== R || S.height !== C) ? { width: R, height: C } : S
         );
       }
     });
@@ -967,13 +967,13 @@ const an = ({ index: t, style: s }) => {
 }), bn = async (t) => {
   const { Workbook: s } = await fn(), m = new s(), g = m.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: h, SELECT_ALL_COLUMN_NAME: S, ...C } = p;
+      const { _index: h, SELECT_ALL_COLUMN_NAME: I, ...C } = p;
       return Object.values(C);
     })
   ), m.xlsx.writeBuffer().then((p) => {
@@ -1004,18 +1004,18 @@ const Cn = ({
   autoRender: g,
   checkedIndexes: p,
   config: h,
-  customElementProps: S,
+  customElementProps: I,
   data: C,
-  defaultColumnFilters: W,
-  defaultSortAsc: $ = !1,
-  defaultSortColumn: E,
-  disabledCheckedIndexes: R,
-  displayTimezone: T,
-  enableAutoFocus: k = !0,
-  enableRowCounter: O = !0,
-  getRowClassName: V,
+  defaultColumnFilters: R,
+  defaultSortAsc: S = !1,
+  defaultSortColumn: A,
+  disabledCheckedIndexes: O,
+  displayTimezone: D,
+  enableAutoFocus: w = !0,
+  enableRowCounter: $ = !0,
+  getRowClassName: G,
   getRowSelected: ee,
-  getSearchQueryFilterResult: M,
+  getSearchQueryFilterResult: T,
   infiniteLoaderRef: c,
   isColumnFilterable: i = !0,
   isExportable: o = !0,
@@ -1025,44 +1025,43 @@ const Cn = ({
   itemCount: ce,
   loadMoreItems: ne,
   maxHeight: y,
-  onRowClick: N,
-  onRowDoubleClick: oe,
-  onSearchEnter: q,
+  onRowClick: L,
+  onRowDoubleClick: ae,
+  onSearchEnter: X,
   onTableDataStateChange: re,
   rowHeight: Q = 36,
-  schema: J,
-  searchPlaceholder: ge,
-  setCheckedIndexes: Z,
-  settingsStorageKey: x,
-  style: I,
-  translate: D = gt,
-  useFilterStateHash: A,
-  variableSizeGridRef: se,
-  width: me
-}, Te) => {
-  const [H, Re] = e.useState(), [Me, We] = e.useState(), [Ze, Ae] = e.useState(-1), [qe, Ee] = e.useState(-1), [w, ae] = e.useState(), [pe, _e] = e.useState(), X = C instanceof Function, [v, Le] = e.useState(
-    X ? void 0 : C
-  ), [Ce, Xe] = e.useState(), [l, we] = e.useState({
+  schema: Z,
+  searchPlaceholder: _e,
+  setCheckedIndexes: q,
+  settingsStorageKey: v,
+  style: N,
+  translate: k = gt,
+  useFilterStateHash: M,
+  width: se
+}, ve) => {
+  const [Ce, oe] = e.useState(), [Ae, Oe] = e.useState(), [Ve, Ze] = e.useState(-1), [Ee, Ge] = e.useState(-1), [z, j] = e.useState(), [me, ye] = e.useState(), J = C instanceof Function, [x, ge] = e.useState(
+    J ? void 0 : C
+  ), [he, qe] = e.useState(), [l, ke] = e.useState({
     searchQuery: "",
-    columnFilterMap: W || {},
-    sortColumn: E,
-    sortAsc: $
-  }), [z, Mt] = e.useState(
-    A ? ut(window.location.hash) : null
+    columnFilterMap: R || {},
+    sortColumn: A,
+    sortAsc: S
+  }), [U, Mt] = e.useState(
+    M ? ut(window.location.hash) : null
   );
   e.useEffect(() => {
-    X || Le(C);
-  }, [C, X]), e.useEffect(() => {
-    !X || v !== void 0 || C(
-      z && Object.keys(z).length !== 0 ? {
-        ...z,
-        columnFilterMap: z.columnFilterMap || {}
+    J || ge(C);
+  }, [C, J]), e.useEffect(() => {
+    !J || x !== void 0 || C(
+      U && Object.keys(U).length !== 0 ? {
+        ...U,
+        columnFilterMap: U.columnFilterMap || {}
       } : l
-    ).then(Le);
-  }, [C, X, z, v, l]), e.useEffect(() => {
-    Ce || Xe(l);
-  }, [l, Ce]), e.useEffect(() => {
-    if (!A)
+    ).then(ge);
+  }, [C, J, U, x, l]), e.useEffect(() => {
+    he || qe(l);
+  }, [l, he]), e.useEffect(() => {
+    if (!M)
       return;
     const n = () => {
       Mt(ut(window.location.hash));
@@ -1070,83 +1069,83 @@ const Cn = ({
     return window.addEventListener("hashchange", n), () => {
       window.removeEventListener("hashchange", n);
     };
-  }, [A]), e.useEffect(() => {
-    if (!A)
+  }, [M]), e.useEffect(() => {
+    if (!M)
       return;
-    const { columnFilterMap: n, searchQuery: u, sortAsc: d, sortColumn: a } = z || {}, f = {
+    const { columnFilterMap: n, searchQuery: u, sortAsc: d, sortColumn: a } = U || {}, f = {
       searchQuery: u || "",
-      columnFilterMap: n || W || {},
-      sortAsc: d === void 0 ? $ : d,
-      sortColumn: a === void 0 ? E : a
+      columnFilterMap: n || R || {},
+      sortAsc: d === void 0 ? S : d,
+      sortColumn: a === void 0 ? A : a
     };
-    we(
-      (L) => tt(f, L) ? L : f
+    ke(
+      (E) => tt(f, E) ? E : f
     );
   }, [
-    z,
-    A,
-    W,
-    $,
-    E
+    U,
+    M,
+    R,
+    S,
+    A
   ]), e.useEffect(() => {
     re && re(l);
   }, [re, l]);
-  const rt = e.useRef(null), st = e.useRef(null), je = yt(rt.current), ot = yt(
+  const Re = e.useRef(null), rt = e.useRef(null), st = e.useRef(null), We = yt(rt.current), ot = yt(
     st.current
-  ), Ne = e.useMemo(
-    () => me || Math.floor(je.width || 0),
-    [je.width, me]
-  ), Ie = e.useMemo(() => !tt(l, Ce) && X, [l, Ce, X]), { properties: ie, required: At } = e.useMemo(
+  ), Le = e.useMemo(
+    () => se || Math.floor(We.width || 0),
+    [We.width, se]
+  ), Ne = e.useMemo(() => !tt(l, he) && J, [l, he, J]), { properties: ie, required: At } = e.useMemo(
     () => ({
       properties: {},
       required: [],
-      ...J
+      ...Z
     }),
-    [J]
-  ), Fe = x ? localStorage.getItem(`${x}.columnNames`) : null, Be = x ? localStorage.getItem(`${x}.columnWidths`) : null, Y = e.useMemo(() => {
-    if (H)
-      return H;
-    const n = Fe ? JSON.parse(Fe) : void 0;
+    [Z]
+  ), je = v ? localStorage.getItem(`${v}.columnNames`) : null, Fe = v ? localStorage.getItem(`${v}.columnWidths`) : null, Y = e.useMemo(() => {
+    if (Ce)
+      return Ce;
+    const n = je ? JSON.parse(je) : void 0;
     let u = Object.keys(ie);
-    if (Z && u.unshift(K), h) {
+    if (q && u.unshift(K), h) {
       Object.keys(h).forEach((a) => {
         u.includes(a) || u.push(a);
       });
       const d = Object.entries(h).reduce(
-        (a, [f, L]) => (L.hidden && a.push(f), a),
+        (a, [f, E]) => (E.hidden && a.push(f), a),
         []
       );
       u = u.filter((a) => !d.includes(a)).sort((a, f) => {
-        let L = h[a] ? h[a].order : void 0;
-        L === void 0 && (L = Object.keys(ie).findIndex(
-          (G) => G === a
+        let E = h[a] ? h[a].order : void 0;
+        E === void 0 && (E = Object.keys(ie).findIndex(
+          (H) => H === a
         ));
         let b = h[f] ? h[f].order : void 0;
         return b === void 0 && (b = Object.keys(ie).findIndex(
-          (G) => G === f
-        )), f === K || a === K ? 0 : L === -1 ? 1 : b === -1 ? -1 : L - b;
+          (H) => H === f
+        )), f === K || a === K ? 0 : E === -1 ? 1 : b === -1 ? -1 : E - b;
       });
     }
     return n?.length === u.length ? n : u;
   }, [
     h,
-    H,
-    Z,
+    Ce,
+    q,
     ie,
-    Fe
-  ]), Qe = e.useMemo(
-    () => v && Y ? v.map(
+    je
+  ]), Be = e.useMemo(
+    () => x && Y ? x.map(
       (n, u) => Y.reduce(
         (d, a) => {
-          const f = ie[a], L = h ? h[a] : void 0;
-          if (L?.renderData)
-            return d[a] = L.renderData(n, u), d;
+          const f = ie[a], E = h ? h[a] : void 0;
+          if (E?.renderData)
+            return d[a] = E.renderData(n, u), d;
           if (!f || a === K)
             return d[a] = "", d;
           const b = n ? n[a] : "";
           switch (f.type) {
             case "array":
-              return d[a] = f.items?.type === "string" && b ? b.map((G) => D(G)).join(", ") : JSON.stringify(b), d;
+              return d[a] = f.items?.type === "string" && b ? b.map((H) => k(H)).join(", ") : JSON.stringify(b), d;
             case "boolean":
               return d[a] = b === void 0 ? "?" : b ? "✓" : "✕", d;
             case "number":
@@ -1159,19 +1158,19 @@ const Cn = ({
                   b
                 ) ? "-" : nt(
                   new Date(b),
-                  L?.dateFormat || kt
+                  E?.dateFormat || kt
                 ), d;
               if (f.format === "date-time" && b)
-                return d[a] = T ? vt(
+                return d[a] = D ? vt(
                   new Date(b),
-                  T,
-                  Ve
+                  D,
+                  Je
                 ) : nt(
                   new Date(b),
-                  L?.dateFormat || Ve
+                  E?.dateFormat || Je
                 ), d;
               if (f.enum)
-                return d[a] = b ? D(b) : "", d;
+                return d[a] = b ? k(b) : "", d;
             // fallthrough
             default:
               return d[a] = b ? `${b}` : "", d;
@@ -1180,8 +1179,8 @@ const Cn = ({
         { _index: u }
       )
     ) : void 0,
-    [v, Y, ie, h, D, T]
-  ), ve = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: He } = e.useMemo(() => {
+    [x, Y, ie, h, k, D]
+  ), xe = Y ? Y.length : 0, { dynamicWidthColumnCount: Xe, fixedWidthColumnsWidth: He } = e.useMemo(() => {
     let n = 0, u = 0;
     return (Y || []).forEach((d) => {
       if (d === K) {
@@ -1192,168 +1191,168 @@ const Cn = ({
       a?.width ? n += a.width : u += 1;
     }, 0), { dynamicWidthColumnCount: u, fixedWidthColumnsWidth: n };
   }, [Y, h]), le = e.useMemo(() => {
-    if (Me)
-      return new Uint16Array(Me);
-    const n = Be ? new Uint16Array(JSON.parse(Be)) : void 0, u = Math.max(
+    if (Ae)
+      return new Uint16Array(Ae);
+    const n = Fe ? new Uint16Array(JSON.parse(Fe)) : void 0, u = Math.max(
       Math.floor(
-        (Ne - He) / Ge
+        (Le - He) / Xe
       ),
       xt
     );
-    let d = (Ne - He) % Ge;
+    let d = (Le - He) % Xe;
     const a = new Uint16Array(
       Y.map((f) => {
         if (f === K)
           return pt;
-        const L = h ? h[f] : void 0;
-        return L?.width ? L?.width : d ? (d -= 1, u + 1) : u;
+        const E = h ? h[f] : void 0;
+        return E?.width ? E?.width : d ? (d -= 1, u + 1) : u;
       })
     );
     return n?.length === a.length ? n : a;
   }, [
     Y,
     h,
-    Me,
-    Ge,
+    Ae,
+    Xe,
     He,
-    Be,
-    Ne
-  ]), ze = e.useCallback(
+    Fe,
+    Le
+  ]), Qe = e.useCallback(
     (n) => le ? le[n] : 1,
     [le]
-  ), Se = e.useMemo(() => {
-    if (!Qe || !i && !B || X)
-      return Qe;
-    const { searchQuery: n } = l, u = n.toLowerCase() || "", d = (a) => v && M ? M(v[a._index], n) : !(Y && !Y.find(
+  ), Ie = e.useMemo(() => {
+    if (!Be || !i && !B || J)
+      return Be;
+    const { searchQuery: n } = l, u = n.toLowerCase() || "", d = (a) => x && T ? T(x[a._index], n) : !(Y && !Y.find(
       (f) => `${a[f]}`.toLowerCase().includes(u)
     ));
-    return Qe.filter((a) => {
+    return Be.filter((a) => {
       let f = d(a);
       return !f || !l.columnFilterMap ? !1 : (Object.entries(l.columnFilterMap).forEach(
-        ([L, b]) => {
+        ([E, b]) => {
           if (!f || b === void 0)
             return;
-          const G = h ? h[L] : void 0;
-          if (v && G?.filter) {
-            f = G.filter(
-              v[a._index],
+          const H = h ? h[E] : void 0;
+          if (x && H?.filter) {
+            f = H.filter(
+              x[a._index],
               b
             );
             return;
           }
-          const de = ie[L], j = v[a._index]?.[L];
+          const de = ie[E], W = x[a._index]?.[E];
           switch (de?.type) {
             case "boolean":
             case "number":
             case "integer":
               if (b && typeof b == "object") {
-                b.filterEmpty && j === void 0 && (f = !1);
-                for (const U of Object.keys(
-                  fe
+                b.filterEmpty && W === void 0 && (f = !1);
+                for (const P of Object.keys(
+                  be
                 )) {
-                  const he = b[U];
-                  if (f && Ht(he))
-                    switch (U) {
-                      case fe.EQ:
-                        j !== he && (f = !1);
+                  const fe = b[P];
+                  if (f && Ht(fe))
+                    switch (P) {
+                      case be.EQ:
+                        W !== fe && (f = !1);
                         break;
-                      case fe.GT:
-                        j <= he && (f = !1);
+                      case be.GT:
+                        W <= fe && (f = !1);
                         break;
-                      case fe.LT:
-                        j >= he && (f = !1);
+                      case be.LT:
+                        W >= fe && (f = !1);
                         break;
                     }
                 }
               } else {
-                if (j === void 0 && b === null)
+                if (W === void 0 && b === null)
                   return !0;
-                f = j === b;
+                f = W === b;
               }
               break;
             // @ts-expect-error investigate
             case "string":
               if (typeof b == "object" && !Array.isArray(b) && (de.format === "date" || de.format === "date-time")) {
-                const { from: U, to: he, filterEmpty: lt } = b;
-                if (!j)
+                const { from: P, to: fe, filterEmpty: lt } = b;
+                if (!W)
                   f = !lt;
                 else {
-                  const Ue = j ? new Date(j) : void 0;
-                  (lt === !1 || U && (!Ue || Ue < U) || he && (!Ue || Ue > he)) && (f = !1);
+                  const ze = W ? new Date(W) : void 0;
+                  (lt === !1 || P && (!ze || ze < P) || fe && (!ze || ze > fe)) && (f = !1);
                 }
                 return;
               }
             // fall through
             default:
               if (de?.enum) {
-                Array.isArray(b) ? f = b.includes(j) : f = j === b;
+                Array.isArray(b) ? f = b.includes(W) : f = W === b;
                 return;
               }
               if (Array.isArray(b)) {
-                const U = `${a[L]}`.toLowerCase();
+                const P = `${a[E]}`.toLowerCase();
                 f = b.some(
-                  (he) => U.includes(`${he}`.toLowerCase())
+                  (fe) => P.includes(`${fe}`.toLowerCase())
                 );
               } else
-                f = `${a[L]}`.toLowerCase().includes(`${b}`.toLowerCase());
+                f = `${a[E]}`.toLowerCase().includes(`${b}`.toLowerCase());
           }
         }
       ), f);
     });
   }, [
-    Qe,
+    Be,
     i,
     B,
-    X,
+    J,
     l,
-    M,
+    T,
     Y,
     h,
-    v,
+    x,
     ie
-  ]), P = e.useMemo(() => {
+  ]), V = e.useMemo(() => {
     const { sortAsc: n, sortColumn: u } = l;
-    if (!u || !Se || !v || X)
-      return Se;
+    if (!u || !Ie || !x || J)
+      return Ie;
     const d = ie[u], a = h ? h[u] : void 0, f = a?.sort;
     if (f)
-      return Se.sort((G, de) => {
-        const j = v[G._index], U = v[de._index];
-        return j ? U ? f(
-          j,
-          U,
-          n === void 0 ? $ : n
+      return Ie.sort((H, de) => {
+        const W = x[H._index], P = x[de._index];
+        return W ? P ? f(
+          W,
+          P,
+          n === void 0 ? S : n
         ) : -1 : 1;
       });
-    const L = d && d.format?.startsWith("date"), b = _n(d, a);
-    return Se.sort((G, de) => {
-      let j = b && v[G._index] ? v[G._index][u] : `${G[u]}`.toLowerCase(), U = b && v[de._index] ? v[de._index][u] : `${de[u]}`.toLowerCase();
-      return b && L && (j = new Date(j), isNaN(j.getTime()) && (j = wt), U = new Date(U), isNaN(U.getTime()) && (U = wt)), j === U ? 0 : j ? U ? (j < U ? 1 : -1) * (n ? -1 : 1) : n ? 1 : -1 : n ? -1 : 1;
+    const E = d && d.format?.startsWith("date"), b = _n(d, a);
+    return Ie.sort((H, de) => {
+      let W = b && x[H._index] ? x[H._index][u] : `${H[u]}`.toLowerCase(), P = b && x[de._index] ? x[de._index][u] : `${de[u]}`.toLowerCase();
+      return b && E && (W = new Date(W), isNaN(W.getTime()) && (W = wt), P = new Date(P), isNaN(P.getTime()) && (P = wt)), W === P ? 0 : W ? P ? (W < P ? 1 : -1) * (n ? -1 : 1) : n ? 1 : -1 : n ? -1 : 1;
     });
   }, [
     h,
-    $,
-    Se,
-    X,
+    S,
+    Ie,
+    J,
     ie,
-    v,
+    x,
     l
   ]);
   e.useImperativeHandle(
-    Te,
+    ve,
     () => ({
-      getFilteredSortedData: () => P,
+      getFilteredSortedData: () => V,
       scrollToIndex: (n) => {
-        const u = se?.current, d = P?.findIndex((a) => a._index === n) || -1;
+        const u = Re?.current, d = V?.findIndex((a) => a._index === n) || -1;
         u && d >= 0 && u.scrollToItem({ rowIndex: d });
       }
     }),
-    [P, se]
+    [V, Re]
   );
   const at = e.useCallback(
     (n) => {
       const u = { ...l.columnFilterMap };
-      delete u[n], we({
+      delete u[n], ke({
         ...l,
         columnFilterMap: u
       });
@@ -1361,35 +1360,35 @@ const Cn = ({
     [l]
   ), Ye = e.useCallback(
     (n, u) => {
-      if (A) {
-        window.location.hash = Pe({
-          ...z,
+      if (M) {
+        window.location.hash = Ue({
+          ...U,
           sortColumn: n,
           sortAsc: u
         });
         return;
       }
-      we({ ...l, sortColumn: n, sortAsc: u });
+      ke({ ...l, sortColumn: n, sortAsc: u });
     },
-    [l, z, A]
+    [l, U, M]
   ), Et = e.useCallback(
     (n) => {
-      we({
+      ke({
         ...l,
         searchQuery: n.currentTarget.value
       });
     },
     [l]
-  ), ke = e.useCallback(() => {
-    Xe(l), Le(void 0);
+  ), De = e.useCallback(() => {
+    qe(l), ge(void 0);
   }, [l]);
   e.useEffect(() => {
-    if (!g || !z || !Ce || !A)
+    if (!g || !U || !he || !M)
       return;
-    const n = Object.keys(z);
+    const n = Object.keys(U);
     let u = !1;
     for (const d of n) {
-      const a = z[d], f = Ce[d];
+      const a = U[d], f = he[d];
       if (typeof a == "string" && a !== f) {
         u = !0;
         break;
@@ -1399,69 +1398,69 @@ const Cn = ({
         break;
       }
     }
-    u && ke();
+    u && De();
   }, [
     g,
-    z,
-    Ce,
-    ke,
-    A
+    U,
+    he,
+    De,
+    M
   ]);
   const it = e.useCallback(
     (n) => {
-      n.key === "Enter" && (ae(void 0), Ie && !A && ke(), q && n.currentTarget.className === "mig-schema-table__search" && q(l.searchQuery || ""));
+      n.key === "Enter" && (j(void 0), Ne && !M && De(), X && n.currentTarget.className === "mig-schema-table__search" && X(l.searchQuery || ""));
     },
     [
-      Ie,
+      Ne,
       l.searchQuery,
-      q,
-      ke,
-      A
+      X,
+      De,
+      M
     ]
-  ), Ke = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(le), [le]), $e = e.useMemo(
-    () => P ? P.length : 0,
-    [P]
-  ), be = e.useMemo(() => {
-    const n = Q * $e;
+  ), Ke = e.useCallback(() => Q, [Q]), ue = e.useMemo(() => Yt(le), [le]), Se = e.useMemo(
+    () => V ? V.length : 0,
+    [V]
+  ), pe = e.useMemo(() => {
+    const n = Q * Se;
     let u;
-    if (y && (u = y === "100%" ? je.height : y, !u))
+    if (y && (u = y === "100%" ? We.height : y, !u))
       return 0;
     const d = u ? u - ot.height - _t : 0;
     return d && d < n ? d : n;
   }, [
     Q,
-    $e,
+    Se,
     y,
     ot,
-    je.height
+    We.height
   ]), Lt = e.useCallback(
     (n) => {
-      ae(void 0), n.preventDefault(), n.stopPropagation();
+      j(void 0), n.preventDefault(), n.stopPropagation();
     },
     []
   ), Nt = e.useCallback(
     (n, u) => {
-      if (!w)
+      if (!z)
         return;
-      if (A && u !== !1) {
-        window.location.hash = Pe({
-          ...z,
+      if (M && u !== !1) {
+        window.location.hash = Ue({
+          ...U,
           columnFilterMap: {
             ...l.columnFilterMap,
-            [w.propName]: n
+            [z.propName]: n
           }
         });
         return;
       }
       if (n === void 0) {
-        at(w.propName);
+        at(z.propName);
         return;
       }
       const d = {
         ...l.columnFilterMap,
-        [w.propName]: n
+        [z.propName]: n
       };
-      we({
+      ke({
         ...l,
         columnFilterMap: d
       });
@@ -1469,47 +1468,47 @@ const Cn = ({
     [
       at,
       l,
+      U,
       z,
-      w,
-      A
+      M
     ]
   ), It = e.useCallback(() => {
     const n = {
       searchQuery: "",
       columnFilterMap: {},
       // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
-      sortColumn: E,
-      sortAsc: $
+      sortColumn: A,
+      sortAsc: S
     };
-    A && (window.location.hash = Pe(n)), Xe(n), we(n);
-  }, [A, $, E]), St = e.useCallback(() => {
-    const n = z?.searchQuery || "";
-    A && // prevent hash change for undefined vs empty string compare
-    (l.searchQuery || n) && l.searchQuery !== n && (window.location.hash = Pe({
-      ...z,
+    M && (window.location.hash = Ue(n)), qe(n), ke(n);
+  }, [M, S, A]), St = e.useCallback(() => {
+    const n = U?.searchQuery || "";
+    M && // prevent hash change for undefined vs empty string compare
+    (l.searchQuery || n) && l.searchQuery !== n && (window.location.hash = Ue({
+      ...U,
       searchQuery: l.searchQuery
     }));
-  }, [z, l.searchQuery, A]), $t = e.useCallback(
+  }, [U, l.searchQuery, M]), $t = e.useCallback(
     async (n) => {
-      n.preventDefault(), n.stopPropagation(), P && await bn(P);
+      n.preventDefault(), n.stopPropagation(), V && await bn(V);
     },
-    [P]
+    [V]
   ), Ot = e.useCallback(() => {
-    x && (localStorage.removeItem(`${x}.columnNames`), localStorage.removeItem(`${x}.columnWidths`), Re(void 0), We(void 0));
-  }, [x]), et = e.useCallback(
+    v && (localStorage.removeItem(`${v}.columnNames`), localStorage.removeItem(`${v}.columnWidths`), oe(void 0), Oe(void 0));
+  }, [v]), et = e.useCallback(
     (n) => {
-      if (!P || !v || !ne || !ce)
+      if (!V || !x || !ne || !ce)
         return !0;
-      const u = P[n];
-      return u && v[u._index] !== void 0;
+      const u = V[n];
+      return u && x[u._index] !== void 0;
     },
-    [ce, ne, P, v]
-  ), Rt = e.useMemo(() => be ? !(v && !Ie) && !ne ? /* @__PURE__ */ r(
+    [ce, ne, V, x]
+  ), Rt = e.useMemo(() => pe ? !(x && !Ne) && !ne ? /* @__PURE__ */ r(
     "div",
     {
       style: {
         width: ue,
-        height: Math.max(50, be),
+        height: Math.max(50, pe),
         border: "1px solid #BBB",
         textAlign: "center",
         display: "flex",
@@ -1517,7 +1516,7 @@ const Cn = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      children: Ie ? /* @__PURE__ */ r("button", { onClick: ke, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ r("div", { children: "⌛ Loading..." })
+      children: Ne ? /* @__PURE__ */ r("button", { onClick: De, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ r("div", { children: "⌛ Loading..." })
     }
   ) : ne && ce ? /* @__PURE__ */ r(
     Kt,
@@ -1531,27 +1530,27 @@ const Cn = ({
         {
           className: "mig-schema-table__tbody",
           estimatedRowHeight: Q,
-          height: be,
+          height: pe,
           width: ue,
-          columnWidth: ze,
+          columnWidth: Qe,
           rowHeight: Ke,
-          columnCount: ve,
-          rowCount: $e,
+          columnCount: xe,
+          rowCount: Se,
           ref: d,
           onItemsRendered: ({
             overscanRowStartIndex: a,
             overscanRowStopIndex: f,
-            visibleRowStartIndex: L,
+            visibleRowStartIndex: E,
             visibleRowStopIndex: b
           }) => u({
             overscanStartIndex: a,
             overscanStopIndex: f,
-            visibleStartIndex: L,
+            visibleStartIndex: E,
             visibleStopIndex: b
           }),
           children: Ct
         },
-        `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
+        `tbody_${pe}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${xe}_${le.join(
           " "
         )}`
       )
@@ -1561,85 +1560,85 @@ const Cn = ({
     {
       className: "mig-schema-table__tbody",
       estimatedRowHeight: Q,
-      height: be,
+      height: pe,
       width: ue,
-      columnWidth: ze,
+      columnWidth: Qe,
       rowHeight: Ke,
-      columnCount: ve,
-      rowCount: $e,
-      ref: se,
+      columnCount: xe,
+      rowCount: Se,
+      ref: Re,
       children: Ct
     },
-    `tbody_${be}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${ve}_${le.join(
+    `tbody_${pe}_${ue}_${l.sortColumn}_${l.sortAsc}_${l.searchQuery}_${xe}_${le.join(
       " "
     )}`
   ) : null, [
-    ve,
+    xe,
     le,
-    ze,
+    Qe,
     Ke,
     c,
-    Ie,
+    Ne,
     et,
     ce,
     ne,
-    ke,
-    $e,
+    De,
+    Se,
     Q,
     ue,
     l.searchQuery,
     l.sortAsc,
     l.sortColumn,
-    v,
-    be,
-    se
+    x,
+    pe,
+    Re
   ]), Wt = e.useMemo(
     () => ({
-      ...I,
-      width: me ? Math.min(ue, Ne) : void 0,
+      ...N,
+      width: se ? Math.min(ue, Le) : void 0,
       height: y === "100%" ? "100%" : void 0,
       maxHeight: y === "100%" ? "100%" : void 0
     }),
-    [y, ue, I, Ne, me]
+    [y, ue, N, Le, se]
   ), jt = s || "input";
   return /* @__PURE__ */ r(
-    De.Provider,
+    Me.Provider,
     {
       value: {
         checkedIndexes: p,
         columnNames: Y,
         columnWidths: le,
         config: h,
-        disabledCheckedIndexes: R,
-        displayTimezone: T,
-        dropTargetIndex: qe,
-        getRowClassName: V,
+        disabledCheckedIndexes: O,
+        displayTimezone: D,
+        dropTargetIndex: Ee,
+        getRowClassName: G,
         getRowSelected: ee,
         isColumnFilterable: i,
         isItemLoaded: et,
         isSortable: te,
-        lastCheckChangedRowIndex: pe,
-        onRowClick: N,
-        onRowDoubleClick: oe,
+        lastCheckChangedRowIndex: me,
+        onRowClick: L,
+        onRowDoubleClick: ae,
         properties: ie,
         required: At,
-        setCheckedIndexes: Z,
-        setCustomColumnNames: Re,
-        setCustomColumnWidths: We,
-        setDropTargetIndex: Ee,
+        setCheckedIndexes: q,
+        setCustomColumnNames: oe,
+        setCustomColumnWidths: Oe,
+        setDropTargetIndex: Ge,
         setFilterSortColumn: Ye,
-        setLastCheckChangedRowIndex: _e,
-        setMenuConfig: ae,
-        settingsStorageKey: x,
-        sortedRenderData: P,
-        sourceData: v,
+        setLastCheckChangedRowIndex: ye,
+        setMenuConfig: j,
+        settingsStorageKey: v,
+        sortedRenderData: V,
+        sourceData: x,
         tableDataState: l,
-        translate: D || gt
+        translate: k || gt
       },
       children: /* @__PURE__ */ F(
         "div",
         {
-          className: `mig-schema-table${N ? " mig-schema-table--clickable-rows" : ""}`,
+          className: `mig-schema-table${L ? " mig-schema-table--clickable-rows" : ""}`,
           ref: rt,
           style: Wt,
           role: "table",
@@ -1657,24 +1656,24 @@ const Cn = ({
                       type: "search",
                       name: "search",
                       autoComplete: "off",
-                      placeholder: ge || D("search..."),
+                      placeholder: _e || k("search..."),
                       value: l.searchQuery,
                       onChange: Et,
                       onKeyDown: it,
-                      autoFocus: k,
+                      autoFocus: w,
                       onBlur: St
                     }
                   ) : null }),
                   t ? /* @__PURE__ */ r(
                     t,
                     {
-                      ...S,
-                      renderData: P
+                      ...I,
+                      renderData: V
                     }
                   ) : /* @__PURE__ */ r("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  O && Array.isArray(C) ? /* @__PURE__ */ r("span", { className: "mig-schema-table__row_counter", children: D(
+                  $ && Array.isArray(C) ? /* @__PURE__ */ r("span", { className: "mig-schema-table__row_counter", children: k(
                     "showingFilteredCountOfTotalCount",
-                    P?.length || 0,
+                    V?.length || 0,
                     C.length
                   ) }) : null,
                   o ? /* @__PURE__ */ r(
@@ -1682,8 +1681,8 @@ const Cn = ({
                     {
                       onClick: $t,
                       style: { marginLeft: 8 },
-                      disabled: !P?.length,
-                      children: D("exportData")
+                      disabled: !V?.length,
+                      children: k("exportData")
                     }
                   ) : null,
                   B || i ? /* @__PURE__ */ r(
@@ -1692,16 +1691,16 @@ const Cn = ({
                       onClick: It,
                       style: { marginLeft: 8 },
                       disabled: l.columnFilterMap && l.searchQuery ? Object.keys(l.columnFilterMap).length + l.searchQuery.length === 0 : !1,
-                      children: D("clearFilters")
+                      children: k("clearFilters")
                     }
                   ) : null,
-                  x ? /* @__PURE__ */ r(
+                  v ? /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: Ot,
                       style: { marginLeft: 8 },
-                      disabled: !Fe && !Be,
-                      children: D("clearSettings")
+                      disabled: !je && !Fe,
+                      children: k("clearSettings")
                     }
                   ) : null
                 ]
@@ -1712,14 +1711,14 @@ const Cn = ({
                 m,
                 {
                   height: _t,
-                  itemCount: ve,
-                  itemSize: ze,
+                  itemCount: xe,
+                  itemSize: Qe,
                   layout: "horizontal",
                   width: ue,
                   sortAsc: l.sortAsc,
                   setFilterSortColumn: Ye,
                   sortColumn: l.sortColumn,
-                  sortedRenderData: P,
+                  sortedRenderData: V,
                   className: "mig-schema-table__th-row",
                   children: ln
                 },
@@ -1732,34 +1731,34 @@ const Cn = ({
                 hn,
                 {
                   columnWidths: le,
-                  resizeColumnIndex: Ze,
-                  setResizeColumnIndex: Ae,
-                  tableBodyHeight: be
+                  resizeColumnIndex: Ve,
+                  setResizeColumnIndex: Ze,
+                  tableBodyHeight: pe
                 }
               ) : null
             ] }),
-            v && v.length === 0 ? /* @__PURE__ */ r("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
-            w ? Qt(
+            x && x.length === 0 ? /* @__PURE__ */ r("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
+            z ? Qt(
               /* @__PURE__ */ r(
                 mn,
                 {
-                  isFilterable: i && w.propConfig?.isFilterable !== !1,
+                  isFilterable: i && z.propConfig?.isFilterable !== !1,
                   isSortable: Dt(
                     te,
-                    J.properties[w.propName],
-                    w.propConfig
+                    Z.properties[z.propName],
+                    z.propConfig
                   ),
                   onChange: Nt,
                   onClose: Lt,
                   onInputKeyDown: it,
-                  propConfig: w.propConfig,
-                  propIsRequired: w.propIsRequired,
-                  propName: w.propName,
-                  propSchema: J.properties[w.propName],
-                  referenceElement: w.referenceElement,
+                  propConfig: z.propConfig,
+                  propIsRequired: z.propIsRequired,
+                  propName: z.propName,
+                  propSchema: Z.properties[z.propName],
+                  referenceElement: z.referenceElement,
                   setFilterSortColumn: Ye,
-                  translate: D,
-                  value: l.columnFilterMap ? l.columnFilterMap[w.propName] : null
+                  translate: k,
+                  value: l.columnFilterMap ? l.columnFilterMap[z.propName] : null
                 }
               ),
               document.body
@@ -1770,28 +1769,28 @@ const Cn = ({
     }
   );
 }, yn = e.forwardRef(Cn), Rn = e.memo(yn), Wn = e.memo(({ refresh: t, period: s = 60 }) => {
-  const [m, g] = e.useState(/* @__PURE__ */ new Date()), [p, h] = e.useState(/* @__PURE__ */ new Date()), S = e.useCallback(() => {
+  const [m, g] = e.useState(/* @__PURE__ */ new Date()), [p, h] = e.useState(/* @__PURE__ */ new Date()), I = e.useCallback(() => {
     h(/* @__PURE__ */ new Date()), t();
   }, [t]), C = e.useMemo(
     () => Jt(m, p),
     [m, p]
   );
   e.useEffect(() => {
-    C > s && S();
-  }, [C, m, p, s, S]), e.useEffect(() => {
-    const E = setInterval(() => {
+    C > s && I();
+  }, [C, m, p, s, I]), e.useEffect(() => {
+    const A = setInterval(() => {
       g(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => {
-      clearInterval(E);
+      clearInterval(A);
     };
   }, []);
-  const W = s - C;
+  const R = s - C;
   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")
@@ -1801,8 +1800,8 @@ const Cn = ({
 });
 export {
   kt as DEFAULT_DATE_FORMAT,
-  Ve as DEFAULT_DATE_TIME_FORMAT,
-  Oe as EColumnFilterStatus,
+  Je as DEFAULT_DATE_TIME_FORMAT,
+  $e as EColumnFilterStatus,
   xt as MINIMUM_COLUMN_WIDTH,
   nn as RESIZER_WIDTH,
   Wn as Refresher,