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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}
1
+ .title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.title{font-weight:500;font-size:clamp(1rem,2.5vw,1.55rem);color:#232323}.subtitle{font-size:clamp(.8rem,2vw,1.05rem);color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}
@@ -1 +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%)}}.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}}
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%)}}.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}}.gear{width:20px;height:20px;display:block;margin:auto;animation:rotate-gear 60s linear infinite}.gear__path{stroke:#ffffff57;stroke-width:2;fill:none}@keyframes rotate-gear{to{transform:rotate(360deg)}}.gear-tooltip-container{position:relative}.gear-tooltip-text{visibility:hidden;width:max-content;background-color:#d3635fe7;color:#000;text-align:center;border-radius:7px;background-color:var(--color-white);box-shadow:0 5px 10px #0000004d;padding:6px 10px;position:absolute;top:-30%;left:80%;opacity:0;transition:opacity .1s;pointer-events:none;transition:all .1s ease-in-out;font-size:.85rem;font-weight:500;z-index:9999}.gear-tooltip-container:hover .gear-tooltip-text{visibility:visible;opacity:.9}
@@ -1 +1 @@
1
- .table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:.75rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}.search-column-input{border-radius:11px!important;padding-right:40px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:#303d50;color:#fff;font-weight:600;cursor:pointer}
1
+ .table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}@media (max-height: 780px){.table-scroll{max-height:65vh!important}}@media (max-height: 670px){.table-scroll{max-height:60vh!important}}@media (max-height: 590px){.table-scroll{max-height:55vh!important}}@media (max-height: 520px){.table-scroll{max-height:50vh!important}}@media (max-height: 470px){.table-scroll{max-height:40vh!important}}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:16px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}.search-column-input{border-radius:11px!important;padding-right:40px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:#3c2970;color:#fff;font-weight:600;cursor:pointer}
@@ -1,24 +1,26 @@
1
1
  import { FinSesionService as r } from "../services/FinSesionService.js";
2
2
  import { y as a } from "../../index-BUe3EJDH.js";
3
- import { useState as c, useEffect as m } from "react";
4
- import { j as l } from "../../index-CuHybtft.js";
3
+ import { useState as c, useEffect as l } from "react";
4
+ import { j as m } from "../../index-CuHybtft.js";
5
5
  const p = () => {
6
- const [e, t] = c(null), n = `${window.location.protocol}//${window.location.host}/`;
7
- return m(() => {
6
+ const [e, i] = c(null), s = `${window.location.protocol}//${window.location.host}/`;
7
+ return l(() => {
8
8
  const o = sessionStorage.getItem("user_token");
9
9
  if (o) {
10
- const s = l(o);
11
- t(s);
10
+ const n = m(o);
11
+ i(n);
12
12
  }
13
13
  }, []), { FinSesion: () => {
14
14
  a.promise(
15
- new Promise(async (o, s) => {
15
+ new Promise(async (o, n) => {
16
16
  try {
17
- await r((e == null ? void 0 : e.datos_basicos.username) || "", n), sessionStorage.removeItem("user_token"), setTimeout(() => {
18
- o(!0), window.location.href = n;
17
+ await r((e == null ? void 0 : e.datos_basicos.username) || "", s), o(!0);
18
+ } catch (t) {
19
+ n(t);
20
+ } finally {
21
+ sessionStorage.removeItem("user_token"), setTimeout(() => {
22
+ window.location.href = s;
19
23
  }, 1e3);
20
- } catch (i) {
21
- s(i);
22
24
  }
23
25
  }),
24
26
  {
@@ -2,6 +2,7 @@ import { default as React } from 'react';
2
2
  interface MenuLateralProps {
3
3
  onToggle: () => void;
4
4
  isOpen: boolean;
5
+ showConnectionStatus?: boolean;
5
6
  }
6
7
  declare const MenuLateral: React.FC<MenuLateralProps>;
7
8
  export { MenuLateral };
@@ -5,6 +5,7 @@ interface VentanaLienzoProps {
5
5
  children?: React.ReactNode;
6
6
  items?: BreadcrumbItem[];
7
7
  extraInput?: IconoSistema[];
8
+ showConnectionStatus?: boolean;
8
9
  }
9
10
  declare const VentanaLienzo: React.FC<VentanaLienzoProps>;
10
11
  export { VentanaLienzo };
@@ -3,6 +3,7 @@ import { IconoSistema } from '../iconos-sistema/IconosSistema.js';
3
3
  interface VentanaUsuarioProps {
4
4
  children?: React.ReactNode;
5
5
  extraInput?: IconoSistema[];
6
+ showConnectionStatus?: boolean;
6
7
  }
7
8
  declare const VentanaTabs: React.FC<VentanaUsuarioProps>;
8
9
  export { VentanaTabs };
@@ -6,5 +6,9 @@ interface CustomModalProps {
6
6
  children: React.ReactNode;
7
7
  closeModalOut: boolean;
8
8
  }
9
- declare const CustomModal: React.FC<CustomModalProps>;
10
- export { CustomModal };
9
+ declare const EcoModal: React.FC<CustomModalProps>;
10
+ /**
11
+ * @deprecated since version 1.7.x — use `EcoModal` instead.
12
+ */
13
+ export declare const CustomModal: React.FC<CustomModalProps>;
14
+ export { EcoModal };
package/dist/lib/ui.d.ts CHANGED
@@ -7,4 +7,5 @@ export { ItemsModal } from './ui/items-modal/ItemsModal.js';
7
7
  export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
8
8
  export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';
9
9
  export { CustomModal } from './tables/tabla-registros/modal/Modal.js';
10
+ export { EcoModal } from './tables/tabla-registros/modal/Modal.js';
10
11
  export { Animacion } from './ui/animacion/Animacion.js';
@@ -2,7 +2,7 @@ interface UseFetchGenericoParams<T> {
2
2
  endpoint: string;
3
3
  localJsonPath?: string;
4
4
  label?: string;
5
- dependencia?: number | null;
5
+ dependencia?: number | string | null;
6
6
  queryParamKey?: string;
7
7
  all?: boolean;
8
8
  filtrarResultados?: (item: T) => boolean;
@@ -2,8 +2,17 @@ import { default as React, ReactNode } from 'react';
2
2
  export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
3
3
  interface WebSocketContextType {
4
4
  connectionStatus: ConnectionStatus;
5
+ /**
6
+ * @deprecated función experimental, no se recomienda su uso.
7
+ */
5
8
  connectWebSocket: (url: string) => void;
9
+ /**
10
+ * @deprecated función experimental, no se recomienda su uso.
11
+ */
6
12
  disconnectWebSocket: () => void;
13
+ /**
14
+ * @deprecated función experimental, no se recomienda su uso.
15
+ */
7
16
  sendWebSocketMessage: (data: any) => void;
8
17
  }
9
18
  export declare const WebSocketProvider: React.FC<{
@@ -1 +1 @@
1
- export declare const useWebSocket: (url: string, onMessage: (data: any) => void) => void;
1
+ export declare const useWebSocket: (url: string, onMessage?: (data: any) => void) => void;
@@ -1,9 +1,9 @@
1
- import { jsx as a, Fragment as h, jsxs as t } from "react/jsx-runtime";
2
- import { useState as d, useEffect as m } from "react";
3
- import { useNavigate as b } from "react-router-dom";
4
- import { j as p } from "../../index-CuHybtft.js";
5
- import { useFinalizarSesion as z } from "../../auth/hooks/useFinalizarSesion.js";
6
- import { urlBase as w, urlCertificadoLaboral as M } from "../../utils/Url.js";
1
+ import { jsx as a, Fragment as g, jsxs as e } from "react/jsx-runtime";
2
+ import { useState as o, useEffect as d } from "react";
3
+ import { useNavigate as H } from "react-router-dom";
4
+ import { j as u } from "../../index-CuHybtft.js";
5
+ import { useFinalizarSesion as C } from "../../auth/hooks/useFinalizarSesion.js";
6
+ import { urlBase as S, urlCertificadoLaboral as A } from "../../utils/Url.js";
7
7
  import "../../auth/contexts/AuthContex.js";
8
8
  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 */
9
9
  /* empty css */
@@ -11,7 +11,7 @@ import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';impo
11
11
  import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
12
12
  /* empty css */
13
13
  /* empty css */
14
- import { l as B } from "../../logo_escudo_blanco-DaOI8SGq.js";
14
+ import { l as L } from "../../logo_escudo_blanco-DaOI8SGq.js";
15
15
  /* empty css */
16
16
  /* empty css */
17
17
  /* empty css */
@@ -25,193 +25,198 @@ import "../../ui/subtitulo/Subtitulo.js";
25
25
  /* empty css */
26
26
  import "../../Animacion-ThNL9iiY.js";
27
27
  import "../../index-BUe3EJDH.js";
28
- import { useWebSocketConnection as _ } from "../../utils/websocket-manager/WebSocketContext.js";
28
+ import { useWebSocketConnection as V } from "../../utils/websocket-manager/WebSocketContext.js";
29
29
  import { G as i } from "../../iconBase-LROS5hdG.js";
30
- function H(e) {
31
- 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);
30
+ function y(t) {
31
+ 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: [] }] })(t);
32
32
  }
33
- function C(e) {
34
- 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);
33
+ function E(t) {
34
+ 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: [] }] })(t);
35
35
  }
36
- function S(e) {
37
- 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);
36
+ function T(t) {
37
+ 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: [] }] })(t);
38
38
  }
39
- function A(e) {
40
- 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);
39
+ function I(t) {
40
+ 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: [] }] })(t);
41
41
  }
