@ufal-lccv/gpsub-ds 0.2.45 → 0.2.47

package/dist/Table.view-C2YVnS0p.js

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