react-ecosistema-unp 1.7.0-pre.0 → 1.7.0-pre.3

package/dist/lib/auth/contexts/AuthContex.d.ts

@@ -4,5 +4,8 @@ declare const AuthContext: React.Context<AuthContextType | undefined>;
 interface AuthProviderProps {
     children: ReactNode;
 }
+/**
+ * @deprecated since version 1.7.x
+ */
 declare const AuthProvider: React.FC<AuthProviderProps>;
 export { AuthContext, AuthProvider };

package/dist/lib/shared/menu-lateral/MenuLateral.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface MenuLateralProps {
     onToggle: () => void;
     isOpen: boolean;
+    showConnectionStatus?: boolean;
 }
 declare const MenuLateral: React.FC<MenuLateralProps>;
 export { MenuLateral };

package/dist/lib/shared/ventana-lienzo/VentanaLienzo.d.ts

@@ -5,6 +5,7 @@ interface VentanaLienzoProps {
     children?: React.ReactNode;
     items?: BreadcrumbItem[];
     extraInput?: IconoSistema[];
+    showConnectionStatus?: boolean;
 }
 declare const VentanaLienzo: React.FC<VentanaLienzoProps>;
 export { VentanaLienzo };

package/dist/lib/shared/ventana-tabs/VentanaTabs.d.ts

@@ -3,6 +3,7 @@ import { IconoSistema } from '../iconos-sistema/IconosSistema.js';
 interface VentanaUsuarioProps {
     children?: React.ReactNode;
     extraInput?: IconoSistema[];
+    showConnectionStatus?: boolean;
 }
 declare const VentanaTabs: React.FC<VentanaUsuarioProps>;
 export { VentanaTabs };

package/dist/lib/tables/tabla-registros/modal/Modal.d.ts

@@ -6,5 +6,9 @@ interface CustomModalProps {
     children: React.ReactNode;
     closeModalOut: boolean;
 }
-declare const CustomModal: React.FC<CustomModalProps>;
-export { CustomModal };
+declare const EcoModal: React.FC<CustomModalProps>;
+/**
+ * @deprecated since version 1.7.x — use `EcoModal` instead.
+ */
+export declare const CustomModal: React.FC<CustomModalProps>;
+export { EcoModal };

package/dist/lib/ui.d.ts

@@ -7,4 +7,5 @@ export { ItemsModal } from './ui/items-modal/ItemsModal.js';
 export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
 export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';
 export { CustomModal } from './tables/tabla-registros/modal/Modal.js';
+export { EcoModal } from './tables/tabla-registros/modal/Modal.js';
 export { Animacion } from './ui/animacion/Animacion.js';

package/dist/lib/utils/fetch-data/useFetchData.d.ts

