react-ecosistema-unp 2.0.1 → 2.2.0

package/dist/tables/custom-data-table-split/CustomDataTableSplit.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as l, Fragment as q } from "react/jsx-runtime";
-import { useState as C, useRef as ne, useCallback as re, useMemo as z, useEffect as se } from "react";
-import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/StatusSemaphore.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/CustomDataTableSplit.css';/* empty css                  */
+import { jsx as e, jsxs as l, Fragment as G } from "react/jsx-runtime";
+import { useState as C, useRef as ne, useCallback as oe, useMemo as W, useEffect as le } from "react";
+import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/DocumentoVisorEstado.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/StatusSemaphore.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/CustomDataTableSplit.css';/* empty css                  */
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                            */
@@ -12,16 +12,16 @@ import "react-router-dom";
 /* empty css                          */
 /* empty css                               */
 /* empty css                   */
-import { EcoModal as Ne } from "../tabla-registros/modal-v2/EcoModal.js";
+import { EcoModal as Me } from "../tabla-registros/modal-v2/EcoModal.js";
 import "../../ui/animacion/Animacion.js";
 /* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                            */
 /* empty css                                   */
-import { TableSkeleton as ve } from "../../ui/table-skeleton/TableSkeleton.js";
+import { TableSkeleton as be } from "../../ui/table-skeleton/TableSkeleton.js";
 /* empty css                             */
-import { PaginadorV2 as oe } from "../../ui/paginador-v2/PaginadorV2.js";
+import { PaginadorV2 as ce } from "../../ui/paginador-v2/PaginadorV2.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                                   */
@@ -32,229 +32,242 @@ import { PaginadorV2 as oe } from "../../ui/paginador-v2/PaginadorV2.js";
 /* empty css                               */
 /* empty css                       */
 /* empty css                           */
-import { formatDate as G } from "../../utils/formatters/dateFormatter.js";
+import { formatDate as J } from "../../utils/formatters/dateFormatter.js";
 import "../../index-Cy8qF6oY.js";
 import "../../utils/websocket-manager/WebSocketContext.js";
+/* empty css                                  */
 /* empty css                               */
 /* empty css                         */
 /* empty css                          */
-import "../../SileoNotifications-BESOBARG.js";
+/* empty css                                */
+import "../../index-C1R4rkuA.js";
+import "../../index-DdZBtIJj.js";
 import "../../auth/contexts/AuthContex.js";
 /* empty css                          */
