@ufal-lccv/gpsub-ds 0.2.46 → 0.2.48

package/dist/Table.view-DWBklDlL.js

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