mig-schema-table 5.0.20 → 5.0.21

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

@@ -1,44 +1,44 @@
-import { jsx as s, jsxs as B, Fragment as en } from "react/jsx-runtime";
-import * as tn from "react";
+import { jsx as r, jsxs as B, Fragment as Kt } from "react/jsx-runtime";
+import * as en from "react";
 import e from "react";
-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 { createPortal as tn } from "react-dom";
+import { VariableSizeGrid as _t, VariableSizeList as nn } from "react-window";
+import { format as rn, endOfDay as sn, differenceInSeconds as on } from "date-fns";
+import { nl as an } from "date-fns/locale";
+import { unCamel as ln, emptyFn as be, timeZone as Ne, localeFormatInTimeZone as St, parseLocationHash as Ct, serializeLocationHash as He } from "mig-data-tools";
+import { range as cn, debounce as un, difference as dn, isEqual as Xe, isFinite as mn, sum as hn } from "lodash";
+import wt from "react-datepicker";
+import vt from "react-select";
+import { nl as yt } 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) => (
+import { useFloating as kt, flip as Dt } from "@floating-ui/react-dom";
+import fn from "react-window-infinite-loader";
+import { saveAs as gn } from "file-saver";
+const ct = (s, o) => (
   // replace jan. with jan
-  sn(n, o, { locale: ln }).replace(".", "")
-), pn = {
+  rn(s, o, { locale: an }).replace(".", "")
+), bn = {
   "Europe/Amsterdam": "AMS",
   "Europe/Berlin": "AMS",
   "Asia/Jakarta": "JKT",
   "Asia/Bangkok": "JKT",
   showingFilteredCountOfTotalCount: "Showing {0} of {1}"
 };
-function Tt(n, ...o) {
-  let h = pn[n] || cn(n);
+function xt(s, ...o) {
+  let h = bn[s] || ln(s);
   return o.forEach((p, _) => {
     h = h.replace(`{${_}}`, `${p}`);
   }), h;
 }
-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([
+const ee = "SELECT_ALL_COLUMN_NAME", Tt = 40, we = "__drag_handle__", Mt = 32, Rt = "dd MMM yyyy", Ye = "dd MMM yyyy HH:mm", $t = 25, At = 50, pn = 3;
+var pe = /* @__PURE__ */ ((s) => (s.GT = "GT", s.LT = "LT", s.EQ = "EQ", s))(pe || {});
+const Et = /* @__PURE__ */ new Map([
   [!0, "✓"],
   [!1, "✕"],
   [null, "?"]
 ]);
-var Qe = /* @__PURE__ */ ((n) => (n.UNAVAILABLE = "UNAVAILABLE", n.AVAILABLE = "AVAILABLE", n.ACTIVE = "ACTIVE", n))(Qe || {});
-const Ie = tn.createContext({
+var Be = /* @__PURE__ */ ((s) => (s.UNAVAILABLE = "UNAVAILABLE", s.AVAILABLE = "AVAILABLE", s.ACTIVE = "ACTIVE", s))(Be || {});
+const Ie = en.createContext({
   checkedIndexes: [],
   columnNames: [],
   columnWidths: new Uint16Array(),
@@ -67,13 +67,13 @@ const Ie = tn.createContext({
     sortAsc: !1
   },
   translate: be
-}), Cn = { type: "boolean" }, wn = ({ columnIndex: n, rowIndex: o, style: h }) => {
+}), _n = { type: "boolean" }, Cn = ({ columnIndex: s, rowIndex: o, style: h }) => {
   const {
     checkedIndexes: p,
     columnNames: _,
     config: f,
     disabledCheckedIndexes: L,
-    displayTimezone: C,
+    displayTimezone: w,
     getRowClassName: O,
     getRowSelected: N,
     isItemLoaded: I,
@@ -86,43 +86,43 @@ const Ie = tn.createContext({
     setCheckedIndexes: q,
     setLastCheckChangedRowIndex: b,
     setRowDropTargetRowIndex: u,
-    sortedRenderData: r,
+    sortedRenderData: n,
     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]);
+  } = e.useContext(Ie), W = _[s], ce = W === ee ? _n : Y[W], G = f ? f[W] : void 0, v = e.useCallback(
+    (C) => {
+      q && q((T) => T && T.includes(C) ? T.filter((x) => x !== C) : T ? [...T, C] : [C]);
     },
     [q]
   ), J = I(o), ne = e.useCallback(
-    (w) => {
-      if (!g || !r || !M || !J)
+    (C) => {
+      if (!g || !n || !M || !J)
         return;
-      const { rowIndex: T } = w.currentTarget.dataset;
+      const { rowIndex: T } = C.currentTarget.dataset;
       if (!T)
         return;
-      const A = r[parseInt(T, 10)];
-      M(g[A._index], A._index, w);
+      const A = n[parseInt(T, 10)];
+      M(g[A._index], A._index, C);
     },
-    [J, M, r, g]
+    [J, M, n, g]
   ), re = e.useCallback(
-    (w) => {
-      if (!g || !r || !D || !J)
+    (C) => {
+      if (!g || !n || !D || !J)
         return;
-      const { rowIndex: T } = w.currentTarget.dataset;
+      const { rowIndex: T } = C.currentTarget.dataset;
       if (!T)
         return;
-      const A = r[parseInt(T, 10)];
-      D(g[A._index], A._index, w);
+      const A = n[parseInt(T, 10)];
+      D(g[A._index], A._index, C);
     },
-    [J, D, r, g]
-  ), R = 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 (!R || !r)
+    [J, D, n, g]
+  ), R = n ? n[o] : void 0, { showTimezones: ae, TdBody: Z } = G || {}, ue = e.useMemo(() => w ? null : Ne.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [w]), j = e.useMemo(() => {
+    if (!R || !n)
       return;
-    let w = W === ee ? void 0 : R[W];
+    let C = W === ee ? void 0 : R[W];
     if (ce?.format && ce.format === "date-time" && ae !== !1) {
       const A = g ? g[R._index] : void 0, x = A ? A[W] : void 0, Q = x ? new Date(x) : void 0;
-      Q && ue && (w = `${Rt(
+      Q && ue && (C = `${St(
         Q,
         ue,
         Ye
@@ -134,7 +134,7 @@ const Ie = tn.createContext({
       `mig-schema-table__td--prop-${W}`
     ];
     switch (o === te && T.push("mig-schema-table__td--row-drop-target"), g && N && N(g[R._index], R._index) && T.push("mig-schema-table__td--selected"), g && O && T.push(
-      O(g[R._index], R._index, r)
+      O(g[R._index], R._index, n)
     ), ce?.type) {
       case "boolean":
         T.push(`text-${G?.align || "center"}`);
@@ -148,16 +148,16 @@ const Ie = tn.createContext({
     }
     return {
       "data-row-index": o,
-      "data-column-index": n,
+      "data-column-index": s,
       style: h,
       className: T.join(" "),
-      title: w,
+      title: C,
       onClick: W === ee ? void 0 : ne,
       onDoubleClick: W === ee ? void 0 : re
     };
   }, [
     R,
-    r,
+    n,
     W,
     ce,
     ae,
@@ -166,7 +166,7 @@ const Ie = tn.createContext({
     g,
     N,
     O,
-    n,
+    s,
     h,
     ne,
     re,
@@ -174,19 +174,19 @@ const Ie = tn.createContext({
     oe,
     G
   ]), he = e.useCallback(
-    (w) => {
+    (C) => {
       if (!v || !R)
         return;
-      const T = parseInt(w.currentTarget.dataset.rowIndex);
-      if (w.shiftKey && $ !== void 0) {
+      const T = parseInt(C.currentTarget.dataset.rowIndex);
+      if (C.shiftKey && $ !== void 0) {
         const A = p?.includes($) ? $ : void 0;
-        if (A !== void 0 && r) {
+        if (A !== void 0 && n) {
           const x = o;
-          for (const Q of un(
+          for (const Q of cn(
             x > A ? A + 1 : x,
             x > A ? x + 1 : A
           )) {
-            const Me = r[Q]._index;
+            const Me = n[Q]._index;
             (!L || !L.includes(Me)) && v(Me);
           }
         }
@@ -202,40 +202,40 @@ const Ie = tn.createContext({
       R,
       o,
       b,
-      r
+      n
     ]
   ), ve = e.useRef(null);
   if (!R || !j)
     return null;
   if (!I || g && !g[R._index])
-    return /* @__PURE__ */ s("div", { ...j, children: "loading" });
+    return /* @__PURE__ */ r("div", { ...j, children: "loading" });
   if (W === we)
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ r(
       "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));
+        onDragStart: (C) => {
+          C.dataTransfer.effectAllowed = "move", C.dataTransfer.setData("row-drag-index", String(o));
         },
-        onDragOver: (w) => {
-          w.preventDefault(), w.dataTransfer.dropEffect = "move", u(o);
+        onDragOver: (C) => {
+          C.preventDefault(), C.dataTransfer.dropEffect = "move", u(o);
         },
         onDragEnd: () => u(-1),
-        onDrop: (w) => {
-          w.preventDefault(), u(-1);
+        onDrop: (C) => {
+          C.preventDefault(), u(-1);
           const T = parseInt(
-            w.dataTransfer.getData("row-drag-index"),
+            C.dataTransfer.getData("row-drag-index"),
             10
           );
           isNaN(T) || S(T, o);
         },
-        children: /* @__PURE__ */ s("span", { className: "mig-schema-table__td--drag-handle__icon", children: "⠿" })
+        children: /* @__PURE__ */ r("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(
+    return /* @__PURE__ */ r("div", { ...j, onMouseDown: he, children: /* @__PURE__ */ r("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ r(
       "input",
       {
         ref: ve,
@@ -246,7 +246,7 @@ const Ie = tn.createContext({
       }
     ) }) });
   if (Z && g)
-    return /* @__PURE__ */ s("div", { ...j, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ r("div", { ...j, children: /* @__PURE__ */ r(
       Z,
       {
         dataIndex: R._index,
@@ -256,7 +256,7 @@ const Ie = tn.createContext({
       }
     ) });
   const se = R[W];
-  return ce?.format === "url" && se ? /* @__PURE__ */ s(
+  return ce?.format === "url" && se ? /* @__PURE__ */ r(
     "a",
     {
       href: se,
@@ -265,40 +265,40 @@ const Ie = tn.createContext({
       ...j,
       children: se
     }
-  ) : /* @__PURE__ */ s("div", { ...j, children: se });
-}, Nt = e.memo(wn);
-function vn() {
-  const { checkedIndexes: n, disabledCheckedIndexes: o, sortedRenderData: h } = e.useContext(Ie);
+  ) : /* @__PURE__ */ r("div", { ...j, children: se });
+}, Lt = e.memo(Cn);
+function wn() {
+  const { checkedIndexes: s, disabledCheckedIndexes: o, sortedRenderData: h } = e.useContext(Ie);
   return e.useMemo(() => {
     const p = [...h || []].filter(
-      (_) => (n ? n.includes(_._index) : !0) || (o ? !o.includes(_._index) : !0)
+      (_) => (s ? s.includes(_._index) : !0) || (o ? !o.includes(_._index) : !0)
     );
-    return n?.length !== 0 && p.length === n?.length;
-  }, [n, o, h]);
+    return s?.length !== 0 && p.length === s?.length;
+  }, [s, o, h]);
 }
-function Wt(n, o, h) {
-  return !!(n && h?.isSortable !== !1 && (o || h?.renderData || h?.sort));
+function Ot(s, o, h) {
+  return !!(s && h?.isSortable !== !1 && (o || h?.renderData || h?.sort));
 }
-function jt() {
-  const { setCustomColumnWidths: n, settingsStorageKey: o } = e.useContext(Ie);
+function Wt() {
+  const { setCustomColumnWidths: s, settingsStorageKey: o } = e.useContext(Ie);
   return e.useCallback(
     (h) => {
       o && localStorage.setItem(
         `${o}.columnWidths`,
         JSON.stringify(Array.from(h))
-      ), n(h);
+      ), s(h);
     },
-    [n, o]
+    [s, o]
   );
 }
-const yn = ({ index: n, style: o }) => {
+const vn = ({ index: s, style: o }) => {
   const {
     checkedIndexes: h,
     columnNames: p,
     columnWidths: _,
     config: f,
     disabledCheckedIndexes: L,
-    dropTargetIndex: C,
+    dropTargetIndex: w,
     isColumnFilterable: O,
     isSortable: N,
     setCheckedIndexes: I,
@@ -311,12 +311,12 @@ const yn = ({ index: n, style: o }) => {
     settingsStorageKey: q,
     tableDataState: b,
     sortedRenderData: u,
-    translate: r,
+    translate: n,
     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 R = O && (J || re?.FilterMenu) && re?.isFilterable !== !1 ? Qe.AVAILABLE : Qe.UNAVAILABLE;
-  b.columnFilterMap && b.columnFilterMap[v] !== void 0 && (R = Qe.ACTIVE);
-  const ae = Wt(
+  } = e.useContext(Ie), [oe, W] = e.useState(!1), ce = s === w, G = Wt(), v = p[s], J = v === ee ? { type: "boolean" } : $[v], ne = b.sortColumn === v ? b.sortAsc : void 0, re = f ? f[v] : void 0;
+  let R = O && (J || re?.FilterMenu) && re?.isFilterable !== !1 ? Be.AVAILABLE : Be.UNAVAILABLE;
+  b.columnFilterMap && b.columnFilterMap[v] !== void 0 && (R = Be.ACTIVE);
+  const ae = Ot(
     N,
     J,
     re
@@ -333,7 +333,7 @@ const yn = ({ index: n, style: o }) => {
     defaultSortDesc: he,
     showTimezones: ve = !g,
     title: se
-  } = re || {}, w = e.useCallback(() => {
+  } = re || {}, C = e.useCallback(() => {
     if (ae) {
       if (ne === void 0) {
         Y(v, !he);
@@ -361,16 +361,16 @@ const yn = ({ index: n, style: o }) => {
       });
     },
     [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(
+  ), x = e.useMemo(() => se !== void 0 ? se : ue === "date-time" && ve ? `${n(v)} (${n(g || Ne)})` : n(v), [se, ue, ve, n, v, g]), Q = e.useCallback(
     (U, fe) => {
       if (!p || !_)
         return;
       const ye = p.indexOf(U), ke = [...p];
       ke.splice(ye, 1);
-      const H = ke.indexOf(fe);
-      ke.splice(H + 1, 0, U), D(ke);
-      const _e = [..._], Oe = _e[ye];
-      _e.splice(ye, 1), _e.splice(H + 1, 0, Oe), G(new Uint16Array(_e)), q && localStorage.setItem(
+      const X = ke.indexOf(fe);
+      ke.splice(X + 1, 0, U), D(ke);
+      const _e = [..._], ze = _e[ye];
+      _e.splice(ye, 1), _e.splice(X + 1, 0, ze), G(new Uint16Array(_e)), q && localStorage.setItem(
         `${q}.columnNames`,
         JSON.stringify(ke)
       );
@@ -389,11 +389,11 @@ const yn = ({ index: n, style: o }) => {
     [Q, v]
   ), Se = e.useCallback(() => {
     Q && (W(!1), S(-1));
-  }, [Q, S]), ze = e.useCallback(
+  }, [Q, S]), Qe = e.useCallback(
     (U) => {
-      Q && (U.preventDefault(), S(n));
+      Q && (U.preventDefault(), S(s));
     },
-    [n, Q, S]
+    [s, Q, S]
   ), Re = e.useCallback(
     (U) => {
       if (S(-1), !Q || !v)
@@ -402,7 +402,7 @@ const yn = ({ index: n, style: o }) => {
       !fe || fe === v || Q(fe, v);
     },
     [Q, v, S]
-  ), Ae = vn(), Ke = e.useCallback(() => {
+  ), Ae = wn(), Ke = e.useCallback(() => {
     !I || !u || I(
       Ae ? [] : u.map((U) => U._index).filter((U) => !L?.includes(U))
     );
@@ -413,7 +413,7 @@ const yn = ({ index: n, style: o }) => {
     L
   ]);
   if (v === we)
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ r(
       "div",
       {
         style: o,
@@ -421,7 +421,7 @@ const yn = ({ index: n, style: o }) => {
       }
     );
   if (v === ee)
-    return /* @__PURE__ */ s("div", { style: o, className: Z.join(" "), children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ r("div", { style: o, className: Z.join(" "), children: /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -429,7 +429,7 @@ const yn = ({ index: n, style: o }) => {
           textAlign: "center"
         },
         title: `${h?.length || 0} selected`,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
@@ -467,7 +467,7 @@ const yn = ({ index: n, style: o }) => {
       draggable: !0,
       onDragStart: Me,
       onDragEnd: Se,
-      onDragOver: ze,
+      onDragOver: Qe,
       onDrop: Re,
       children: [
         /* @__PURE__ */ B(
@@ -475,19 +475,19 @@ const yn = ({ index: n, style: o }) => {
           {
             className: "mig-schema-table__th__label-body",
             style: { lineHeight: "44px" },
-            onClick: w,
+            onClick: C,
             children: [
-              /* @__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 ? "↓" : "↑" })
+              /* @__PURE__ */ r("span", { className: "mig-schema-table__th__label-body-text", children: x }),
+              ne === void 0 ? null : /* @__PURE__ */ r("span", { className: "mig-schema-table__th__sort-icon", children: ne ? "↓" : "↑" })
             ]
           }
         ),
-        ae || R !== Qe.UNAVAILABLE ? /* @__PURE__ */ s(
+        ae || R !== Be.UNAVAILABLE ? /* @__PURE__ */ r(
           "button",
           {
             className: "mig-schema-table__th__trigger-el",
             onClick: A,
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -499,7 +499,7 @@ const yn = ({ index: n, style: o }) => {
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ s("polyline", { points: "6 9 12 15 18 9" })
+                children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
               }
             )
           }
@@ -507,13 +507,13 @@ const yn = ({ index: n, style: o }) => {
       ]
     }
   );
-}, kn = e.memo(yn), Dn = {
+}, yn = e.memo(vn), kn = {
   [pe.GT]: ">",
   [pe.LT]: "<",
   [pe.EQ]: "="
-}, xn = e.memo(
+}, Dn = e.memo(
   ({
-    columnFilterValue: n,
+    columnFilterValue: s,
     onChange: o,
     onInputKeyDown: h,
     propIsRequired: p,
@@ -521,12 +521,12 @@ const yn = ({ index: n, style: o }) => {
     propSchema: f,
     translate: L
   }) => {
-    const { displayTimezone: C } = e.useContext(Ie), { type: O, format: N, minimum: I, maximum: $ } = f || {}, M = n, D = N === "date-time";
+    const { displayTimezone: w } = e.useContext(Ie), { type: O, format: N, minimum: I, maximum: $ } = f || {}, M = s, D = N === "date-time";
     let S, Y;
     switch (O) {
       case "number":
       case "integer":
-        return S = M || {}, Y = (b, u, r) => {
+        return S = M || {}, Y = (b, u, n) => {
           const g = {
             ...S,
             [b]: u.value === "" ? void 0 : parseInt(u.value)
@@ -535,12 +535,12 @@ const yn = ({ index: n, style: o }) => {
           );
           o(
             oe !== void 0 && (I === void 0 || oe >= I) ? g : void 0,
-            r
+            n
           );
         }, /* @__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(
+              /* @__PURE__ */ r(
                 "input",
                 {
                   type: "checkbox",
@@ -557,13 +557,13 @@ const yn = ({ index: n, style: o }) => {
               ),
               "Hide empty values"
             ] }),
-            /* @__PURE__ */ s("hr", {})
+            /* @__PURE__ */ r("hr", {})
           ] }),
           Object.keys(pe).map((b) => {
             const u = S[b];
             return /* @__PURE__ */ B("li", { children: [
-              /* @__PURE__ */ s("label", { style: { width: 40, paddingLeft: 16 }, children: Dn[b] }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r("label", { style: { width: 40, paddingLeft: 16 }, children: kn[b] }),
+              /* @__PURE__ */ r(
                 "input",
                 {
                   className: "form-control",
@@ -571,17 +571,17 @@ const yn = ({ index: n, style: o }) => {
                   type: "number",
                   value: u !== void 0 ? u : "",
                   "data-prop-name": _,
-                  onChange: (r) => {
+                  onChange: (n) => {
                     Y(
                       b,
-                      r.currentTarget,
+                      n.currentTarget,
                       !1
                     );
                   },
-                  onBlur: (r) => {
+                  onBlur: (n) => {
                     Y(
                       b,
-                      r.currentTarget,
+                      n.currentTarget,
                       !0
                     );
                   },
@@ -598,10 +598,10 @@ const yn = ({ index: n, style: o }) => {
         p || te.push(null);
         const q = M ? M.map((b) => ({
           value: b,
-          label: Lt.get(b)
+          label: Et.get(b)
         })) : null;
-        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,
+        return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+          vt,
           {
             autoFocus: !0,
             menuIsOpen: !0,
@@ -613,7 +613,7 @@ const yn = ({ index: n, style: o }) => {
             value: q,
             options: te.map((b) => ({
               value: b,
-              label: Lt.get(b)
+              label: Et.get(b)
             })),
             styles: {
               menu: (b) => ({
@@ -622,7 +622,7 @@ const yn = ({ index: n, style: o }) => {
               })
             },
             onChange: (b) => {
-              const u = b && b.length ? b.map(({ value: r }) => r) : void 0;
+              const u = b && b.length ? b.map(({ value: n }) => n) : void 0;
               o(u, !0);
             },
             onKeyDown: h
@@ -631,14 +631,14 @@ const yn = ({ index: n, style: o }) => {
       // @ts-expect-error falls through
       case "string":
         if (f?.enum) {
-          const b = f.enum.map((r) => ({
-            value: r,
-            label: L(r)
+          const b = f.enum.map((n) => ({
+            value: n,
+            label: L(n)
           })), u = b.filter(
-            (r) => (M || []).includes(r.value)
+            (n) => (M || []).includes(n.value)
           );
-          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,
+          return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+            vt,
             {
               isMulti: !0,
               autoFocus: !0,
@@ -648,13 +648,13 @@ const yn = ({ index: n, style: o }) => {
               value: u,
               options: b,
               styles: {
-                menu: (r) => ({
-                  ...r,
+                menu: (n) => ({
+                  ...n,
                   marginTop: 0
                 })
               },
-              onChange: (r) => {
-                const g = r ? r.map(
+              onChange: (n) => {
+                const g = n ? n.map(
                   (oe) => oe.value
                 ) : [];
                 o(g.length ? g : void 0, !0);
@@ -665,7 +665,7 @@ const yn = ({ index: n, style: o }) => {
           ) }) });
         }
         if (D || N === "date") {
-          const b = D ? Ye : $t, u = n || {
+          const b = D ? Ye : Rt, u = s || {
             from: void 0,
             to: void 0,
             filterEmpty: void 0
@@ -673,14 +673,14 @@ const yn = ({ index: n, style: o }) => {
           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(
+                /* @__PURE__ */ r(
                   "input",
                   {
                     type: "checkbox",
                     checked: !!u.filterEmpty,
                     onChange: () => {
-                      const { filterEmpty: r, ...g } = u;
-                      r || (g.filterEmpty = !0), o(
+                      const { filterEmpty: n, ...g } = u;
+                      n || (g.filterEmpty = !0), o(
                         Object.keys(g).length ? g : void 0,
                         !0
                       );
@@ -689,30 +689,30 @@ const yn = ({ index: n, style: o }) => {
                 ),
                 "Hide empty values"
               ] }),
-              /* @__PURE__ */ s("hr", {})
+              /* @__PURE__ */ r("hr", {})
             ] }),
             /* @__PURE__ */ B("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ s("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
-              /* @__PURE__ */ s(
-                vt,
+              /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
+              /* @__PURE__ */ r(
+                wt,
                 {
                   dateFormat: b,
                   "data-prop-name": _,
-                  locale: kt,
+                  locale: yt,
                   selected: u.from ? new Ve(u.from).withTimeZone(
-                    C || Ne
+                    w || Ne
                   ) : null,
-                  onChange: (r) => {
-                    if (!r && !u.to) {
+                  onChange: (n) => {
+                    if (!n && !u.to) {
                       o(void 0, !0);
                       return;
                     }
-                    if (u.to && r && r > u.to)
+                    if (u.to && n && n > u.to)
                       return;
-                    const g = r ? Ve.tz(C || Ne, r) : void 0;
+                    const g = n ? Ve.tz(w || Ne, n) : void 0;
                     o(
                       {
-                        ...n,
+                        ...s,
                         from: g
                       },
                       !0
@@ -731,29 +731,29 @@ const yn = ({ index: n, style: o }) => {
               )
             ] }),
             /* @__PURE__ */ B("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ s("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
-              /* @__PURE__ */ s(
-                vt,
+              /* @__PURE__ */ r("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
+              /* @__PURE__ */ r(
+                wt,
                 {
                   id: "filter-date",
                   dateFormat: b,
                   "data-prop-name": _,
-                  locale: kt,
+                  locale: yt,
                   selectsEnd: !0,
                   selected: u.to ? new Ve(u.to).withTimeZone(
-                    C || Ne
+                    w || Ne
                   ) : null,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
-                  onChange: (r) => {
-                    if (!r && !u.from) {
+                  onChange: (n) => {
+                    if (!n && !u.from) {
                       o(void 0, !0);
                       return;
                     }
-                    const g = r ? D ? Ve.tz(C || Ne, r) : on(r) : void 0;
+                    const g = n ? D ? Ve.tz(w || Ne, n) : sn(n) : void 0;
                     u.from && g && g < u.from || o(
                       {
-                        ...n,
+                        ...s,
                         to: g
                       },
                       !0
@@ -774,7 +774,7 @@ const yn = ({ index: n, style: o }) => {
         }
       // falls through
       default:
-        return /* @__PURE__ */ s("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+        return /* @__PURE__ */ r("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
           "input",
           {
             autoFocus: !0,
@@ -785,17 +785,17 @@ const yn = ({ index: n, style: o }) => {
             value: Array.isArray(M) ? M.join(",") : M || "",
             "data-prop-name": _,
             onChange: (b) => {
-              const u = b.currentTarget.value, r = u ? u.split(",") : [];
+              const u = b.currentTarget.value, n = u ? u.split(",") : [];
               o(
-                (r.length > 1 ? r : r[0]) || void 0,
+                (n.length > 1 ? n : n[0]) || void 0,
                 !1
               );
             },
             onKeyDown: h,
             onBlur: (b) => {
-              const u = b.currentTarget.value, r = u ? u.split(",") : [];
+              const u = b.currentTarget.value, n = u ? u.split(",") : [];
               o(
-                (r.length > 1 ? r : r[0]) || void 0,
+                (n.length > 1 ? n : n[0]) || void 0,
                 !0
               );
             }
@@ -803,42 +803,42 @@ const yn = ({ index: n, style: o }) => {
         ) }) });
     }
   }
-), Tn = ({
-  isSortable: n,
+), xn = ({
+  isSortable: s,
   isFilterable: o,
   onChange: h,
   onClose: p,
   onInputKeyDown: _,
   propConfig: f,
   propIsRequired: L,
-  propName: C,
+  propName: w,
   propSchema: O,
   referenceElement: N,
   setFilterSortColumn: I,
   translate: $,
   value: M
 }) => {
-  const D = Dt({
+  const D = kt({
     placement: "bottom-start",
     elements: {
       reference: N
     },
-    middleware: [xt()]
-  }), S = Dt({
+    middleware: [Dt()]
+  }), S = kt({
     placement: "right-start",
-    middleware: [xt()]
+    middleware: [Dt()]
   });
   e.useEffect(() => {
-    const u = (r) => {
+    const u = (n) => {
       if (!D.elements.floating)
         return;
-      let g = r.target;
+      let g = n.target;
       for (; g && D.elements.floating; ) {
         if (g === D.elements.floating || g === S.elements.floating)
           return;
         g = g.parentNode === window.document ? null : g.parentNode;
       }
-      p(r);
+      p(n);
     };
     return window.addEventListener("click", u, { capture: !0 }), () => {
       window.removeEventListener("click", u, { capture: !0 });
@@ -848,34 +848,34 @@ const yn = ({ index: n, style: o }) => {
     p,
     S.elements.floating
   ]);
-  const Y = f?.FilterMenu || xn, te = e.useCallback(
+  const Y = f?.FilterMenu || Dn, te = e.useCallback(
     (u) => {
-      I(C, !0), p(u);
+      I(w, !0), p(u);
     },
-    [p, C, I]
+    [p, w, I]
   ), q = e.useCallback(
     (u) => {
-      I(C, !1), p(u);
+      I(w, !1), p(u);
     },
-    [p, C, I]
+    [p, w, I]
   ), b = e.useCallback(() => {
     h(void 0, !0);
   }, [h]);
-  return !n && !o ? null : /* @__PURE__ */ B(en, { children: [
-    /* @__PURE__ */ s(
+  return !s && !o ? null : /* @__PURE__ */ B(Kt, { children: [
+    /* @__PURE__ */ r(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu",
         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: "↓" }),
+          s ? /* @__PURE__ */ B("li", { onClick: te, style: { padding: 8 }, children: [
+            /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
             $("sortAscending")
           ] }) : null,
-          n ? /* @__PURE__ */ B("li", { onClick: q, style: { padding: 8 }, children: [
-            /* @__PURE__ */ s("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
+          s ? /* @__PURE__ */ B("li", { onClick: q, style: { padding: 8 }, children: [
+            /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
             $("sortDescending")
           ] }) : null,
@@ -887,7 +887,7 @@ const yn = ({ index: n, style: o }) => {
                 S.refs.setReference(u.currentTarget);
               },
               children: [
-                /* @__PURE__ */ s("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ s(
+                /* @__PURE__ */ r("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ r(
                   "input",
                   {
                     type: "checkbox",
@@ -897,28 +897,28 @@ const yn = ({ index: n, style: o }) => {
                     onChange: b
                   }
                 ) }),
-                /* @__PURE__ */ s("label", { htmlFor: "mig-schema-table__th-menu__filters", children: $("filters") }),
-                /* @__PURE__ */ s("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
+                /* @__PURE__ */ r("label", { htmlFor: "mig-schema-table__th-menu__filters", children: $("filters") }),
+                /* @__PURE__ */ r("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
               ]
             }
           ) : null
         ] })
       }
     ),
-    S.elements.reference ? /* @__PURE__ */ s(
+    S.elements.reference ? /* @__PURE__ */ r(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
         ref: S.refs.setFloating,
         style: S.floatingStyles,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ r(
           Y,
           {
             columnFilterValue: M,
             onChange: h,
             onInputKeyDown: _,
             propIsRequired: L,
-            propName: C,
+            propName: w,
             propSchema: O,
             translate: $
           }
@@ -926,20 +926,20 @@ const yn = ({ index: n, style: o }) => {
       }
     ) : null
   ] });
-}, Mn = e.memo(Tn), An = ({
-  columnWidths: n,
+}, Tn = e.memo(xn), Mn = ({
+  columnWidths: s,
   resizeColumnIndex: o,
   setResizeColumnIndex: h,
   tableBodyHeight: p
 }) => {
-  const [_, f] = e.useState(0), L = jt(), C = e.useCallback(
+  const [_, f] = e.useState(0), L = Wt(), w = e.useCallback(
     ($) => {
-      const M = n.map(
-        (D, S) => S === o ? Math.max(D + $, Ot) : D
+      const M = s.map(
+        (D, S) => S === o ? Math.max(D + $, $t) : D
       );
       L(M);
     },
-    [n, o, L]
+    [s, o, L]
   );
   let O = 0;
   const N = e.useCallback(
@@ -949,17 +949,17 @@ const yn = ({ index: n, style: o }) => {
     [h]
   ), I = e.useCallback(
     ($) => {
-      C($.clientX - _), f(0), h(-1);
+      w($.clientX - _), f(0), h(-1);
     },
-    [_, C, h]
+    [_, w, h]
   );
-  return /* @__PURE__ */ s("div", { children: [...n].map(($, M) => {
+  return /* @__PURE__ */ r("div", { children: [...s].map(($, M) => {
     O += $;
     const D = ["mig-schema-table__column_resizer"];
-    return M === o && D.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ s(
+    return M === o && D.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ r(
       "div",
       {
-        style: { left: O - _n, bottom: p },
+        style: { left: O - pn, bottom: p },
         className: D.join(" "),
         draggable: "true",
         "data-column-index": M,
@@ -969,82 +969,79 @@ const yn = ({ index: n, style: o }) => {
       M
     );
   }) });
-}, It = (n) => {
+}, Nt = (s) => {
   const [o, h] = e.useState({ width: 0, height: 0 }), p = e.useMemo(
-    () => dn(h, 100),
+    () => un(h, 100),
     []
   );
   return e.useEffect(() => {
-    if (!n)
+    if (!s)
       return;
     const _ = new ResizeObserver((f) => {
       for (const L of f) {
-        const { blockSize: C, inlineSize: O } = L.borderBoxSize[0];
+        const { blockSize: w, inlineSize: O } = L.borderBoxSize[0];
         p(
-          (N) => O && C && (N.width !== O || N.height !== C) ? { width: O, height: C } : N
+          (N) => O && w && (N.width !== O || N.height !== w) ? { width: O, height: w } : N
         );
       }
     });
-    return _.observe(n), () => {
+    return _.observe(s), () => {
       _.disconnect();
     };
-  }, [p, n]), o;
-}, En = () => new Promise((n, o) => {
+  }, [p, s]), o;
+}, An = () => new Promise((s, o) => {
   if (window.ExcelJS) {
-    n(window.ExcelJS);
+    s(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 = () => {
-    n(window.ExcelJS);
+    s(window.ExcelJS);
   }, h.onerror = () => {
     o(new Error("Failed to load ExcelJS library"));
   }, document.head.appendChild(h);
-}), Ln = async (n) => {
-  const { Workbook: o } = await En(), h = new o(), p = h.addWorksheet("Data");
-  n.length && (p.addRow(
-    mn(Object.keys(n[0]), [
+}), En = async (s) => {
+  const { Workbook: o } = await An(), h = new o(), p = h.addWorksheet("Data");
+  s.length && (p.addRow(
+    dn(Object.keys(s[0]), [
       "_index",
       "SELECT_ALL_COLUMN_NAME"
     ])
   ), p.getRow(1).font = { bold: !0 }, p.addRows(
-    n.map((_) => {
-      const { _index: f, SELECT_ALL_COLUMN_NAME: L, ...C } = _;
-      return Object.values(C);
+    s.map((_) => {
+      const { _index: f, SELECT_ALL_COLUMN_NAME: L, ...w } = _;
+      return Object.values(w);
     })
   ), h.xlsx.writeBuffer().then((_) => {
     const f = new Blob([_], {
       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
     });
-    bn(f, "export.xlsx");
+    gn(f, "export.xlsx");
   }).catch((_) => {
     console.error("Error generating Excel file:", _);
   }));
-}, St = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), Nn = new Intl.NumberFormat("nl-NL"), In = new Intl.NumberFormat("nl-NL", {
+}, It = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), Ln = new Intl.NumberFormat("nl-NL"), Nn = new Intl.NumberFormat("nl-NL", {
   style: "currency",
   currency: "EUR"
 });
-function Sn(n, o) {
+function In(s, o) {
   const { TdBody: h, sortByValue: p } = o || {};
   if (p !== void 0)
     return p;
-  if (!n)
+  if (!s)
     return !1;
-  const { format: _, type: f } = n;
+  const { format: _, type: f } = s;
   return _?.startsWith("date") || f === "boolean" || f === "integer" || f === "number" || !!h;
 }
-function ct(n) {
-  return n ? [...n.keys()] : void 0;
-}
-const Rn = ({
-  CustomElement: n,
+const Sn = ({
+  CustomElement: s,
   CustomSearchInput: o,
-  Heading: h = rn,
+  Heading: h = nn,
   autoRender: p,
   checkedIndexes: _,
   config: f,
   customElementProps: L,
-  data: C,
+  data: w,
   defaultColumnFilters: O,
   defaultSortAsc: N = !1,
   defaultSortColumn: I,
@@ -1057,7 +1054,7 @@ const Rn = ({
   getSearchQueryFilterResult: q,
   infiniteLoaderRef: b,
   isDraggable: u = !1,
-  isColumnFilterable: r = !0,
+  isColumnFilterable: n = !0,
   isExportable: g = !0,
   isResizable: oe = !0,
   isSearchable: W = !0,
@@ -1075,54 +1072,52 @@ const Rn = ({
   schema: he,
   searchPlaceholder: ve,
   setCheckedIndexes: se,
-  settingsStorageKey: w,
+  settingsStorageKey: C,
   style: T,
-  translate: A = Tt,
+  translate: A = xt,
   useFilterStateHash: x,
   width: Q
 }, Me) => {
-  const [Se, ze] = e.useState(), [Re, Ae] = e.useState(), [Ke, $e] = e.useState(-1), [U, 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
+  const [Se, Qe] = e.useState(), [Re, Ae] = e.useState(), [Ke, $e] = e.useState(-1), [U, fe] = e.useState(-1), [ye, ke] = e.useState(-1), X = w instanceof Function, [_e, ze] = e.useState(), [H, et] = e.useState(), [jt, Ft] = e.useState(), [y, tt] = e.useState(
+    X ? void 0 : w
   ), [De, nt] = e.useState(), [c, xe] = e.useState({
     searchQuery: "",
     columnFilterMap: O || {},
     sortColumn: I,
     sortAsc: N
-  }), [P, Qt] = e.useState(
-    x ? wt(window.location.hash) : null
+  }), [P, Bt] = e.useState(
+    x ? Ct(window.location.hash) : null
   );
   e.useEffect(() => {
-    H || (tt(C), Oe(ct(C)));
-  }, [C, H]), e.useEffect(() => {
-    !H || y !== void 0 || C(
+    X || tt(w);
+  }, [w, X]), e.useEffect(() => {
+    !X || y !== void 0 || w(
       P && Object.keys(P).length !== 0 ? {
         ...P,
         columnFilterMap: P.columnFilterMap || {}
       } : c
     ).then((t) => {
-      tt(t), Oe(ct(t));
+      tt(t);
     });
-  }, [C, H, P, y, c]), e.useEffect(() => {
+  }, [w, X, P, y, c]), e.useEffect(() => {
     De || nt(c);
   }, [c, De]), e.useEffect(() => {
     if (!x)
       return;
     const t = () => {
-      Qt(wt(window.location.hash));
+      Bt(Ct(window.location.hash));
     };
     return window.addEventListener("hashchange", t), () => {
       window.removeEventListener("hashchange", t);
     };
   }, [x]);
-  const dt = e.useRef(O);
-  dt.current = O, e.useEffect(() => {
+  const ut = e.useRef(O);
+  ut.current = O, e.useEffect(() => {
     if (!x)
       return;
     const { columnFilterMap: t, searchQuery: a, sortAsc: l, sortColumn: i } = P || {}, d = {
       searchQuery: a || "",
-      columnFilterMap: t || dt.current || {},
+      columnFilterMap: t || ut.current || {},
       sortAsc: l === void 0 ? N : l,
       sortColumn: i === void 0 ? I : i
     };
@@ -1132,19 +1127,19 @@ const Rn = ({
   }, [P, x, N, I]), 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(
+  const Ue = e.useRef(null), dt = e.useRef(null), mt = e.useRef(null), Pe = Nt(dt.current), ht = Nt(
+    mt.current
+  ), Oe = 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(
+  ), We = e.useMemo(() => !Xe(c, De) && X, [c, De, X]), { properties: ie, required: Qt } = e.useMemo(
     () => ({
       properties: {},
       required: [],
       ...he
     }),
     [he]
-  ), Je = w ? localStorage.getItem(`${w}.columnNames`) : null, Ge = w ? localStorage.getItem(`${w}.columnWidths`) : null, K = e.useMemo(() => {
+  ), Je = C ? localStorage.getItem(`${C}.columnNames`) : null, Ge = C ? localStorage.getItem(`${C}.columnWidths`) : null, K = e.useMemo(() => {
     if (Se)
       return Se;
     const t = Je ? JSON.parse(Je) : void 0;
@@ -1193,22 +1188,22 @@ const Rn = ({
               return l[i] = m === void 0 ? "?" : m ? "✓" : "✕", l;
             case "number":
             case "integer":
-              return m === void 0 ? (l[i] = "", l) : (l[i] = d.format === "currency" ? In.format(m) : Nn.format(m), l);
+              return m === void 0 ? (l[i] = "", l) : (l[i] = d.format === "currency" ? Nn.format(m) : Ln.format(m), l);
             // @ts-expect-error investigate
             case "string":
               if (d.format === "date" && m)
                 return l[i] = ["2999-12-31", "1970-01-01"].includes(
                   m
-                ) ? "-" : ut(
+                ) ? "-" : ct(
                   new Date(m),
-                  k?.dateFormat || $t
+                  k?.dateFormat || Rt
                 ), l;
               if (d.format === "date-time" && m)
-                return l[i] = M ? Rt(
+                return l[i] = M ? St(
                   new Date(m),
                   M,
                   Ye
-                ) : ut(
+                ) : ct(
                   new Date(m),
                   k?.dateFormat || Ye
                 ), l;
@@ -1227,11 +1222,11 @@ const Rn = ({
     let t = 0, a = 0;
     return (K || []).forEach((l) => {
       if (l === ee) {
-        t += Mt;
+        t += Tt;
         return;
       }
       if (l === we) {
-        t += At;
+        t += Mt;
         return;
       }
       const i = f ? f[l] : void 0;
@@ -1242,17 +1237,17 @@ const Rn = ({
       return new Uint16Array(Re);
     const t = Ge ? new Uint16Array(JSON.parse(Ge)) : void 0, a = Math.max(
       Math.floor(
-        (We - st) / rt
+        (Oe - st) / rt
       ),
-      Ot
+      $t
     );
-    let l = (We - st) % rt;
+    let l = (Oe - st) % rt;
     const i = new Uint16Array(
       K.map((d) => {
         if (d === ee)
-          return Mt;
+          return Tt;
         if (d === we)
-          return At;
+          return Mt;
         const k = f ? f[d] : void 0;
         return k?.width ? k?.width : l ? (l -= 1, a + 1) : a;
       })
@@ -1265,12 +1260,12 @@ const Rn = ({
     rt,
     st,
     Ge,
-    We
+    Oe
   ]), Ze = e.useCallback(
     (t) => le ? le[t] : 1,
     [le]
-  ), Fe = e.useMemo(() => {
-    if (!Te || !r && !W || H)
+  ), je = e.useMemo(() => {
+    if (!Te || !n && !W || X)
       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)
@@ -1292,8 +1287,6 @@ const Rn = ({
           const me = ie[k], E = y[i._index]?.[k];
           switch (me?.type) {
             case "boolean":
-              if (m === void 0)
-                return;
               if (Array.isArray(m) && m.length) {
                 m.includes(
                   E === void 0 ? null : E
@@ -1310,7 +1303,7 @@ const Rn = ({
                   pe
                 )) {
                   const ge = m[z];
-                  if (d && hn(ge))
+                  if (d && mn(ge))
                     switch (z) {
                       case pe.EQ:
                         E !== ge && (d = !1);
@@ -1332,12 +1325,12 @@ const Rn = ({
             // @ts-expect-error investigate
             case "string":
               if (typeof m == "object" && !Array.isArray(m) && (me.format === "date" || me.format === "date-time")) {
-                const { from: z, to: ge, filterEmpty: _t } = m;
+                const { from: z, to: ge, filterEmpty: pt } = m;
                 if (!E)
-                  d = !_t;
+                  d = !pt;
                 else {
                   const qe = E ? new Date(E) : void 0;
-                  (_t === !1 || z && (!qe || qe < z) || ge && (!qe || qe > ge)) && (d = !1);
+                  (pt === !1 || z && (!qe || qe < z) || ge && (!qe || qe > ge)) && (d = !1);
                 }
                 return;
               }
@@ -1360,9 +1353,9 @@ const Rn = ({
     });
   }, [
     Te,
-    r,
+    n,
     W,
-    H,
+    X,
     c,
     q,
     K,
@@ -1371,11 +1364,11 @@ const Rn = ({
     ie
   ]), ot = e.useMemo(() => {
     const { sortAsc: t, sortColumn: a } = c;
-    if (!a || !Fe || !y || H)
-      return Fe;
+    if (!a || !je || !y || X)
+      return je;
     const l = ie[a], i = f ? f[a] : void 0, d = i?.sort;
     if (d)
-      return Fe.sort((V, me) => {
+      return je.sort((V, me) => {
         const E = y[V._index], z = y[me._index];
         return E ? z ? d(
           E,
@@ -1383,25 +1376,25 @@ const Rn = ({
           t === void 0 ? N : t
         ) : -1 : 1;
       });
-    const k = l && l.format?.startsWith("date"), m = Sn(l, i);
-    return Fe.sort((V, me) => {
+    const k = l && l.format?.startsWith("date"), m = In(l, i);
+    return je.sort((V, me) => {
       let E = m && y[V._index] ? y[V._index][a] : `${V[a]}`.toLowerCase(), z = m && y[me._index] ? y[me._index][a] : `${me[a]}`.toLowerCase();
-      return m && k && (E = new Date(E), isNaN(E.getTime()) && (E = St), z = new Date(z), isNaN(z.getTime()) && (z = St)), E === z ? 0 : E == null ? t ? -1 : 1 : z == null ? t ? 1 : -1 : (E < z ? 1 : -1) * (t ? -1 : 1);
+      return m && k && (E = new Date(E), isNaN(E.getTime()) && (E = It), z = new Date(z), isNaN(z.getTime()) && (z = It)), E === z ? 0 : E == null ? t ? -1 : 1 : z == null ? t ? 1 : -1 : (E < z ? 1 : -1) * (t ? -1 : 1);
     });
   }, [
     f,
     N,
-    Fe,
-    H,
+    je,
+    X,
     ie,
     y,
     c
-  ]), F = e.useMemo(() => !_e?.length || !Te || c.sortColumn ? ot : _e.map((t) => Te[t]), [_e, Te, ot, c.sortColumn]), Ut = e.useCallback(
+  ]), F = e.useMemo(() => !_e?.length || !Te || c.sortColumn ? ot : _e.map((t) => Te[t]), [_e, Te, ot, c.sortColumn]), zt = 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) => ({
+      l.splice(d, 0, i), ze(l), xe((k) => ({
         ...k,
         sortColumn: void 0,
         sortAsc: void 0
@@ -1420,12 +1413,12 @@ const Rn = ({
     }),
     [F, Ue]
   );
-  const gt = e.useRef(void 0);
+  const ft = 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));
+    const t = F?.map((l) => l._index), a = ft.current;
+    a && a.sourceData === y && Xe(a.indices, t) || (ft.current = { sourceData: y, indices: t }, ue?.(F));
   }, [F, ue, y]);
-  const bt = e.useCallback(
+  const gt = e.useCallback(
     (t) => {
       const a = { ...c.columnFilterMap };
       delete a[t], xe({
@@ -1436,7 +1429,7 @@ const Rn = ({
     [c]
   ), at = e.useCallback(
     (t, a) => {
-      if (x) {
+      if (ze(void 0), x) {
         window.location.hash = He({
           ...P,
           sortColumn: t,
@@ -1447,7 +1440,7 @@ const Rn = ({
       xe({ ...c, sortColumn: t, sortAsc: a });
     },
     [c, P, x]
-  ), Pt = e.useCallback(
+  ), Ut = e.useCallback(
     (t) => {
       xe({
         ...c,
@@ -1482,59 +1475,59 @@ const Rn = ({
     Le,
     x
   ]);
-  const pt = e.useCallback(
+  const bt = e.useCallback(
     (t) => {
-      t.key === "Enter" && (et(void 0), je && !x && Le(), ae && t.currentTarget.className === "mig-schema-table__search" && ae(c.searchQuery || ""));
+      t.key === "Enter" && (et(void 0), We && !x && Le(), ae && t.currentTarget.className === "mig-schema-table__search" && ae(c.searchQuery || ""));
     },
     [
-      je,
+      We,
       c.searchQuery,
       ae,
       Le,
       x
     ]
-  ), it = e.useCallback(() => j, [j]), de = e.useMemo(() => fn(le), [le]), Be = e.useMemo(
+  ), it = e.useCallback(() => j, [j]), de = e.useMemo(() => hn(le), [le]), Fe = e.useMemo(
     () => F ? F.length : 0,
     [F]
   ), Ce = e.useMemo(() => {
-    const t = j * Be;
+    const t = j * Fe;
     let a;
     if (J && (a = J === "100%" ? Pe.height : J, !a))
       return 0;
-    const l = a ? a - ft.height - Et : 0;
+    const l = a ? a - ht.height - At : 0;
     return l && l < t ? l : t;
   }, [
     j,
-    Be,
+    Fe,
     J,
-    ft,
+    ht,
     Pe.height
-  ]), Jt = e.useCallback(
+  ]), Pt = e.useCallback(
     (t) => {
       et(void 0), t.preventDefault(), t.stopPropagation();
     },
     []
-  ), Gt = e.useCallback(
+  ), Jt = e.useCallback(
     (t, a) => {
-      if (!X)
+      if (!H)
         return;
       if (x && a !== !1) {
         window.location.hash = He({
           ...P,
           columnFilterMap: {
             ...c.columnFilterMap,
-            [X.propName]: t
+            [H.propName]: t
           }
         });
         return;
       }
       if (t === void 0) {
-        bt(X.propName);
+        gt(H.propName);
         return;
       }
       const l = {
         ...c.columnFilterMap,
-        [X.propName]: t
+        [H.propName]: t
       };
       xe({
         ...c,
@@ -1542,13 +1535,13 @@ const Rn = ({
       });
     },
     [
-      bt,
+      gt,
       c,
       P,
-      X,
+      H,
       x
     ]
-  ), Zt = e.useCallback(() => {
+  ), Gt = e.useCallback(() => {
     const t = {
       searchQuery: "",
       columnFilterMap: {},
@@ -1557,21 +1550,21 @@ const Rn = ({
       sortAsc: N
     };
     x && (window.location.hash = He(t)), nt(t), xe(t);
-  }, [x, N, I]), qt = e.useCallback(() => {
+  }, [x, N, I]), Zt = e.useCallback(() => {
     const t = P?.searchQuery || "";
     x && // prevent hash change for undefined vs empty string compare
     (c.searchQuery || t) && c.searchQuery !== t && (window.location.hash = He({
       ...P,
       searchQuery: c.searchQuery
     }));
-  }, [P, c.searchQuery, x]), Ht = e.useCallback(
+  }, [P, c.searchQuery, x]), qt = e.useCallback(
     async (t) => {
-      t.preventDefault(), t.stopPropagation(), F && await Ln(F);
+      t.preventDefault(), t.stopPropagation(), F && await En(F);
     },
     [F]
-  ), Xt = e.useCallback(() => {
-    w && (localStorage.removeItem(`${w}.columnNames`), localStorage.removeItem(`${w}.columnWidths`), ze(void 0), Ae(void 0));
-  }, [w]), lt = e.useCallback(
+  ), Ht = e.useCallback(() => {
+    C && (localStorage.removeItem(`${C}.columnNames`), localStorage.removeItem(`${C}.columnWidths`), Qe(void 0), Ae(void 0));
+  }, [C]), lt = e.useCallback(
     (t) => {
       if (!F || !y || !v || !G)
         return !0;
@@ -1579,7 +1572,7 @@ const Rn = ({
       return a && y[a._index] !== void 0;
     },
     [G, v, F, y]
-  ), Vt = e.useMemo(() => Ce ? !(y && !je) && !v ? /* @__PURE__ */ s(
+  ), Xt = e.useMemo(() => Ce ? !(y && !We) && !v ? /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -1592,17 +1585,17 @@ const Rn = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      children: je ? /* @__PURE__ */ s("button", { onClick: Le, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ s("div", { children: "⌛ Loading..." })
+      children: We ? /* @__PURE__ */ r("button", { onClick: Le, className: "btn border", children: "Refresh data" }) : /* @__PURE__ */ r("div", { children: "⌛ Loading..." })
     }
-  ) : v && G ? /* @__PURE__ */ s(
-    gn,
+  ) : v && G ? /* @__PURE__ */ r(
+    fn,
     {
       ref: b,
       isItemLoaded: lt,
       itemCount: G,
       loadMoreItems: v,
-      children: ({ onItemsRendered: a, ref: l }) => /* @__PURE__ */ s(
-        Ct,
+      children: ({ onItemsRendered: a, ref: l }) => /* @__PURE__ */ r(
+        _t,
         {
           className: "mig-schema-table__tbody",
           estimatedRowHeight: j,
@@ -1611,7 +1604,7 @@ const Rn = ({
           columnWidth: Ze,
           rowHeight: it,
           columnCount: Ee,
-          rowCount: Be,
+          rowCount: Fe,
           ref: l,
           onItemsRendered: ({
             overscanRowStartIndex: i,
@@ -1624,15 +1617,15 @@ const Rn = ({
             visibleStartIndex: k,
             visibleStopIndex: m
           }),
-          children: Nt
+          children: Lt
         },
         `tbody_${Ce}_${de}_${c.sortColumn}_${c.sortAsc}_${c.searchQuery}_${Ee}_${le.join(
           " "
         )}`
       )
     }
-  ) : /* @__PURE__ */ s(
-    Ct,
+  ) : /* @__PURE__ */ r(
+    _t,
     {
       className: "mig-schema-table__tbody",
       estimatedRowHeight: j,
@@ -1641,9 +1634,9 @@ const Rn = ({
       columnWidth: Ze,
       rowHeight: it,
       columnCount: Ee,
-      rowCount: Be,
+      rowCount: Fe,
       ref: Ue,
-      children: Nt
+      children: Lt
     },
     `tbody_${Ce}_${de}_${c.sortColumn}_${c.sortAsc}_${c.searchQuery}_${Ee}_${le.join(
       " "
@@ -1654,12 +1647,12 @@ const Rn = ({
     Ze,
     it,
     b,
-    je,
+    We,
     lt,
     G,
     v,
     Le,
-    Be,
+    Fe,
     j,
     de,
     c.searchQuery,
@@ -1668,16 +1661,16 @@ const Rn = ({
     y,
     Ce,
     Ue
-  ]), Yt = e.useMemo(
+  ]), Vt = e.useMemo(
     () => ({
       ...T,
-      width: Q ? Math.min(de, We) : void 0,
+      width: Q ? Math.min(de, Oe) : void 0,
       height: J === "100%" ? "100%" : void 0,
       maxHeight: J === "100%" ? "100%" : void 0
     }),
-    [J, de, T, We, Q]
-  ), Kt = o || "input";
-  return /* @__PURE__ */ s(
+    [J, de, T, Oe, Q]
+  ), Yt = o || "input";
+  return /* @__PURE__ */ r(
     Ie.Provider,
     {
       value: {
@@ -1691,46 +1684,46 @@ const Rn = ({
         getRowClassName: Y,
         getRowSelected: te,
         isDraggable: u,
-        isColumnFilterable: r,
+        isColumnFilterable: n,
         isItemLoaded: lt,
         isSortable: ce,
-        lastCheckChangedRowIndex: Ft,
+        lastCheckChangedRowIndex: jt,
         onRowClick: ne,
         onRowDoubleClick: re,
-        onRowDrop: Ut,
+        onRowDrop: zt,
         properties: ie,
-        required: zt,
+        required: Qt,
         rowDropTargetRowIndex: ye,
         setCheckedIndexes: se,
-        setCustomColumnNames: ze,
+        setCustomColumnNames: Qe,
         setCustomColumnWidths: Ae,
         setDropTargetIndex: fe,
         setFilterSortColumn: at,
-        setLastCheckChangedRowIndex: Bt,
+        setLastCheckChangedRowIndex: Ft,
         setMenuConfig: et,
         setRowDropTargetRowIndex: ke,
-        settingsStorageKey: w,
+        settingsStorageKey: C,
         sortedRenderData: F,
         sourceData: y,
         tableDataState: c,
-        translate: A || Tt
+        translate: A || xt
       },
       children: /* @__PURE__ */ B(
         "div",
         {
           className: `mig-schema-table${ne ? " mig-schema-table--clickable-rows" : ""}`,
-          ref: mt,
-          style: Yt,
+          ref: dt,
+          style: Vt,
           role: "table",
           children: [
             /* @__PURE__ */ B(
               "div",
               {
                 className: "mig-schema-table__action-container",
-                ref: ht,
+                ref: mt,
                 children: [
-                  /* @__PURE__ */ s("div", { children: W ? /* @__PURE__ */ s(
-                    Kt,
+                  /* @__PURE__ */ r("div", { children: W ? /* @__PURE__ */ r(
+                    Yt,
                     {
                       className: "mig-schema-table__search",
                       type: "search",
@@ -1738,46 +1731,46 @@ const Rn = ({
                       autoComplete: "off",
                       placeholder: ve || A("search..."),
                       value: c.searchQuery,
-                      onChange: Pt,
-                      onKeyDown: pt,
+                      onChange: Ut,
+                      onKeyDown: bt,
                       autoFocus: D,
-                      onBlur: qt
+                      onBlur: Zt
                     }
                   ) : null }),
-                  n ? /* @__PURE__ */ s(
-                    n,
+                  s ? /* @__PURE__ */ r(
+                    s,
                     {
                       ...L,
                       renderData: ot
                     }
-                  ) : /* @__PURE__ */ s("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  S && Array.isArray(C) ? /* @__PURE__ */ s("span", { className: "mig-schema-table__row_counter", children: A(
+                  ) : /* @__PURE__ */ r("div", { className: "mig-schema-table__custom_element_placeholder" }),
+                  S && Array.isArray(w) ? /* @__PURE__ */ r("span", { className: "mig-schema-table__row_counter", children: A(
                     "showingFilteredCountOfTotalCount",
                     F?.length || 0,
-                    C.length
+                    w.length
                   ) }) : null,
-                  g ? /* @__PURE__ */ s(
+                  g ? /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: Ht,
+                      onClick: qt,
                       style: { marginLeft: 8 },
                       disabled: !F?.length,
                       children: A("exportData")
                     }
                   ) : null,
-                  W || r ? /* @__PURE__ */ s(
+                  W || n ? /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: Zt,
+                      onClick: Gt,
                       style: { marginLeft: 8 },
                       disabled: c.columnFilterMap && c.searchQuery ? Object.keys(c.columnFilterMap).length + c.searchQuery.length === 0 : !1,
                       children: A("clearFilters")
                     }
                   ) : null,
-                  w ? /* @__PURE__ */ s(
+                  C ? /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: Xt,
+                      onClick: Ht,
                       style: { marginLeft: 8 },
                       disabled: !Je && !Ge,
                       children: A("clearSettings")
@@ -1787,10 +1780,10 @@ const Rn = ({
               }
             ),
             /* @__PURE__ */ B("div", { className: "mig-schema-table__column_resize_container", children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r(
                 h,
                 {
-                  height: Et,
+                  height: At,
                   itemCount: Ee,
                   itemSize: Ze,
                   layout: "horizontal",
@@ -1800,15 +1793,15 @@ const Rn = ({
                   sortColumn: c.sortColumn,
                   sortedRenderData: F,
                   className: "mig-schema-table__th-row",
-                  children: kn
+                  children: yn
                 },
                 `thead_${de}_${c.sortColumn}_${c.sortAsc}_${c.searchQuery}_${le.join(
                   " "
                 )}`
               ),
-              Vt,
-              oe ? /* @__PURE__ */ s(
-                An,
+              Xt,
+              oe ? /* @__PURE__ */ r(
+                Mn,
                 {
                   columnWidths: le,
                   resizeColumnIndex: Ke,
@@ -1817,28 +1810,28 @@ const Rn = ({
                 }
               ) : null
             ] }),
-            y && y.length === 0 ? /* @__PURE__ */ s("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
-            X ? nn(
-              /* @__PURE__ */ s(
-                Mn,
+            y && y.length === 0 ? /* @__PURE__ */ r("div", { className: "mig-schema-table__no_data", children: "No data found" }) : null,
+            H ? tn(
+              /* @__PURE__ */ r(
+                Tn,
                 {
-                  isFilterable: r && X.propConfig?.isFilterable !== !1,
-                  isSortable: Wt(
+                  isFilterable: n && H.propConfig?.isFilterable !== !1,
+                  isSortable: Ot(
                     ce,
-                    he.properties[X.propName],
-                    X.propConfig
+                    he.properties[H.propName],
+                    H.propConfig
                   ),
-                  onChange: Gt,
-                  onClose: Jt,
-                  onInputKeyDown: pt,
-                  propConfig: X.propConfig,
-                  propIsRequired: X.propIsRequired,
-                  propName: X.propName,
-                  propSchema: he.properties[X.propName],
-                  referenceElement: X.referenceElement,
+                  onChange: Jt,
+                  onClose: Pt,
+                  onInputKeyDown: bt,
+                  propConfig: H.propConfig,
+                  propIsRequired: H.propIsRequired,
+                  propName: H.propName,
+                  propSchema: he.properties[H.propName],
+                  referenceElement: H.referenceElement,
                   setFilterSortColumn: at,
                   translate: A,
-                  value: c.columnFilterMap ? c.columnFilterMap[X.propName] : null
+                  value: c.columnFilterMap ? c.columnFilterMap[H.propName] : null
                 }
               ),
               document.body
@@ -1848,16 +1841,16 @@ const Rn = ({
       )
     }
   );
-}, $n = e.forwardRef(Rn), Vn = e.memo($n), Yn = e.memo(({ refresh: n, period: o = 60 }) => {
+}, Rn = e.forwardRef(Sn), Xn = e.memo(Rn), Vn = e.memo(({ refresh: s, period: o = 60 }) => {
   const [h, p] = e.useState(/* @__PURE__ */ new Date()), [_, f] = e.useState(/* @__PURE__ */ new Date()), L = e.useCallback(() => {
-    f(/* @__PURE__ */ new Date()), n();
-  }, [n]), C = e.useMemo(
-    () => an(h, _),
+    f(/* @__PURE__ */ new Date()), s();
+  }, [s]), w = e.useMemo(
+    () => on(h, _),
     [h, _]
   );
   e.useEffect(() => {
-    C > o && L();
-  }, [C, h, _, o, L]), e.useEffect(() => {
+    w > o && L();
+  }, [w, h, _, o, L]), e.useEffect(() => {
     const I = setInterval(() => {
       p(/* @__PURE__ */ new Date());
     }, 1e3);
@@ -1865,7 +1858,7 @@ const Rn = ({
       clearInterval(I);
     };
   }, []);
-  const O = o - C;
+  const O = o - w;
   return /* @__PURE__ */ B(
     "div",
     {
@@ -1873,18 +1866,18 @@ const Rn = ({
       title: `Refresh ${O > 0 ? `in ${O} seconds` : "NOW"}`,
       children: [
         "Last update ",
-        ut(_, "HH:mm")
+        ct(_, "HH:mm")
       ]
     }
   );
 });
 export {
-  $t as DEFAULT_DATE_FORMAT,
+  Rt 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
+  Be as EColumnFilterStatus,
+  $t as MINIMUM_COLUMN_WIDTH,
+  pn as RESIZER_WIDTH,
+  Vn as Refresher,
+  Xn as SchemaTable,
+  yn as Th
 };