mig-schema-table 5.0.18 → 5.0.19

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

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