react-ecosistema-unp 2.0.0 → 2.1.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 re, 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/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 xe } 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 Me } 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,239 @@ 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                          */
-import "../../SileoNotifications-BESOBARG.js";
+/* empty css                                */
+import "../../index-C1R4rkuA.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 be } from "../../Table-cUZFLrPi.js";
+function P(r, n) {
+  return r[n];
 }
-function be(s, r) {
-  const c = s, h = c.uuid ?? c.id ?? c.numeroRegistro;
-  return h != null ? String(h) : r;
+function ke(r, n) {
+  const c = r, u = c.uuid ?? c.id ?? c.numeroRegistro;
+  return u != null ? String(u) : n;
 }
-function $(s, r, c) {
-  return P(s, r) === c;
+function j(r, n, c) {
+  return P(r, n) === 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 Ce(r, n) {
+  if (n.filterValue) return n.filterValue(r);
+  const c = P(r, n.key);
+  return c == null ? "" : n.isDate ? J(String(c)) : String(c);
 }
-function ht({
-  columns: s,
-  data: r,
+function ft({
+  columns: r,
+  data: n,
   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 = ke,
+  rowSelection: d,
+  infiniteScroll: m,
   enableColumnFilters: v = !1,
-  stickyHeader: O = !0,
-  toolbar: m
+  stickyHeader: K = !0,
+  toolbar: h,
+  onRowClick: $
 }) {
-  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 ne;
+  const [de, Q] = C(!1), [U, me] = C(null), [X, pe] = C(null), [he, Y] = C(!1), [q, F] = C(1), [x, ue] = C({}), Z = re(null), H = re(null), D = r.length + (d ? 1 : 0), V = oe(
+    (a, t) => ((d == null ? void 0 : d.getRowKey) ?? E)(a, t),
+    [d, E]
+  ), o = W(() => {
+    if (!v) return n;
+    const a = Object.entries(x).filter(([, t]) => t.trim());
+    return a.length === 0 ? n : n.filter(
+      (t) => a.every(([i, p]) => {
+        const k = r.find((L) => L.key === i);
+        if (!k || k.filterable === !1) return !0;
+        const I = p.trim().toLowerCase();
+        return Ce(t, k).toLowerCase().includes(I);
       })
     );
-  }, [r, x, v, s]), V = z(
-    () => v && Object.values(x).some((t) => t.trim()),
+  }, [n, x, v, r]), 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);
+  }, [n, x]);
+  const w = Math.max(1, Math.ceil(o.length / N)), z = (q - 1) * N, M = !!m, ge = W(
+    () => o.slice(z, z + N),
+    [o, z, N]
+  ), S = M ? o : ge, 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, n.length]);
+  const ee = oe(
+    (a, t, i) => {
+      const p = typeof t.hasModal == "function" ? t.hasModal(a) : !!t.hasModal;
+      !O || !p || (i == null || i.stopPropagation(), me(a), pe(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 s = o[p - 1], B = o[p];
+        s && j(s, 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: (s) => s.stopPropagation(),
+                  onKeyDown: (s) => s.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
-              ))
+              r.map((s) => {
+                const B = typeof s.hasModal == "function" ? s.hasModal(t) : !!s.hasModal;
+                return /* @__PURE__ */ e(
+                  "td",
+                  {
+                    onClick: (ve) => ee(t, s, ve),
+                    style: B ? { cursor: "pointer" } : void 0,
+                    className: `
+                  ${B ? "eco-has-modal-cell" : ""}
+                  ${s.noPadding ? "eco-no-padding-cell" : ""}
+                `,
+                    children: B ? /* @__PURE__ */ e("div", { className: "eco-cell-modal-trigger", children: s.renderComponent ? s.renderComponent(t) : s.isDate ? J(String(P(t, s.key) ?? "")) : String(P(t, s.key) ?? "—") }) : s.renderComponent ? s.renderComponent(t) : s.isDate ? J(String(P(t, s.key) ?? "")) : String(P(t, s.key) ?? "—")
+                  },
+                  s.key
+                );
+              })
             ]
           },
-          M
+          k
         )
       );