@@ -2,7 +2,7 @@ interface UseFetchGenericoParams<T> {
     endpoint: string;
     localJsonPath?: string;
     label?: string;
-    dependencia?: number | null;
+    dependencia?: number | string | null;
     queryParamKey?: string;
     all?: boolean;
     filtrarResultados?: (item: T) => boolean;

package/dist/lib/utils/websocket-manager/useWebSocket.d.ts

@@ -1 +1 @@
-export declare const useWebSocket: (url: string, onMessage: (data: any) => void) => void;
+export declare const useWebSocket: (url: string, onMessage?: (data: any) => void) => void;

package/dist/shared/menu-lateral/MenuLateral.js

@@ -1,9 +1,9 @@
 import { jsx as a, Fragment as h, jsxs as t } from "react/jsx-runtime";
 import { useState as d, useEffect as m } from "react";
-import { useNavigate as b } from "react-router-dom";
+import { useNavigate as z } from "react-router-dom";
 import { j as p } from "../../index-CuHybtft.js";
-import { useFinalizarSesion as z } from "../../auth/hooks/useFinalizarSesion.js";
-import { urlBase as w, urlCertificadoLaboral as M } from "../../utils/Url.js";
+import { useFinalizarSesion as w } from "../../auth/hooks/useFinalizarSesion.js";
+import { urlBase as M, urlCertificadoLaboral as B } from "../../utils/Url.js";
 import "../../auth/contexts/AuthContex.js";
 import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';import '../../assets/MenuLateral.css';/* empty css                          */
 /* empty css                     */
@@ -11,7 +11,7 @@ import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';impo
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
 /* empty css                            */
-import { l as B } from "../../logo_escudo_blanco-DaOI8SGq.js";
+import { l as _ } from "../../logo_escudo_blanco-DaOI8SGq.js";
 /* empty css                  */
 /* empty css                                   */
 /* empty css                         */
@@ -25,108 +25,108 @@ import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                   */
 import "../../Animacion-ThNL9iiY.js";
 import "../../index-BUe3EJDH.js";
-import { useWebSocketConnection as _ } from "../../utils/websocket-manager/WebSocketContext.js";
+import { useWebSocketConnection as H } from "../../utils/websocket-manager/WebSocketContext.js";
 import { G as i } from "../../iconBase-LROS5hdG.js";
-function H(e) {
+function C(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M2 12h2a7.986 7.986 0 0 1 2.337-5.663 7.91 7.91 0 0 1 2.542-1.71 8.12 8.12 0 0 1 6.13-.041A2.488 2.488 0 0 0 17.5 7C18.886 7 20 5.886 20 4.5S18.886 2 17.5 2c-.689 0-1.312.276-1.763.725-2.431-.973-5.223-.958-7.635.059a9.928 9.928 0 0 0-3.18 2.139 9.92 9.92 0 0 0-2.14 3.179A10.005 10.005 0 0 0 2 12zm17.373 3.122c-.401.952-.977 1.808-1.71 2.541s-1.589 1.309-2.542 1.71a8.12 8.12 0 0 1-6.13.041A2.488 2.488 0 0 0 6.5 17C5.114 17 4 18.114 4 19.5S5.114 22 6.5 22c.689 0 1.312-.276 1.763-.725A9.965 9.965 0 0 0 12 22a9.983 9.983 0 0 0 9.217-6.102A9.992 9.992 0 0 0 22 12h-2a7.993 7.993 0 0 1-.627 3.122z" }, child: [] }, { tag: "path", attr: { d: "M12 7.462c-2.502 0-4.538 2.036-4.538 4.538S9.498 16.538 12 16.538s4.538-2.036 4.538-4.538S14.502 7.462 12 7.462zm0 7.076c-1.399 0-2.538-1.139-2.538-2.538S10.601 9.462 12 9.462s2.538 1.139 2.538 2.538-1.139 2.538-2.538 2.538z" }, child: [] }] })(e);
 }
-function C(e) {
+function S(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z" }, child: [] }] })(e);
 }
-function S(e) {
+function A(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z" }, child: [] }] })(e);
 }
-function A(e) {
+function y(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z" }, child: [] }, { tag: "path", attr: { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }, child: [] }] })(e);
 }
-function y(e) {
+function L(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z" }, child: [] }, { tag: "path", attr: { d: "M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z" }, child: [] }] })(e);
 }
-function L(e) {
+function V(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z" }, child: [] }] })(e);
 }
-function V(e) {
+function T(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4.222 19.778a4.983 4.983 0 0 0 3.535 1.462 4.986 4.986 0 0 0 3.536-1.462l2.828-2.829-1.414-1.414-2.828 2.829a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.829-2.828-1.414-1.414-2.829 2.828a5.006 5.006 0 0 0 0 7.071zm15.556-8.485a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0L9.879 7.051l1.414 1.414 2.828-2.829a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.829 2.828 1.414 1.414 2.829-2.828z" }, child: [] }, { tag: "path", attr: { d: "m8.464 16.95-1.415-1.414 8.487-8.486 1.414 1.415z" }, child: [] }] })(e);
 }
-function T(e) {
+function I(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M16 13v-2H7V8l-5 4 5 4v-3z" }, child: [] }, { tag: "path", attr: { d: "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" }, child: [] }] })(e);
 }
-function I(e) {
+function P(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m12 17 1-2V9.858c1.721-.447 3-2 3-3.858 0-2.206-1.794-4-4-4S8 3.794 8 6c0 1.858 1.279 3.411 3 3.858V15l1 2zM10 6c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2z" }, child: [] }, { tag: "path", attr: { d: "m16.267 10.563-.533 1.928C18.325 13.207 20 14.584 20 16c0 1.892-3.285 4-8 4s-8-2.108-8-4c0-1.416 1.675-2.793 4.267-3.51l-.533-1.928C4.197 11.54 2 13.623 2 16c0 3.364 4.393 6 10 6s10-2.636 10-6c0-2.377-2.197-4.46-5.733-5.437z" }, child: [] }] })(e);
 }
-function P(e) {
+function j(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm4 5h12v2H8zm5 5h7v2h-7z" }, child: [] }] })(e);
 }
-function j(e) {
+function E(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(e);
 }
-function E(e) {
+function U(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3.414 13.778 2 15.192l4.949 2.121 2.122 4.95 1.414-1.414-.707-3.536L13.091 14l3.61 7.704 1.339-1.339-1.19-10.123 2.828-2.829a2 2 0 1 0-2.828-2.828l-2.903 2.903L3.824 6.297 2.559 7.563l7.644 3.67-3.253 3.253-3.536-.708z" }, child: [] }] })(e);
 }
-function U(e) {
+function F(e) {
   return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M15.661 15.549a1.315 1.315 0 0 0 1.185-1.386 1.363 1.363 0 0 0-1.35-1.302h-.048a1.352 1.352 0 0 0-1.303 1.397c.024.379.179.687.391.911-.827 1.609-2.07 2.794-3.954 3.788-1.266.663-2.604.912-3.905.734-1.089-.153-1.94-.64-2.463-1.421-.78-1.185-.852-2.462-.201-3.74a5.597 5.597 0 0 1 1.658-1.931 7.88 7.88 0 0 1-.331-1.218c-3.506 2.51-3.148 5.942-2.084 7.564.794 1.184 2.415 1.941 4.19 1.941.474 0 .972-.035 1.457-.154 3.077-.592 5.409-2.438 6.747-5.16l.011-.023z" }, child: [] }, { tag: "path", attr: { d: "M19.887 12.589c-1.834-2.154-4.533-3.337-7.611-3.337h-.403c-.2-.438-.661-.711-1.183-.711h-.036c-.744 0-1.325.64-1.301 1.385.023.71.627 1.302 1.35 1.302h.059a1.332 1.332 0 0 0 1.183-.828h.439c1.824 0 3.551.532 5.126 1.574 1.206.792 2.072 1.834 2.557 3.077.425 1.019.402 2.013-.035 2.843-.675 1.302-1.812 1.988-3.314 1.988-.947 0-1.871-.296-2.345-.509-.283.235-.758.626-1.102.863 1.042.473 2.096.746 3.113.746 2.309 0 4.023-1.302 4.676-2.557.709-1.422.651-3.813-1.161-5.859l-.012.023z" }, child: [] }, { tag: "path", attr: { d: "M7.647 15.975c.023.71.626 1.302 1.35 1.302h.048a1.334 1.334 0 0 0 1.302-1.397c0-.71-.616-1.301-1.338-1.301h-.048c-.048 0-.118 0-.178.022-.982-1.657-1.397-3.434-1.242-5.349.094-1.445.567-2.7 1.42-3.742.71-.888 2.048-1.326 2.96-1.35 2.556-.048 3.622 3.138 3.704 4.404l1.184.354C16.536 5.036 14.122 3 11.813 3 9.647 3 7.647 4.574 6.842 6.884c-1.102 3.077-.379 6.036.971 8.404-.118.154-.189.426-.166.687z" }, child: [] }] })(e);
 }
-const g1 = ({ onToggle: e, isOpen: c }) => {
-  const [v, g] = d(!0), [n, s] = d(null), u = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", x = b(), { FinSesion: N } = z(), { connectionStatus: o } = _();
+const u1 = ({ onToggle: e, isOpen: c, showConnectionStatus: v }) => {
+  const [g, u] = d(!0), [n, s] = d(null), x = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", N = z(), { FinSesion: f } = w(), { connectionStatus: o } = H();
   if (m(() => {
     const l = sessionStorage.getItem("user_token");
     if (l) {
       const r = p(l);
       s(r);
     }
-    g(!1);
+    u(!1);
   }, []), m(() => {
     const l = setTimeout(() => {
       const r = sessionStorage.getItem("user_token");
       if (r) {
-        const k = p(r);
-        s(k);
+        const b = p(r);
+        s(b);
       }
     }, 2e3);
     return () => clearTimeout(l);
-  }, []), v)
+  }, []), g)
     return /* @__PURE__ */ a(h, {});
-  const f = () => {
-    x("/unp/ecosistema/usuario");
+  const k = () => {
+    N("/unp/ecosistema/usuario");
   };
-  return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ t("div", { className: u, children: [
+  return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ t("div", { className: x, children: [
     /* @__PURE__ */ t("div", { className: "logo_details", children: [
       /* @__PURE__ */ a(
         "img",
         {
-          src: B,
+          src: _,
           alt: "Logo",
           className: "icon logo-image"
         }
       ),
       /* @__PURE__ */ a("div", { className: "logo-name", children: "EI - UNP" }),
       c ? /* @__PURE__ */ a(
-        P,
+        j,
         {
           className: "bx bx-menu i",
           id: "btn",
           onClick: e
         }
-      ) : /* @__PURE__ */ a(j, { className: "bx bx-menu i", id: "btn", onClick: e })
+      ) : /* @__PURE__ */ a(E, { className: "bx bx-menu i", id: "btn", onClick: e })
     ] }),
     /* @__PURE__ */ t("ul", { className: "nav-list-panel", children: [
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "", children: [
-          /* @__PURE__ */ a(L, { className: "bx bx-home i2" }),
+          /* @__PURE__ */ a(V, { className: "bx bx-home i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Inicio" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Inicio" })
       ] }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "", children: [
-          /* @__PURE__ */ a(I, { className: "bx bx-map-pin i2" }),
+          /* @__PURE__ */ a(P, { className: "bx bx-map-pin i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Mapa del proceso" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Mapa del proceso" })
       ] }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "", children: [
-          /* @__PURE__ */ a(C, { className: "bx bx-book-alt i2" }),
+          /* @__PURE__ */ a(S, { className: "bx bx-book-alt i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Manuales de usuario" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Manual de usuario" })
@@ -134,7 +134,7 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
       /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "https://www.unp.gov.co/", target: "_blank", children: [
-          /* @__PURE__ */ a(V, { className: "bx bx-link-alt i2" }),
+          /* @__PURE__ */ a(T, { className: "bx bx-link-alt i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Portal UNP" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Portal UNP" })
@@ -146,7 +146,7 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
             href: "https://login.microsoftonline.com/common/oauth2/authorize?client_id=00000002-0000-0ff1-ce00-000000000000",
             target: "_blank",
             children: [
-              /* @__PURE__ */ a(S, { className: "bx bx-envelope i2" }),
+              /* @__PURE__ */ a(A, { className: "bx bx-envelope i2" }),
               /* @__PURE__ */ a("span", { className: "link_name", children: "Correo institucional" })
             ]
           }
@@ -155,14 +155,14 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
       ] }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
-          /* @__PURE__ */ a(U, { className: "bx bxl-redux i2" }),
+          /* @__PURE__ */ a(F, { className: "bx bxl-redux i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Acceso directo a Intranet" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Acceso directo a Intranet" })
       ] }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "https://mesadeservicios.unp.gov.co/HEAT/", target: "_blank", children: [
-          /* @__PURE__ */ a(A, { className: "bx bx-error-circle i2" }),
+          /* @__PURE__ */ a(y, { className: "bx bx-error-circle i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Mesa de servicios" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Mesa de servicios" })
@@ -170,28 +170,28 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
       /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "", children: [
-          /* @__PURE__ */ a(H, { className: "bx i2" }),
+          /* @__PURE__ */ a(C, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Acta de reunión" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Acta de reunión" })
       ] }),
       /* @__PURE__ */ t("li", { children: [
         /* @__PURE__ */ t("a", { href: "", children: [
-          /* @__PURE__ */ a(E, { className: "bx i2" }),
+          /* @__PURE__ */ a(U, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Solicitud de viáticos" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Solicitud de viáticos" })
       ] }),
       /* @__PURE__ */ t("li", { children: [
-        /* @__PURE__ */ t("a", { href: `${w}${M}`, target: "_blank", children: [
-          /* @__PURE__ */ a(y, { className: "bx i2" }),
+        /* @__PURE__ */ t("a", { href: `${M}${B}`, target: "_blank", children: [
+          /* @__PURE__ */ a(L, { className: "bx i2" }),
           /* @__PURE__ */ a("span", { className: "link_name", children: "Certificados contratistas" })
         ] }),
         /* @__PURE__ */ a("span", { className: "tooltip", children: "Certificados contratistas" })
       ] })
     ] }),
     /* @__PURE__ */ t("div", { className: "profile-content", children: [
-      !c && /* @__PURE__ */ a(h, { children: o === "connected" ? /* @__PURE__ */ t(
+      !c && v && /* @__PURE__ */ a(h, { children: o === "connected" ? /* @__PURE__ */ t(
         "svg",
         {
           className: "checkmark",
@@ -255,7 +255,7 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
           "div",
           {
             className: "profile-detail",
-            onClick: f,
+            onClick: k,
             style: { cursor: "pointer" },
             children: n && /* @__PURE__ */ t("div", { className: "name-job", style: { marginTop: "3px" }, children: [
               /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: n.datos_basicos.nombre }),
@@ -263,11 +263,11 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ a(T, { className: "icon", onClick: N })
+        /* @__PURE__ */ a(I, { className: "icon", onClick: f })
       ] })
     ] })
   ] }) });
 };
 export {
-  g1 as MenuLateral
+  u1 as MenuLateral
 };

package/dist/shared/ventana-lienzo/VentanaLienzo.js

@@ -1,21 +1,21 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import a from "react";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import o from "react";
 import { IconosSistema as c } from "../iconos-sistema/IconosSistema.js";
-import { BreadcrumbNav as l } from "../breadcrumb/Breadcrumb.js";
-import { MenuLateral as p } from "../menu-lateral/MenuLateral.js";
-import '../../assets/VentanaLienzo.css';const h = ({ children: t, items: r, extraInput: m }) => {
-  const [n, s] = a.useState(!1), i = () => {
-    s(!n);
+import { BreadcrumbNav as p } from "../breadcrumb/Breadcrumb.js";
+import { MenuLateral as d } from "../menu-lateral/MenuLateral.js";
+import '../../assets/VentanaLienzo.css';const N = ({ children: t, items: r, extraInput: s, showConnectionStatus: m = !1 }) => {
+  const [n, i] = o.useState(!1), l = () => {
+    i(!n);
   };
-  return /* @__PURE__ */ o(a.Fragment, { children: [
-    /* @__PURE__ */ e(c, { elements: m }),
-    /* @__PURE__ */ e(p, { onToggle: i, isOpen: n }),
-    /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ o("div", { className: "main-section", children: [
-      /* @__PURE__ */ e(l, { items: r }),
+  return /* @__PURE__ */ a(o.Fragment, { children: [
+    /* @__PURE__ */ e(c, { elements: s }),
+    /* @__PURE__ */ e(d, { onToggle: l, isOpen: n, showConnectionStatus: m }),
+    /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ a("div", { className: "main-section", children: [
+      /* @__PURE__ */ e(p, { items: r }),
       /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: t })
     ] }) })
   ] });
 };
 export {
-  h as VentanaLienzo
+  N as VentanaLienzo
 };

package/dist/shared/ventana-tabs/VentanaTabs.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import * as b from "react";
+import * as y from "react";
 import C, { useRef as O, useContext as S, useEffect as M } from "react";
 import { MenuLateral as F } from "../menu-lateral/MenuLateral.js";
 import { IconosSistema as H } from "../iconos-sistema/IconosSistema.js";
@@ -9,90 +9,90 @@ import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-DtFCEm
 import { u as k, c as B } from "../../ThemeProvider-Bs1j1Nwi.js";
 import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
 import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
-function P(n, e) {
+function P(n, t) {
   let a = 0;
-  return b.Children.map(n, (t) => /* @__PURE__ */ b.isValidElement(t) ? e(t, a++) : t);
+  return y.Children.map(n, (e) => /* @__PURE__ */ y.isValidElement(e) ? t(e, a++) : e);
 }
-function le(n, e) {
+function le(n, t) {
   let a = 0;
-  b.Children.forEach(n, (t) => {
-    /* @__PURE__ */ b.isValidElement(t) && e(t, a++);
+  y.Children.forEach(n, (e) => {
+    /* @__PURE__ */ y.isValidElement(e) && t(e, a++);
   });
 }
 const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
-function ce(n, e) {
+function ce(n, t) {
   if (n == null) return {};
   var a = {};
-  for (var t in n) if ({}.hasOwnProperty.call(n, t)) {
-    if (e.indexOf(t) >= 0) continue;
-    a[t] = n[t];
+  for (var e in n) if ({}.hasOwnProperty.call(n, e)) {
+    if (t.indexOf(e) >= 0) continue;
+    a[e] = n[e];
   }
   return a;
 }
 const A = () => {
-}, R = G("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
+}, R = G("event-key"), V = /* @__PURE__ */ y.forwardRef((n, t) => {
   let {
     // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
     as: a = "div",
-    onSelect: t,
+    onSelect: e,
     activeKey: s,
-    role: c,
+    role: i,
     onKeyDown: u
-  } = n, o = ce(n, ie);
-  const N = Y(), m = O(!1), y = S(I), l = S(re);
-  let v, x;
-  l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, x = l.getControllerId);
-  const f = O(null), p = (i) => {
-    const d = f.current;
+  } = n, f = ce(n, ie);
+  const c = Y(), v = O(!1), x = S(I), o = S(re);
+  let p, N;
+  o && (i = i || "tablist", s = o.activeKey, p = o.getControlledId, N = o.getControllerId);
+  const m = O(null), b = (l) => {
+    const d = m.current;
     if (!d) return null;
     const T = Q(d, `[${R}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
     if (!E || E !== document.activeElement) return null;
     const w = T.indexOf(E);
     if (w === -1) return null;
-    let g = w + i;
+    let g = w + l;
     return g >= T.length && (g = 0), g < 0 && (g = T.length - 1), T[g];
-  }, h = (i, d) => {
-    i != null && (t == null || t(i, d), y == null || y(i, d));
-  }, K = (i) => {
-    if (u == null || u(i), !l)
+  }, h = (l, d) => {
+    l != null && (e == null || e(l, d), x == null || x(l, d));
+  }, K = (l) => {
+    if (u == null || u(l), !o)
       return;
     let d;
-    switch (i.key) {
+    switch (l.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        d = p(-1);
+        d = b(-1);
         break;
       case "ArrowRight":
       case "ArrowDown":
-        d = p(1);
+        d = b(1);
         break;
       default:
         return;
     }
-    d && (i.preventDefault(), h(d.dataset[J("EventKey")] || null, i), m.current = !0, N());
+    d && (l.preventDefault(), h(d.dataset[J("EventKey")] || null, l), v.current = !0, c());
   };
   M(() => {
-    if (f.current && m.current) {
-      const i = f.current.querySelector(`[${R}][aria-selected=true]`);
-      i == null || i.focus();
+    if (m.current && v.current) {
+      const l = m.current.querySelector(`[${R}][aria-selected=true]`);
+      l == null || l.focus();
     }
-    m.current = !1;
+    v.current = !1;
   });
-  const U = Z(e, f);
+  const U = Z(t, m);
   return /* @__PURE__ */ r(I.Provider, {
     value: h,
     children: /* @__PURE__ */ r(z.Provider, {
       value: {
-        role: c,
+        role: i,
         // used by NavLink to determine it's role
         activeKey: se(s),
-        getControlledId: v || A,
-        getControllerId: x || A
+        getControlledId: p || A,
+        getControllerId: N || A
       },
-      children: /* @__PURE__ */ r(a, Object.assign({}, o, {
+      children: /* @__PURE__ */ r(a, Object.assign({}, f, {
         onKeyDown: K,
         ref: U,
-        role: c
+        role: i
       }))
     })
   });
@@ -100,50 +100,50 @@ const A = () => {
 V.displayName = "Nav";
 const de = Object.assign(V, {
   Item: W
-}), $ = /* @__PURE__ */ b.forwardRef(({
+}), $ = /* @__PURE__ */ y.forwardRef(({
   className: n,
-  bsPrefix: e,
+  bsPrefix: t,
   as: a = "div",
-  ...t
-}, s) => (e = k(e, "nav-item"), /* @__PURE__ */ r(a, {
+  ...e
+}, s) => (t = k(t, "nav-item"), /* @__PURE__ */ r(a, {
   ref: s,
-  className: B(n, e),
-  ...t
+  className: B(n, t),
+  ...e
 })));
 $.displayName = "NavItem";
-const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
+const _ = /* @__PURE__ */ y.forwardRef((n, t) => {
   const {
     as: a = "div",
-    bsPrefix: t,
+    bsPrefix: e,
     variant: s,
-    fill: c = !1,
+    fill: i = !1,
     justify: u = !1,
-    navbar: o,
-    navbarScroll: N,
-    className: m,
-    activeKey: y,
-    ...l
+    navbar: f,
+    navbarScroll: c,
+    className: v,
+    activeKey: x,
+    ...o
   } = L(n, {
     activeKey: "onSelect"
-  }), v = k(t, "nav");
-  let x, f, p = !1;
+  }), p = k(e, "nav");
+  let N, m, b = !1;
   const h = S(X), K = S(oe);
-  return h ? (x = h.bsPrefix, p = o ?? !0) : K && ({
-    cardHeaderBsPrefix: f
+  return h ? (N = h.bsPrefix, b = f ?? !0) : K && ({
+    cardHeaderBsPrefix: m
   } = K), /* @__PURE__ */ r(de, {
     as: a,
-    ref: e,
-    activeKey: y,
-    className: B(m, {
-      [v]: !p,
-      [`${x}-nav`]: p,
-      [`${x}-nav-scroll`]: p && N,
-      [`${f}-${s}`]: !!f,
-      [`${v}-${s}`]: !!s,
-      [`${v}-fill`]: c,
-      [`${v}-justified`]: u
+    ref: t,
+    activeKey: x,
+    className: B(v, {
+      [p]: !b,
+      [`${N}-nav`]: b,
+      [`${N}-nav-scroll`]: b && c,
+      [`${m}-${s}`]: !!m,
+      [`${p}-${s}`]: !!s,
+      [`${p}-fill`]: i,
+      [`${p}-justified`]: u
     }),
-    ...l
+    ...o
   });
 });
 _.displayName = "Nav";
@@ -152,90 +152,90 @@ const ue = Object.assign(_, {
   Link: D
 });
 function fe(n) {
-  let e;
+  let t;
   return le(n, (a) => {
-    e == null && (e = a.props.eventKey);
-  }), e;
+    t == null && (t = a.props.eventKey);
+  }), t;
 }
 function me(n) {
   const {
-    title: e,
+    title: t,
     eventKey: a,
-    disabled: t,
+    disabled: e,
     tabClassName: s,
-    tabAttrs: c,
+    tabAttrs: i,
     id: u
   } = n.props;
-  return e == null ? null : /* @__PURE__ */ r($, {
+  return t == null ? null : /* @__PURE__ */ r($, {
     as: "li",
     role: "presentation",
     children: /* @__PURE__ */ r(D, {
       as: "button",
       type: "button",
       eventKey: a,
-      disabled: t,
+      disabled: e,
       id: u,
       className: s,
-      ...c,
-      children: e
+      ...i,
+      children: t
     })
   });
 }
 const q = (n) => {
   const {
-    id: e,
+    id: t,
     onSelect: a,
-    transition: t,
+    transition: e,
     mountOnEnter: s = !1,
-    unmountOnExit: c = !1,
+    unmountOnExit: i = !1,
     variant: u = "tabs",
-    children: o,
-    activeKey: N = fe(o),
-    ...m
+    children: f,
+    activeKey: c = fe(f),
+    ...v
   } = L(n, {
     activeKey: "onSelect"
   });
   return /* @__PURE__ */ j(ee, {
-    id: e,
-    activeKey: N,
+    id: t,
+    activeKey: c,
     onSelect: a,
-    transition: te(t),
+    transition: te(e),
     mountOnEnter: s,
-    unmountOnExit: c,
+    unmountOnExit: i,
     children: [/* @__PURE__ */ r(ue, {
-      id: e,
-      ...m,
+      id: t,
+      ...v,
       role: "tablist",
       as: "ul",
       variant: u,
-      children: P(o, me)
+      children: P(f, me)
     }), /* @__PURE__ */ r(ne, {
-      children: P(o, (y) => {
-        const l = {
-          ...y.props
+      children: P(f, (x) => {
+        const o = {
+          ...x.props
         };
-        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(ae, {
-          ...l
+        return delete o.title, delete o.disabled, delete o.tabClassName, delete o.tabAttrs, /* @__PURE__ */ r(ae, {
+          ...o
         });
       })
     })]
   });
 };
 q.displayName = "Tabs";
-const Te = ({ children: n, extraInput: e }) => {
-  const [a, t] = C.useState(!1), [s, c] = C.useState(void 0), u = () => {
-    t(!a);
+const Te = ({ children: n, extraInput: t, showConnectionStatus: a = !1 }) => {
+  const [e, s] = C.useState(!1), [i, u] = C.useState(void 0), f = () => {
+    s(!e);
   };
   return /* @__PURE__ */ j(C.Fragment, { children: [
-    /* @__PURE__ */ r(H, { elements: e }),
-    /* @__PURE__ */ r(F, { onToggle: u, isOpen: a }),
-    /* @__PURE__ */ r("div", { className: `${a ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(H, { elements: t }),
+    /* @__PURE__ */ r(F, { onToggle: f, isOpen: e, showConnectionStatus: a }),
+    /* @__PURE__ */ r("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
       q,
       {
         id: "controlled-tab",
-        activeKey: s,
-        onSelect: (o) => c(o !== null ? o : void 0),
-        children: C.Children.map(n, (o) => C.isValidElement(o) ? o : null)
+        activeKey: i,
+        onSelect: (c) => u(c !== null ? c : void 0),
+        children: C.Children.map(n, (c) => C.isValidElement(c) ? c : null)
       }
     ) }) })
   ] });

package/dist/tables/tabla-registros/TablaRegistros.js

@@ -2,7 +2,7 @@ import { jsxs as I, Fragment as Ze, jsx as B } from "react/jsx-runtime";
 import { useState as D, useEffect as yn } from "react";
 import { L as Ee, i as vn, n as kn, a as xn } from "../../isLoading-B9qN9mny.js";
 import { Tabla as Cn } from "./tabla/Tabla.js";
-import { CustomModal as An } from "./modal/Modal.js";
+import { EcoModal as An } from "./modal/Modal.js";
 import { EncabezadoTabla as En } from "./encabezado-tabla/EncabezadoTabla.js";
 import { useNavigate as Bn } from "react-router-dom";
 import '../../assets/TablaRegistros.css';/*!

package/dist/tables/tabla-registros/modal/Modal.js

@@ -1,44 +1,45 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useState as n, useEffect as u } from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useState as d, useEffect as u } from "react";
 import '../../../assets/Modal.css';/* empty css                      */
-const N = ({
-  show: s,
-  onHide: l,
+const f = ({
+  show: o,
+  onHide: t,
   title: c,
   children: r,
   closeModalOut: m
 }) => {
-  const [t, a] = n(!1), [i, e] = n(!1);
+  const [l, a] = d(!1), [i, s] = d(!1);
   return u(() => {
-    s ? a(!0) : (e(!0), setTimeout(() => {
-      a(!1), e(!1);
+    o ? a(!0) : (s(!0), setTimeout(() => {
+      a(!1), s(!1);
     }, 200));
-  }, [s]), /* @__PURE__ */ o(
+  }, [o]), /* @__PURE__ */ e(
     "div",
     {
-      className: `modal-overlay ${t ? "show" : ""} ${i ? "hide" : ""}`,
+      className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
       onClick: () => {
-        m && (e(!0), setTimeout(() => {
-          l(), e(!1);
+        m && (s(!0), setTimeout(() => {
+          t(), s(!1);
         }, 200));
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: `modal-container ${t ? "show" : ""} ${i ? "hide" : ""}`,
+          className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
           onClick: (h) => h.stopPropagation(),
           children: [
-            /* @__PURE__ */ d("div", { className: "modal_header", children: [
-              /* @__PURE__ */ o("span", { children: c }),
-              /* @__PURE__ */ o("button", { className: "close_button", onClick: l, type: "button", children: "×" })
+            /* @__PURE__ */ n("div", { className: "modal_header", children: [
+              /* @__PURE__ */ e("span", { children: c }),
+              /* @__PURE__ */ e("button", { className: "close_button", onClick: t, type: "button", children: "×" })
             ] }),
-            /* @__PURE__ */ o("div", { className: "modal_body", children: r })
+            /* @__PURE__ */ e("div", { className: "modal_body", children: r })
           ]
         }
       )
     }
   );
-};
+}, b = (o) => /* @__PURE__ */ e(f, { ...o });
 export {
-  N as CustomModal
+  b as CustomModal,
+  f as EcoModal
 };

package/dist/ui.js

@@ -1,20 +1,21 @@
 import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
 import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
-import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
+import { ContenidoModal as n } from "./ui/contenido-modal/ContenidoModal.js";
 import { Paginador as f } from "./ui/paginador/Paginador.js";
 import { Logo as d } from "./ui/logo/Logo.js";
 import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
-import { IconoTooltip as u } from "./ui/icono-tooltip/IconoTooltip.js";
-import { ContenedorVentana as M } from "./ui/contenedor-ventana/ContenedorVentana.js";
-import { CustomModal as g } from "./tables/tabla-registros/modal/Modal.js";
+import { IconoTooltip as M } from "./ui/icono-tooltip/IconoTooltip.js";
+import { ContenedorVentana as C } from "./ui/contenedor-ventana/ContenedorVentana.js";
+import { CustomModal as g, EcoModal as s } from "./tables/tabla-registros/modal/Modal.js";
 import { Animacion as I } from "./ui/animacion/Animacion.js";
 export {
   I as Animacion,
-  M as ContenedorVentana,
-  p as ContenidoModal,
+  C as ContenedorVentana,
+  n as ContenidoModal,
   g as CustomModal,
+  s as EcoModal,
   t as Encabezado,
-  u as IconoTooltip,
+  M as IconoTooltip,
   l as ItemsModal,
   d as Logo,
   f as Paginador,

package/dist/utils/websocket-manager/useWebSocket.js

@@ -1,16 +1,17 @@
 import { useEffect as b } from "react";
-import { webSocketService as e } from "./websocket.js";
-const i = (c, s) => {
+import { webSocketService as c } from "./websocket.js";
+const u = (t, e) => {
   b(() => {
-    e.connect(c);
-    const t = (r) => {
-      s(r);
-    }, o = e.subscribe(t);
-    return () => {
-      o(), e.unsubscribe(t);
-    };
-  }, [c, s]);
+    if (c.connect(t), e) {
+      const r = (s) => {
+        e(s);
+      }, o = c.subscribe(r);
+      return () => {
+        o(), c.unsubscribe(r);
+      };
+    }
+  }, [t, e]);
 };
 export {
-  i as useWebSocket
+  u as useWebSocket
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.7.0-pre.0",
+  "version": "1.7.0-pre.3",
   "type": "module",
   "exports": {
     ".": {