@envisiongroup/porygon 1.0.0-rc.9 → 1.0.0

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

@@ -1,44 +1,85 @@
-import { jsx as E, jsxs as dt } from "react/jsx-runtime";
-import * as jt from "react";
-import { useRef as N, useState as $, useCallback as g, useEffect as B, useMemo as q } from "react";
-import { useReactTable as Ht, getSortedRowModel as Pt, getFilteredRowModel as Yt, getCoreRowModel as $t } from "@tanstack/react-table";
-import { makeStyles as qt, tokens as oe, mergeClasses as Gt, Card as Xt, Checkbox as gt } from "@fluentui/react-components";
-import { useTableSelection as Jt } from "./hooks/useTableSelection/useTableSelection.js";
-import { renderCellContent as Kt } from "./utils/index.js";
-import { useDefaultAddButton as Ut } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
-import { useDefaultUpdateButton as Vt } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
-import { useDefaultDeleteButton as Zt } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
-import { generateId as ft } from "./utils/general.js";
-import { EFWTableCommandBar as Qt } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
-import { EFWTableOverlay as mt } from "./components/EFWTableOverlay/EFWTableOverlay.js";
-import { addRowId as se, ensureItemRowId as ht } from "./utils/typeHelpers.js";
-import { EFWTableHeader as en } from "./components/EFWTableHeader/EFWTableHeader.js";
-import { EFWTableBody as tn } from "./components/EFWTableBody/EFWTableBody.js";
-const re = {}, nn = /* @__PURE__ */ new Set(), pt = [], ce = [], x = 120, F = 80, ie = 2500, G = 48, zn = 48, sn = ({
-  table: W
-}) => /* @__PURE__ */ E(
-  gt,
+import { jsx as D, jsxs as ct } from "react/jsx-runtime";
+import * as fr from "react";
+import { useMemo as se, useRef as w, useState as te, useCallback as f, useEffect as oe, useLayoutEffect as kn } from "react";
+import { useReactTable as mr, getSortedRowModel as hr, getFilteredRowModel as pr, getCoreRowModel as gr } from "@tanstack/react-table";
+import { makeStyles as Sr, tokens as $, mergeClasses as wr, Card as xr, Checkbox as Hn, Spinner as Ir } from "@fluentui/react-components";
+import { useTableSelection as br } from "./hooks/useTableSelection/useTableSelection.js";
+import { renderCellContent as yr } from "./utils/index.js";
+import { useDefaultAddButton as Rr } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
+import { useDefaultUpdateButton as vr } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
+import { useDefaultDeleteButton as Cr } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
+import { useDefaultFilterButton as Tr } from "./hooks/useDefaultFilterButton/useDefaultFilterButton.js";
+import { useStableColumnRenderers as Er } from "./hooks/useStableColumnRenderers/useStableColumnRenderers.js";
+import { getFilterFn as zr, isEmptyFilterValue as Fr } from "./utils/filterFunctions.js";
+import { useTableLocaleText as Mr, PorygonI18nProvider as Ar } from "../../i18n/PorygonI18nProvider.js";
+import { generateId as it } from "./utils/general.js";
+import { addRowId as We, ensureItemRowId as Ln } from "./utils/typeHelpers.js";
+import { EFWTableCommandBar as Nr } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
+import { EFWTableOverlay as _n } from "./components/EFWTableOverlay/EFWTableOverlay.js";
+import { EFWTableHeader as kr } from "./components/EFWTableHeader/EFWTableHeader.js";
+import { EFWTableBody as Lr } from "./components/EFWTableBody/EFWTableBody.js";
+const de = {}, _r = /* @__PURE__ */ new Set(), Wn = [], Be = [], Wr = {}, De = (g) => g, Br = (g) => Object.entries(g).filter(([, p]) => !Fr(p)).map(([p, y]) => ({ id: p, value: y })), Oe = (g) => Object.fromEntries(g.map((p) => [p.id, p.value])), Bn = (g) => g.map(({ id: p, desc: y }) => ({ id: p, desc: y })), Me = (g) => g.map(({ id: p, desc: y }) => ({ id: p, desc: y })), O = 120, Ae = 40, he = 120, Pe = 2500, Dn = 500, Dr = 20, Or = (g) => {
+  switch (g) {
+    case "Date":
+      return (p, y, a) => {
+        const C = p.getValue(a), v = y.getValue(a), M = C?.[0] ? new Date(C[0]).getTime() : 0, z = v?.[0] ? new Date(v[0]).getTime() : 0;
+        return M < z ? -1 : M > z ? 1 : 0;
+      };
+    case "Choice":
+      return (p, y, a) => {
+        const C = p.getValue(a), v = y.getValue(a), M = C?.map((k) => k.text).join(", ") ?? "", z = v?.map((k) => k.text).join(", ") ?? "";
+        return M.localeCompare(z);
+      };
+    case "Number":
+      return "basic";
+    case "Boolean":
+      return (p, y, a) => {
+        const C = p.getValue(a), v = y.getValue(a);
+        return (C ? 1 : 0) - (v ? 1 : 0);
+      };
+    default:
+      return "alphanumeric";
+  }
+};
+function fe(g, p, y) {
+  return p.length === 0 ? g : y === "start" ? [...p, ...g] : [...g, ...p];
+}
+function me(g, p, y) {
+  const a = y === "start" ? 0 : p;
+  return g.map((C, v) => ({
+    index: a + v,
+    item: C
+  }));
+}
+const Pr = ({
+  table: g,
+  dense: p
+}) => /* @__PURE__ */ D(
+  Hn,
   {
     shape: "circular",
-    checked: W.getIsAllRowsSelected(),
-    onChange: W.getToggleAllRowsSelectedHandler(),
+    checked: g.getIsAllRowsSelected(),
+    onChange: g.getToggleAllRowsSelectedHandler(),
+    style: p ? void 0 : { marginTop: "4px" },
     "data-checkbox": "true"
   }
-), rn = ({
-  row: W,
-  toggleMultiple: ae
-}) => /* @__PURE__ */ E(
-  gt,
+), Hr = ({
+  row: g,
+  toggleMultiple: p,
+  dense: y
+}) => /* @__PURE__ */ D(
+  Hn,
   {
     shape: "circular",
-    checked: W.getIsSelected(),
-    onChange: (L) => {
-      L.stopPropagation(), ae(W.index);
+    checked: g.getIsSelected(),
+    onChange: (a) => {
+      a.stopPropagation(), p(g.index);
     },
-    onClick: (L) => L.stopPropagation(),
+    onClick: (a) => a.stopPropagation(),
+    style: y ? void 0 : { marginTop: "6px" },
     "data-checkbox": "true"
   }
-), cn = qt({
+), jr = Sr({
   "efw-table": {},
   /* Transición suave para el box-shadow en las celdas y cabeceras fijas */
   "efw-table-scroll-container": {
@@ -48,7 +89,7 @@ const re = {}, nn = /* @__PURE__ */ new Set(), pt = [], ce = [], x = 120, F = 80
       transform: "translateZ(0)"
     },
     "& .table-header": {
-      boxShadow: `0px 1px 0 0px ${oe.colorNeutralStroke2}`
+      boxShadow: `0px 1px 0 0px ${$.colorNeutralStroke2}`
     },
     "& .header-cell": {
       "&.sticky-column": {
@@ -65,12 +106,12 @@ const re = {}, nn = /* @__PURE__ */ new Set(), pt = [], ce = [], x = 120, F = 80
     "&.is-scrolling-x": {
       "& .header-cell": {
         "&.sticky-column": {
-          boxShadow: "2px 0 4px -2px rgba(0, 0, 0, 0.2)"
+          boxShadow: `2px 0 4px -2px ${$.colorNeutralStroke1}`
         }
       },
       "& .table-cell": {
         "&.sticky-column": {
-          boxShadow: "2px 0 4px -2px rgba(0, 0, 0, 0.2)"
+          boxShadow: `2px 0 4px -2px ${$.colorNeutralStroke1}`
         }
       }
     },
@@ -78,698 +119,1048 @@ const re = {}, nn = /* @__PURE__ */ new Set(), pt = [], ce = [], x = 120, F = 80
     /* Aplica una sombra debajo de TODAS las cabeceras cuando hay scroll en el eje Y */
     "&.is-scrolling-y": {
       "& .table-header": {
-        boxShadow: "0 2px 4px -2px rgba(0, 0, 0, 0.2)"
+        boxShadow: `0 2px 4px -2px ${$.colorNeutralStroke1}`
       }
     }
   }
-}), En = ({
-  appearance: W = "outline",
-  style: ae = {},
-  className: L = "",
-  fields: f,
-  items: pe,
-  defaultItems: St,
-  height: X,
-  itemSize: wt = 32,
+});
+function On(g, p, y, a) {
+  let C = 0, v = 0;
+  const M = [];
+  if (p.forEach((I) => {
+    const G = y.find((T) => T.internalName === I.id)?.typeAsString === "Note" ? O * 2 : O, U = a[I.id] || (typeof I.size == "number" ? I.size : G);
+    I.id === "select" ? C += U : (v += U, M.push(I));
+  }), M.length === 0) return null;
+  const z = C + v;
+  if (Math.abs(z - g) < 1) return null;
+  const k = g - C, q = k / v, ne = { ...a };
+  let ce = 0;
+  return M.forEach((I, Y) => {
+    const G = a[I.id] || (typeof I.size == "number" ? I.size : O), U = I.minSize || he;
+    let T;
+    Y === M.length - 1 ? T = k - ce : T = Math.round(G * q), T = Math.max(U, T), ne[I.id] = T, ce += T;
+  }), ne;
+}
+function Pn(g, p, y, a, C) {
+  const v = g - C;
+  if (Math.abs(v) < 1) return null;
+  const M = p.filter((T) => T.id && T.id !== "select");
+  if (M.length === 0) return null;
+  const z = M[M.length - 1], k = z.id, ne = y.find((T) => T.internalName === k)?.typeAsString === "Note" ? O * 2 : O, I = (a[k] || (typeof z.size == "number" ? z.size : ne)) + v, Y = z.minSize || he, G = Math.max(Y, I), U = a[k];
+  return U !== void 0 && Math.abs(U - G) < 1 ? null : { [k]: G };
+}
+const ls = ({
+  appearance: g = "outline",
+  style: p = de,
+  className: y = "",
+  fields: a,
+  localeText: C,
+  items: v,
+  defaultItems: M,
+  height: z,
+  itemSize: k,
+  dense: q = !0,
+  rowAnimationConfig: ne = Wr,
+  cellLineClamp: ce,
   // tableStyle = 'row',
-  enableSelection: R = !0,
-  enableCommandBar: le = !0,
-  defaultSelectedItems: xt = nn,
-  onSelectionChange: It,
-  onRowClick: ue,
-  resizableColumns: de = !1,
-  columnSizing: v = re,
-  useVirtualization: ge = !1,
-  autoSizeColumns: T = !1,
-  tableRef: bt,
-  onItemsChange: Se,
-  onScroll: we,
-  addButtonConfig: yt = re,
-  updateButtonConfig: zt = re,
-  deleteButtonConfig: Et = re,
-  alwaysButtons: xe = ce,
-  noSelectionButtons: Rt = ce,
-  singleSelectionButtons: vt = ce,
-  multiSelectionButtons: Ie = ce,
-  beforeAddItems: J,
-  beforeUpdateItems: K,
-  beforeDeleteItems: U,
-  columnRenderers: be,
-  useDefaultRendererAsFallback: ye = !0,
+  enableSelection: I = !0,
+  enableCommandBar: Y = !0,
+  defaultSelectedItems: G = _r,
+  onSelectionChange: U,
+  onRowClick: T,
+  onRowDoubleClick: He,
+  resizableColumns: je = !1,
+  columnConfig: P = de,
+  useVirtualization: lt = !1,
+  autoSizeColumns: ie = !1,
+  tableRef: jn,
+  onItemsChange: at,
+  onScroll: ut,
+  onScrollEnd: dt,
+  scrollEndThreshold: ft = Dn,
+  loadingMore: pe = !1,
+  addButtonConfig: Un = de,
+  updateButtonConfig: Vn = de,
+  deleteButtonConfig: $n = de,
+  filterButtonConfig: qn = de,
+  alwaysButtons: mt = Be,
+  noSelectionButtons: Yn = Be,
+  singleSelectionButtons: ht = Be,
+  multiSelectionButtons: pt = Be,
+  beforeAddItems: gt,
+  beforeUpdateItems: St,
+  beforeDeleteItems: wt,
+  defaultSorting: Gn,
+  onSortChange: Ue,
+  onFilterChange: Ve,
+  columnRenderers: Kn,
+  useDefaultRendererAsFallback: xt = !0,
   // Overlay state props
-  overlayState: ze,
-  defaultOverlayState: Mt,
-  onOverlayStateChange: b,
-  overlayCustomization: D,
-  overlayHeight: fe = 200
+  overlayState: It,
+  defaultOverlayState: Xn,
+  onOverlayStateChange: j,
+  overlayCustomization: le,
+  overlayHeight: $e = 200
 }) => {
-  ge && X === void 0 && console.warn(
+  const bt = se(() => {
+    const {
+      form: e,
+      fields: t,
+      buttons: n,
+      ...r
+    } = C ?? {}, o = Object.keys(r).length > 0 ? r : void 0, c = e || t || n ? {
+      ...e ? { form: e } : {},
+      ...t ? { fields: t } : {},
+      ...n ? { buttons: n } : {}
+    } : void 0;
+    return {
+      tableOverrides: o,
+      i18nProviderLocale: c
+    };
+  }, [C]), W = Mr(bt.tableOverrides), yt = bt.i18nProviderLocale, Rt = Er(Kn);
+  lt && z === 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 O = X !== void 0 ? le ? X - 40 : X : void 0, Ee = cn(), Nt = Gt(L, Ee["efw-table"]), _ = N(!1), j = N(null), H = N(null), Re = pe !== void 0, I = ze !== void 0, [Wt, P] = $(
-    () => Mt || { state: "none" }
-  ), V = I ? ze : Wt, [Ct, Tt] = $(() => (St || pt).map((t) => ({
+  const ge = z !== void 0 ? Y ? z - 40 : z : void 0, qe = k ?? (q ? 32 : 44), vt = jr(), Jn = wr(y, "efw-table", vt["efw-table"]), K = w(!1), Se = w(null), we = w(null), Ye = v !== void 0, H = It !== void 0, [Zn, xe] = te(
+    () => Xn || { state: "none" }
+  ), Ne = H ? It : Zn, [Qn, er] = te(() => (M || Wn).map((t) => ({
     ...t,
-    _rowId: t._rowId || ft()
-  }))), M = Re ? pe || pt : Ct, [S, Z] = $(() => {
+    _rowId: t._rowId || it()
+  }))), X = Ye ? v || Wn : Qn, Ct = w(/* @__PURE__ */ new WeakMap()), ke = f((e, t) => {
+    if (e._rowId)
+      return String(e._rowId);
+    const n = Ct.current.get(e);
+    if (n)
+      return n;
+    const r = it();
+    return Ct.current.set(e, r), r;
+  }, []), [L, Ie] = te(() => {
     const e = {};
-    return f.forEach((t) => {
-      const n = v[t.internalName];
+    return a.forEach((t) => {
+      const n = P[t.internalName];
       if (n?.width) {
-        const s = n.minWidth ?? F, r = n.maxWidth ?? ie;
-        e[t.internalName] = Math.min(Math.max(n.width ?? 0, s), r);
+        const r = n.minWidth ?? he, o = n.maxWidth ?? Pe;
+        e[t.internalName] = Math.min(Math.max(n.width ?? 0, r), o);
       }
     }), e;
-  }), ve = N(v), [C, Me] = $(0), {
-    rowSelection: k,
-    setRowSelection: Ne,
+  }), Tt = w(P), [J, Ge] = te(() => Bn(Gn ?? [])), [Z, Ke] = te([]), Et = w(Z);
+  Et.current = Z;
+  const [Q, zt] = te(0), [tr, nr] = te({}), Xe = w(ne);
+  Xe.current = ne;
+  const {
+    rowSelection: ae,
+    setRowSelection: Ft,
     // selectedIndexes,
-    deselectAll: We,
-    selectSingle: Ce,
-    toggleMultiple: Te,
+    deselectAll: Mt,
+    selectSingle: At,
+    toggleMultiple: Nt,
     // selectMultiple,
-    getSelectedItems: _e,
-    getSelectedRows: ke
-  } = Jt({
-    initialSelection: xt,
-    onSelectionChange: It,
-    enableSelection: R
-  }), Ae = N(null), [Q, _t] = $(null), kt = g((e) => {
-    Ae.current = e, _t(e);
-  }, []), w = N(M), ee = N(/* @__PURE__ */ new Map());
-  B(() => {
-    w.current = M;
+    getSelectedItems: kt,
+    getSelectedRows: Lt
+  } = br({
+    initialSelection: G,
+    onSelectionChange: U,
+    enableSelection: I,
+    items: X,
+    getRowId: ke
+  }), re = w(null), ue = w(null), [Je, rr] = te(null), sr = f((e) => {
+    re.current = e, rr(e);
+  }, []), ee = f(() => {
+    if (Qe.current && !be.current) {
+      ue.current = null;
+      return;
+    }
+    const e = re.current;
+    if (!e) {
+      ue.current = null;
+      return;
+    }
+    ue.current = {
+      top: e.scrollTop,
+      left: e.scrollLeft
+    };
+  }, []), Ze = f((e, t) => {
+    e.scrollTop !== t.top && (e.scrollTop = t.top), e.scrollLeft !== t.left && (e.scrollLeft = t.left);
+  }, []), A = f((e, t, n) => {
+    !(n?.animateRows ?? (t === "add" ? Xe.current.addRows : Xe.current.updateRows)) || e.length === 0 || nr((o) => {
+      const c = { ...o };
+      return e.forEach(({ item: u }, s) => {
+        if (!u._rowId)
+          return;
+        const i = String(u._rowId);
+        c[i] = {
+          delay: s * Dr,
+          token: (c[i]?.token ?? 0) + 1
+        };
+      }), c;
+    });
+  }, []), R = w(X), Le = w(/* @__PURE__ */ new Map()), Qe = w(Ye);
+  Qe.current = Ye;
+  const be = w(at);
+  be.current = at;
+  const ye = w(gt);
+  ye.current = gt;
+  const Re = w(St);
+  Re.current = St;
+  const ve = w(wt);
+  ve.current = wt;
+  const _ = w(null), _t = w(pe);
+  _t.current = pe;
+  const Wt = w(ut);
+  Wt.current = ut;
+  const et = w(dt);
+  et.current = dt;
+  const tt = w(ft);
+  tt.current = ft, oe(() => {
+    R.current = X;
     const e = /* @__PURE__ */ new Map();
-    M.forEach((t, n) => {
+    X.forEach((t, n) => {
       t._rowId && e.set(String(t._rowId), n);
-    }), ee.current = e;
-  }, [M]);
-  const me = N(/* @__PURE__ */ new Set()), Be = q(() => {
+    }), Le.current = e;
+  }, [X]), kn(() => {
+    const e = ue.current;
+    if (!e)
+      return;
+    ue.current = null;
+    const t = re.current;
+    if (!t)
+      return;
+    Ze(t, e);
+    const n = requestAnimationFrame(() => {
+      const r = re.current;
+      r && Ze(r, e);
+    });
+    return () => {
+      cancelAnimationFrame(n);
+    };
+  }, [X, Ze]);
+  const nt = w(/* @__PURE__ */ new Set()), Ce = w(!1), Bt = w(0), Dt = w(0), Ot = w(!1);
+  oe(() => {
+    pe || (re.current?.scrollHeight ?? 0) > Dt.current && (Ce.current = !1);
+  }, [pe]);
+  const Pt = se(() => {
     const e = [], t = {};
     let n = 0;
-    return R && (e.push("select"), t.select = n, n += G), f.forEach((s) => {
-      const r = v[s.internalName] || {};
-      if (!r.hidden && r.sticky) {
-        e.push(s.internalName), t[s.internalName] = n;
-        const c = S[s.internalName] || r.width || x;
+    return I && (e.push("select"), t.select = n, n += Ae), a.forEach((r) => {
+      const o = P[r.internalName] || {};
+      if (!o.hidden && o.sticky) {
+        e.push(r.internalName), t[r.internalName] = n;
+        const c = L[r.internalName] || o.width || O;
         n += c;
       }
     }), { stickyColumns: e, stickyPositions: t };
-  }, [f, R, v, S]), y = q(() => {
+  }, [a, I, P, L]), B = se(() => {
     const e = [];
-    return R && e.push({
+    return I && e.push({
       id: "select",
-      header: ({ table: t }) => /* @__PURE__ */ E(sn, { table: t }),
-      cell: ({ row: t }) => /* @__PURE__ */ E(rn, { row: t, toggleMultiple: Te }),
-      size: G,
-      minSize: G,
-      maxSize: G,
+      header: ({ table: t }) => /* @__PURE__ */ D(Pr, { table: t, dense: q }),
+      cell: ({ row: t }) => /* @__PURE__ */ D(Hr, { row: t, toggleMultiple: Nt, dense: q }),
+      size: Ae,
+      minSize: Ae,
+      maxSize: Ae,
       enableResizing: !1
-    }), f.forEach((t) => {
-      const n = v[t.internalName] || {};
+    }), a.forEach((t) => {
+      const n = P[t.internalName] || {};
       if (n.hidden)
         return;
-      const s = t.typeAsString === "Note" ? x * 2 : x, r = n.width || s, c = n.minWidth || F, a = n.maxWidth || ie;
+      const r = t.typeAsString === "Note" ? O * 2 : O, o = n.width || r, c = n.minWidth || he, u = n.maxWidth || Pe;
       e.push({
         id: t.internalName,
         accessorKey: t.internalName,
         header: t.title || t.internalName,
-        cell: ({ row: i }) => Kt(
+        cell: ({ row: s }) => yr(
           t,
-          i.original[t.internalName],
-          i.original,
-          i.index,
-          be,
-          ye
+          s.original[t.internalName],
+          s.original,
+          s.index,
+          Rt,
+          xt
         ),
-        size: Math.min(Math.max(r, c), a),
+        size: Math.min(Math.max(o, c), u),
         minSize: c,
-        maxSize: a,
-        enableResizing: de
+        maxSize: u,
+        enableResizing: je,
+        enableSorting: n.sortable !== !1,
+        sortingFn: Or(t.typeAsString),
+        filterFn: zr(t.typeAsString),
+        meta: {
+          typeAsString: t.typeAsString,
+          cellLineClamp: n.cellLineClamp ?? ce
+        }
       });
     }), e;
   }, [
-    f,
-    R,
-    de,
-    v,
-    be,
-    ye,
-    Te
+    a,
+    I,
+    je,
+    P,
+    ce,
+    Rt,
+    xt,
+    Nt
   ]);
-  B(() => {
-    const e = ve.current;
-    Z((t) => {
+  oe(() => {
+    const e = Tt.current;
+    Ie((t) => {
       let n = !1;
-      const s = { ...t }, r = new Set(f.map((c) => c.internalName));
-      return Object.keys(s).forEach((c) => {
-        r.has(c) || (delete s[c], n = !0);
-      }), f.forEach((c) => {
-        const a = c.internalName, i = v[a], o = e[a];
-        if (i?.width !== void 0) {
-          const u = i.minWidth ?? F, m = i.maxWidth ?? ie, d = Math.min(Math.max(i.width, u), m);
-          s[a] !== d && (s[a] = d, n = !0);
-        } else o?.width !== void 0 && s[a] !== void 0 && (delete s[a], n = !0);
-      }), n ? s : t;
-    }), ve.current = v;
-  }, [v, f]);
-  const te = q(() => y.reduce((e, t) => {
-    const s = f.find((c) => c.internalName === t.id)?.typeAsString === "Note" ? x * 2 : x, r = S[t.id] || (typeof t.size == "number" ? t.size : s);
-    return e + r;
-  }, 0), [y, S, f]), Fe = Ht({
-    data: M,
-    columns: y,
+      const r = { ...t }, o = new Set(a.map((c) => c.internalName));
+      return Object.keys(r).forEach((c) => {
+        o.has(c) || (delete r[c], n = !0);
+      }), a.forEach((c) => {
+        const u = c.internalName, s = P[u], i = e[u];
+        if (s?.width !== void 0) {
+          const S = s.minWidth ?? he, x = s.maxWidth ?? Pe, l = Math.min(Math.max(s.width, S), x);
+          r[u] !== l && (r[u] = l, n = !0);
+        } else i?.width !== void 0 && r[u] !== void 0 && (delete r[u], n = !0);
+      }), n ? r : t;
+    }), Tt.current = P;
+  }, [P, a]);
+  const Te = se(() => B.reduce((e, t) => {
+    const r = a.find((c) => c.internalName === t.id)?.typeAsString === "Note" ? O * 2 : O, o = L[t.id] || (typeof t.size == "number" ? t.size : r);
+    return e + o;
+  }, 0), [B, L, a]), or = se(
+    () => Math.max(Te, Q || 0, 300),
+    [Te, Q]
+  ), Ee = w(Ue);
+  Ee.current = Ue;
+  const ze = w(Ve);
+  ze.current = Ve;
+  const rt = mr({
+    data: X,
+    columns: B,
     state: {
-      rowSelection: k,
-      columnSizing: S
+      rowSelection: ae,
+      columnSizing: L,
+      sorting: J,
+      columnFilters: Z
+    },
+    onRowSelectionChange: Ft,
+    onSortingChange: (e) => {
+      const t = typeof e == "function" ? e(J) : e;
+      Ge(t), Ee.current && Ee.current(Me(t), _.current);
+    },
+    onColumnFiltersChange: (e) => {
+      const t = typeof e == "function" ? e(Et.current) : e;
+      Ke(t), ze.current && ze.current(Oe(t), _.current);
     },
-    onRowSelectionChange: Ne,
     onColumnSizingChange: (e) => {
-      Z((t) => {
-        const n = typeof e == "function" ? e(t) : e, s = {};
-        return Object.keys(n).forEach((r) => {
-          const c = y.find((a) => a.id === r);
+      Ie((t) => {
+        const n = typeof e == "function" ? e(t) : e, r = {};
+        return Object.keys(n).forEach((o) => {
+          const c = B.find((u) => u.id === o);
           if (c) {
-            const a = c.minSize || F, i = c.maxSize || ie;
-            _.current ? s[r] = Math.max(n[r], a) : s[r] = Math.min(Math.max(n[r], a), i);
+            const u = c.minSize || he, s = c.maxSize || Pe;
+            K.current ? r[o] = Math.max(n[o], u) : r[o] = Math.min(Math.max(n[o], u), s);
           }
-        }), { ...t, ...s };
+        }), { ...t, ...r };
       });
     },
-    //getRowId: row => row.id as string,
-    getCoreRowModel: $t(),
-    getFilteredRowModel: Yt(),
-    getSortedRowModel: Pt(),
+    getRowId: (e, t) => ke(e, t),
+    getCoreRowModel: gr(),
+    getFilteredRowModel: pr(),
+    getSortedRowModel: hr(),
+    manualSorting: !!Ue,
+    manualFiltering: !!Ve,
     columnResizeMode: "onChange",
     enableRowSelection: !0,
-    enableMultiRowSelection: R
+    enableMultiRowSelection: I
   });
-  B(() => {
+  oe(() => {
     const e = /* @__PURE__ */ new Set();
-    Object.keys(k).forEach((t) => {
-      if (k[t]) {
-        const n = parseInt(t), s = w.current[n];
-        s?._rowId && e.add(s._rowId);
-      }
-    }), me.current = e;
-  }, [k]);
-  const At = g((e) => {
-    we?.(e);
-  }, [we]), Le = (e) => {
-    const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-    return Object.keys(k).forEach((r) => {
-      if (!k[r])
+    Object.keys(ae).forEach((t) => {
+      ae[t] && e.add(t);
+    }), nt.current = e;
+  }, [ae]);
+  const cr = f((e) => {
+    if (Wt.current?.(e), !et.current || _t.current)
+      return;
+    const t = e.currentTarget, n = Number.isFinite(tt.current) ? Math.max(0, tt.current) : Dn, { scrollTop: r, scrollHeight: o, clientHeight: c } = t, s = o - r - c <= n, i = Bt.current;
+    if (Bt.current = o, o > i && !s) {
+      Ce.current = !1;
+      return;
+    }
+    if (!s) {
+      Ce.current = !1;
+      return;
+    }
+    Ce.current || (Ce.current = !0, Dt.current = o, et.current());
+  }, []), Ht = (e) => {
+    const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), o = new Set(
+      Object.keys(ae).filter((s) => ae[s])
+    ), c = e.map(
+      (s, i) => s ? ke(s, i) : ""
+    ), u = new Set(c.filter(Boolean));
+    return e.forEach((s, i) => {
+      if (!s)
         return;
-      const c = Number(r), a = e[c];
-      a && (s.add(c), a._rowId && t.add(a._rowId), n.add(a));
+      const S = c[i], x = o.has(S), l = i.toString(), m = !u.has(l) && o.has(l);
+      !x && !m || (r.add(i), t.add(S), n.add(s));
     }), {
-      hasSelection: t.size > 0 || n.size > 0 || s.size > 0,
+      hasSelection: t.size > 0 || n.size > 0 || r.size > 0,
       selectedIds: t,
       selectedRefs: n,
-      selectedIndexes: s,
+      selectedIndexes: r,
       sourceLength: e.length
     };
-  }, De = (e, t) => {
+  }, jt = (e, t) => {
     if (!t.hasSelection)
       return;
-    const n = t.sourceLength !== e.length, s = {};
-    e.forEach((r, c) => {
-      if (!r)
+    const n = t.sourceLength !== e.length, r = {};
+    e.forEach((o, c) => {
+      if (!o)
         return;
-      const a = r._rowId ? t.selectedIds.has(r._rowId) : !1, i = t.selectedRefs.has(r), o = !r._rowId && !n && t.selectedIndexes.has(c);
-      (a || i || o) && (s[c.toString()] = !0);
-    }), Ne(s);
-  }, p = (e) => {
-    if (Re) {
-      const t = M, n = typeof e == "function" ? e(t) : e;
-      w.current = n;
-      const s = Le(t);
-      me.current = s.selectedIds, De(n, s), Se?.(n);
-      return;
+      const u = ke(o, c), s = t.selectedIds.has(u), i = t.selectedRefs.has(o), S = !n && t.selectedIndexes.has(c);
+      (s || i || S) && (r[u] = !0);
+    }), Ft(r);
+  }, b = f((e) => {
+    if (Qe.current) {
+      if (!be.current)
+        return ue.current = null, Ot.current || (console.warn("[EFWTable] Modo controlled detectado sin onItemsChange. Las operaciones CRUD locales no se aplicarán."), Ot.current = !0), !1;
+      const t = R.current, n = typeof e == "function" ? e(t) : e;
+      R.current = n;
+      const r = Ht(t);
+      return nt.current = r.selectedIds, jt(n, r), be.current(n), !0;
     }
-    Tt((t) => {
+    return er((t) => {
       const n = typeof e == "function" ? e(t) : e;
-      w.current = n;
-      const s = Le(t);
-      return me.current = s.selectedIds, De(n, s), Se?.(n), n;
-    });
-  }, Oe = g(() => f, [f]), je = async (e) => {
+      R.current = n;
+      const r = Ht(t);
+      return nt.current = r.selectedIds, jt(n, r), be.current?.(n), n;
+    }), !0;
+  }, []), Ut = f(() => a, [a]), Vt = f(() => Me(J), [J]), $t = f(() => Me(J)[0] ?? null, [J]), qt = f(() => J.length > 0, [J]), Yt = f((e) => {
+    const t = Bn(e);
+    Ge(t), Ee.current?.(Me(t), _.current);
+  }, []), Gt = f(() => {
+    const e = [];
+    Ge(e), Ee.current?.(Me(e), _.current);
+  }, []), Kt = f(() => a.filter(
+    (e) => e.typeAsString !== "Attachments" && P?.[e.internalName]?.filterable !== !1
+  ), [a, P]), Xt = f(() => Oe(Z), [Z]), Jt = f(() => Z.length > 0, [Z]), Zt = f((e) => {
+    const t = Br(e);
+    Ke(t), ze.current?.(Oe(t), _.current);
+  }, []), Qt = f(() => {
+    const e = [];
+    Ke(e), ze.current?.(Oe(e), _.current);
+  }, []), en = f(async (e, t = {}) => {
+    const { position: n = "end" } = t;
     try {
-      if (J) {
-        const t = se(e), n = await J([t], z);
-        if (n) {
-          if (n.successful.length > 0) {
-            const s = n.successful.map(
-              (r) => ht(r.item)
+      if (ye.current) {
+        const r = We(e), o = await ye.current([r], _.current);
+        if (o) {
+          if (o.successful.length > 0) {
+            const i = R.current.length, S = o.successful.map(
+              (m) => Ln(m.item)
             );
-            p((r) => [...s, ...r]);
+            if (ee(), !b((m) => fe(m, S, n)))
+              return { successful: [], failed: S.map((m, h) => ({ index: h, item: m, error: "Controlled mode without onItemsChange" })) };
+            const l = me(S, i, n);
+            return A(l, "add", t), {
+              ...o,
+              successful: l
+            };
           }
-          return n;
+          return { ...o, successful: [] };
         }
-        return p((s) => [t, ...s]), {
-          successful: [{ index: 0, item: t }],
+        const c = R.current.length;
+        if (ee(), !b((i) => fe(i, [r], n)))
+          return { successful: [], failed: [{ index: -1, item: r, error: "Controlled mode without onItemsChange" }] };
+        const s = me([r], c, n);
+        return A(s, "add", t), {
+          successful: s,
           failed: []
         };
       } else {
-        const t = se(e);
-        return p((n) => [t, ...n]), {
-          successful: [{ index: 0, item: t }],
+        const r = We(e), o = R.current.length;
+        if (ee(), !b((s) => fe(s, [r], n)))
+          return { successful: [], failed: [{ index: -1, item: r, error: "Controlled mode without onItemsChange" }] };
+        const u = me([r], o, n);
+        return A(u, "add", t), {
+          successful: u,
           failed: []
         };
       }
-    } catch (t) {
+    } catch (r) {
       return {
         successful: [],
-        failed: [{ index: -1, item: e, error: String(t) }]
+        failed: [{ index: -1, item: e, error: String(r) }]
       };
     }
-  }, He = async (e) => {
+  }, [b, ee, A]), tn = f(async (e, t = {}) => {
+    const { position: n = "end" } = t;
     if (e.length === 0)
       return {
         successful: [],
         failed: []
       };
     try {
-      if (J) {
-        const t = e.map((s) => se(s)), n = await J(t, z);
-        if (n) {
-          if (n.successful.length > 0) {
-            const s = n.successful.map(
-              (r) => ht(r.item)
+      if (ye.current) {
+        const r = e.map((i) => We(i)), o = await ye.current(r, _.current);
+        if (o) {
+          if (o.successful.length > 0) {
+            const i = R.current.length, S = o.successful.map(
+              (m) => Ln(m.item)
             );
-            p((r) => [...s, ...r]);
+            if (ee(), !b((m) => fe(m, S, n)))
+              return { successful: [], failed: S.map((m, h) => ({ index: h, item: m, error: "Controlled mode without onItemsChange" })) };
+            const l = me(S, i, n);
+            return A(l, "add", t), {
+              ...o,
+              successful: l
+            };
           }
-          return n;
+          return { ...o, successful: [] };
         }
-        return p((s) => [...t, ...s]), {
-          successful: t.map((s, r) => ({ index: r, item: s })),
+        const c = R.current.length;
+        if (ee(), !b((i) => fe(i, r, n)))
+          return { successful: [], failed: r.map((i, S) => ({ index: S, item: i, error: "Controlled mode without onItemsChange" })) };
+        const s = me(r, c, n);
+        return A(s, "add", t), {
+          successful: s,
           failed: []
         };
       } else {
-        const t = e.map((n) => se(n));
-        return p((n) => [...t, ...n]), {
-          successful: t.map((n, s) => ({ index: s, item: n })),
+        const r = e.map((s) => We(s)), o = R.current.length;
+        if (ee(), !b((s) => fe(s, r, n)))
+          return { successful: [], failed: r.map((s, i) => ({ index: i, item: s, error: "Controlled mode without onItemsChange" })) };
+        const u = me(r, o, n);
+        return A(u, "add", t), {
+          successful: u,
           failed: []
         };
       }
-    } catch (t) {
+    } catch (r) {
       return {
         successful: [],
-        failed: e.map((n, s) => ({
-          index: s,
-          item: n,
-          error: String(t)
+        failed: e.map((o, c) => ({
+          index: c,
+          item: o,
+          error: String(r)
         }))
       };
     }
-  }, Pe = async (e, t) => {
-    const n = w.current;
-    if (e < 0 || e >= n.length)
+  }, [b, ee, A]), nn = f(async (e, t, n = {}) => {
+    const r = R.current;
+    if (e < 0 || e >= r.length)
       return {
         successful: [],
         failed: [{ index: e, item: t, error: "Invalid index" }]
       };
     try {
-      if (K) {
-        const r = await K([{ index: e, item: t }], z);
-        if (r)
-          return r.successful.length && p((c) => {
-            const a = [...c];
-            return r.successful.forEach(({ index: i, item: o }) => a[i] = o), a;
-          }), r;
+      if (Re.current) {
+        const s = await Re.current([{ index: e, item: t }], _.current);
+        if (s) {
+          const S = s.successful.filter(
+            ({ index: h }) => h >= 0 && h < r.length
+          ).map(({ index: h, item: E }) => {
+            const V = sn(
+              r,
+              h,
+              E,
+              h === e ? t : void 0
+            );
+            return V ? { index: h, item: V } : null;
+          }).filter((h) => h !== null);
+          if (S.length) {
+            if (!b((E) => {
+              const V = [...E];
+              return S.forEach(({ index: d, item: N }) => {
+                V[d] = N;
+              }), V;
+            }))
+              return { successful: [], failed: S.map(({ index: E, item: V }) => ({ index: E, item: V, error: "Controlled mode without onItemsChange" })) };
+            A(S, "update", n);
+          }
+          const x = new Set(s.failed.map((h) => h.index)), l = [...s.failed];
+          return s.successful.filter(({ index: h }) => h < 0 || h >= r.length).map(({ index: h, item: E }) => ({
+            index: h,
+            item: E,
+            error: "Invalid index"
+          })).forEach((h) => {
+            x.has(h.index) || l.push(h);
+          }), { successful: S, failed: l };
+        }
       }
-      let s;
-      return p((r) => {
-        s = { ...r[e], ...t };
-        const c = [...r];
-        return c[e] = s, c;
-      }), { successful: [{ index: e, item: s }], failed: [] };
-    } catch (s) {
+      let o;
+      if (!b((s) => {
+        o = { ...s[e], ...t };
+        const i = [...s];
+        return i[e] = o, i;
+      }))
+        return { successful: [], failed: [{ index: e, item: t, error: "Controlled mode without onItemsChange" }] };
+      const u = [{ index: e, item: o }];
+      return A(u, "update", n), { successful: u, failed: [] };
+    } catch (o) {
       return {
         successful: [],
-        failed: [{ index: e, item: t, error: String(s) }]
+        failed: [{ index: e, item: t, error: String(o) }]
       };
     }
-  }, Ye = async (e) => {
+  }, [b, A]), rn = f(async (e, t = {}) => {
     if (!e.length) return { successful: [], failed: [] };
-    const t = w.current, n = (c) => c >= 0 && c < t.length, s = e.filter(({ index: c }) => !n(c)).map(({ index: c, item: a }) => ({ index: c, item: a, error: "Invalid index" })), r = e.filter(({ index: c }) => n(c));
+    const n = R.current, r = (s) => s >= 0 && s < n.length, o = e.filter(({ index: s }) => !r(s)).map(({ index: s, item: i }) => ({ index: s, item: i, error: "Invalid index" })), c = e.filter(({ index: s }) => r(s)), u = /* @__PURE__ */ new Map();
+    c.forEach(({ index: s, item: i }) => {
+      u.set(s, i);
+    });
     try {
-      if (K) {
-        const i = await K(e, z);
-        if (i) {
-          const o = i.successful.filter(({ index: l }) => n(l));
-          o.length && p((l) => {
-            const A = [...l];
-            return o.forEach(({ index: h, item: Y }) => A[h] = Y), A;
-          });
-          const u = new Set(i.failed.map((l) => l.index)), m = [...i.failed];
-          return s.forEach((l) => {
-            u.has(l.index) || m.push(l);
-          }), i.successful.filter(({ index: l }) => !n(l)).map(({ index: l, item: A }) => ({ index: l, item: A, error: "Invalid index" })).forEach((l) => {
-            u.has(l.index) || m.push(l);
-          }), { successful: o, failed: m };
+      if (Re.current) {
+        const x = await Re.current(e, _.current);
+        if (x) {
+          const m = x.successful.filter(({ index: d }) => r(d)).map(({ index: d, item: N }) => {
+            const F = sn(
+              n,
+              d,
+              N,
+              u.get(d)
+            );
+            return F ? { index: d, item: F } : null;
+          }).filter((d) => d !== null);
+          if (m.length) {
+            if (!b((N) => {
+              const F = [...N];
+              return m.forEach(({ index: Nn, item: ot }) => {
+                F[Nn] = ot;
+              }), F;
+            }))
+              return { successful: [], failed: m.map(({ index: N, item: F }) => ({ index: N, item: F, error: "Controlled mode without onItemsChange" })) };
+            A(m, "update", t);
+          }
+          const h = new Set(x.failed.map((d) => d.index)), E = [...x.failed];
+          return o.forEach((d) => {
+            h.has(d.index) || E.push(d);
+          }), x.successful.filter(({ index: d }) => !r(d)).map(({ index: d, item: N }) => ({ index: d, item: N, error: "Invalid index" })).forEach((d) => {
+            h.has(d.index) || E.push(d);
+          }), { successful: m, failed: E };
         }
       }
-      const c = [], a = [...s];
-      return p((i) => {
-        const o = [...i];
-        return r.forEach(({ index: u, item: m }) => {
-          o[u] = { ...o[u], ...m }, c.push({ index: u, item: o[u] });
-        }), o;
-      }), { successful: c, failed: a };
-    } catch (c) {
+      const s = [], i = [...o];
+      return b((x) => {
+        const l = [...x];
+        return c.forEach(({ index: m, item: h }) => {
+          l[m] = { ...l[m], ...h }, s.push({ index: m, item: l[m] });
+        }), l;
+      }) ? (A(s, "update", t), { successful: s, failed: i }) : { successful: [], failed: c.map(({ index: x, item: l }) => ({ index: x, item: l, error: "Controlled mode without onItemsChange" })) };
+    } catch (s) {
       return {
         successful: [],
-        failed: e.map(({ index: a, item: i }) => ({
-          index: a,
-          item: i,
-          error: String(c)
+        failed: e.map(({ index: i, item: S }) => ({
+          index: i,
+          item: S,
+          error: String(s)
         }))
       };
     }
-  }, $e = async (e) => {
-    const t = w.current;
+  }, [b, A]), sn = (e, t, n, r) => {
+    const o = e[t];
+    if (!o)
+      return null;
+    const c = n ?? r;
+    return c ? {
+      ...o,
+      ...c,
+      _rowId: c._rowId ?? o._rowId
+    } : o;
+  }, on = (e, t, n) => {
+    const r = e[t];
+    return r ? n ? {
+      ...r,
+      ...n,
+      _rowId: n._rowId ?? r._rowId
+    } : r : null;
+  }, cn = f(async (e) => {
+    const t = R.current;
     if (e < 0 || e >= t.length)
       return {
         successful: [],
         failed: [{ index: e, error: "Invalid index" }]
       };
     try {
-      if (U) {
-        const s = M[e], r = await U([{ index: e, item: s }], z);
-        if (r)
-          return r.successful.length && p((c) => c.filter((a, i) => i !== e)), r;
+      if (ve.current) {
+        const o = t[e], c = await ve.current([{ index: e, item: o }], _.current);
+        if (c) {
+          const s = c.successful.filter(
+            ({ index: l }) => l >= 0 && l < t.length
+          ).map(({ index: l, item: m }) => {
+            const h = on(t, l, m);
+            return h ? { index: l, item: h } : null;
+          }).filter((l) => l !== null);
+          if (s.length && !b((m) => m.filter((h, E) => E !== e)))
+            return { successful: [], failed: [{ index: e, error: "Controlled mode without onItemsChange" }] };
+          const i = new Set(c.failed.map((l) => l.index)), S = [...c.failed];
+          return c.successful.filter(({ index: l }) => l < 0 || l >= t.length).map(({ index: l, item: m }) => ({
+            index: l,
+            item: m,
+            error: "Invalid index"
+          })).forEach((l) => {
+            i.has(l.index) || S.push(l);
+          }), { successful: s, failed: S };
+        }
       }
       let n;
-      return p((s) => (n = s[e], s.filter((r, c) => c !== e))), { successful: [{ index: e, item: n }], failed: [] };
+      return b((o) => (n = o[e], o.filter((c, u) => u !== e))) ? { successful: [{ index: e, item: n }], failed: [] } : { successful: [], failed: [{ index: e, error: "Controlled mode without onItemsChange" }] };
     } catch (n) {
       return {
         successful: [],
         failed: [{ index: e, error: String(n) }]
       };
     }
-  }, qe = async (e) => {
+  }, [b]), ln = f(async (e) => {
     if (!e.length) return { successful: [], failed: [] };
-    const t = w.current, n = Array.from(new Set(e)), { validIndexes: s, invalidFailures: r } = n.reduce(
-      (i, o) => (o >= 0 && o < t.length ? i.validIndexes.push(o) : i.invalidFailures.push({ index: o, error: "Invalid index" }), i),
+    const t = R.current, n = Array.from(new Set(e)), { validIndexes: r, invalidFailures: o } = n.reduce(
+      (s, i) => (i >= 0 && i < t.length ? s.validIndexes.push(i) : s.invalidFailures.push({ index: i, error: "Invalid index" }), s),
       { validIndexes: [], invalidFailures: [] }
-    ), c = n.map((i) => ({ index: i, item: M[i] })), a = new Set(s);
+    ), c = n.map((s) => ({ index: s, item: t[s] })), u = new Set(r);
     try {
-      if (U) {
-        const u = await U(c, z);
-        if (u) {
-          const m = u.successful.filter(({ index: h }) => a.has(h));
-          if (m.length) {
-            const h = new Set(m.map((Y) => Y.index));
-            p((Y) => Y.filter((on, Ot) => !h.has(Ot)));
+      if (ve.current) {
+        const x = await ve.current(c, _.current);
+        if (x) {
+          const l = x.successful.filter(({ index: d }) => u.has(d)), m = l.map(({ index: d, item: N }) => {
+            const F = on(t, d, N);
+            return F ? { index: d, item: F } : null;
+          }).filter((d) => d !== null);
+          if (l.length) {
+            const d = new Set(m.map((F) => F.index));
+            if (!b((F) => F.filter((Nn, ot) => !d.has(ot))))
+              return { successful: [], failed: m.map(({ index: F }) => ({ index: F, error: "Controlled mode without onItemsChange" })) };
           }
-          const d = new Set(u.failed.map((h) => h.index)), l = [...u.failed];
-          return r.forEach((h) => {
-            d.has(h.index) || l.push(h);
-          }), u.successful.filter(({ index: h }) => !a.has(h)).map(({ index: h }) => ({ index: h, error: "Invalid index" })).forEach((h) => {
-            d.has(h.index) || l.push(h);
-          }), { successful: m, failed: l };
+          const h = new Set(x.failed.map((d) => d.index)), E = [...x.failed];
+          return o.forEach((d) => {
+            h.has(d.index) || E.push(d);
+          }), x.successful.filter(({ index: d }) => !u.has(d)).map(({ index: d, item: N }) => ({ index: d, item: N, error: "Invalid index" })).forEach((d) => {
+            h.has(d.index) || E.push(d);
+          }), { successful: m, failed: E };
         }
       }
-      const i = new Set(s), o = [];
-      return p((u) => {
-        const m = [];
-        return u.forEach((d, l) => {
-          i.has(l) ? o.push({ index: l, item: d }) : m.push(d);
-        }), m;
-      }), { successful: o, failed: r };
-    } catch (i) {
+      const s = new Set(r), i = [];
+      return b((x) => {
+        const l = [];
+        return x.forEach((m, h) => {
+          s.has(h) ? i.push({ index: h, item: m }) : l.push(m);
+        }), l;
+      }) ? { successful: i, failed: o } : { successful: [], failed: r.map((x) => ({ index: x, error: "Controlled mode without onItemsChange" })) };
+    } catch (s) {
       return {
         successful: [],
-        failed: n.map((o) => ({ index: o, error: String(i) }))
+        failed: n.map((i) => ({ index: i, error: String(s) }))
       };
     }
-  }, Ge = g((e) => {
-    const t = ee.current.get(String(e));
-    return t !== void 0 ? w.current[t] : void 0;
-  }, []), Xe = (e) => w.current[e], Je = (e) => {
-    p(
-      e.map((t) => ({ ...t, _rowId: t._rowId ?? ft() }))
+  }, [b]), an = f((e) => {
+    const t = Le.current.get(String(e));
+    return t !== void 0 ? R.current[t] : void 0;
+  }, []), un = f((e) => R.current[e], []), dn = f((e) => {
+    b(
+      e.map((t) => ({ ...t, _rowId: t._rowId ?? it() }))
     );
-  }, Ke = () => {
-    p([]);
-  }, Ue = g((e) => ee.current.get(String(e)) ?? -1, []), Ve = g((e) => ee.current.has(String(e)), []), Ze = () => w.current.length, Qe = () => [...w.current], et = g(() => _e(w.current), [_e]), tt = g(() => ke(w.current), [ke]), nt = g((e, t) => {
+  }, [b]), fn = f(() => {
+    b([]);
+  }, [b]), mn = f((e) => Le.current.get(String(e)) ?? -1, []), hn = f((e) => Le.current.has(String(e)), []), pn = f(() => R.current.length, []), gn = f(() => [...R.current], []), Sn = f(() => kt(R.current), [kt]), wn = f(() => Lt(R.current), [Lt]), xn = f((e, t) => {
     const n = e ? {
       state: "loading",
       message: t?.title,
       description: t?.description
     } : { state: "none" };
-    I || P(n), b?.(n);
-  }, [I, b]), st = g((e, t) => {
+    H || xe(n), j?.(n);
+  }, [H, j]), In = f((e, t) => {
     const n = e ? {
       state: "error",
       message: t?.title,
       description: t?.description,
-      onRetry: t?.onRetry
+      onRetry: t?.onRetry,
+      retryButtonText: t?.retryButtonText
     } : { state: "none" };
-    I || P(n), b?.(n);
-  }, [I, b]), rt = g((e, t) => {
+    H || xe(n), j?.(n);
+  }, [H, j]), bn = f((e, t) => {
     const n = e ? {
       state: "partial-loading",
       message: t?.title,
       description: t?.description
     } : { state: "none" };
-    I || P(n), b?.(n);
-  }, [I, b]), ct = g((e, t) => {
+    H || xe(n), j?.(n);
+  }, [H, j]), yn = f((e, t) => {
     const n = e ? {
       state: "empty",
       message: t?.title,
       description: t?.description,
       imageUrl: t?.imageUrl
     } : { state: "none" };
-    I || P(n), b?.(n);
-  }, [I, b]), it = g(() => {
+    H || xe(n), j?.(n);
+  }, [H, j]), Rn = f(() => {
     const e = { state: "none" };
-    I || P(e), b?.(e);
-  }, [I, b]), ot = g(() => V.state, [V.state]), z = q(() => ({
-    getFields: Oe,
-    addItem: je,
-    addItems: He,
-    updateItem: Pe,
-    updateItems: Ye,
-    deleteItem: $e,
-    deleteItems: qe,
-    getItem: Ge,
-    getItemByIndex: Xe,
-    getItems: Qe,
-    getItemsCount: Ze,
-    itemExists: Ve,
-    getItemIndex: Ue,
-    replaceAllItems: Je,
-    clearItems: Ke,
-    deselectAllRows: We,
-    getSelectedItems: et,
-    getSelectedRows: tt,
+    H || xe(e), j?.(e);
+  }, [H, j]), vn = f(() => Ne.state, [Ne.state]), Fe = se(() => ({
+    getFields: Ut,
+    addItem: en,
+    addItems: tn,
+    updateItem: nn,
+    updateItems: rn,
+    deleteItem: cn,
+    deleteItems: ln,
+    getItem: an,
+    getItemByIndex: un,
+    getItems: gn,
+    getItemsCount: pn,
+    itemExists: hn,
+    getItemIndex: mn,
+    replaceAllItems: dn,
+    clearItems: fn,
+    deselectAllRows: Mt,
+    getSelectedItems: Sn,
+    getSelectedRows: wn,
     // Overlay methods
-    setLoading: nt,
-    setError: st,
-    setPartialLoading: rt,
-    setEmpty: ct,
-    clearOverlay: it,
-    getOverlayState: ot
+    setLoading: xn,
+    setError: In,
+    setPartialLoading: bn,
+    setEmpty: yn,
+    clearOverlay: Rn,
+    getOverlayState: vn,
+    // Sorting methods
+    getSortingState: Vt,
+    getPrimarySortedColumn: $t,
+    hasActiveSorting: qt,
+    setSortingState: Yt,
+    clearSorting: Gt,
+    // Filter methods
+    getFilterableFields: Kt,
+    getColumnFilters: Xt,
+    hasActiveFilters: Jt,
+    setColumnFilters: Zt,
+    clearColumnFilters: Qt
   }), [
-    je,
-    He,
-    Ke,
-    it,
-    $e,
-    qe,
-    We,
-    f,
-    Oe,
-    Ge,
-    Xe,
-    Ue,
-    Qe,
-    Ze,
-    ot,
-    et,
-    tt,
-    Ve,
-    Je,
-    ct,
-    st,
-    nt,
-    rt,
-    Pe,
-    Ye
+    en,
+    tn,
+    fn,
+    Rn,
+    cn,
+    ln,
+    Mt,
+    a,
+    Ut,
+    an,
+    un,
+    mn,
+    gn,
+    pn,
+    vn,
+    Sn,
+    wn,
+    Vt,
+    $t,
+    qt,
+    hn,
+    dn,
+    Gt,
+    yn,
+    In,
+    xn,
+    Yt,
+    bn,
+    nn,
+    rn,
+    // Filter methods
+    Qt,
+    Xt,
+    Kt,
+    Jt,
+    Zt
   ]);
-  jt.useImperativeHandle(bt, () => z, [z]);
-  const Bt = g((e, t) => {
-    t?.target && t.target.closest('[data-checkbox="true"]') || (R && Ce(e.index), ue && ue(e.original, e.index));
-  }, [R, ue, Ce]), at = q(() => y.map((e) => {
-    const n = f.find((r) => r.internalName === e.id)?.typeAsString === "Note" ? x * 2 : x, s = S[e.id] || (typeof e.size == "number" ? e.size : n);
-    return e.id === "select" ? `${G}px` : `${s}px`;
-  }).join(" "), [y, S, f]);
-  B(() => {
-    if (!Q) return;
+  _.current = Fe, fr.useImperativeHandle(jn, () => Fe, [Fe]);
+  const ir = f((e, t) => {
+    t?.target && t.target.closest('[data-checkbox="true"]') || (I && At(e.index), T && T(e.original, e.index));
+  }, [I, T, At]), lr = f((e, t) => {
+    t?.target && t.target.closest('[data-checkbox="true"]') || He && He(e.original, e.index);
+  }, [He]), Cn = se(() => B.map((e) => {
+    const n = a.find((o) => o.internalName === e.id)?.typeAsString === "Note" ? O * 2 : O, r = L[e.id] || (typeof e.size == "number" ? e.size : n);
+    return e.id === "select" ? `${Ae}px` : `${r}px`;
+  }).join(" "), [B, L, a]), Tn = w(!1);
+  kn(() => {
+    if (Tn.current) return;
+    const e = re.current;
+    if (!e) return;
+    const t = e.clientWidth;
+    if (t <= 0) return;
+    Tn.current = !0, zt(t);
+    const n = ie ? On(t, B, a, L) : Pn(t, B, a, L, Te);
+    n && (K.current = !0, Ie((r) => ie ? n : { ...r, ...n }), requestAnimationFrame(() => {
+      K.current = !1;
+    }));
+  }), oe(() => {
+    if (!Je) return;
     const e = new ResizeObserver((t) => {
       for (const n of t)
-        Me(n.contentRect.width);
+        zt(n.contentRect.width);
     });
-    return e.observe(Q), Me(Q.clientWidth), () => e.disconnect();
-  }, [Q]), B(() => {
-    if (!(!T || C <= 0) && !_.current)
-      return j.current && clearTimeout(j.current), j.current = setTimeout(() => {
-        let e = 0, t = 0;
-        const n = [];
-        if (y.forEach((o) => {
-          const m = f.find((h) => h.internalName === o.id)?.typeAsString === "Note" ? x * 2 : x, d = S[o.id] || (typeof o.size == "number" ? o.size : m);
-          !(o.id === "select") ? (t += d, n.push(o)) : e += d;
-        }), n.length === 0)
-          return;
-        const s = e + t;
-        if (Math.abs(s - C) < 1) return;
-        const r = C - e, c = r / t, a = { ...S };
-        let i = 0;
-        n.forEach((o, u) => {
-          const m = S[o.id] || (typeof o.size == "number" ? o.size : x), d = o.minSize || F;
-          let l;
-          u === n.length - 1 ? l = r - i : l = Math.round(m * c), l = Math.max(d, l), a[o.id] = l, i += l;
-        }), _.current = !0, Z(a), requestAnimationFrame(() => {
-          _.current = !1;
-        });
+    return e.observe(Je), () => e.disconnect();
+  }, [Je]), oe(() => {
+    if (!(!ie || Q <= 0) && !K.current)
+      return Se.current && clearTimeout(Se.current), Se.current = setTimeout(() => {
+        const e = On(Q, B, a, L);
+        e && (K.current = !0, Ie(e), requestAnimationFrame(() => {
+          K.current = !1;
+        }));
       }, 50), () => {
-        j.current && clearTimeout(j.current);
+        Se.current && clearTimeout(Se.current);
       };
-  }, [T, C, y, f]), B(() => {
-    if (!(T || C <= 0))
-      return H.current && clearTimeout(H.current), H.current = setTimeout(() => {
-        const e = C - te;
-        if (Math.abs(e) < 1)
-          return;
-        const t = y.filter((d) => d.id && d.id !== "select");
-        if (t.length === 0) return;
-        const n = t[t.length - 1], s = n.id, c = f.find((d) => d.internalName === s)?.typeAsString === "Note" ? x * 2 : x, i = (S[s] || (typeof n.size == "number" ? n.size : c)) + e, o = n.minSize || F, u = Math.max(o, i), m = S[s];
-        Math.abs(m - u) < 1 || (_.current = !0, Z((d) => ({
-          ...d,
-          [s]: u
-        })), _.current = !1);
+  }, [ie, Q, B, a]), oe(() => {
+    if (!(ie || Q <= 0))
+      return we.current && clearTimeout(we.current), we.current = setTimeout(() => {
+        const e = Pn(Q, B, a, L, Te);
+        e && (K.current = !0, Ie((t) => ({ ...t, ...e })), requestAnimationFrame(() => {
+          K.current = !1;
+        }));
       }, 50), () => {
-        H.current && clearTimeout(H.current);
+        we.current && clearTimeout(we.current);
       };
-  }, [T, C, te, y, f]);
-  const lt = Ut(yt), ut = Vt(zt), ne = Zt(Et), Ft = lt ? [lt, ...xe] : xe, he = [];
-  ut && he.push(ut), ne && he.push(ne);
-  const Lt = [...he, ...vt], Dt = ne ? [ne, ...Ie] : Ie;
-  return /* @__PURE__ */ dt(
-    Xt,
+  }, [ie, Q, Te, B, a]);
+  const En = Rr(Un, W), zn = vr(Vn, W), _e = Cr($n, W), Fn = Tr(qn, W), Mn = Fn ? [...mt, Fn] : mt, ar = En ? [...Mn, En] : Mn, st = [];
+  zn && st.push(zn);
+  const ur = _e ? [...st, ...ht, _e] : [...st, ...ht], dr = _e ? [...pt, _e] : pt, An = /* @__PURE__ */ ct(
+    xr,
     {
       size: "small",
-      appearance: W,
-      className: Nt,
+      appearance: g,
+      className: Jn,
       style: {
-        backgroundColor: oe.colorNeutralBackground1,
+        backgroundColor: $.colorNeutralBackground1,
         maxWidth: "100%",
         // margin: "20px 20px",
         padding: "0px",
         gap: "0px",
-        ...ae
+        ...p
       },
       children: [
-        le && /* @__PURE__ */ E(
-          Qt,
+        Y && /* @__PURE__ */ D(
+          Nr,
           {
-            tableMethods: z,
-            alwaysButtons: Ft,
-            noSelectionButtons: Rt,
-            singleSelectionButtons: Lt,
-            multiSelectionButtons: Dt,
-            selectedRows: z.getSelectedRows()
+            tableMethods: Fe,
+            alwaysButtons: De(ar),
+            noSelectionButtons: De(Yn),
+            singleSelectionButtons: De(ur),
+            multiSelectionButtons: De(dr),
+            selectedRows: Fe.getSelectedRows(),
+            localeText: W
           }
         ),
         (() => {
-          const e = V.state !== "none" ? V : M.length === 0 ? {
+          const e = rt.getRowModel().rows.length, t = Z.length > 0, n = Ne.state !== "none" ? Ne : t && e === 0 ? {
+            state: "empty",
+            message: W.filteredEmptyTitle,
+            description: W.filteredEmptyDescription,
+            imageUrl: le?.empty?.imageUrl
+          } : X.length === 0 ? {
             state: "empty",
-            message: D?.empty?.title,
-            description: D?.empty?.description,
-            imageUrl: D?.empty?.imageUrl
-          } : { state: "none" }, t = /* @__PURE__ */ E(
+            message: le?.empty?.title,
+            description: le?.empty?.description,
+            imageUrl: le?.empty?.imageUrl
+          } : { state: "none" }, r = /* @__PURE__ */ ct(
             "div",
             {
-              ref: kt,
-              onScroll: At,
-              className: Ee["efw-table-scroll-container"],
+              ref: sr,
+              onScroll: cr,
+              className: vt["efw-table-scroll-container"],
               style: {
-                ...O !== void 0 && {
-                  maxHeight: O
+                ...ge !== void 0 && {
+                  maxHeight: ge
                 },
-                overflowY: O !== void 0 ? "auto" : "visible",
+                overflowY: ge !== void 0 ? "auto" : "visible",
                 overflowX: "auto",
-                border: `1px solid ${oe.colorNeutralStroke2}`,
-                borderTop: le ? "none" : `1px solid ${oe.colorNeutralStroke2}`,
+                border: `1px solid ${$.colorNeutralStroke2}`,
+                borderTop: Y ? "none" : `1px solid ${$.colorNeutralStroke2}`,
                 position: "relative"
               },
-              children: /* @__PURE__ */ dt(
-                "div",
-                {
-                  className: "table-container",
-                  style: {
-                    minWidth: T ? "100%" : te,
-                    width: T ? "100%" : Math.max(te, 300)
-                  },
-                  children: [
-                    /* @__PURE__ */ E(
-                      en,
-                      {
-                        table: Fe,
-                        gridTemplateColumns: at,
-                        columnSizing: S,
-                        stickyColumnsInfo: Be,
-                        resizableColumns: de
-                      }
-                    ),
-                    /* @__PURE__ */ E(
-                      tn,
-                      {
-                        table: Fe,
-                        fields: f,
-                        tableContainerRef: Ae,
-                        useVirtualization: ge,
-                        enableSelection: R,
-                        itemSize: wt,
-                        gridTemplateColumns: at,
-                        columnSizing: S,
-                        stickyColumnsInfo: Be,
-                        onRowClick: Bt
-                      }
-                    )
-                  ]
-                }
-              )
+              children: [
+                /* @__PURE__ */ ct(
+                  "div",
+                  {
+                    className: "table-container",
+                    style: {
+                      minWidth: "100%",
+                      width: or
+                    },
+                    children: [
+                      /* @__PURE__ */ D(
+                        kr,
+                        {
+                          table: rt,
+                          gridTemplateColumns: Cn,
+                          columnSizing: L,
+                          dense: q,
+                          stickyColumnsInfo: Pt,
+                          resizableColumns: je,
+                          localeText: W
+                        }
+                      ),
+                      /* @__PURE__ */ D(
+                        Lr,
+                        {
+                          table: rt,
+                          fields: a,
+                          tableContainerRef: re,
+                          useVirtualization: lt,
+                          enableSelection: I,
+                          itemSize: qe,
+                          dense: q,
+                          rowAnimationSignals: tr,
+                          gridTemplateColumns: Cn,
+                          columnSizing: L,
+                          stickyColumnsInfo: Pt,
+                          onRowClick: ir,
+                          onRowDoubleClick: lr
+                        }
+                      )
+                    ]
+                  }
+                ),
+                pe && /* @__PURE__ */ D(
+                  "div",
+                  {
+                    style: {
+                      height: qe,
+                      minHeight: qe,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      backgroundColor: $.colorNeutralBackground1,
+                      borderTop: `1px solid ${$.colorNeutralStroke1}`,
+                      position: "sticky",
+                      left: 0,
+                      width: "100%",
+                      minWidth: "100%",
+                      maxWidth: "100%",
+                      zIndex: 1
+                    },
+                    "aria-live": "polite",
+                    "aria-label": W.loadingMoreAriaLabel,
+                    children: /* @__PURE__ */ D(Ir, { size: "tiny", label: W.loadingMoreSpinnerLabel })
+                  }
+                )
+              ]
             }
           );
-          return e.state === "partial-loading" ? /* @__PURE__ */ E(
-            mt,
+          return n.state === "partial-loading" ? /* @__PURE__ */ D(
+            _n,
             {
-              config: e,
-              customization: D,
-              height: O !== void 0 ? Math.max(fe, O) : fe,
-              children: t
+              config: n,
+              customization: le,
+              height: ge !== void 0 ? Math.max($e, ge) : $e,
+              localeText: W,
+              children: r
             }
-          ) : e.state !== "none" ? /* @__PURE__ */ E(
-            mt,
+          ) : n.state !== "none" ? /* @__PURE__ */ D(
+            _n,
             {
-              config: e,
-              height: fe,
-              customization: D
+              config: n,
+              height: $e,
+              customization: le,
+              localeText: W
             }
-          ) : t;
+          ) : r;
         })()
       ]
     }
   );
+  return yt ? /* @__PURE__ */ D(Ar, { localeText: yt, children: An }) : An;
 };
 export {
-  x as COLS_DEF_WIDTH,
-  ie as COLS_MAX_WIDTH,
-  F as COLS_MIN_WIDTH,
-  En as EFWTable,
-  zn as SELECTOR_CELL_HEIGHT,
-  G as SELECTOR_CELL_WIDTH
+  Pe as COLS_MAX_WIDTH,
+  he as COLS_MIN_WIDTH,
+  ls as EFWTable
 };