@envisiongroup/porygon 1.0.0-rc.2 → 1.0.0-rc.3

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

@@ -1,19 +1,19 @@
-import { jsx as v, jsxs as Ye } from "react/jsx-runtime";
-import * as xt from "react";
-import { useRef as B, useState as q, useCallback as R, useEffect as T, useMemo as F } from "react";
-import { useReactTable as wt, getSortedRowModel as yt, getFilteredRowModel as It, getCoreRowModel as zt } from "@tanstack/react-table";
-import { makeStyles as bt, tokens as K, mergeClasses as Et, Checkbox as $e, Card as Ct } from "@fluentui/react-components";
-import { useTableSelection as vt } from "./hooks/useTableSelection/useTableSelection.js";
-import { renderCellContent as Rt } from "./utils/index.js";
-import { useDefaultAddButton as Mt } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
-import { useDefaultUpdateButton as Nt } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
-import { useDefaultDeleteButton as Wt } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
+import { jsx as C, jsxs as Ye } from "react/jsx-runtime";
+import * as wt from "react";
+import { useRef as B, useState as q, useCallback as v, useEffect as k, useMemo as F } from "react";
+import { useReactTable as It, getSortedRowModel as xt, getFilteredRowModel as yt, getCoreRowModel as zt } from "@tanstack/react-table";
+import { makeStyles as bt, tokens as K, mergeClasses as Et, Checkbox as $e, Card as _t } from "@fluentui/react-components";
+import { useTableSelection as Ct } from "./hooks/useTableSelection/useTableSelection.js";
+import { renderCellContent as vt } from "./utils/index.js";
+import { useDefaultAddButton as Rt } from "./hooks/useDefaultAddButton/useDefaultAddButton.js";
+import { useDefaultUpdateButton as Mt } from "./hooks/useDefaultUpdateButton/useDefaultUpdateButton.js";
+import { useDefaultDeleteButton as Nt } from "./hooks/useDefaultDeleteButton/useDefaultDeleteButton.js";
 import { generateId as E } from "./utils/general.js";
-import { EFWTableCommandBar as kt } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
-import { EFWTableHeader as Tt } from "./components/EFWTableHeader/EFWTableHeader.js";
-import { EFWTableBody as _t } from "./components/EFWTableBody/EFWTableBody.js";
+import { EFWTableCommandBar as Wt } from "./components/EFWTableCommandBar/EFWTableCommandBar.js";
+import { EFWTableHeader as kt } from "./components/EFWTableHeader/EFWTableHeader.js";
+import { EFWTableBody as Tt } from "./components/EFWTableBody/EFWTableBody.js";
 import { EFWTableEmpty as At } from "./components/EFWTableEmpty/EFWTableEmpty.js";
