mig-schema-table 5.0.6 → 5.0.8

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

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as R, Fragment as wt } from "react/jsx-runtime";
+import { jsx as t, jsxs as W, Fragment as wt } from "react/jsx-runtime";
 import * as Ft from "react";
 import e from "react";
 import { createPortal as jt } from "react-dom";
@@ -25,11 +25,11 @@ const tt = (n, o) => (
 };
 function ft(n, ...o) {
   let u = Kt[n] || Vt(n);
-  return o.forEach((g, p) => {
-    u = u.replace(`{${p}}`, `${g}`);
+  return o.forEach((p, f) => {
+    u = u.replace(`{${f}}`, `${p}`);
   }), u;
 }
-const K = "SELECT_ALL_COLUMN_NAME", bt = 40, vt = "dd MMM yyyy", Je = "dd MMM yyyy HH:mm", kt = 25, gt = 50, en = 3;
+const ee = "SELECT_ALL_COLUMN_NAME", bt = 40, vt = "dd MMM yyyy", Je = "dd MMM yyyy HH:mm", kt = 25, gt = 50, en = 3;
 var be = /* @__PURE__ */ ((n) => (n.GT = "GT", n.LT = "LT", n.EQ = "EQ", n))(be || {}), $e = /* @__PURE__ */ ((n) => (n.UNAVAILABLE = "UNAVAILABLE", n.AVAILABLE = "AVAILABLE", n.ACTIVE = "ACTIVE", n))($e || {});
 const Me = Ft.createContext({
   checkedIndexes: [],
@@ -58,28 +58,28 @@ const Me = Ft.createContext({
   translate: ve
 }), tn = { type: "boolean" }, nn = ({ columnIndex: n, rowIndex: o, style: u }) => {
   const {
-    checkedIndexes: g,
-    columnNames: p,
+    checkedIndexes: p,
+    columnNames: f,
     config: l,
-    disabledCheckedIndexes: I,
+    disabledCheckedIndexes: O,
     displayTimezone: _,
-    getRowClassName: S,
-    getRowSelected: W,
+    getRowClassName: R,
+    getRowSelected: I,
     isItemLoaded: T,
     lastCheckChangedRowIndex: $,
     onRowClick: M,
     onRowDoubleClick: y,
-    properties: O,
-    setCheckedIndexes: q,
-    setLastCheckChangedRowIndex: ee,
+    properties: S,
+    setCheckedIndexes: Z,
+    setLastCheckChangedRowIndex: Y,
     sortedRenderData: D,
     sourceData: s,
     translate: m
-  } = e.useContext(Me), f = p[n], w = f === K ? tn : O[f], U = l ? l[f] : void 0, te = e.useCallback(
+  } = e.useContext(Me), b = f[n], w = b === ee ? tn : S[b], U = l ? l[b] : void 0, te = e.useCallback(
     (v) => {
-      q && q((A) => A && A.includes(v) ? A.filter((E) => E !== v) : A ? [...A, v] : [v]);
+      Z && Z((A) => A && A.includes(v) ? A.filter((E) => E !== v) : A ? [...A, v] : [v]);
     },
-    [q]
+    [Z]
   ), le = T(o), ne = e.useCallback(
     (v) => {
       if (!s || !D || !M || !le)
@@ -105,9 +105,9 @@ const Me = Ft.createContext({
   ), L = D ? D[o] : void 0, { showTimezones: se, TdBody: G } = U || {}, re = e.useMemo(() => _ ? null : Te.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [_]), B = e.useMemo(() => {
     if (!L || !D)
       return;
-    let v = f === K ? void 0 : L[f];
+    let v = b === ee ? void 0 : L[b];
     if (w?.format && w.format === "date-time" && se !== !1) {
-      const k = s ? s[L._index] : void 0, E = k ? k[f] : void 0, ce = E ? new Date(E) : void 0;
+      const k = s ? s[L._index] : void 0, E = k ? k[b] : void 0, ce = E ? new Date(E) : void 0;
       ce && re && (v = `${yt(
         ce,
         re,
@@ -117,10 +117,10 @@ const Me = Ft.createContext({
     const A = [
       "mig-schema-table__td",
       `mig-schema-table__td--${o % 2 ? "odd" : "even"}`,
-      `mig-schema-table__td--prop-${f}`
+      `mig-schema-table__td--prop-${b}`
     ];
-    switch (s && W && W(s[L._index], L._index) && A.push("mig-schema-table__td--selected"), s && S && A.push(
-      S(s[L._index], L._index, D)
+    switch (s && I && I(s[L._index], L._index) && A.push("mig-schema-table__td--selected"), s && R && A.push(
+      R(s[L._index], L._index, D)
     ), w?.type) {
       case "boolean":
         A.push(`text-${U?.align || "center"}`);
@@ -138,19 +138,19 @@ const Me = Ft.createContext({
       style: u,
       className: A.join(" "),
       title: v,
-      onClick: f === K ? void 0 : ne,
-      onDoubleClick: f === K ? void 0 : C
+      onClick: b === ee ? void 0 : ne,
+      onDoubleClick: b === ee ? void 0 : C
     };
   }, [
     L,
     D,
-    f,
+    b,
     w,
     se,
     o,
     s,
-    W,
-    S,
+    I,
+    R,
     n,
     u,
     ne,
@@ -164,7 +164,7 @@ const Me = Ft.createContext({
         return;
       const A = parseInt(v.currentTarget.dataset.rowIndex);
       if (v.shiftKey && $ !== void 0) {
-        const k = g?.includes($) ? $ : void 0;
+        const k = p?.includes($) ? $ : void 0;
         if (k !== void 0 && D) {
           const E = o;
           for (const ce of Pt(
@@ -172,21 +172,21 @@ const Me = Ft.createContext({
             E > k ? E + 1 : k
           )) {
             const me = D[ce]._index;
-            (!I || !I.includes(me)) && te(me);
+            (!O || !O.includes(me)) && te(me);
           }
         }
       } else
         te(L._index);
-      ee(A), _e.current?.focus();
+      Y(A), _e.current?.focus();
     },
     [
-      g,
-      I,
+      p,
+      O,
       $,
       te,
       L,
       o,
-      ee,
+      Y,
       D
     ]
   ), _e = e.useRef(null);
@@ -194,15 +194,15 @@ const Me = Ft.createContext({
     return null;
   if (!T || s && !s[L._index])
     return /* @__PURE__ */ t("div", { ...B, children: "loading" });
-  if (f === K)
+  if (b === ee)
     return /* @__PURE__ */ t("div", { ...B, onMouseDown: V, children: /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(
       "input",
       {
         ref: _e,
         type: "checkbox",
         readOnly: !0,
-        checked: g?.includes(L._index),
-        disabled: I?.includes(L._index)
+        checked: p?.includes(L._index),
+        disabled: O?.includes(L._index)
       }
     ) }) });
   if (G && s)
@@ -215,25 +215,25 @@ const Me = Ft.createContext({
         ...U?.tdBodyProps
       }
     ) });
-  const Z = L[f];
-  return w?.format === "url" && Z ? /* @__PURE__ */ t(
+  const q = L[b];
+  return w?.format === "url" && q ? /* @__PURE__ */ t(
     "a",
     {
-      href: Z,
+      href: q,
       target: "_blank",
       rel: "noopener noreferrer",
       ...B,
-      children: Z
+      children: q
     }
-  ) : /* @__PURE__ */ t("div", { ...B, children: Z });
+  ) : /* @__PURE__ */ t("div", { ...B, children: q });
 }, pt = e.memo(nn);
 function rn() {
   const { checkedIndexes: n, disabledCheckedIndexes: o, sortedRenderData: u } = e.useContext(Me);
   return e.useMemo(() => {
-    const g = [...u || []].filter(
-      (p) => (n ? n.includes(p._index) : !0) || (o ? !o.includes(p._index) : !0)
+    const p = [...u || []].filter(
+      (f) => (n ? n.includes(f._index) : !0) || (o ? !o.includes(f._index) : !0)
     );
-    return n?.length !== 0 && g.length === n?.length;
+    return n?.length !== 0 && p.length === n?.length;
   }, [n, o, u]);
 }
 function xt(n, o, u) {
@@ -254,30 +254,30 @@ function Dt() {
 const on = ({ index: n, style: o }) => {
   const {
     checkedIndexes: u,
-    columnNames: g,
-    columnWidths: p,
+    columnNames: p,
+    columnWidths: f,
     config: l,
-    disabledCheckedIndexes: I,
+    disabledCheckedIndexes: O,
     dropTargetIndex: _,
-    isColumnFilterable: S,
-    isSortable: W,
+    isColumnFilterable: R,
+    isSortable: I,
     setCheckedIndexes: T,
     properties: $,
     required: M,
     setCustomColumnNames: y,
-    setDropTargetIndex: O,
-    setFilterSortColumn: q,
-    setMenuConfig: ee,
+    setDropTargetIndex: S,
+    setFilterSortColumn: Z,
+    setMenuConfig: Y,
     settingsStorageKey: D,
     tableDataState: s,
     sortedRenderData: m,
-    translate: f,
+    translate: b,
     displayTimezone: w
-  } = e.useContext(Me), [U, te] = e.useState(!1), le = n === _, ne = Dt(), C = g[n], L = C === K ? { type: "boolean" } : $[C], se = s.sortColumn === C ? s.sortAsc : void 0, G = l ? l[C] : void 0;
-  let re = S && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
+  } = e.useContext(Me), [U, te] = e.useState(!1), le = n === _, ne = Dt(), C = p[n], L = C === ee ? { type: "boolean" } : $[C], se = s.sortColumn === C ? s.sortAsc : void 0, G = l ? l[C] : void 0;
+  let re = R && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
   s.columnFilterMap && s.columnFilterMap[C] !== void 0 && (re = $e.ACTIVE);
   const B = xt(
-    W,
+    I,
     L,
     G
   ), V = [
@@ -289,28 +289,28 @@ const on = ({ index: n, style: o }) => {
     B ? "mig-schema-table__th--sortable" : "mig-schema-table__th--unsortable"
   ), se !== void 0 && V.push("mig-schema-table__th--sorted"), U && V.push("mig-schema-table__th--dragging"), le && V.push("mig-schema-table__th--drop-target");
   const { format: _e } = L || {}, {
-    align: Z,
+    align: q,
     defaultSortDesc: v,
     showTimezones: A = !w,
     title: k
   } = G || {}, E = e.useCallback(() => {
     if (B) {
       if (se === void 0) {
-        q(C, !v);
+        Z(C, !v);
         return;
       }
-      q(C, !se);
+      Z(C, !se);
     }
   }, [
     B,
     v,
     C,
-    q,
+    Z,
     se
   ]), ce = M.includes(C), me = e.useCallback(
     (j) => {
       const he = j.currentTarget;
-      ee((we) => {
+      Y((we) => {
         if (we?.propName !== C)
           return {
             propConfig: G,
@@ -320,24 +320,24 @@ const on = ({ index: n, style: o }) => {
           };
       });
     },
-    [G, ce, C, ee]
-  ), Ce = e.useMemo(() => k !== void 0 ? k : _e === "date-time" && A ? `${f(C)} (${f(w || Te)})` : f(C), [k, _e, A, f, C, w]), oe = e.useCallback(
+    [G, ce, C, Y]
+  ), Ce = e.useMemo(() => k !== void 0 ? k : _e === "date-time" && A ? `${b(C)} (${b(w || Te)})` : b(C), [k, _e, A, b, C, w]), oe = e.useCallback(
     (j, he) => {
-      if (!g || !p)
+      if (!p || !f)
         return;
-      const we = g.indexOf(j), J = [...g];
+      const we = p.indexOf(j), J = [...p];
       J.splice(we, 1);
       const x = J.indexOf(he);
       J.splice(x + 1, 0, j), y(J);
-      const ge = [...p], fe = ge[we];
+      const ge = [...f], fe = ge[we];
       ge.splice(we, 1), ge.splice(x + 1, 0, fe), ne(new Uint16Array(ge)), D && localStorage.setItem(
         `${D}.columnNames`,
         JSON.stringify(J)
       );
     },
     [
-      g,
       p,
+      f,
       ne,
       D,
       y
@@ -348,31 +348,31 @@ const on = ({ index: n, style: o }) => {
     },
     [oe, C]
   ), Oe = e.useCallback(() => {
-    oe && (te(!1), O(-1));
-  }, [oe, O]), Ve = e.useCallback(
+    oe && (te(!1), S(-1));
+  }, [oe, S]), Ve = e.useCallback(
     (j) => {
-      oe && (j.preventDefault(), O(n));
+      oe && (j.preventDefault(), S(n));
     },
-    [n, oe, O]
+    [n, oe, S]
   ), Pe = e.useCallback(
     (j) => {
-      if (O(-1), !oe || !C)
+      if (S(-1), !oe || !C)
         return;
       const he = j.dataTransfer.getData("text/plain");
       !he || he === C || oe(he, C);
     },
-    [oe, C, O]
+    [oe, C, S]
   ), Le = rn(), Ze = e.useCallback(() => {
     !T || !m || T(
-      Le ? [] : m.map((j) => j._index).filter((j) => !I?.includes(j))
+      Le ? [] : m.map((j) => j._index).filter((j) => !O?.includes(j))
     );
   }, [
     T,
     m,
     Le,
-    I
+    O
   ]);
-  if (C === K)
+  if (C === ee)
     return /* @__PURE__ */ t("div", { style: o, className: V.join(" "), children: /* @__PURE__ */ t(
       "div",
       {
@@ -395,22 +395,22 @@ const on = ({ index: n, style: o }) => {
   switch (L?.type) {
     case "boolean":
       V.push(
-        `text-${Z || "center"}`,
-        `justify-content-${Z || "center"}`
+        `text-${q || "center"}`,
+        `justify-content-${q || "center"}`
       );
       break;
     case "integer":
     case "number":
       V.push(
-        `text-${Z || "end"}`,
-        `justify-content-${Z || "end"}`
+        `text-${q || "end"}`,
+        `justify-content-${q || "end"}`
       );
       break;
     default:
-      Z && V.push(`text-${Z}`);
+      q && V.push(`text-${q}`);
   }
   let Q = G?.hoverTitle;
-  return !Q && typeof Ce == "string" && (Q = Ce), /* @__PURE__ */ R(
+  return !Q && typeof Ce == "string" && (Q = Ce), /* @__PURE__ */ W(
     "div",
     {
       className: V.join(" "),
@@ -422,7 +422,7 @@ const on = ({ index: n, style: o }) => {
       onDragOver: Ve,
       onDrop: Pe,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ W(
           "div",
           {
             className: "mig-schema-table__th__label-body",
@@ -468,38 +468,38 @@ const on = ({ index: n, style: o }) => {
     columnFilterValue: n,
     onChange: o,
     onInputKeyDown: u,
-    propIsRequired: g,
-    propName: p,
+    propIsRequired: p,
+    propName: f,
     propSchema: l,
-    translate: I
+    translate: O
   }) => {
-    const { displayTimezone: _ } = e.useContext(Me), { type: S, format: W, minimum: T, maximum: $ } = l || {}, M = n, y = W === "date-time";
-    switch (S) {
+    const { displayTimezone: _ } = e.useContext(Me), { type: R, format: I, minimum: T, maximum: $ } = l || {}, M = n, y = I === "date-time";
+    let S, Z, Y, D;
+    switch (R) {
       case "number":
       case "integer":
-        const O = M || {}, q = (s, m, f) => {
+        return S = M || {}, Z = (s, m, b) => {
           const w = {
-            ...O,
+            ...S,
             [s]: m.value === "" ? void 0 : parseInt(m.value)
           }, U = Object.values(w).find(
             (te) => isFinite(te)
           );
           o(
             U !== void 0 && (T === void 0 || U >= T) ? w : void 0,
-            f
+            b
           );
-        };
-        return /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
-          g ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
-            /* @__PURE__ */ R("label", { className: "d-flex", children: [
+        }, /* @__PURE__ */ W("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
+          p ? null : /* @__PURE__ */ W("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ W("label", { className: "d-flex", children: [
               /* @__PURE__ */ t(
                 "input",
                 {
                   type: "checkbox",
                   style: { marginRight: 14 },
-                  checked: !!O.filterEmpty,
+                  checked: !!S.filterEmpty,
                   onChange: () => {
-                    const { filterEmpty: s, ...m } = O;
+                    const { filterEmpty: s, ...m } = S;
                     s || (m.filterEmpty = !0), o(
                       Object.keys(m).length ? m : void 0,
                       !0
@@ -512,8 +512,8 @@ const on = ({ index: n, style: o }) => {
             /* @__PURE__ */ t("hr", {})
           ] }),
           Object.keys(be).map((s) => {
-            const m = O[s];
-            return /* @__PURE__ */ R("li", { children: [
+            const m = S[s];
+            return /* @__PURE__ */ W("li", { children: [
               /* @__PURE__ */ t("label", { style: { width: 40, paddingLeft: 16 }, children: an[s] }),
               /* @__PURE__ */ t(
                 "input",
@@ -522,18 +522,18 @@ const on = ({ index: n, style: o }) => {
                   style: { width: 120 },
                   type: "number",
                   value: m !== void 0 ? m : "",
-                  "data-prop-name": p,
-                  onChange: (f) => {
-                    q(
+                  "data-prop-name": f,
+                  onChange: (b) => {
+                    Z(
                       s,
-                      f.currentTarget,
+                      b.currentTarget,
                       !1
                     );
                   },
-                  onBlur: (f) => {
-                    q(
+                  onBlur: (b) => {
+                    Z(
                       s,
-                      f.currentTarget,
+                      b.currentTarget,
                       !0
                     );
                   },
@@ -546,16 +546,13 @@ const on = ({ index: n, style: o }) => {
           })
         ] });
       case "boolean":
-        const ee = ["✓", "✕"];
-        g || ee.push("?");
-        let D = M ? "✓" : "✕";
-        return M === null && (D = "?"), M === void 0 && (D = ""), /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ R(
+        return Y = ["✓", "✕"], p || Y.push("?"), D = M ? "✓" : "✕", M === null && (D = "?"), M === void 0 && (D = ""), /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ W(
           "select",
           {
             autoFocus: !0,
             className: "form-select",
             value: D,
-            "data-prop-name": p,
+            "data-prop-name": f,
             onChange: (s) => {
               switch (s.currentTarget.value) {
                 case "✓":
@@ -573,7 +570,7 @@ const on = ({ index: n, style: o }) => {
             },
             children: [
               /* @__PURE__ */ t("option", { value: "", children: "All" }, "all"),
-              ee.map((s) => /* @__PURE__ */ t(
+              Y.map((s) => /* @__PURE__ */ t(
                 "option",
                 {
                   value: s,
@@ -587,13 +584,13 @@ const on = ({ index: n, style: o }) => {
       // @ts-expect-error falls through
       case "string":
         if (l?.enum)
-          return /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ R(
+          return /* @__PURE__ */ t("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: /* @__PURE__ */ t("li", { children: /* @__PURE__ */ W(
             "select",
             {
               autoFocus: !0,
               className: "form-select",
               value: M,
-              "data-prop-name": p,
+              "data-prop-name": f,
               onChange: (s) => {
                 o(s.currentTarget.value || void 0, !0);
               },
@@ -603,30 +600,30 @@ const on = ({ index: n, style: o }) => {
                   "option",
                   {
                     value: s,
-                    children: I(s)
+                    children: O(s)
                   },
                   `column-filter-select-${s}`
                 ))
               ]
             }
           ) }) });
-        if (y || W === "date") {
+        if (y || I === "date") {
           const s = y ? Je : vt, m = n || {
             from: void 0,
             to: void 0,
             filterEmpty: void 0
           };
-          return /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
-            g ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
-              /* @__PURE__ */ R("label", { className: "d-flex", children: [
+          return /* @__PURE__ */ W("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
+            p ? null : /* @__PURE__ */ W("li", { style: { padding: 8 }, children: [
+              /* @__PURE__ */ W("label", { className: "d-flex", children: [
                 /* @__PURE__ */ t(
                   "input",
                   {
                     type: "checkbox",
                     checked: !!m.filterEmpty,
                     onChange: () => {
-                      const { filterEmpty: f, ...w } = m;
-                      f || (w.filterEmpty = !0), o(
+                      const { filterEmpty: b, ...w } = m;
+                      b || (w.filterEmpty = !0), o(
                         Object.keys(w).length ? w : void 0,
                         !0
                       );
@@ -637,25 +634,25 @@ const on = ({ index: n, style: o }) => {
               ] }),
               /* @__PURE__ */ t("hr", {})
             ] }),
-            /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ W("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ t("label", { style: { width: 120, paddingLeft: 4 }, children: "After" }),
               /* @__PURE__ */ t(
                 ut,
                 {
                   dateFormat: s,
-                  "data-prop-name": p,
+                  "data-prop-name": f,
                   locale: dt,
                   selected: m.from ? new Ue(m.from).withTimeZone(
                     _ || Te
                   ) : null,
-                  onChange: (f) => {
-                    if (!f && !m.to) {
+                  onChange: (b) => {
+                    if (!b && !m.to) {
                       o(void 0, !0);
                       return;
                     }
-                    if (m.to && f && f > m.to)
+                    if (m.to && b && b > m.to)
                       return;
-                    const w = f ? Ue.tz(_ || Te, f) : void 0;
+                    const w = b ? Ue.tz(_ || Te, b) : void 0;
                     o(
                       {
                         ...n,
@@ -676,14 +673,14 @@ const on = ({ index: n, style: o }) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
+            /* @__PURE__ */ W("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ t("label", { style: { width: 120, paddingLeft: 4 }, children: "Before" }),
               /* @__PURE__ */ t(
                 ut,
                 {
                   id: "filter-date",
                   dateFormat: s,
-                  "data-prop-name": p,
+                  "data-prop-name": f,
                   locale: dt,
                   selectsEnd: !0,
                   selected: m.to ? new Ue(m.to).withTimeZone(
@@ -691,12 +688,12 @@ const on = ({ index: n, style: o }) => {
                   ) : null,
                   showMonthDropdown: !0,
                   showYearDropdown: !0,
-                  onChange: (f) => {
-                    if (!f && !m.from) {
+                  onChange: (b) => {
+                    if (!b && !m.from) {
                       o(void 0, !0);
                       return;
                     }
-                    const w = f ? y ? Ue.tz(_ || Te, f) : zt(f) : void 0;
+                    const w = b ? y ? Ue.tz(_ || Te, b) : zt(b) : void 0;
                     m.from && w && w < m.from || o(
                       {
                         ...n,
@@ -726,10 +723,10 @@ const on = ({ index: n, style: o }) => {
             autoFocus: !0,
             type: "search",
             className: "form-control",
-            placeholder: `Search ${p}`,
-            "aria-label": `Search ${p}`,
+            placeholder: `Search ${f}`,
+            "aria-label": `Search ${f}`,
             value: M || "",
-            "data-prop-name": p,
+            "data-prop-name": f,
             onChange: (s) => {
               o(s.currentTarget.value || void 0, !1);
             },
@@ -745,13 +742,13 @@ const on = ({ index: n, style: o }) => {
   isSortable: n,
   isFilterable: o,
   onChange: u,
-  onClose: g,
-  onInputKeyDown: p,
+  onClose: p,
+  onInputKeyDown: f,
   propConfig: l,
-  propIsRequired: I,
+  propIsRequired: O,
   propName: _,
-  propSchema: S,
-  referenceElement: W,
+  propSchema: R,
+  referenceElement: I,
   setFilterSortColumn: T,
   translate: $,
   value: M
@@ -759,70 +756,70 @@ const on = ({ index: n, style: o }) => {
   const y = mt({
     placement: "bottom-start",
     elements: {
-      reference: W
+      reference: I
     },
     middleware: [ht()]
-  }), O = mt({
+  }), S = mt({
     placement: "right-start",
     middleware: [ht()]
   });
   e.useEffect(() => {
-    const m = (f) => {
+    const m = (b) => {
       if (!y.elements.floating)
         return;
-      let w = f.target;
+      let w = b.target;
       for (; w && y.elements.floating; ) {
-        if (w === y.elements.floating || w === O.elements.floating)
+        if (w === y.elements.floating || w === S.elements.floating)
           return;
         w = w.parentNode === window.document ? null : w.parentNode;
       }
-      g(f);
+      p(b);
     };
     return window.addEventListener("click", m, { capture: !0 }), () => {
       window.removeEventListener("click", m, { capture: !0 });
     };
   }, [
     y.elements.floating,
-    g,
-    O.elements.floating
+    p,
+    S.elements.floating
   ]);
-  const q = l?.FilterMenu || ln, ee = e.useCallback(
+  const Z = l?.FilterMenu || ln, Y = e.useCallback(
     (m) => {
-      T(_, !0), g(m);
+      T(_, !0), p(m);
     },
-    [g, _, T]
+    [p, _, T]
   ), D = e.useCallback(
     (m) => {
-      T(_, !1), g(m);
+      T(_, !1), p(m);
     },
-    [g, _, T]
+    [p, _, T]
   ), s = e.useCallback(() => {
     u(void 0, !0);
   }, [u]);
-  return !n && !o ? null : /* @__PURE__ */ R(wt, { children: [
+  return !n && !o ? null : /* @__PURE__ */ W(wt, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu",
         ref: y.refs.setFloating,
         style: y.floatingStyles,
-        children: /* @__PURE__ */ R("ol", { className: "mig-schema-table-menu", children: [
-          n ? /* @__PURE__ */ R("li", { onClick: ee, style: { padding: 8 }, children: [
+        children: /* @__PURE__ */ W("ol", { className: "mig-schema-table-menu", children: [
+          n ? /* @__PURE__ */ W("li", { onClick: Y, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
             $("sortAscending")
           ] }) : null,
-          n ? /* @__PURE__ */ R("li", { onClick: D, style: { padding: 8 }, children: [
+          n ? /* @__PURE__ */ W("li", { onClick: D, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
             $("sortDescending")
           ] }) : null,
-          o ? /* @__PURE__ */ R(
+          o ? /* @__PURE__ */ W(
             "li",
             {
               style: { padding: 8 },
               onMouseOver: (m) => {
-                O.refs.setReference(m.currentTarget);
+                S.refs.setReference(m.currentTarget);
               },
               children: [
                 /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ t(
@@ -843,21 +840,21 @@ const on = ({ index: n, style: o }) => {
         ] })
       }
     ),
-    O.elements.reference ? /* @__PURE__ */ t(
+    S.elements.reference ? /* @__PURE__ */ t(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
-        ref: O.refs.setFloating,
-        style: O.floatingStyles,
+        ref: S.refs.setFloating,
+        style: S.floatingStyles,
         children: /* @__PURE__ */ t(
-          q,
+          Z,
           {
             columnFilterValue: M,
             onChange: u,
-            onInputKeyDown: p,
-            propIsRequired: I,
+            onInputKeyDown: f,
+            propIsRequired: O,
             propName: _,
-            propSchema: S,
+            propSchema: R,
             translate: $
           }
         )
@@ -868,63 +865,65 @@ const on = ({ index: n, style: o }) => {
   columnWidths: n,
   resizeColumnIndex: o,
   setResizeColumnIndex: u,
-  tableBodyHeight: g
+  tableBodyHeight: p
 }) => {
-  const [p, l] = e.useState(0), I = Dt(), _ = e.useCallback(
+  const [f, l] = e.useState(0), O = Dt(), _ = e.useCallback(
     ($) => {
       const M = n.map(
-        (y, O) => O === o ? Math.max(y + $, kt) : y
+        (y, S) => S === o ? Math.max(y + $, kt) : y
       );
-      I(M);
+      O(M);
     },
-    [n, o, I]
+    [n, o, O]
   );
-  let S = 0;
-  const W = e.useCallback(
+  let R = 0;
+  const I = e.useCallback(
     ($) => {
       u(parseInt($.currentTarget.dataset.columnIndex)), l($.clientX);
     },
     [u]
   ), T = e.useCallback(
     ($) => {
-      _($.clientX - p), l(0), u(-1);
+      _($.clientX - f), l(0), u(-1);
     },
-    [p, _, u]
+    [f, _, u]
   );
   return /* @__PURE__ */ t("div", { children: [...n].map(($, M) => {
-    S += $;
+    R += $;
     const y = ["mig-schema-table__column_resizer"];
     return M === o && y.push("mig-schema-table__column_resizer--dragged"), /* @__PURE__ */ t(
       "div",
       {
-        style: { left: S - en, bottom: g },
+        style: { left: R - en, bottom: p },
         className: y.join(" "),
         draggable: "true",
         "data-column-index": M,
-        onDragStart: W,
+        onDragStart: I,
         onDragEnd: T
       },
       M
     );
   }) });
 }, _t = (n) => {
-  const [o, u] = e.useState({ width: 0, height: 0 }), g = e.useMemo(
+  const [o, u] = e.useState({ width: 0, height: 0 }), p = e.useMemo(
     () => Zt(u, 100),
     []
   );
   return e.useEffect(() => {
     if (!n)
       return;
-    const p = new ResizeObserver((l) => {
-      for (const I of l) {
-        const { blockSize: _, inlineSize: S } = I.borderBoxSize[0];
-        S && _ && g({ width: S, height: _ });
+    const f = new ResizeObserver((l) => {
+      for (const O of l) {
+        const { blockSize: _, inlineSize: R } = O.borderBoxSize[0];
+        p(
+          (I) => R && _ && (I.width !== R || I.height !== _) ? { width: R, height: _ } : I
+        );
       }
     });
-    return p.observe(n), () => {
-      p.disconnect();
+    return f.observe(n), () => {
+      f.disconnect();
     };
-  }, [g, n]), o;
+  }, [p, n]), o;
 }, mn = () => new Promise((n, o) => {
   if (window.ExcelJS) {
     n(window.ExcelJS);
@@ -937,60 +936,60 @@ const on = ({ index: n, style: o }) => {
     o(new Error("Failed to load ExcelJS library"));
   }, document.head.appendChild(u);
 }), hn = async (n) => {
-  const o = await mn(), { Workbook: u } = o, g = new u(), p = g.addWorksheet("Data");
+  const { Workbook: o } = await mn(), u = new o(), p = u.addWorksheet("Data");
   n.length && (p.addRow(
     qt(Object.keys(n[0]), [
       "_index",
       "SELECT_ALL_COLUMN_NAME"
     ])
   ), p.getRow(1).font = { bold: !0 }, p.addRows(
-    n.map((l) => {
-      const { _index: I, SELECT_ALL_COLUMN_NAME: _, ...S } = l;
-      return Object.values(S);
+    n.map((f) => {
+      const { _index: l, SELECT_ALL_COLUMN_NAME: O, ..._ } = f;
+      return Object.values(_);
     })
-  ), g.xlsx.writeBuffer().then((l) => {
-    const I = new Blob([l], {
+  ), u.xlsx.writeBuffer().then((f) => {
+    const l = new Blob([f], {
       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
     });
-    Yt(I, "export.xlsx");
-  }).catch((l) => {
-    console.error("Error generating Excel file:", l);
+    Yt(l, "export.xlsx");
+  }).catch((f) => {
+    console.error("Error generating Excel file:", f);
   }));
 }, Ct = /* @__PURE__ */ new Date("1000-01-01 00:00:00Z"), fn = new Intl.NumberFormat("nl-NL"), bn = new Intl.NumberFormat("nl-NL", {
   style: "currency",
   currency: "EUR"
 });
 function gn(n, o) {
-  const { TdBody: u, sortByValue: g } = o || {};
-  if (g !== void 0)
-    return g;
+  const { TdBody: u, sortByValue: p } = o || {};
+  if (p !== void 0)
+    return p;
   if (!n)
     return !1;
-  const { format: p, type: l } = n;
-  return p?.startsWith("date") || l === "boolean" || l === "integer" || l === "number" || !!u;
+  const { format: f, type: l } = n;
+  return f?.startsWith("date") || l === "boolean" || l === "integer" || l === "number" || !!u;
 }
 const pn = ({
   CustomElement: n,
   CustomSearchInput: o,
   Heading: u = Bt,
-  autoRender: g,
-  checkedIndexes: p,
+  autoRender: p,
+  checkedIndexes: f,
   config: l,
-  customElementProps: I,
+  customElementProps: O,
   data: _,
-  defaultColumnFilters: S,
-  defaultSortAsc: W = !1,
+  defaultColumnFilters: R,
+  defaultSortAsc: I = !1,
   defaultSortColumn: T,
   disabledCheckedIndexes: $,
   displayTimezone: M,
   enableAutoFocus: y = !0,
-  enableRowCounter: O = !0,
-  getRowClassName: q,
-  getRowSelected: ee,
+  enableRowCounter: S = !0,
+  getRowClassName: Z,
+  getRowSelected: Y,
   getSearchQueryFilterResult: D,
   infiniteLoaderRef: s,
   isColumnFilterable: m = !0,
-  isExportable: f = !0,
+  isExportable: b = !0,
   isResizable: w = !0,
   isSearchable: U = !0,
   isSortable: te = !0,
@@ -1004,7 +1003,7 @@ const pn = ({
   rowHeight: B = 36,
   schema: V,
   searchPlaceholder: _e,
-  setCheckedIndexes: Z,
+  setCheckedIndexes: q,
   settingsStorageKey: v,
   style: A,
   translate: k = ft,
@@ -1016,9 +1015,9 @@ const pn = ({
     J ? void 0 : _
   ), [fe, qe] = e.useState(), [a, ke] = e.useState({
     searchQuery: "",
-    columnFilterMap: S || {},
+    columnFilterMap: R || {},
     sortColumn: T,
-    sortAsc: W
+    sortAsc: I
   }), [z, Tt] = e.useState(
     E ? ct(window.location.hash) : null
   );
@@ -1045,10 +1044,10 @@ const pn = ({
   }, [E]), e.useEffect(() => {
     if (!E)
       return;
-    const { columnFilterMap: r, searchQuery: d, sortAsc: c, sortColumn: i } = z || {}, h = {
-      searchQuery: d || "",
-      columnFilterMap: r || S || {},
-      sortAsc: c === void 0 ? W : c,
+    const { columnFilterMap: r, searchQuery: c, sortAsc: d, sortColumn: i } = z || {}, h = {
+      searchQuery: c || "",
+      columnFilterMap: r || R || {},
+      sortAsc: d === void 0 ? I : d,
       sortColumn: i === void 0 ? T : i
     };
     ke(
@@ -1057,8 +1056,8 @@ const pn = ({
   }, [
     z,
     E,
-    S,
-    W,
+    R,
+    I,
     T
   ]), e.useEffect(() => {
     re && re(a);
@@ -1075,115 +1074,115 @@ const pn = ({
       ...V
     }),
     [V]
-  ), We = v ? localStorage.getItem(`${v}.columnNames`) : null, Fe = v ? localStorage.getItem(`${v}.columnWidths`) : null, Y = e.useMemo(() => {
+  ), We = v ? localStorage.getItem(`${v}.columnNames`) : null, Fe = v ? localStorage.getItem(`${v}.columnWidths`) : null, K = e.useMemo(() => {
     if (Ce)
       return Ce;
     const r = We ? JSON.parse(We) : void 0;
-    let d = Object.keys(ae);
-    if (Z && d.unshift(K), l) {
+    let c = Object.keys(ae);
+    if (q && c.unshift(ee), l) {
       Object.keys(l).forEach((i) => {
-        d.includes(i) || d.push(i);
+        c.includes(i) || c.push(i);
       });
-      const c = Object.entries(l).reduce(
+      const d = Object.entries(l).reduce(
         (i, [h, N]) => (N.hidden && i.push(h), i),
         []
       );
-      d = d.filter((i) => !c.includes(i)).sort((i, h) => {
+      c = c.filter((i) => !d.includes(i)).sort((i, h) => {
         let N = l[i] ? l[i].order : void 0;
         N === void 0 && (N = Object.keys(ae).findIndex(
           (H) => H === i
         ));
-        let b = l[h] ? l[h].order : void 0;
-        return b === void 0 && (b = Object.keys(ae).findIndex(
+        let g = l[h] ? l[h].order : void 0;
+        return g === void 0 && (g = Object.keys(ae).findIndex(
           (H) => H === h
-        )), h === K || i === K ? 0 : N === -1 ? 1 : b === -1 ? -1 : N - b;
+        )), h === ee || i === ee ? 0 : N === -1 ? 1 : g === -1 ? -1 : N - g;
       });
     }
-    return r?.length === d.length ? r : d;
+    return r?.length === c.length ? r : c;
   }, [
     l,
     Ce,
-    Z,
+    q,
     ae,
     We
   ]), je = e.useMemo(
-    () => x && Y ? x.map(
-      (r, d) => Y.reduce(
-        (c, i) => {
+    () => x && K ? x.map(
+      (r, c) => K.reduce(
+        (d, i) => {
           const h = ae[i], N = l ? l[i] : void 0;
           if (N?.renderData)
-            return c[i] = N.renderData(r, d), c;
-          if (!h || i === K)
-            return c[i] = "", c;
-          const b = r ? r[i] : "";
+            return d[i] = N.renderData(r, c), d;
+          if (!h || i === ee)
+            return d[i] = "", d;
+          const g = r ? r[i] : "";
           switch (h.type) {
             case "array":
-              return c[i] = h.items?.type === "string" && b ? b.map((H) => k(H)).join(", ") : JSON.stringify(b), c;
+              return d[i] = h.items?.type === "string" && g ? g.map((H) => k(H)).join(", ") : JSON.stringify(g), d;
             case "boolean":
-              return c[i] = b === void 0 ? "?" : b ? "✓" : "✕", c;
+              return d[i] = g === void 0 ? "?" : g ? "✓" : "✕", d;
             case "number":
             case "integer":
-              return b === void 0 ? (c[i] = "", c) : (c[i] = h.format === "currency" ? bn.format(b) : fn.format(b), c);
+              return g === void 0 ? (d[i] = "", d) : (d[i] = h.format === "currency" ? bn.format(g) : fn.format(g), d);
             // @ts-expect-error investigate
             case "string":
-              if (h.format === "date" && b)
-                return c[i] = ["2999-12-31", "1970-01-01"].includes(
-                  b
+              if (h.format === "date" && g)
+                return d[i] = ["2999-12-31", "1970-01-01"].includes(
+                  g
                 ) ? "-" : tt(
-                  new Date(b),
+                  new Date(g),
                   N?.dateFormat || vt
-                ), c;
-              if (h.format === "date-time" && b)
-                return c[i] = M ? yt(
-                  new Date(b),
+                ), d;
+              if (h.format === "date-time" && g)
+                return d[i] = M ? yt(
+                  new Date(g),
                   M,
                   Je
                 ) : tt(
-                  new Date(b),
+                  new Date(g),
                   N?.dateFormat || Je
-                ), c;
+                ), d;
               if (h.enum)
-                return c[i] = b ? k(b) : "", c;
+                return d[i] = g ? k(g) : "", d;
             // fallthrough
             default:
-              return c[i] = b ? `${b}` : "", c;
+              return d[i] = g ? `${g}` : "", d;
           }
         },
-        { _index: d }
+        { _index: c }
       )
     ) : void 0,
-    [x, Y, ae, l, k, M]
-  ), xe = Y ? Y.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: Xe } = e.useMemo(() => {
-    let r = 0, d = 0;
-    return (Y || []).forEach((c) => {
-      if (c === K) {
+    [x, K, ae, l, k, M]
+  ), xe = K ? K.length : 0, { dynamicWidthColumnCount: Ge, fixedWidthColumnsWidth: Xe } = e.useMemo(() => {
+    let r = 0, c = 0;
+    return (K || []).forEach((d) => {
+      if (d === ee) {
         r += bt;
         return;
       }
-      const i = l ? l[c] : void 0;
-      i?.width ? r += i.width : d += 1;
-    }, 0), { dynamicWidthColumnCount: d, fixedWidthColumnsWidth: r };
-  }, [Y, l]), ie = e.useMemo(() => {
+      const i = l ? l[d] : void 0;
+      i?.width ? r += i.width : c += 1;
+    }, 0), { dynamicWidthColumnCount: c, fixedWidthColumnsWidth: r };
+  }, [K, l]), ie = e.useMemo(() => {
     if (Ee)
       return new Uint16Array(Ee);
-    const r = Fe ? new Uint16Array(JSON.parse(Fe)) : void 0, d = Math.max(
+    const r = Fe ? new Uint16Array(JSON.parse(Fe)) : void 0, c = Math.max(
       Math.floor(
         (Ae - Xe) / Ge
       ),
       kt
     );
-    let c = (Ae - Xe) % Ge;
+    let d = (Ae - Xe) % Ge;
     const i = new Uint16Array(
-      Y.map((h) => {
-        if (h === K)
+      K.map((h) => {
+        if (h === ee)
           return bt;
         const N = l ? l[h] : void 0;
-        return N?.width ? N?.width : c ? (c -= 1, d + 1) : d;
+        return N?.width ? N?.width : d ? (d -= 1, c + 1) : c;
       })
     );
     return r?.length === i.length ? r : i;
   }, [
-    Y,
+    K,
     l,
     Ee,
     Ge,
@@ -1196,20 +1195,20 @@ const pn = ({
   ), Ie = e.useMemo(() => {
     if (!je || !m && !U || J)
       return je;
-    const { searchQuery: r } = a, d = r.toLowerCase() || "", c = (i) => x && D ? D(x[i._index], r) : !(Y && !Y.find(
-      (h) => `${i[h]}`.toLowerCase().includes(d)
+    const { searchQuery: r } = a, c = r.toLowerCase() || "", d = (i) => x && D ? D(x[i._index], r) : !(K && !K.find(
+      (h) => `${i[h]}`.toLowerCase().includes(c)
     ));
     return je.filter((i) => {
-      let h = c(i);
+      let h = d(i);
       return !h || !a.columnFilterMap ? !1 : (Object.entries(a.columnFilterMap).forEach(
-        ([N, b]) => {
-          if (!h || b === void 0)
+        ([N, g]) => {
+          if (!h || g === void 0)
             return;
           const H = l ? l[N] : void 0;
           if (x && H?.filter) {
             h = H.filter(
               x[i._index],
-              b
+              g
             );
             return;
           }
@@ -1218,12 +1217,12 @@ const pn = ({
             case "boolean":
             case "number":
             case "integer":
-              if (b && typeof b == "object") {
-                b.filterEmpty && F === void 0 && (h = !1);
+              if (g && typeof g == "object") {
+                g.filterEmpty && F === void 0 && (h = !1);
                 for (const P of Object.keys(
                   be
                 )) {
-                  const ye = b[P];
+                  const ye = g[P];
                   if (h && Gt(ye))
                     switch (P) {
                       case be.EQ:
@@ -1238,15 +1237,15 @@ const pn = ({
                     }
                 }
               } else {
-                if (F === void 0 && b === null)
+                if (F === void 0 && g === null)
                   return !0;
-                h = F === b;
+                h = F === g;
               }
               break;
             // @ts-expect-error investigate
             case "string":
-              if (typeof b == "object" && (de.format === "date" || de.format === "date-time")) {
-                const { from: P, to: ye, filterEmpty: it } = b;
+              if (typeof g == "object" && (de.format === "date" || de.format === "date-time")) {
+                const { from: P, to: ye, filterEmpty: it } = g;
                 if (!F)
                   h = !it;
                 else {
@@ -1258,10 +1257,10 @@ const pn = ({
             // fall through
             default:
               if (de?.enum) {
-                h = F === b;
+                h = F === g;
                 return;
               }
-              h = `${i[N]}`.toLowerCase().includes(`${b}`.toLowerCase());
+              h = `${i[N]}`.toLowerCase().includes(`${g}`.toLowerCase());
           }
         }
       ), h);
@@ -1273,32 +1272,32 @@ const pn = ({
     J,
     a,
     D,
-    Y,
+    K,
     l,
     x,
     ae
   ]), X = e.useMemo(() => {
-    const { sortAsc: r, sortColumn: d } = a;
-    if (!d || !Ie || !x || J)
+    const { sortAsc: r, sortColumn: c } = a;
+    if (!c || !Ie || !x || J)
       return Ie;
-    const c = ae[d], i = l ? l[d] : void 0, h = i?.sort;
+    const d = ae[c], i = l ? l[c] : void 0, h = i?.sort;
     if (h)
       return Ie.sort((H, de) => {
         const F = x[H._index], P = x[de._index];
         return F ? P ? h(
           F,
           P,
-          r === void 0 ? W : r
+          r === void 0 ? I : r
         ) : -1 : 1;
       });
-    const N = c && c.format?.startsWith("date"), b = gn(c, i);
+    const N = d && d.format?.startsWith("date"), g = gn(d, i);
     return Ie.sort((H, de) => {
-      let F = b && x[H._index] ? x[H._index][d] : `${H[d]}`.toLowerCase(), P = b && x[de._index] ? x[de._index][d] : `${de[d]}`.toLowerCase();
-      return b && N && (F = new Date(F), isNaN(F.getTime()) && (F = Ct), P = new Date(P), isNaN(P.getTime()) && (P = Ct)), F === P ? 0 : F ? P ? (F < P ? 1 : -1) * (r ? -1 : 1) : r ? 1 : -1 : r ? -1 : 1;
+      let F = g && x[H._index] ? x[H._index][c] : `${H[c]}`.toLowerCase(), P = g && x[de._index] ? x[de._index][c] : `${de[c]}`.toLowerCase();
+      return g && N && (F = new Date(F), isNaN(F.getTime()) && (F = Ct), P = new Date(P), isNaN(P.getTime()) && (P = Ct)), F === P ? 0 : F ? P ? (F < P ? 1 : -1) * (r ? -1 : 1) : r ? 1 : -1 : r ? -1 : 1;
     });
   }, [
     l,
-    W,
+    I,
     Ie,
     J,
     ae,
@@ -1306,24 +1305,24 @@ const pn = ({
     a
   ]), st = e.useCallback(
     (r) => {
-      const d = { ...a.columnFilterMap };
-      delete d[r], ke({
+      const c = { ...a.columnFilterMap };
+      delete c[r], ke({
         ...a,
-        columnFilterMap: d
+        columnFilterMap: c
       });
     },
     [a]
   ), He = e.useCallback(
-    (r, d) => {
+    (r, c) => {
       if (E) {
         window.location.hash = ze({
           ...z,
           sortColumn: r,
-          sortAsc: d
+          sortAsc: c
         });
         return;
       }
-      ke({ ...a, sortColumn: r, sortAsc: d });
+      ke({ ...a, sortColumn: r, sortAsc: c });
     },
     [a, z, E]
   ), Et = e.useCallback(
@@ -1338,24 +1337,24 @@ const pn = ({
     qe(a), ge(void 0);
   }, [a]);
   e.useEffect(() => {
-    if (!g || !z || !fe || !E)
+    if (!p || !z || !fe || !E)
       return;
     const r = Object.keys(z);
-    let d = !1;
-    for (const c of r) {
-      const i = z[c], h = fe[c];
+    let c = !1;
+    for (const d of r) {
+      const i = z[d], h = fe[d];
       if (typeof i == "string" && i !== h) {
-        d = !0;
+        c = !0;
         break;
       }
       if (typeof i == "object" && !et(i, h)) {
-        d = !0;
+        c = !0;
         break;
       }
     }
-    d && De();
+    c && De();
   }, [
-    g,
+    p,
     z,
     fe,
     De,
@@ -1371,11 +1370,11 @@ const pn = ({
     [X]
   ), pe = e.useMemo(() => {
     const r = B * Se;
-    let d;
-    if (C && (d = C === "100%" ? Re.height : C, !d))
+    let c;
+    if (C && (c = C === "100%" ? Re.height : C, !c))
       return 0;
-    const c = d ? d - ot.height - gt : 0;
-    return c && c < r ? c : r;
+    const d = c ? c - ot.height - gt : 0;
+    return d && d < r ? d : r;
   }, [
     B,
     Se,
@@ -1388,10 +1387,10 @@ const pn = ({
     },
     []
   ), At = e.useCallback(
-    (r, d) => {
+    (r, c) => {
       if (!Q)
         return;
-      if (E && d !== !1) {
+      if (E && c !== !1) {
         window.location.hash = ze({
           ...z,
           columnFilterMap: {
@@ -1405,13 +1404,13 @@ const pn = ({
         st(Q.propName);
         return;
       }
-      const c = {
+      const d = {
         ...a.columnFilterMap,
         [Q.propName]: r
       };
       ke({
         ...a,
-        columnFilterMap: c
+        columnFilterMap: d
       });
     },
     [
@@ -1427,10 +1426,10 @@ const pn = ({
       columnFilterMap: {},
       // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
       sortColumn: T,
-      sortAsc: W
+      sortAsc: I
     };
     E && (window.location.hash = ze(r)), qe(r), ke(r);
-  }, [E, W, T]), It = e.useCallback(() => {
+  }, [E, I, T]), It = e.useCallback(() => {
     const r = z?.searchQuery || "";
     E && // prevent hash change for undefined vs empty string compare
     (a.searchQuery || r) && a.searchQuery !== r && (window.location.hash = ze({
@@ -1445,7 +1444,12 @@ const pn = ({
   ), $t = e.useCallback(() => {
     v && (localStorage.removeItem(`${v}.columnNames`), localStorage.removeItem(`${v}.columnWidths`), oe(void 0), Oe(void 0));
   }, [v]), Ke = e.useCallback(
-    (r) => !X || !x || !ne || !le ? !0 : x[X[r]._index] !== void 0,
+    (r) => {
+      if (!X || !x || !ne || !le)
+        return !0;
+      const c = X[r];
+      return c && x[c._index] !== void 0;
+    },
     [le, ne, X, x]
   ), Ot = e.useMemo(() => pe ? !(x && !Ne) && !ne ? /* @__PURE__ */ t(
     "div",
@@ -1469,7 +1473,7 @@ const pn = ({
       isItemLoaded: Ke,
       itemCount: le,
       loadMoreItems: ne,
-      children: ({ onItemsRendered: d, ref: c }) => /* @__PURE__ */ t(
+      children: ({ onItemsRendered: c, ref: d }) => /* @__PURE__ */ t(
         lt,
         {
           className: "mig-schema-table__tbody",
@@ -1480,17 +1484,17 @@ const pn = ({
           rowHeight: Ye,
           columnCount: xe,
           rowCount: Se,
-          ref: c,
+          ref: d,
           onItemsRendered: ({
             overscanRowStartIndex: i,
             overscanRowStopIndex: h,
             visibleRowStartIndex: N,
-            visibleRowStopIndex: b
-          }) => d({
+            visibleRowStopIndex: g
+          }) => c({
             overscanStartIndex: i,
             overscanStopIndex: h,
             visibleStartIndex: N,
-            visibleStopIndex: b
+            visibleStopIndex: g
           }),
           children: pt
         },
@@ -1549,15 +1553,15 @@ const pn = ({
     Me.Provider,
     {
       value: {
-        checkedIndexes: p,
-        columnNames: Y,
+        checkedIndexes: f,
+        columnNames: K,
         columnWidths: ie,
         config: l,
         disabledCheckedIndexes: $,
         displayTimezone: M,
         dropTargetIndex: Le,
-        getRowClassName: q,
-        getRowSelected: ee,
+        getRowClassName: Z,
+        getRowSelected: Y,
         isColumnFilterable: m,
         isItemLoaded: Ke,
         isSortable: te,
@@ -1566,7 +1570,7 @@ const pn = ({
         onRowDoubleClick: se,
         properties: ae,
         required: Mt,
-        setCheckedIndexes: Z,
+        setCheckedIndexes: q,
         setCustomColumnNames: oe,
         setCustomColumnWidths: Oe,
         setDropTargetIndex: Ze,
@@ -1579,7 +1583,7 @@ const pn = ({
         tableDataState: a,
         translate: k || ft
       },
-      children: /* @__PURE__ */ R(
+      children: /* @__PURE__ */ W(
         "div",
         {
           className: `mig-schema-table${L ? " mig-schema-table--clickable-rows" : ""}`,
@@ -1587,7 +1591,7 @@ const pn = ({
           style: Rt,
           role: "table",
           children: [
-            /* @__PURE__ */ R(
+            /* @__PURE__ */ W(
               "div",
               {
                 className: "mig-schema-table__action-container",
@@ -1611,16 +1615,16 @@ const pn = ({
                   n ? /* @__PURE__ */ t(
                     n,
                     {
-                      ...I,
+                      ...O,
                       renderData: X
                     }
                   ) : /* @__PURE__ */ t("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  O && Array.isArray(_) ? /* @__PURE__ */ t("span", { className: "mig-schema-table__row_counter", children: k(
+                  S && Array.isArray(_) ? /* @__PURE__ */ t("span", { className: "mig-schema-table__row_counter", children: k(
                     "showingFilteredCountOfTotalCount",
                     X?.length || 0,
                     _.length
                   ) }) : null,
-                  f ? /* @__PURE__ */ t(
+                  b ? /* @__PURE__ */ t(
                     "button",
                     {
                       onClick: St,
@@ -1650,7 +1654,7 @@ const pn = ({
                 ]
               }
             ),
-            /* @__PURE__ */ R("div", { className: "mig-schema-table__column_resize_container", children: [
+            /* @__PURE__ */ W("div", { className: "mig-schema-table__column_resize_container", children: [
               /* @__PURE__ */ t(
                 u,
                 {
@@ -1712,31 +1716,31 @@ const pn = ({
     }
   );
 }, In = e.memo(pn), Sn = e.memo(({ refresh: n, period: o = 60 }) => {
-  const [u, g] = e.useState(/* @__PURE__ */ new Date()), [p, l] = e.useState(/* @__PURE__ */ new Date()), I = e.useCallback(() => {
+  const [u, p] = e.useState(/* @__PURE__ */ new Date()), [f, l] = e.useState(/* @__PURE__ */ new Date()), O = e.useCallback(() => {
     l(/* @__PURE__ */ new Date()), n();
   }, [n]), _ = e.useMemo(
-    () => Ut(u, p),
-    [u, p]
+    () => Ut(u, f),
+    [u, f]
   );
   e.useEffect(() => {
-    _ > o && I();
-  }, [_, u, p, o, I]), e.useEffect(() => {
+    _ > o && O();
+  }, [_, u, f, o, O]), e.useEffect(() => {
     const T = setInterval(() => {
-      g(/* @__PURE__ */ new Date());
+      p(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => {
       clearInterval(T);
     };
   }, []);
-  const S = o - _;
-  return /* @__PURE__ */ R(
+  const R = o - _;
+  return /* @__PURE__ */ W(
     "div",
     {
       className: "mx-auto",
-      title: `Refresh ${S > 0 ? `in ${S} seconds` : "NOW"}`,
+      title: `Refresh ${R > 0 ? `in ${R} seconds` : "NOW"}`,
       children: [
         "Last update ",
-        tt(p, "HH:mm")
+        tt(f, "HH:mm")
       ]
     }
   );