react-ecosistema-unp 1.7.0-pre.8 → 1.7.1-pre.1

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.
Files changed (31) hide show
  1. package/dist/TabPane-BiwPZSbT.js +752 -0
  2. package/dist/assets/EcoModalStyles.css +1 -0
  3. package/dist/assets/MenuLateral.css +1 -1
  4. package/dist/assets/Modal.css +1 -1
  5. package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js +4 -4
  6. package/dist/cards/tarjeta-info/TarjetaInfo.js +1 -1
  7. package/dist/data/tarjeta-datos/TarjetaDatos.js +1 -1
  8. package/dist/index-BrykDZgK.js +390 -0
  9. package/dist/{index-Cpp73e44.js → index-Cu8HabVU.js} +29 -17
  10. package/dist/lib/tables/tabla-registros/modal/Modal.d.ts +2 -3
  11. package/dist/lib/tables/tabla-registros/modal-v2/EcoModal.d.ts +20 -0
  12. package/dist/lib/ui.d.ts +1 -1
  13. package/dist/shared/app-list/AppList.js +1 -1
  14. package/dist/shared/iconos-sistema/logout-button/LogoutButton.js +1 -1
  15. package/dist/shared/menu-lateral/MenuLateral.js +51 -46
  16. package/dist/shared/tab-ventana/TabVentana.js +1 -1
  17. package/dist/shared/ventana-tabs/VentanaTabs.js +1 -1
  18. package/dist/tables/tabla-registros/TablaRegistros.js +2 -1
  19. package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
  20. package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +5 -3
  21. package/dist/tables/tabla-registros/modal/Modal.js +22 -23
  22. package/dist/tables/tabla-registros/modal-v2/EcoModal.js +120 -0
  23. package/dist/tables/tabla-registros/tabla/Tabla.js +1 -1
  24. package/dist/ui/contenido-modal/ContenidoModal.js +1 -1
  25. package/dist/ui/contenido-modal/ContenidoModalv0.1.js +1 -1
  26. package/dist/ui/icono-tooltip/IconoTooltip.js +1 -1
  27. package/dist/ui/items-modal/ItemsModal.js +5 -5
  28. package/dist/ui.js +9 -8
  29. package/dist/utils/unp-historico/UnpHistorico.js +5 -3
  30. package/package.json +1 -1
  31. package/dist/TabPane-DtFCEmIj.js +0 -1136
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useFinalizarSesion as t } from "../../../auth/hooks/useFinalizarSesion.js";
3
- import { v as i } from "../../../index-Cpp73e44.js";
3
+ import { y as i } from "../../../index-Cu8HabVU.js";
4
4
  import '../../../assets/LogoutButton.css';const a = () => {
5
5
  const { FinSesion: o } = t();
6
6
  return /* @__PURE__ */ r(i, { className: "icono-logout", onClick: o });
@@ -3,15 +3,15 @@ import { useState as o, useEffect as d } from "react";
3
3
  import { useNavigate as H } from "react-router-dom";
4
4
  import { j as u } from "../../index-CuHybtft.js";
5
5
  import { useFinalizarSesion as C } from "../../auth/hooks/useFinalizarSesion.js";
6
- import { urlBase as S, urlCertificadoLaboral as A } from "../../utils/Url.js";
6
+ import { urlBase as L, urlCertificadoLaboral as S } from "../../utils/Url.js";
7
7
  import "../../auth/contexts/AuthContex.js";
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 */
8
+ import '../../assets/EcoModalStyles.css';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 */
10
10
  /* empty css */
11
11
  import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
12
12
  /* empty css */
13
13
  /* empty css */
14
- import { l as L } from "../../logo_escudo_blanco-DaOI8SGq.js";
14
+ import { l as V } from "../../logo_escudo_blanco-DaOI8SGq.js";
15
15
  /* empty css */
16
16
  /* empty css */
17
17
  /* empty css */
@@ -23,9 +23,11 @@ import "../../ui/subtitulo/Subtitulo.js";
23
23
  /* empty css */
24
24
  /* empty css */
25
25
  /* empty css */
26
+ import "../../index-BrykDZgK.js";
27
+ /* empty css */
26
28
  import "../../Animacion-ThNL9iiY.js";
27
29
  import "../../index-BUe3EJDH.js";
28
- import { useWebSocketConnection as V } from "../../utils/websocket-manager/WebSocketContext.js";
30
+ import { useWebSocketConnection as A } from "../../utils/websocket-manager/WebSocketContext.js";
29
31
  import { G as i } from "../../iconBase-LROS5hdG.js";
30
32
  function y(t) {
31
33
  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);
@@ -39,10 +41,10 @@ function T(t) {
39
41
  function I(t) {
40
42
  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
43
  }
42
- function P(t) {
44
+ function j(t) {
43
45
  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
46
  }
45
- function j(t) {
47
+ function P(t) {
46
48
  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
49
  }
48
50
  function U(t) {
@@ -61,13 +63,13 @@ function D(t) {
61
63
  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(t);
62
64
  }
63
65
  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);
66
+ 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);
65
67
  }
66
68
  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);
69
+ return i({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" }, child: [] }] })(t);
68
70
  }
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
+ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
72
+ const [N, f] = o(!0), [m, p] = o(null), k = c ? "sidebar-bar-panel open" : "sidebar-bar-panel", b = H(), { FinSesion: w } = C(), { connectionStatus: v } = A(), [z, l] = o(!1), [M, n] = o(""), h = `${window.location.host}`;
71
73
  if (d(() => {
72
74
  const r = sessionStorage.getItem("user_token");
73
75
  if (r) {
@@ -79,30 +81,30 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
79
81
  const r = setTimeout(() => {
80
82
  const s = sessionStorage.getItem("user_token");
81
83
  if (s) {
82
- const _ = u(s);
83
- p(_);
84
+ const B = u(s);
85
+ p(B);
84
86
  }
85
87
  }, 2e3);
86
88
  return () => clearTimeout(r);
87
89
  }, []), 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(""));
90
+ h.includes("localhost") ? (l(!0), n("Entorno local")) : h.includes("ecosistemadesarrollo") ? (l(!0), n("Entorno de desarrollo")) : h.includes("ecosistemapruebas") ? (l(!0), n("Entorno de pruebas")) : (l(!1), n(""));
89
91
  }, []), N)
