mig-schema-table 5.0.6 → 5.0.7

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

@@ -25,8 +25,8 @@ 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;
@@ -58,24 +58,24 @@ 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: $,
     displayTimezone: _,
-    getRowClassName: S,
+    getRowClassName: O,
     getRowSelected: W,
     isItemLoaded: T,
-    lastCheckChangedRowIndex: $,
+    lastCheckChangedRowIndex: I,
     onRowClick: M,
     onRowDoubleClick: y,
-    properties: O,
+    properties: S,
     setCheckedIndexes: q,
     setLastCheckChangedRowIndex: ee,
     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 === K ? 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]);
     },
@@ -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 === K ? 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 && W && W(s[L._index], L._index) && A.push("mig-schema-table__td--selected"), s && O && A.push(
+      O(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 === K ? void 0 : ne,
+      onDoubleClick: b === K ? void 0 : C
     };
   }, [
     L,
     D,
-    f,
+    b,
     w,
     se,
     o,
     s,
     W,
-    S,
+    O,
     n,
     u,
     ne,
@@ -163,8 +163,8 @@ const Me = Ft.createContext({
       if (!te || !L)
         return;
       const A = parseInt(v.currentTarget.dataset.rowIndex);
-      if (v.shiftKey && $ !== void 0) {
-        const k = g?.includes($) ? $ : void 0;
+      if (v.shiftKey && I !== void 0) {
+        const k = p?.includes(I) ? I : void 0;
         if (k !== void 0 && D) {
           const E = o;
           for (const ce of Pt(
@@ -172,7 +172,7 @@ const Me = Ft.createContext({
             E > k ? E + 1 : k
           )) {
             const me = D[ce]._index;
-            (!I || !I.includes(me)) && te(me);
+            (!$ || !$.includes(me)) && te(me);
           }
         }
       } else
@@ -180,9 +180,9 @@ const Me = Ft.createContext({
       ee(A), _e.current?.focus();
     },
     [
-      g,
-      I,
+      p,
       $,
+      I,
       te,
       L,
       o,
@@ -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 === K)
     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: $?.includes(L._index)
       }
     ) }) });
   if (G && s)
@@ -215,7 +215,7 @@ const Me = Ft.createContext({
         ...U?.tdBodyProps
       }
     ) });
