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.
- package/dist/TabPane-BiwPZSbT.js +752 -0
- package/dist/assets/EcoModalStyles.css +1 -0
- package/dist/assets/MenuLateral.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js +4 -4
- package/dist/cards/tarjeta-info/TarjetaInfo.js +1 -1
- package/dist/data/tarjeta-datos/TarjetaDatos.js +1 -1
- package/dist/index-BrykDZgK.js +390 -0
- package/dist/{index-Cpp73e44.js → index-Cu8HabVU.js} +29 -17
- package/dist/lib/tables/tabla-registros/modal/Modal.d.ts +2 -3
- package/dist/lib/tables/tabla-registros/modal-v2/EcoModal.d.ts +20 -0
- package/dist/lib/ui.d.ts +1 -1
- package/dist/shared/app-list/AppList.js +1 -1
- package/dist/shared/iconos-sistema/logout-button/LogoutButton.js +1 -1
- package/dist/shared/menu-lateral/MenuLateral.js +51 -46
- package/dist/shared/tab-ventana/TabVentana.js +1 -1
- package/dist/shared/ventana-tabs/VentanaTabs.js +1 -1
- package/dist/tables/tabla-registros/TablaRegistros.js +2 -1
- package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
- package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +5 -3
- package/dist/tables/tabla-registros/modal/Modal.js +22 -23
- package/dist/tables/tabla-registros/modal-v2/EcoModal.js +120 -0
- package/dist/tables/tabla-registros/tabla/Tabla.js +1 -1
- package/dist/ui/contenido-modal/ContenidoModal.js +1 -1
- package/dist/ui/contenido-modal/ContenidoModalv0.1.js +1 -1
- package/dist/ui/icono-tooltip/IconoTooltip.js +1 -1
- package/dist/ui/items-modal/ItemsModal.js +5 -5
- package/dist/ui.js +9 -8
- package/dist/utils/unp-historico/UnpHistorico.js +5 -3
- package/package.json +1 -1
- 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 {
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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: "
|
|
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"
|
|
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
|
|
70
|
-
const [N, f] = o(!0), [m, p] = o(null), k =
|
|
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
|
|
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") ? (
|
|
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
|
|
93
|
+
const _ = () => {
|
|
92
94
|
b("/unp/ecosistema/usuario");
|
|
93
95
|
};
|
|
94
|
-
return /* @__PURE__ */ a("div", { className: `container-fluid ${
|
|
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:
|
|
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
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
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: `${
|
|
189
|
-
/* @__PURE__ */ a(
|
|
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
|
-
!
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
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:
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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/
|
|
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 {
|
|
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
|
|
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
|
-
|
|
33
|
+
S as EncabezadoTabla
|
|
32
34
|
};
|
|
@@ -1,45 +1,44 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
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
|
|
5
|
-
show:
|
|
6
|
-
onHide:
|
|
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,
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
}, [
|
|
16
|
+
}, [s]), /* @__PURE__ */ o(
|
|
17
17
|
"div",
|
|
18
18
|
{
|
|
19
|
-
className: `modal-overlay ${l ? "show" : ""} ${
|
|
19
|
+
className: `modal-overlay ${l ? "show" : ""} ${d ? "hide" : ""}`,
|
|
20
20
|
onClick: () => {
|
|
21
|
-
m && (
|
|
22
|
-
|
|
21
|
+
m && (e(!0), setTimeout(() => {
|
|
22
|
+
a(), e(!1);
|
|
23
23
|
}, 200));
|
|
24
24
|
},
|
|
25
|
-
children: /* @__PURE__ */
|
|
25
|
+
children: /* @__PURE__ */ i(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
|
-
className: `modal-container ${l ? "show" : ""} ${
|
|
29
|
-
onClick: (
|
|
28
|
+
className: `modal-container ${l ? "show" : ""} ${d ? "hide" : ""}`,
|
|
29
|
+
onClick: (u) => u.stopPropagation(),
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
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__ */
|
|
35
|
+
/* @__PURE__ */ o("div", { className: "modal_body", children: r })
|
|
36
36
|
]
|
|
37
37
|
}
|
|
38
38
|
)
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
}
|
|
41
|
+
};
|
|
42
42
|
export {
|
|
43
|
-
|
|
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 {
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
3
|
-
import {
|
|
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 =
|
|
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: (
|
|
31
|
-
|
|
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
|
|
4
|
-
import { Paginador as
|
|
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
|
|
10
|
-
import {
|
|
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
|
-
|
|
13
|
+
z as Animacion,
|
|
13
14
|
C as ContenedorVentana,
|
|
14
|
-
|
|
15
|
+
a as ContenidoModal,
|
|
15
16
|
g as CustomModal,
|
|
16
|
-
|
|
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
|
-
|
|
22
|
+
n as Paginador,
|
|
22
23
|
m as Subtitulo
|
|
23
24
|
};
|