90
92
  return /* @__PURE__ */ a(g, {});
91
- const B = () => {
93
+ const _ = () => {
92
94
  b("/unp/ecosistema/usuario");
93
95
  };
94
- return /* @__PURE__ */ a("div", { className: `container-fluid ${l ? "menu-open" : ""}`, children: /* @__PURE__ */ e("div", { className: k, children: [
96
+ return /* @__PURE__ */ a("div", { className: `container-fluid ${c ? "menu-open" : ""}`, children: /* @__PURE__ */ e("div", { className: k, children: [
95
97
  /* @__PURE__ */ e("div", { className: "logo_details", children: [
96
98
  /* @__PURE__ */ a(
97
99
  "img",
98
100
  {
99
- src: L,
101
+ src: V,
100
102
  alt: "Logo",
101
103
  className: "icon logo-image"
102
104
  }
103
105
  ),
104
106
  /* @__PURE__ */ a("div", { className: "logo-name", children: "EI - UNP" }),
105
- l ? /* @__PURE__ */ a(
107
+ c ? /* @__PURE__ */ a(
106
108
  $,
107
109
  {
108
110
  className: "bx bx-menu i",
@@ -114,7 +116,7 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
114
116
  /* @__PURE__ */ e("ul", { className: "nav-list-panel", children: [
115
117
  /* @__PURE__ */ e("li", { children: [
116
118
  /* @__PURE__ */ e("a", { href: "", children: [
117
- /* @__PURE__ */ a(j, { className: "bx bx-home i2" }),
119
+ /* @__PURE__ */ a(P, { className: "bx bx-home i2" }),
118
120
  /* @__PURE__ */ a("span", { className: "link_name", children: "Inicio" })
119
121
  ] }),
120
122
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Inicio" })
@@ -157,7 +159,7 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
157
159
  ] }),
158
160
  /* @__PURE__ */ e("li", { children: [
159
161
  /* @__PURE__ */ e("a", { href: "http://intranet.unp.gov.co/", target: "_blank", children: [
160
- /* @__PURE__ */ a(W, { className: "bx bxl-redux i2" }),
162
+ /* @__PURE__ */ a(G, { className: "bx bxl-redux i2" }),
161
163
  /* @__PURE__ */ a("span", { className: "link_name", children: "Acceso directo a Intranet" })
162
164
  ] }),
163
165
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Acceso directo a Intranet" })
@@ -179,41 +181,44 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
179
181
  ] }),
180
182
  /* @__PURE__ */ e("li", { children: [
181
183
  /* @__PURE__ */ e("a", { href: "", children: [
182
- /* @__PURE__ */ a(G, { className: "bx i2" }),
184
+ /* @__PURE__ */ a(W, { className: "bx i2" }),
183
185
  /* @__PURE__ */ a("span", { className: "link_name", children: "Solicitud de viáticos" })
184
186
  ] }),
185
187
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Solicitud de viáticos" })
186
188
  ] }),
187
189
  /* @__PURE__ */ e("li", { children: [
188
- /* @__PURE__ */ e("a", { href: `${S}${A}`, target: "_blank", children: [
189
- /* @__PURE__ */ a(P, { className: "bx i2" }),
190
+ /* @__PURE__ */ e("a", { href: `${L}${S}`, target: "_blank", children: [
191
+ /* @__PURE__ */ a(j, { className: "bx i2" }),
190
192
  /* @__PURE__ */ a("span", { className: "link_name", children: "Certificados contratistas" })
191
193
  ] }),
192
194
  /* @__PURE__ */ a("span", { className: "tooltip", children: "Certificados contratistas" })
193
195
  ] })
194
196
  ] }),
195
197
  /* @__PURE__ */ e("div", { className: "profile-content", children: [
196
- !l && x && /* @__PURE__ */ a(g, { children: v === "connected" ? /* @__PURE__ */ e(
197
- "svg",
198
- {
199
- className: "checkmark",
200
- xmlns: "http://www.w3.org/2000/svg",
201
- viewBox: "0 0 52 52",
202
- children: [
203
- /* @__PURE__ */ a(
204
- "circle",
205
- {
206
- className: "checkmark__circle",
207
- cx: "26",
208
- cy: "26",
209
- r: "25",
210
- fill: "none"
211
- }
212
- ),
213
- /* @__PURE__ */ a("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
214
- ]
215
- }
216
- ) : v === "connecting" ? /* @__PURE__ */ e(
198
+ !c && x && /* @__PURE__ */ a(g, { children: v === "connected" ? /* @__PURE__ */ e("div", { className: "gear-tooltip-container", children: [
199
+ /* @__PURE__ */ e(
200
+ "svg",
201
+ {
202
+ className: "checkmark",
203
+ xmlns: "http://www.w3.org/2000/svg",
204
+ viewBox: "0 0 52 52",
205
+ children: [
206
+ /* @__PURE__ */ a(
207
+ "circle",
208
+ {
209
+ className: "checkmark__circle",
210
+ cx: "26",
211
+ cy: "26",
212
+ r: "25",
213
+ fill: "none"
214
+ }
215
+ ),
216
+ /* @__PURE__ */ a("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
217
+ ]
218
+ }
219
+ ),
220
+ /* @__PURE__ */ a("span", { className: "gear-tooltip-text", children: "Conexión exitosa" })
221
+ ] }) : v === "connecting" ? /* @__PURE__ */ e(
217
222
  "svg",
218
223
  {
219
224
  className: "ripplemark",
@@ -252,7 +257,7 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
252
257
  ]
253
258
  }
254
259
  ) }),
255
- z && /* @__PURE__ */ e("div", { className: "gear-tooltip-container", children: [
260
+ !c && z && /* @__PURE__ */ e("div", { className: "gear-tooltip-container", children: [
256
261
  /* @__PURE__ */ a(
257
262
  "svg",
258
263
  {
@@ -286,7 +291,7 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
286
291
  "div",
287
292
  {
288
293
  className: "profile-detail",
289
- onClick: B,
294
+ onClick: _,
290
295
  style: { cursor: "pointer" },
291
296
  children: m && /* @__PURE__ */ e("div", { className: "name-job", style: { marginTop: "3px" }, children: [
292
297
  /* @__PURE__ */ a("div", { className: "name text-truncate", style: { width: "200px" }, children: m.datos_basicos.nombre }),
@@ -300,5 +305,5 @@ const b1 = ({ onToggle: t, isOpen: l, showConnectionStatus: x }) => {
300
305
  ] }) });
301
306
  };
302
307
  export {
303
- b1 as MenuLateral
308
+ z1 as MenuLateral
304
309
  };
@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
2
2
  import '../../assets/Bootstrap.css';import '../../assets/TabVentana.css';/* empty css */
3
3
  import { P as t } from "../../index-sDUMSncV.js";
4
4
  import "react";
5
- import { T as i, g as b, a as p, b as T } from "../../TabPane-DtFCEmIj.js";
5
+ import { T as i, g as b, a as p, b as T } from "../../TabPane-BiwPZSbT.js";
6
6
  const e = ({
7
7
  transition: n,
8
8
  ...o
@@ -5,7 +5,7 @@ import { MenuLateral as F } from "../menu-lateral/MenuLateral.js";
5
5
  import { IconosSistema as H } from "../iconos-sistema/IconosSistema.js";
6
6
  import '../../assets/Bootstrap.css';/* empty css */
7
7
  import { a as W, u as Y, b as z, d as G, c as J, q as Q, e as D, f as L, g as X } from "../../NavDropdown-ei8eIwIE.js";
8
- import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-DtFCEmIj.js";
8
+ import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-BiwPZSbT.js";
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";
@@ -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 { EcoModal as An } from "./modal/Modal.js";
5
+ import { EcoModal as An } from "./modal-v2/EcoModal.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';/*!
@@ -1726,6 +1726,7 @@ const gi = () => (/* @__PURE__ */ new Date()).getFullYear(), ct = (e) => e.norma
1726
1726
  onHide: () => re(!1),
1727
1727
  title: `${ie.column.label}`,
1728
1728
  closeModalOut: sn,
1729
+ modalType: "primary",
1729
1730
  children: n(
1730
1731
  ie.row,
1731
1732
  ie.column,
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as t } from "react/jsx-runtime";
2
- import { u as s } from "../../../index-Cpp73e44.js";
2
+ import { x as s } from "../../../index-Cu8HabVU.js";
3
3
  import { F as i, a as l } from "../../../FormGroup-BLpFcIN5.js";
4
4
  import '../../../assets/Buscador.css';const d = ({ onSearch: r }) => {
5
5
  const n = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
@@ -2,7 +2,7 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
2
  import { Encabezado as e } from "../../../ui/encabezado/Encabezado.js";
3
3
  import "../../../ui/subtitulo/Subtitulo.js";
4
4
  import "react";
5
- import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
5
+ import '../../../assets/EcoModalStyles.css';import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
@@ -11,9 +11,11 @@ import "react-router-dom";
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
+ import "../../../index-BrykDZgK.js";
15
+ /* empty css */
14
16
  import "../../../Animacion-ThNL9iiY.js";
15
17
  import { BusquedaInput as c } from "../buscador/Buscador.js";
16
- const w = ({
18
+ const S = ({
17
19
  title: m,
18
20
  subtitle: t,
19
21
  data: p,
@@ -28,5 +30,5 @@ const w = ({
28
30
  ] })
29
31
  ] });
30
32
  export {
31
- w as EncabezadoTabla
33
+ S as EncabezadoTabla
32
34
  };
@@ -1,45 +1,44 @@
1
- import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
- import { useState as d, useEffect as u } from "react";
1
+ import { jsx as o, jsxs as i } from "react/jsx-runtime";
2
+ import { useState as n, useEffect as h } from "react";
3
3
  import '../../../assets/Modal.css';/* empty css */
4
- const f = ({
5
- show: o,
6
- onHide: t,
4
+ const C = ({
5
+ show: s,
6
+ onHide: a,
7
7
  title: c,
8
8
  children: r,
9
9
  closeModalOut: m
10
10
  }) => {
11
- const [l, a] = d(!1), [i, s] = d(!1);
12
- return u(() => {
13
- o ? a(!0) : (s(!0), setTimeout(() => {
14
- a(!1), s(!1);
11
+ const [l, t] = n(!1), [d, e] = n(!1);
12
+ return process.env.NODE_ENV === "development" && console.warn("[CustomModal] is deprecated. Please use [EcoModal] instead."), h(() => {
13
+ s ? t(!0) : (e(!0), setTimeout(() => {
14
+ t(!1), e(!1);
15
15
  }, 200));
16
- }, [o]), /* @__PURE__ */ e(
16
+ }, [s]), /* @__PURE__ */ o(
17
17
  "div",
18
18
  {
19
- className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
19
+ className: `modal-overlay ${l ? "show" : ""} ${d ? "hide" : ""}`,
20
20
  onClick: () => {
21
- m && (s(!0), setTimeout(() => {
22
- t(), s(!1);
21
+ m && (e(!0), setTimeout(() => {
22
+ a(), e(!1);
23
23
  }, 200));
24
24
  },
25
- children: /* @__PURE__ */ n(
25
+ children: /* @__PURE__ */ i(
26
26
  "div",
27
27
  {
28
- className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
29
- onClick: (h) => h.stopPropagation(),
28
+ className: `modal-container ${l ? "show" : ""} ${d ? "hide" : ""}`,
29
+ onClick: (u) => u.stopPropagation(),
30
30
  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: "×" })
31
+ /* @__PURE__ */ i("div", { className: "modal_header", children: [
32
+ /* @__PURE__ */ o("span", { children: c }),
33
+ /* @__PURE__ */ o("button", { className: "close_button", onClick: a, type: "button", children: "×" })
34
34
  ] }),
35
- /* @__PURE__ */ e("div", { className: "modal_body", children: r })
35
+ /* @__PURE__ */ o("div", { className: "modal_body", children: r })
36
36
  ]
37
37
  }
38
38
  )
39
39
  }
40
40
  );
41
- }, b = (o) => /* @__PURE__ */ e(f, { ...o });
41
+ };
42
42
  export {
43
- b as CustomModal,
44
- f as EcoModal
43
+ C as CustomModal
45
44
  };
@@ -0,0 +1,120 @@
1
+ import { jsx as a, jsxs as m } from "react/jsx-runtime";
2
+ import { useState as h, useRef as A, useEffect as i } from "react";
3
+ import { R as H } from "../../../index-BrykDZgK.js";
4
+ import { q as I, r as X, s as z } from "../../../index-Cu8HabVU.js";
5
+ import '../../../assets/EcoModalStyles.css';/* empty css */
6
+ const Y = ({
7
+ show: o,
8
+ onHide: p,
9
+ title: E,
10
+ children: k,
11
+ closeModalOut: S,
12
+ isMaximized: r,
13
+ onToggleMaximize: c,
14
+ showMaximizeButton: j = !1,
15
+ modalType: t = "primary",
16
+ primaryPosition: n = "right",
17
+ disableClose: v = !1,
18
+ hasSecondaryModalOpen: R = !1,
19
+ otherModalOpen: f = !1,
20
+ widthPercent: w,
21
+ headerColor: W = "#303D50"
22
+ }) => {
23
+ const [y, b] = h(!1), [d, u] = h(!1), [C, L] = h(!1), s = A(null);
24
+ i(() => (t === "secondary" && !s.current && (s.current = document.createElement("div"), s.current.className = "modal-portal-container", document.body.appendChild(s.current)), () => {
25
+ s.current && (document.body.removeChild(s.current), s.current = null);
26
+ }), [t]), i(() => (L(!0), () => L(!1)), []), i(() => {
27
+ const e = document.body;
28
+ return o ? (b(!0), e.classList.add("modal-open")) : (u(!0), setTimeout(() => {
29
+ C && (b(!1), u(!1)), e.classList.remove("modal-open");
30
+ }, 200)), () => {
31
+ e.classList.remove("modal-open");
32
+ };
33
+ }, [o, C]), i(() => {
34
+ if (t === "secondary" && o && !r) {
35
+ const e = () => {
36
+ c && !r && c();
37
+ };
38
+ window.innerWidth <= 992 && e();
39
+ const l = () => {
40
+ window.innerWidth <= 992 && !r && e();
41
+ };
42
+ return window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
43
+ }
44
+ }, [o, r, t, c]), i(() => {
45
+ const e = document.body;
46
+ t === "primary" && (e.classList.remove("primary-right", "primary-left"), e.classList.add(
47
+ n === "left" ? "primary-left" : "primary-right"
48
+ ));
49
+ const l = () => {
50
+ if (!(o && f && !r)) {
51
+ e.classList.remove("two-modals-50", "two-modals-large");
52
+ return;
53
+ }
54
+ window.innerWidth >= 1200 ? (e.classList.add("two-modals-large"), e.classList.remove("two-modals-50")) : (e.classList.add("two-modals-50"), e.classList.remove("two-modals-large"));
55
+ };
56
+ return l(), window.addEventListener("resize", l), () => {
57
+ t === "primary" && e.classList.remove("primary-right", "primary-left"), e.classList.remove("two-modals-50", "two-modals-large"), window.removeEventListener("resize", l);
58
+ };
59
+ }, [t, n, o, f, r]);
60
+ const D = () => t === "primary" ? n === "center" ? "primary-center" : `primary-${n}` : `secondary-${n === "left" ? "right" : "left"}`, _ = () => {
61
+ const e = ["modal-overlay"];
62
+ return t === "primary" ? e.push(`primary-${n}`) : e.push("secondary-overlay"), y && !d && e.push("show"), d && e.push("hide"), e.join(" ");
63
+ }, $ = () => {
64
+ const e = ["modal-container", t, D()];
65
+ return y && !d && e.push("show"), d && e.push("hide"), r && e.push("maximized"), n === "center" && e.push("centered"), t === "primary" && n === "left" && e.push("left-position"), e.join(" ");
66
+ }, g = t === "primary" ? v || R : v, F = t === "primary" && o && f, O = () => {
67
+ !g && t === "primary" && S && (u(!0), setTimeout(() => {
68
+ p(), u(!1);
69
+ }, 200));
70
+ }, q = () => {
71
+ const e = {};
72
+ return t === "primary" && !r && w && (e["--modal-primary-width"] = `${w}%`), e;
73
+ }, N = /* @__PURE__ */ a("div", { className: _(), onClick: O, children: /* @__PURE__ */ m(
74
+ "div",
75
+ {
76
+ className: $(),
77
+ style: q(),
78
+ onClick: (e) => e.stopPropagation(),
79
+ children: [
80
+ /* @__PURE__ */ m(
81
+ "div",
82
+ {
83
+ className: "modal_header",
84
+ style: { backgroundColor: W },
85
+ children: [
86
+ /* @__PURE__ */ a("span", { children: E }),
87
+ /* @__PURE__ */ m("div", { style: { display: "flex", gap: 15, justifyContent: "center" }, children: [
88
+ j && c && /* @__PURE__ */ a(
89
+ "button",
90
+ {
91
+ className: "max_button",
92
+ onClick: c,
93
+ type: "button",
94
+ disabled: F,
95
+ children: r ? /* @__PURE__ */ a(I, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(X, { size: 14, className: "icon-header" })
96
+ }
97
+ ),
98
+ /* @__PURE__ */ a(
99
+ "button",
100
+ {
101
+ className: "close_button",
102
+ onClick: p,
103
+ type: "button",
104
+ disabled: g,
105
+ children: /* @__PURE__ */ a(z, { size: 16, className: "icon-header" })
106
+ }
107
+ )
108
+ ] })
109
+ ]
110
+ }
111
+ ),
112
+ /* @__PURE__ */ a("div", { className: "modal_body", children: k })
113
+ ]
114
+ }
115
+ ) });
116
+ return t === "secondary" && s.current ? H.createPortal(N, s.current) : N;
117
+ };
118
+ export {
119
+ Y as EcoModal
120
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as r, jsxs as d } from "react/jsx-runtime";
2
2
  import _, { useState as j } from "react";
3
- import { t as A } from "../../../index-Cpp73e44.js";
3
+ import { w as A } from "../../../index-Cu8HabVU.js";
4
4
  import { a as G, b as R, c as E } from "../../../index-CgSyrJ_X.js";
5
5
  import { T as z } from "../../../Table-C5ydZooy.js";
6
6
  import { F as M, a as O } from "../../../FormGroup-BLpFcIN5.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
2
2
  import p, { useState as o } from "react";
3
- import { n as v } from "../../index-Cpp73e44.js";
3
+ import { n as v } from "../../index-Cu8HabVU.js";
4
4
  import '../../assets/ContenidoModal.css';/* empty css */
5
5
  const x = ({ title: u, modalContent: i, children: d }) => {
6
6
  const [a, l] = o(0), [m, c] = o(!0), [r, n] = o(!1);
@@ -1,6 +1,6 @@
1
1
  import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as m, useEffect as p } from "react";
3
- import { n as v } from "../../index-Cpp73e44.js";
3
+ import { n as v } from "../../index-Cu8HabVU.js";
4
4
  import '../../assets/ContenidoModal.css';/* empty css */
5
5
  const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
6
6
  } }) => {
@@ -1,6 +1,6 @@
1
1
  import { jsxs as L, jsx as u } from "react/jsx-runtime";
2
2
  import { useState as M } from "react";
3
- import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-Cpp73e44.js";
3
+ import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-Cu8HabVU.js";
4
4
  import '../../assets/IconoTooltip.css';/* empty css */
5
5
  const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
6
6
  const [a, b] = M(!1);
@@ -1,13 +1,13 @@
1
1
  import { jsx as t, jsxs as o } from "react/jsx-runtime";
2
- import { useNavigate as d } from "react-router-dom";
3
- import { r as i, s as n } from "../../index-Cpp73e44.js";
2
+ import { useNavigate as s } from "react-router-dom";
3
+ import { u as i, v as n } from "../../index-Cu8HabVU.js";
4
4
  import { G as c } from "../../iconBase-LROS5hdG.js";
5
5
  import '../../assets/ItemsModal.css';/* empty css */
6
6
  function m(l) {
7
7
  return c({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(l);
8
8
  }
9
9
  const N = ({ sections: l }) => {
10
- const e = d();
10
+ const e = s();
11
11
  return /* @__PURE__ */ t("div", { className: "listado-tarjetas", children: l.map((a, r) => /* @__PURE__ */ o("div", { className: "tarjeta-listado-row", children: [
12
12
  /* @__PURE__ */ o(
13
13
  "div",
@@ -27,8 +27,8 @@ const N = ({ sections: l }) => {
27
27
  "div",
28
28
  {
29
29
  className: "tarjeta-listado-download-container",
30
- onClick: (s) => {
31
- s.stopPropagation(), a.handleDownload && a.handleDownload();
30
+ onClick: (d) => {
31
+ d.stopPropagation(), a.handleDownload && a.handleDownload();
32
32
  },
33
33
  children: /* @__PURE__ */ t(m, { className: "tarjeta-listado-download-icon" })
34
34
  }
package/dist/ui.js CHANGED
@@ -1,23 +1,24 @@
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 n } from "./ui/contenido-modal/ContenidoModal.js";
4
- import { Paginador as f } from "./ui/paginador/Paginador.js";
3
+ import { ContenidoModal as a } from "./ui/contenido-modal/ContenidoModal.js";
4
+ import { Paginador as n } 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
7
  import { IconoTooltip as M } from "./ui/icono-tooltip/IconoTooltip.js";
8
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
- import { Animacion as I } from "./ui/animacion/Animacion.js";
9
+ import { CustomModal as g } from "./tables/tabla-registros/modal/Modal.js";
10
+ import { EcoModal as E } from "./tables/tabla-registros/modal-v2/EcoModal.js";
11
+ import { Animacion as z } from "./ui/animacion/Animacion.js";
11
12
  export {
12
- I as Animacion,
13
+ z as Animacion,
13
14
  C as ContenedorVentana,
14
- n as ContenidoModal,
15
+ a as ContenidoModal,
15
16
  g as CustomModal,
16
- s as EcoModal,
17
+ E as EcoModal,
17
18
  t as Encabezado,
18
19
  M as IconoTooltip,
19
20
  l as ItemsModal,
20
21
  d as Logo,
21
- f as Paginador,
22
+ n as Paginador,
22
23
  m as Subtitulo
23
24
  };