@ufal-lccv/gpsub-ds 0.2.21 → 0.2.23

package/dist/Table.view-Ca8caBoA.js

@@ -0,0 +1,933 @@
+import { _ as t, b as q, r as ne, al as K, C as ae, D as de, o as oe, W as ce, Y as V, am as he, an as ue, ao as fe, ap as xe, U as pe, E as ie, aq as ge, ar as be, as as me, at as je, au as Z, av as z, aw as we, ax as We, ay as Ie, az as ye } from "./GenericAGGridTable-DibITqf6.js";
+import { useState as P, useEffect as Q, useMemo as Y, useRef as X, useLayoutEffect as ke } from "react";
+import "react-dom";
+import { Icon as te } from "sbwb-ds";
+import { Controller as B, useController as Ae } from "react-hook-form";
+import { v as _, s as Re } from "./index-DUYr_t1R.js";
+import { p as se } from "./parseDate-ihxA2lUF.js";
+const le = 350, Oe = ({
+  title: n,
+  children: a,
+  endAdornment: u = null,
+  marginBottom: p = "16px",
+  customStyles: o = {},
+  wrapperCustomStyles: l = {},
+  animationContainerCustomStyles: c = {},
+  hideAdornmentOnCollapse: f = !1,
+  maxHeight: A = "none",
+  // Default to 'none' to allow full expansion
+  height: F = "fit-content"
+}) => {
+  const [R, S] = P(!1), [g, I] = P(!0);
+  Q(() => {
+    if (f)
+      if (R) {
+        const w = setTimeout(
+          () => I(!1),
+          le
+        );
+        return () => clearTimeout(w);
+      } else
+        I(!0);
+  }, [R, f]);
+  const N = f && !g ? null : u;
+  return /* @__PURE__ */ t.jsxs(
+    q,
+    {
+      width: "100%",
+      flex: "1",
+      gap: "8px",
+      customStyles: l,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          ne,
+          {
+            title: n,
+            divider: !0,
+            marginBottom: p,
+            collapse: {
+              collapsed: R,
+              setCollapsed: S
+            },
+            endAdornment: N,
+            customStyles: o
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          q,
+          {
+            gap: "8px",
+            width: "100%",
+            height: F,
+            customStyles: {
+              ...c,
+              maxHeight: R ? "0" : A,
+              transition: `max-height ${le}ms ease-in-out`
+            },
+            children: a
+          }
+        )
+      ]
+    }
+  );
+};
+function Ee({
+  form: n,
+  name: a,
+  id: u = a,
+  label: p,
+  readonly: o = !1,
+  disabled: l = !1,
+  afterCheck: c,
+  width: f = "100%",
+  formatter: A,
+  parser: F,
+  flex: R,
+  size: S = "Medium",
+  checkColor: g,
+  triggerFormField: I = null,
+  ...N
+}) {
+  const { onChangeTrigger: w } = K({
+    form: n,
+    fieldName: a,
+    triggerType: I,
+    debounceTime: 0
+  }), h = (b, $) => {
+    $(b), c == null || c(b), w == null || w();
+  };
+  return /* @__PURE__ */ t.jsx(q, { width: f, flex: R, children: /* @__PURE__ */ t.jsx(
+    B,
+    {
+      name: a,
+      control: n.control,
+      render: ({
+        field: { onChange: b, value: $, onBlur: C },
+        fieldState: { error: T = null }
+      }) => {
+        const M = T == null ? void 0 : T.message;
+        return M && console.log("Error on checkbox!", M), /* @__PURE__ */ t.jsx(
+          ae,
+          {
+            id: `form-checkbox-${u}`,
+            checked: A ? A($) : !!$,
+            name: a,
+            label: p,
+            disabled: l || o,
+            onChange: (x) => {
+              h(
+                (F == null ? void 0 : F(x.target.checked, $)) ?? x.target.checked,
+                b
+              ), C == null || C();
+            },
+            size: S,
+            checkColor: g,
+            ...N
+          }
+        );
+      }
+    }
+  ) });
+}
+const Ue = ({
+  form: n,
+  name: a,
+  label: u,
+  placeholder: p,
+  readonly: o = !1,
+  disabled: l = !1,
+  width: c = "100%",
+  flex: f,
+  tooltipIsVisible: A,
+  tooltipMaxWidth: F,
+  tooltipPosition: R = "top",
+  afterFormChange: S,
+  openToDate: g,
+  range: I = !1,
+  openCalendarOnInputClick: N = !1,
+  ...w
+}) => {
+  let h = p;
+  return !_(p) && !l && (h = o ? "Nenhuma data escolhida" : "Escolha uma data"), /* @__PURE__ */ t.jsx(q, { width: c, flex: f, children: /* @__PURE__ */ t.jsx(
+    B,
+    {
+      name: a,
+      control: n.control,
+      render: ({ field: { value: b, onChange: $, ref: C } }) => {
+        let T;
+        _(b) && (I ? T = Array.isArray(b) ? b.join(" - ") : b : T = new Date(Re(b.slice(0, 10))));
+        const { error: M } = n.getFieldState(a, n.formState);
+        return /* @__PURE__ */ t.jsx(
+          de,
+          {
+            ref: C,
+            idCalendar: `${a}-calendar`,
+            label: u,
+            value: T,
+            size: "Small",
+            readonly: o,
+            errorMessage: M == null ? void 0 : M.message,
+            disabled: l,
+            placeholder: h,
+            onChangeHandleDate: (x) => {
+              var d, H;
+              $(
+                I ? (d = x.split) == null ? void 0 : d.call(x, " - ").map((O) => {
+                  var r;
+                  return ((r = se(O)) == null ? void 0 : r.slice(0, 10)) || null;
+                }) : ((H = se(x)) == null ? void 0 : H.slice(0, 10)) || null
+              ), S == null || S(x);
+            },
+            openToDate: g,
+            selectsRange: I,
+            openCalendarOnInputClick: N,
+            width: c,
+            flex: f,
+            ...w
+          }
+        );
+      }
+    }
+  ) });
+};
+function Ve({
+  form: n,
+  name: a,
+  label: u,
+  slots: { field: p },
+  slotsProps: o,
+  triggerFormField: l = null,
+  // Value
+  value: c,
+  // Flags
+  bypassControllerOnChange: f = !1,
+  overrideOnBlur: A = !1,
+  isRequired: F = !1,
+  readonly: R = !1,
+  disabled: S = !1,
+  // Tranformations
+  parser: g,
+  // Debounce
+  debounce: I,
+  // Change handlers
+  beforeChange: N,
+  onChange: w,
+  afterChange: h,
+  // Blur handlers
+  beforeBlur: b,
+  onBlur: $,
+  afterBlur: C,
+  // Enter handlers
+  onEnter: T
+}) {
+  const {
+    field: { value: M, onChange: x },
+    fieldState: { error: d = null }
+  } = Ae({ name: a, control: n.control }), H = _(I), { onChangeTrigger: O, onBlurTrigger: r } = K({
+    form: n,
+    fieldName: a,
+    triggerType: l,
+    debounceTime: H ? 0 : 500
+  }), i = (e, m) => {
+    var y, G;
+    const E = ((y = e == null ? void 0 : e.target) == null ? void 0 : y.value) || ((G = e == null ? void 0 : e.target) == null ? void 0 : G.checked) || e || void 0, k = _(g) ? g(E) : E;
+    N == null || N(k), f || m == null || m(k), w == null || w(e, m), h == null || h(e, m), O == null || O();
+  }, W = Y(() => {
+    if (!H) return i;
+    let e;
+    return (E, k) => {
+      clearTimeout(e), e = setTimeout(() => i(E, k), I);
+    };
+  }, [H, I, i]), j = (e, m) => {
+    var k, y;
+    const E = ((k = e == null ? void 0 : e.target) == null ? void 0 : k.value) || ((y = e == null ? void 0 : e.target) == null ? void 0 : y.checked) || e || void 0;
+    !A && f && (x == null || x(E)), b == null || b(e, m), $ == null || $(e, m), C == null || C(e, m), r == null || r();
+  }, D = (e, m) => {
+    T == null || T(e, m);
+  };
+  d != null && d.message && console.log(`Error on ${p.displayName}!`, d.message);
+  const s = _(c) ? c == null ? void 0 : c(M) : { value: M };
+  return /* @__PURE__ */ t.jsx(q, { ...o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsx(
+    p,
+    {
+      ...o == null ? void 0 : o.field,
+      ...s,
+      label: u,
+      onChange: (e) => W == null ? void 0 : W(e, x),
+      onBlur: (e) => j == null ? void 0 : j(e, x),
+      onEnter: (e) => D == null ? void 0 : D(e, x),
+      errorMessage: d == null ? void 0 : d.message
+    }
+  ) });
+}
+const _e = ({
+  form: n,
+  name: a,
+  label: u,
+  options: p,
+  readonly: o = !1,
+  disabled: l = !1,
+  width: c = "100%",
+  flex: f,
+  placeholder: A,
+  iconName: F,
+  onSelect: R,
+  hasSelectAll: S = !1,
+  tags: g = !0,
+  sortOptions: I = !1,
+  enableSearch: N = !1,
+  valueAllOption: w,
+  isRequired: h = !1,
+  tooltipProps: b = {},
+  infoProps: $ = {},
+  triggerFormField: C = null,
+  ...T
+}) => {
+  const { onChangeTrigger: M } = K({
+    form: n,
+    fieldName: a,
+    triggerType: C,
+    debounceTime: 0
+  });
+  return /* @__PURE__ */ t.jsx(q, { width: c, flex: f, children: /* @__PURE__ */ t.jsx(
+    B,
+    {
+      name: a,
+      control: n.control,
+      render: ({ field: { value: x, onChange: d } }) => {
+        const { error: H } = n.getFieldState(a), O = _(x) ? x : [];
+        return /* @__PURE__ */ t.jsx(
+          oe,
+          {
+            label: u,
+            size: "Small",
+            disabled: l || o,
+            onChange: (r) => {
+              d(r), R == null || R(r), M == null || M();
+            },
+            values: O,
+            errorMessage: H == null ? void 0 : H.message,
+            options: p,
+            iconName: F,
+            hasSelectAll: S,
+            tags: g,
+            sortOptions: I,
+            placeholder: A,
+            enableSearch: N,
+            valueAllOption: w,
+            isRequired: h,
+            tooltipProps: {
+              position: "top",
+              ...b
+            },
+            infoProps: {
+              tooltipProps: {
+                position: "top",
+                maxWidth: "300px",
+                ...$.tooltipProps
+              },
+              ...$
+            },
+            ...T
+          }
+        );
+      }
+    }
+  ) });
+}, qe = ({
+  variant: n = "default",
+  form: a,
+  name: u,
+  label: p,
+  options: o,
+  readonly: l = !1,
+  disabled: c = !1,
+  optionsMap: f,
+  width: A = "100%",
+  flex: F,
+  placeholder: R,
+  onSelect: S,
+  parser: g,
+  onPaste: I,
+  filter: N,
+  tooltipProps: w = {},
+  infoProps: h = {},
+  maxHeightMenu: b,
+  isRequired: $ = !1,
+  onRemoveSelected: C,
+  triggerFormField: T = null,
+  displayText: M,
+  usePortal: x = !1,
+  ...d
+}) => {
+  const { onChangeTrigger: H } = K({
+    form: a,
+    fieldName: u,
+    triggerType: T,
+    debounceTime: 0
+  }), O = {
+    position: "top",
+    ...w
+  }, r = {
+    ...h,
+    tooltipProps: {
+      position: "top",
+      maxWidth: "300px",
+      ...h == null ? void 0 : h.tooltipProps
+    }
+  }, i = (j, D) => {
+    let s = j;
+    g && (s = g == null ? void 0 : g(j)), D(s), S == null || S(s), H == null || H();
+  }, W = Y(() => _(f) ? f : Object.fromEntries(o.map((j) => [j.value, j])), [o, f]);
+  return /* @__PURE__ */ t.jsx(q, { width: A, flex: F, children: /* @__PURE__ */ t.jsx(
+    B,
+    {
+      name: u,
+      control: a.control,
+      render: ({
+        field: { onChange: j, value: D },
+        fieldState: { error: s = null }
+      }) => {
+        let e = W[D];
+        return /* @__PURE__ */ t.jsx(
+          ce,
+          {
+            label: p,
+            width: "100%",
+            size: "Small",
+            variant: n,
+            disabled: c,
+            readonly: l,
+            filter: N,
+            errorMessage: s == null ? void 0 : s.message,
+            placeholder: R,
+            value: e,
+            handleOption: (m) => {
+              i(m.value, j);
+            },
+            tooltipProps: O,
+            options: o,
+            usePortal: x,
+            infoProps: r,
+            maxHeightMenu: b,
+            isRequired: $,
+            onRemoveSelected: C,
+            displayText: M,
+            onPaste: I,
+            ...d
+          }
+        );
+      }
+    }
+  ) });
+}, Se = (n) => {
+  const [a, u] = P(!1), [p, o] = P(n), l = X(null);
+  return Q(() => {
+    o(n);
+  }, [n]), {
+    setIsOpen: u,
+    isOpen: a,
+    setOptionsSelect: o,
+    optionsSelect: p,
+    selectContainerRef: l
+  };
+}, Ne = 200, Pe = ({
+  name: n,
+  variant: a = "primary",
+  width: u = "100%",
+  size: p = "Medium",
+  disabled: o = !1,
+  isLoading: l = !1,
+  onClick: c,
+  options: f,
+  label: A,
+  menuSelectProps: F = {},
+  iconName: R,
+  optionsIconPosition: S
+}) => {
+  const { isOpen: g, setIsOpen: I, selectContainerRef: N, optionsSelect: w } = Se(f);
+  let h = V.colors.backgroundColors.colorBackgroundSnow;
+  o ? h = V.colors.neutralColors.colorNeutralCloudy : a !== "primary" && (h = V.colors.neutralColors.colorNeutralDark);
+  const b = {
+    ...F
+  };
+  return /* @__PURE__ */ t.jsxs(
+    he,
+    {
+      ref: N,
+      width: u,
+      size: p,
+      disabled: o,
+      onBlur: () => setTimeout(() => I(!1), Ne),
+      children: [
+        A && /* @__PURE__ */ t.jsx(ue, { children: A }),
+        /* @__PURE__ */ t.jsxs(
+          fe,
+          {
+            type: "button",
+            size: p,
+            disabled: o,
+            variant: a,
+            isLoading: l,
+            onClick: () => !l && I(!g),
+            id: `button-component-${n}`,
+            "data-cy": `button-component-${n}`,
+            children: [
+              l && /* @__PURE__ */ t.jsx(xe, { size: p, disabled: o, variant: a, children: /* @__PURE__ */ t.jsx(
+                te,
+                {
+                  iconName: `ProgressActivity${p === "Small" ? "Ant" : "Sm"}`,
+                  color: h,
+                  "data-testid": "icon-loading"
+                }
+              ) }),
+              !l && /* @__PURE__ */ t.jsx("p", { title: n, children: n }),
+              !l && (g ? /* @__PURE__ */ t.jsx(
+                te,
+                {
+                  iconName: `ExpandLess${p === "Small" ? "Ant" : "Sm"}`,
+                  color: h,
+                  "data-testid": "icon-button-less"
+                }
+              ) : /* @__PURE__ */ t.jsx(
+                te,
+                {
+                  iconName: `ExpandMore${p === "Small" ? "Ant" : "Sm"}`,
+                  color: h,
+                  "data-testid": "icon-button-more"
+                }
+              ))
+            ]
+          }
+        ),
+        g && /* @__PURE__ */ t.jsx(
+          pe,
+          {
+            selectContainerRef: N,
+            value: null,
+            optionsSelect: w,
+            selectOption: c,
+            size: p,
+            inputValue: null,
+            iconPosition: S,
+            iconName: R,
+            ...b
+          }
+        )
+      ]
+    }
+  );
+}, Je = ({
+  width: n = "100%",
+  height: a = "fit-content",
+  flex: u,
+  backgroundColor: p = V.colors.backgroundColors.colorBackgroundCarpet,
+  upperComponent: o = void 0,
+  options: l = [],
+  lowerComponent: c = void 0,
+  heightItems: f = "60px",
+  widthItems: A = "155px",
+  emptyProps: F = {
+    title: "Nenhum dado a ser mostrado",
+    body: null
+  },
+  customWrapperStyles: R = {
+    border: `1px solid ${V.colors.neutralColors.colorNeutralSoft}`,
+    borderRadius: "8px"
+  },
+  customItemStyles: S = {},
+  selectedKey: g,
+  onSelect: I,
+  selectedItemKey: N,
+  setSelectedItemKey: w
+}) => {
+  var O;
+  const h = g !== void 0, b = !h && N !== void 0, [$, C] = P(((O = l[0]) == null ? void 0 : O.key) ?? null), T = X(null), M = X(null), x = h ? g : b ? N : $, d = Y(() => l.length ? x == null ? h ? null : l[0] : l.find((i) => i.key === x) ?? (h || b ? null : l[0]) : null, [l, x, h, b]);
+  Q(() => {
+    const r = T.current, i = M.current, W = () => {
+      r && i && (i.scrollTop = r.scrollTop);
+    };
+    return r == null || r.addEventListener("scroll", W), () => {
+      r == null || r.removeEventListener("scroll", W);
+    };
+  }, []), Q(() => {
+    if (!(h || b)) {
+      if (!l.length) {
+        C(null);
+        return;
+      }
+      C((r) => r != null && l.some((i) => i.key === r) ? r : l[0].key);
+    }
+  }, [l, h, b]);
+  const H = (r) => {
+    I == null || I(r), w == null || w(r.key), !h && !b && C(r.key);
+  };
+  return (l == null ? void 0 : l.length) === 0 ? /* @__PURE__ */ t.jsx(
+    ie,
+    {
+      title: F.title,
+      body: F.body,
+      flex: "1",
+      mode: "table"
+    }
+  ) : /* @__PURE__ */ t.jsxs(
+    q,
+    {
+      width: n,
+      height: a,
+      flex: u,
+      backgroundColor: p,
+      direction: "horizontal",
+      customStyles: {
+        border: `1px solid ${V.colors.neutralColors.colorNeutralSoft}`,
+        borderRadius: V.borders.borderRadius.borderRadiusSm,
+        ...R,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ t.jsxs(ge, { ref: T, widthItems: A, children: [
+          o && o,
+          l == null ? void 0 : l.map((r) => /* @__PURE__ */ t.jsx(
+            be,
+            {
+              selected: x === r.key,
+              onClick: () => H(r),
+              withBorderRight: !0,
+              heightItems: f,
+              customStyles: S,
+              children: r.item
+            },
+            r.key
+          )),
+          c && c,
+          /* @__PURE__ */ t.jsx(me, {})
+        ] }),
+        /* @__PURE__ */ t.jsx(je, { children: d && (d == null ? void 0 : d.contentItem) })
+      ]
+    }
+  );
+};
+function Te(n) {
+  return (a) => typeof n == "string" ? a[n] : typeof n == "function" ? n(a) : (console.warn("Please, setup a rowKey for table."), JSON.stringify(a));
+}
+function Ye({
+  id: n,
+  rowKey: a = "id",
+  size: u = "Small",
+  onRowClick: p,
+  fit: o = !1,
+  maxHeight: l = "40rem",
+  columns: c,
+  dataSource: f,
+  columnsTextSize: A = u,
+  emptyProps: F = {
+    width: "100%",
+    height: "100%",
+    title: "Nenhum dado a ser mostrado.",
+    mode: "table",
+    borders: !0,
+    backgroundColor: V.colors.backgroundColors.colorBackgroundSnow
+  },
+  selectedRow: R = !1,
+  hideHeader: S = !1,
+  withBorder: g = !0,
+  withBorderRadius: I = !0,
+  striped: N = !1,
+  borderRadius: w = V.borders.borderRadius.borderRadiusSm,
+  disableMaxHeight: h = !1,
+  isVisible: b = !1
+}) {
+  const $ = Y(() => Te(a), [a]), [C, T] = P(null), M = X(null), x = X(null), [d, H] = P(c);
+  ke(() => {
+    if (!x.current || c.length === 0) {
+      H(c);
+      return;
+    }
+    const i = () => {
+      var G;
+      const j = ((G = x.current) == null ? void 0 : G.clientWidth) || 0;
+      if (j === 0) return;
+      let D = 0, s = 0;
+      const e = [], m = [];
+      c.forEach((U) => {
+        const L = Number(U.flex);
+        U.width ? D += parseInt(U.width, 10) || 0 : U.flex && L > 0 ? (s += L, e.push(U)) : m.push(U);
+      });
+      const E = j - D, k = "80";
+      let y = [...c];
+      if (E > 0) {
+        if (e.length > 0) {
+          const U = E / s;
+          y = c.map((L) => {
+            const J = Number(L.flex);
+            if (J && J > 0) {
+              const v = parseInt(L.minWidth || k, 10), ee = J * U, re = Math.max(ee, v);
+              return { ...L, width: `${Math.floor(re)}px` };
+            }
+            return !L.width && !J ? {
+              ...L,
+              width: L.minWidth || `${k}px`
+            } : L;
+          });
+        } else if (m.length > 0) {
+          const U = E / m.length;
+          y = c.map((L) => {
+            const J = Number(L.flex);
+            if (!L.width && !J) {
+              const v = parseInt(L.minWidth || k, 10), ee = Math.max(U, v);
+              return { ...L, width: `${Math.floor(ee)}px` };
+            }
+            return L;
+          });
+        }
+      } else
+        y = c.map((U) => U.width ? U : { ...U, width: U.minWidth || `${k}px` });
+      H(y);
+    };
+    i();
+    const W = new ResizeObserver(i);
+    return W.observe(x.current), () => W.disconnect();
+  }, [c]), Q(() => {
+    const i = (W) => {
+      M.current && !M.current.contains(W.target) && T(null);
+    };
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, []);
+  const O = Y(() => d ? d.some(
+    (i) => i.mergeHeaderId && i.mergeHeaderLabel
+  ) : !1, [d]), r = Y(() => {
+    var D, s;
+    if (S || !d || d.length === 0)
+      return null;
+    if (!O)
+      return /* @__PURE__ */ t.jsx(
+        Z,
+        {
+          isHeader: !0,
+          size: u,
+          numRows: 1,
+          borderRadius: w,
+          children: d.map((e) => {
+            var m;
+            return /* @__PURE__ */ t.jsx(
+              z,
+              {
+                width: e.width,
+                minWidth: e.minWidth,
+                maxWidth: e.maxWidth,
+                horizontalAlign: e.horizontalAlign,
+                size: u,
+                columnsTextSize: A,
+                withBorder: g,
+                headerAlign: e.headerAlign,
+                children: ((m = e.columnRender) == null ? void 0 : m.call(e, f)) || /* @__PURE__ */ t.jsx("span", { title: e.label, children: e.label })
+              },
+              e.dataIndex
+            );
+          })
+        }
+      );
+    const i = [], W = [];
+    let j = 0;
+    for (; j < d.length; ) {
+      const e = d[j];
+      if (e.mergeHeaderId && e.mergeHeaderLabel) {
+        let m = 0;
+        const E = e.mergeHeaderId;
+        for (let k = j; k < d.length && d[k].mergeHeaderId === E; k++)
+          m++;
+        i.push(
+          /* @__PURE__ */ t.jsx(
+            z,
+            {
+              colSpan: m,
+              horizontalAlign: "center",
+              size: u,
+              columnsTextSize: A,
+              withBorder: g,
+              width: e.width,
+              minWidth: e.minWidth,
+              maxWidth: e.maxWidth,
+              headerAlign: e.headerAlign,
+              isTopRow: !0,
+              children: /* @__PURE__ */ t.jsx("span", { title: e.mergeHeaderLabel, children: e.mergeHeaderLabel })
+            },
+            `${e.mergeHeaderId}-merged`
+          )
+        );
+        for (let k = 0; k < m; k++) {
+          const y = d[j + k];
+          W.push(
+            /* @__PURE__ */ t.jsx(
+              z,
+              {
+                width: y.width,
+                minWidth: y.minWidth,
+                maxWidth: y.maxWidth,
+                horizontalAlign: y.horizontalAlign,
+                size: u,
+                columnsTextSize: A,
+                withBorder: g,
+                headerAlign: e.headerAlign,
+                children: ((D = y.columnRender) == null ? void 0 : D.call(y, f)) || /* @__PURE__ */ t.jsx("span", { title: y.label, children: y.label })
+              },
+              y.dataIndex + "-individual"
+            )
+          );
+        }
+        j += m;
+      } else
+        i.push(
+          /* @__PURE__ */ t.jsx(
+            z,
+            {
+              rowSpan: 2,
+              width: e.width,
+              minWidth: e.minWidth,
+              maxWidth: e.maxWidth,
+              horizontalAlign: e.horizontalAlign,
+              size: u,
+              columnsTextSize: A,
+              withBorder: g,
+              headerAlign: e.headerAlign,
+              isTopRow: !0,
+              children: ((s = e.columnRender) == null ? void 0 : s.call(e, f)) || /* @__PURE__ */ t.jsx("span", { title: e.label, children: e.label })
+            },
+            e.dataIndex
+          )
+        ), j++;
+    }
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        Z,
+        {
+          isHeader: !0,
+          size: u,
+          numRows: 2,
+          borderRadius: w,
+          children: i
+        }
+      ),
+      W.length > 0 && /* @__PURE__ */ t.jsx(
+        Z,
+        {
+          isHeader: !0,
+          size: u,
+          numRows: 2,
+          borderRadius: w,
+          children: W
+        }
+      )
+    ] });
+  }, [d, S, u, A, O]);
+  return !f || f.length === 0 ? /* @__PURE__ */ t.jsx(
+    ie,
+    {
+      backgroundColor: V.colors.backgroundColors.colorBackgroundSnow,
+      borders: !0,
+      mode: "table",
+      ...F
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    we,
+    {
+      maxHeight: l,
+      disableMaxHeight: h,
+      withBorderRadius: I,
+      ref: x,
+      borderRadius: w,
+      isVisible: b,
+      children: /* @__PURE__ */ t.jsxs(We, { id: n, ref: M, children: [
+        /* @__PURE__ */ t.jsx("thead", { children: r }),
+        /* @__PURE__ */ t.jsx("tbody", { style: { width: "100%" }, children: f == null ? void 0 : f.map((i, W, j) => {
+          const D = $(i);
+          return /* @__PURE__ */ t.jsx(
+            Z,
+            {
+              isLast: W === j.length - 1,
+              fit: o,
+              size: u,
+              withBorder: g,
+              isSelected: D === C && R,
+              striped: N && W % 2 !== 0,
+              borderRadius: w,
+              children: d.map((s) => {
+                var e, m, E, k, y;
+                return /* @__PURE__ */ t.jsx(
+                  Ie,
+                  {
+                    width: s.width,
+                    minWidth: s.minWidth,
+                    maxWidth: s.maxWidth,
+                    size: u,
+                    isClickable: _(p),
+                    onClick: () => {
+                      p && p(i, s, W), R && T(
+                        C === D ? null : D
+                      );
+                    },
+                    horizontalAlign: s.horizontalAlign,
+                    verticalAlign: s.verticalAlign,
+                    rowPadding: s.rowPadding,
+                    withBorder: g,
+                    isLast: W === j.length - 1,
+                    disabled: (e = s.disable) == null ? void 0 : e.call(
+                      s,
+                      i[s.dataIndex],
+                      i,
+                      W,
+                      j
+                    ),
+                    hasError: (m = s.warn) == null ? void 0 : m.call(
+                      s,
+                      i[s.dataIndex],
+                      i,
+                      W,
+                      j
+                    ),
+                    backgroundColor: (E = s.paint) == null ? void 0 : E.call(
+                      s,
+                      i[s.dataIndex],
+                      i,
+                      W,
+                      j
+                    ),
+                    children: ((k = s.render) == null ? void 0 : k.call(
+                      s,
+                      i[s.dataIndex],
+                      i,
+                      W,
+                      j
+                    )) || /* @__PURE__ */ t.jsx(
+                      ye,
+                      {
+                        title: i[s.dataIndex],
+                        style: (y = s.rowCss) == null ? void 0 : y.call(s, i),
+                        children: i[s.dataIndex]
+                      }
+                    ) || ""
+                  },
+                  `${D}::${s.dataIndex}`
+                );
+              })
+            },
+            D
+          );
+        }) })
+      ] })
+    }
+  );
+}
+export {
+  Oe as C,
+  Ue as D,
+  Ve as F,
+  _e as M,
+  qe as S,
+  Je as T,
+  Ee as a,
+  Pe as b,
+  Ye as c
+};