@ufal-lccv/gpsub-ds 0.2.47 → 0.2.48

package/dist/{Table.view-C2YVnS0p.js → Table.view-DWBklDlL.js}

@@ -1,37 +1,37 @@
-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 { 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 q, s as Se } from "./index-YF_5f0O1.js";
+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: c = {},
+  customStyles: h = {},
   wrapperCustomStyles: l = {},
   animationContainerCustomStyles: a = {},
-  hideAdornmentOnCollapse: h = !1,
-  maxHeight: k = "none",
+  hideAdornmentOnCollapse: o = !1,
+  maxHeight: W = "none",
   // Default to 'none' to allow full expansion
   height: H = "fit-content"
 }) => {
-  const [N, T] = J(!1), [m, W] = J(!0);
+  const [k, N] = J(!1), [m, y] = J(!0);
   Q(() => {
-    if (h)
-      if (N) {
+    if (o)
+      if (k) {
         const w = setTimeout(
-          () => W(!1),
+          () => y(!1),
           le
         );
         return () => clearTimeout(w);
       } else
-        W(!0);
-  }, [N, h]);
-  const M = h && !m ? null : f;
+        y(!0);
+  }, [k, o]);
+  const M = o && !m ? null : f;
   return /* @__PURE__ */ t.jsxs(
-    P,
+    q,
     {
       width: "100%",
       flex: "1",
@@ -45,22 +45,22 @@ const le = 350, De = ({
             divider: !0,
             marginBottom: p,
             collapse: {
-              collapsed: N,
-              setCollapsed: T
+              collapsed: k,
+              setCollapsed: N
             },
             endAdornment: M,
-            customStyles: c
+            customStyles: h
           }
         ),
         /* @__PURE__ */ t.jsx(
-          P,
+          q,
           {
             gap: "8px",
             width: "100%",
             height: H,
             customStyles: {
               ...a,
-              maxHeight: N ? "0" : k,
+              maxHeight: k ? "0" : W,
               transition: `max-height ${le}ms ease-in-out`
             },
             children: i
@@ -75,51 +75,51 @@ function Fe({
   name: i,
   id: f = i,
   label: p,
-  readonly: c = !1,
+  readonly: h = !1,
   disabled: l = !1,
   afterCheck: a,
-  width: h = "100%",
-  formatter: k,
+  width: o = "100%",
+  formatter: W,
   parser: H,
-  flex: N,
-  size: T = "Medium",
+  flex: k,
+  size: N = "Medium",
   checkColor: m,
-  triggerFormField: W = null,
+  triggerFormField: y = null,
   ...M
 }) {
   const { onChangeTrigger: w } = K({
     form: d,
     fieldName: i,
-    triggerType: W,
+    triggerType: y,
     debounceTime: 0
-  }), u = (b, y) => {
-    y(b), a == null || a(b), w == null || w();
+  }), u = (b, S) => {
+    S(b), a == null || a(b), w == null || w();
   };
-  return /* @__PURE__ */ t.jsx(P, { width: h, flex: N, children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx(q, { width: o, flex: k, children: /* @__PURE__ */ t.jsx(
     v,
     {
       name: i,
       control: d.control,
       render: ({
-        field: { onChange: b, value: y, onBlur: S },
-        fieldState: { error: $ = null }
+        field: { onChange: b, value: S, onBlur: L },
+        fieldState: { error: T = null }
       }) => {
-        const L = $ == null ? void 0 : $.message;
-        return L && console.log("Error on checkbox!", L), /* @__PURE__ */ t.jsx(
+        const $ = T == null ? void 0 : T.message;
+        return $ && console.log("Error on checkbox!", $), /* @__PURE__ */ t.jsx(
           ae,
           {
             id: `form-checkbox-${f}`,
-            checked: k ? k(y) : !!y,
+            checked: W ? W(S) : !!S,
             name: i,
             label: p,
-            disabled: l || c,
+            disabled: l || h,
             onChange: (g) => {
               u(
-                (H == null ? void 0 : H(g.target.checked, y)) ?? g.target.checked,
+                (H == null ? void 0 : H(g.target.checked, S)) ?? g.target.checked,
                 b
-              ), S == null || S();
+              ), L == null || L();
             },
-            size: T,
+            size: N,
             checkColor: m,
             ...M
           }
@@ -133,55 +133,55 @@ const Oe = ({
   name: i,
   label: f,
   placeholder: p,
-  readonly: c = !1,
+  readonly: h = !1,
   disabled: l = !1,
   width: a = "100%",
-  flex: h,
-  tooltipIsVisible: k,
+  flex: o,
+  tooltipIsVisible: W,
   tooltipMaxWidth: H,
-  tooltipPosition: N = "top",
-  afterFormChange: T,
+  tooltipPosition: k = "top",
+  afterFormChange: N,
   openToDate: m,
-  range: W = !1,
+  range: y = !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(
+  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: 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);
+      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: S,
+            ref: L,
             idCalendar: `${i}-calendar`,
             label: f,
-            value: $,
+            value: T,
             size: "Small",
-            readonly: c,
-            errorMessage: L == null ? void 0 : L.message,
+            readonly: h,
+            errorMessage: $ == null ? void 0 : $.message,
             disabled: l,
             placeholder: u,
             onChangeHandleDate: (g) => {
-              var r;
-              y(
-                W ? g ? g.split(" - ").map((D) => {
+              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 && ((r = se(g)) == null ? void 0 : r.slice(0, 10)) || null
-              ), T == null || T(g);
+                }) : [null, null] : g && ((n = se(g)) == null ? void 0 : n.slice(0, 10)) || null
+              ), N == null || N(g);
             },
             openToDate: m,
-            selectsRange: W,
+            selectsRange: y,
             openCalendarOnInputClick: M,
             width: a,
-            flex: h,
+            flex: o,
             ...w
           }
         );
@@ -194,68 +194,68 @@ function Ee({
   name: i,
   label: f,
   slots: { field: p },
-  slotsProps: c,
+  slotsProps: h,
   triggerFormField: l = null,
   // Value
   value: a,
   // Flags
-  bypassControllerOnChange: h = !1,
-  overrideOnBlur: k = !1,
+  bypassControllerOnChange: o = !1,
+  overrideOnBlur: W = !1,
   isRequired: H = !1,
-  readonly: N = !1,
-  disabled: T = !1,
+  readonly: k = !1,
+  disabled: N = !1,
   // Tranformations
   parser: m,
   // Debounce
-  debounce: W,
+  debounce: y,
   // Change handlers
   beforeChange: M,
   onChange: w,
   afterChange: u,
   // Blur handlers
   beforeBlur: b,
-  onBlur: y,
-  afterBlur: S,
+  onBlur: S,
+  afterBlur: L,
   // Enter handlers
-  onEnter: $
+  onEnter: T
 }) {
   const {
-    field: { value: L, onChange: g },
-    fieldState: { error: r = null }
-  } = Re({ name: i, control: d.control }), D = q(W), { onChangeTrigger: O, onBlurTrigger: o } = K({
+    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
-  }), 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();
+  }), 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 n;
+    if (!D) return r;
     let e;
     return (F, A) => {
-      clearTimeout(e), e = setTimeout(() => n(F, A), W);
+      clearTimeout(e), e = setTimeout(() => r(F, A), y);
     };
-  }, [D, W, n]), x = (e, j) => {
+  }, [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;
-    !k && h && (g == null || g(F)), b == null || b(e, j), y == null || y(e, j), S == null || S(e, j), o == null || o();
+    !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) => {
-    $ == null || $(e, j);
+    T == null || T(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(
+  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,
     {
-      ...c == null ? void 0 : c.field,
+      ...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: r == null ? void 0 : r.message
+      errorMessage: n == null ? void 0 : n.message
     }
   ) });
 }
@@ -264,54 +264,54 @@ const Ve = ({
   name: i,
   label: f,
   options: p,
-  readonly: c = !1,
+  readonly: h = !1,
   disabled: l = !1,
   width: a = "100%",
-  flex: h,
-  placeholder: k,
+  flex: o,
+  placeholder: W,
   iconName: H,
-  onSelect: N,
-  hasSelectAll: T = !1,
+  onSelect: k,
+  hasSelectAll: N = !1,
   tags: m = !0,
-  sortOptions: W = !1,
+  sortOptions: y = !1,
   enableSearch: M = !1,
   valueAllOption: w,
   isRequired: u = !1,
   tooltipProps: b = {},
-  infoProps: y = {},
-  triggerFormField: S = null,
-  ...$
+  infoProps: S = {},
+  triggerFormField: L = null,
+  ...T
 }) => {
-  const { onChangeTrigger: L } = K({
+  const { onChangeTrigger: $ } = K({
     form: d,
     fieldName: i,
-    triggerType: S,
+    triggerType: L,
     debounceTime: 0
   });
-  return /* @__PURE__ */ t.jsx(P, { width: a, flex: h, children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx(q, { width: a, flex: o, 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 : [];
+      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 || c,
-            onChange: (o) => {
-              r(o), N == null || N(o), L == null || L();
+            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: T,
+            hasSelectAll: N,
             tags: m,
-            sortOptions: W,
-            placeholder: k,
+            sortOptions: y,
+            placeholder: W,
             enableSearch: M,
             valueAllOption: w,
             isRequired: u,
@@ -323,11 +323,11 @@ const Ve = ({
               tooltipProps: {
                 position: "top",
                 maxWidth: "300px",
-                ...y.tooltipProps
+                ...S.tooltipProps
               },
-              ...y
+              ...S
             },
-            ...$
+            ...T
           }
         );
       }
@@ -338,47 +338,47 @@ const Ve = ({
   form: i,
   name: f,
   label: p,
-  options: c,
+  options: h,
   readonly: l = !1,
   disabled: a = !1,
-  optionsMap: h,
-  width: k = "100%",
+  optionsMap: o,
+  width: W = "100%",
   flex: H,
-  placeholder: N,
-  onSelect: T,
+  placeholder: k,
+  onSelect: N,
   parser: m,
-  onPaste: W,
+  onPaste: y,
   filter: M,
   tooltipProps: w = {},
   infoProps: u = {},
   maxHeightMenu: b,
-  isRequired: y = !1,
-  onRemoveSelected: S,
-  triggerFormField: $ = null,
-  displayText: L,
-  usePortal: g = !1,
-  ...r
+  isRequired: S = !1,
+  onRemoveSelected: L,
+  triggerFormField: T = null,
+  displayText: $,
+  usePortal: g = !0,
+  ...n
 }) => {
   const { onChangeTrigger: D } = K({
     form: i,
     fieldName: f,
-    triggerType: $,
+    triggerType: T,
     debounceTime: 0
   }), O = {
     position: "top",
     ...w
-  }, o = {
+  }, c = {
     ...u,
     tooltipProps: {
       position: "top",
       maxWidth: "300px",
       ...u == null ? void 0 : u.tooltipProps
     }
-  }, n = (x, C) => {
+  }, r = (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(
+    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,
@@ -399,34 +399,35 @@ const Ve = ({
             readonly: l,
             filter: M,
             errorMessage: s == null ? void 0 : s.message,
-            placeholder: N,
+            placeholder: k,
             value: e,
             handleOption: (j) => {
-              n(j.value, x);
+              r(j.value, x);
             },
             tooltipProps: O,
-            options: c,
+            options: h,
             usePortal: g,
-            infoProps: o,
+            infoProps: c,
             maxHeightMenu: b,
-            isRequired: y,
-            onRemoveSelected: S,
-            displayText: L,
-            onPaste: W,
-            ...r
+            isRequired: S,
+            onRemoveSelected: L,
+            displayText: $,
+            onPaste: y,
+            ...n
           }
         );
       }
     }
   ) });
 }, ke = (d) => {
-  const [i, f] = J(!1), [p, c] = J(d), l = X(null);
+  const [i, f] = J(!1), [p, h] = J(d), l = X(null);
   return Q(() => {
-    c(d);
+    h(d);
   }, [d]), Q(() => {
     if (!i) return;
-    const a = (h) => {
-      l.current && !l.current.contains(h.target) && f(!1);
+    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);
@@ -434,28 +435,29 @@ const Ve = ({
   }, [i]), {
     setIsOpen: f,
     isOpen: i,
-    setOptionsSelect: c,
+    setOptionsSelect: h,
     optionsSelect: p,
     selectContainerRef: l
   };
-}, _e = ({
+}, Pe = ({
   name: d,
   variant: i = "primary",
   width: f = "100%",
   size: p = "Medium",
-  disabled: c = !1,
+  disabled: h = !1,
   isLoading: l = !1,
   onClick: a,
-  options: h,
-  label: k,
+  options: o,
+  label: W,
   menuSelectProps: H = {},
-  iconName: N,
-  optionsIconPosition: T
+  iconName: k,
+  optionsIconPosition: N
 }) => {
-  const { isOpen: m, setIsOpen: W, selectContainerRef: M, optionsSelect: w } = ke(h);
+  const { isOpen: m, setIsOpen: y, selectContainerRef: M, optionsSelect: w } = ke(o);
   let u = U.colors.backgroundColors.colorBackgroundSnow;
-  c ? u = U.colors.neutralColors.colorNeutralCloudy : i !== "primary" && (u = U.colors.neutralColors.colorNeutralDark);
+  h ? u = U.colors.neutralColors.colorNeutralCloudy : i !== "primary" && (u = U.colors.neutralColors.colorNeutralDark);
   const b = {
+    usePortal: !0,
     ...H
   };
   return /* @__PURE__ */ t.jsxs(
@@ -464,26 +466,22 @@ const Ve = ({
       ref: M,
       width: f,
       size: p,
-      disabled: c,
-      onBlur: (y) => {
-        const S = y.relatedTarget;
-        S && !y.currentTarget.contains(S) && W(!1);
-      },
+      disabled: h,
       children: [
-        k && /* @__PURE__ */ t.jsx(ue, { children: k }),
+        W && /* @__PURE__ */ t.jsx(ue, { children: W }),
         /* @__PURE__ */ t.jsxs(
           fe,
           {
             type: "button",
             size: p,
-            disabled: c,
+            disabled: h,
             variant: i,
             isLoading: l,
-            onClick: () => !l && W(!m),
+            onClick: () => !l && y(!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(
+              l && /* @__PURE__ */ t.jsx(xe, { size: p, disabled: h, variant: i, children: /* @__PURE__ */ t.jsx(
                 te,
                 {
                   iconName: `ProgressActivity${p === "Small" ? "Ant" : "Sm"}`,
@@ -516,66 +514,66 @@ const Ve = ({
             selectContainerRef: M,
             value: null,
             optionsSelect: w,
-            selectOption: (y) => {
-              a == null || a(y), W(!1);
+            selectOption: (S) => {
+              a == null || a(S), y(!1);
             },
             size: p,
             inputValue: null,
-            iconPosition: T,
-            iconName: N,
+            iconPosition: N,
+            iconName: k,
             ...b
           }
         )
       ]
     }
   );
-}, qe = ({
+}, _e = ({
   width: d = "100%",
   height: i = "fit-content",
   flex: f,
   backgroundColor: p = U.colors.backgroundColors.colorBackgroundCarpet,
-  upperComponent: c = void 0,
+  upperComponent: h = void 0,
   options: l = [],
   lowerComponent: a = void 0,
-  heightItems: h = "60px",
-  widthItems: k = "155px",
+  heightItems: o = "60px",
+  widthItems: W = "155px",
   emptyProps: H = {
     title: "Nenhum dado a ser mostrado",
     body: null
   },
-  customWrapperStyles: N = {
+  customWrapperStyles: k = {
     border: `1px solid ${U.colors.neutralColors.colorNeutralSoft}`,
     borderRadius: "8px"
   },
-  customItemStyles: T = {},
+  customItemStyles: N = {},
   selectedKey: m,
-  onSelect: W,
+  onSelect: y,
   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]);
+  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 o = $.current, n = L.current, I = () => {
-      o && n && (n.scrollTop = o.scrollTop);
+    const c = T.current, r = $.current, I = () => {
+      c && r && (r.scrollTop = c.scrollTop);
     };
-    return o == null || o.addEventListener("scroll", I), () => {
-      o == null || o.removeEventListener("scroll", I);
+    return c == null || c.addEventListener("scroll", I), () => {
+      c == null || c.removeEventListener("scroll", I);
     };
   }, []), Q(() => {
     if (!(u || b)) {
       if (!l.length) {
-        S(null);
+        L(null);
         return;
       }
-      S((o) => o != null && l.some((n) => n.key === o) ? o : l[0].key);
+      L((c) => c != null && l.some((r) => r.key === c) ? c : l[0].key);
     }
   }, [l, u, b]);
-  const D = (o) => {
-    W == null || W(o), w == null || w(o.key), !u && !b && S(o.key);
+  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(
-    ne,
+    re,
     {
       title: H.title,
       body: H.body,
@@ -583,7 +581,7 @@ const Ve = ({
       mode: "table"
     }
   ) : /* @__PURE__ */ t.jsxs(
-    P,
+    q,
     {
       width: d,
       height: i,
@@ -593,28 +591,28 @@ const Ve = ({
       customStyles: {
         border: `1px solid ${U.colors.neutralColors.colorNeutralSoft}`,
         borderRadius: U.borders.borderRadius.borderRadiusSm,
-        ...N,
+        ...k,
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ t.jsxs(pe, { ref: $, widthItems: k, children: [
-          c && c,
-          l == null ? void 0 : l.map((o) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsxs(pe, { ref: T, widthItems: W, children: [
+          h && h,
+          l == null ? void 0 : l.map((c) => /* @__PURE__ */ t.jsx(
             me,
             {
-              selected: g === o.key,
-              onClick: () => D(o),
+              selected: g === c.key,
+              onClick: () => D(c),
               withBorderRight: !0,
-              heightItems: h,
-              customStyles: T,
-              children: o.item
+              heightItems: o,
+              customStyles: N,
+              children: c.item
             },
-            o.key
+            c.key
           )),
           a && a,
           /* @__PURE__ */ t.jsx(be, {})
         ] }),
-        /* @__PURE__ */ t.jsx(je, { children: r && (r == null ? void 0 : r.contentItem) })
+        /* @__PURE__ */ t.jsx(je, { children: n && (n == null ? void 0 : n.contentItem) })
       ]
     }
   );
@@ -622,16 +620,16 @@ const Ve = ({
 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({
+function qe({
   id: d,
   rowKey: i = "id",
   size: f = "Small",
   onRowClick: p,
-  fit: c = !1,
+  fit: h = !1,
   maxHeight: l = "40rem",
   columns: a,
-  dataSource: h,
-  columnsTextSize: k = f,
+  dataSource: o,
+  columnsTextSize: W = f,
   emptyProps: H = {
     width: "100%",
     height: "100%",
@@ -640,24 +638,24 @@ function Pe({
     borders: !0,
     backgroundColor: U.colors.backgroundColors.colorBackgroundSnow
   },
-  selectedRow: N = !1,
-  hideHeader: T = !1,
+  selectedRow: k = !1,
+  hideHeader: N = !1,
   withBorder: m = !0,
-  withBorderRadius: W = !0,
+  withBorderRadius: y = !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);
+  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 n = () => {
-      var _;
-      const x = ((_ = g.current) == null ? void 0 : _.clientWidth) || 0;
+    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 = [];
@@ -673,8 +671,8 @@ function Pe({
           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` };
+              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,
@@ -696,22 +694,22 @@ function Pe({
         R = a.map((V) => V.width ? V : { ...V, width: V.minWidth || `${A}px` });
       D(R);
     };
-    n();
-    const I = new ResizeObserver(n);
+    r();
+    const I = new ResizeObserver(r);
     return I.observe(g.current), () => I.disconnect();
   }, [a]), Q(() => {
-    const n = (I) => {
-      L.current && !L.current.contains(I.target) && $(null);
+    const r = (I) => {
+      $.current && !$.current.contains(I.target) && T(null);
     };
-    return document.addEventListener("mousedown", n), () => {
-      document.removeEventListener("mousedown", n);
+    return document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
     };
   }, []);
-  const O = G(() => r ? r.some(
-    (n) => n.mergeHeaderId && n.mergeHeaderLabel
-  ) : !1, [r]), o = G(() => {
+  const O = G(() => n ? n.some(
+    (r) => r.mergeHeaderId && r.mergeHeaderLabel
+  ) : !1, [n]), c = G(() => {
     var C, s;
-    if (T || !r || r.length === 0)
+    if (N || !n || n.length === 0)
       return null;
     if (!O)
       return /* @__PURE__ */ t.jsx(
@@ -721,7 +719,7 @@ function Pe({
           size: f,
           numRows: 1,
           borderRadius: w,
-          children: r.map((e, j) => {
+          children: n.map((e, j) => {
             var F;
             return /* @__PURE__ */ t.jsx(
               z,
@@ -731,48 +729,48 @@ function Pe({
                 maxWidth: e.maxWidth,
                 horizontalAlign: e.horizontalAlign,
                 size: f,
-                columnsTextSize: k,
+                columnsTextSize: W,
                 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 })
+                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 n = [], I = [];
+    const r = [], I = [];
     let x = 0;
-    for (; x < r.length; ) {
-      const e = r[x];
+    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 < r.length && r[A].mergeHeaderId === F; A++)
+        for (let A = x; A < n.length && n[A].mergeHeaderId === F; A++)
           j++;
-        n.push(
+        r.push(
           /* @__PURE__ */ t.jsx(
             z,
             {
               colSpan: j,
               horizontalAlign: "center",
               size: f,
-              columnsTextSize: k,
+              columnsTextSize: W,
               withBorder: m,
               width: e.width,
               minWidth: e.minWidth,
               maxWidth: e.maxWidth,
               headerAlign: e.headerAlign,
               isTopRow: !0,
-              isLastColumn: x + j - 1 === r.length - 1,
+              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 = r[x + A];
+          const R = n[x + A];
           I.push(
             /* @__PURE__ */ t.jsx(
               z,
@@ -782,11 +780,11 @@ function Pe({
                 maxWidth: R.maxWidth,
                 horizontalAlign: R.horizontalAlign,
                 size: f,
-                columnsTextSize: k,
+                columnsTextSize: W,
                 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 })
+                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"
             )
@@ -794,7 +792,7 @@ function Pe({
         }
         x += j;
       } else
-        n.push(
+        r.push(
           /* @__PURE__ */ t.jsx(
             z,
             {
@@ -804,12 +802,12 @@ function Pe({
               maxWidth: e.maxWidth,
               horizontalAlign: e.horizontalAlign,
               size: f,
-              columnsTextSize: k,
+              columnsTextSize: W,
               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 })
+              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
           )
@@ -823,7 +821,7 @@ function Pe({
           size: f,
           numRows: 2,
           borderRadius: w,
-          children: n
+          children: r
         }
       ),
       I.length > 0 && /* @__PURE__ */ t.jsx(
@@ -837,9 +835,9 @@ function Pe({
         }
       )
     ] });
-  }, [r, T, f, k, O]);
-  return !h || h.length === 0 ? /* @__PURE__ */ t.jsx(
-    ne,
+  }, [n, N, f, W, O]);
+  return !o || o.length === 0 ? /* @__PURE__ */ t.jsx(
+    re,
     {
       backgroundColor: U.colors.backgroundColors.colorBackgroundSnow,
       borders: !0,
@@ -851,26 +849,26 @@ function Pe({
     {
       maxHeight: l,
       disableMaxHeight: u,
-      withBorderRadius: W,
+      withBorderRadius: y,
       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);
+      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: c,
+              fit: h,
               size: f,
               withBorder: m,
-              isSelected: C === S && N,
+              isSelected: C === L && k,
               striped: M && I % 2 !== 0,
               borderRadius: w,
-              children: r.map((s, e) => {
-                var j, F, A, R, _;
+              children: n.map((s, e) => {
+                var j, F, A, R, P;
                 return /* @__PURE__ */ t.jsx(
                   Ie,
                   {
@@ -878,11 +876,11 @@ function Pe({
                     minWidth: s.minWidth,
                     maxWidth: s.maxWidth,
                     size: f,
-                    isClickable: q(p),
-                    isLastColumn: e === r.length - 1,
+                    isClickable: _(p),
+                    isLastColumn: e === n.length - 1,
                     onClick: () => {
-                      p && p(n, s, I), N && $(
-                        S === C ? null : C
+                      p && p(r, s, I), k && T(
+                        L === C ? null : C
                       );
                     },
                     horizontalAlign: s.horizontalAlign,
@@ -892,37 +890,37 @@ function Pe({
                     isLast: I === x.length - 1,
                     disabled: (j = s.disable) == null ? void 0 : j.call(
                       s,
-                      n[s.dataIndex],
-                      n,
+                      r[s.dataIndex],
+                      r,
                       I,
                       x
                     ),
                     hasError: (F = s.warn) == null ? void 0 : F.call(
                       s,
-                      n[s.dataIndex],
-                      n,
+                      r[s.dataIndex],
+                      r,
                       I,
                       x
                     ),
                     backgroundColor: (A = s.paint) == null ? void 0 : A.call(
                       s,
-                      n[s.dataIndex],
-                      n,
+                      r[s.dataIndex],
+                      r,
                       I,
                       x
                     ),
                     children: ((R = s.render) == null ? void 0 : R.call(
                       s,
-                      n[s.dataIndex],
-                      n,
+                      r[s.dataIndex],
+                      r,
                       I,
                       x
                     )) || /* @__PURE__ */ t.jsx(
                       ye,
                       {
-                        title: n[s.dataIndex],
-                        style: (_ = s.rowCss) == null ? void 0 : _.call(s, n),
-                        children: n[s.dataIndex]
+                        title: r[s.dataIndex],
+                        style: (P = s.rowCss) == null ? void 0 : P.call(s, r),
+                        children: r[s.dataIndex]
                       }
                     ) || ""
                   },
@@ -943,8 +941,8 @@ export {
   Ee as F,
   Ve as M,
   Ue as S,
-  qe as T,
+  _e as T,
   Fe as a,
-  _e as b,
-  Pe as c
+  Pe as b,
+  qe as c
 };