react-ecosistema-unp 2.1.0 → 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 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                  */
+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,14 +12,14 @@ import "react-router-dom";
 /* empty css                          */
 /* empty css                               */
 /* empty css                   */
-import { EcoModal as xe } 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 Me } from "../../ui/table-skeleton/TableSkeleton.js";
+import { TableSkeleton as be } from "../../ui/table-skeleton/TableSkeleton.js";
 /* empty css                             */
 import { PaginadorV2 as ce } from "../../ui/paginador-v2/PaginadorV2.js";
 /* empty css                             */
@@ -35,32 +35,34 @@ import { PaginadorV2 as ce } from "../../ui/paginador-v2/PaginadorV2.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                          */
 /* empty css                                */
 import "../../index-C1R4rkuA.js";
+import "../../index-DdZBtIJj.js";
 import "../../auth/contexts/AuthContex.js";
 /* empty css                          */
-import { T as be } from "../../Table-cUZFLrPi.js";
-function P(r, n) {
-  return r[n];
+import { T as ke } from "../../Table-cUZFLrPi.js";
+function P(n, s) {
+  return n[s];
 }
-function ke(r, n) {
-  const c = r, u = c.uuid ?? c.id ?? c.numeroRegistro;
-  return u != null ? String(u) : n;
+function Ce(n, s) {
+  const c = n, u = c.uuid ?? c.id ?? c.numeroRegistro;
+  return u != null ? String(u) : s;
 }
-function j(r, n, c) {
-  return P(r, n) === c;
+function j(n, s, c) {
+  return P(n, s) === 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 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 ft({
-  columns: r,
-  data: n,
+function vt({
+  columns: n,
+  data: s,
   isShared: c = !1,
   splitField: u = "estadoRegistro",
   firstSectionValue: y = "en_gestion",
@@ -72,40 +74,41 @@ function ft({
   headerActions: R,
   getRowStyle: _,
   pageSize: N = 10,
-  getRowKey: E = ke,
+  getRowKey: E = Ce,
   rowSelection: d,
   infiniteScroll: m,
   enableColumnFilters: v = !1,
   stickyHeader: K = !0,
   toolbar: h,
-  onRowClick: $
+  onRowClick: $,
+  closeModalOut: de = !0
 }) {
-  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(
+  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 n;
+    if (!v) return s;
     const a = Object.entries(x).filter(([, t]) => t.trim());
-    return a.length === 0 ? n : n.filter(
+    return a.length === 0 ? s : s.filter(
       (t) => a.every(([i, p]) => {
-        const k = r.find((L) => L.key === i);
+        const k = n.find((L) => L.key === i);
         if (!k || k.filterable === !1) return !0;
         const I = p.trim().toLowerCase();
-        return Ce(t, k).toLowerCase().includes(I);
+        return Pe(t, k).toLowerCase().includes(I);
       })
     );
-  }, [n, x, v, r]), A = W(
+  }, [s, x, v, n]), A = W(
     () => v && Object.values(x).some((a) => a.trim()),
     [v, x]
   );
   le(() => {
     F(1);
-  }, [n, x]);
-  const w = Math.max(1, Math.ceil(o.length / N)), z = (q - 1) * N, M = !!m, ge = W(
+  }, [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 : ge, b = M ? 0 : z;
+  ), S = M ? o : fe, b = M ? 0 : z;
   le(() => {
     if (!m) return;
     const a = Z.current, t = H.current;
@@ -117,11 +120,11 @@ function ft({
       { root: a, rootMargin: "160px 0px", threshold: 0 }
     );
     return i.observe(t), () => i.disconnect();
-  }, [m, n.length]);
+  }, [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(), me(a), pe(t), Q(!0));
+      !O || !p || (i == null || i.stopPropagation(), pe(a), he(t), Q(!0));
     },
     [O]
   ), te = () => {
@@ -137,8 +140,8 @@ function ft({
     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(
+        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}`)
         );
       }
@@ -158,8 +161,8 @@ function ft({
                 "td",
                 {
                   className: "eco-select-cell",
-                  onClick: (s) => s.stopPropagation(),
-                  onKeyDown: (s) => s.stopPropagation(),
+                  onClick: (r) => r.stopPropagation(),
+                  onKeyDown: (r) => r.stopPropagation(),
                   children: /* @__PURE__ */ e(
                     "input",
                     {
@@ -172,20 +175,20 @@ function ft({
                   )
                 }
               ) : null,
-              r.map((s) => {
-                const B = typeof s.hasModal == "function" ? s.hasModal(t) : !!s.hasModal;
+              n.map((r) => {
+                const B = typeof r.hasModal == "function" ? r.hasModal(t) : !!r.hasModal;
                 return /* @__PURE__ */ e(
                   "td",
                   {
-                    onClick: (ve) => ee(t, s, ve),
+                    onClick: (xe) => ee(t, r, xe),
                     style: B ? { cursor: "pointer" } : void 0,
                     className: `
                   ${B ? "eco-has-modal-cell" : ""}
-                  ${s.noPadding ? "eco-no-padding-cell" : ""}
+                  ${r.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) ?? "—")
+                    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) ?? "—")
                   },
-                  s.key
+                  r.key
                 );
               })
             ]
@@ -198,7 +201,7 @@ function ft({
     S,
     o,
     b,
-    r,
+    n,
     c,
     u,
     y,
@@ -209,36 +212,36 @@ function ft({
     d,
     V,
     D
-  ]), fe = /* @__PURE__ */ l("thead", { children: [
+  ]), ye = /* @__PURE__ */ l("thead", { children: [
     /* @__PURE__ */ l("tr", { children: [
       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))
+      n.map((a) => /* @__PURE__ */ e("th", { children: a.label }, a.key))
     ] }),
     v ? /* @__PURE__ */ l("tr", { className: "eco-column-filter-row", children: [
       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(
+      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[a.key] ?? "",
-          onChange: (t) => ue((i) => ({ ...i, [a.key]: t.target.value })),
+          onChange: (t) => ge((i) => ({ ...i, [a.key]: t.target.value })),
           "aria-label": `Filtrar ${a.label}`
         }
       ) }, `filter-${a.key}`))
     ] }) : null
-  ] }), 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: [
+  ] }), 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: n.length }),
+    /* @__PURE__ */ e("strong", { children: s.length }),
     " registros"
   ] }) : /* @__PURE__ */ l(G, { children: [
     "Total de registros: ",
     /* @__PURE__ */ e("strong", { children: o.length })
-  ] }), 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 }),
+  ] }), 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,
       {
@@ -249,7 +252,7 @@ function ft({
         pageSize: N
       }
     ) })