-import { T as xe } from "../../Table-cUZFLrPi.js";
-function P(s, r) {
-  return s[r];
+import { T as ke } from "../../Table-cUZFLrPi.js";
+function P(n, s) {
+  return n[s];
 }
-function be(s, r) {
-  const c = s, h = c.uuid ?? c.id ?? c.numeroRegistro;
-  return h != null ? String(h) : r;
+function Ce(n, s) {
+  const c = n, u = c.uuid ?? c.id ?? c.numeroRegistro;
+  return u != null ? String(u) : s;
 }
-function $(s, r, c) {
-  return P(s, r) === c;
+function j(n, s, c) {
+  return P(n, s) === c;
 }
-function ke(s, r) {
-  if (r.filterValue) return r.filterValue(s);
-  const c = P(s, r.key);
-  return c == null ? "" : r.isDate ? G(String(c)) : String(c);
+function Pe(n, s) {
+  if (s.filterValue) return s.filterValue(n);
+  const c = P(n, s.key);
+  return c == null ? "" : s.isDate ? J(String(c)) : String(c);
 }
-function ht({
-  columns: s,
-  data: r,
+function vt({
+  columns: n,
+  data: s,
   isShared: c = !1,
-  splitField: h = "estadoRegistro",
+  splitField: u = "estadoRegistro",
   firstSectionValue: y = "en_gestion",
   sectionLabels: T = ["", "Por gestionar"],
-  renderModalContent: R,
+  renderModalContent: O,
   title: g,
   subtitle: f,
-  isLoading: le,
-  headerActions: B,
-  getRowStyle: L,
+  isLoading: ie,
+  headerActions: R,
+  getRowStyle: _,
   pageSize: N = 10,
-  getRowKey: j = be,
-  rowSelection: i,
-  infiniteScroll: d,
+  getRowKey: E = Ce,
+  rowSelection: d,
+  infiniteScroll: m,
   enableColumnFilters: v = !1,
-  stickyHeader: O = !0,
-  toolbar: m
+  stickyHeader: K = !0,
+  toolbar: h,
+  onRowClick: $,
+  closeModalOut: de = !0
 }) {
-  var ae;
-  const [ce, J] = C(!1), [Q, ie] = C(null), [U, de] = C(null), [me, X] = C(!1), [W, _] = C(1), [x, pe] = C({}), Y = ne(null), Z = ne(null), D = s.length + (i ? 1 : 0), F = re(
-    (t, a) => ((i == null ? void 0 : i.getRowKey) ?? j)(t, a),
-    [i, j]
-  ), o = z(() => {
-    if (!v) return r;
-    const t = Object.entries(x).filter(([, a]) => a.trim());
-    return t.length === 0 ? r : r.filter(
-      (a) => t.every(([p, u]) => {
-        const M = s.find((K) => K.key === p);
-        if (!M || M.filterable === !1) return !0;
-        const I = u.trim().toLowerCase();
-        return ke(a, M).toLowerCase().includes(I);
+  var se;
+  const [me, Q] = C(!1), [U, pe] = C(null), [X, he] = C(null), [ue, Y] = C(!1), [q, F] = C(1), [x, ge] = C({}), Z = ne(null), H = ne(null), D = n.length + (d ? 1 : 0), V = oe(
+    (a, t) => ((d == null ? void 0 : d.getRowKey) ?? E)(a, t),
+    [d, E]
+  ), o = W(() => {
+    if (!v) return s;
+    const a = Object.entries(x).filter(([, t]) => t.trim());
+    return a.length === 0 ? s : s.filter(
+      (t) => a.every(([i, p]) => {
+        const k = n.find((L) => L.key === i);
+        if (!k || k.filterable === !1) return !0;
+        const I = p.trim().toLowerCase();
+        return Pe(t, k).toLowerCase().includes(I);
       })
     );
-  }, [r, x, v, s]), V = z(
-    () => v && Object.values(x).some((t) => t.trim()),
+  }, [s, x, v, n]), A = W(
+    () => v && Object.values(x).some((a) => a.trim()),
     [v, x]
   );
-  se(() => {
-    _(1);
-  }, [r, x]);
-  const H = Math.max(1, Math.ceil(o.length / N)), E = (W - 1) * N, b = !!d, he = z(
-    () => o.slice(E, E + N),
-    [o, E, N]
-  ), A = b ? o : he, k = b ? 0 : E;
-  se(() => {
-    if (!d) return;
-    const t = Y.current, a = Z.current;
-    if (!t || !a) return;
-    const p = new IntersectionObserver(
-      (u) => {
-        u.some((I) => I.isIntersecting) && d.hasMore && !d.isLoadingMore && d.onLoadMore();
+  le(() => {
+    F(1);
+  }, [s, x]);
+  const w = Math.max(1, Math.ceil(o.length / N)), z = (q - 1) * N, M = !!m, fe = W(
+    () => o.slice(z, z + N),
+    [o, z, N]
+  ), S = M ? o : fe, b = M ? 0 : z;
+  le(() => {
+    if (!m) return;
+    const a = Z.current, t = H.current;
+    if (!a || !t) return;
+    const i = new IntersectionObserver(
+      (p) => {
+        p.some((I) => I.isIntersecting) && m.hasMore && !m.isLoadingMore && m.onLoadMore();
       },
-      { root: t, rootMargin: "160px 0px", threshold: 0 }
+      { root: a, rootMargin: "160px 0px", threshold: 0 }
     );
-    return p.observe(a), () => p.disconnect();
-  }, [d, r.length]);
-  const w = re(
-    (t, a) => {
-      !R || !a.hasModal || (ie(t), de(a), J(!0));
+    return i.observe(t), () => i.disconnect();
+  }, [m, s.length]);
+  const ee = oe(
+    (a, t, i) => {
+      const p = typeof t.hasModal == "function" ? t.hasModal(a) : !!t.hasModal;
+      !O || !p || (i == null || i.stopPropagation(), pe(a), he(t), Q(!0));
     },
-    [R]
-  ), S = () => {
-    J(!1), X(!1);
-  }, ee = z(() => {
-    const t = [];
-    if (c && k > 0) {
-      const a = o[k - 1], p = o[k];
-      a && p && $(a, h, y) && !$(p, h, y) && t.push(
-        /* @__PURE__ */ e("tr", { className: "eco-split-section-row", children: /* @__PURE__ */ e("td", { colSpan: D, className: "eco-split-section-cell", children: /* @__PURE__ */ e("div", { className: "eco-split-section-bar", children: T[1] }) }) }, `split-top-${k}`)
+    [O]
+  ), te = () => {
+    Q(!1), Y(!1);
+  }, ae = W(() => {
+    const a = [];
+    if (c && b > 0) {
+      const t = o[b - 1], i = o[b];
+      t && i && j(t, u, y) && !j(i, u, y) && a.push(
+        /* @__PURE__ */ e("tr", { className: "eco-split-section-row", children: /* @__PURE__ */ e("td", { colSpan: D, className: "eco-split-section-cell", children: /* @__PURE__ */ e("div", { className: "eco-split-section-bar", children: T[1] }) }) }, `split-top-${b}`)
       );
     }
-    return A.forEach((a, p) => {
-      const u = k + p;
-      if (c && u > 0) {
-        const n = o[u - 1], ye = o[u];
-        n && $(n, h, y) && !$(ye, h, y) && t.push(
-          /* @__PURE__ */ e("tr", { className: "eco-split-section-row", children: /* @__PURE__ */ e("td", { colSpan: D, className: "eco-split-section-cell", children: /* @__PURE__ */ e("div", { className: "eco-split-section-bar", children: T[1] }) }) }, `split-${u}`)
+    return S.forEach((t, i) => {
+      const p = b + i;
+      if (c && p > 0) {
+        const r = o[p - 1], B = o[p];
+        r && j(r, u, y) && !j(B, u, y) && a.push(
+          /* @__PURE__ */ e("tr", { className: "eco-split-section-row", children: /* @__PURE__ */ e("td", { colSpan: D, className: "eco-split-section-cell", children: /* @__PURE__ */ e("div", { className: "eco-split-section-bar", children: T[1] }) }) }, `split-${p}`)
         );
       }
-      const M = j(a, u), I = i ? F(a, u) : null, K = i != null && i.selectedKey != null && String(i.selectedKey) === String(I);
-      t.push(
+      const k = E(t, p), I = d ? V(t, p) : null, L = d != null && d.selectedKey != null && String(d.selectedKey) === String(I);
+      a.push(
         /* @__PURE__ */ l(
           "tr",
           {
-            className: K ? "eco-row-selected" : void 0,
-            style: L ? L(a) : void 0,
+            className: `${L ? "eco-row-selected" : ""} ${$ ? "eco-row-clickable" : ""}`,
+            style: {
+              cursor: $ ? "pointer" : void 0,
+              ..._ ? _(t) : {}
+            },
+            onClick: () => $ == null ? void 0 : $(t),
             children: [
-              i ? /* @__PURE__ */ e(
+              d ? /* @__PURE__ */ e(
                 "td",
                 {
                   className: "eco-select-cell",
-                  onClick: (n) => n.stopPropagation(),
-                  onKeyDown: (n) => n.stopPropagation(),
+                  onClick: (r) => r.stopPropagation(),
+                  onKeyDown: (r) => r.stopPropagation(),
                   children: /* @__PURE__ */ e(
                     "input",
                     {
                       type: "radio",
                       name: "eco-table-row-selection",
-                      checked: K === !0,
-                      onChange: () => i.onSelect(a),
+                      checked: L === !0,
+                      onChange: () => d.onSelect(t),
                       "aria-label": "Seleccionar fila para exportar"
                     }
                   )
                 }
               ) : null,
-              s.map((n) => /* @__PURE__ */ e(
-                "td",
-                {
-                  onClick: () => w(a, n),
-                  style: n.hasModal ? { cursor: "pointer" } : void 0,
-                  className: `
-                ${n.hasModal ? "eco-has-modal-cell" : ""}
-                ${n.noPadding ? "eco-no-padding-cell" : ""}
-              `,
-                  children: n.hasModal ? /* @__PURE__ */ e("div", { className: "eco-cell-modal-trigger", children: n.renderComponent ? n.renderComponent(a) : n.isDate ? G(String(P(a, n.key) ?? "")) : String(P(a, n.key) ?? "—") }) : n.renderComponent ? n.renderComponent(a) : n.isDate ? G(String(P(a, n.key) ?? "")) : String(P(a, n.key) ?? "—")
-                },
-                n.key
-              ))
+              n.map((r) => {
+                const B = typeof r.hasModal == "function" ? r.hasModal(t) : !!r.hasModal;
+                return /* @__PURE__ */ e(
+                  "td",
+                  {
+                    onClick: (xe) => ee(t, r, xe),
+                    style: B ? { cursor: "pointer" } : void 0,
+                    className: `
+                  ${B ? "eco-has-modal-cell" : ""}
+                  ${r.noPadding ? "eco-no-padding-cell" : ""}
+                `,
+                    children: B ? /* @__PURE__ */ e("div", { className: "eco-cell-modal-trigger", children: r.renderComponent ? r.renderComponent(t) : r.isDate ? J(String(P(t, r.key) ?? "")) : String(P(t, r.key) ?? "—") }) : r.renderComponent ? r.renderComponent(t) : r.isDate ? J(String(P(t, r.key) ?? "")) : String(P(t, r.key) ?? "—")
+                  },
+                  r.key
+                );
+              })
             ]
           },
-          M
+          k
         )
       );
-    }), t;
+    }), a;
   }, [
-    A,
+    S,
     o,
-    k,
-    s,
+    b,
+    n,
     c,
-    h,
+    u,
     y,
     T,
-    j,
-    L,
-    w,
-    i,
-    F,
+    E,
+    _,
+    ee,
+    d,
+    V,
     D
-  ]), ue = /* @__PURE__ */ l("thead", { children: [
+  ]), ye = /* @__PURE__ */ l("thead", { children: [
     /* @__PURE__ */ l("tr", { children: [
-      i ? /* @__PURE__ */ e("th", { scope: "col", className: "eco-select-cell", "aria-label": "Selección", children: "Sel." }) : null,
-      s.map((t) => /* @__PURE__ */ e("th", { children: t.label }, t.key))
+      d ? /* @__PURE__ */ e("th", { scope: "col", className: "eco-select-cell", "aria-label": "Selección", children: "Sel." }) : null,
+      n.map((a) => /* @__PURE__ */ e("th", { children: a.label }, a.key))
     ] }),
     v ? /* @__PURE__ */ l("tr", { className: "eco-column-filter-row", children: [
-      i ? /* @__PURE__ */ e("th", { scope: "col", className: "eco-column-filter-cell" }) : null,
-      s.map((t) => /* @__PURE__ */ e("th", { scope: "col", className: "eco-column-filter-cell", children: t.filterable === !1 ? null : /* @__PURE__ */ e(
+      d ? /* @__PURE__ */ e("th", { scope: "col", className: "eco-column-filter-cell" }) : null,
+      n.map((a) => /* @__PURE__ */ e("th", { scope: "col", className: "eco-column-filter-cell", children: a.filterable === !1 ? null : /* @__PURE__ */ e(
         "input",
         {
           type: "search",
           className: "eco-column-filter-input",
           placeholder: "Filtrar…",
-          value: x[t.key] ?? "",
-          onChange: (a) => pe((p) => ({ ...p, [t.key]: a.target.value })),
-          "aria-label": `Filtrar ${t.label}`
+          value: x[a.key] ?? "",
+          onChange: (t) => ge((i) => ({ ...i, [a.key]: t.target.value })),
+          "aria-label": `Filtrar ${a.label}`
         }
-      ) }, `filter-${t.key}`))
+      ) }, `filter-${a.key}`))
     ] }) : null
-  ] }), ge = /* @__PURE__ */ e("tbody", { children: ee.length > 0 ? ee : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: D, className: "text-center py-5 text-muted", children: "No se encontraron registros para mostrar." }) }) }), te = V && o.length !== r.length ? /* @__PURE__ */ l(q, { children: [
+  ] }), Ne = /* @__PURE__ */ e("tbody", { children: ae.length > 0 ? ae : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: D, className: "text-center py-5 text-muted", children: "No se encontraron registros para mostrar." }) }) }), re = A && o.length !== s.length ? /* @__PURE__ */ l(G, { children: [
     "Mostrando ",
     /* @__PURE__ */ e("strong", { children: o.length }),
     " de ",
-    /* @__PURE__ */ e("strong", { children: r.length }),
+    /* @__PURE__ */ e("strong", { children: s.length }),
     " registros"
-  ] }) : /* @__PURE__ */ l(q, { children: [
+  ] }) : /* @__PURE__ */ l(G, { children: [
     "Total de registros: ",
     /* @__PURE__ */ e("strong", { children: o.length })
-  ] }), fe = O ? /* @__PURE__ */ l("div", { className: "eco-custom-pagination eco-table-footer", "aria-live": "polite", children: [
-    /* @__PURE__ */ e("span", { className: "eco-pagination-info", children: te }),
-    b ? null : /* @__PURE__ */ e("div", { className: "eco-table-footer-pagination", children: /* @__PURE__ */ e(
-      oe,
+  ] }), ve = K ? /* @__PURE__ */ l("div", { className: "eco-custom-pagination eco-table-footer", "aria-live": "polite", children: [
+    /* @__PURE__ */ e("span", { className: "eco-pagination-info", children: re }),
+    M ? null : /* @__PURE__ */ e("div", { className: "eco-table-footer-pagination", children: /* @__PURE__ */ e(
+      ce,
       {
-        currentPage: W,
-        totalPages: H,
-        onPageChange: _,
+        currentPage: q,
+        totalPages: w,
+        onPageChange: F,
         totalRecords: o.length,
         pageSize: N
       }
     ) })
-  ] }) : b ? /* @__PURE__ */ e("div", { className: "eco-custom-pagination eco-table-infinite-total", "aria-live": "polite", children: /* @__PURE__ */ e("span", { className: "eco-pagination-info", children: te }) }) : /* @__PURE__ */ e(
-    oe,
+  ] }) : M ? /* @__PURE__ */ e("div", { className: "eco-custom-pagination eco-table-infinite-total", "aria-live": "polite", children: /* @__PURE__ */ e("span", { className: "eco-pagination-info", children: re }) }) : /* @__PURE__ */ e(
+    ce,
     {
-      currentPage: W,
-      totalPages: H,
-      onPageChange: _,
+      currentPage: q,
+      totalPages: w,
+      onPageChange: F,
       totalRecords: o.length,
       pageSize: N
     }
   );
-  return le ? /* @__PURE__ */ e(ve, { columns: D }) : /* @__PURE__ */ l(
+  return ie ? /* @__PURE__ */ e(be, { columns: D }) : /* @__PURE__ */ l(
     "div",
     {
-      className: `eco-custom-data-table-wrapper custom-data-table-split${O ? " custom-data-table-split--sticky" : ""}`,
+      className: `eco-custom-data-table-wrapper custom-data-table-split${K ? " custom-data-table-split--sticky" : ""}`,
       children: [
-        g ?? f ?? B ?? m ? /* @__PURE__ */ l(
+        g ?? f ?? R ?? h ? /* @__PURE__ */ l(
           "div",
           {
             className: `eco-custom-data-table-header ${!g && !f ? "compact" : ""}`,
@@ -273,66 +286,66 @@ function ht({
                 g ? /* @__PURE__ */ e("h2", { style: { fontSize: "1.5rem", fontWeight: 700, color: "#1a202c", marginBottom: "4px" }, children: g }) : null,
                 f ? /* @__PURE__ */ e("p", { style: { fontSize: "0.9rem", color: "#718096", margin: 0 }, children: f }) : null
               ] }),
-              m || B ? /* @__PURE__ */ l("div", { className: "eco-custom-data-table-toolbar-actions", children: [
-                m != null && m.onSearch ? /* @__PURE__ */ l("div", { className: "eco-custom-data-table-search-wrapper", children: [
+              h || R ? /* @__PURE__ */ l("div", { className: "eco-custom-data-table-toolbar-actions", children: [
+                h != null && h.onSearch ? /* @__PURE__ */ l("div", { className: "eco-custom-data-table-search-wrapper", children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "search",
                       className: "eco-custom-data-table-search-input",
-                      placeholder: m.searchPlaceholder ?? "Buscar…",
-                      value: m.searchTerm ?? "",
-                      onChange: (t) => {
-                        var a;
-                        return (a = m.onSearch) == null ? void 0 : a.call(m, t.target.value);
+                      placeholder: h.searchPlaceholder ?? "Buscar…",
+                      value: h.searchTerm ?? "",
+                      onChange: (a) => {
+                        var t;
+                        return (t = h.onSearch) == null ? void 0 : t.call(h, a.target.value);
                       },
-                      "aria-label": m.searchPlaceholder ?? "Buscar en la tabla"
+                      "aria-label": h.searchPlaceholder ?? "Buscar en la tabla"
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "eco-search-icon-inside", "aria-hidden": "true", children: "⌕" })
                 ] }) : null,
-                v && V ? /* @__PURE__ */ l("span", { className: "eco-table-count-badge", children: [
+                v && A ? /* @__PURE__ */ l("span", { className: "eco-table-count-badge", children: [
                   o.length,
                   " de ",
-                  r.length
+                  s.length
                 ] }) : null,
-                B ? /* @__PURE__ */ e("div", { className: "eco-table-actions-wrap", style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: B }) : null
+                R ? /* @__PURE__ */ e("div", { className: "eco-table-actions-wrap", style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: R }) : null
               ] }) : null
             ]
           }
         ) : null,
-        c && o.some((t) => $(t, h, y)) && ((ae = T[0]) != null && ae.trim()) ? /* @__PURE__ */ e("div", { className: "eco-split-section-caption", children: T[0] }) : null,
+        c && o.some((a) => j(a, u, y)) && ((se = T[0]) != null && se.trim()) ? /* @__PURE__ */ e("div", { className: "eco-split-section-caption", children: T[0] }) : null,
         /* @__PURE__ */ l(
           "div",
           {
-            ref: Y,
-            className: `eco-custom-data-table-container${O ? " eco-table-sticky-header" : ""}${!O && b ? " eco-table-infinite-scroll" : ""}`,
+            ref: Z,
+            className: `eco-custom-data-table-container${K ? " eco-table-sticky-header" : ""}${!K && M ? " eco-table-infinite-scroll" : ""}`,
             children: [
-              /* @__PURE__ */ l(xe, { className: "eco-custom-data-table", borderless: !0, children: [
-                ue,
-                ge
+              /* @__PURE__ */ l(ke, { className: "eco-custom-data-table", borderless: !0, children: [
+                ye,
+                Ne
               ] }),
-              b && (d != null && d.hasMore) ? /* @__PURE__ */ l(q, { children: [
-                d != null && d.isLoadingMore ? /* @__PURE__ */ e("div", { className: "eco-infinite-loading text-muted small py-2 text-center", children: "Cargando más solicitudes…" }) : null,
-                /* @__PURE__ */ e("div", { ref: Z, className: "eco-infinite-sentinel", "aria-hidden": !0 })
+              M && (m != null && m.hasMore) ? /* @__PURE__ */ l(G, { children: [
+                m != null && m.isLoadingMore ? /* @__PURE__ */ e("div", { className: "eco-infinite-loading text-muted small py-2 text-center", children: "Cargando más solicitudes…" }) : null,
+                /* @__PURE__ */ e("div", { ref: H, className: "eco-infinite-sentinel", "aria-hidden": !0 })
               ] }) : null
             ]
           }
         ),
-        fe,
-        R ? /* @__PURE__ */ e(
-          Ne,
+        ve,
+        O ? /* @__PURE__ */ e(
+          Me,
           {
-            show: ce,
-            onHide: S,
-            closeModalOut: !0,
+            show: me,
+            onHide: te,
+            closeModalOut: de,
             title: "",
             modalType: "primary",
             showMaximizeButton: !0,
-            isMaximized: me,
-            onToggleMaximize: () => X((t) => !t),
+            isMaximized: ue,
+            onToggleMaximize: () => Y((a) => !a),
             hasBody: !0,
-            children: Q && U ? R(Q, U, S) : /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("p", { children: "No hay contenido disponible para este modal." }) })
+            children: U && X ? O(U, X, te) : /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("p", { children: "No hay contenido disponible para este modal." }) })
           }
         ) : null
       ]
@@ -340,5 +353,5 @@ function ht({
   );
 }
 export {
-  ht as CustomDataTableSplit
+  vt as CustomDataTableSplit
 };

package/dist/tables/custom-table-toolbar/CustomTableToolbar.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { i as y } from "../../index-C4MBu_wk.js";
+import { i as y } from "../../index-B96iRUpt.js";
 import { StatusFilterBar as w } from "../../ui/status-filter-bar/StatusFilterBar.js";
 import '../../assets/CustomTableToolbar.css';const N = ({
   onSearch: i,