42
- function y(e) {
43
- 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);
42
+ function P(t) {
43
+ 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: [] }] })(t);
44
44
  }
45
- function L(e) {
46
- 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);
45
+ function j(t) {
46
+ 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: [] }] })(t);
47
47
  }
48
- function V(e) {
49
- 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);
48
+ function U(t) {
49
+ 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: [] }] })(t);
50
50
  }
51
- function T(e) {
52
- 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);
51
+ function F(t) {
52
+ 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: [] }] })(t);
53
53
  }
54
- function I(e) {
55
- 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);
54
+ function R(t) {
55
+ 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: [] }] })(t);
56
56
  }
57
- function P(e) {
58
- return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm4 5h12v2H8zm5 5h7v2h-7z" }, child: [] }] })(e);
57
+ function $(t) {
58
+ return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm4 5h12v2H8zm5 5h7v2h-7z" }, child: [] }] })(t);
59
59
  }
60
- function j(e) {
61
- return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(e);
60
+ function D(t) {
61
+ return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(t);
62
62
  }
63
- function E(e) {
64
- 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);
63
+ function G(t) {
64
+ 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: [] }] })(t);
65
65
  }
66
- function U(e) {
67
- 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);
66
+ function W(t) {
67
+ 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: [] }] })(t);
68
68
  }
