react-ecosistema-unp 1.6.14 → 1.7.0-pre.1

package/dist/assets/MenuLateral.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Noto+Sans:wght@300;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap";:root{--color-default: #303d50;--color-white: #fff;--color-body: #ffffff;--color-light: #e0e0e0;--Color-complementario: #2e4b6b}*{padding:0%;margin:0%;box-sizing:border-box;font-family:roboto,sans-serif}body{min-height:calc(100vh - .5rem)}.sidebar-bar-panel{min-height:100vh;width:78px;padding:6px 14px;background-color:var(--color-default);transition:all .5s ease;position:fixed;top:0;left:0;z-index:0}.sidebar-bar-panel.open{width:280px;z-index:0}.sidebar-bar-panel .logo_details{height:60px;display:flex;align-items:center;position:relative}.logo-image{height:30px;max-width:30px;min-width:0px;object-fit:contain;margin-right:10px;margin-left:4px}.sidebar-bar-panel .logo_details .icon{opacity:0;transition:all .5s ease}.sidebar-bar-panel .logo_details .logo-name{color:var(--color-white);font-size:18px;font-weight:600;padding-left:0;max-width:180px;min-width:0px;opacity:0;transition:all .5s ease;z-index:0}.sidebar-bar-panel.open .logo_details .icon,.sidebar-bar-panel.open .logo_details .logo-name{opacity:1}.sidebar-bar-panel .logo_details #btn{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar-bar-panel.open .logo_details #btn{text-align:right;left:84.5%}.sidebar-bar-panel .i{color:var(--color-white);height:30px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:400}.sidebar-bar-panel .i2{color:var(--color-white);height:20px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:300}.sidebar-bar-panel .nav-list-panel{margin-top:20px;height:100%;padding:0}.sidebar-bar-panel li{position:relative;margin:20px 0;list-style:none}.sidebar-bar-panel li .tooltip{position:absolute;top:-20px;left:calc(100% + 15px);z-index:9000!important;background-color:var(--color-white);box-shadow:0 5px 10px #0000004d;padding:6px 14px;font-size:15px;font-weight:500;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none}.sidebar-bar-panel li:hover .tooltip{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;transform:translateY(-50%)}.sidebar-bar-panel.open li .tooltip{display:none}.sidebar-bar-panel li a{display:flex;height:100%;width:100%;align-items:center;text-decoration:none;background-color:var(--color-default);position:relative;transition:all .5s ease;z-index:12}.sidebar-bar-panel li a:after{content:"";position:absolute;width:100%;height:35px;transform:scaleX(0);background-color:var(--color-white);border-radius:5px;transition:transform .3s ease-in-out;transform-origin:left;z-index:-2}.sidebar-bar-panel li a:hover:after{transform:scaleX(1);color:var(--color-default);height:35px}.sidebar-bar-panel li a .link_name{color:var(--color-white);font-size:15px;font-weight:500;white-space:nowrap;pointer-events:auto;transition:all .4s ease;pointer-events:none;opacity:0}.sidebar-bar-panel li a:hover .link_name,.sidebar-bar-panel li a:hover .i{transition:all .5s ease;color:var(--color-default)}.sidebar-bar-panel li a:hover .bx{color:var(--color-default)}.sidebar-bar-panel.open li a .link_name{opacity:1;pointer-events:auto}.sidebar-bar-panel .profile-content{position:absolute;color:var(--color-white);bottom:0;left:0;width:100%}.sidebar-bar-panel .profile-content .profile{position:relative;padding:18px;height:75px;background:none;transition:all .5s ease}.sidebar-bar-panel .profile-content .profile a{text-decoration:none;color:var(--color-white)}.sidebar-bar-panel.open .profile-content .profile{background-color:var(--Color-complementario)}.profile-content .profile .profile-detail{display:flex;align-items:center;opacity:0;pointer-events:auto;white-space:nowrap}.sidebar-bar-panel.open .profile .profile-detail{opacity:1;pointer-events:auto}.sidebar-bar-panel.open .profile .icon{left:90%;background:none}.sidebar-bar-panel .profile .icon:hover{cursor:pointer}.profile .profile-detail .name-job{margin-left:10px}.profile .profile-detail .name{font-size:15px;font-weight:600}.profile .profile-detail .job{font-size:12px;font-weight:400}.profile .icon{position:absolute;left:50%;bottom:23%;transform:translate(-50%);min-width:40px;line-height:60px;height:38px;text-align:center;transition:all .5s ease;background:var(--Color-complementario);padding:7px;border-radius:7px}.main-section{margin-top:0;margin-left:78px;margin-right:0;transition:margin-left .5s ease;z-index:1}.menu-open .main-section{margin-left:280px;z-index:1}.bg-custom{background-color:#303d50;border:#ffffff}.bg-custom:hover{background-color:#2e465f}.custom-collapse{animation:slideFromRight .5s ease forwards}.custom-collapse-reverse{animation:slideToRight .5s ease forwards}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}
+@import"https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Noto+Sans:wght@300;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap";:root{--color-default: #303d50;--color-white: #fff;--color-body: #ffffff;--color-light: #e0e0e0;--Color-complementario: #2e4b6b}*{padding:0%;margin:0%;box-sizing:border-box;font-family:roboto,sans-serif}body{min-height:calc(100vh - .5rem)}.sidebar-bar-panel{min-height:100vh;width:78px;padding:6px 14px;background-color:var(--color-default);transition:all .5s ease;position:fixed;top:0;left:0;z-index:0}.sidebar-bar-panel.open{width:280px;z-index:0}.sidebar-bar-panel .logo_details{height:60px;display:flex;align-items:center;position:relative}.logo-image{height:30px;max-width:30px;min-width:0px;object-fit:contain;margin-right:10px;margin-left:4px}.sidebar-bar-panel .logo_details .icon{opacity:0;transition:all .5s ease}.sidebar-bar-panel .logo_details .logo-name{color:var(--color-white);font-size:18px;font-weight:600;padding-left:0;max-width:180px;min-width:0px;opacity:0;transition:all .5s ease;z-index:0}.sidebar-bar-panel.open .logo_details .icon,.sidebar-bar-panel.open .logo_details .logo-name{opacity:1}.sidebar-bar-panel .logo_details #btn{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar-bar-panel.open .logo_details #btn{text-align:right;left:84.5%}.sidebar-bar-panel .i{color:var(--color-white);height:30px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:400}.sidebar-bar-panel .i2{color:var(--color-white);height:20px;line-height:60px;min-width:50px;font-size:25px;text-align:center;font-weight:300}.sidebar-bar-panel .nav-list-panel{margin-top:20px;height:100%;padding:0}.sidebar-bar-panel li{position:relative;margin:20px 0;list-style:none}.sidebar-bar-panel li .tooltip{position:absolute;top:-20px;left:calc(100% + 15px);z-index:9000!important;background-color:var(--color-white);box-shadow:0 5px 10px #0000004d;padding:6px 14px;font-size:15px;font-weight:500;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none}.sidebar-bar-panel li:hover .tooltip{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;transform:translateY(-50%)}.sidebar-bar-panel.open li .tooltip{display:none}.sidebar-bar-panel li a{display:flex;height:100%;width:100%;align-items:center;text-decoration:none;background-color:var(--color-default);position:relative;transition:all .5s ease;z-index:12}.sidebar-bar-panel li a:after{content:"";position:absolute;width:100%;height:35px;transform:scaleX(0);background-color:var(--color-white);border-radius:5px;transition:transform .3s ease-in-out;transform-origin:left;z-index:-2}.sidebar-bar-panel li a:hover:after{transform:scaleX(1);color:var(--color-default);height:35px}.sidebar-bar-panel li a .link_name{color:var(--color-white);font-size:15px;font-weight:500;white-space:nowrap;pointer-events:auto;transition:all .4s ease;pointer-events:none;opacity:0}.sidebar-bar-panel li a:hover .link_name,.sidebar-bar-panel li a:hover .i{transition:all .5s ease;color:var(--color-default)}.sidebar-bar-panel li a:hover .bx{color:var(--color-default)}.sidebar-bar-panel.open li a .link_name{opacity:1;pointer-events:auto}.sidebar-bar-panel .profile-content{position:absolute;color:var(--color-white);bottom:0;left:0;width:100%}.sidebar-bar-panel .profile-content .profile{position:relative;padding:18px;height:75px;background:none;transition:all .5s ease}.sidebar-bar-panel .profile-content .profile a{text-decoration:none;color:var(--color-white)}.sidebar-bar-panel.open .profile-content .profile{background-color:var(--Color-complementario)}.profile-content .profile .profile-detail{display:flex;align-items:center;opacity:0;pointer-events:auto;white-space:nowrap}.sidebar-bar-panel.open .profile .profile-detail{opacity:1;pointer-events:auto}.sidebar-bar-panel.open .profile .icon{left:90%;background:none}.sidebar-bar-panel .profile .icon:hover{cursor:pointer}.profile .profile-detail .name-job{margin-left:10px}.profile .profile-detail .name{font-size:15px;font-weight:600}.profile .profile-detail .job{font-size:12px;font-weight:400}.profile .icon{position:absolute;left:50%;bottom:23%;transform:translate(-50%);min-width:40px;line-height:60px;height:38px;text-align:center;transition:all .5s ease;background:var(--Color-complementario);padding:7px;border-radius:7px}.main-section{margin-top:0;margin-left:78px;margin-right:0;transition:margin-left .5s ease;z-index:1}.menu-open .main-section{margin-left:280px;z-index:1}.bg-custom{background-color:#303d50;border:#ffffff}.bg-custom:hover{background-color:#2e465f}.custom-collapse{animation:slideFromRight .5s ease forwards}.custom-collapse-reverse{animation:slideToRight .5s ease forwards}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke-check .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{width:20px;height:20px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 #7ac142;animation:fill-check .4s ease-in-out .4s forwards,scale-check .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-check .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes scale-check{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-check{to{box-shadow:inset 0 0 0 30px #98e2609a}}.x-checkmark{width:20px;height:20px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 #c14242;animation:fill-x .4s ease-in-out .4s forwards,scale-x .3s ease-in-out .9s both}.x-checkmark_circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#c14242;fill:none;animation:stroke-x .6s cubic-bezier(.65,0,.45,1) forwards}.x-checkmark_check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-x .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-x{to{stroke-dashoffset:0}}@keyframes scale-x{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-x{to{box-shadow:inset 0 0 0 30px #e260609a}}.ripplemark{width:20px;height:20px;display:block;margin:10% auto;background-color:#60c4e29a;border-radius:50%;overflow:visible}.ripplemark__wave{fill:none;stroke:#fff;stroke-width:5;opacity:.8;transform-origin:center;animation:ripple-wave 1.5s ease-out infinite}@keyframes ripple-wave{0%{r:0;opacity:.8}70%{r:20;opacity:.2}to{r:25;opacity:0}}

package/dist/auth/contexts/AuthContex.js

@@ -1,22 +1,22 @@
 import { jsx as u } from "react/jsx-runtime";
-import { createContext as c, useState as t } from "react";
-const a = c(void 0), x = ({ children: e }) => {
-  const [o, n] = t(
+import { createContext as c, useState as e } from "react";
+const i = c(void 0), h = ({ children: t }) => {
+  const [o, r] = e(
     // localStorage.getItem("access_token")
     ""
-  ), [r, s] = t(
+  ), [n, s] = e(
     // localStorage.getItem("user_token")
     ""
   );
-  return console.log("authContext"), /* @__PURE__ */ u(
-    a.Provider,
+  return /* @__PURE__ */ u(
+    i.Provider,
     {
-      value: { authToken: o, setAuthToken: n, userToken: r, setUserToken: s },
-      children: e
+      value: { authToken: o, setAuthToken: r, userToken: n, setUserToken: s },
+      children: t
     }
   );
 };
 export {
-  a as AuthContext,
-  x as AuthProvider
+  i as AuthContext,
+  h as AuthProvider
 };

package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { o as s } from "../../../index-BpmHFDVa.js";
+import { q as s } from "../../../index-Cpp73e44.js";
 import '../../../assets/Bootstrap.css';/* empty css                          */
 import { B as a } from "../../../Button-B87TJYml.js";
 const d = {

package/dist/cards/tarjeta-info/TarjetaInfo.js

@@ -1,7 +1,8 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useState as r, useRef as d, useEffect as u } from "react";
-import { t as j, u as N } from "../../index-BpmHFDVa.js";
-import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h = !1, children: o }) => {
+import { o as j, p } from "../../index-Cpp73e44.js";
+import '../../assets/UnpHistorico.css';/* empty css                         */
+const x = ({ icon: c, label: l, show: h = !1, children: o }) => {
   const [e, i] = r(h), [f, s] = r(0), a = d(null);
   return u(() => {
     if (!a.current) return;
@@ -22,7 +23,7 @@ import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h =
           onClick: () => i(!e)
         }
       ) : /* @__PURE__ */ t(
-        N,
+        p,
         {
           className: "tarjeta-info-show-button",
           onClick: () => i(!e)
@@ -40,5 +41,5 @@ import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h =
   ] });
 };
 export {
-  C as TarjetaInfo
+  x as TarjetaInfo
 };

package/dist/data/tarjeta-datos/TarjetaDatos.js

@@ -3,7 +3,7 @@ import "react";
 import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
-import { m as t } from "../../index-BpmHFDVa.js";
+import { m as t } from "../../index-Cpp73e44.js";
 /* empty css                               */
 /* empty css                            */
 /* empty css                  */

package/dist/{index-BpmHFDVa.js → index-Cpp73e44.js}

@@ -87,13 +87,13 @@ export {
   A as l,
   x as m,
   M as n,
-  B as o,
-  g as p,
-  e as q,
-  C as r,
-  w as s,
-  d as t,
-  z as u,
+  d as o,
+  z as p,
+  B as q,
+  g as r,
+  e as s,
+  C as t,
+  w as u,
   s as v,
   r as w
 };

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/websocket-manager/WebSocketContext.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ReactNode } from 'react';
+export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
+interface WebSocketContextType {
+    connectionStatus: ConnectionStatus;
+    connectWebSocket: (url: string) => void;
+    disconnectWebSocket: () => void;
+    sendWebSocketMessage: (data: any) => void;
+}
+export declare const WebSocketProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useWebSocketConnection: () => WebSocketContextType;
+export {};

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

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

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

@@ -0,0 +1,19 @@
+type MessageHandler = (data: any) => void;
+type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
+declare class WebSocketService {
+    private socket;
+    private messageHandlers;
+    private statusCallbacks;
+    private url;
+    private reconnectTimer;
+    private reconnectionAttempts;
+    private setStatus;
+    subscribeToStatus(callback: (status: ConnectionStatus) => void): () => void;
+    connect(url: string): void;
+    disconnect(): void;
+    send(data: any): void;
+    subscribe(handler: MessageHandler): () => void;
+    unsubscribe(handler: MessageHandler): void;
+}
+export declare const webSocketService: WebSocketService;
+export {};

package/dist/lib/utils.d.ts

@@ -6,3 +6,5 @@ export { useFormValidation } from './utils/validations/useFormValidation.js';
 export { IsInvalidStyles } from './utils/validations/useFormValidation.js';
 export { CaptchaEcosistema } from './utils/captcha/CaptchaEcosistema.js';
 export { useFetchData } from './utils/fetch-data/useFetchData.js';
+export { WebSocketProvider, useWebSocketConnection } from './utils/websocket-manager/WebSocketContext.js';
+export { useWebSocket } from './utils/websocket-manager/useWebSocket.js';

package/dist/shared/app-list/AppList.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { useState as d, useEffect as h } from "react";
 import { F as t, e as u, f, g as v, h as z } from "../../index-CgSyrJ_X.js";
-import { w as N } from "../../index-BpmHFDVa.js";
+import { w as N } from "../../index-Cpp73e44.js";
 import { G as g } from "../../iconBase-LROS5hdG.js";
 import { j as w } from "../../index-CuHybtft.js";
 import { N as b } from "../../NavDropdown-ei8eIwIE.js";

package/dist/shared/iconos-sistema/logout-button/LogoutButton.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useFinalizarSesion as t } from "../../../auth/hooks/useFinalizarSesion.js";
-import { v as i } from "../../../index-BpmHFDVa.js";
+import { v as i } from "../../../index-Cpp73e44.js";
 import '../../../assets/LogoutButton.css';const a = () => {
   const { FinSesion: o } = t();
   return /* @__PURE__ */ r(i, { className: "icono-logout", onClick: o });