-    }), t;
+    }), a;
   }, [
-    A,
+    S,
     o,
-    k,
-    s,
+    b,
+    r,
     c,
-    h,
+    u,
     y,
     T,
-    j,
-    L,
-    w,
-    i,
-    F,
+    E,
+    _,
+    ee,
+    d,
+    V,
     D
-  ]), ue = /* @__PURE__ */ l("thead", { children: [
+  ]), fe = /* @__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,
+      r.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,
+      r.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) => ue((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: [
+  ] }), ye = /* @__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." }) }) }), se = A && o.length !== n.length ? /* @__PURE__ */ l(G, { children: [
     "Mostrando ",
     /* @__PURE__ */ e("strong", { children: o.length }),
     " de ",
-    /* @__PURE__ */ e("strong", { children: r.length }),
+    /* @__PURE__ */ e("strong", { children: n.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,
+  ] }), Ne = K ? /* @__PURE__ */ l("div", { className: "eco-custom-pagination eco-table-footer", "aria-live": "polite", children: [
+    /* @__PURE__ */ e("span", { className: "eco-pagination-info", children: se }),
+    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: se }) }) : /* @__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(Me, { 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 +283,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
+                  n.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)) && ((ne = T[0]) != null && ne.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(be, { className: "eco-custom-data-table", borderless: !0, children: [
+                fe,
+                ye
               ] }),
-              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,
+        Ne,
+        O ? /* @__PURE__ */ e(
+          xe,
           {
-            show: ce,
-            onHide: S,
+            show: de,
+            onHide: te,
             closeModalOut: !0,
             title: "",
             modalType: "primary",
             showMaximizeButton: !0,
-            isMaximized: me,
-            onToggleMaximize: () => X((t) => !t),
+            isMaximized: he,
+            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 +350,5 @@ function ht({
   );
 }
 export {
-  ht as CustomDataTableSplit
+  ft as CustomDataTableSplit
 };

package/dist/utils/eco-provider/EcoContext.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { AuthProvider as i } from "../../auth/contexts/AuthContex.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AuthProvider as m } from "../../auth/contexts/AuthContex.js";
 import "react";
 import "../../index-Cy8qF6oY.js";
-import { WebSocketProvider as m } from "../websocket-manager/WebSocketContext.js";
-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/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.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';/* empty css                  */
+import { WebSocketProvider as p } from "../websocket-manager/WebSocketContext.js";
+import '../../assets/SileoNotifications.css';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/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.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';/* empty css                  */
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                            */
@@ -39,12 +39,14 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
 /* empty css                         */
 /* empty css                          */
-import { T as p } from "../../SileoNotifications-BESOBARG.js";
+/* empty css                                */
+import "../../index-C1R4rkuA.js";
+import { Toaster as e } from "../notifications/EcoToaster.js";
 /* empty css                          */
-const X = ({ children: o }) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ t(m, { children: [
-  /* @__PURE__ */ r(p, {}),
+const _ = ({ children: o, showToaster: t = !0 }) => /* @__PURE__ */ r(m, { children: /* @__PURE__ */ i(p, { children: [
+  t && /* @__PURE__ */ r(e, { isDefault: !0 }),
   o
 ] }) });
 export {
-  X as EcoProvider
+  _ as EcoProvider
 };

package/dist/utils/notifications/EcoToaster.js

@@ -0,0 +1,47 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useId as d, useSyncExternalStore as l, useEffect as c } from "react";
+import { T as a } from "../../index-C1R4rkuA.js";
+const i = [], s = /* @__PURE__ */ new Set();
+function o() {
+  s.forEach((e) => {
+    try {
+      e();
+    } catch {
+    }
+  });
+}
+function g(e, t, n) {
+  const r = i.find((f) => f.id === e);
+  r ? (r.isDefault = t, r.props = n) : i.push({ id: e, isDefault: t, props: n }), o();
+}
+function h(e) {
+  const t = i.findIndex((n) => n.id === e);
+  t !== -1 && (i.splice(t, 1), o());
+}
+function m(e, t) {
+  const n = i.find((r) => r.id === e);
+  n && (n.props = t, o());
+}
+function x() {
+  if (i.length === 0) return null;
+  const e = i.filter((t) => !t.isDefault);
+  return e.length > 0 ? e[e.length - 1].id : i[0].id;
+}
+const E = ({ isDefault: e = !1, ...t }) => {
+  const n = d(), r = l(
+    (f) => (s.add(f), () => {
+      s.delete(f);
+    }),
+    () => x(),
+    () => null
+  );
+  return c(() => (g(n, e, t), () => {
+    h(n);
+  }), [n, e]), c(() => {
+    m(n, t);
+  }, [n, t.theme, t.position, JSON.stringify(t.offset), JSON.stringify(t.options)]), r !== n ? null : /* @__PURE__ */ u(a, { ...t });
+};
+export {
+  E as Toaster,
+  E as default
+};