mig-schema-table 5.0.17 → 5.0.19

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

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