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.
Files changed (34) hide show
  1. package/README.md +61 -61
  2. package/dist/TabPane-BiwPZSbT.js +752 -0
  3. package/dist/assets/EcoModalStyles.css +1 -0
  4. package/dist/assets/Modal.css +1 -1
  5. package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js +1 -1
  6. package/dist/cards/tarjeta-info/TarjetaInfo.js +1 -1
  7. package/dist/data/tarjeta-datos/TarjetaDatos.js +1 -1
  8. package/dist/{index-Cpp73e44.js → index-069JzHFQ.js} +23 -15
  9. package/dist/index-BrykDZgK.js +390 -0
  10. package/dist/lib/assets/animations/noData.json.d.ts +5866 -5866
  11. package/dist/lib/assets/animations/noInfo.json.d.ts +2981 -2981
  12. package/dist/lib/tables/tabla-registros/modal/Modal.d.ts +2 -3
  13. package/dist/lib/tables/tabla-registros/modal-v2/EcoModal.d.ts +21 -0
  14. package/dist/lib/ui.d.ts +1 -1
  15. package/dist/shared/app-list/AppList.js +1 -1
  16. package/dist/shared/iconos-sistema/logout-button/LogoutButton.js +1 -1
  17. package/dist/shared/menu-lateral/MenuLateral.js +14 -12
  18. package/dist/shared/tab-ventana/TabVentana.js +1 -1
  19. package/dist/shared/ventana-tabs/VentanaTabs.js +1 -1
  20. package/dist/tables/tabla-registros/TablaRegistros.js +2 -1
  21. package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
  22. package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +5 -3
  23. package/dist/tables/tabla-registros/modal/Modal.js +23 -23
  24. package/dist/tables/tabla-registros/modal-v2/EcoModal.js +117 -0
  25. package/dist/tables/tabla-registros/tabla/Tabla.js +1 -1
  26. package/dist/ui/contenido-modal/ContenidoModal.js +1 -1
  27. package/dist/ui/contenido-modal/ContenidoModalv0.1.js +1 -1
  28. package/dist/ui/icono-tooltip/IconoTooltip.js +1 -1
  29. package/dist/ui/items-modal/ItemsModal.js +5 -5
  30. package/dist/ui/logo/Logo.js +6 -6
  31. package/dist/ui.js +9 -8
  32. package/dist/utils/unp-historico/UnpHistorico.js +5 -3
  33. package/package.json +111 -111
  34. 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
- export declare const CustomModal: React.FC<CustomModalProps>;
14
- export { EcoModal };
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/Modal.js';
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 { w as N } from "../../index-Cpp73e44.js";
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 { v as i } from "../../../index-Cpp73e44.js";
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 b1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
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\r
272
- M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65\r
273
- 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65\r
274
- 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65\r
275
- 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0\r
276
- 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65\r
277
- 0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0\r
278
- 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65\r
279
- 0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0\r
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
- b1 as MenuLateral
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-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 { 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 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,45 @@
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 M = ({
5
+ show: l,
6
+ onHide: s,
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
+ 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
- }, [o]), /* @__PURE__ */ e(
17
+ }, [l]), /* @__PURE__ */ o(
17
18
  "div",
18
19
  {
19
- className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
20
+ className: `modal-overlay-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
20
21
  onClick: () => {
21
- m && (s(!0), setTimeout(() => {
22
- t(), s(!1);
22
+ m && (e(!0), setTimeout(() => {
23
+ s(), e(!1);
23
24
  }, 200));
24
25
  },
25
- children: /* @__PURE__ */ n(
26
+ children: /* @__PURE__ */ i(
26
27
  "div",
27
28
  {
28
- className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
29
- onClick: (h) => h.stopPropagation(),
29
+ className: `modal-container-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
30
+ onClick: (u) => u.stopPropagation(),
30
31
  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: "×" })
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__ */ e("div", { className: "modal_body", children: r })
36
+ /* @__PURE__ */ o("div", { className: "modal_body_old", children: r })
36
37
  ]
37
38
  }
38
39
  )
39
40
  }
40
41
  );
41
- }, b = (o) => /* @__PURE__ */ e(f, { ...o });
42
+ };
42
43
  export {
43
- b as CustomModal,
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 { t as A } from "../../../index-Cpp73e44.js";
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-Cpp73e44.js";
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-Cpp73e44.js";
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-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-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 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 { 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 = 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
  }