mig-schema-table 5.0.19 → 5.0.20

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

@@ -72,15 +72,15 @@ const Ie = tn.createContext({
     checkedIndexes: p,
     columnNames: _,
     config: f,
-    disabledCheckedIndexes: E,
+    disabledCheckedIndexes: L,
     displayTimezone: C,
     getRowClassName: O,
-    getRowSelected: L,
-    isItemLoaded: N,
+    getRowSelected: N,
+    isItemLoaded: I,
     lastCheckChangedRowIndex: $,
     onRowClick: M,
     onRowDoubleClick: D,
-    onRowDrop: I,
+    onRowDrop: S,
     properties: Y,
     rowDropTargetRowIndex: te,
     setCheckedIndexes: q,
@@ -94,7 +94,7 @@ const Ie = tn.createContext({
       q && q((T) => T && T.includes(w) ? T.filter((x) => x !== w) : T ? [...T, w] : [w]);
     },
     [q]
-  ), J = N(o), ne = e.useCallback(
+  ), J = I(o), ne = e.useCallback(
     (w) => {
       if (!g || !r || !M || !J)
         return;
@@ -116,12 +116,12 @@ const Ie = tn.createContext({
       D(g[A._index], A._index, w);
     },
     [J, D, r, g]
-  ), S = r ? r[o] : void 0, { showTimezones: ae, TdBody: Z } = G || {}, ue = e.useMemo(() => C ? null : Ne.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), j = e.useMemo(() => {
-    if (!S || !r)
+  ), R = r ? r[o] : void 0, { showTimezones: ae, TdBody: Z } = G || {}, ue = e.useMemo(() => C ? null : Ne.startsWith("Europe/") ? "Asia/Jakarta" : "Europe/Amsterdam", [C]), j = e.useMemo(() => {
+    if (!R || !r)
       return;
-    let w = W === ee ? void 0 : S[W];
+    let w = W === ee ? void 0 : R[W];
     if (ce?.format && ce.format === "date-time" && ae !== !1) {
-      const A = g ? g[S._index] : void 0, x = A ? A[W] : void 0, Q = x ? new Date(x) : void 0;
+      const A = g ? g[R._index] : void 0, x = A ? A[W] : void 0, Q = x ? new Date(x) : void 0;
       Q && ue && (w = `${Rt(
         Q,
         ue,
@@ -133,8 +133,8 @@ const Ie = tn.createContext({
       `mig-schema-table__td--${o % 2 ? "odd" : "even"}`,
       `mig-schema-table__td--prop-${W}`
     ];
-    switch (o === te && T.push("mig-schema-table__td--row-drop-target"), g && L && L(g[S._index], S._index) && T.push("mig-schema-table__td--selected"), g && O && T.push(
-      O(g[S._index], S._index, r)
+    switch (o === te && T.push("mig-schema-table__td--row-drop-target"), g && N && N(g[R._index], R._index) && T.push("mig-schema-table__td--selected"), g && O && T.push(
+      O(g[R._index], R._index, r)
     ), ce?.type) {
       case "boolean":
         T.push(`text-${G?.align || "center"}`);
@@ -156,7 +156,7 @@ const Ie = tn.createContext({
       onDoubleClick: W === ee ? void 0 : re
     };
   }, [
-    S,
+    R,
     r,
     W,
     ce,
@@ -164,7 +164,7 @@ const Ie = tn.createContext({
     o,
     te,
     g,
-    L,
+    N,
     O,
     n,
     h,
@@ -175,7 +175,7 @@ const Ie = tn.createContext({
     G
   ]), he = e.useCallback(
     (w) => {
-      if (!v || !S)
+      if (!v || !R)
         return;
       const T = parseInt(w.currentTarget.dataset.rowIndex);
       if (w.shiftKey && $ !== void 0) {
@@ -187,27 +187,27 @@ const Ie = tn.createContext({
             x > A ? x + 1 : A
           )) {
             const Me = r[Q]._index;
-            (!E || !E.includes(Me)) && v(Me);
+            (!L || !L.includes(Me)) && v(Me);
           }
         }
       } else
-        v(S._index);
+        v(R._index);
       b(T), ve.current?.focus();
     },
     [
       p,
-      E,
+      L,
       $,
       v,
-      S,
+      R,
       o,
       b,
       r
     ]
   ), ve = e.useRef(null);
-  if (!S || !j)
+  if (!R || !j)
     return null;
-  if (!N || g && !g[S._index])
+  if (!I || g && !g[R._index])
     return /* @__PURE__ */ s("div", { ...j, children: "loading" });
   if (W === we)
     return /* @__PURE__ */ s(
@@ -229,7 +229,7 @@ const Ie = tn.createContext({
             w.dataTransfer.getData("row-drag-index"),
             10
           );
-          isNaN(T) || I(T, o);
+          isNaN(T) || S(T, o);
         },
         children: /* @__PURE__ */ s("span", { className: "mig-schema-table__td--drag-handle__icon", children: "⠿" })
       }
@@ -241,21 +241,21 @@ const Ie = tn.createContext({
         ref: ve,
         type: "checkbox",
         readOnly: !0,
-        checked: p?.includes(S._index),
-        disabled: E?.includes(S._index)
+        checked: p?.includes(R._index),
+        disabled: L?.includes(R._index)
       }
     ) }) });
   if (Z && g)
     return /* @__PURE__ */ s("div", { ...j, children: /* @__PURE__ */ s(
       Z,
       {
-        dataIndex: S._index,
-        rowData: g[S._index],
+        dataIndex: R._index,
+        rowData: g[R._index],
         rowIndex: o,
         ...G?.tdBodyProps
       }
     ) });
-  const se = S[W];
+  const se = R[W];
   return ce?.format === "url" && se ? /* @__PURE__ */ s(
     "a",
     {
@@ -297,15 +297,15 @@ const yn = ({ index: n, style: o }) => {
     columnNames: p,
     columnWidths: _,
     config: f,
-    disabledCheckedIndexes: E,
+    disabledCheckedIndexes: L,
     dropTargetIndex: C,
     isColumnFilterable: O,
-    isSortable: L,
-    setCheckedIndexes: N,
+    isSortable: N,
+    setCheckedIndexes: I,
     properties: $,
     required: M,
     setCustomColumnNames: D,
-    setDropTargetIndex: I,
+    setDropTargetIndex: S,
     setFilterSortColumn: Y,
     setMenuConfig: te,
     settingsStorageKey: q,
@@ -314,15 +314,15 @@ const yn = ({ index: n, style: o }) => {
     translate: r,
     displayTimezone: g
   } = e.useContext(Ie), [oe, W] = e.useState(!1), ce = n === C, G = jt(), v = p[n], J = v === ee ? { type: "boolean" } : $[v], ne = b.sortColumn === v ? b.sortAsc : void 0, re = f ? f[v] : void 0;
-  let S = O && (J || re?.FilterMenu) && re?.isFilterable !== !1 ? Qe.AVAILABLE : Qe.UNAVAILABLE;
-  b.columnFilterMap && b.columnFilterMap[v] !== void 0 && (S = Qe.ACTIVE);
+  let R = O && (J || re?.FilterMenu) && re?.isFilterable !== !1 ? Qe.AVAILABLE : Qe.UNAVAILABLE;
+  b.columnFilterMap && b.columnFilterMap[v] !== void 0 && (R = Qe.ACTIVE);
   const ae = Wt(
-    L,
+    N,
     J,
     re
   ), Z = [
     "mig-schema-table__th",
-    `mig-schema-table__th--filter-${S}`,
+    `mig-schema-table__th--filter-${R}`,
     `mig-schema-table__th--prop-${v}`
   ];
   Z.push(
@@ -348,8 +348,8 @@ const yn = ({ index: n, style: o }) => {
     Y,
     ne
   ]), T = M.includes(v), A = e.useCallback(
-    (z) => {
-      const fe = z.currentTarget;
+    (U) => {
+      const fe = U.currentTarget;
       te((ye) => {
         if (ye?.propName !== v)
           return {
@@ -362,13 +362,13 @@ const yn = ({ index: n, style: o }) => {
     },
     [re, T, v, te]
   ), x = e.useMemo(() => se !== void 0 ? se : ue === "date-time" && ve ? `${r(v)} (${r(g || Ne)})` : r(v), [se, ue, ve, r, v, g]), Q = e.useCallback(
-    (z, fe) => {
+    (U, fe) => {
       if (!p || !_)
         return;
-      const ye = p.indexOf(z), ke = [...p];
+      const ye = p.indexOf(U), ke = [...p];
       ke.splice(ye, 1);
       const H = ke.indexOf(fe);
-      ke.splice(H + 1, 0, z), D(ke);
+      ke.splice(H + 1, 0, U), D(ke);
       const _e = [..._], Oe = _e[ye];
       _e.splice(ye, 1), _e.splice(H + 1, 0, Oe), G(new Uint16Array(_e)), q && localStorage.setItem(
         `${q}.columnNames`,
@@ -383,34 +383,34 @@ const yn = ({ index: n, style: o }) => {
       D
     ]
   ), Me = e.useCallback(
-    (z) => {
-      Q && (W(!0), z.dataTransfer.effectAllowed = "move", z.dataTransfer.dropEffect = "move", z.dataTransfer.setData("text/plain", v));
+    (U) => {
+      Q && (W(!0), U.dataTransfer.effectAllowed = "move", U.dataTransfer.dropEffect = "move", U.dataTransfer.setData("text/plain", v));
     },
     [Q, v]
   ), Se = e.useCallback(() => {
-    Q && (W(!1), I(-1));
-  }, [Q, I]), ze = e.useCallback(
-    (z) => {
-      Q && (z.preventDefault(), I(n));
+    Q && (W(!1), S(-1));
+  }, [Q, S]), ze = e.useCallback(
+    (U) => {
+      Q && (U.preventDefault(), S(n));
     },
-    [n, Q, I]
+    [n, Q, S]
   ), Re = e.useCallback(
-    (z) => {
-      if (I(-1), !Q || !v)
+    (U) => {
+      if (S(-1), !Q || !v)
         return;
-      const fe = z.dataTransfer.getData("text/plain");
+      const fe = U.dataTransfer.getData("text/plain");
       !fe || fe === v || Q(fe, v);
     },
-    [Q, v, I]
+    [Q, v, S]
   ), Ae = vn(), Ke = e.useCallback(() => {
-    !N || !u || N(
-      Ae ? [] : u.map((z) => z._index).filter((z) => !E?.includes(z))
+    !I || !u || I(
+      Ae ? [] : u.map((U) => U._index).filter((U) => !L?.includes(U))
     );
   }, [
-    N,
+    I,
     u,
     Ae,
-    E
+    L
   ]);
   if (v === we)
     return /* @__PURE__ */ s(
@@ -482,7 +482,7 @@ const yn = ({ index: n, style: o }) => {
             ]
           }
         ),
-        ae || S !== Qe.UNAVAILABLE ? /* @__PURE__ */ s(
+        ae || R !== Qe.UNAVAILABLE ? /* @__PURE__ */ s(
           "button",
           {
             className: "mig-schema-table__th__trigger-el",
@@ -519,22 +519,22 @@ const yn = ({ index: n, style: o }) => {
     propIsRequired: p,
     propName: _,
     propSchema: f,
-    translate: E
+    translate: L
   }) => {
-    const { displayTimezone: C } = e.useContext(Ie), { type: O, format: L, minimum: N, maximum: $ } = f || {}, M = n, D = L === "date-time";
-    let I, Y;
+    const { displayTimezone: C } = e.useContext(Ie), { type: O, format: N, minimum: I, maximum: $ } = f || {}, M = n, D = N === "date-time";
+    let S, Y;
     switch (O) {
       case "number":
       case "integer":
-        return I = M || {}, Y = (b, u, r) => {
+        return S = M || {}, Y = (b, u, r) => {
           const g = {
-            ...I,
+            ...S,
             [b]: u.value === "" ? void 0 : parseInt(u.value)
           }, oe = Object.values(g).find(
             (W) => isFinite(W)
           );
           o(
-            oe !== void 0 && (N === void 0 || oe >= N) ? g : void 0,
+            oe !== void 0 && (I === void 0 || oe >= I) ? g : void 0,
             r
           );
         }, /* @__PURE__ */ B("ol", { className: "mig-schema-table-menu mig-schema-table__th-menu__filter-menu-component", children: [
@@ -545,9 +545,9 @@ const yn = ({ index: n, style: o }) => {
                 {
                   type: "checkbox",
                   style: { marginRight: 14 },
-                  checked: !!I.filterEmpty,
+                  checked: !!S.filterEmpty,
                   onChange: () => {
-                    const { filterEmpty: b, ...u } = I;
+                    const { filterEmpty: b, ...u } = S;
                     b || (u.filterEmpty = !0), o(
                       Object.keys(u).length ? u : void 0,
                       !0
@@ -560,7 +560,7 @@ const yn = ({ index: n, style: o }) => {
             /* @__PURE__ */ s("hr", {})
           ] }),
           Object.keys(pe).map((b) => {
-            const u = I[b];
+            const u = S[b];
             return /* @__PURE__ */ B("li", { children: [
               /* @__PURE__ */ s("label", { style: { width: 40, paddingLeft: 16 }, children: Dn[b] }),
               /* @__PURE__ */ s(
@@ -586,7 +586,7 @@ const yn = ({ index: n, style: o }) => {
                     );
                   },
                   onKeyDown: h,
-                  min: N,
+                  min: I,
                   max: $
                 }
               )
@@ -607,7 +607,7 @@ const yn = ({ index: n, style: o }) => {
             menuIsOpen: !0,
             isClearable: !0,
             isMulti: !0,
-            placeholder: E("All"),
+            placeholder: L("All"),
             className: "react-select-container",
             classNamePrefix: "react-select",
             value: q,
@@ -633,7 +633,7 @@ const yn = ({ index: n, style: o }) => {
         if (f?.enum) {
           const b = f.enum.map((r) => ({
             value: r,
-            label: E(r)
+            label: L(r)
           })), u = b.filter(
             (r) => (M || []).includes(r.value)
           );
@@ -660,11 +660,11 @@ const yn = ({ index: n, style: o }) => {
                 o(g.length ? g : void 0, !0);
               },
               onKeyDown: h,
-              placeholder: E("Select...")
+              placeholder: L("Select...")
             }
           ) }) });
         }
-        if (D || L === "date") {
+        if (D || N === "date") {
           const b = D ? Ye : $t, u = n || {
             from: void 0,
             to: void 0,
@@ -810,21 +810,21 @@ const yn = ({ index: n, style: o }) => {
   onClose: p,
   onInputKeyDown: _,
   propConfig: f,
-  propIsRequired: E,
+  propIsRequired: L,
   propName: C,
   propSchema: O,
-  referenceElement: L,
-  setFilterSortColumn: N,
+  referenceElement: N,
+  setFilterSortColumn: I,
   translate: $,
   value: M
 }) => {
   const D = Dt({
     placement: "bottom-start",
     elements: {
-      reference: L
+      reference: N
     },
     middleware: [xt()]
-  }), I = Dt({
+  }), S = Dt({
     placement: "right-start",
     middleware: [xt()]
   });
@@ -834,7 +834,7 @@ const yn = ({ index: n, style: o }) => {
         return;
       let g = r.target;
       for (; g && D.elements.floating; ) {
-        if (g === D.elements.floating || g === I.elements.floating)
+        if (g === D.elements.floating || g === S.elements.floating)
           return;
         g = g.parentNode === window.document ? null : g.parentNode;
       }
@@ -846,18 +846,18 @@ const yn = ({ index: n, style: o }) => {
   }, [
     D.elements.floating,
     p,
-    I.elements.floating
+    S.elements.floating
   ]);
   const Y = f?.FilterMenu || xn, te = e.useCallback(
     (u) => {
-      N(C, !0), p(u);
+      I(C, !0), p(u);
     },
-    [p, C, N]
+    [p, C, I]
   ), q = e.useCallback(
     (u) => {
-      N(C, !1), p(u);
+      I(C, !1), p(u);
     },
-    [p, C, N]
+    [p, C, I]
   ), b = e.useCallback(() => {
     h(void 0, !0);
   }, [h]);
@@ -884,7 +884,7 @@ const yn = ({ index: n, style: o }) => {
             {
               style: { padding: 8 },
               onMouseOver: (u) => {
-                I.refs.setReference(u.currentTarget);
+                S.refs.setReference(u.currentTarget);
               },
               children: [
                 /* @__PURE__ */ s("span", { className: "mig-schema-table__th-menu__icon", children: /* @__PURE__ */ s(
@@ -905,19 +905,19 @@ const yn = ({ index: n, style: o }) => {
         ] })
       }
     ),
-    I.elements.reference ? /* @__PURE__ */ s(
+    S.elements.reference ? /* @__PURE__ */ s(
       "div",
       {
         className: "mig-schema-table mig-schema-table__th-menu__sub-menu",
-        ref: I.refs.setFloating,
-        style: I.floatingStyles,
+        ref: S.refs.setFloating,
+        style: S.floatingStyles,
         children: /* @__PURE__ */ s(
           Y,
           {
             columnFilterValue: M,
             onChange: h,
             onInputKeyDown: _,
-            propIsRequired: E,
+            propIsRequired: L,
             propName: C,
             propSchema: O,
             translate: $
@@ -932,22 +932,22 @@ const yn = ({ index: n, style: o }) => {
   setResizeColumnIndex: h,
   tableBodyHeight: p
 }) => {
-  const [_, f] = e.useState(0), E = jt(), C = e.useCallback(
+  const [_, f] = e.useState(0), L = jt(), C = e.useCallback(
     ($) => {
       const M = n.map(
-        (D, I) => I === o ? Math.max(D + $, Ot) : D
+        (D, S) => S === o ? Math.max(D + $, Ot) : D
       );
-      E(M);
+      L(M);
     },
-    [n, o, E]
+    [n, o, L]
   );
   let O = 0;
-  const L = e.useCallback(
+  const N = e.useCallback(
     ($) => {
       h(parseInt($.currentTarget.dataset.columnIndex)), f($.clientX);
     },
     [h]
-  ), N = e.useCallback(
+  ), I = e.useCallback(
     ($) => {
       C($.clientX - _), f(0), h(-1);
     },
@@ -963,8 +963,8 @@ const yn = ({ index: n, style: o }) => {
         className: D.join(" "),
         draggable: "true",
         "data-column-index": M,
-        onDragStart: L,
-        onDragEnd: N
+        onDragStart: N,
+        onDragEnd: I
       },
       M
     );
@@ -978,10 +978,10 @@ const yn = ({ index: n, style: o }) => {
     if (!n)
       return;
     const _ = new ResizeObserver((f) => {
-      for (const E of f) {
-        const { blockSize: C, inlineSize: O } = E.borderBoxSize[0];
+      for (const L of f) {
+        const { blockSize: C, inlineSize: O } = L.borderBoxSize[0];
         p(
-          (L) => O && C && (L.width !== O || L.height !== C) ? { width: O, height: C } : L
+          (N) => O && C && (N.width !== O || N.height !== C) ? { width: O, height: C } : N
         );
       }
     });
@@ -1009,7 +1009,7 @@ const yn = ({ index: n, style: o }) => {
     ])
   ), p.getRow(1).font = { bold: !0 }, p.addRows(
     n.map((_) => {
-      const { _index: f, SELECT_ALL_COLUMN_NAME: E, ...C } = _;
+      const { _index: f, SELECT_ALL_COLUMN_NAME: L, ...C } = _;
       return Object.values(C);
     })
   ), h.xlsx.writeBuffer().then((_) => {
@@ -1043,15 +1043,15 @@ const Rn = ({
   autoRender: p,
   checkedIndexes: _,
   config: f,
-  customElementProps: E,
+  customElementProps: L,
   data: C,
   defaultColumnFilters: O,
-  defaultSortAsc: L = !1,
-  defaultSortColumn: N,
+  defaultSortAsc: N = !1,
+  defaultSortColumn: I,
   disabledCheckedIndexes: $,
   displayTimezone: M,
   enableAutoFocus: D = !0,
-  enableRowCounter: I = !0,
+  enableRowCounter: S = !0,
   getRowClassName: Y,
   getRowSelected: te,
   getSearchQueryFilterResult: q,
@@ -1067,7 +1067,7 @@ const Rn = ({
   maxHeight: J,
   onRowClick: ne,
   onRowDoubleClick: re,
-  onRowOrderChange: S,
+  onRowOrderChange: R,
   onSearchEnter: ae,
   onTableDataStateChange: Z,
   onFilteredSortedDataChange: ue,
@@ -1081,30 +1081,30 @@ const Rn = ({
   useFilterStateHash: x,
   width: Q
 }, Me) => {
-  const [Se, ze] = e.useState(), [Re, Ae] = e.useState(), [Ke, $e] = e.useState(-1), [z, fe] = e.useState(-1), [ye, ke] = e.useState(-1), H = C instanceof Function, [_e, Oe] = e.useState(
+  const [Se, ze] = e.useState(), [Re, Ae] = e.useState(), [Ke, $e] = e.useState(-1), [U, fe] = e.useState(-1), [ye, ke] = e.useState(-1), H = C instanceof Function, [_e, Oe] = e.useState(
     H ? void 0 : ct(C)
   ), [X, et] = e.useState(), [Ft, Bt] = e.useState(), [y, tt] = e.useState(
     H ? void 0 : C
   ), [De, nt] = e.useState(), [c, xe] = e.useState({
     searchQuery: "",
     columnFilterMap: O || {},
-    sortColumn: N,
-    sortAsc: L
-  }), [U, Qt] = e.useState(
+    sortColumn: I,
+    sortAsc: N
+  }), [P, Qt] = e.useState(
     x ? wt(window.location.hash) : null
   );
   e.useEffect(() => {
     H || (tt(C), Oe(ct(C)));
   }, [C, H]), e.useEffect(() => {
     !H || y !== void 0 || C(
-      U && Object.keys(U).length !== 0 ? {
-        ...U,
-        columnFilterMap: U.columnFilterMap || {}
+      P && Object.keys(P).length !== 0 ? {
+        ...P,
+        columnFilterMap: P.columnFilterMap || {}
       } : c
     ).then((t) => {
       tt(t), Oe(ct(t));
     });
-  }, [C, H, U, y, c]), e.useEffect(() => {
+  }, [C, H, P, y, c]), e.useEffect(() => {
     De || nt(c);
   }, [c, De]), e.useEffect(() => {
     if (!x)
@@ -1120,16 +1120,16 @@ const Rn = ({
   dt.current = O, e.useEffect(() => {
     if (!x)
       return;
-    const { columnFilterMap: t, searchQuery: a, sortAsc: l, sortColumn: i } = U || {}, d = {
+    const { columnFilterMap: t, searchQuery: a, sortAsc: l, sortColumn: i } = P || {}, d = {
       searchQuery: a || "",
       columnFilterMap: t || dt.current || {},
-      sortAsc: l === void 0 ? L : l,
-      sortColumn: i === void 0 ? N : i
+      sortAsc: l === void 0 ? N : l,
+      sortColumn: i === void 0 ? I : i
     };
     xe(
       (k) => Xe(d, k) ? k : d
     );
-  }, [U, x, L, N]), e.useEffect(() => {
+  }, [P, x, N, I]), e.useEffect(() => {
     Z && Z(c);
   }, [Z, c]);
   const Ue = e.useRef(null), mt = e.useRef(null), ht = e.useRef(null), Pe = It(mt.current), ft = It(
@@ -1289,68 +1289,68 @@ const Rn = ({
             );
             return;
           }
-          const me = ie[k], R = y[i._index]?.[k];
+          const me = ie[k], E = y[i._index]?.[k];
           switch (me?.type) {
             case "boolean":
               if (m === void 0)
                 return;
               if (Array.isArray(m) && m.length) {
                 m.includes(
-                  R === void 0 ? null : R
+                  E === void 0 ? null : E
                 ) || (d = !1);
                 return;
               }
-              d = R === m;
+              d = E === m;
               break;
             case "number":
             case "integer":
               if (m && typeof m == "object") {
-                m.filterEmpty && R === void 0 && (d = !1);
-                for (const P of Object.keys(
+                m.filterEmpty && E === void 0 && (d = !1);
+                for (const z of Object.keys(
                   pe
                 )) {
-                  const ge = m[P];
+                  const ge = m[z];
                   if (d && hn(ge))
-                    switch (P) {
+                    switch (z) {
                       case pe.EQ:
-                        R !== ge && (d = !1);
+                        E !== ge && (d = !1);
                         break;
                       case pe.GT:
-                        R <= ge && (d = !1);
+                        E <= ge && (d = !1);
                         break;
                       case pe.LT:
-                        R >= ge && (d = !1);
+                        E >= ge && (d = !1);
                         break;
                     }
                 }
               } else {
-                if (R === void 0 && m === null)
+                if (E === void 0 && m === null)
                   return !0;
-                d = R === m;
+                d = E === m;
               }
               break;
             // @ts-expect-error investigate
             case "string":
               if (typeof m == "object" && !Array.isArray(m) && (me.format === "date" || me.format === "date-time")) {
-                const { from: P, to: ge, filterEmpty: _t } = m;
-                if (!R)
+                const { from: z, to: ge, filterEmpty: _t } = m;
+                if (!E)
                   d = !_t;
                 else {
-                  const qe = R ? new Date(R) : void 0;
-                  (_t === !1 || P && (!qe || qe < P) || ge && (!qe || qe > ge)) && (d = !1);
+                  const qe = E ? new Date(E) : void 0;
+                  (_t === !1 || z && (!qe || qe < z) || ge && (!qe || qe > ge)) && (d = !1);
                 }
                 return;
               }
             // fall through
             default:
               if (me?.enum) {
-                Array.isArray(m) ? d = m.includes(R) : d = R === m;
+                Array.isArray(m) ? d = m.includes(E) : d = E === m;
                 return;
               }
               if (Array.isArray(m)) {
-                const P = `${i[k]}`.toLowerCase();
+                const z = `${i[k]}`.toLowerCase();
                 d = m.some(
-                  (ge) => P.includes(`${ge}`.toLowerCase())
+                  (ge) => z.includes(`${ge}`.toLowerCase())
                 );
               } else
                 d = `${i[k]}`.toLowerCase().includes(`${m}`.toLowerCase());
@@ -1376,21 +1376,21 @@ const Rn = ({
     const l = ie[a], i = f ? f[a] : void 0, d = i?.sort;
     if (d)
       return Fe.sort((V, me) => {
-        const R = y[V._index], P = y[me._index];
-        return R ? P ? d(
-          R,
-          P,
-          t === void 0 ? L : t
+        const E = y[V._index], z = y[me._index];
+        return E ? z ? d(
+          E,
+          z,
+          t === void 0 ? N : t
         ) : -1 : 1;
       });
     const k = l && l.format?.startsWith("date"), m = Sn(l, i);
     return Fe.sort((V, me) => {
-      let R = m && y[V._index] ? y[V._index][a] : `${V[a]}`.toLowerCase(), P = m && y[me._index] ? y[me._index][a] : `${me[a]}`.toLowerCase();
-      return m && k && (R = new Date(R), isNaN(R.getTime()) && (R = St), P = new Date(P), isNaN(P.getTime()) && (P = St)), R === P ? 0 : R ? P ? (R < P ? 1 : -1) * (t ? -1 : 1) : t ? 1 : -1 : t ? -1 : 1;
+      let E = m && y[V._index] ? y[V._index][a] : `${V[a]}`.toLowerCase(), z = m && y[me._index] ? y[me._index][a] : `${me[a]}`.toLowerCase();
+      return m && k && (E = new Date(E), isNaN(E.getTime()) && (E = St), z = new Date(z), isNaN(z.getTime()) && (z = St)), E === z ? 0 : E == null ? t ? -1 : 1 : z == null ? t ? 1 : -1 : (E < z ? 1 : -1) * (t ? -1 : 1);
     });
   }, [
     f,
-    L,
+    N,
     Fe,
     H,
     ie,
@@ -1405,9 +1405,9 @@ const Rn = ({
         ...k,
         sortColumn: void 0,
         sortAsc: void 0
-      })), S?.(l.map((k) => y[k]));
+      })), R?.(l.map((k) => y[k]));
     },
-    [F, y, S]
+    [F, y, R]
   );
   e.useImperativeHandle(
     Me,
@@ -1438,7 +1438,7 @@ const Rn = ({
     (t, a) => {
       if (x) {
         window.location.hash = He({
-          ...U,
+          ...P,
           sortColumn: t,
           sortAsc: a
         });
@@ -1446,7 +1446,7 @@ const Rn = ({
       }
       xe({ ...c, sortColumn: t, sortAsc: a });
     },
-    [c, U, x]
+    [c, P, x]
   ), Pt = e.useCallback(
     (t) => {
       xe({
@@ -1459,12 +1459,12 @@ const Rn = ({
     nt(c), tt(void 0);
   }, [c]);
   e.useEffect(() => {
-    if (!p || !U || !De || !x)
+    if (!p || !P || !De || !x)
       return;
-    const t = Object.keys(U);
+    const t = Object.keys(P);
     let a = !1;
     for (const l of t) {
-      const i = U[l], d = De[l];
+      const i = P[l], d = De[l];
       if (typeof i == "string" && i !== d) {
         a = !0;
         break;
@@ -1477,7 +1477,7 @@ const Rn = ({
     a && Le();
   }, [
     p,
-    U,
+    P,
     De,
     Le,
     x
@@ -1520,7 +1520,7 @@ const Rn = ({
         return;
       if (x && a !== !1) {
         window.location.hash = He({
-          ...U,
+          ...P,
           columnFilterMap: {
             ...c.columnFilterMap,
             [X.propName]: t
@@ -1544,7 +1544,7 @@ const Rn = ({
     [
       bt,
       c,
-      U,
+      P,
       X,
       x
     ]
@@ -1553,18 +1553,18 @@ const Rn = ({
       searchQuery: "",
       columnFilterMap: {},
       // Clear button should clear _ALL_ filters, do _NOT_ revert to defaultColumnFilters
-      sortColumn: N,
-      sortAsc: L
+      sortColumn: I,
+      sortAsc: N
     };
     x && (window.location.hash = He(t)), nt(t), xe(t);
-  }, [x, L, N]), qt = e.useCallback(() => {
-    const t = U?.searchQuery || "";
+  }, [x, N, I]), qt = e.useCallback(() => {
+    const t = P?.searchQuery || "";
     x && // prevent hash change for undefined vs empty string compare
     (c.searchQuery || t) && c.searchQuery !== t && (window.location.hash = He({
-      ...U,
+      ...P,
       searchQuery: c.searchQuery
     }));
-  }, [U, c.searchQuery, x]), Ht = e.useCallback(
+  }, [P, c.searchQuery, x]), Ht = e.useCallback(
     async (t) => {
       t.preventDefault(), t.stopPropagation(), F && await Ln(F);
     },
@@ -1687,7 +1687,7 @@ const Rn = ({
         config: f,
         disabledCheckedIndexes: $,
         displayTimezone: M,
-        dropTargetIndex: z,
+        dropTargetIndex: U,
         getRowClassName: Y,
         getRowSelected: te,
         isDraggable: u,
@@ -1747,11 +1747,11 @@ const Rn = ({
                   n ? /* @__PURE__ */ s(
                     n,
                     {
-                      ...E,
+                      ...L,
                       renderData: ot
                     }
                   ) : /* @__PURE__ */ s("div", { className: "mig-schema-table__custom_element_placeholder" }),
-                  I && Array.isArray(C) ? /* @__PURE__ */ s("span", { className: "mig-schema-table__row_counter", children: A(
+                  S && Array.isArray(C) ? /* @__PURE__ */ s("span", { className: "mig-schema-table__row_counter", children: A(
                     "showingFilteredCountOfTotalCount",
                     F?.length || 0,
                     C.length
@@ -1849,20 +1849,20 @@ const Rn = ({
     }
   );
 }, $n = e.forwardRef(Rn), Vn = e.memo($n), Yn = e.memo(({ refresh: n, period: o = 60 }) => {
-  const [h, p] = e.useState(/* @__PURE__ */ new Date()), [_, f] = e.useState(/* @__PURE__ */ new Date()), E = e.useCallback(() => {
+  const [h, p] = e.useState(/* @__PURE__ */ new Date()), [_, f] = e.useState(/* @__PURE__ */ new Date()), L = e.useCallback(() => {
     f(/* @__PURE__ */ new Date()), n();
   }, [n]), C = e.useMemo(
     () => an(h, _),
     [h, _]
   );
   e.useEffect(() => {
-    C > o && E();
-  }, [C, h, _, o, E]), e.useEffect(() => {
-    const N = setInterval(() => {
+    C > o && L();
+  }, [C, h, _, o, L]), e.useEffect(() => {
+    const I = setInterval(() => {
       p(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => {
-      clearInterval(N);
+      clearInterval(I);
     };
   }, []);
   const O = o - C;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "5.0.19",
+  "version": "5.0.20",
   "type": "module",
   "files": [
     "dist"