react-ecosistema-unp 1.7.1 → 1.7.2
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/README.md +61 -61
- package/dist/TabPane-BiwPZSbT.js +752 -0
- package/dist/assets/EcoModalStyles.css +1 -0
- package/dist/assets/Modal.css +1 -1
- package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js +1 -1
- package/dist/cards/tarjeta-info/TarjetaInfo.js +1 -1
- package/dist/data/tarjeta-datos/TarjetaDatos.js +1 -1
- package/dist/{index-Cpp73e44.js → index-069JzHFQ.js} +23 -15
- package/dist/index-BrykDZgK.js +390 -0
- package/dist/lib/assets/animations/noData.json.d.ts +5866 -5866
- package/dist/lib/assets/animations/noInfo.json.d.ts +2981 -2981
- package/dist/lib/tables/tabla-registros/modal/Modal.d.ts +2 -3
- package/dist/lib/tables/tabla-registros/modal-v2/EcoModal.d.ts +21 -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 +14 -12
- 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 +23 -23
- package/dist/tables/tabla-registros/modal-v2/EcoModal.js +117 -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/logo/Logo.js +6 -6
- package/dist/ui.js +9 -8
- package/dist/utils/unp-historico/UnpHistorico.js +5 -3
- package/package.json +111 -111
- package/dist/TabPane-DtFCEmIj.js +0 -1136
|
@@ -6,9 +6,8 @@ interface CustomModalProps {
|
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
closeModalOut: boolean;
|
|
8
8
|
}
|
|
9
|
-
declare const EcoModal: React.FC<CustomModalProps>;
|
|
10
9
|
/**
|
|
11
10
|
* @deprecated since version 1.7.x — use `EcoModal` instead.
|
|
12
11
|
*/
|
|
13
|
-
|
|
14
|
-
export {
|
|
12
|
+
declare const CustomModal: React.FC<CustomModalProps>;
|
|
13
|
+
export { CustomModal };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface CustomModalProps {
|
|
3
|
+
show: boolean;
|
|
4
|
+
onHide: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
closeModalOut: boolean;
|
|
8
|
+
isMaximized?: boolean;
|
|
9
|
+
onToggleMaximize?: () => void;
|
|
10
|
+
showMaximizeButton?: boolean;
|
|
11
|
+
modalType: "primary" | "secondary";
|
|
12
|
+
primaryPosition?: "left" | "center" | "right";
|
|
13
|
+
disableClose?: boolean;
|
|
14
|
+
hasSecondaryModalOpen?: boolean;
|
|
15
|
+
otherModalOpen?: boolean;
|
|
16
|
+
widthPercent?: number;
|
|
17
|
+
headerBgColor?: string;
|
|
18
|
+
hasBody?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const EcoModal: React.FC<CustomModalProps>;
|
|
21
|
+
export { EcoModal };
|
package/dist/lib/ui.d.ts
CHANGED
|
@@ -7,5 +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/
|
|
10
|
+
export { EcoModal } from './tables/tabla-registros/modal-v2/EcoModal.js';
|
|
11
11
|
export { Animacion } from './ui/animacion/Animacion.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o, jsxs as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useEffect as h } from "react";
|
|
3
3
|
import { F as t, e as u, f, g as v, h as z } from "../../index-CgSyrJ_X.js";
|
|
4
|
-
import {
|
|
4
|
+
import { y as N } from "../../index-069JzHFQ.js";
|
|
5
5
|
import { G as g } from "../../iconBase-LROS5hdG.js";
|
|
6
6
|
import { j as w } from "../../index-CuHybtft.js";
|
|
7
7
|
import { N as b } from "../../NavDropdown-ei8eIwIE.js";
|
|
@@ -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 { x as i } from "../../../index-069JzHFQ.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 });
|
|
@@ -5,7 +5,7 @@ import { j as u } from "../../index-CuHybtft.js";
|
|
|
5
5
|
import { useFinalizarSesion as C } from "../../auth/hooks/useFinalizarSesion.js";
|
|
6
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";
|
|
@@ -23,6 +23,8 @@ 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
30
|
import { useWebSocketConnection as A } from "../../utils/websocket-manager/WebSocketContext.js";
|
|
@@ -66,7 +68,7 @@ function G(t) {
|
|
|
66
68
|
function W(t) {
|
|
67
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
|
|
71
|
+
const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
|
|
70
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");
|
|
@@ -268,15 +270,15 @@ const b1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
|
|
|
268
270
|
{
|
|
269
271
|
className: "gear__path",
|
|
270
272
|
fill: "none",
|
|
271
|
-
d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
273
|
+
d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z
|
|
274
|
+
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
|
|
275
|
+
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
|
|
276
|
+
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
|
|
277
|
+
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
|
|
278
|
+
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
|
|
279
|
+
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
|
|
280
|
+
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
|
|
281
|
+
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
|
|
280
282
|
0-1.51 1z`
|
|
281
283
|
}
|
|
282
284
|
)
|
|
@@ -303,5 +305,5 @@ const b1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
|
|
|
303
305
|
] }) });
|
|
304
306
|
};
|
|
305
307
|
export {
|
|
306
|
-
|
|
308
|
+
z1 as MenuLateral
|
|
307
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 { w as s } from "../../../index-069JzHFQ.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,45 @@
|
|
|
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 M = ({
|
|
5
|
+
show: l,
|
|
6
|
+
onHide: s,
|
|
7
7
|
title: c,
|
|
8
8
|
children: r,
|
|
9
9
|
closeModalOut: m
|
|
10
10
|
}) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
console.warn("react-ecosistema-unp - [CustomModal] is deprecated. Please use [EcoModal] instead.");
|
|
12
|
+
const [a, d] = n(!1), [t, e] = n(!1);
|
|
13
|
+
return h(() => {
|
|
14
|
+
l ? d(!0) : (e(!0), setTimeout(() => {
|
|
15
|
+
d(!1), e(!1);
|
|
15
16
|
}, 200));
|
|
16
|
-
}, [
|
|
17
|
+
}, [l]), /* @__PURE__ */ o(
|
|
17
18
|
"div",
|
|
18
19
|
{
|
|
19
|
-
className: `modal-overlay ${
|
|
20
|
+
className: `modal-overlay-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
|
|
20
21
|
onClick: () => {
|
|
21
|
-
m && (
|
|
22
|
-
|
|
22
|
+
m && (e(!0), setTimeout(() => {
|
|
23
|
+
s(), e(!1);
|
|
23
24
|
}, 200));
|
|
24
25
|
},
|
|
25
|
-
children: /* @__PURE__ */
|
|
26
|
+
children: /* @__PURE__ */ i(
|
|
26
27
|
"div",
|
|
27
28
|
{
|
|
28
|
-
className: `modal-container ${
|
|
29
|
-
onClick: (
|
|
29
|
+
className: `modal-container-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
|
|
30
|
+
onClick: (u) => u.stopPropagation(),
|
|
30
31
|
children: [
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ i("div", { className: "modal_header-old", children: [
|
|
33
|
+
/* @__PURE__ */ o("span", { children: c }),
|
|
34
|
+
/* @__PURE__ */ o("button", { className: "close_button_old", onClick: s, type: "button", children: "×" })
|
|
34
35
|
] }),
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
+
/* @__PURE__ */ o("div", { className: "modal_body_old", children: r })
|
|
36
37
|
]
|
|
37
38
|
}
|
|
38
39
|
)
|
|
39
40
|
}
|
|
40
41
|
);
|
|
41
|
-
}
|
|
42
|
+
};
|
|
42
43
|
export {
|
|
43
|
-
|
|
44
|
-
f as EcoModal
|
|
44
|
+
M as CustomModal
|
|
45
45
|
};
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsx as a, jsxs as u } from "react/jsx-runtime";
|
|
2
|
+
import { useState as m, useRef as q, useEffect as f } from "react";
|
|
3
|
+
import { R as I } from "../../../index-BrykDZgK.js";
|
|
4
|
+
import { q as M, r as A } from "../../../index-069JzHFQ.js";
|
|
5
|
+
import '../../../assets/EcoModalStyles.css';/* empty css */
|
|
6
|
+
const V = ({
|
|
7
|
+
show: n,
|
|
8
|
+
onHide: p,
|
|
9
|
+
title: S,
|
|
10
|
+
children: k,
|
|
11
|
+
closeModalOut: E,
|
|
12
|
+
isMaximized: o,
|
|
13
|
+
onToggleMaximize: h,
|
|
14
|
+
showMaximizeButton: R = !1,
|
|
15
|
+
modalType: s = "primary",
|
|
16
|
+
primaryPosition: r = "right",
|
|
17
|
+
disableClose: y = !1,
|
|
18
|
+
hasSecondaryModalOpen: j = !1,
|
|
19
|
+
otherModalOpen: c = !1,
|
|
20
|
+
widthPercent: b,
|
|
21
|
+
headerBgColor: D = "#303D50",
|
|
22
|
+
hasBody: _ = !0
|
|
23
|
+
}) => {
|
|
24
|
+
const [v, g] = m(!1), [l, i] = m(!1), [w, C] = m(!1), t = q(null);
|
|
25
|
+
f(() => (C(!0), s === "secondary" && !t.current && (t.current = document.createElement("div"), t.current.className = "modal-portal-container", document.body.appendChild(t.current)), () => {
|
|
26
|
+
C(!1), t.current && (document.body.removeChild(t.current), t.current = null);
|
|
27
|
+
}), [s]), f(() => {
|
|
28
|
+
const e = document.body;
|
|
29
|
+
return n ? (g(!0), e.classList.add("modal-open")) : (i(!0), setTimeout(() => {
|
|
30
|
+
w && (g(!1), i(!1)), e.classList.remove("modal-open");
|
|
31
|
+
}, 200)), () => {
|
|
32
|
+
e.classList.remove("modal-open");
|
|
33
|
+
};
|
|
34
|
+
}, [n, w]), f(() => {
|
|
35
|
+
const e = document.body;
|
|
36
|
+
s === "primary" && (e.classList.remove("primary-right", "primary-left"), e.classList.add(
|
|
37
|
+
r === "left" ? "primary-left" : "primary-right"
|
|
38
|
+
));
|
|
39
|
+
const d = () => {
|
|
40
|
+
if (!(n && c && !o)) {
|
|
41
|
+
e.classList.remove("two-modals-50", "two-modals-large");
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
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"));
|
|
45
|
+
};
|
|
46
|
+
return d(), window.addEventListener("resize", d), () => {
|
|
47
|
+
s === "primary" && e.classList.remove("primary-right", "primary-left"), e.classList.remove("two-modals-50", "two-modals-large"), window.removeEventListener("resize", d);
|
|
48
|
+
};
|
|
49
|
+
}, [s, r, n, c, o]);
|
|
50
|
+
const $ = () => s === "primary" ? r === "center" ? "primary-center" : `primary-${r}` : `secondary-${r === "left" ? "right" : "left"}`, x = () => {
|
|
51
|
+
const e = ["modal-overlay"];
|
|
52
|
+
return s === "primary" ? e.push(`primary-${r}`) : e.push("secondary-overlay"), v && !l && e.push("show"), l && e.push("hide"), e.join(" ");
|
|
53
|
+
}, W = () => {
|
|
54
|
+
const e = ["modal-container", s, $()];
|
|
55
|
+
return v && !l && e.push("show"), l && e.push("hide"), o && e.push("maximized"), r === "center" && e.push("centered"), e.join(" ");
|
|
56
|
+
}, L = s === "primary" ? y || j : y, z = s === "primary" && n && c, F = () => {
|
|
57
|
+
!L && s === "primary" && E && (i(!0), setTimeout(() => {
|
|
58
|
+
p(), i(!1);
|
|
59
|
+
}, 200));
|
|
60
|
+
}, O = () => {
|
|
61
|
+
const e = {};
|
|
62
|
+
return s === "primary" && !o && b && (e["--modal-primary-width"] = `${b}%`), e;
|
|
63
|
+
}, N = /* @__PURE__ */ a("div", { className: x(), onClick: F, children: /* @__PURE__ */ u(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
className: W(),
|
|
67
|
+
style: O(),
|
|
68
|
+
onClick: (e) => e.stopPropagation(),
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ u(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
className: "modal_header",
|
|
74
|
+
style: { backgroundColor: D },
|
|
75
|
+
children: [
|
|
76
|
+
/* @__PURE__ */ a("span", { children: S }),
|
|
77
|
+
/* @__PURE__ */ u("div", { style: { display: "flex", gap: 10 }, children: [
|
|
78
|
+
R && h && /* @__PURE__ */ a(
|
|
79
|
+
"button",
|
|
80
|
+
{
|
|
81
|
+
className: "max_button",
|
|
82
|
+
onClick: h,
|
|
83
|
+
type: "button",
|
|
84
|
+
disabled: z,
|
|
85
|
+
children: o ? /* @__PURE__ */ a(M, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(A, { size: 14, className: "icon-header" })
|
|
86
|
+
}
|
|
87
|
+
),
|
|
88
|
+
/* @__PURE__ */ a(
|
|
89
|
+
"button",
|
|
90
|
+
{
|
|
91
|
+
className: "close_button",
|
|
92
|
+
onClick: p,
|
|
93
|
+
type: "button",
|
|
94
|
+
disabled: L,
|
|
95
|
+
children: "×"
|
|
96
|
+
}
|
|
97
|
+
)
|
|
98
|
+
] })
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
),
|
|
102
|
+
/* @__PURE__ */ a(
|
|
103
|
+
"div",
|
|
104
|
+
{
|
|
105
|
+
className: "modal_body",
|
|
106
|
+
style: { padding: _ ? "1rem" : "0rem" },
|
|
107
|
+
children: k
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
) });
|
|
113
|
+
return s === "secondary" && t.current ? I.createPortal(N, t.current) : N;
|
|
114
|
+
};
|
|
115
|
+
export {
|
|
116
|
+
V as EcoModal
|
|
117
|
+
};
|
|
@@ -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 { v as A } from "../../../index-069JzHFQ.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-069JzHFQ.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-069JzHFQ.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-069JzHFQ.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 { t as i, u as n } from "../../index-069JzHFQ.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
|
}
|