-  ] }) : 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(
+  ] }) : 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: q,
@@ -259,7 +262,7 @@ function ft({
       pageSize: N
     }
   );
-  return ie ? /* @__PURE__ */ e(Me, { columns: D }) : /* @__PURE__ */ l(
+  return ie ? /* @__PURE__ */ e(be, { columns: D }) : /* @__PURE__ */ l(
     "div",
     {
       className: `eco-custom-data-table-wrapper custom-data-table-split${K ? " custom-data-table-split--sticky" : ""}`,
@@ -304,23 +307,23 @@ function ft({
                 v && A ? /* @__PURE__ */ l("span", { className: "eco-table-count-badge", children: [
                   o.length,
                   " de ",
-                  n.length
+                  s.length
                 ] }) : 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((a) => j(a, u, y)) && ((ne = T[0]) != null && ne.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: Z,
             className: `eco-custom-data-table-container${K ? " eco-table-sticky-header" : ""}${!K && M ? " eco-table-infinite-scroll" : ""}`,
             children: [
-              /* @__PURE__ */ l(be, { className: "eco-custom-data-table", borderless: !0, children: [
-                fe,
-                ye
+              /* @__PURE__ */ l(ke, { className: "eco-custom-data-table", borderless: !0, children: [
+                ye,
+                Ne
               ] }),
               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,
@@ -329,17 +332,17 @@ function ft({
             ]
           }
         ),
-        Ne,
+        ve,
         O ? /* @__PURE__ */ e(
-          xe,
+          Me,
           {
-            show: de,
+            show: me,
             onHide: te,
-            closeModalOut: !0,
+            closeModalOut: de,
             title: "",
             modalType: "primary",
             showMaximizeButton: !0,
-            isMaximized: he,
+            isMaximized: ue,
             onToggleMaximize: () => Y((a) => !a),
             hasBody: !0,
             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." }) })
@@ -350,5 +353,5 @@ function ft({
   );
 }
 export {
-  ft 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,