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

package/dist/react-components/hooks/useDrawer/useDrawer.d.ts

@@ -1,6 +1,6 @@
 import { DrawerCloseHandler, DrawerOpenHandler, DrawerState, UseDrawerProps } from './useDrawer.types';
 import * as React from 'react';
-export declare function useDrawer({ title: initialTitle, content: initialContent, buttons: initialButtons, size: initialSize, position: initialPosition, modalType: initialModalType, drawerOnOpen, drawerOnClose, deferContentRendering, contentRenderDelay, }: UseDrawerProps): {
+export declare function useDrawer({ title: initialTitle, content: initialContent, buttons: initialButtons, size: initialSize, position: initialPosition, modalType: initialModalType, drawerOnOpen, drawerOnClose, deferContentRendering: initialDeferContentRendering, contentRenderDelay: initialContentRenderDelay, }: UseDrawerProps): {
     openDrawer: DrawerOpenHandler;
     closeDrawer: DrawerCloseHandler;
     updateDrawer: (updates: Partial<DrawerState>) => void;

package/dist/react-components/hooks/useDrawer/useDrawer.js

@@ -1,31 +1,82 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as t from "react";
-import { createPortal as _ } from "react-dom";
-import { EFWDrawerLoader as y } from "./component/EFWDrawerLoader/EFWDrawerLoader.js";
-import { EFWDrawer as M } from "./component/EFWDrawer/EFWDrawer.js";
-const v = (r, c) => {
-  switch (c.type) {
+var H = Object.defineProperty;
+var Y = (o, t, r) => t in o ? H(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
+var a = (o, t, r) => Y(o, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as y } from "react/jsx-runtime";
+import * as n from "react";
+import { createPortal as x } from "react-dom";
+import { motionTokens as m } from "@fluentui/react-components";
+import { EFWDrawerLoader as M } from "./component/EFWDrawerLoader/EFWDrawerLoader.js";
+import { EFWDrawer as U } from "./component/EFWDrawer/EFWDrawer.js";
+const j = {
+  small: m.durationGentle,
+  medium: m.durationSlow,
+  large: m.durationSlower,
+  full: m.durationUltraSlow
+}, B = 1e3, d = class d {
+  constructor() {
+    a(this, "listenerCount", 0);
+    a(this, "doc", null);
+    a(this, "supportsPointerEvents", null);
+    a(this, "supportsWeakRef", typeof WeakRef < "u");
+    a(this, "lastTargetRef", null);
+    a(this, "lastTargetTime", 0);
+    a(this, "handleInteraction", (t) => {
+      const r = t.target;
+      r instanceof HTMLElement && (this.lastTargetRef = this.supportsWeakRef ? new WeakRef(r) : r, this.lastTargetTime = Date.now());
+    });
+  }
+  static getInstance() {
+    return d.instance || (d.instance = new d()), d.instance;
+  }
+  register(t) {
+    if (this.listenerCount += 1, this.listenerCount === 1) {
+      this.doc = t, this.supportsPointerEvents = typeof window < "u" && "PointerEvent" in window;
+      const r = { capture: !0, passive: !0 };
+      this.supportsPointerEvents ? t.addEventListener("pointerdown", this.handleInteraction, r) : (t.addEventListener("mousedown", this.handleInteraction, r), t.addEventListener("touchstart", this.handleInteraction, r));
+    }
+    return () => {
+      if (this.listenerCount = Math.max(this.listenerCount - 1, 0), this.listenerCount > 0 || !this.doc)
+        return;
+      const r = { capture: !0 };
+      this.supportsPointerEvents ? this.doc.removeEventListener("pointerdown", this.handleInteraction, r) : (this.doc.removeEventListener("mousedown", this.handleInteraction, r), this.doc.removeEventListener("touchstart", this.handleInteraction, r)), this.doc = null, this.supportsPointerEvents = null, this.lastTargetRef = null;
+    };
+  }
+  /**
+   * Consume y retorna el último target de interacción si es válido.
+   * Limpia la referencia después de consumirla para evitar reusos.
+   */
+  consumeLastTarget() {
+    if (!this.lastTargetRef)
+      return null;
+    const t = this.supportsWeakRef ? this.lastTargetRef.deref() : this.lastTargetRef, r = t && Date.now() - this.lastTargetTime <= B;
+    return this.lastTargetRef = null, r ? t : null;
+  }
+};
+a(d, "instance", null);
+let E = d;
+const A = E.getInstance(), V = (o, t) => {
+  switch (t.type) {
     case "OPEN":
       return {
-        ...r,
+        ...o,
         isOpen: !0,
         isMounted: !0,
         isClosing: !1,
         isContentReady: !1,
         wasContentShown: !1,
-        ...c.payload || {}
+        ...t.payload || {}
       };
     case "START_CLOSE":
       return {
-        ...r,
+        ...o,
         isOpen: !1,
         isClosing: !0,
         // Mantener el estado de qué se estaba mostrando
-        wasContentShown: r.isContentReady
+        wasContentShown: o.isContentReady
       };
     case "FINISH_CLOSE":
       return {
-        ...r,
+        ...o,
         isClosing: !1,
         isMounted: !1,
         isContentReady: !1,
@@ -33,77 +84,105 @@ const v = (r, c) => {
       };
     case "CONTENT_READY":
       return {
-        ...r,
+        ...o,
         isContentReady: !0,
         wasContentShown: !0
       };
     case "UPDATE_CONTENT":
       return {
-        ...r,
-        ...c.payload
+        ...o,
+        ...t.payload
       };
     default:
-      return r;
+      return o;
   }
 };
-function z({
-  title: r = "",
-  content: c,
-  buttons: w = [],
-  size: E = "small",
-  position: O = "end",
-  modalType: h = "modal",
-  drawerOnOpen: p,
-  drawerOnClose: C,
-  deferContentRendering: l = !1,
-  contentRenderDelay: i = 500
+function $({
+  title: o = "",
+  content: t,
+  buttons: r = [],
+  size: g = "small",
+  position: b = "end",
+  modalType: _ = "modal",
+  drawerOnOpen: C,
+  drawerOnClose: h,
+  deferContentRendering: k = !1,
+  contentRenderDelay: P = 500
 }) {
-  const n = t.useRef(null), o = t.useRef(), u = t.useRef(), [e, a] = t.useReducer(v, {
+  const i = n.useRef(null), [T, z] = n.useState(null), u = n.useRef(), c = n.useRef(), R = n.useRef(null), w = n.useRef(g), O = n.useRef(!1), v = n.useRef(h), S = n.useRef(C), [e, f] = n.useReducer(V, {
     isOpen: !1,
     isMounted: !1,
     isClosing: !1,
     isContentReady: !1,
     wasContentShown: !1,
-    title: r,
-    content: c,
-    buttons: w,
-    size: E,
-    position: O,
-    modalType: h
+    title: o,
+    content: t,
+    buttons: r,
+    size: g,
+    position: b,
+    modalType: _,
+    deferContentRendering: k,
+    contentRenderDelay: P
   });
-  t.useEffect(() => (n.current || (n.current = document.createElement("div"), n.current.className = "drawer-portal-container", document.body.appendChild(n.current)), () => {
-    n.current && document.body.contains(n.current) && (document.body.removeChild(n.current), n.current = null), o.current && clearTimeout(o.current), u.current && clearTimeout(u.current);
-  }), []), t.useEffect(() => (e.isOpen && !e.isContentReady && !e.isClosing && (o.current && clearTimeout(o.current), l && i > 0 ? o.current = setTimeout(() => {
-    a({ type: "CONTENT_READY" });
-  }, i) : a({ type: "CONTENT_READY" })), () => {
-    o.current && clearTimeout(o.current);
-  }), [e.isOpen, e.isContentReady, e.isClosing, l, i]);
-  const R = t.useCallback(
-    (f) => {
-      u.current && (clearTimeout(u.current), u.current = void 0), a({ type: "OPEN", payload: f }), p && Promise.resolve(p()).catch(console.error);
+  n.useLayoutEffect(() => {
+    if (!(typeof document > "u"))
+      return i.current || (i.current = document.createElement("div"), i.current.className = "drawer-portal-container", document.body.appendChild(i.current), z(i.current)), () => {
+        i.current && document.body.contains(i.current) && (document.body.removeChild(i.current), i.current = null), u.current && clearTimeout(u.current), c.current && clearTimeout(c.current);
+      };
+  }, []), n.useEffect(() => {
+    if (!(typeof document > "u"))
+      return A.register(document);
+  }, []), n.useLayoutEffect(() => {
+    w.current = e.size, O.current = e.isOpen;
+  }, [e.size, e.isOpen]), n.useLayoutEffect(() => {
+    v.current = h, S.current = C;
+  }, [h, C]), n.useEffect(() => (e.isOpen && !e.isContentReady && !e.isClosing && (u.current && clearTimeout(u.current), e.deferContentRendering && e.contentRenderDelay > 0 ? u.current = setTimeout(() => {
+    f({ type: "CONTENT_READY" });
+  }, e.contentRenderDelay) : f({ type: "CONTENT_READY" })), () => {
+    u.current && clearTimeout(u.current);
+  }), [
+    e.isOpen,
+    e.isContentReady,
+    e.isClosing,
+    e.deferContentRendering,
+    e.contentRenderDelay
+  ]);
+  const D = n.useCallback(() => {
+    if (typeof document > "u") return;
+    const p = A.consumeLastTarget() ?? document.activeElement;
+    p instanceof HTMLElement && p !== document.body ? R.current = p : R.current = null;
+  }, []), N = n.useCallback(() => {
+    if (typeof document > "u") return;
+    const s = R.current;
+    R.current = null, !(!s || !s.isConnected) && (i.current && i.current.contains(s) || s.focus?.());
+  }, []), W = n.useCallback(
+    (s) => {
+      c.current && (clearTimeout(c.current), c.current = void 0), D(), f({ type: "OPEN", payload: s }), S.current?.()?.catch?.(console.error);
     },
-    [p]
-  ), s = t.useCallback(() => {
-    o.current && (clearTimeout(o.current), o.current = void 0), a({ type: "START_CLOSE" }), C && Promise.resolve(C()).catch(console.error);
-  }, [C]), S = t.useCallback((f) => {
-    a({ type: "UPDATE_CONTENT", payload: f });
-  }, []), m = t.useCallback(
-    (f, b) => {
-      !b.open && e.isOpen && (s(), u.current = setTimeout(() => {
-        a({ type: "FINISH_CLOSE" });
-      }, 600));
+    [D]
+  ), l = n.useCallback(() => {
+    u.current && (clearTimeout(u.current), u.current = void 0), c.current && clearTimeout(c.current), f({ type: "START_CLOSE" }), v.current?.()?.catch?.(console.error);
+    const s = j[w.current] ?? m.durationGentle;
+    c.current = setTimeout(() => {
+      N(), f({ type: "FINISH_CLOSE" });
+    }, s);
+  }, [N]), F = n.useCallback((s) => {
+    f({ type: "UPDATE_CONTENT", payload: s });
+  }, []), L = n.useCallback(
+    (s, p) => {
+      !p.open && O.current && l();
     },
-    [s, e.isOpen]
-  ), T = t.useMemo(() => {
+    [l]
+  ), I = n.useMemo(() => {
     if (!e.isMounted || !e.content)
       return null;
     if (e.isClosing)
-      return e.wasContentShown ? typeof e.content == "function" ? e.content(s) : e.content : l && !e.wasContentShown ? /* @__PURE__ */ d(y, { delay: i }) : null;
+      return e.wasContentShown ? typeof e.content == "function" ? e.content(l) : e.content : e.deferContentRendering && !e.wasContentShown ? /* @__PURE__ */ y(M, { delay: e.contentRenderDelay }) : null;
     if (e.isOpen) {
-      if (l && !e.isContentReady)
-        return /* @__PURE__ */ d(y, { delay: i });
+      if (e.deferContentRendering && !e.isContentReady)
+        return /* @__PURE__ */ y(M, { delay: e.contentRenderDelay });
       if (e.isContentReady)
-        return typeof e.content == "function" ? e.content(s) : e.content;
+        return typeof e.content == "function" ? e.content(l) : e.content;
     }
     return null;
   }, [
@@ -113,25 +192,25 @@ function z({
     e.content,
     e.isContentReady,
     e.wasContentShown,
-    l,
-    i,
-    s
-  ]), N = t.useMemo(() => !e.isMounted || !n.current ? null : _(
-    /* @__PURE__ */ d(
-      M,
+    e.deferContentRendering,
+    e.contentRenderDelay,
+    l
+  ]), G = n.useMemo(() => !e.isMounted || !T ? null : x(
+    /* @__PURE__ */ y(
+      U,
       {
         isOpen: e.isOpen,
-        onClose: s,
-        onOpenChange: m,
+        onClose: l,
+        onOpenChange: L,
         title: e.title,
-        content: T,
+        content: I,
         buttons: e.buttons,
         size: e.size,
         position: e.position,
         modalType: e.modalType
       }
     ),
-    n.current
+    T
   ), [
     e.isMounted,
     e.isOpen,
@@ -140,19 +219,20 @@ function z({
     e.size,
     e.position,
     e.modalType,
+    I,
     T,
-    s,
-    m
+    l,
+    L
   ]);
   return {
-    openDrawer: R,
-    closeDrawer: s,
-    updateDrawer: S,
+    openDrawer: W,
+    closeDrawer: l,
+    updateDrawer: F,
     isOpen: e.isOpen,
     isContentReady: e.isContentReady,
-    DrawerElement: N
+    DrawerElement: G
   };
 }
 export {
-  z as useDrawer
+  $ as useDrawer
 };

package/dist/react-components/hooks/useDrawer/useDrawer.types.d.ts

@@ -59,6 +59,8 @@ export type DrawerCloseHandler = () => void;
  * @property {'small' | 'medium' | 'large' | 'full'} size - Tamaño del drawer.
  * @property {'start' | 'end' | 'bottom'} position - Posición del drawer.
  * @property {'modal' | 'non-modal' | 'alert'} modalType - Tipo de modalidad.
+ * @property {boolean} deferContentRendering - Indica si se difiere el render del contenido.
+ * @property {number} contentRenderDelay - Tiempo de espera para renderizar el contenido.
  */
 export interface DrawerState {
     isOpen: boolean;
@@ -69,4 +71,6 @@ export interface DrawerState {
     position: 'start' | 'end' | 'bottom';
     modalType: 'modal' | 'non-modal' | 'alert';
     isContentReady: boolean;
+    deferContentRendering: boolean;
+    contentRenderDelay: number;
 }

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

@@ -100,8 +100,8 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     return f.forEach((t) => {
       const n = z[t.internalName];
       if (n?.width) {
-        const s = n.minWidth ?? _, i = n.maxWidth ?? J;
-        e[t.internalName] = Math.min(Math.max(n.width ?? 0, s), i);
+        const s = n.minWidth ?? _, r = n.maxWidth ?? J;
+        e[t.internalName] = Math.min(Math.max(n.width ?? 0, s), r);
       }
     }), e;
   }), de = B(z), [C, fe] = q(0), {
@@ -128,11 +128,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     const e = [], t = {};
     let n = 0;
     return I && (e.push("select"), t.select = n, n += O), f.forEach((s) => {
-      const i = z[s.internalName] || {};
-      if (i.sticky) {
+      const r = z[s.internalName] || {};
+      if (!r.hidden && r.sticky) {
         e.push(s.internalName), t[s.internalName] = n;
-        const r = S[s.internalName] || i.width || x;
-        n += r;
+        const i = S[s.internalName] || r.width || x;
+        n += i;
       }
     }), { stickyColumns: e, stickyPositions: t };
   }, [f, I, z, S]), w = F(() => {
@@ -165,7 +165,10 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       maxSize: O,
       enableResizing: !1
     }), f.forEach((t) => {
-      const n = z[t.internalName] || {}, s = t.typeAsString === "Note" ? x * 2 : x, i = n.width || s, r = n.minWidth || _, a = n.maxWidth || J;
+      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;
       e.push({
         id: t.internalName,
         accessorKey: t.internalName,
@@ -178,8 +181,8 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
           oe,
           ae
         ),
-        size: Math.min(Math.max(i, r), a),
-        minSize: r,
+        size: Math.min(Math.max(r, i), a),
+        minSize: i,
         maxSize: a,
         enableResizing: Q
       });
@@ -196,11 +199,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     const e = de.current;
     j((t) => {
       let n = !1;
-      const s = { ...t }, i = new Set(f.map((r) => r.internalName));
-      return Object.keys(s).forEach((r) => {
-        i.has(r) || (delete s[r], n = !0);
-      }), f.forEach((r) => {
-        const a = r.internalName, c = z[a], o = e[a];
+      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);
           s[a] !== d && (s[a] = d, n = !0);
@@ -209,8 +212,8 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     }), de.current = z;
   }, [z, f]);
   const Y = F(() => w.reduce((e, t) => {
-    const s = f.find((r) => r.internalName === t.id)?.typeAsString === "Note" ? x * 2 : x, i = S[t.id] || (typeof t.size == "number" ? t.size : s);
-    return e + i;
+    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);
+    return e + r;
   }, 0), [w, S, f]), ye = wt({
     data: b,
     columns: w,
@@ -222,11 +225,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     onColumnSizingChange: (e) => {
       j((t) => {
         const n = typeof e == "function" ? e(t) : e, s = {};
-        return Object.keys(n).forEach((i) => {
-          const r = w.find((a) => a.id === i);
-          if (r) {
-            const a = r.minSize || _, c = r.maxSize || J;
-            N.current ? s[i] = Math.max(n[i], a) : s[i] = Math.min(Math.max(n[i], a), c);
+        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);
           }
         }), { ...t, ...s };
       });
@@ -252,11 +255,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     re?.(e);
   }, [re]), Ie = (e) => {
     const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-    return Object.keys(W).forEach((i) => {
-      if (!W[i])
+    return Object.keys(W).forEach((r) => {
+      if (!W[r])
         return;
-      const r = Number(i), a = e[r];
-      a && (s.add(r), a.id && t.add(a.id), n.add(a));
+      const i = Number(r), a = e[i];
+      a && (s.add(i), a.id && t.add(a.id), n.add(a));
     }), {
       hasSelection: t.size > 0 || n.size > 0 || s.size > 0,
       selectedIds: t,
@@ -268,11 +271,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     if (!t.hasSelection)
       return;
     const n = t.sourceLength !== e.length, s = {};
-    e.forEach((i, r) => {
-      if (!i)
+    e.forEach((r, i) => {
+      if (!r)
         return;
-      const a = i.id ? t.selectedIds.has(i.id) : !1, c = t.selectedRefs.has(i), o = !i.id && !n && t.selectedIndexes.has(r);
-      (a || c || o) && (s[r.toString()] = !0);
+      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);
     }), he(s);
   }, g = (e) => {
     if (ue) {
@@ -294,11 +297,11 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         const t = { id: E(), ...e }, n = await L([t], y);
         if (n) {
           if (n.successful.length > 0) {
-            const s = n.successful.map((i) => {
-              const r = i.item;
-              return r.id ? r : { ...r, id: E() };
+            const s = n.successful.map((r) => {
+              const i = r.item;
+              return i.id ? i : { ...i, id: E() };
             });
-            g((i) => [...s, ...i]);
+            g((r) => [...s, ...r]);
           }
           return n;
         }
@@ -333,16 +336,16 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         })), n = await L(t, y);
         if (n) {
           if (n.successful.length > 0) {
-            const s = n.successful.map((i) => {
-              const r = i.item;
-              return r.id ? r : { ...r, id: E() };
+            const s = n.successful.map((r) => {
+              const i = r.item;
+              return i.id ? i : { ...i, id: E() };
             });
-            g((i) => [...s, ...i]);
+            g((r) => [...s, ...r]);
           }
           return n;
         }
         return g((s) => [...t, ...s]), {
-          successful: t.map((s, i) => ({ index: i, item: s })),
+          successful: t.map((s, r) => ({ index: r, item: s })),
           failed: []
         };
       } else {
@@ -374,18 +377,18 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       };
     try {
       if (D) {
-        const i = await D([{ index: e, item: t }], y);
-        if (i)
-          return i.successful.length && g((r) => {
-            const a = [...r];
-            return i.successful.forEach(({ index: c, item: o }) => a[c] = o), a;
-          }), i;
+        const r = await D([{ index: e, item: t }], y);
+        if (r)
+          return r.successful.length && g((i) => {
+            const a = [...i];
+            return r.successful.forEach(({ index: c, item: o }) => a[c] = o), a;
+          }), r;
       }
       let s;
-      return g((i) => {
-        s = { ...i[e], ...t };
-        const r = [...i];
-        return r[e] = s, r;
+      return g((r) => {
+        s = { ...r[e], ...t };
+        const i = [...r];
+        return i[e] = s, i;
       }), { successful: [{ index: e, item: s }], failed: [] };
     } catch (s) {
       return {
@@ -395,7 +398,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     }
   }, Re = async (e) => {
     if (!e.length) return { successful: [], failed: [] };
-    const t = p.current, n = (r) => r >= 0 && r < t.length, s = e.filter(({ index: r }) => !n(r)).map(({ index: r, item: a }) => ({ index: r, item: a, error: "Invalid index" })), i = e.filter(({ index: r }) => n(r));
+    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));
     try {
       if (D) {
         const c = await D(e, y);
@@ -413,20 +416,20 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
           }), { successful: o, failed: h };
         }
       }
-      const r = [], a = [...s];
+      const i = [], a = [...s];
       return g((c) => {
         const o = [...c];
-        return i.forEach(({ index: u, item: h }) => {
-          o[u] = { ...o[u], ...h }, r.push({ index: u, item: o[u] });
+        return r.forEach(({ index: u, item: h }) => {
+          o[u] = { ...o[u], ...h }, i.push({ index: u, item: o[u] });
         }), o;
-      }), { successful: r, failed: a };
-    } catch (r) {
+      }), { successful: i, failed: a };
+    } catch (i) {
       return {
         successful: [],
         failed: e.map(({ index: a, item: c }) => ({
           index: a,
           item: c,
-          error: String(r)
+          error: String(i)
         }))
       };
     }
@@ -439,12 +442,12 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       };
     try {
       if (H) {
-        const s = b[e], i = await H([{ index: e, item: s }], y);
-        if (i)
-          return i.successful.length && g((r) => r.filter((a, c) => c !== e)), i;
+        const s = b[e], r = await H([{ index: e, item: s }], y);
+        if (r)
+          return r.successful.length && g((i) => i.filter((a, c) => c !== e)), r;
       }
       let n;
-      return g((s) => (n = s[e], s.filter((i, r) => r !== e))), { successful: [{ index: e, item: n }], failed: [] };
+      return g((s) => (n = s[e], s.filter((r, i) => i !== e))), { successful: [{ index: e, item: n }], failed: [] };
     } catch (n) {
       return {
         successful: [],
@@ -453,13 +456,13 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
     }
   }, Ne = async (e) => {
     if (!e.length) return { successful: [], failed: [] };
-    const t = p.current, n = Array.from(new Set(e)), { validIndexes: s, invalidFailures: i } = n.reduce(
+    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),
       { validIndexes: [], invalidFailures: [] }
-    ), r = n.map((c) => ({ index: c, item: b[c] })), a = new Set(s);
+    ), i = n.map((c) => ({ index: c, item: b[c] })), a = new Set(s);
     try {
       if (H) {
-        const u = await H(r, y);
+        const u = await H(i, y);
         if (u) {
           const h = u.successful.filter(({ index: m }) => a.has(m));
           if (h.length) {
@@ -467,7 +470,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
             g((A) => A.filter((Ot, St) => !m.has(St)));
           }
           const d = new Set(u.failed.map((m) => m.index)), l = [...u.failed];
-          return i.forEach((m) => {
+          return r.forEach((m) => {
             d.has(m.index) || l.push(m);
           }), u.successful.filter(({ index: m }) => !a.has(m)).map(({ index: m }) => ({ index: m, error: "Invalid index" })).forEach((m) => {
             d.has(m.index) || l.push(m);
@@ -480,7 +483,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
         return u.forEach((d, l) => {
           c.has(l) ? o.push({ index: l, item: d }) : h.push(d);
         }), h;
-      }), { successful: o, failed: i };
+      }), { successful: o, failed: r };
     } catch (c) {
       return {
         successful: [],
@@ -537,7 +540,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
   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((i) => i.internalName === e.id)?.typeAsString === "Note" ? x * 2 : x, s = S[e.id] || (typeof e.size == "number" ? e.size : n);
+    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" ? `${O}px` : `${s}px`;
   }).join(" "), [w, S, f]);
   T(() => {
@@ -558,12 +561,12 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       return;
     const s = e + t;
     if (Math.abs(s - C) < 1) return;
-    const i = C - e, r = i / t, a = { ...S };
+    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 || _;
       let l;
-      u === n.length - 1 ? l = i - c : l = Math.round(h * r), l = Math.max(d, l), a[o.id] = l, c += 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;
     });
@@ -575,7 +578,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
       return;
     const t = w.filter((d) => d.id && d.id !== "select");
     if (t.length === 0) return;
-    const n = t[t.length - 1], s = n.id, r = f.find((d) => d.internalName === s)?.typeAsString === "Note" ? x * 2 : x, c = (S[s] || (typeof n.size == "number" ? n.size : r)) + e, o = n.minSize || _, u = Math.max(o, c), h = S[s];
+    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) => ({
       ...d,
       [s]: u
@@ -662,7 +665,7 @@ const G = {}, Bt = /* @__PURE__ */ new Set(), qe = [], X = [], x = 120, _ = 80,
               }
             )
           }
-        ) : /* @__PURE__ */ v(At, { height: 300 })
+        ) : /* @__PURE__ */ v(At, { height: 250 })
       ]
     }
   );

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

@@ -126,6 +126,8 @@ export interface EFWTableProps {
         width?: number;
         minWidth?: number;
         sticky?: boolean;
+        /** Oculta la columna de la tabla */
+        hidden?: boolean;
     }>;
     useVirtualization?: boolean;
     getFieldIcon?: (internalName: string, item: EFWTableItem) => React.ReactNode;

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

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { makeStyles as c, tokens as l, Card as d, CardPreview as p, Image as m, CardHeader as h, Body1 as g, Body1Stronger as y } from "@fluentui/react-components";
-const u = "https://res-1.public.onecdn.static.microsoft/files/sp-client/odsp-media-53ad6982/images/emptyfolder/empty_list_placeholder2.webp", f = c({
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { makeStyles as g, tokens as y, mergeClasses as s, Card as u, CardPreview as f, Image as C, CardHeader as x, Body1 as N, Body1Stronger as S } from "@fluentui/react-components";
+const b = "https://res-1.public.onecdn.static.microsoft/files/sp-client/odsp-media-53ad6982/images/emptyfolder/empty_list_placeholder2.webp", w = g({
   cardContainer: {
     display: "flex",
     alignItems: "center",
@@ -11,36 +11,56 @@ const u = "https://res-1.public.onecdn.static.microsoft/files/sp-client/odsp-med
     height: "fit-content"
   },
   caption: {
-    color: l.colorNeutralForeground3,
+    color: y.colorNeutralForeground3,
     width: "100%",
     textAlign: "center"
   }
-}), S = (r) => {
+}), j = (a) => {
   const {
-    title: i = "Sin datos disponibles",
-    description: n = "Los datos aparecerán aquí una vez se agreguen registros",
-    imageUrl: s = u,
-    height: a
-  } = r, t = f();
-  return /* @__PURE__ */ e("div", { className: t.cardContainer, style: { height: a }, children: /* @__PURE__ */ o(d, { className: t.card, appearance: "subtle", children: [
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-      m,
-      {
-        style: { height: 150 },
-        src: s,
-        alt: "Presentation Preview",
-        fit: "contain"
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      h,
-      {
-        header: /* @__PURE__ */ e(y, { align: "center", style: { width: "100%" }, children: i }),
-        description: /* @__PURE__ */ e(g, { align: "center", className: t.caption, children: n })
-      }
-    )
-  ] }) });
+    title: r = "Sin datos disponibles",
+    description: i = "Los datos aparecerán aquí una vez se agreguen registros",
+    imageUrl: n = b,
+    height: c,
+    className: l,
+    style: o,
+    cardClassName: d,
+    cardStyle: p,
+    captionClassName: m
+  } = a, t = w();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(t.cardContainer, l),
+      style: { height: c, ...o },
+      children: /* @__PURE__ */ h(
+        u,
+        {
+          className: s(t.card, d),
+          style: p,
+          appearance: "subtle",
+          children: [
+            /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+              C,
+              {
+                style: { height: 100 },
+                src: n,
+                alt: "Presentation Preview",
+                fit: "contain"
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              x,
+              {
+                header: /* @__PURE__ */ e(S, { align: "center", style: { width: "100%" }, children: r }),
+                description: /* @__PURE__ */ e(N, { align: "center", className: s(t.caption, m), children: i })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 };
 export {
-  S as EFWTableEmpty
+  j as EFWTableEmpty
 };

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

@@ -3,4 +3,14 @@ export interface EFWTableEmptyProps {
     description?: string;
     imageUrl?: string;
     height?: number | string;
+    /** Clase CSS para el contenedor principal */
+    className?: string;
+    /** Estilos inline para el contenedor principal */
+    style?: React.CSSProperties;
+    /** Clase CSS para el Card */
+    cardClassName?: string;
+    /** Estilos inline para el Card */
+    cardStyle?: React.CSSProperties;
+    /** Clase CSS para el texto de descripción */
+    captionClassName?: string;
 }

package/package.json

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