69
- const g1 = ({ onToggle: e, isOpen: c }) => {
70
- 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 } = _();
71
- if (m(() => {
72
- const l = sessionStorage.getItem("user_token");
73
- if (l) {
74
- const r = p(l);
75
- s(r);
69
+ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
70
+ const [N, f] = o(!0), [m, p] = o(null), k = l ? "sidebar-bar-panel open" : "sidebar-bar-panel", b = H(), { FinSesion: w } = C(), { connectionStatus: v } = V(), [z, c] = o(!1), [M, n] = o(""), h = `${window.location.host}`;
71
+ if (d(() => {
72
+ const r = sessionStorage.getItem("user_token");
73
+ if (r) {
74
+ const s = u(r);
75
+ p(s);
76
76
  }
77
- g(!1);
78
- }, []), m(() => {
79
- const l = setTimeout(() => {
80
- const r = sessionStorage.getItem("user_token");
81
- if (r) {
82
- const k = p(r);
83
- s(k);
77
+ f(!1);
78
+ }, []), d(() => {
79
+ const r = setTimeout(() => {
80
+ const s = sessionStorage.getItem("user_token");
81
+ if (s) {
82
+ const _ = u(s);
83
+ p(_);
84
84
  }
85
85
  }, 2e3);
86
- return () => clearTimeout(l);
87
- }, []), v)
88
- return /* @__PURE__ */ a(h, {});
89
- const f = () => {
90
- x("/unp/ecosistema/usuario");
86
+ return () => clearTimeout(r);
87
+ }, []), d(() => {
88
+ h.includes("localhost") ? (c(!0), n("Entorno local")) : h.includes("ecosistemadesarrollo") ? (c(!0), n("Entorno de desarrollo")) : h.includes("ecosistemapruebas") ? (c(!0), n("Entorno de pruebas")) : (c(!1), n(""));
89
+ }, []), N)
90
+ return /* @__PURE__ */ a(g, {});
91
+ const B = () => {
92
+ b("/unp/ecosistema/usuario");
91
93
  };
92
- return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ t("div", { className: u, children: [
93
- /* @__PURE__ */ t("div", { className: "logo_details", children: [
94
+ return /* @__PURE__ */ a("div", { className: `container-fluid ${l ? "menu-open" : ""}`, children: /* @__PURE__ */ e("div", { className: k, children: [
95
+ /* @__PURE__ */ e("div", { className: "logo_details", children: [
94
96
  /* @__PURE__ */ a(
95
97
  "img",
96
98
  {
97
- src: B,
99
+ src: L,
98
100
  alt: "Logo",
99
101
  className: "icon logo-image"
100
102
  }
101
103
  ),
102
104
  /* @__PURE__ */ a("div", { className: "logo-name", children: "EI - UNP" }),
103
- c ? /* @__PURE__ */ a(
104
- P,
105
+ l ? /* @__PURE__ */ a(
106
+ $,
105
107
  {
106
108
  className: "bx bx-menu i",
107
109
  id: "btn",
108
- onClick: e
110
+ onClick: t
109
111
  }
110
- ) : /* @__PURE__ */ a(j, { className: "bx bx-menu i", id: "btn", onClick: e })
112
+ ) : /* @__PURE__ */ a(D, { className: "bx bx-menu i", id: "btn", onClick: t })
111
113
  ] }),
112
- /* @__PURE__ */ t("ul", { className: "nav-list-panel", children: [
113
- /* @__PURE__ */ t("li", { children: [
114
- /* @__PURE__ */ t("a", { href: "", children: [
115
- /* @__PURE__ */ a(L, { className: "bx bx-home i2" }),
114
+ /* @__PURE__ */ e("ul", { className: "nav-list-panel", children: [
115
+ /* @__PURE__ */ e("li", { children: [
116
+ /* @__PURE__ */ e("a", { href: "", children: [
117
+ /* @__PURE__ */ a(j, { className: "bx bx-home i2" }),
116
118
  /* @__PURE__ */ a("span", { className: "link_name", children: "Inicio" })
117
119
  ] }),
118
120
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Inicio" })
119
121
  ] }),
120
- /* @__PURE__ */ t("li", { children: [
121
- /* @__PURE__ */ t("a", { href: "", children: [
122
- /* @__PURE__ */ a(I, { className: "bx bx-map-pin i2" }),
122
+ /* @__PURE__ */ e("li", { children: [
123
+ /* @__PURE__ */ e("a", { href: "", children: [
124
+ /* @__PURE__ */ a(R, { className: "bx bx-map-pin i2" }),
123
125
  /* @__PURE__ */ a("span", { className: "link_name", children: "Mapa del proceso" })
124
126
  ] }),
125
127
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Mapa del proceso" })
126
128
  ] }),
127
- /* @__PURE__ */ t("li", { children: [
128
- /* @__PURE__ */ t("a", { href: "", children: [
129
- /* @__PURE__ */ a(C, { className: "bx bx-book-alt i2" }),
129
+ /* @__PURE__ */ e("li", { children: [
130
+ /* @__PURE__ */ e("a", { href: "", children: [
131
+ /* @__PURE__ */ a(E, { className: "bx bx-book-alt i2" }),
130
132
  /* @__PURE__ */ a("span", { className: "link_name", children: "Manuales de usuario" })
131
133
  ] }),
132
134
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Manual de usuario" })
133
135
  ] }),
134
136
  /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
135
- /* @__PURE__ */ t("li", { children: [
136
- /* @__PURE__ */ t("a", { href: "https://www.unp.gov.co/", target: "_blank", children: [
137
- /* @__PURE__ */ a(V, { className: "bx bx-link-alt i2" }),
137
+ /* @__PURE__ */ e("li", { children: [
138
+ /* @__PURE__ */ e("a", { href: "https://www.unp.gov.co/", target: "_blank", children: [
139
+ /* @__PURE__ */ a(U, { className: "bx bx-link-alt i2" }),
138
140
  /* @__PURE__ */ a("span", { className: "link_name", children: "Portal UNP" })
139
141
  ] }),
140
142
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Portal UNP" })
141
143
  ] }),
142
- /* @__PURE__ */ t("li", { children: [
143
- /* @__PURE__ */ t(
144
+ /* @__PURE__ */ e("li", { children: [
145
+ /* @__PURE__ */ e(
144
146
  "a",
145
147
  {
146
148
  href: "https://login.microsoftonline.com/common/oauth2/authorize?client_id=00000002-0000-0ff1-ce00-000000000000",
147
149
  target: "_blank",
148
150
  children: [
149
- /* @__PURE__ */ a(S, { className: "bx bx-envelope i2" }),
151
+ /* @__PURE__ */ a(T, { className: "bx bx-envelope i2" }),
150
152
  /* @__PURE__ */ a("span", { className: "link_name", children: "Correo institucional" })
151
153
  ]
152
154
  }
153
155
  ),
154
156
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Correo institucional" })
155
157
  ] }),
156
- /* @__PURE__ */ t("li", { children: [
157
- /* @__PURE__ */ t("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
158
- /* @__PURE__ */ a(U, { className: "bx bxl-redux i2" }),
158
+ /* @__PURE__ */ e("li", { children: [
159
+ /* @__PURE__ */ e("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
160
+ /* @__PURE__ */ a(W, { className: "bx bxl-redux i2" }),
159
161
  /* @__PURE__ */ a("span", { className: "link_name", children: "Acceso directo a Intranet" })
160
162
  ] }),
161
163
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Acceso directo a Intranet" })
162
164
  ] }),
163
- /* @__PURE__ */ t("li", { children: [
164
- /* @__PURE__ */ t("a", { href: "https://mesadeservicios.unp.gov.co/HEAT/", target: "_blank", children: [
165
- /* @__PURE__ */ a(A, { className: "bx bx-error-circle i2" }),
165
+ /* @__PURE__ */ e("li", { children: [
166
+ /* @__PURE__ */ e("a", { href: "https://mesadeservicios.unp.gov.co/HEAT/", target: "_blank", children: [
167
+ /* @__PURE__ */ a(I, { className: "bx bx-error-circle i2" }),
166
168
  /* @__PURE__ */ a("span", { className: "link_name", children: "Mesa de servicios" })
167
169
  ] }),
168
170
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Mesa de servicios" })
169
171
  ] }),
170
172
  /* @__PURE__ */ a("div", { style: { paddingLeft: "15px", paddingRight: "15px" }, children: /* @__PURE__ */ a("hr", { style: { borderTop: "1px solid white" } }) }),
171
- /* @__PURE__ */ t("li", { children: [
172
- /* @__PURE__ */ t("a", { href: "", children: [
173
- /* @__PURE__ */ a(H, { className: "bx i2" }),
173
+ /* @__PURE__ */ e("li", { children: [
174
+ /* @__PURE__ */ e("a", { href: "", children: [
175
+ /* @__PURE__ */ a(y, { className: "bx i2" }),
174
176
  /* @__PURE__ */ a("span", { className: "link_name", children: "Acta de reunión" })
175
177
  ] }),
176
178
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Acta de reunión" })
177
179
  ] }),
178
- /* @__PURE__ */ t("li", { children: [
179
- /* @__PURE__ */ t("a", { href: "", children: [
180
- /* @__PURE__ */ a(E, { className: "bx i2" }),
180
+ /* @__PURE__ */ e("li", { children: [
181
+ /* @__PURE__ */ e("a", { href: "", children: [
182
+ /* @__PURE__ */ a(G, { className: "bx i2" }),
181
183
  /* @__PURE__ */ a("span", { className: "link_name", children: "Solicitud de viáticos" })
182
184
  ] }),
183
185
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Solicitud de viáticos" })
184
186
  ] }),
185
- /* @__PURE__ */ t("li", { children: [
186
- /* @__PURE__ */ t("a", { href: `${w}${M}`, target: "_blank", children: [
187
- /* @__PURE__ */ a(y, { className: "bx i2" }),
187
+ /* @__PURE__ */ e("li", { children: [
188
+ /* @__PURE__ */ e("a", { href: `${S}${A}`, target: "_blank", children: [
189
+ /* @__PURE__ */ a(P, { className: "bx i2" }),
188
190
  /* @__PURE__ */ a("span", { className: "link_name", children: "Certificados contratistas" })
189
191
  ] }),
190
192
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Certificados contratistas" })
191
193
  ] })
192
194
  ] }),
193
- /* @__PURE__ */ t("div", { className: "profile-content", children: [
194
- !c && /* @__PURE__ */ a(h, { children: o === "connected" ? /* @__PURE__ */ t(
195
- "svg",
196
- {
197
- className: "checkmark",
198
- xmlns: "http://www.w3.org/2000/svg",
199
- viewBox: "0 0 52 52",
200
- children: [
201
- /* @__PURE__ */ a(
202
- "circle",
203
- {
204
- className: "checkmark__circle",
205
- cx: "26",
206
- cy: "26",
207
- r: "25",
208
- fill: "none"
209
- }
210
- ),
211
- /* @__PURE__ */ a("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
212
- ]
213
- }
214
- ) : o === "connecting" ? /* @__PURE__ */ t(
195
+ /* @__PURE__ */ e("div", { className: "profile-content", children: [
196
+ !l && x && /* @__PURE__ */ a(g, { children: v === "connected" ? /* @__PURE__ */ e("div", { className: "gear-tooltip-container", children: [
197
+ /* @__PURE__ */ e(
198
+ "svg",
199
+ {
200
+ className: "checkmark",
201
+ xmlns: "http://www.w3.org/2000/svg",
202
+ viewBox: "0 0 52 52",
203
+ children: [
204
+ /* @__PURE__ */ a(
205
+ "circle",
206
+ {
207
+ className: "checkmark__circle",
208
+ cx: "26",
209
+ cy: "26",
210
+ r: "25",
211
+ fill: "none"
212
+ }
213
+ ),
214
+ /* @__PURE__ */ a("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
215
+ ]
216
+ }
217
+ ),
218
+ /* @__PURE__ */ a("span", { className: "gear-tooltip-text", children: "Conexión exitosa" })
219
+ ] }) : v === "connecting" ? /* @__PURE__ */ e(
215
220
  "svg",
216
221
  {
217
222
  className: "ripplemark",
@@ -222,7 +227,7 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
222
227
  /* @__PURE__ */ a("circle", { className: "ripplemark__wave", cx: "26", cy: "26", r: "0", style: { animationDelay: "0.75s" } })
223
228
  ]
224
229
  }
225
- ) : /* @__PURE__ */ t(
230
+ ) : /* @__PURE__ */ e(
226
231
  "svg",
227
232
  {
228
233
  className: "x-checkmark",
@@ -250,24 +255,53 @@ const g1 = ({ onToggle: e, isOpen: c }) => {
250
255
  ]
251
256
  }
252
257
  ) }),
253
- /* @__PURE__ */ t("div", { className: "profile", children: [
258
+ z && /* @__PURE__ */ e("div", { className: "gear-tooltip-container", children: [
259
+ /* @__PURE__ */ a(
260
+ "svg",
261
+ {
262
+ className: "gear",
263
+ xmlns: "http://www.w3.org/2000/svg",
264
+ viewBox: "0 0 24 24",
265
+ fill: "none",
266
+ children: /* @__PURE__ */ a(
267
+ "path",
268
+ {
269
+ className: "gear__path",
270
+ fill: "none",
271
+ d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\r
272
+ M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65\r
273
+ 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65\r
274
+ 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65\r
275
+ 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0\r
276
+ 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65\r
277
+ 0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0\r
278
+ 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65\r
279
+ 0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0\r
280
+ 0-1.51 1z`
281
+ }
282
+ )
283
+ }
284
+ ),
285
+ /* @__PURE__ */ a("span", { className: "gear-tooltip-text", children: M })
286
+ ] }),
287
+ /* @__PURE__ */ e("div", { className: "profile", children: [
254
288
  /* @__PURE__ */ a(
255
289
  "div",
256
290
  {
257
291
  className: "profile-detail",
258
- onClick: f,
292
+ onClick: B,
259
293
  style: { cursor: "pointer" },
260
- children: n && /* @__PURE__ */ t("div", { className: "name-job", style: { marginTop: "3px" }, children: [
261
- /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: n.datos_basicos.nombre }),
294
+ children: m && /* @__PURE__ */ e("div", { className: "name-job", style: { marginTop: "3px" }, children: [
295
+ /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: m.datos_basicos.nombre }),
262
296
  /* @__PURE__ */ a("div", { className: "job" })
263
297
  ] })
264
298
  }
265
299
  ),
266
- /* @__PURE__ */ a(T, { className: "icon", onClick: N })
300
+ /* @__PURE__ */ a(F, { className: "icon", onClick: w })
267
301
  ] })
268
302
  ] })
269
303
  ] }) });
270
304
  };
271
305
  export {
272
- g1 as MenuLateral
306
+ b1 as MenuLateral
273
307
  };
@@ -1,21 +1,21 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
- import a from "react";
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import o from "react";
3
3
  import { IconosSistema as c } from "../iconos-sistema/IconosSistema.js";
4
- import { BreadcrumbNav as l } from "../breadcrumb/Breadcrumb.js";
5
- import { MenuLateral as p } from "../menu-lateral/MenuLateral.js";
6
- import '../../assets/VentanaLienzo.css';const h = ({ children: t, items: r, extraInput: m }) => {
7
- const [n, s] = a.useState(!1), i = () => {
8
- s(!n);
4
+ import { BreadcrumbNav as p } from "../breadcrumb/Breadcrumb.js";
5
+ import { MenuLateral as d } from "../menu-lateral/MenuLateral.js";
6
+ import '../../assets/VentanaLienzo.css';const N = ({ children: t, items: r, extraInput: s, showConnectionStatus: m = !1 }) => {
7
+ const [n, i] = o.useState(!1), l = () => {
8
+ i(!n);
9
9
  };
10
- return /* @__PURE__ */ o(a.Fragment, { children: [
11
- /* @__PURE__ */ e(c, { elements: m }),
12
- /* @__PURE__ */ e(p, { onToggle: i, isOpen: n }),
13
- /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ o("div", { className: "main-section", children: [
14
- /* @__PURE__ */ e(l, { items: r }),
10
+ return /* @__PURE__ */ a(o.Fragment, { children: [
11
+ /* @__PURE__ */ e(c, { elements: s }),
12
+ /* @__PURE__ */ e(d, { onToggle: l, isOpen: n, showConnectionStatus: m }),
13
+ /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ a("div", { className: "main-section", children: [
14
+ /* @__PURE__ */ e(p, { items: r }),
15
15
  /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: t })
16
16
  ] }) })
17
17
  ] });
18
18
  };
19
19
  export {
20
- h as VentanaLienzo
20
+ N as VentanaLienzo
21
21
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, jsxs as j } from "react/jsx-runtime";
2
- import * as b from "react";
2
+ import * as y from "react";
3
3
  import C, { useRef as O, useContext as S, useEffect as M } from "react";
4
4
  import { MenuLateral as F } from "../menu-lateral/MenuLateral.js";
5
5
  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
9
9
  import { u as k, c as B } from "../../ThemeProvider-Bs1j1Nwi.js";
10
10
  import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
11
11
  import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
12
- function P(n, e) {
12
+ function P(n, t) {
13
13
  let a = 0;
14
- return b.Children.map(n, (t) => /* @__PURE__ */ b.isValidElement(t) ? e(t, a++) : t);
14
+ return y.Children.map(n, (e) => /* @__PURE__ */ y.isValidElement(e) ? t(e, a++) : e);
15
15
  }
16
- function le(n, e) {
16
+ function le(n, t) {
17
17
  let a = 0;
18
- b.Children.forEach(n, (t) => {
19
- /* @__PURE__ */ b.isValidElement(t) && e(t, a++);
18
+ y.Children.forEach(n, (e) => {
19
+ /* @__PURE__ */ y.isValidElement(e) && t(e, a++);
20
20
  });
21
21
  }
22
22
  const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
23
- function ce(n, e) {
23
+ function ce(n, t) {
24
24
  if (n == null) return {};
25
25
  var a = {};
26
- for (var t in n) if ({}.hasOwnProperty.call(n, t)) {
27
- if (e.indexOf(t) >= 0) continue;
28
- a[t] = n[t];
26
+ for (var e in n) if ({}.hasOwnProperty.call(n, e)) {
27
+ if (t.indexOf(e) >= 0) continue;
28
+ a[e] = n[e];
29
29
  }
30
30
  return a;
31
31
  }
32
32
  const A = () => {
33
- }, R = G("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
33
+ }, R = G("event-key"), V = /* @__PURE__ */ y.forwardRef((n, t) => {
34
34
  let {
35
35
  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
36
36
  as: a = "div",
37
- onSelect: t,
37
+ onSelect: e,
38
38
  activeKey: s,
39
- role: c,
39
+ role: i,
40
40
  onKeyDown: u
41
- } = n, o = ce(n, ie);
42
- const N = Y(), m = O(!1), y = S(I), l = S(re);
43
- let v, x;
44
- l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, x = l.getControllerId);
45
- const f = O(null), p = (i) => {
46
- const d = f.current;
41
+ } = n, f = ce(n, ie);
42
+ const c = Y(), v = O(!1), x = S(I), o = S(re);
43
+ let p, N;
44
+ o && (i = i || "tablist", s = o.activeKey, p = o.getControlledId, N = o.getControllerId);
45
+ const m = O(null), b = (l) => {
46
+ const d = m.current;
47
47
  if (!d) return null;
48
48
  const T = Q(d, `[${R}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
49
49
  if (!E || E !== document.activeElement) return null;
50
50
  const w = T.indexOf(E);
51
51
  if (w === -1) return null;
52
- let g = w + i;
52
+ let g = w + l;
53
53
  return g >= T.length && (g = 0), g < 0 && (g = T.length - 1), T[g];
54
- }, h = (i, d) => {
55
- i != null && (t == null || t(i, d), y == null || y(i, d));
56
- }, K = (i) => {
57
- if (u == null || u(i), !l)
54
+ }, h = (l, d) => {
55
+ l != null && (e == null || e(l, d), x == null || x(l, d));
56
+ }, K = (l) => {
57
+ if (u == null || u(l), !o)
58
58
  return;
59
59
  let d;
60
- switch (i.key) {
60
+ switch (l.key) {
61
61
  case "ArrowLeft":
62
62
  case "ArrowUp":
63
- d = p(-1);
63
+ d = b(-1);
64
64
  break;
65
65
  case "ArrowRight":
66
66
  case "ArrowDown":
67
- d = p(1);
67
+ d = b(1);
68
68
  break;
69
69
  default:
70
70
  return;
71
71
  }
72
- d && (i.preventDefault(), h(d.dataset[J("EventKey")] || null, i), m.current = !0, N());
72
+ d && (l.preventDefault(), h(d.dataset[J("EventKey")] || null, l), v.current = !0, c());
73
73
  };
74
74
  M(() => {
75
- if (f.current && m.current) {
76
- const i = f.current.querySelector(`[${R}][aria-selected=true]`);
77
- i == null || i.focus();
75
+ if (m.current && v.current) {
76
+ const l = m.current.querySelector(`[${R}][aria-selected=true]`);
77
+ l == null || l.focus();
78
78
  }
79
- m.current = !1;
79
+ v.current = !1;
80
80
  });
81
- const U = Z(e, f);
81
+ const U = Z(t, m);
82
82
  return /* @__PURE__ */ r(I.Provider, {
83
83
  value: h,
84
84
  children: /* @__PURE__ */ r(z.Provider, {
85
85
  value: {
86
- role: c,
86
+ role: i,
87
87
  // used by NavLink to determine it's role
88
88
  activeKey: se(s),
89
- getControlledId: v || A,
90
- getControllerId: x || A
89
+ getControlledId: p || A,
90
+ getControllerId: N || A
91
91
  },
92
- children: /* @__PURE__ */ r(a, Object.assign({}, o, {
92
+ children: /* @__PURE__ */ r(a, Object.assign({}, f, {
93
93
  onKeyDown: K,
94
94
  ref: U,
95
- role: c
95
+ role: i
96
96
  }))
97
97
  })
98
98
  });
@@ -100,50 +100,50 @@ const A = () => {
100
100
  V.displayName = "Nav";
101
101
  const de = Object.assign(V, {
102
102
  Item: W
103
- }), $ = /* @__PURE__ */ b.forwardRef(({
103
+ }), $ = /* @__PURE__ */ y.forwardRef(({
104
104
  className: n,
105
- bsPrefix: e,
105
+ bsPrefix: t,
106
106
  as: a = "div",
107
- ...t
108
- }, s) => (e = k(e, "nav-item"), /* @__PURE__ */ r(a, {
107
+ ...e
108
+ }, s) => (t = k(t, "nav-item"), /* @__PURE__ */ r(a, {
109
109
  ref: s,
110
- className: B(n, e),
111
- ...t
110
+ className: B(n, t),
111
+ ...e
112
112
  })));
113
113
  $.displayName = "NavItem";
114
- const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
114
+ const _ = /* @__PURE__ */ y.forwardRef((n, t) => {
115
115
  const {
116
116
  as: a = "div",
117
- bsPrefix: t,
117
+ bsPrefix: e,
118
118
  variant: s,
119
- fill: c = !1,
119
+ fill: i = !1,
120
120
  justify: u = !1,
121
- navbar: o,
122
- navbarScroll: N,
123
- className: m,
124
- activeKey: y,
125
- ...l
121
+ navbar: f,
122
+ navbarScroll: c,
123
+ className: v,
124
+ activeKey: x,
125
+ ...o
126
126
  } = L(n, {
127
127
  activeKey: "onSelect"
128
- }), v = k(t, "nav");
129
- let x, f, p = !1;
128
+ }), p = k(e, "nav");
129
+ let N, m, b = !1;
130
130
  const h = S(X), K = S(oe);
131
- return h ? (x = h.bsPrefix, p = o ?? !0) : K && ({
132
- cardHeaderBsPrefix: f
131
+ return h ? (N = h.bsPrefix, b = f ?? !0) : K && ({
132
+ cardHeaderBsPrefix: m
133
133
  } = K), /* @__PURE__ */ r(de, {
134
134
  as: a,
135
- ref: e,
136
- activeKey: y,
137
- className: B(m, {
138
- [v]: !p,
139
- [`${x}-nav`]: p,
140
- [`${x}-nav-scroll`]: p && N,
141
- [`${f}-${s}`]: !!f,
142
- [`${v}-${s}`]: !!s,
143
- [`${v}-fill`]: c,
144
- [`${v}-justified`]: u
135
+ ref: t,
136
+ activeKey: x,
137
+ className: B(v, {
138
+ [p]: !b,
139
+ [`${N}-nav`]: b,
140
+ [`${N}-nav-scroll`]: b && c,
141
+ [`${m}-${s}`]: !!m,
142
+ [`${p}-${s}`]: !!s,
143
+ [`${p}-fill`]: i,
144
+ [`${p}-justified`]: u
145
145
  }),
146
- ...l
146
+ ...o
147
147
  });
148
148
  });
149
149
  _.displayName = "Nav";
@@ -152,90 +152,90 @@ const ue = Object.assign(_, {
152
152
  Link: D
153
153
  });
154
154
  function fe(n) {
155
- let e;
155
+ let t;
156
156
  return le(n, (a) => {
157
- e == null && (e = a.props.eventKey);
158
- }), e;
157
+ t == null && (t = a.props.eventKey);
158
+ }), t;
159
159
  }
160
160
  function me(n) {
161
161
  const {
162
- title: e,
162
+ title: t,
163
163
  eventKey: a,
164
- disabled: t,
164
+ disabled: e,
165
165
  tabClassName: s,
166
- tabAttrs: c,
166
+ tabAttrs: i,
167
167
  id: u
168
168
  } = n.props;
169
- return e == null ? null : /* @__PURE__ */ r($, {
169
+ return t == null ? null : /* @__PURE__ */ r($, {
170
170
  as: "li",
171
171
  role: "presentation",
172
172
  children: /* @__PURE__ */ r(D, {
173
173
  as: "button",
174
174
  type: "button",
175
175
  eventKey: a,
176
- disabled: t,
176
+ disabled: e,
177
177
  id: u,
178
178
  className: s,
179
- ...c,
180
- children: e
179
+ ...i,
180
+ children: t
181
181
  })
182
182
  });
183
183
  }
184
184
  const q = (n) => {
185
185
  const {
186
- id: e,
186
+ id: t,
187
187
  onSelect: a,
188
- transition: t,
188
+ transition: e,
189
189
  mountOnEnter: s = !1,
190
- unmountOnExit: c = !1,
190
+ unmountOnExit: i = !1,
191
191
  variant: u = "tabs",
192
- children: o,
193
- activeKey: N = fe(o),
194
- ...m
192
+ children: f,
193
+ activeKey: c = fe(f),
194
+ ...v
195
195
  } = L(n, {
196
196
  activeKey: "onSelect"
197
197
  });
198
198
  return /* @__PURE__ */ j(ee, {
199
- id: e,
200
- activeKey: N,
199
+ id: t,
200
+ activeKey: c,
201
201
  onSelect: a,
202
- transition: te(t),
202
+ transition: te(e),
203
203
  mountOnEnter: s,
204
- unmountOnExit: c,
204
+ unmountOnExit: i,
205
205
  children: [/* @__PURE__ */ r(ue, {
206
- id: e,
207
- ...m,
206
+ id: t,
207
+ ...v,
208
208
  role: "tablist",
209
209
  as: "ul",
210
210
  variant: u,
211
- children: P(o, me)
211
+ children: P(f, me)
212
212
  }), /* @__PURE__ */ r(ne, {
213
- children: P(o, (y) => {
214
- const l = {
215
- ...y.props
213
+ children: P(f, (x) => {
214
+ const o = {
215
+ ...x.props
216
216
  };
217
- return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(ae, {
218
- ...l
217
+ return delete o.title, delete o.disabled, delete o.tabClassName, delete o.tabAttrs, /* @__PURE__ */ r(ae, {
218
+ ...o
219
219
  });
220
220
  })
221
221
  })]
222
222
  });
223
223
  };
224
224
  q.displayName = "Tabs";
225
- const Te = ({ children: n, extraInput: e }) => {
226
- const [a, t] = C.useState(!1), [s, c] = C.useState(void 0), u = () => {
227
- t(!a);
225
+ const Te = ({ children: n, extraInput: t, showConnectionStatus: a = !1 }) => {
226
+ const [e, s] = C.useState(!1), [i, u] = C.useState(void 0), f = () => {
227
+ s(!e);
228
228
  };
229
229
  return /* @__PURE__ */ j(C.Fragment, { children: [
230
- /* @__PURE__ */ r(H, { elements: e }),
231
- /* @__PURE__ */ r(F, { onToggle: u, isOpen: a }),
232
- /* @__PURE__ */ r("div", { className: `${a ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
230
+ /* @__PURE__ */ r(H, { elements: t }),
231
+ /* @__PURE__ */ r(F, { onToggle: f, isOpen: e, showConnectionStatus: a }),
232
+ /* @__PURE__ */ r("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
233
233
  q,
234
234
  {
235
235
  id: "controlled-tab",
236
- activeKey: s,
237
- onSelect: (o) => c(o !== null ? o : void 0),
238
- children: C.Children.map(n, (o) => C.isValidElement(o) ? o : null)
236
+ activeKey: i,
237
+ onSelect: (c) => u(c !== null ? c : void 0),
238
+ children: C.Children.map(n, (c) => C.isValidElement(c) ? c : null)
239
239
  }
240
240
  ) }) })
241
241
  ] });
@@ -2,7 +2,7 @@ import { jsxs as I, Fragment as Ze, jsx as B } from "react/jsx-runtime";
2
2
  import { useState as D, useEffect as yn } from "react";
3
3
  import { L as Ee, i as vn, n as kn, a as xn } from "../../isLoading-B9qN9mny.js";
4
4
  import { Tabla as Cn } from "./tabla/Tabla.js";
5
- import { CustomModal as An } from "./modal/Modal.js";
5
+ import { EcoModal as An } from "./modal/Modal.js";
6
6
  import { EncabezadoTabla as En } from "./encabezado-tabla/EncabezadoTabla.js";
7
7
  import { useNavigate as Bn } from "react-router-dom";
8
8
  import '../../assets/TablaRegistros.css';/*!
@@ -1,44 +1,45 @@
1
- import { jsx as o, jsxs as d } from "react/jsx-runtime";
2
- import { useState as n, useEffect as u } from "react";
1
+ import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
+ import { useState as d, useEffect as u } from "react";
3
3
  import '../../../assets/Modal.css';/* empty css */
4
- const N = ({
5
- show: s,
6
- onHide: l,
4
+ const f = ({
5
+ show: o,
6
+ onHide: t,
7
7
  title: c,
8
8
  children: r,
9
9
  closeModalOut: m
10
10
  }) => {
11
- const [t, a] = n(!1), [i, e] = n(!1);
11
+ const [l, a] = d(!1), [i, s] = d(!1);
12
12
  return u(() => {
13
- s ? a(!0) : (e(!0), setTimeout(() => {
14
- a(!1), e(!1);
13
+ o ? a(!0) : (s(!0), setTimeout(() => {
14
+ a(!1), s(!1);
15
15
  }, 200));
16
- }, [s]), /* @__PURE__ */ o(
16
+ }, [o]), /* @__PURE__ */ e(
17
17
  "div",
18
18
  {
19
- className: `modal-overlay ${t ? "show" : ""} ${i ? "hide" : ""}`,
19
+ className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
20
20
  onClick: () => {
21
- m && (e(!0), setTimeout(() => {
22
- l(), e(!1);
21
+ m && (s(!0), setTimeout(() => {
22
+ t(), s(!1);
23
23
  }, 200));
24
24
  },
25
- children: /* @__PURE__ */ d(
25
+ children: /* @__PURE__ */ n(
26
26
  "div",
27
27
  {
28
- className: `modal-container ${t ? "show" : ""} ${i ? "hide" : ""}`,
28
+ className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
29
29
  onClick: (h) => h.stopPropagation(),
30
30
  children: [
31
- /* @__PURE__ */ d("div", { className: "modal_header", children: [
32
- /* @__PURE__ */ o("span", { children: c }),
33
- /* @__PURE__ */ o("button", { className: "close_button", onClick: l, type: "button", children: "×" })
31
+ /* @__PURE__ */ n("div", { className: "modal_header", children: [
32
+ /* @__PURE__ */ e("span", { children: c }),
33
+ /* @__PURE__ */ e("button", { className: "close_button", onClick: t, type: "button", children: "×" })
34
34
  ] }),
35
- /* @__PURE__ */ o("div", { className: "modal_body", children: r })
35
+ /* @__PURE__ */ e("div", { className: "modal_body", children: r })
36
36
  ]
37
37
  }
38
38
  )
39
39
  }
40
40
  );
41
- };
41
+ }, b = (o) => /* @__PURE__ */ e(f, { ...o });
42
42
  export {
43
- N as CustomModal
43
+ b as CustomModal,
44
+ f as EcoModal
44
45
  };
package/dist/ui.js CHANGED
@@ -1,20 +1,21 @@
1
1
  import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
2
2
  import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
3
- import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
3
+ import { ContenidoModal as n } from "./ui/contenido-modal/ContenidoModal.js";
4
4
  import { Paginador as f } from "./ui/paginador/Paginador.js";
5
5
  import { Logo as d } from "./ui/logo/Logo.js";
6
6
  import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
7
- import { IconoTooltip as u } from "./ui/icono-tooltip/IconoTooltip.js";
8
- import { ContenedorVentana as M } from "./ui/contenedor-ventana/ContenedorVentana.js";
9
- import { CustomModal as g } from "./tables/tabla-registros/modal/Modal.js";
7
+ import { IconoTooltip as M } from "./ui/icono-tooltip/IconoTooltip.js";
8
+ import { ContenedorVentana as C } from "./ui/contenedor-ventana/ContenedorVentana.js";
9
+ import { CustomModal as g, EcoModal as s } from "./tables/tabla-registros/modal/Modal.js";
10
10
  import { Animacion as I } from "./ui/animacion/Animacion.js";
11
11
  export {
12
12
  I as Animacion,
13
- M as ContenedorVentana,
14
- p as ContenidoModal,
13
+ C as ContenedorVentana,
14
+ n as ContenidoModal,
15
15
  g as CustomModal,
16
+ s as EcoModal,
16
17
  t as Encabezado,
17
- u as IconoTooltip,
18
+ M as IconoTooltip,
18
19
  l as ItemsModal,
19
20
  d as Logo,
20
21
  f as Paginador,
@@ -1,14 +1,14 @@
1
- import { jsx as h } from "react/jsx-runtime";
2
- import { useState as m, useEffect as p } from "react";
3
- import { useNavigate as w, useLocation as u, Outlet as k } from "react-router-dom";
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { useState as h, useEffect as u } from "react";
3
+ import { useNavigate as p, useLocation as w, Outlet as k } from "react-router-dom";
4
4
  import { j as v } from "../../index-CuHybtft.js";
5
- const V = () => {
6
- const [i, e] = m(!1), r = w(), c = u(), o = `${window.location.protocol}//${window.location.host}/`;
7
- return p(() => {
5
+ const $ = () => {
6
+ const [r, t] = h(!1), i = p(), c = w(), e = `${window.location.protocol}//${window.location.host}/`;
7
+ return u(() => {
8
8
  (async () => {
9
9
  try {
10
10
  if ((await fetch(
11
- `${o}api-auth/auth/validate_jwt/`,
11
+ `${e}api-auth/auth/validate_jwt/`,
12
12
  {
13
13
  method: "POST",
14
14
  headers: {
@@ -17,25 +17,24 @@ const V = () => {
17
17
  credentials: "include"
18
18
  }
19
19
  )).ok) {
20
- const n = sessionStorage.getItem("user_token");
21
- if (n) {
22
- const l = v(n).datos_basicos.servicios.map((t) => t.url).filter((t) => !!t), s = c.pathname, d = l.map(
23
- (t) => t.startsWith("/") ? t : `/${t}`
24
- ), f = s.startsWith("/") ? s : `/${s}`;
25
- d.some(
26
- (t) => f.startsWith(t)
27
- ) ? e(!0) : (e(!1), window.location.href = o);
20
+ const a = sessionStorage.getItem("user_token");
21
+ if (a) {
22
+ const l = v(a).datos_basicos.servicios.map((o) => o.url).filter((o) => !!o), s = c.pathname, m = l.map(
23
+ (o) => o.startsWith("/") ? o : `/${o}`
24
+ ), d = s.startsWith("/") ? s : `/${s}`;
25
+ m.some(
26
+ (o) => d.startsWith(o)
27
+ ) ? t(!0) : (t(!1), sessionStorage.removeItem("user_token"), window.location.href = e);
28
28
  } else
29
- e(!1), window.location.href = o;
29
+ t(!1), sessionStorage.removeItem("user_token"), window.location.href = e;
30
30
  } else
31
- window.location.href = o;
32
- } catch (a) {
33
- console.error("Validation error:", a), window.location.href = o;
34
- } finally {
31
+ sessionStorage.removeItem("user_token"), window.location.href = e;
32
+ } catch (n) {
33
+ console.error("Validation error:", n), sessionStorage.removeItem("user_token"), window.location.href = e;
35
34
  }
36
35
  })();
37
- }, [r]), i ? /* @__PURE__ */ h(k, {}) : null;
36
+ }, [i]), r ? /* @__PURE__ */ f(k, {}) : null;
38
37
  };
39
38
  export {
40
- V as ProtectedRoute
39
+ $ as ProtectedRoute
41
40
  };
@@ -1,13 +1,13 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { useState as i, useEffect as s } from "react";
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { useState as a, useEffect as i } from "react";
3
3
  import { useNavigate as l, Outlet as c } from "react-router-dom";
4
- const h = () => {
5
- const [e, n] = i(!1), r = l(), o = `${window.location.protocol}//${window.location.host}/`;
6
- return s(() => {
4
+ const f = () => {
5
+ const [t, r] = a(!1), n = l(), e = `${window.location.protocol}//${window.location.host}/`;
6
+ return i(() => {
7
7
  (async () => {
8
8
  try {
9
9
  if ((await fetch(
10
- `${o}/auth/validate/`,
10
+ `${e}api-auth/auth/validate_jwt/`,
11
11
  {
12
12
  method: "POST",
13
13
  headers: {
@@ -16,16 +16,15 @@ const h = () => {
16
16
  credentials: "include"
17
17
  }
18
18
  )).ok)
19
- n(!0);
19
+ r(!0);
20
20
  else
21
- return window.location.href = o;
22
- } catch (t) {
23
- return console.error("Validation error:", t), window.location.href = o;
24
- } finally {
21
+ return sessionStorage.removeItem("user_token"), window.location.href = e;
22
+ } catch (o) {
23
+ return console.error("Validation error:", o), sessionStorage.removeItem("user_token"), window.location.href = e;
25
24
  }
26
25
  })();
27
- }, [r]), e ? /* @__PURE__ */ a(c, {}) : null;
26
+ }, [n]), t ? /* @__PURE__ */ s(c, {}) : null;
28
27
  };
29
28
  export {
30
- h as UserRoute
29
+ f as UserRoute
31
30
  };
@@ -1,16 +1,17 @@
1
1
  import { useEffect as b } from "react";
2
- import { webSocketService as e } from "./websocket.js";
3
- const i = (c, s) => {
2
+ import { webSocketService as c } from "./websocket.js";
3
+ const u = (t, e) => {
4
4
  b(() => {
5
- e.connect(c);
6
- const t = (r) => {
7
- s(r);
8
- }, o = e.subscribe(t);
9
- return () => {
10
- o(), e.unsubscribe(t);
11
- };
12
- }, [c, s]);
5
+ if (c.connect(t), e) {
6
+ const r = (s) => {
7
+ e(s);
8
+ }, o = c.subscribe(r);
9
+ return () => {
10
+ o(), c.unsubscribe(r);
11
+ };
12
+ }
13
+ }, [t, e]);
13
14
  };
14
15
  export {
15
- i as useWebSocket
16
+ u as useWebSocket
16
17
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "react-ecosistema-unp",
3
3
  "author": "Ecosistema de Información - Unidad Nacional de Protección",
4
4
  "private": false,
5
- "version": "1.7.0-pre.0",
5
+ "version": "1.7.0-pre.10",
6
6
  "type": "module",
7
7
  "exports": {
8
8
  ".": {