-  const Z = L[f];
+  const Z = L[b];
   return w?.format === "url" && Z ? /* @__PURE__ */ t(
     "a",
     {
@@ -230,10 +230,10 @@ const Me = Ft.createContext({
 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,27 +254,27 @@ function Dt() {
 const on = ({ index: n, style: o }) => {
   const {
     checkedIndexes: u,
-    columnNames: g,
-    columnWidths: p,
+    columnNames: p,
+    columnWidths: f,
     config: l,
-    disabledCheckedIndexes: I,
+    disabledCheckedIndexes: $,
     dropTargetIndex: _,
-    isColumnFilterable: S,
+    isColumnFilterable: O,
     isSortable: W,
     setCheckedIndexes: T,
-    properties: $,
+    properties: I,
     required: M,
     setCustomColumnNames: y,
-    setDropTargetIndex: O,
+    setDropTargetIndex: S,
     setFilterSortColumn: q,
     setMenuConfig: ee,
     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 === K ? { type: "boolean" } : I[C], se = s.sortColumn === C ? s.sortAsc : void 0, G = l ? l[C] : void 0;
+  let re = O && (L || G?.FilterMenu) && G?.isFilterable !== !1 ? $e.AVAILABLE : $e.UNAVAILABLE;
   s.columnFilterMap && s.columnFilterMap[C] !== void 0 && (re = $e.ACTIVE);
   const B = xt(
     W,
@@ -321,23 +321,23 @@ 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(
+  ), 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,29 +348,29 @@ 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) => !$?.includes(j))
     );
   }, [
     T,
     m,
     Le,
-    I
+    $
   ]);
   if (C === K)
     return /* @__PURE__ */ t("div", { style: o, className: V.join(" "), children: /* @__PURE__ */ t(
@@ -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: $
   }) => {
-    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: O, format: W, minimum: T, maximum: I } = l || {}, M = n, y = W === "date-time";
+    switch (O) {
       case "number":
       case "integer":
-        const O = M || {}, q = (s, m, f) => {
+        const S = M || {}, q = (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: [
+          p ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
             /* @__PURE__ */ R("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,7 +512,7 @@ const on = ({ index: n, style: o }) => {
             /* @__PURE__ */ t("hr", {})
           ] }),
           Object.keys(be).map((s) => {
-            const m = O[s];
+            const m = S[s];
             return /* @__PURE__ */ R("li", { children: [
               /* @__PURE__ */ t("label", { style: { width: 40, paddingLeft: 16 }, children: an[s] }),
               /* @__PURE__ */ t(
@@ -522,24 +522,24 @@ const on = ({ index: n, style: o }) => {
                   style: { width: 120 },
                   type: "number",
                   value: m !== void 0 ? m : "",
-                  "data-prop-name": p,
-                  onChange: (f) => {
+                  "data-prop-name": f,
+                  onChange: (b) => {
                     q(
                       s,
-                      f.currentTarget,
+                      b.currentTarget,
                       !1
                     );
                   },
-                  onBlur: (f) => {
+                  onBlur: (b) => {
                     q(
                       s,
-                      f.currentTarget,
+                      b.currentTarget,
                       !0
                     );
                   },
                   onKeyDown: u,
                   min: T,
-                  max: $
+                  max: I
                 }
               )
             ] }, s);
@@ -547,7 +547,7 @@ const on = ({ index: n, style: o }) => {
         ] });
       case "boolean":
         const ee = ["✓", "✕"];
-        g || ee.push("?");
+        p || 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(
           "select",
@@ -555,7 +555,7 @@ const on = ({ index: n, style: o }) => {
             autoFocus: !0,
             className: "form-select",
             value: D,
-            "data-prop-name": p,
+            "data-prop-name": f,
             onChange: (s) => {
               switch (s.currentTarget.value) {
                 case "✓":
@@ -593,7 +593,7 @@ const on = ({ index: n, style: o }) => {
               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,7 +603,7 @@ const on = ({ index: n, style: o }) => {
                   "option",
                   {
                     value: s,
-                    children: I(s)
+                    children: $(s)
                   },
                   `column-filter-select-${s}`
                 ))
@@ -617,7 +617,7 @@ const on = ({ index: n, style: o }) => {
             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: [
+            p ? null : /* @__PURE__ */ R("li", { style: { padding: 8 }, children: [
               /* @__PURE__ */ R("label", { className: "d-flex", children: [
                 /* @__PURE__ */ t(
                   "input",
@@ -625,8 +625,8 @@ const on = ({ index: n, style: o }) => {
                     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
                       );
@@ -643,19 +643,19 @@ const on = ({ index: n, style: o }) => {
                 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,
@@ -683,7 +683,7 @@ const on = ({ index: n, style: o }) => {
                 {
                   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 +691,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 +726,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,15 +745,15 @@ 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: $,
   propName: _,
-  propSchema: S,
+  propSchema: O,
   referenceElement: W,
   setFilterSortColumn: T,
-  translate: $,
+  translate: I,
   value: M
 }) => {
   const y = mt({
@@ -762,40 +762,40 @@ const on = ({ index: n, style: o }) => {
       reference: W
     },
     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(
     (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]);
@@ -810,19 +810,19 @@ const on = ({ index: n, style: o }) => {
           n ? /* @__PURE__ */ R("li", { onClick: ee, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↓" }),
             " ",
-            $("sortAscending")
+            I("sortAscending")
           ] }) : null,
           n ? /* @__PURE__ */ R("li", { onClick: D, style: { padding: 8 }, children: [
             /* @__PURE__ */ t("span", { className: "mig-schema-table__th-menu__icon", children: "↑" }),
             " ",
-            $("sortDescending")
+            I("sortDescending")
           ] }) : null,
           o ? /* @__PURE__ */ R(
             "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(
@@ -835,7 +835,7 @@ const on = ({ index: n, style: o }) => {
                     onChange: s
                   }
                 ) }),
-                /* @__PURE__ */ t("label", { htmlFor: "mig-schema-table__th-menu__filters", children: $("filters") }),
+                /* @__PURE__ */ t("label", { htmlFor: "mig-schema-table__th-menu__filters", children: I("filters") }),
                 /* @__PURE__ */ t("div", { className: "mig-schema-table__th-menu__sub-menu-indicator" })
               ]
             }
@@ -843,22 +843,22 @@ 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,
           {
             columnFilterValue: M,
             onChange: u,
-            onInputKeyDown: p,
-            propIsRequired: I,
+            onInputKeyDown: f,
+            propIsRequired: $,
             propName: _,
-            propSchema: S,
-            translate: $
+            propSchema: O,
+            translate: I
           }
         )
       }
@@ -868,36 +868,36 @@ 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), $ = Dt(), _ = e.useCallback(
+    (I) => {
       const M = n.map(
-        (y, O) => O === o ? Math.max(y + $, kt) : y
+        (y, S) => S === o ? Math.max(y + I, kt) : y
       );
-      I(M);
+      $(M);
     },
-    [n, o, I]
+    [n, o, $]
   );
-  let S = 0;
+  let O = 0;
   const W = e.useCallback(
-    ($) => {
-      u(parseInt($.currentTarget.dataset.columnIndex)), l($.clientX);
+    (I) => {
+      u(parseInt(I.currentTarget.dataset.columnIndex)), l(I.clientX);
     },
     [u]
   ), T = e.useCallback(
-    ($) => {
-      _($.clientX - p), l(0), u(-1);
+    (I) => {
+      _(I.clientX - f), l(0), u(-1);
     },
-    [p, _, u]
+    [f, _, u]
   );
-  return /* @__PURE__ */ t("div", { children: [...n].map(($, M) => {
-    S += $;
+  return /* @__PURE__ */ t("div", { children: [...n].map((I, M) => {
+    O += I;
     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: O - en, bottom: p },
         className: y.join(" "),
         draggable: "true",
         "data-column-index": M,
@@ -908,23 +908,23 @@ const on = ({ index: n, style: o }) => {
     );
   }) });
 }, _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 $ of l) {
+        const { blockSize: _, inlineSize: O } = $.borderBoxSize[0];
+        O && _ && p({ width: O, height: _ });
       }
     });
-    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 +937,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: $, ..._ } = 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: $,
   data: _,
-  defaultColumnFilters: S,
+  defaultColumnFilters: O,
   defaultSortAsc: W = !1,
   defaultSortColumn: T,
-  disabledCheckedIndexes: $,
+  disabledCheckedIndexes: I,
   displayTimezone: M,
   enableAutoFocus: y = !0,
-  enableRowCounter: O = !0,
+  enableRowCounter: S = !0,
   getRowClassName: q,
   getRowSelected: ee,
   getSearchQueryFilterResult: D,
   infiniteLoaderRef: s,
   isColumnFilterable: m = !0,
-  isExportable: f = !0,
+  isExportable: b = !0,
   isResizable: w = !0,
   isSearchable: U = !0,
   isSortable: te = !0,
@@ -1016,7 +1016,7 @@ const pn = ({
     J ? void 0 : _
   ), [fe, qe] = e.useState(), [a, ke] = e.useState({
     searchQuery: "",
-    columnFilterMap: S || {},
+    columnFilterMap: O || {},
     sortColumn: T,
     sortAsc: W
   }), [z, Tt] = e.useState(
@@ -1045,10 +1045,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 || O || {},
+      sortAsc: d === void 0 ? W : d,
       sortColumn: i === void 0 ? T : i
     };
     ke(
@@ -1057,7 +1057,7 @@ const pn = ({
   }, [
     z,
     E,
-    S,
+    O,
     W,
     T
   ]), e.useEffect(() => {
@@ -1079,27 +1079,27 @@ const pn = ({
     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 (Z && c.unshift(K), 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 === K || i === K ? 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,
@@ -1108,77 +1108,77 @@ const pn = ({
     We
   ]), je = e.useMemo(
     () => x && Y ? x.map(
-      (r, d) => Y.reduce(
-        (c, i) => {
+      (r, c) => Y.reduce(
+        (d, i) => {
           const h = ae[i], N = l ? l[i] : void 0;
           if (N?.renderData)
-            return c[i] = N.renderData(r, d), c;
+            return d[i] = N.renderData(r, c), d;
           if (!h || i === K)
-            return c[i] = "", c;
-          const b = r ? r[i] : "";
+            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) {
+    let r = 0, c = 0;
+    return (Y || []).forEach((d) => {
+      if (d === K) {
         r += bt;
         return;
       }
-      const i = l ? l[c] : void 0;
-      i?.width ? r += i.width : d += 1;
-    }, 0), { dynamicWidthColumnCount: d, fixedWidthColumnsWidth: r };
+      const i = l ? l[d] : void 0;
+      i?.width ? r += i.width : c += 1;
+    }, 0), { dynamicWidthColumnCount: c, fixedWidthColumnsWidth: r };
   }, [Y, 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)
           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;
@@ -1196,20 +1196,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) : !(Y && !Y.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 +1218,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 +1238,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 +1258,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);
@@ -1278,10 +1278,10 @@ const pn = ({
     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];
@@ -1291,10 +1291,10 @@ const pn = ({
           r === void 0 ? W : 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,
@@ -1306,24 +1306,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 +1338,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 +1371,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 +1388,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 +1405,13 @@ const pn = ({
         st(Q.propName);
         return;
       }
-      const c = {
+      const d = {
         ...a.columnFilterMap,
         [Q.propName]: r
       };
       ke({
         ...a,
-        columnFilterMap: c
+        columnFilterMap: d
       });
     },
     [
@@ -1445,7 +1445,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 +1474,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 +1485,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,11 +1554,11 @@ const pn = ({
     Me.Provider,
     {
       value: {
-        checkedIndexes: p,
+        checkedIndexes: f,
         columnNames: Y,
         columnWidths: ie,
         config: l,
-        disabledCheckedIndexes: $,
+        disabledCheckedIndexes: I,
         displayTimezone: M,
         dropTargetIndex: Le,
         getRowClassName: q,
@@ -1611,16 +1616,16 @@ const pn = ({
                   n ? /* @__PURE__ */ t(
                     n,
                     {
-                      ...I,
+                      ...$,
                       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,
@@ -1712,31 +1717,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()), $ = 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 && $();
+  }, [_, u, f, o, $]), e.useEffect(() => {
     const T = setInterval(() => {
-      g(/* @__PURE__ */ new Date());
+      p(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => {
       clearInterval(T);
     };
   }, []);
-  const S = o - _;
+  const O = o - _;
   return /* @__PURE__ */ R(
     "div",
     {
       className: "mx-auto",
-      title: `Refresh ${S > 0 ? `in ${S} seconds` : "NOW"}`,
+      title: `Refresh ${O > 0 ? `in ${O} seconds` : "NOW"}`,
       children: [
         "Last update ",
-        tt(p, "HH:mm")
+        tt(f, "HH:mm")
       ]
     }
   );