-const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80, J = 2500, O = 48, Qt = 48, Ft = bt({
+const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], w = 120, T = 80, J = 2500, O = 48, Qt = 48, Ft = bt({
   "efw-table": {},
   /* Transición suave para el box-shadow en las celdas y cabeceras fijas */
   "efw-table-scroll-container": {
@@ -67,7 +67,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
   height: ne = 700,
   itemSize: Ve = 32,
   // tableStyle = 'row',
-  enableSelection: I = !0,
+  enableSelection: y = !0,
   enableCommandBar: V = !0,
   defaultSelectedItems: Ze = Bt,
   onSelectionChange: Qe,
@@ -75,37 +75,37 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
   resizableColumns: Q = !1,
   columnSizing: z = G,
   useVirtualization: Ue = !1,
-  autoSizeColumns: M = !1,
+  autoSizeColumns: R = !1,
   tableRef: et,
   onItemsChange: se,
   onScroll: re,
   addButtonConfig: tt = G,
   updateButtonConfig: nt = G,
   deleteButtonConfig: st = G,
-  alwaysButtons: ie = X,
+  alwaysButtons: ce = X,
   noSelectionButtons: rt = X,
-  singleSelectionButtons: it = X,
-  multiSelectionButtons: ce = X,
+  singleSelectionButtons: ct = X,
+  multiSelectionButtons: oe = X,
   beforeAddItems: L,
   beforeUpdateItems: D,
   beforeDeleteItems: H,
-  columnRenderers: oe,
+  columnRenderers: ie,
   useDefaultRendererAsFallback: ae = !0
 }) => {
-  const le = Ft(), ct = Et(Je, le["efw-table"]), N = B(!1), ue = te !== void 0, [ot, at] = q(() => (Ke || qe).map((t) => ({
+  const le = Ft(), ot = Et(Je, le["efw-table"]), M = B(!1), ue = te !== void 0, [it, at] = q(() => (Ke || qe).map((t) => ({
     ...t,
-    id: t.id || E()
-  }))), b = ue ? te || qe : ot, [S, j] = q(() => {
+    _rowId: t._rowId || E()
+  }))), b = ue ? te || qe : it, [S, j] = q(() => {
     const e = {};
     return f.forEach((t) => {
       const n = z[t.internalName];
       if (n?.width) {
-        const s = n.minWidth ?? _, r = n.maxWidth ?? J;
+        const s = n.minWidth ?? T, r = n.maxWidth ?? J;
         e[t.internalName] = Math.min(Math.max(n.width ?? 0, s), r);
       }
     }), e;
-  }), de = B(z), [C, fe] = q(0), {
-    rowSelection: W,
+  }), de = B(z), [_, fe] = q(0), {
+    rowSelection: N,
     setRowSelection: he,
     // selectedIndexes,
     deselectAll: me,
@@ -114,32 +114,32 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     // selectMultiple,
     getSelectedItems: ge,
     getSelectedRows: Se
-  } = vt({
+  } = Ct({
     initialSelection: Ze,
     onSelectionChange: Qe,
-    enableSelection: I
-  }), xe = B(null), [P, ut] = q(null), dt = R((e) => {
-    xe.current = e, ut(e);
+    enableSelection: y
+  }), we = B(null), [P, ut] = q(null), dt = v((e) => {
+    we.current = e, ut(e);
   }, []), p = B(b);
-  T(() => {
+  k(() => {
     p.current = b;
   }, [b]);
-  const U = B(/* @__PURE__ */ new Set()), we = F(() => {
+  const U = B(/* @__PURE__ */ new Set()), Ie = F(() => {
     const e = [], t = {};
     let n = 0;
-    return I && (e.push("select"), t.select = n, n += O), f.forEach((s) => {
+    return y && (e.push("select"), t.select = n, n += O), f.forEach((s) => {
       const r = z[s.internalName] || {};
       if (!r.hidden && r.sticky) {
         e.push(s.internalName), t[s.internalName] = n;
-        const i = S[s.internalName] || r.width || x;
-        n += i;
+        const c = S[s.internalName] || r.width || w;
+        n += c;
       }
     }), { stickyColumns: e, stickyPositions: t };
-  }, [f, I, z, S]), w = F(() => {
+  }, [f, y, z, S]), I = F(() => {
     const e = [];
-    return I && e.push({
+    return y && e.push({
       id: "select",
-      header: ({ table: t }) => /* @__PURE__ */ v(
+      header: ({ table: t }) => /* @__PURE__ */ C(
         $e,
         {
           shape: "circular",
@@ -148,7 +148,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
           "data-checkbox": "true"
         }
       ),
-      cell: ({ row: t }) => /* @__PURE__ */ v(
+      cell: ({ row: t }) => /* @__PURE__ */ C(
         $e,
         {
           shape: "circular",
@@ -168,57 +168,57 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       const n = z[t.internalName] || {};
       if (n.hidden)
         return;
-      const s = t.typeAsString === "Note" ? x * 2 : x, r = n.width || s, i = n.minWidth || _, a = n.maxWidth || J;
+      const s = t.typeAsString === "Note" ? w * 2 : w, r = n.width || s, c = n.minWidth || T, a = n.maxWidth || J;
       e.push({
         id: t.internalName,
         accessorKey: t.internalName,
         header: t.title || t.internalName,
-        cell: ({ row: c }) => Rt(
+        cell: ({ row: o }) => vt(
           t,
-          c.original[t.internalName],
-          c.original,
-          c.index,
-          oe,
+          o.original[t.internalName],
+          o.original,
+          o.index,
+          ie,
           ae
         ),
-        size: Math.min(Math.max(r, i), a),
-        minSize: i,
+        size: Math.min(Math.max(r, c), a),
+        minSize: c,
         maxSize: a,
         enableResizing: Q
       });
     }), e;
   }, [
     f,
-    I,
+    y,
     Q,
     z,
-    oe,
+    ie,
     ae
   ]);
-  T(() => {
+  k(() => {
     const e = de.current;
     j((t) => {
       let n = !1;
-      const s = { ...t }, r = new Set(f.map((i) => i.internalName));
-      return Object.keys(s).forEach((i) => {
-        r.has(i) || (delete s[i], n = !0);
-      }), f.forEach((i) => {
-        const a = i.internalName, c = z[a], o = e[a];
-        if (c?.width !== void 0) {
-          const u = c.minWidth ?? _, h = c.maxWidth ?? J, d = Math.min(Math.max(c.width, u), h);
+      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, o = z[a], i = e[a];
+        if (o?.width !== void 0) {
+          const u = o.minWidth ?? T, h = o.maxWidth ?? J, d = Math.min(Math.max(o.width, u), h);
           s[a] !== d && (s[a] = d, n = !0);
-        } else o?.width !== void 0 && s[a] !== void 0 && (delete s[a], n = !0);
+        } else i?.width !== void 0 && s[a] !== void 0 && (delete s[a], n = !0);
       }), n ? s : t;
     }), de.current = z;
   }, [z, f]);
-  const Y = F(() => w.reduce((e, t) => {
-    const s = f.find((i) => i.internalName === t.id)?.typeAsString === "Note" ? x * 2 : x, r = S[t.id] || (typeof t.size == "number" ? t.size : s);
+  const Y = F(() => I.reduce((e, t) => {
+    const s = f.find((c) => c.internalName === t.id)?.typeAsString === "Note" ? w * 2 : w, r = S[t.id] || (typeof t.size == "number" ? t.size : s);
     return e + r;
-  }, 0), [w, S, f]), ye = wt({
+  }, 0), [I, S, f]), xe = It({
     data: b,
-    columns: w,
+    columns: I,
     state: {
-      rowSelection: W,
+      rowSelection: N,
       columnSizing: S
     },
     onRowSelectionChange: he,
@@ -226,40 +226,40 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       j((t) => {
         const n = typeof e == "function" ? e(t) : e, s = {};
         return Object.keys(n).forEach((r) => {
-          const i = w.find((a) => a.id === r);
-          if (i) {
-            const a = i.minSize || _, c = i.maxSize || J;
-            N.current ? s[r] = Math.max(n[r], a) : s[r] = Math.min(Math.max(n[r], a), c);
+          const c = I.find((a) => a.id === r);
+          if (c) {
+            const a = c.minSize || T, o = c.maxSize || J;
+            M.current ? s[r] = Math.max(n[r], a) : s[r] = Math.min(Math.max(n[r], a), o);
           }
         }), { ...t, ...s };
       });
     },
     //getRowId: row => row.id as string,
     getCoreRowModel: zt(),
-    getFilteredRowModel: It(),
-    getSortedRowModel: yt(),
+    getFilteredRowModel: yt(),
+    getSortedRowModel: xt(),
     columnResizeMode: "onChange",
     enableRowSelection: !0,
-    enableMultiRowSelection: I
+    enableMultiRowSelection: y
   });
-  T(() => {
+  k(() => {
     const e = /* @__PURE__ */ new Set();
-    Object.keys(W).forEach((t) => {
-      if (W[t]) {
+    Object.keys(N).forEach((t) => {
+      if (N[t]) {
         const n = parseInt(t), s = p.current[n];
-        s?.id && e.add(s.id);
+        s?._rowId && e.add(s._rowId);
       }
     }), U.current = e;
-  }, [W]);
-  const ft = R((e) => {
+  }, [N]);
+  const ft = v((e) => {
     re?.(e);
-  }, [re]), Ie = (e) => {
+  }, [re]), ye = (e) => {
     const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-    return Object.keys(W).forEach((r) => {
-      if (!W[r])
+    return Object.keys(N).forEach((r) => {
+      if (!N[r])
         return;
-      const i = Number(r), a = e[i];
-      a && (s.add(i), a.id && t.add(a.id), n.add(a));
+      const c = Number(r), a = e[c];
+      a && (s.add(c), a._rowId && t.add(a._rowId), n.add(a));
     }), {
       hasSelection: t.size > 0 || n.size > 0 || s.size > 0,
       selectedIds: t,
@@ -271,35 +271,35 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     if (!t.hasSelection)
       return;
     const n = t.sourceLength !== e.length, s = {};
-    e.forEach((r, i) => {
+    e.forEach((r, c) => {
       if (!r)
         return;
-      const a = r.id ? t.selectedIds.has(r.id) : !1, c = t.selectedRefs.has(r), o = !r.id && !n && t.selectedIndexes.has(i);
-      (a || c || o) && (s[i.toString()] = !0);
+      const a = r._rowId ? t.selectedIds.has(r._rowId) : !1, o = t.selectedRefs.has(r), i = !r._rowId && !n && t.selectedIndexes.has(c);
+      (a || o || i) && (s[c.toString()] = !0);
     }), he(s);
   }, g = (e) => {
     if (ue) {
       const t = b, n = typeof e == "function" ? e(t) : e;
       p.current = n;
-      const s = Ie(t);
+      const s = ye(t);
       U.current = s.selectedIds, ze(n, s), se?.(n);
       return;
     }
     at((t) => {
       const n = typeof e == "function" ? e(t) : e;
       p.current = n;
-      const s = Ie(t);
+      const s = ye(t);
       return U.current = s.selectedIds, ze(n, s), se?.(n), n;
     });
-  }, be = R(() => f, [f]), Ee = async (e) => {
+  }, be = v(() => f, [f]), Ee = async (e) => {
     try {
       if (L) {
-        const t = { id: E(), ...e }, n = await L([t], y);
+        const t = { _rowId: E(), ...e }, n = await L([t], x);
         if (n) {
           if (n.successful.length > 0) {
             const s = n.successful.map((r) => {
-              const i = r.item;
-              return i.id ? i : { ...i, id: E() };
+              const c = r.item;
+              return c._rowId ? c : { ...c, _rowId: E() };
             });
             g((r) => [...s, ...r]);
           }
@@ -310,7 +310,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
           failed: []
         };
       } else {
-        const t = { id: E(), ...e };
+        const t = { _rowId: E(), ...e };
         return g((n) => [t, ...n]), {
           successful: [{ index: 0, item: t }],
           failed: []
@@ -322,7 +322,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         failed: [{ index: -1, item: e, error: String(t) }]
       };
     }
-  }, Ce = async (e) => {
+  }, _e = async (e) => {
     if (e.length === 0)
       return {
         successful: [],
@@ -331,14 +331,14 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     try {
       if (L) {
         const t = e.map((s) => ({
-          id: E(),
+          _rowId: E(),
           ...s
-        })), n = await L(t, y);
+        })), n = await L(t, x);
         if (n) {
           if (n.successful.length > 0) {
             const s = n.successful.map((r) => {
-              const i = r.item;
-              return i.id ? i : { ...i, id: E() };
+              const c = r.item;
+              return c._rowId ? c : { ...c, _rowId: E() };
             });
             g((r) => [...s, ...r]);
           }
@@ -350,7 +350,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         };
       } else {
         const t = e.map((n) => ({
-          id: E(),
+          _rowId: E(),
           ...n
         }));
         return g((n) => [...t, ...n]), {
@@ -368,7 +368,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         }))
       };
     }
-  }, ve = async (e, t) => {
+  }, Ce = async (e, t) => {
     const n = p.current;
     if (e < 0 || e >= n.length)
       return {
@@ -377,18 +377,18 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       };
     try {
       if (D) {
-        const r = await D([{ index: e, item: t }], y);
+        const r = await D([{ index: e, item: t }], x);
         if (r)
-          return r.successful.length && g((i) => {
-            const a = [...i];
-            return r.successful.forEach(({ index: c, item: o }) => a[c] = o), a;
+          return r.successful.length && g((c) => {
+            const a = [...c];
+            return r.successful.forEach(({ index: o, item: i }) => a[o] = i), a;
           }), r;
       }
       let s;
       return g((r) => {
         s = { ...r[e], ...t };
-        const i = [...r];
-        return i[e] = s, i;
+        const c = [...r];
+        return c[e] = s, c;
       }), { successful: [{ index: e, item: s }], failed: [] };
     } catch (s) {
       return {
@@ -396,44 +396,44 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         failed: [{ index: e, item: t, error: String(s) }]
       };
     }
-  }, Re = async (e) => {
+  }, ve = async (e) => {
     if (!e.length) return { successful: [], failed: [] };
-    const t = p.current, n = (i) => i >= 0 && i < t.length, s = e.filter(({ index: i }) => !n(i)).map(({ index: i, item: a }) => ({ index: i, item: a, error: "Invalid index" })), r = e.filter(({ index: i }) => n(i));
+    const t = p.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));
     try {
       if (D) {
-        const c = await D(e, y);
-        if (c) {
-          const o = c.successful.filter(({ index: l }) => n(l));
-          o.length && g((l) => {
-            const k = [...l];
-            return o.forEach(({ index: m, item: A }) => k[m] = A), k;
+        const o = await D(e, x);
+        if (o) {
+          const i = o.successful.filter(({ index: l }) => n(l));
+          i.length && g((l) => {
+            const W = [...l];
+            return i.forEach(({ index: m, item: A }) => W[m] = A), W;
           });
-          const u = new Set(c.failed.map((l) => l.index)), h = [...c.failed];
+          const u = new Set(o.failed.map((l) => l.index)), h = [...o.failed];
           return s.forEach((l) => {
             u.has(l.index) || h.push(l);
-          }), c.successful.filter(({ index: l }) => !n(l)).map(({ index: l, item: k }) => ({ index: l, item: k, error: "Invalid index" })).forEach((l) => {
+          }), o.successful.filter(({ index: l }) => !n(l)).map(({ index: l, item: W }) => ({ index: l, item: W, error: "Invalid index" })).forEach((l) => {
             u.has(l.index) || h.push(l);
-          }), { successful: o, failed: h };
+          }), { successful: i, failed: h };
         }
       }
-      const i = [], a = [...s];
-      return g((c) => {
-        const o = [...c];
+      const c = [], a = [...s];
+      return g((o) => {
+        const i = [...o];
         return r.forEach(({ index: u, item: h }) => {
-          o[u] = { ...o[u], ...h }, i.push({ index: u, item: o[u] });
-        }), o;
-      }), { successful: i, failed: a };
-    } catch (i) {
+          i[u] = { ...i[u], ...h }, c.push({ index: u, item: i[u] });
+        }), i;
+      }), { successful: c, failed: a };
+    } catch (c) {
       return {
         successful: [],
-        failed: e.map(({ index: a, item: c }) => ({
+        failed: e.map(({ index: a, item: o }) => ({
           index: a,
-          item: c,
-          error: String(i)
+          item: o,
+          error: String(c)
         }))
       };
     }
-  }, Me = async (e) => {
+  }, Re = async (e) => {
     const t = p.current;
     if (e < 0 || e >= t.length)
       return {
@@ -442,27 +442,27 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       };
     try {
       if (H) {
-        const s = b[e], r = await H([{ index: e, item: s }], y);
+        const s = b[e], r = await H([{ index: e, item: s }], x);
         if (r)
-          return r.successful.length && g((i) => i.filter((a, c) => c !== e)), r;
+          return r.successful.length && g((c) => c.filter((a, o) => o !== e)), r;
       }
       let n;
-      return g((s) => (n = s[e], s.filter((r, i) => i !== e))), { successful: [{ index: e, item: n }], failed: [] };
+      return g((s) => (n = s[e], s.filter((r, c) => c !== e))), { successful: [{ index: e, item: n }], failed: [] };
     } catch (n) {
       return {
         successful: [],
         failed: [{ index: e, error: String(n) }]
       };
     }
-  }, Ne = async (e) => {
+  }, Me = async (e) => {
     if (!e.length) return { successful: [], failed: [] };
     const t = p.current, n = Array.from(new Set(e)), { validIndexes: s, invalidFailures: r } = n.reduce(
-      (c, o) => (o >= 0 && o < t.length ? c.validIndexes.push(o) : c.invalidFailures.push({ index: o, error: "Invalid index" }), c),
+      (o, i) => (i >= 0 && i < t.length ? o.validIndexes.push(i) : o.invalidFailures.push({ index: i, error: "Invalid index" }), o),
       { validIndexes: [], invalidFailures: [] }
-    ), i = n.map((c) => ({ index: c, item: b[c] })), a = new Set(s);
+    ), c = n.map((o) => ({ index: o, item: b[o] })), a = new Set(s);
     try {
       if (H) {
-        const u = await H(i, y);
+        const u = await H(c, x);
         if (u) {
           const h = u.successful.filter(({ index: m }) => a.has(m));
           if (h.length) {
@@ -477,122 +477,122 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
           }), { successful: h, failed: l };
         }
       }
-      const c = new Set(s), o = [];
+      const o = new Set(s), i = [];
       return g((u) => {
         const h = [];
         return u.forEach((d, l) => {
-          c.has(l) ? o.push({ index: l, item: d }) : h.push(d);
+          o.has(l) ? i.push({ index: l, item: d }) : h.push(d);
         }), h;
-      }), { successful: o, failed: r };
-    } catch (c) {
+      }), { successful: i, failed: r };
+    } catch (o) {
       return {
         successful: [],
-        failed: n.map((o) => ({ index: o, error: String(c) }))
+        failed: n.map((i) => ({ index: i, error: String(o) }))
       };
     }
-  }, We = R((e) => p.current.find((t) => t.id === e), []), ke = (e) => p.current[e], Te = (e) => {
+  }, Ne = v((e) => p.current.find((t) => t._rowId === e), []), We = (e) => p.current[e], ke = (e) => {
     g(
-      e.map((t) => ({ ...t, id: t.id ?? E() }))
+      e.map((t) => ({ ...t, _rowId: t._rowId ?? E() }))
     );
-  }, _e = () => {
+  }, Te = () => {
     g([]);
-  }, Ae = (e) => p.current.findIndex((t) => t.id === e), Be = (e) => p.current.some((t) => t.id === e), Fe = () => p.current.length, Oe = () => [...p.current], Le = R(() => ge(p.current), [ge]), De = R(() => Se(p.current), [Se]), y = F(() => ({
+  }, Ae = (e) => p.current.findIndex((t) => t._rowId === e), Be = (e) => p.current.some((t) => t._rowId === e), Fe = () => p.current.length, Oe = () => [...p.current], Le = v(() => ge(p.current), [ge]), De = v(() => Se(p.current), [Se]), x = F(() => ({
     getFields: be,
     addItem: Ee,
-    addItems: Ce,
-    updateItem: ve,
-    updateItems: Re,
-    deleteItem: Me,
-    deleteItems: Ne,
-    getItem: We,
-    getItemByIndex: ke,
+    addItems: _e,
+    updateItem: Ce,
+    updateItems: ve,
+    deleteItem: Re,
+    deleteItems: Me,
+    getItem: Ne,
+    getItemByIndex: We,
     getItems: Oe,
     getItemsCount: Fe,
     itemExists: Be,
     getItemIndex: Ae,
-    replaceAllItems: Te,
-    clearItems: _e,
+    replaceAllItems: ke,
+    clearItems: Te,
     deselectAllRows: me,
     getSelectedItems: Le,
     getSelectedRows: De
   }), [
     Ee,
-    Ce,
     _e,
+    Te,
+    Re,
     Me,
-    Ne,
     me,
     f,
     be,
+    Ne,
     We,
-    ke,
     Ae,
     Oe,
     Fe,
     Le,
     De,
     Be,
-    Te,
-    ve,
-    Re
+    ke,
+    Ce,
+    ve
   ]);
-  xt.useImperativeHandle(et, () => y, [y]);
-  const ht = R((e, t) => {
-    t?.target && t.target.closest('[data-checkbox="true"]') || (I && pe(e.index), Z && Z(e.original, e.index));
-  }, [I, Z, pe]), He = F(() => w.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);
+  wt.useImperativeHandle(et, () => x, [x]);
+  const ht = v((e, t) => {
+    t?.target && t.target.closest('[data-checkbox="true"]') || (y && pe(e.index), Z && Z(e.original, e.index));
+  }, [y, Z, pe]), He = F(() => I.map((e) => {
+    const n = f.find((r) => r.internalName === e.id)?.typeAsString === "Note" ? w * 2 : w, s = S[e.id] || (typeof e.size == "number" ? e.size : n);
     return e.id === "select" ? `${O}px` : `${s}px`;
-  }).join(" "), [w, S, f]);
-  T(() => {
+  }).join(" "), [I, S, f]);
+  k(() => {
     if (!P) return;
     const e = new ResizeObserver((t) => {
       for (const n of t)
         fe(n.contentRect.width);
     });
     return e.observe(P), fe(P.clientWidth), () => e.disconnect();
-  }, [P]), T(() => {
-    if (!M || C <= 0 || N.current) return;
+  }, [P]), k(() => {
+    if (!R || _ <= 0 || M.current) return;
     let e = 0, t = 0;
     const n = [];
-    if (w.forEach((o) => {
-      const h = f.find((m) => m.internalName === o.id)?.typeAsString === "Note" ? x * 2 : x, d = S[o.id] || (typeof o.size == "number" ? o.size : h);
-      !(o.id === "select") ? (t += d, n.push(o)) : e += d;
+    if (I.forEach((i) => {
+      const h = f.find((m) => m.internalName === i.id)?.typeAsString === "Note" ? w * 2 : w, d = S[i.id] || (typeof i.size == "number" ? i.size : h);
+      !(i.id === "select") ? (t += d, n.push(i)) : e += d;
     }), n.length === 0)
       return;
     const s = e + t;
-    if (Math.abs(s - C) < 1) return;
-    const r = C - e, i = r / t, a = { ...S };
-    let c = 0;
-    n.forEach((o, u) => {
-      const h = S[o.id] || (typeof o.size == "number" ? o.size : x), d = o.minSize || _;
+    if (Math.abs(s - _) < 1) return;
+    const r = _ - e, c = r / t, a = { ...S };
+    let o = 0;
+    n.forEach((i, u) => {
+      const h = S[i.id] || (typeof i.size == "number" ? i.size : w), d = i.minSize || T;
       let l;
-      u === n.length - 1 ? l = r - c : l = Math.round(h * i), l = Math.max(d, l), a[o.id] = l, c += l;
-    }), N.current = !0, j(a), requestAnimationFrame(() => {
-      N.current = !1;
+      u === n.length - 1 ? l = r - o : l = Math.round(h * c), l = Math.max(d, l), a[i.id] = l, o += l;
+    }), M.current = !0, j(a), requestAnimationFrame(() => {
+      M.current = !1;
     });
-  }, [M, C, w, f]), T(() => {
-    if (M || C <= 0)
+  }, [R, _, I, f]), k(() => {
+    if (R || _ <= 0)
       return;
-    const e = C - Y;
+    const e = _ - Y;
     if (Math.abs(e) < 1)
       return;
-    const t = w.filter((d) => d.id && d.id !== "select");
+    const t = I.filter((d) => d.id && d.id !== "select");
     if (t.length === 0) return;
-    const n = t[t.length - 1], s = n.id, i = f.find((d) => d.internalName === s)?.typeAsString === "Note" ? x * 2 : x, c = (S[s] || (typeof n.size == "number" ? n.size : i)) + e, o = n.minSize || _, u = Math.max(o, c), h = S[s];
-    Math.abs(h - u) < 1 || (N.current = !0, j((d) => ({
+    const n = t[t.length - 1], s = n.id, c = f.find((d) => d.internalName === s)?.typeAsString === "Note" ? w * 2 : w, o = (S[s] || (typeof n.size == "number" ? n.size : c)) + e, i = n.minSize || T, u = Math.max(i, o), h = S[s];
+    Math.abs(h - u) < 1 || (M.current = !0, j((d) => ({
       ...d,
       [s]: u
-    })), N.current = !1);
-  }, [M, C, Y, w, f]);
-  const je = Mt(tt), Pe = Nt(nt), $ = Wt(st), mt = je ? [je, ...ie] : ie, ee = [];
+    })), M.current = !1);
+  }, [R, _, Y, I, f]);
+  const je = Rt(tt), Pe = Mt(nt), $ = Nt(st), mt = je ? [je, ...ce] : ce, ee = [];
   Pe && ee.push(Pe), $ && ee.push($);
-  const pt = [...ee, ...it], gt = $ ? [$, ...ce] : ce;
+  const pt = [...ee, ...ct], gt = $ ? [$, ...oe] : oe;
   return /* @__PURE__ */ Ye(
-    Ct,
+    _t,
     {
       size: "small",
       appearance: Ge,
-      className: ct,
+      className: ot,
       style: {
         backgroundColor: K.colorNeutralBackground1,
         maxWidth: "100%",
@@ -602,18 +602,18 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         ...Xe
       },
       children: [
-        V && /* @__PURE__ */ v(
-          kt,
+        V && /* @__PURE__ */ C(
+          Wt,
           {
-            tableMethods: y,
+            tableMethods: x,
             alwaysButtons: mt,
             noSelectionButtons: rt,
             singleSelectionButtons: pt,
             multiSelectionButtons: gt,
-            selectedRows: y.getSelectedRows()
+            selectedRows: x.getSelectedRows()
           }
         ),
-        b.length > 0 ? /* @__PURE__ */ v(
+        b.length > 0 ? /* @__PURE__ */ C(
           "div",
           {
             ref: dt,
@@ -632,32 +632,32 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
               {
                 className: "table-container",
                 style: {
-                  minWidth: M ? "100%" : Y,
-                  width: M ? "100%" : Math.max(Y, 300)
+                  minWidth: R ? "100%" : Y,
+                  width: R ? "100%" : Math.max(Y, 300)
                 },
                 children: [
-                  /* @__PURE__ */ v(
-                    Tt,
+                  /* @__PURE__ */ C(
+                    kt,
                     {
-                      table: ye,
+                      table: xe,
                       gridTemplateColumns: He,
                       columnSizing: S,
-                      stickyColumnsInfo: we,
+                      stickyColumnsInfo: Ie,
                       resizableColumns: Q
                     }
                   ),
-                  /* @__PURE__ */ v(
-                    _t,
+                  /* @__PURE__ */ C(
+                    Tt,
                     {
-                      table: ye,
+                      table: xe,
                       fields: f,
-                      tableContainerRef: xe,
+                      tableContainerRef: we,
                       useVirtualization: Ue,
-                      enableSelection: I,
+                      enableSelection: y,
                       itemSize: Ve,
                       gridTemplateColumns: He,
                       columnSizing: S,
-                      stickyColumnsInfo: we,
+                      stickyColumnsInfo: Ie,
                       onRowClick: ht
                     }
                   )
@@ -665,15 +665,15 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
               }
             )
           }
-        ) : /* @__PURE__ */ v(At, { height: 250 })
+        ) : /* @__PURE__ */ C(At, { height: 250 })
       ]
     }
   );
 };
 export {
-  x as COLS_DEF_WIDTH,
+  w as COLS_DEF_WIDTH,
   J as COLS_MAX_WIDTH,
-  _ as COLS_MIN_WIDTH,
+  T as COLS_MIN_WIDTH,
   Ut as EFWTable,
   Qt as SELECTOR_CELL_HEIGHT,
   O as SELECTOR_CELL_WIDTH

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

@@ -4,7 +4,7 @@ import { DefaultDrawerButtonProps, EFWTableCommandBarButton } from './components
 import { EFWFormFieldProps, EFWFormFieldType, EFWFormFieldValue } from '../../forms/EFWForm';
 
 export interface EFWTableItem {
-    readonly id?: string;
+    readonly _rowId?: string;
     [key: string]: EFWFormFieldValue | undefined;
 }
 export interface EFWTableRow<T = EFWTableItem> {
@@ -28,8 +28,8 @@ export interface OperationResult<T> {
  */
 export interface EFWTableMethods {
     getFields: () => EFWFormFieldProps[];
-    addItem: (item: Omit<EFWTableItem, 'id'>) => Promise<OperationResult<EFWTableItem>>;
-    addItems: (items: Omit<EFWTableItem, 'id'>[]) => Promise<OperationResult<EFWTableItem>>;
+    addItem: (item: Omit<EFWTableItem, '_rowId'>) => Promise<OperationResult<EFWTableItem>>;
+    addItems: (items: Omit<EFWTableItem, '_rowId'>[]) => Promise<OperationResult<EFWTableItem>>;
     updateItem: (index: number, item: Partial<EFWTableItem>) => Promise<OperationResult<EFWTableItem>>;
     updateItems: (items: {
         index: number;

package/dist/react-components/tables/EFWTable/hooks/useTableController/useTableController copy.js

@@ -1,9 +1,9 @@
-import { useRef as G, useState as m, useCallback as u, useEffect as d } from "react";
-const J = (I) => {
-  const c = G(null), [l, a] = m([]), [i, g] = m(I || []), h = u(() => c.current?.getFields?.() || i, [i]), p = u((t) => {
+import { useRef as D, useState as m, useCallback as u, useEffect as I } from "react";
+const H = (d) => {
+  const c = D(null), [l, a] = m([]), [i, g] = m(d || []), h = u(() => c.current?.getFields?.() || i, [i]), p = u((t) => {
     g(t);
   }, []);
-  d(() => {
+  I(() => {
     (() => {
       const e = c.current?.getItems?.();
       e && a(e);
@@ -135,21 +135,21 @@ const J = (I) => {
         }))
       };
     }
-  }, []), v = u((t) => c.current?.getItem?.(t) || l.find((e) => e.id === t), [l]), T = u((t) => c.current?.getItemByIndex?.(t) || l[t], [l]), C = u((t) => {
+  }, []), v = u((t) => c.current?.getItem?.(t) || l.find((e) => e._rowId === t), [l]), T = u((t) => c.current?.getItemByIndex?.(t) || l[t], [l]), C = u((t) => {
     c.current?.replaceAllItems?.(t), a(t);
   }, []), x = u(() => {
     c.current?.clearItems?.(), a([]);
-  }, []), A = u((t) => c.current?.getItemIndex?.(t) ?? l.findIndex((e) => e.id === t), [l]), F = u((t) => c.current?.itemExists?.(t) ?? l.some((e) => e.id === t), [l]), B = u(() => c.current?.getItemsCount?.() ?? l.length, [l.length]), k = u(() => c.current?.getItems?.() ?? l, [l]), j = u(() => {
+  }, []), A = u((t) => c.current?.getItemIndex?.(t) ?? l.findIndex((e) => e._rowId === t), [l]), F = u((t) => c.current?.itemExists?.(t) ?? l.some((e) => e._rowId === t), [l]), _ = u(() => c.current?.getItemsCount?.() ?? l.length, [l.length]), B = u(() => c.current?.getItems?.() ?? l, [l]), k = u(() => {
     c.current?.deselectAllRows?.();
-  }, []), q = u(() => c.current?.getSelectedItems?.() ?? { items: [], indexes: [] }, []), z = u(() => c.current?.getSelectedRows?.() ?? [], []), D = u(() => c.current !== null, []);
-  return d(() => () => {
+  }, []), j = u(() => c.current?.getSelectedItems?.() ?? { items: [], indexes: [] }, []), q = u(() => c.current?.getSelectedRows?.() ?? [], []), z = u(() => c.current !== null, []);
+  return I(() => () => {
     c.current = null;
   }, []), {
     tableRef: c,
     // Configuración
     getFields: h,
     setFieldsConfig: p,
-    isTableReady: D,
+    isTableReady: z,
     // Operaciones CRUD
     addItem: y,
     addItems: b,
@@ -160,19 +160,19 @@ const J = (I) => {
     // Consultas
     getItem: v,
     getItemByIndex: T,
-    getItems: k,
-    getItemsCount: B,
+    getItems: B,
+    getItemsCount: _,
     getItemIndex: A,
     itemExists: F,
     // Manipulación masiva
     replaceAllItems: C,
     clearItems: x,
     // Selección
-    deselectAllRows: j,
-    getSelectedItems: q,
-    getSelectedRows: z
+    deselectAllRows: k,
+    getSelectedItems: j,
+    getSelectedRows: q
   };
 };
 export {
-  J as useTableController
+  H as useTableController
 };

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

@@ -1,9 +1,9 @@
-import { useRef as G, useState as m, useCallback as u, useEffect as d } from "react";
-const J = (I) => {
-  const c = G(null), [l, a] = m([]), [i, g] = m(I || []), h = u(() => c.current?.getFields?.() || i, [i]), p = u((t) => {
+import { useRef as D, useState as m, useCallback as u, useEffect as I } from "react";
+const H = (d) => {
+  const c = D(null), [l, a] = m([]), [i, g] = m(d || []), h = u(() => c.current?.getFields?.() || i, [i]), p = u((t) => {
     g(t);
   }, []);
-  d(() => {
+  I(() => {
     (() => {
       const e = c.current?.getItems?.();
       e && a(e);
@@ -135,21 +135,21 @@ const J = (I) => {
         }))
       };
     }
-  }, []), v = u((t) => c.current?.getItem?.(t) || l.find((e) => e.id === t), [l]), T = u((t) => c.current?.getItemByIndex?.(t) || l[t], [l]), C = u((t) => {
+  }, []), v = u((t) => c.current?.getItem?.(t) || l.find((e) => e._rowId === t), [l]), T = u((t) => c.current?.getItemByIndex?.(t) || l[t], [l]), C = u((t) => {
     c.current?.replaceAllItems?.(t), a(t);
   }, []), x = u(() => {
     c.current?.clearItems?.(), a([]);
-  }, []), A = u((t) => c.current?.getItemIndex?.(t) ?? l.findIndex((e) => e.id === t), [l]), F = u((t) => c.current?.itemExists?.(t) ?? l.some((e) => e.id === t), [l]), B = u(() => c.current?.getItemsCount?.() ?? l.length, [l.length]), k = u(() => c.current?.getItems?.() ?? l, [l]), j = u(() => {
+  }, []), A = u((t) => c.current?.getItemIndex?.(t) ?? l.findIndex((e) => e._rowId === t), [l]), F = u((t) => c.current?.itemExists?.(t) ?? l.some((e) => e._rowId === t), [l]), _ = u(() => c.current?.getItemsCount?.() ?? l.length, [l.length]), B = u(() => c.current?.getItems?.() ?? l, [l]), k = u(() => {
     c.current?.deselectAllRows?.();
-  }, []), q = u(() => c.current?.getSelectedItems?.() ?? { items: [], indexes: [] }, []), z = u(() => c.current?.getSelectedRows?.() ?? [], []), D = u(() => c.current !== null, []);
-  return d(() => () => {
+  }, []), j = u(() => c.current?.getSelectedItems?.() ?? { items: [], indexes: [] }, []), q = u(() => c.current?.getSelectedRows?.() ?? [], []), z = u(() => c.current !== null, []);
+  return I(() => () => {
     c.current = null;
   }, []), {
     tableRef: c,
     // Configuración
     getFields: h,
     setFieldsConfig: p,
-    isTableReady: D,
+    isTableReady: z,
     // Operaciones CRUD
     addItem: y,
     addItems: b,
@@ -160,19 +160,19 @@ const J = (I) => {
     // Consultas
     getItem: v,
     getItemByIndex: T,
-    getItems: k,
-    getItemsCount: B,
+    getItems: B,
+    getItemsCount: _,
     getItemIndex: A,
     itemExists: F,
     // Manipulación masiva
     replaceAllItems: C,
     clearItems: x,
     // Selección
-    deselectAllRows: j,
-    getSelectedItems: q,
-    getSelectedRows: z
+    deselectAllRows: k,
+    getSelectedItems: j,
+    getSelectedRows: q
   };
 };
 export {
-  J as useTableController
+  H as useTableController
 };

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

@@ -1,6 +1,6 @@
 import { CACHE_CONFIG as f } from "./constants.js";
-import { getRenderContextVersion as y } from "./context.js";
-import { hashString as p, extractDateIdentifiers as g, extractAttachmentIdentifiers as w, extractOptionIdentifiers as S } from "./hashing.js";
+import { getRenderContextVersion as w } from "./context.js";
+import { hashString as p, extractDateIdentifiers as y, extractAttachmentIdentifiers as g, extractOptionIdentifiers as S } from "./hashing.js";
 function C(t, e) {
   if (t == null)
     return "null";
@@ -20,17 +20,17 @@ function C(t, e) {
         n = S(t);
         break;
       case "Attachments":
-        n = w(t);
+        n = g(t);
         break;
       case "Date":
-        n = g(t);
+        n = y(t);
         break;
       default:
-        n = t.map((o, l) => `${l}-${String(o)}`);
+        n = t.map((i, l) => `${l}-${String(i)}`);
     }
     n.sort();
-    const c = n.slice(0, 5).join(","), i = p(n.join("|"));
-    return `array-${r}-${c}-${i}`;
+    const c = n.slice(0, 5).join(","), o = p(n.join("|"));
+    return `array-${r}-${c}-${o}`;
   }
   try {
     return `object-${p(JSON.stringify(t))}`;
@@ -38,14 +38,14 @@ function C(t, e) {
     return "complex-object";
   }
 }
-function k(t, e, r, n, c) {
+function I(t, e, r, n, c) {
   return [
     t.internalName || t.id,
     t.typeAsString,
     C(e, t.typeAsString),
-    r.id || `row-${n}`,
+    r._rowId || `row-${n}`,
     c ? p(JSON.stringify(Object.keys(c))) : "no-renderers",
-    y().toString()
+    w().toString()
   ].join("|");
 }
 const s = /* @__PURE__ */ new Map();
@@ -68,16 +68,16 @@ function d() {
 function b() {
   const t = Math.floor(f.MAX_SIZE * 0.8);
   if (s.size <= t) return;
-  const e = Array.from(s.entries()), r = Date.now(), n = e.map(([i, o]) => {
-    const l = r - o.timestamp, u = o.hits / Math.max(1, l / 1e3);
-    return { key: i, score: u, entry: o };
+  const e = Array.from(s.entries()), r = Date.now(), n = e.map(([o, i]) => {
+    const l = r - i.timestamp, u = i.hits / Math.max(1, l / 1e3);
+    return { key: o, score: u, entry: i };
   });
-  n.sort((i, o) => i.score - o.score);
+  n.sort((o, i) => o.score - i.score);
   const c = n.slice(0, s.size - t);
-  for (const { key: i } of c)
-    s.delete(i);
+  for (const { key: o } of c)
+    s.delete(o);
 }
-function I(t) {
+function k(t) {
   const e = s.get(t);
   if (!e) return;
   if (Date.now() - e.timestamp >= f.TTL_MS) {
@@ -119,8 +119,8 @@ function $(t) {
 }
 export {
   T as clearRenderCache,
-  k as createCacheKey,
-  I as getCachedResult,
+  I as createCacheKey,
+  k as getCachedResult,
   E as getRenderCacheStats,
   $ as prewarmCache,
   M as setCachedResult

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envisiongroup/porygon",
-  "version": "1.0.0-rc.02",
+  "version": "1.0.0-rc.03",
   "description": "Librerias de componentes de React creados por la empresa Envision",
   "license": "CC-BY-ND-4.0",
   "main": "./dist/index.js",