mig-schema-table 4.4.32 → 5.0.0

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

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