@envisiongroup/porygon 1.0.0-rc.21 → 1.0.0-rc.23

package/dist/react-components/tables/EFWTable/EFWTable.js

@@ -1,21 +1,21 @@
-import { jsx as L, jsxs as He } from "react/jsx-runtime";
-import * as Rn from "react";
-import { useRef as S, useState as be, useCallback as d, useEffect as X, useLayoutEffect as Yt, useMemo as te } from "react";
-import { useReactTable as yn, getSortedRowModel as En, getFilteredRowModel as zn, getCoreRowModel as Tn } from "@tanstack/react-table";
-import { makeStyles as Mn, tokens as se, mergeClasses as Nn, Card as _n, Checkbox as en, Spinner as Wn } from "@fluentui/react-components";
-import { useTableSelection as kn } from "./hooks/useTableSelection/useTableSelection.js";
-import { renderCellContent as Ln } from "./utils/index.js";
-import { useDefaultAddButton as Fn } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
-import { useDefaultUpdateButton as An } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
-import { useDefaultDeleteButton as Bn } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
-import { useStableColumnRenderers as Dn } from "./hooks/useStableColumnRenderers/useStableColumnRenderers.js";
-import { generateId as Gt } from "./utils/general.js";
-import { addRowId as Ee, ensureItemRowId as Kt } from "./utils/typeHelpers.js";
-import { EFWTableCommandBar as Hn } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
-import { EFWTableOverlay as Xt } from "./components/EFWTableOverlay/EFWTableOverlay.js";
-import { EFWTableHeader as On } from "./components/EFWTableHeader/EFWTableHeader.js";
-import { EFWTableBody as Pn } from "./components/EFWTableBody/EFWTableBody.js";
-const ze = {}, jn = /* @__PURE__ */ new Set(), Jt = [], Te = [], W = 120, ce = 120, Me = 2500, Ce = 45, lr = 45, Vt = 500;
+import { jsx as L, jsxs as Oe } from "react/jsx-runtime";
+import * as yn from "react";
+import { useRef as S, useState as be, useCallback as d, useEffect as X, useLayoutEffect as Gt, useMemo as te } from "react";
+import { useReactTable as En, getSortedRowModel as zn, getFilteredRowModel as Tn, getCoreRowModel as Mn } from "@tanstack/react-table";
+import { makeStyles as Nn, tokens as se, mergeClasses as _n, Card as Wn, Checkbox as tn, Spinner as kn } from "@fluentui/react-components";
+import { useTableSelection as Ln } from "./hooks/useTableSelection/useTableSelection.js";
+import { renderCellContent as Fn } from "./utils/index.js";
+import { useDefaultAddButton as An } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
+import { useDefaultUpdateButton as Bn } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
+import { useDefaultDeleteButton as Dn } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
+import { useStableColumnRenderers as Hn } from "./hooks/useStableColumnRenderers/useStableColumnRenderers.js";
+import { generateId as Kt } from "./utils/general.js";
+import { addRowId as Ee, ensureItemRowId as Xt } from "./utils/typeHelpers.js";
+import { EFWTableCommandBar as On } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
+import { EFWTableOverlay as Jt } from "./components/EFWTableOverlay/EFWTableOverlay.js";
+import { EFWTableHeader as Pn } from "./components/EFWTableHeader/EFWTableHeader.js";
+import { EFWTableBody as jn } from "./components/EFWTableBody/EFWTableBody.js";
+const ze = {}, qn = /* @__PURE__ */ new Set(), Vt = [], Te = [], Me = (b) => b, W = 120, ce = 120, Ne = 2500, Ce = 45, ar = 45, Zt = 500;
 function ne(b, E, z) {
   return E.length === 0 ? b : z === "start" ? [...E, ...b] : [...b, ...E];
 }
@@ -26,21 +26,21 @@ function re(b, E, z) {
     item: F
   }));
 }
-const qn = ({
+const Un = ({
   table: b
 }) => /* @__PURE__ */ L(
-  en,
+  tn,
   {
     shape: "circular",
     checked: b.getIsAllRowsSelected(),
     onChange: b.getToggleAllRowsSelectedHandler(),
     "data-checkbox": "true"
   }
-), Un = ({
+), $n = ({
   row: b,
   toggleMultiple: E
 }) => /* @__PURE__ */ L(
-  en,
+  tn,
   {
     shape: "circular",
     checked: b.getIsSelected(),
@@ -50,7 +50,7 @@ const qn = ({
     onClick: (z) => z.stopPropagation(),
     "data-checkbox": "true"
   }
-), $n = Mn({
+), Yn = Nn({
   "efw-table": {},
   /* Transición suave para el box-shadow en las celdas y cabeceras fijas */
   "efw-table-scroll-container": {
@@ -95,7 +95,7 @@ const qn = ({
     }
   }
 });
-function Zt(b, E, z, a) {
+function Qt(b, E, z, a) {
   let F = 0, A = 0;
   const T = [];
   if (E.forEach((C) => {
@@ -112,7 +112,7 @@ function Zt(b, E, z, a) {
     j === T.length - 1 ? y = v - oe : y = Math.round(D * J), y = Math.max(R, y), V[C.id] = y, oe += y;
   }), V;
 }
-function Qt(b, E, z, a, F) {
+function en(b, E, z, a, F) {
   const A = b - F;
   if (Math.abs(A) < 1) return null;
   const T = E.filter((y) => y.id && y.id !== "select");
@@ -120,7 +120,7 @@ function Qt(b, E, z, a, F) {
   const B = T[T.length - 1], v = B.id, V = z.find((y) => y.internalName === v)?.typeAsString === "Note" ? W * 2 : W, C = (a[v] || (typeof B.size == "number" ? B.size : V)) + A, j = B.minSize || ce, D = Math.max(j, C), R = a[v];
   return R !== void 0 && Math.abs(R - D) < 1 ? null : { [v]: D };
 }
-const ar = ({
+const ur = ({
   appearance: b = "outline",
   style: E = {},
   className: z = "",
@@ -132,7 +132,7 @@ const ar = ({
   // tableStyle = 'row',
   enableSelection: v = !0,
   enableCommandBar: J = !0,
-  defaultSelectedItems: V = jn,
+  defaultSelectedItems: V = qn,
   onSelectionChange: oe,
   onRowClick: C,
   onRowDoubleClick: j,
@@ -140,67 +140,67 @@ const ar = ({
   columnSizing: R = ze,
   useVirtualization: y = !1,
   autoSizeColumns: ie = !1,
-  tableRef: tn,
-  onItemsChange: Oe,
-  onScroll: Pe,
-  onScrollEnd: je,
-  scrollEndThreshold: qe = Vt,
+  tableRef: nn,
+  onItemsChange: Pe,
+  onScroll: je,
+  onScrollEnd: qe,
+  scrollEndThreshold: Ue = Zt,
   loadingMore: le = !1,
-  addButtonConfig: nn = ze,
-  updateButtonConfig: rn = ze,
-  deleteButtonConfig: sn = ze,
-  alwaysButtons: Ue = Te,
-  noSelectionButtons: cn = Te,
-  singleSelectionButtons: on = Te,
-  multiSelectionButtons: $e = Te,
-  beforeAddItems: Ye,
-  beforeUpdateItems: Ge,
-  beforeDeleteItems: Ke,
-  columnRenderers: ln,
-  useDefaultRendererAsFallback: Xe = !0,
+  addButtonConfig: rn = ze,
+  updateButtonConfig: sn = ze,
+  deleteButtonConfig: cn = ze,
+  alwaysButtons: $e = Te,
+  noSelectionButtons: on = Te,
+  singleSelectionButtons: ln = Te,
+  multiSelectionButtons: Ye = Te,
+  beforeAddItems: Ge,
+  beforeUpdateItems: Ke,
+  beforeDeleteItems: Xe,
+  columnRenderers: an,
+  useDefaultRendererAsFallback: Je = !0,
   // Overlay state props
-  overlayState: Je,
-  defaultOverlayState: an,
+  overlayState: Ve,
+  defaultOverlayState: un,
   onOverlayStateChange: H,
   overlayCustomization: ae,
-  overlayHeight: Ne = 200
+  overlayHeight: _e = 200
 }) => {
-  const Ve = Dn(ln);
+  const Ze = Hn(an);
   y && T === void 0 && console.warn(
     '[EFWTable] La prop "height" es requerida cuando "useVirtualization" está habilitado. La virtualización necesita una altura fija para calcular las filas visibles.'
   );
-  const ue = T !== void 0 ? J ? T - 40 : T : void 0, Ze = $n(), un = Nn(z, Ze["efw-table"]), O = S(!1), de = S(null), fe = S(null), _e = F !== void 0, k = Je !== void 0, [dn, me] = be(
-    () => an || { state: "none" }
-  ), ve = k ? Je : dn, [fn, mn] = be(() => (A || Jt).map((t) => ({
+  const ue = T !== void 0 ? J ? T - 40 : T : void 0, Qe = Yn(), dn = _n(z, Qe["efw-table"]), O = S(!1), de = S(null), fe = S(null), We = F !== void 0, k = Ve !== void 0, [fn, me] = be(
+    () => un || { state: "none" }
+  ), ve = k ? Ve : fn, [mn, hn] = be(() => (A || Vt).map((t) => ({
     ...t,
-    _rowId: t._rowId || Gt()
-  }))), Y = _e ? F || Jt : fn, [M, Z] = be(() => {
+    _rowId: t._rowId || Kt()
+  }))), Y = We ? F || Vt : mn, [M, Z] = be(() => {
     const e = {};
     return a.forEach((t) => {
       const n = R[t.internalName];
       if (n?.width) {
-        const r = n.minWidth ?? ce, o = n.maxWidth ?? Me;
+        const r = n.minWidth ?? ce, o = n.maxWidth ?? Ne;
         e[t.internalName] = Math.min(Math.max(n.width ?? 0, r), o);
       }
     }), e;
-  }), Qe = S(R), [q, et] = be(0), {
+  }), et = S(R), [q, tt] = be(0), {
     rowSelection: Q,
-    setRowSelection: tt,
+    setRowSelection: nt,
     // selectedIndexes,
-    deselectAll: nt,
-    selectSingle: rt,
-    toggleMultiple: st,
+    deselectAll: rt,
+    selectSingle: st,
+    toggleMultiple: ct,
     // selectMultiple,
-    getSelectedItems: ct,
-    getSelectedRows: ot
-  } = kn({
+    getSelectedItems: ot,
+    getSelectedRows: it
+  } = Ln({
     initialSelection: V,
     onSelectionChange: oe,
     enableSelection: v
-  }), G = S(null), ee = S(null), [We, hn] = be(null), pn = d((e) => {
-    G.current = e, hn(e);
+  }), G = S(null), ee = S(null), [ke, pn] = be(null), gn = d((e) => {
+    G.current = e, pn(e);
   }, []), U = d(() => {
-    if (Le.current && !he.current) {
+    if (Fe.current && !he.current) {
       ee.current = null;
       return;
     }
@@ -213,32 +213,32 @@ const ar = ({
       top: e.scrollTop,
       left: e.scrollLeft
     };
-  }, []), ke = d((e, t) => {
+  }, []), Le = d((e, t) => {
     e.scrollTop !== t.top && (e.scrollTop = t.top), e.scrollLeft !== t.left && (e.scrollLeft = t.left);
-  }, []), I = S(Y), Re = S(/* @__PURE__ */ new Map()), Le = S(_e);
-  Le.current = _e;
-  const he = S(Oe);
-  he.current = Oe;
-  const pe = S(Ye);
-  pe.current = Ye;
-  const ge = S(Ge);
-  ge.current = Ge;
-  const Se = S(Ke);
-  Se.current = Ke;
-  const K = S(null), it = S(le);
-  it.current = le;
-  const lt = S(Pe);
-  lt.current = Pe;
-  const Fe = S(je);
-  Fe.current = je;
+  }, []), I = S(Y), Re = S(/* @__PURE__ */ new Map()), Fe = S(We);
+  Fe.current = We;
+  const he = S(Pe);
+  he.current = Pe;
+  const pe = S(Ge);
+  pe.current = Ge;
+  const ge = S(Ke);
+  ge.current = Ke;
+  const Se = S(Xe);
+  Se.current = Xe;
+  const K = S(null), lt = S(le);
+  lt.current = le;
+  const at = S(je);
+  at.current = je;
   const Ae = S(qe);
-  Ae.current = qe, X(() => {
+  Ae.current = qe;
+  const Be = S(Ue);
+  Be.current = Ue, X(() => {
     I.current = Y;
     const e = /* @__PURE__ */ new Map();
     Y.forEach((t, n) => {
       t._rowId && e.set(String(t._rowId), n);
     }), Re.current = e;
-  }, [Y]), Yt(() => {
+  }, [Y]), Gt(() => {
     const e = ee.current;
     if (!e)
       return;
@@ -246,20 +246,20 @@ const ar = ({
     const t = G.current;
     if (!t)
       return;
-    ke(t, e);
+    Le(t, e);
     const n = requestAnimationFrame(() => {
       const r = G.current;
-      r && ke(r, e);
+      r && Le(r, e);
     });
     return () => {
       cancelAnimationFrame(n);
     };
-  }, [Y, ke]);
-  const Be = S(/* @__PURE__ */ new Set()), we = S(!1), at = S(0), ut = S(0), dt = S(!1);
+  }, [Y, Le]);
+  const De = S(/* @__PURE__ */ new Set()), we = S(!1), ut = S(0), dt = S(0), ft = S(!1);
   X(() => {
-    le || (G.current?.scrollHeight ?? 0) > ut.current && (we.current = !1);
+    le || (G.current?.scrollHeight ?? 0) > dt.current && (we.current = !1);
   }, [le]);
-  const ft = te(() => {
+  const mt = te(() => {
     const e = [], t = {};
     let n = 0;
     return v && (e.push("select"), t.select = n, n += Ce), a.forEach((r) => {
@@ -274,8 +274,8 @@ const ar = ({
     const e = [];
     return v && e.push({
       id: "select",
-      header: ({ table: t }) => /* @__PURE__ */ L(qn, { table: t }),
-      cell: ({ row: t }) => /* @__PURE__ */ L(Un, { row: t, toggleMultiple: st }),
+      header: ({ table: t }) => /* @__PURE__ */ L(Un, { table: t }),
+      cell: ({ row: t }) => /* @__PURE__ */ L($n, { row: t, toggleMultiple: ct }),
       size: Ce,
       minSize: Ce,
       maxSize: Ce,
@@ -284,18 +284,18 @@ const ar = ({
       const n = R[t.internalName] || {};
       if (n.hidden)
         return;
-      const r = t.typeAsString === "Note" ? W * 2 : W, o = n.width || r, c = n.minWidth || ce, s = n.maxWidth || Me;
+      const r = t.typeAsString === "Note" ? W * 2 : W, o = n.width || r, c = n.minWidth || ce, s = n.maxWidth || Ne;
       e.push({
         id: t.internalName,
         accessorKey: t.internalName,
         header: t.title || t.internalName,
-        cell: ({ row: l }) => Ln(
+        cell: ({ row: l }) => Fn(
           t,
           l.original[t.internalName],
           l.original,
           l.index,
-          Ve,
-          Xe
+          Ze,
+          Je
         ),
         size: Math.min(Math.max(o, c), s),
         minSize: c,
@@ -308,12 +308,12 @@ const ar = ({
     v,
     D,
     R,
-    Ve,
-    Xe,
-    st
+    Ze,
+    Je,
+    ct
   ]);
   X(() => {
-    const e = Qe.current;
+    const e = et.current;
     Z((t) => {
       let n = !1;
       const r = { ...t }, o = new Set(a.map((c) => c.internalName));
@@ -322,42 +322,42 @@ const ar = ({
       }), a.forEach((c) => {
         const s = c.internalName, l = R[s], g = e[s];
         if (l?.width !== void 0) {
-          const u = l.minWidth ?? ce, m = l.maxWidth ?? Me, i = Math.min(Math.max(l.width, u), m);
+          const u = l.minWidth ?? ce, m = l.maxWidth ?? Ne, i = Math.min(Math.max(l.width, u), m);
           r[s] !== i && (r[s] = i, n = !0);
         } else g?.width !== void 0 && r[s] !== void 0 && (delete r[s], n = !0);
       }), n ? r : t;
-    }), Qe.current = R;
+    }), et.current = R;
   }, [R, a]);
   const Ie = te(() => N.reduce((e, t) => {
     const r = a.find((c) => c.internalName === t.id)?.typeAsString === "Note" ? W * 2 : W, o = M[t.id] || (typeof t.size == "number" ? t.size : r);
     return e + o;
-  }, 0), [N, M, a]), gn = te(
+  }, 0), [N, M, a]), Sn = te(
     () => Math.max(Ie, q || 0, 300),
     [Ie, q]
-  ), mt = yn({
+  ), ht = En({
     data: Y,
     columns: N,
     state: {
       rowSelection: Q,
       columnSizing: M
     },
-    onRowSelectionChange: tt,
+    onRowSelectionChange: nt,
     onColumnSizingChange: (e) => {
       Z((t) => {
         const n = typeof e == "function" ? e(t) : e, r = {};
         return Object.keys(n).forEach((o) => {
           const c = N.find((s) => s.id === o);
           if (c) {
-            const s = c.minSize || ce, l = c.maxSize || Me;
+            const s = c.minSize || ce, l = c.maxSize || Ne;
             O.current ? r[o] = Math.max(n[o], s) : r[o] = Math.min(Math.max(n[o], s), l);
           }
         }), { ...t, ...r };
       });
     },
     //getRowId: row => row.id as string,
-    getCoreRowModel: Tn(),
-    getFilteredRowModel: zn(),
-    getSortedRowModel: En(),
+    getCoreRowModel: Mn(),
+    getFilteredRowModel: Tn(),
+    getSortedRowModel: zn(),
     columnResizeMode: "onChange",
     enableRowSelection: !0,
     enableMultiRowSelection: v
@@ -369,13 +369,13 @@ const ar = ({
         const n = parseInt(t), r = I.current[n];
         r?._rowId && e.add(r._rowId);
       }
-    }), Be.current = e;
+    }), De.current = e;
   }, [Q]);
-  const Sn = d((e) => {
-    if (lt.current?.(e), !Fe.current || it.current)
+  const wn = d((e) => {
+    if (at.current?.(e), !Ae.current || lt.current)
       return;
-    const t = e.currentTarget, n = Number.isFinite(Ae.current) ? Math.max(0, Ae.current) : Vt, { scrollTop: r, scrollHeight: o, clientHeight: c } = t, l = o - r - c <= n, g = at.current;
-    if (at.current = o, o > g && !l) {
+    const t = e.currentTarget, n = Number.isFinite(Be.current) ? Math.max(0, Be.current) : Zt, { scrollTop: r, scrollHeight: o, clientHeight: c } = t, l = o - r - c <= n, g = ut.current;
+    if (ut.current = o, o > g && !l) {
       we.current = !1;
       return;
     }
@@ -383,8 +383,8 @@ const ar = ({
       we.current = !1;
       return;
     }
-    we.current || (we.current = !0, ut.current = o, Fe.current());
-  }, []), ht = (e) => {
+    we.current || (we.current = !0, dt.current = o, Ae.current());
+  }, []), pt = (e) => {
     const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
     return Object.keys(Q).forEach((o) => {
       if (!Q[o])
@@ -398,7 +398,7 @@ const ar = ({
       selectedIndexes: r,
       sourceLength: e.length
     };
-  }, pt = (e, t) => {
+  }, gt = (e, t) => {
     if (!t.hasSelection)
       return;
     const n = t.sourceLength !== e.length, r = {};
@@ -407,30 +407,30 @@ const ar = ({
         return;
       const s = o._rowId ? t.selectedIds.has(o._rowId) : !1, l = t.selectedRefs.has(o), g = !o._rowId && !n && t.selectedIndexes.has(c);
       (s || l || g) && (r[c.toString()] = !0);
-    }), tt(r);
+    }), nt(r);
   }, p = d((e) => {
-    if (Le.current) {
+    if (Fe.current) {
       if (!he.current)
-        return ee.current = null, dt.current || (console.warn("[EFWTable] Modo controlled detectado sin onItemsChange. Las operaciones CRUD locales no se aplicarán."), dt.current = !0), !1;
+        return ee.current = null, ft.current || (console.warn("[EFWTable] Modo controlled detectado sin onItemsChange. Las operaciones CRUD locales no se aplicarán."), ft.current = !0), !1;
       const t = I.current, n = typeof e == "function" ? e(t) : e;
       I.current = n;
-      const r = ht(t);
-      return Be.current = r.selectedIds, pt(n, r), he.current(n), !0;
+      const r = pt(t);
+      return De.current = r.selectedIds, gt(n, r), he.current(n), !0;
     }
-    return mn((t) => {
+    return hn((t) => {
       const n = typeof e == "function" ? e(t) : e;
       I.current = n;
-      const r = ht(t);
-      return Be.current = r.selectedIds, pt(n, r), he.current?.(n), n;
+      const r = pt(t);
+      return De.current = r.selectedIds, gt(n, r), he.current?.(n), n;
     }), !0;
-  }, []), gt = d(() => a, [a]), St = d(async (e, t = "end") => {
+  }, []), St = d(() => a, [a]), wt = d(async (e, t = "end") => {
     try {
       if (pe.current) {
         const n = Ee(e), r = await pe.current([n], K.current);
         if (r) {
           if (r.successful.length > 0) {
             const s = I.current.length, l = r.successful.map(
-              (u) => Kt(u.item)
+              (u) => Xt(u.item)
             );
             return U(), p((u) => ne(u, l, t)) ? {
               ...r,
@@ -457,7 +457,7 @@ const ar = ({
         failed: [{ index: -1, item: e, error: String(n) }]
       };
     }
-  }, [p, U]), wt = d(async (e, t = "end") => {
+  }, [p, U]), It = d(async (e, t = "end") => {
     if (e.length === 0)
       return {
         successful: [],
@@ -469,7 +469,7 @@ const ar = ({
         if (r) {
           if (r.successful.length > 0) {
             const s = I.current.length, l = r.successful.map(
-              (u) => Kt(u.item)
+              (u) => Xt(u.item)
             );
             return U(), p((u) => ne(u, l, t)) ? {
               ...r,
@@ -500,7 +500,7 @@ const ar = ({
         }))
       };
     }
-  }, [p, U]), It = d(async (e, t) => {
+  }, [p, U]), xt = d(async (e, t) => {
     const n = I.current;
     if (e < 0 || e >= n.length)
       return {
@@ -514,7 +514,7 @@ const ar = ({
           const l = c.successful.filter(
             ({ index: i }) => i >= 0 && i < n.length
           ).map(({ index: i, item: h }) => {
-            const x = bt(
+            const x = Ct(
               n,
               i,
               h,
@@ -551,7 +551,7 @@ const ar = ({
         failed: [{ index: e, item: t, error: String(r) }]
       };
     }
-  }, [p]), xt = d(async (e) => {
+  }, [p]), bt = d(async (e) => {
     if (!e.length) return { successful: [], failed: [] };
     const t = I.current, n = (s) => s >= 0 && s < t.length, r = e.filter(({ index: s }) => !n(s)).map(({ index: s, item: l }) => ({ index: s, item: l, error: "Invalid index" })), o = e.filter(({ index: s }) => n(s)), c = /* @__PURE__ */ new Map();
     o.forEach(({ index: s, item: l }) => {
@@ -562,7 +562,7 @@ const ar = ({
         const u = await ge.current(e, K.current);
         if (u) {
           const i = u.successful.filter(({ index: w }) => n(w)).map(({ index: w, item: f }) => {
-            const _ = bt(
+            const _ = Ct(
               t,
               w,
               f,
@@ -572,8 +572,8 @@ const ar = ({
           }).filter((w) => w !== null);
           if (i.length && !p((f) => {
             const _ = [...f];
-            return i.forEach(({ index: P, item: $t }) => {
-              _[P] = $t;
+            return i.forEach(({ index: P, item: Yt }) => {
+              _[P] = Yt;
             }), _;
           }))
             return { successful: [], failed: i.map(({ index: f, item: _ }) => ({ index: f, item: _, error: "Controlled mode without onItemsChange" })) };
@@ -602,7 +602,7 @@ const ar = ({
         }))
       };
     }
-  }, [p]), bt = (e, t, n, r) => {
+  }, [p]), Ct = (e, t, n, r) => {
     const o = e[t];
     if (!o)
       return null;
@@ -612,14 +612,14 @@ const ar = ({
       ...c,
       _rowId: c._rowId ?? o._rowId
     } : o;
-  }, Ct = (e, t, n) => {
+  }, vt = (e, t, n) => {
     const r = e[t];
     return r ? n ? {
       ...r,
       ...n,
       _rowId: n._rowId ?? r._rowId
     } : r : null;
-  }, vt = d(async (e) => {
+  }, Rt = d(async (e) => {
     const t = I.current;
     if (e < 0 || e >= t.length)
       return {
@@ -633,7 +633,7 @@ const ar = ({
           const l = c.successful.filter(
             ({ index: i }) => i >= 0 && i < t.length
           ).map(({ index: i, item: h }) => {
-            const x = Ct(t, i, h);
+            const x = vt(t, i, h);
             return x ? { index: i, item: x } : null;
           }).filter((i) => i !== null);
           if (l.length && !p((h) => h.filter((x, $) => $ !== e)))
@@ -656,7 +656,7 @@ const ar = ({
         failed: [{ index: e, error: String(n) }]
       };
     }
-  }, [p]), Rt = d(async (e) => {
+  }, [p]), yt = d(async (e) => {
     if (!e.length) return { successful: [], failed: [] };
     const t = I.current, n = Array.from(new Set(e)), { validIndexes: r, invalidFailures: o } = n.reduce(
       (l, g) => (g >= 0 && g < t.length ? l.validIndexes.push(g) : l.invalidFailures.push({ index: g, error: "Invalid index" }), l),
@@ -667,12 +667,12 @@ const ar = ({
         const m = await Se.current(c, K.current);
         if (m) {
           const i = m.successful.filter(({ index: f }) => s.has(f)), h = i.map(({ index: f, item: _ }) => {
-            const P = Ct(t, f, _);
+            const P = vt(t, f, _);
             return P ? { index: f, item: P } : null;
           }).filter((f) => f !== null);
           if (i.length) {
             const f = new Set(h.map((P) => P.index));
-            if (!p((P) => P.filter(($t, vn) => !f.has(vn))))
+            if (!p((P) => P.filter((Yt, Rn) => !f.has(Rn))))
               return { successful: [], failed: h.map(({ index: P }) => ({ index: P, error: "Controlled mode without onItemsChange" })) };
           }
           const x = new Set(m.failed.map((f) => f.index)), $ = [...m.failed];
@@ -696,23 +696,23 @@ const ar = ({
         failed: n.map((g) => ({ index: g, error: String(l) }))
       };
     }
-  }, [p]), yt = d((e) => {
+  }, [p]), Et = d((e) => {
     const t = Re.current.get(String(e));
     return t !== void 0 ? I.current[t] : void 0;
-  }, []), Et = d((e) => I.current[e], []), zt = d((e) => {
+  }, []), zt = d((e) => I.current[e], []), Tt = d((e) => {
     p(
-      e.map((t) => ({ ...t, _rowId: t._rowId ?? Gt() }))
+      e.map((t) => ({ ...t, _rowId: t._rowId ?? Kt() }))
     );
-  }, [p]), Tt = d(() => {
+  }, [p]), Mt = d(() => {
     p([]);
-  }, [p]), Mt = d((e) => Re.current.get(String(e)) ?? -1, []), Nt = d((e) => Re.current.has(String(e)), []), _t = d(() => I.current.length, []), Wt = d(() => [...I.current], []), kt = d(() => ct(I.current), [ct]), Lt = d(() => ot(I.current), [ot]), Ft = d((e, t) => {
+  }, [p]), Nt = d((e) => Re.current.get(String(e)) ?? -1, []), _t = d((e) => Re.current.has(String(e)), []), Wt = d(() => I.current.length, []), kt = d(() => [...I.current], []), Lt = d(() => ot(I.current), [ot]), Ft = d(() => it(I.current), [it]), At = d((e, t) => {
     const n = e ? {
       state: "loading",
       message: t?.title,
       description: t?.description
     } : { state: "none" };
     k || me(n), H?.(n);
-  }, [k, H]), At = d((e, t) => {
+  }, [k, H]), Bt = d((e, t) => {
     const n = e ? {
       state: "error",
       message: t?.title,
@@ -720,14 +720,14 @@ const ar = ({
       onRetry: t?.onRetry
     } : { state: "none" };
     k || me(n), H?.(n);
-  }, [k, H]), Bt = d((e, t) => {
+  }, [k, H]), Dt = d((e, t) => {
     const n = e ? {
       state: "partial-loading",
       message: t?.title,
       description: t?.description
     } : { state: "none" };
     k || me(n), H?.(n);
-  }, [k, H]), Dt = d((e, t) => {
+  }, [k, H]), Ht = d((e, t) => {
     const n = e ? {
       state: "empty",
       message: t?.title,
@@ -735,99 +735,99 @@ const ar = ({
       imageUrl: t?.imageUrl
     } : { state: "none" };
     k || me(n), H?.(n);
-  }, [k, H]), Ht = d(() => {
+  }, [k, H]), Ot = d(() => {
     const e = { state: "none" };
     k || me(e), H?.(e);
-  }, [k, H]), Ot = d(() => ve.state, [ve.state]), xe = te(() => ({
-    getFields: gt,
-    addItem: St,
-    addItems: wt,
-    updateItem: It,
-    updateItems: xt,
-    deleteItem: vt,
-    deleteItems: Rt,
-    getItem: yt,
-    getItemByIndex: Et,
-    getItems: Wt,
-    getItemsCount: _t,
-    itemExists: Nt,
-    getItemIndex: Mt,
-    replaceAllItems: zt,
-    clearItems: Tt,
-    deselectAllRows: nt,
-    getSelectedItems: kt,
-    getSelectedRows: Lt,
+  }, [k, H]), Pt = d(() => ve.state, [ve.state]), xe = te(() => ({
+    getFields: St,
+    addItem: wt,
+    addItems: It,
+    updateItem: xt,
+    updateItems: bt,
+    deleteItem: Rt,
+    deleteItems: yt,
+    getItem: Et,
+    getItemByIndex: zt,
+    getItems: kt,
+    getItemsCount: Wt,
+    itemExists: _t,
+    getItemIndex: Nt,
+    replaceAllItems: Tt,
+    clearItems: Mt,
+    deselectAllRows: rt,
+    getSelectedItems: Lt,
+    getSelectedRows: Ft,
     // Overlay methods
-    setLoading: Ft,
-    setError: At,
-    setPartialLoading: Bt,
-    setEmpty: Dt,
-    clearOverlay: Ht,
-    getOverlayState: Ot
+    setLoading: At,
+    setError: Bt,
+    setPartialLoading: Dt,
+    setEmpty: Ht,
+    clearOverlay: Ot,
+    getOverlayState: Pt
   }), [
-    St,
     wt,
-    Tt,
-    Ht,
-    vt,
+    It,
+    Mt,
+    Ot,
     Rt,
-    nt,
-    a,
-    gt,
     yt,
+    rt,
+    a,
+    St,
     Et,
-    Mt,
-    Wt,
-    _t,
-    Ot,
+    zt,
+    Nt,
     kt,
+    Wt,
+    Pt,
     Lt,
-    Nt,
-    zt,
-    Dt,
-    At,
     Ft,
+    _t,
+    Tt,
+    Ht,
     Bt,
-    It,
-    xt
+    At,
+    Dt,
+    xt,
+    bt
   ]);
-  K.current = xe, Rn.useImperativeHandle(tn, () => xe, [xe]);
-  const wn = d((e, t) => {
-    t?.target && t.target.closest('[data-checkbox="true"]') || (v && rt(e.index), C && C(e.original, e.index));
-  }, [v, C, rt]), In = d((e, t) => {
+  K.current = xe, yn.useImperativeHandle(nn, () => xe, [xe]);
+  const In = d((e, t) => {
+    t?.target && t.target.closest('[data-checkbox="true"]') || (v && st(e.index), C && C(e.original, e.index));
+  }, [v, C, st]), xn = d((e, t) => {
     t?.target && t.target.closest('[data-checkbox="true"]') || j && j(e.original, e.index);
-  }, [j]), Pt = te(() => N.map((e) => {
+  }, [j]), jt = te(() => N.map((e) => {
     const n = a.find((o) => o.internalName === e.id)?.typeAsString === "Note" ? W * 2 : W, r = M[e.id] || (typeof e.size == "number" ? e.size : n);
     return e.id === "select" ? `${Ce}px` : `${r}px`;
-  }).join(" "), [N, M, a]), jt = S(!1);
-  Yt(() => {
-    if (jt.current) return;
+  }).join(" "), [N, M, a]), qt = S(!1);
+  Gt(() => {
+    if (qt.current) return;
     const e = G.current;
     if (!e) return;
     const t = e.clientWidth;
     if (!(t <= 0))
-      if (jt.current = !0, et(t), ie) {
-        const n = Zt(t, N, a, M);
+      if (qt.current = !0, tt(t), ie) {
+        const n = Qt(t, N, a, M);
         n && (O.current = !0, Z(n), requestAnimationFrame(() => {
           O.current = !1;
         }));
       } else {
-        const n = Qt(t, N, a, M, Ie);
+        const n = en(t, N, a, M, Ie);
         n && (O.current = !0, Z((r) => ({ ...r, ...n })), requestAnimationFrame(() => {
           O.current = !1;
         }));
       }
   }), X(() => {
-    if (!We) return;
+    if (!ke) return;
     const e = new ResizeObserver((t) => {
       for (const n of t)
-        et(n.contentRect.width);
+        tt(n.contentRect.width);
     });
-    return e.observe(We), () => e.disconnect();
-  }, [We]), X(() => {
+    return e.observe(ke), () => e.disconnect();
+  }, [ke]), X(() => {
     if (!(!ie || q <= 0) && !O.current)
       return de.current && clearTimeout(de.current), de.current = setTimeout(() => {
-        const e = Zt(q, N, a, M);
+        const e = Qt(q, N, a, M);
         e && (O.current = !0, Z(e), requestAnimationFrame(() => {
           O.current = !1;
         }));
@@ -837,7 +837,7 @@ const ar = ({
   }, [ie, q, N, a]), X(() => {
     if (!(ie || q <= 0))
       return fe.current && clearTimeout(fe.current), fe.current = setTimeout(() => {
-        const e = Qt(q, N, a, M, Ie);
+        const e = en(q, N, a, M, Ie);
         e && (O.current = !0, Z((t) => ({ ...t, ...e })), requestAnimationFrame(() => {
           O.current = !1;
         }));
@@ -845,15 +845,15 @@ const ar = ({
         fe.current && clearTimeout(fe.current);
       };
   }, [ie, q, Ie, N, a]);
-  const qt = Fn(nn), Ut = An(rn), ye = Bn(sn), xn = qt ? [qt, ...Ue] : Ue, De = [];
-  Ut && De.push(Ut), ye && De.push(ye);
-  const bn = [...De, ...on], Cn = ye ? [ye, ...$e] : $e;
-  return /* @__PURE__ */ He(
-    _n,
+  const Ut = An(rn), $t = Bn(sn), ye = Dn(cn), bn = Ut ? [Ut, ...$e] : $e, He = [];
+  $t && He.push($t), ye && He.push(ye);
+  const Cn = [...He, ...ln], vn = ye ? [ye, ...Ye] : Ye;
+  return /* @__PURE__ */ Oe(
+    Wn,
     {
       size: "small",
       appearance: b,
-      className: un,
+      className: dn,
       style: {
         backgroundColor: se.colorNeutralBackground1,
         maxWidth: "100%",
@@ -864,13 +864,13 @@ const ar = ({
       },
       children: [
         J && /* @__PURE__ */ L(
-          Hn,
+          On,
           {
             tableMethods: xe,
-            alwaysButtons: xn,
-            noSelectionButtons: cn,
-            singleSelectionButtons: bn,
-            multiSelectionButtons: Cn,
+            alwaysButtons: Me(bn),
+            noSelectionButtons: Me(on),
+            singleSelectionButtons: Me(Cn),
+            multiSelectionButtons: Me(vn),
             selectedRows: xe.getSelectedRows()
           }
         ),
@@ -880,12 +880,12 @@ const ar = ({
             message: ae?.empty?.title,
             description: ae?.empty?.description,
             imageUrl: ae?.empty?.imageUrl
-          } : { state: "none" }, t = /* @__PURE__ */ He(
+          } : { state: "none" }, t = /* @__PURE__ */ Oe(
             "div",
             {
-              ref: pn,
-              onScroll: Sn,
-              className: Ze["efw-table-scroll-container"],
+              ref: gn,
+              onScroll: wn,
+              className: Qe["efw-table-scroll-container"],
               style: {
                 ...ue !== void 0 && {
                   maxHeight: ue
@@ -897,39 +897,39 @@ const ar = ({
                 position: "relative"
               },
               children: [
-                /* @__PURE__ */ He(
+                /* @__PURE__ */ Oe(
                   "div",
                   {
                     className: "table-container",
                     style: {
                       minWidth: "100%",
-                      width: gn
+                      width: Sn
                     },
                     children: [
                       /* @__PURE__ */ L(
-                        On,
+                        Pn,
                         {
-                          table: mt,
-                          gridTemplateColumns: Pt,
+                          table: ht,
+                          gridTemplateColumns: jt,
                           columnSizing: M,
-                          stickyColumnsInfo: ft,
+                          stickyColumnsInfo: mt,
                           resizableColumns: D
                         }
                       ),
                       /* @__PURE__ */ L(
-                        Pn,
+                        jn,
                         {
-                          table: mt,
+                          table: ht,
                           fields: a,
                           tableContainerRef: G,
                           useVirtualization: y,
                           enableSelection: v,
                           itemSize: B,
-                          gridTemplateColumns: Pt,
+                          gridTemplateColumns: jt,
                           columnSizing: M,
-                          stickyColumnsInfo: ft,
-                          onRowClick: wn,
-                          onRowDoubleClick: In
+                          stickyColumnsInfo: mt,
+                          onRowClick: In,
+                          onRowDoubleClick: xn
                         }
                       )
                     ]
@@ -955,25 +955,25 @@ const ar = ({
                     },
                     "aria-live": "polite",
                     "aria-label": "Cargando más elementos",
-                    children: /* @__PURE__ */ L(Wn, { size: "tiny", label: "Cargando más..." })
+                    children: /* @__PURE__ */ L(kn, { size: "tiny", label: "Cargando más..." })
                   }
                 )
               ]
             }
           );
           return e.state === "partial-loading" ? /* @__PURE__ */ L(
-            Xt,
+            Jt,
             {
               config: e,
               customization: ae,
-              height: ue !== void 0 ? Math.max(Ne, ue) : Ne,
+              height: ue !== void 0 ? Math.max(_e, ue) : _e,
               children: t
             }
           ) : e.state !== "none" ? /* @__PURE__ */ L(
-            Xt,
+            Jt,
             {
               config: e,
-              height: Ne,
+              height: _e,
               customization: ae
             }
           ) : t;
@@ -984,9 +984,9 @@ const ar = ({
 };
 export {
   W as COLS_DEF_WIDTH,
-  Me as COLS_MAX_WIDTH,
+  Ne as COLS_MAX_WIDTH,
   ce as COLS_MIN_WIDTH,
-  ar as EFWTable,
-  lr as SELECTOR_CELL_HEIGHT,
+  ur as EFWTable,
+  ar as SELECTOR_CELL_HEIGHT,
   Ce as SELECTOR_CELL_WIDTH
 };

package/dist/react-components/tables/EFWTable/EFWTable.types.d.ts

@@ -189,6 +189,7 @@ export interface EFWTableRowData extends TableRowData<EFWTableItem> {
     selected: boolean;
     appearance: "brand" | "none" | "neutral";
 }
+export type EFWTableCommandBarButtonInput<T extends readonly EFWFormFieldProps[] = EFWFormFieldProps[]> = EFWTableCommandBarButton<T> | EFWTableCommandBarButton;
 export interface ReactWindowRenderFnProps extends ListChildComponentProps {
     data: EFWTableRowData[];
     fields: EFWFormFieldProps[];
@@ -254,13 +255,13 @@ export interface EFWTableProps<T extends readonly EFWFormFieldProps[] = EFWFormF
     onItemsChange?: (newItems: EFWTableItem<T>[]) => void;
     onBeforeDelete?: (selectedItems: EFWTableItem<T>[], selectedIndexes: number[]) => number[] | Promise<number[]>;
     /** Botones que se renderizan siempre, independientemente de la selección. */
-    alwaysButtons?: EFWTableCommandBarButton<T>[];
+    alwaysButtons?: EFWTableCommandBarButtonInput<T>[];
     /** Botones que se renderizan solo cuando no hay filas seleccionadas. */
-    noSelectionButtons?: EFWTableCommandBarButton<T>[];
+    noSelectionButtons?: EFWTableCommandBarButtonInput<T>[];
     /** Botones que se renderizan solo cuando hay exactamente una fila seleccionada. */
-    singleSelectionButtons?: EFWTableCommandBarButton<T>[];
+    singleSelectionButtons?: EFWTableCommandBarButtonInput<T>[];
     /** Botones que se renderizan cuando hay más de una fila seleccionada. */
-    multiSelectionButtons?: EFWTableCommandBarButton<T>[];
+    multiSelectionButtons?: EFWTableCommandBarButtonInput<T>[];
     /**
      * Callback genérico de scroll sobre el contenedor interno de la tabla.
      */

package/dist/react-components/tables/EFWTable/components/EFWTableBody/EFWTableBody.d.ts

@@ -1,3 +1,7 @@
 import { EFWTableBodyProps } from './EFWTableBody.types';
 
-export declare const EFWTableBody: ({ tableContainerRef, useVirtualization, enableSelection, itemSize, table, gridTemplateColumns, columnSizing, stickyColumnsInfo, onRowClick, onRowDoubleClick, }: EFWTableBodyProps) => React.ReactElement;
+/**
+ * Wrapper exportado: delega a VirtualizedTableBody o PlainTableBody
+ * según la prop useVirtualization. Mantiene la misma interfaz pública.
+ */
+export declare const EFWTableBody: (props: EFWTableBodyProps) => React.ReactElement;

package/dist/react-components/tables/EFWTable/components/EFWTableBody/EFWTableBody.js

@@ -1,77 +1,103 @@
-import { jsxs as F, jsx as g } from "react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useVirtualizer as R } from "@tanstack/react-virtual";
-import { EFWTableRow as S } from "../EFWTableRow/EFWTableRow.js";
-const T = (l) => {
-  f(() => {
-    const e = l.current;
-    if (!e) return;
-    let s = 0, d = !1, r = !1;
-    const c = () => {
-      cancelAnimationFrame(s), s = requestAnimationFrame(() => {
-        const i = e.scrollLeft > 0, a = e.scrollTop > 0;
-        i !== d && (e.classList.toggle("is-scrolling-x", i), d = i), a !== r && (e.classList.toggle("is-scrolling-y", a), r = a);
+import { jsx as a, jsxs as E } from "react/jsx-runtime";
+import { useEffect as p } from "react";
+import { useVirtualizer as S } from "@tanstack/react-virtual";
+import { EFWTableRow as v } from "../EFWTableRow/EFWTableRow.js";
+const y = (e) => {
+  p(() => {
+    const t = e.current;
+    if (!t) return;
+    let o = 0, n = !1, c = !1;
+    const l = () => {
+      cancelAnimationFrame(o), o = requestAnimationFrame(() => {
+        const i = t.scrollLeft > 0, s = t.scrollTop > 0;
+        i !== n && (t.classList.toggle("is-scrolling-x", i), n = i), s !== c && (t.classList.toggle("is-scrolling-y", s), c = s);
       });
     };
-    return e.addEventListener("scroll", c, { passive: !0 }), c(), () => {
-      e.removeEventListener("scroll", c), cancelAnimationFrame(s);
+    return t.addEventListener("scroll", l, { passive: !0 }), l(), () => {
+      t.removeEventListener("scroll", l), cancelAnimationFrame(o);
     };
-  }, [l]);
-}, j = ({
-  tableContainerRef: l,
-  useVirtualization: e,
-  enableSelection: s = !0,
-  itemSize: d,
-  table: r,
+  }, [e]);
+}, T = ({
+  tableContainerRef: e,
+  enableSelection: t = !0,
+  itemSize: o,
+  table: n,
   gridTemplateColumns: c,
-  columnSizing: i,
-  stickyColumnsInfo: a,
-  onRowClick: h,
+  columnSizing: l,
+  stickyColumnsInfo: i,
+  onRowClick: s,
   onRowDoubleClick: w
 }) => {
-  const m = r.getRowModel().rows.length, v = m > 0;
-  T(v ? l : { current: null });
-  const o = e ? R({
-    count: m,
-    getScrollElement: () => l.current,
-    estimateSize: () => d,
-    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t?.getBoundingClientRect().height : void 0,
+  const d = n.getRowModel().rows.length, g = d > 0;
+  y(g ? e : { current: null });
+  const m = S({
+    count: d,
+    getScrollElement: () => e.current,
+    estimateSize: () => o,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (r) => r?.getBoundingClientRect().height : void 0,
     overscan: 10
-  }) : null;
-  f(() => {
-    !e || !o || requestAnimationFrame(() => {
+  });
+  p(() => {
+    requestAnimationFrame(() => {
       try {
-        o.measure();
-      } catch (t) {
-        console.warn("Error al recalcular virtualizer:", t);
+        m.measure();
+      } catch (r) {
+        console.warn("Error al recalcular virtualizer:", r);
       }
     });
-  }, [m > 0, e, o]);
-  const n = o?.getVirtualItems() || [], x = o?.getTotalSize() || 0, u = n.length > 0 ? n[0].start : 0, p = n.length > 0 ? x - n[n.length - 1].end : 0, y = e ? n.map((t) => ({
-    virtualRow: t,
-    row: r.getRowModel().rows[t.index]
-  })) : r.getRowModel().rows.map((t) => ({ row: t, virtualRow: null }));
-  return /* @__PURE__ */ F("div", { className: "table-body", style: { fontSize: "12px", lineHeight: "16px" }, children: [
-    e && u > 0 && /* @__PURE__ */ g("div", { style: { height: u } }),
-    y.map(({ row: t, virtualRow: E }) => /* @__PURE__ */ g(
-      S,
+  }, [d > 0, m]);
+  const u = m.getVirtualItems(), z = m.getTotalSize(), f = u.length > 0 ? u[0].start : 0, h = u.length > 0 ? z - u[u.length - 1].end : 0, x = u.map((r) => ({
+    virtualRow: r,
+    row: n.getRowModel().rows[r.index]
+  }));
+  return /* @__PURE__ */ E("div", { className: "table-body", style: { fontSize: "12px", lineHeight: "16px" }, children: [
+    f > 0 && /* @__PURE__ */ a("div", { style: { height: f } }),
+    x.map(({ row: r, virtualRow: R }) => /* @__PURE__ */ a(
+      v,
       {
-        row: t,
-        virtualRow: E,
-        rowVirtualizer: o,
-        useVirtualization: e,
-        enableSelection: s,
+        row: r,
+        virtualRow: R,
+        rowVirtualizer: m,
+        useVirtualization: !0,
+        enableSelection: t,
         gridTemplateColumns: c,
-        columnSizing: i,
-        stickyColumnsInfo: a,
-        onRowClick: h,
+        columnSizing: l,
+        stickyColumnsInfo: i,
+        onRowClick: s,
         onRowDoubleClick: w
       },
-      t.id
+      r.original._rowId || r.id
     )),
-    e && p > 0 && /* @__PURE__ */ g("div", { style: { height: p } })
+    h > 0 && /* @__PURE__ */ a("div", { style: { height: h } })
   ] });
-};
+}, V = ({
+  tableContainerRef: e,
+  enableSelection: t = !0,
+  table: o,
+  gridTemplateColumns: n,
+  columnSizing: c,
+  stickyColumnsInfo: l,
+  onRowClick: i,
+  onRowDoubleClick: s
+}) => {
+  const d = o.getRowModel().rows.length > 0;
+  return y(d ? e : { current: null }), /* @__PURE__ */ a("div", { className: "table-body", style: { fontSize: "12px", lineHeight: "16px" }, children: o.getRowModel().rows.map((g) => /* @__PURE__ */ a(
+    v,
+    {
+      row: g,
+      virtualRow: null,
+      rowVirtualizer: null,
+      useVirtualization: !1,
+      enableSelection: t,
+      gridTemplateColumns: n,
+      columnSizing: c,
+      stickyColumnsInfo: l,
+      onRowClick: i,
+      onRowDoubleClick: s
+    },
+    g.original._rowId || g.id
+  )) });
+}, b = (e) => e.useVirtualization ? /* @__PURE__ */ a(T, { ...e }) : /* @__PURE__ */ a(V, { ...e });
 export {
-  j as EFWTableBody
+  b as EFWTableBody
 };

package/dist/react-components/tables/EFWTable/components/EFWTableCommandBar/EFWTableCommandBar.types.d.ts

@@ -22,20 +22,6 @@ export interface CommandBarOnClickParams<T extends readonly EFWFormFieldProps[]
      */
     tableMethods: EFWTableMethods<T>;
 }
-export interface CommandBarOnClickParams<T extends readonly EFWFormFieldProps[] = EFWFormFieldProps[]> {
-    /**
-     * Un arreglo de filas seleccionadas de la tabla.
-     *
-     * @type {EFWTableRow[]}
-     */
-    selectedRows: EFWTableRow<EFWTableItem<T>>[];
-    /**
-     * Métodos disponibles para interactuar con la tabla.
-     *
-     * @type {EFWTableMethods}
-     */
-    tableMethods: EFWTableMethods<T>;
-}
 export type EFWTableCommandBarButton<T extends readonly EFWFormFieldProps[] = EFWFormFieldProps[]> = EFWGroupButtonConfig<CommandBarOnClickParams<T>> & {
     enabled?: boolean | ((selectedRows: EFWTableRow<EFWTableItem<T>>[], tableMethods: EFWTableMethods<T>) => boolean);
 };

package/dist/react-components/tables/EFWTable/components/EFWTableCommandBar/index.d.ts

@@ -1,2 +1,2 @@
 export { EFWTableCommandBar } from './EFWTableCommandBar';
-export type { EFWTableCommandBarProps } from './EFWTableCommandBar.types';
+export type { EFWTableCommandBarProps, EFWTableCommandBarButton } from './EFWTableCommandBar.types';

package/dist/react-components/tables/EFWTable/components/EFWTableRow/EFWTableRow.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
-import { tokens as o } from "@fluentui/react-components";
-import { EFWTableCell as b } from "../EFWTableCell/EFWTableCell.js";
-const k = ({
+import { tokens as l } from "@fluentui/react-components";
+import { EFWTableCell as p } from "../EFWTableCell/EFWTableCell.js";
+const o = (r, t) => r ? l.colorNeutralBackground1Selected : t ? l.colorNeutralBackground1Hover : l.colorNeutralBackground1, b = ({
   row: r,
-  virtualRow: l,
+  virtualRow: t,
   rowVirtualizer: u,
   useVirtualization: c,
   enableSelection: d,
@@ -12,52 +12,48 @@ const k = ({
   stickyColumnsInfo: i,
   onRowClick: m,
   onRowDoubleClick: n
-}) => {
-  const t = (e, p) => e ? o.colorNeutralBackground1Selected : p ? o.colorNeutralBackground1Hover : o.colorNeutralBackground1;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ...c && l ? {
-        "data-index": l.index,
-        ref: (e) => u?.measureElement(e)
-      } : {},
-      className: "table-row",
-      onClick: (e) => m(r, e),
-      onDoubleClick: n ? (e) => n(r, e) : void 0,
-      style: {
-        display: "grid",
-        gridTemplateColumns: a,
-        cursor: d ? "pointer" : "default",
-        borderBottom: `0.5px solid ${o.colorNeutralStroke1}`,
-        backgroundColor: t(r.getIsSelected()),
-        "--current-row-bg": t(r.getIsSelected())
-      },
-      onMouseEnter: d ? (e) => {
-        e.currentTarget.style.setProperty(
-          "--current-row-bg",
-          t(r.getIsSelected(), !0)
-        );
-      } : void 0,
-      onMouseLeave: d ? (e) => {
-        e.currentTarget.style.setProperty(
-          "--current-row-bg",
-          t(r.getIsSelected())
-        );
-      } : void 0,
-      children: r.getVisibleCells().map((e) => /* @__PURE__ */ s(
-        b,
-        {
-          cell: e,
-          columnSizing: g,
-          stickyColumnsInfo: i,
-          useVirtualization: c
-        },
-        e.id
-      ))
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    ...c && t ? {
+      "data-index": t.index,
+      ref: (e) => u?.measureElement(e)
+    } : {},
+    className: "table-row",
+    onClick: (e) => m(r, e),
+    onDoubleClick: n ? (e) => n(r, e) : void 0,
+    style: {
+      display: "grid",
+      gridTemplateColumns: a,
+      cursor: d ? "pointer" : "default",
+      borderBottom: `0.5px solid ${l.colorNeutralStroke1}`,
+      backgroundColor: o(r.getIsSelected()),
+      "--current-row-bg": o(r.getIsSelected())
     },
-    r.id
-  );
-}, x = k;
+    onMouseEnter: d ? (e) => {
+      e.currentTarget.style.setProperty(
+        "--current-row-bg",
+        o(r.getIsSelected(), !0)
+      );
+    } : void 0,
+    onMouseLeave: d ? (e) => {
+      e.currentTarget.style.setProperty(
+        "--current-row-bg",
+        o(r.getIsSelected())
+      );
+    } : void 0,
+    children: r.getVisibleCells().map((e) => /* @__PURE__ */ s(
+      p,
+      {
+        cell: e,
+        columnSizing: g,
+        stickyColumnsInfo: i,
+        useVirtualization: c
+      },
+      e.id
+    ))
+  }
+), v = b;
 export {
-  x as EFWTableRow
+  v as EFWTableRow
 };

package/dist/react-components/tables/EFWTable/index.d.ts

@@ -1,5 +1,6 @@
 export { EFWTable } from './EFWTable';
 export { useTableController } from './hooks/useTableController/useTableController';
 export { EFWTableOverlay, EFWTableEmpty } from './components/EFWTableOverlay';
-export type { EFWTableProps, EFWTableItem, EFWTableRef, EFWTableMethods } from './EFWTable.types';
+export type { EFWTableProps, EFWTableItem, EFWTableRef, EFWTableMethods, EFWTableCommandBarButtonInput, } from './EFWTable.types';
+export type { EFWTableCommandBarButton } from './components/EFWTableCommandBar';
 export type { EFWTableOverlayProps, EFWTableOverlayConfig, EFWTableOverlayState, EFWTableOverlayDisplayType, EFWTableOverlayStateConfig, EFWTableOverlayCustomization, EFWTableOverlayBaseOptions, EFWTableLoadingOptions, EFWTableErrorOptions, EFWTablePartialLoadingOptions, EFWTableEmptyOptions, EFWTableEmptyProps, } from './components/EFWTableOverlay';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envisiongroup/porygon",
-  "version": "1.0.0-rc.21",
+  "version": "1.0.0-rc.23",
   "description": "Librerias de componentes de React creados por la empresa Envision",
   "license": "CC-BY-ND-4.0",
   "main": "./dist/index.js",
@@ -62,7 +62,9 @@
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run build",
     "dev": "vite build --config vite.lib.config.js --watch",
-    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "typecheck": "npm run typecheck:src && npm run typecheck:type-tests",
+    "typecheck:src": "tsc --noEmit -p tsconfig.json",
+    "typecheck:type-tests": "tsc --noEmit -p tsconfig.type-tests.json",
     "analyze": "vite build --config vite.lib.config.js && npx vite-bundle-visualizer",
     "verify:build": "npm run clean && npm run build",
     "verify:types": "npm run typecheck",