react-ecosistema-unp 0.7.2 → 0.8.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/{NotificacionUsuario-uif1f5Yt.js → NotificacionUsuario-DRuxRQ6q.js} +1 -1
- package/dist/accessibility/{components → barra-accesibilidad}/BarraAccesibilidad.js +18 -18
- package/dist/accessibility.js +1 -1
- package/dist/assets/BarraAccesibilidad.css +1 -1
- package/dist/assets/Bootstrap.css +1 -1
- package/dist/assets/ContenedorTarjeta.css +1 -0
- package/dist/assets/ContenidoModal.css +1 -1
- package/dist/assets/IconoTabla.css +1 -0
- package/dist/assets/Logo.css +1 -0
- package/dist/assets/MenuLateral.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/NotificacionUsuario.css +1 -1
- package/dist/assets/SeccionTarjeta.css +1 -0
- package/dist/assets/SeccionTarjetaLectura.css +1 -0
- package/dist/assets/TabVentana.css +1 -1
- package/dist/assets/Tabla.css +1 -1
- package/dist/assets/Tarjeta.css +1 -1
- package/dist/assets/TarjetaInfo.css +1 -0
- package/dist/assets/TarjetaLectura.css +1 -0
- package/dist/assets/TarjetaListado.css +1 -0
- package/dist/index-PYPwtOs4.js +55 -0
- package/dist/lib/accessibility/barra-accesibilidad/BarraAccesibilidad.d.ts +2 -0
- package/dist/lib/accessibility.d.ts +1 -1
- package/dist/lib/shared.d.ts +3 -4
- package/dist/lib/tables/{components → tabla-registros/buscador}/Buscador.d.ts +1 -1
- package/dist/lib/tables/tabla-registros/contenido-modal/ContenidoModal.d.ts +18 -0
- package/dist/lib/tables/{components → tabla-registros/encabezado}/EncabezadoTabla.d.ts +1 -1
- package/dist/lib/tables/tabla-registros/icono-tabla/IconoTabla.d.ts +14 -0
- package/dist/lib/tables.d.ts +2 -1
- package/dist/lib/ui/logo/Logo.d.ts +14 -0
- package/dist/lib/ui/{components → paginador}/Paginador.d.ts +3 -1
- package/dist/lib/ui/{components → tarjeta/contenedor-tarjeta}/ContenedorTarjeta.d.ts +0 -1
- package/dist/lib/ui/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts +8 -0
- package/dist/lib/ui/{components → tarjeta/tarjeta-agregar}/TarjetaAgregar.d.ts +2 -1
- package/dist/lib/ui/tarjeta-info/TarjetaInfo.d.ts +9 -0
- package/dist/lib/ui/tarjeta-lectura/TarjetaLectura.d.ts +22 -0
- package/dist/lib/ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.d.ts +7 -0
- package/dist/lib/ui/tarjeta-listado/TarjetaListado.d.ts +14 -0
- package/dist/lib/ui.d.ts +13 -8
- package/dist/logo_escudo_blanco-DaOI8SGq.js +4 -0
- package/dist/shared/{components → menu-lateral}/MenuLateral.js +32 -31
- package/dist/shared/notificacion-usuario/NotificacionUsuario.js +5 -0
- package/dist/shared/{components → ventana-lienzo}/VentanaLienzo.js +1 -1
- package/dist/shared/{components → ventana-tabs}/VentanaTabs.js +2 -2
- package/dist/shared.js +4 -6
- package/dist/tables/{components → tabla-registros}/TablaRegistros.js +3 -3
- package/dist/tables/{components → tabla-registros/buscador}/Buscador.js +6 -6
- package/dist/tables/tabla-registros/contenido-modal/ContenidoModal.js +57 -0
- package/dist/{ui/components/ContenidoModal.js → tables/tabla-registros/contenido-modal/ContenidoModalv0.1.js} +2 -2
- package/dist/tables/tabla-registros/encabezado/EncabezadoTabla.js +30 -0
- package/dist/tables/tabla-registros/icono-tabla/IconoTabla.js +68 -0
- package/dist/tables/{components → tabla-registros/modal}/Modal.js +1 -1
- package/dist/tables/{components → tabla-registros/tabla}/Tabla.js +19 -19
- package/dist/tables.js +3 -1
- package/dist/ui/encabezado/Encabezado.js +15 -0
- package/dist/ui/logo/Logo.js +12 -0
- package/dist/ui/paginador/Paginador.js +66 -0
- package/dist/ui/{components → subtitulo}/Subtitulo.js +2 -2
- package/dist/ui/{components → tarjeta}/Tarjeta.js +20 -20
- package/dist/ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +15 -0
- package/dist/ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js +7 -0
- package/dist/ui/{components → tarjeta/tarjeta-agregar}/TarjetaAgregar.js +8 -9
- package/dist/ui/tarjeta-info/TarjetaInfo.js +42 -0
- package/dist/ui/tarjeta-lectura/TarjetaLectura.js +66 -0
- package/dist/ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js +9 -0
- package/dist/ui/tarjeta-listado/TarjetaListado.js +40 -0
- package/dist/ui.js +23 -13
- package/package.json +1 -1
- package/dist/assets/IconoTipoSolicitud.css +0 -1
- package/dist/index-DHX2gxCC.js +0 -27
- package/dist/lib/accessibility/components/BarraAccesibilidad.d.ts +0 -2
- package/dist/lib/shared/components/LoadingPage.d.ts +0 -3
- package/dist/lib/ui/components/IconoTipoSolicitud.d.ts +0 -7
- package/dist/shared/components/LoadingPage.js +0 -16
- package/dist/shared/components/NotificacionUsuario.js +0 -5
- package/dist/tables/components/EncabezadoTabla.js +0 -24
- package/dist/ui/components/ContenedorTarjeta.js +0 -7
- package/dist/ui/components/Encabezado.js +0 -14
- package/dist/ui/components/IconoTipoSolicitud.js +0 -59
- package/dist/ui/components/Paginador.js +0 -56
- /package/dist/lib/{tables/assets → assets}/animations/isLoading.json.d.ts +0 -0
- /package/dist/lib/{tables/assets → assets}/animations/noData.json.d.ts +0 -0
- /package/dist/lib/{tables/assets → assets}/animations/noInfo.json.d.ts +0 -0
- /package/dist/lib/shared/{components → menu-lateral}/MenuLateral.d.ts +0 -0
- /package/dist/lib/shared/{components → notificacion-usuario}/NotificacionUsuario.d.ts +0 -0
- /package/dist/lib/shared/{components → ventana-lienzo}/VentanaLienzo.d.ts +0 -0
- /package/dist/lib/shared/{components → ventana-tabs}/TabVentana.d.ts +0 -0
- /package/dist/lib/shared/{components → ventana-tabs}/VentanaTabs.d.ts +0 -0
- /package/dist/lib/tables/{components → tabla-registros}/TablaRegistros.d.ts +0 -0
- /package/dist/lib/{ui/components/ContenidoModal.d.ts → tables/tabla-registros/contenido-modal/ContenidoModalv0.1.d.ts} +0 -0
- /package/dist/lib/tables/{components → tabla-registros/modal}/Modal.d.ts +0 -0
- /package/dist/lib/tables/{components → tabla-registros/tabla}/Tabla.d.ts +0 -0
- /package/dist/lib/ui/{components → encabezado}/Encabezado.d.ts +0 -0
- /package/dist/lib/ui/{components → subtitulo}/Subtitulo.d.ts +0 -0
- /package/dist/lib/ui/{components → tarjeta}/Tarjeta.d.ts +0 -0
- /package/dist/shared/{components → ventana-tabs}/TabVentana.js +0 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as u, useRef as f, useEffect as h } from "react";
|
|
3
|
+
import '../../assets/Paginador.css';/* empty css */
|
|
4
|
+
import { C as p } from "../../Card-aTqC9rSK.js";
|
|
5
|
+
import { B as c } from "../../Button-Gn1tKaoW.js";
|
|
6
|
+
const N = ({ stepContent: a, onSubmit: d, canJump: s = !0 }) => {
|
|
7
|
+
const [r, l] = u(0), n = f(null);
|
|
8
|
+
return h(() => {
|
|
9
|
+
n.current && n.current.scrollIntoView({
|
|
10
|
+
behavior: "smooth",
|
|
11
|
+
block: "start"
|
|
12
|
+
});
|
|
13
|
+
}, [r]), /* @__PURE__ */ t(m, { children: [
|
|
14
|
+
/* @__PURE__ */ e(p, { ref: n, className: "border-0 paginador-card", children: /* @__PURE__ */ e("ul", { id: "progressbar", children: a.map((o, i) => /* @__PURE__ */ t(
|
|
15
|
+
"li",
|
|
16
|
+
{
|
|
17
|
+
className: i <= r ? "active" : "",
|
|
18
|
+
onClick: () => {
|
|
19
|
+
s ? s && l(i) : (i === r + 1 || i < r) && l(i);
|
|
20
|
+
},
|
|
21
|
+
children: [
|
|
22
|
+
/* @__PURE__ */ e("div", { className: `step ${i <= r ? "active" : ""}`, children: /* @__PURE__ */ e(o.icon, {}) }),
|
|
23
|
+
/* @__PURE__ */ e("strong", { children: o.label })
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
i
|
|
27
|
+
)) }) }),
|
|
28
|
+
/* @__PURE__ */ e("div", { className: "paginador-content", children: a[r].content }),
|
|
29
|
+
/* @__PURE__ */ t("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
|
|
30
|
+
r > 0 && /* @__PURE__ */ e(
|
|
31
|
+
c,
|
|
32
|
+
{
|
|
33
|
+
variant: "unp_secondary",
|
|
34
|
+
onClick: () => l(r - 1),
|
|
35
|
+
style: {
|
|
36
|
+
marginRight: "1rem"
|
|
37
|
+
},
|
|
38
|
+
children: "Anterior"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
r < a.length - 1 && /* @__PURE__ */ e(
|
|
42
|
+
c,
|
|
43
|
+
{
|
|
44
|
+
variant: "unp_primary",
|
|
45
|
+
style: { justifySelf: "end" },
|
|
46
|
+
onClick: () => {
|
|
47
|
+
a[r].handleNextClick && a[r].handleNextClick(), l(r + 1);
|
|
48
|
+
},
|
|
49
|
+
children: "Siguiente"
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
r === a.length - 1 && /* @__PURE__ */ e(
|
|
53
|
+
c,
|
|
54
|
+
{
|
|
55
|
+
type: "submit",
|
|
56
|
+
variant: "unp_send",
|
|
57
|
+
onClick: d,
|
|
58
|
+
children: "Enviar"
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] })
|
|
62
|
+
] });
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
N as Paginador
|
|
66
|
+
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as m, Fragment as j } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/Tarjeta.css';/* empty css */
|
|
3
|
-
import {
|
|
4
|
-
import { C, a as
|
|
5
|
-
import { C as
|
|
6
|
-
import { u as
|
|
3
|
+
import { SeccionTarjeta as b } from "./seccion-tarjeta/SeccionTarjeta.js";
|
|
4
|
+
import { C as N, a as g } from "../../Card-aTqC9rSK.js";
|
|
5
|
+
import { C as w } from "../../CardBody-B9vvCH8g.js";
|
|
6
|
+
import { u as C, a as E, b as T, c as $ } from "../../ThemeProvider-DwZMEupk.js";
|
|
7
7
|
import * as v from "react";
|
|
8
8
|
import { B as p } from "../../Button-Gn1tKaoW.js";
|
|
9
|
-
const
|
|
10
|
-
bsPrefix:
|
|
9
|
+
const d = /* @__PURE__ */ v.forwardRef(({
|
|
10
|
+
bsPrefix: c,
|
|
11
11
|
className: r,
|
|
12
12
|
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
|
|
13
13
|
as: t = "div",
|
|
14
14
|
...a
|
|
15
|
-
},
|
|
16
|
-
const s =
|
|
15
|
+
}, l) => {
|
|
16
|
+
const s = C(c, "row"), x = E(), h = T(), y = `${s}-cols`, f = [];
|
|
17
17
|
return x.forEach((o) => {
|
|
18
18
|
const n = a[o];
|
|
19
19
|
delete a[o];
|
|
@@ -24,12 +24,12 @@ const m = /* @__PURE__ */ v.forwardRef(({
|
|
|
24
24
|
const B = o !== h ? `-${o}` : "";
|
|
25
25
|
i != null && f.push(`${y}${B}-${i}`);
|
|
26
26
|
}), /* @__PURE__ */ e(t, {
|
|
27
|
-
ref:
|
|
27
|
+
ref: l,
|
|
28
28
|
...a,
|
|
29
29
|
className: $(r, s, ...f)
|
|
30
30
|
});
|
|
31
31
|
});
|
|
32
|
-
|
|
32
|
+
d.displayName = "Row";
|
|
33
33
|
const u = {
|
|
34
34
|
color: "#f3f3f3",
|
|
35
35
|
backgroundColor: "#38a729",
|
|
@@ -38,28 +38,28 @@ const u = {
|
|
|
38
38
|
marginBottom: "15px",
|
|
39
39
|
width: "100px"
|
|
40
40
|
}, H = ({
|
|
41
|
-
title:
|
|
41
|
+
title: c,
|
|
42
42
|
children: r,
|
|
43
43
|
method: t = "GET",
|
|
44
44
|
validated: a = !1,
|
|
45
|
-
onSubmit:
|
|
45
|
+
onSubmit: l = () => {
|
|
46
46
|
},
|
|
47
47
|
hasBody: s = !0
|
|
48
|
-
}) => /* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */ e(
|
|
48
|
+
}) => /* @__PURE__ */ m(N, { className: "border-0 mb-4 tarjeta-unp", children: [
|
|
49
|
+
/* @__PURE__ */ e(g, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: c }),
|
|
50
50
|
/* @__PURE__ */ e(
|
|
51
51
|
"form",
|
|
52
52
|
{
|
|
53
53
|
method: t,
|
|
54
|
-
onSubmit:
|
|
54
|
+
onSubmit: l,
|
|
55
55
|
noValidate: !0,
|
|
56
56
|
className: a ? "was-validated" : "",
|
|
57
|
-
children: s ? /* @__PURE__ */
|
|
57
|
+
children: s ? /* @__PURE__ */ m(w, { className: "pt-0", children: [
|
|
58
58
|
r,
|
|
59
|
-
t !== "GET" && /* @__PURE__ */ e(
|
|
60
|
-
] }) : /* @__PURE__ */
|
|
59
|
+
t !== "GET" && /* @__PURE__ */ e(d, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) })
|
|
60
|
+
] }) : /* @__PURE__ */ m(j, { children: [
|
|
61
61
|
r,
|
|
62
|
-
/* @__PURE__ */ e(b, { children:
|
|
62
|
+
t !== "GET" && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(d, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) }) })
|
|
63
63
|
] })
|
|
64
64
|
}
|
|
65
65
|
)
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/ContenedorTarjeta.css';/* empty css */
|
|
3
|
+
const a = ({ isGray: r = !0, children: o }) => /* @__PURE__ */ t(
|
|
4
|
+
"div",
|
|
5
|
+
{
|
|
6
|
+
className: "contenedor-gris-tarjeta",
|
|
7
|
+
style: {
|
|
8
|
+
backgroundColor: r ? "#f7f7f7" : "#ffffff"
|
|
9
|
+
},
|
|
10
|
+
children: o
|
|
11
|
+
}
|
|
12
|
+
);
|
|
13
|
+
export {
|
|
14
|
+
a as ContenedorTarjeta
|
|
15
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/SeccionTarjeta.css';/* empty css */
|
|
3
|
+
import { C as o } from "../../../CardBody-B9vvCH8g.js";
|
|
4
|
+
const i = ({ isGray: a = !1, children: t, isLast: r = !1 }) => /* @__PURE__ */ e(o, { className: `${a ? "tarjeta-container-section" : ""} ${r ? "tarjeta-container-last" : ""} tarjeta-container`, children: t });
|
|
5
|
+
export {
|
|
6
|
+
i as SeccionTarjeta
|
|
7
|
+
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import { B as a } from "../../Button-Gn1tKaoW.js";
|
|
1
|
+
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { b as a } from "../../../index-PYPwtOs4.js";
|
|
3
|
+
import { B as s } from "../../../Button-Gn1tKaoW.js";
|
|
5
4
|
const d = {
|
|
6
5
|
fontColor: "#303d50s",
|
|
7
6
|
fontSize: "1.1rem",
|
|
8
7
|
fontWeight: "700",
|
|
9
8
|
// marginBottom: '6.66rem',
|
|
10
9
|
color: "#303d50"
|
|
11
|
-
},
|
|
10
|
+
}, p = ({ title: o, children: e, onClose: t, isGray: n = !1 }) => /* @__PURE__ */ i(
|
|
12
11
|
"div",
|
|
13
12
|
{
|
|
14
13
|
className: "border border-gray-300 rounded-3",
|
|
@@ -17,11 +16,11 @@ const d = {
|
|
|
17
16
|
padding: "1rem",
|
|
18
17
|
marginTop: "0.5rem",
|
|
19
18
|
marginBottom: "0.5rem",
|
|
20
|
-
background: "#ffffff"
|
|
19
|
+
background: n ? "#f7f7f7" : "#ffffff"
|
|
21
20
|
},
|
|
22
21
|
children: [
|
|
23
22
|
/* @__PURE__ */ r(
|
|
24
|
-
|
|
23
|
+
s,
|
|
25
24
|
{
|
|
26
25
|
variant: "link",
|
|
27
26
|
onClick: t,
|
|
@@ -33,7 +32,7 @@ const d = {
|
|
|
33
32
|
background: "transparent",
|
|
34
33
|
border: "none"
|
|
35
34
|
},
|
|
36
|
-
children: /* @__PURE__ */ r(
|
|
35
|
+
children: /* @__PURE__ */ r(a, { size: 16, color: "red" })
|
|
37
36
|
}
|
|
38
37
|
),
|
|
39
38
|
o && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("span", { style: d, children: o }) }),
|
|
@@ -42,5 +41,5 @@ const d = {
|
|
|
42
41
|
}
|
|
43
42
|
);
|
|
44
43
|
export {
|
|
45
|
-
|
|
44
|
+
p as TarjetaAgregar
|
|
46
45
|
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as s, useRef as m, useEffect as d } from "react";
|
|
3
|
+
import { F as j, a as u } from "../../index-PYPwtOs4.js";
|
|
4
|
+
import '../../assets/TarjetaInfo.css';/* empty css */
|
|
5
|
+
const C = ({ icon: r, label: c, show: l = !1, children: h }) => {
|
|
6
|
+
const [t, o] = s(l), [f, i] = s(0), a = m(null);
|
|
7
|
+
return d(() => {
|
|
8
|
+
t && a.current ? i(a.current.scrollHeight) : i(0);
|
|
9
|
+
}, [t]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
|
|
10
|
+
/* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
|
|
11
|
+
/* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
|
|
12
|
+
/* @__PURE__ */ e(r, { className: "tarjeta-info-icon" }),
|
|
13
|
+
/* @__PURE__ */ e("span", { children: c })
|
|
14
|
+
] }),
|
|
15
|
+
/* @__PURE__ */ e("div", { className: "tarjeta-info-show-container", children: t ? /* @__PURE__ */ e(
|
|
16
|
+
j,
|
|
17
|
+
{
|
|
18
|
+
className: "tarjeta-info-show-button",
|
|
19
|
+
onClick: () => o(!t)
|
|
20
|
+
}
|
|
21
|
+
) : /* @__PURE__ */ e(
|
|
22
|
+
u,
|
|
23
|
+
{
|
|
24
|
+
className: "tarjeta-info-show-button",
|
|
25
|
+
onClick: () => o(!t)
|
|
26
|
+
}
|
|
27
|
+
) })
|
|
28
|
+
] }),
|
|
29
|
+
/* @__PURE__ */ e(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
className: "tarjeta-info-children-container",
|
|
33
|
+
style: { height: `${f}px` },
|
|
34
|
+
ref: a,
|
|
35
|
+
children: /* @__PURE__ */ e("div", { className: "tarjeta-info-content", children: h })
|
|
36
|
+
}
|
|
37
|
+
)
|
|
38
|
+
] });
|
|
39
|
+
};
|
|
40
|
+
export {
|
|
41
|
+
C as TarjetaInfo
|
|
42
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as f, useRef as p, useEffect as v } from "react";
|
|
3
|
+
import '../../assets/TarjetaLectura.css';/* empty css */
|
|
4
|
+
import { Logo as y } from "../logo/Logo.js";
|
|
5
|
+
import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
6
|
+
import { B as d } from "../../Button-Gn1tKaoW.js";
|
|
7
|
+
const k = ({ title: h, subtitle: m, headerContent: u, stepContent: n, children: o }) => {
|
|
8
|
+
const [r, c] = f(0), l = p(null);
|
|
9
|
+
return v(() => {
|
|
10
|
+
l.current && l.current.scrollIntoView({
|
|
11
|
+
behavior: "smooth",
|
|
12
|
+
block: "start"
|
|
13
|
+
});
|
|
14
|
+
}, [r]), /* @__PURE__ */ i(t, { children: [
|
|
15
|
+
/* @__PURE__ */ i("form", { className: "form_qy", children: [
|
|
16
|
+
/* @__PURE__ */ i("div", { className: "main_title_container_qy", children: [
|
|
17
|
+
/* @__PURE__ */ i("div", { className: "subtitle_container_qy", children: [
|
|
18
|
+
/* @__PURE__ */ e("h3", { children: h }),
|
|
19
|
+
/* @__PURE__ */ e("h5", { children: m })
|
|
20
|
+
] }),
|
|
21
|
+
/* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(y, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
|
|
22
|
+
] }),
|
|
23
|
+
/* @__PURE__ */ e("div", { className: "section_header_container_qy", children: u }),
|
|
24
|
+
n ? /* @__PURE__ */ i(t, { children: [
|
|
25
|
+
/* @__PURE__ */ e(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { ref: l, id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
|
|
26
|
+
"li",
|
|
27
|
+
{
|
|
28
|
+
className: a <= r ? "active" : "",
|
|
29
|
+
onClick: () => c(a),
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ e("div", { className: `step ${a <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, {}) }),
|
|
32
|
+
/* @__PURE__ */ e("strong", { children: s.label })
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
a
|
|
36
|
+
)) }) }),
|
|
37
|
+
/* @__PURE__ */ e("div", { children: n[r].content })
|
|
38
|
+
] }) : o && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("div", { children: o }) })
|
|
39
|
+
] }),
|
|
40
|
+
n && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ i("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
|
|
41
|
+
r > 0 && /* @__PURE__ */ e(
|
|
42
|
+
d,
|
|
43
|
+
{
|
|
44
|
+
variant: "unp_secondary",
|
|
45
|
+
onClick: () => c(r - 1),
|
|
46
|
+
style: {
|
|
47
|
+
marginRight: "1rem"
|
|
48
|
+
},
|
|
49
|
+
children: "Anterior"
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
r < n.length - 1 && /* @__PURE__ */ e(
|
|
53
|
+
d,
|
|
54
|
+
{
|
|
55
|
+
variant: "unp_primary",
|
|
56
|
+
style: { justifySelf: "end" },
|
|
57
|
+
onClick: () => c(r + 1),
|
|
58
|
+
children: "Siguiente"
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] }) })
|
|
62
|
+
] });
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
k as TarjetaLectura
|
|
66
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsxs as n, Fragment as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/SeccionTarjetaLectura.css';/* empty css */
|
|
3
|
+
const t = ({ title: r, children: c }) => /* @__PURE__ */ n(a, { children: [
|
|
4
|
+
/* @__PURE__ */ e("div", { className: "section_header_qy", children: /* @__PURE__ */ e("span", { children: r }) }),
|
|
5
|
+
/* @__PURE__ */ e("div", { className: "section_container_qy", children: c })
|
|
6
|
+
] });
|
|
7
|
+
export {
|
|
8
|
+
t as SeccionTarjetaLectura
|
|
9
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { a as s } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
|
|
3
|
+
import { d, e as n } from "../../index-PYPwtOs4.js";
|
|
4
|
+
import { G as c } from "../../iconBase-LROS5hdG.js";
|
|
5
|
+
import '../../assets/TarjetaListado.css';/* empty css */
|
|
6
|
+
function m(o) {
|
|
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: [] }] })(o);
|
|
8
|
+
}
|
|
9
|
+
const N = ({ sections: o }) => {
|
|
10
|
+
const e = s();
|
|
11
|
+
return /* @__PURE__ */ a("div", { className: "listado-tarjetas", children: o.map((t, r) => /* @__PURE__ */ l("div", { className: "tarjeta-listado-row", children: [
|
|
12
|
+
/* @__PURE__ */ l(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
className: "tarjeta-listado-container",
|
|
16
|
+
onClick: () => e(t.route),
|
|
17
|
+
children: [
|
|
18
|
+
/* @__PURE__ */ l("div", { className: "tarjeta-listado-label-container", children: [
|
|
19
|
+
/* @__PURE__ */ a(t.icon, { className: "tarjeta-listado-process-menu" }),
|
|
20
|
+
/* @__PURE__ */ a("span", { children: t.label })
|
|
21
|
+
] }),
|
|
22
|
+
"closed" in t && /* @__PURE__ */ a("div", { className: "tarjeta-listado-state-container", children: t.closed ? /* @__PURE__ */ a(d, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ a(n, { style: { color: "#E2E2E2" } }) })
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
t.handleDownload && /* @__PURE__ */ a(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
className: "tarjeta-listado-download-container",
|
|
30
|
+
onClick: (i) => {
|
|
31
|
+
i.stopPropagation(), t.handleDownload();
|
|
32
|
+
},
|
|
33
|
+
children: /* @__PURE__ */ a(m, { className: "tarjeta-listado-download-icon" })
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
] }, r)) });
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
N as TarjetaListado
|
|
40
|
+
};
|
package/dist/ui.js
CHANGED
|
@@ -1,18 +1,28 @@
|
|
|
1
|
-
import { Encabezado as e } from "./ui/
|
|
2
|
-
import { Subtitulo as a } from "./ui/
|
|
3
|
-
import { ContenidoModal as
|
|
4
|
-
import { Tarjeta as x } from "./ui/
|
|
5
|
-
import {
|
|
6
|
-
import { TarjetaAgregar as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { Encabezado as e } from "./ui/encabezado/Encabezado.js";
|
|
2
|
+
import { Subtitulo as a } from "./ui/subtitulo/Subtitulo.js";
|
|
3
|
+
import { ContenidoModal as m } from "./tables/tabla-registros/contenido-modal/ContenidoModal.js";
|
|
4
|
+
import { Tarjeta as x } from "./ui/tarjeta/Tarjeta.js";
|
|
5
|
+
import { SeccionTarjeta as j } from "./ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
|
|
6
|
+
import { TarjetaAgregar as c } from "./ui/tarjeta/tarjeta-agregar/TarjetaAgregar.js";
|
|
7
|
+
import { ContenedorTarjeta as i } from "./ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js";
|
|
8
|
+
import { Paginador as u } from "./ui/paginador/Paginador.js";
|
|
9
|
+
import { Logo as S } from "./ui/logo/Logo.js";
|
|
10
|
+
import { TarjetaLectura as l } from "./ui/tarjeta-lectura/TarjetaLectura.js";
|
|
11
|
+
import { SeccionTarjetaLectura as s } from "./ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
12
|
+
import { TarjetaListado as A } from "./ui/tarjeta-listado/TarjetaListado.js";
|
|
13
|
+
import { TarjetaInfo as I } from "./ui/tarjeta-info/TarjetaInfo.js";
|
|
9
14
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
i as ContenedorTarjeta,
|
|
16
|
+
m as ContenidoModal,
|
|
12
17
|
e as Encabezado,
|
|
13
|
-
|
|
14
|
-
|
|
18
|
+
S as Logo,
|
|
19
|
+
u as Paginador,
|
|
20
|
+
j as SeccionTarjeta,
|
|
21
|
+
s as SeccionTarjetaLectura,
|
|
15
22
|
a as Subtitulo,
|
|
16
23
|
x as Tarjeta,
|
|
17
|
-
|
|
24
|
+
c as TarjetaAgregar,
|
|
25
|
+
I as TarjetaInfo,
|
|
26
|
+
l as TarjetaLectura,
|
|
27
|
+
A as TarjetaListado
|
|
18
28
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.icon-solicitud{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;padding:.7rem;border-radius:10px}
|
package/dist/index-DHX2gxCC.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { G as t } from "./iconBase-LROS5hdG.js";
|
|
2
|
-
function l(c) {
|
|
3
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z" }, child: [] }] })(c);
|
|
4
|
-
}
|
|
5
|
-
function r(c) {
|
|
6
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M128 136c0-22.1-17.9-40-40-40L40 96C17.9 96 0 113.9 0 136l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM288 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM448 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z" }, child: [] }] })(c);
|
|
7
|
-
}
|
|
8
|
-
function i(c) {
|
|
9
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" }, child: [] }] })(c);
|
|
10
|
-
}
|
|
11
|
-
function s(c) {
|
|
12
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z" }, child: [] }] })(c);
|
|
13
|
-
}
|
|
14
|
-
function n(c) {
|
|
15
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z" }, child: [] }] })(c);
|
|
16
|
-
}
|
|
17
|
-
function z(c) {
|
|
18
|
-
return t({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z" }, child: [] }] })(c);
|
|
19
|
-
}
|
|
20
|
-
export {
|
|
21
|
-
s as F,
|
|
22
|
-
z as a,
|
|
23
|
-
n as b,
|
|
24
|
-
l as c,
|
|
25
|
-
r as d,
|
|
26
|
-
i as e
|
|
27
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import s from "react";
|
|
3
|
-
import { B as t } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
|
|
4
|
-
import { MenuLateral as a } from "./MenuLateral.js";
|
|
5
|
-
const c = () => {
|
|
6
|
-
const [e, o] = s.useState(!1);
|
|
7
|
-
return /* @__PURE__ */ r(t, { children: [
|
|
8
|
-
/* @__PURE__ */ n(a, { onToggle: () => {
|
|
9
|
-
o(!e);
|
|
10
|
-
}, isOpen: e }),
|
|
11
|
-
/* @__PURE__ */ n("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "main-section", style: { padding: "0.5rem" } }) })
|
|
12
|
-
] });
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
c as LoadingPage
|
|
16
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import e from "./Buscador.js";
|
|
3
|
-
import { Encabezado as p } from "../../ui/components/Encabezado.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import '../../assets/IconoTipoSolicitud.css';import '../../assets/Paginador.css';import '../../assets/Tarjeta.css';import '../../assets/ContenidoModal.css';/* empty css */
|
|
6
|
-
/* empty css */
|
|
7
|
-
/* empty css */
|
|
8
|
-
/* empty css */
|
|
9
|
-
const v = ({
|
|
10
|
-
title: t,
|
|
11
|
-
subtitle: m,
|
|
12
|
-
data: n,
|
|
13
|
-
setSearchTerm: a,
|
|
14
|
-
extraInput: r
|
|
15
|
-
}) => /* @__PURE__ */ i("div", { className: "unp-row", children: [
|
|
16
|
-
/* @__PURE__ */ o(p, { titulo: t, subtitulo: m }),
|
|
17
|
-
/* @__PURE__ */ i("div", { className: "inputs-container", children: [
|
|
18
|
-
n.length > 0 && /* @__PURE__ */ o(e, { onSearch: a }),
|
|
19
|
-
r && /* @__PURE__ */ o("div", { children: r })
|
|
20
|
-
] })
|
|
21
|
-
] });
|
|
22
|
-
export {
|
|
23
|
-
v as EncabezadoTabla
|
|
24
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/Tarjeta.css';/* empty css */
|
|
3
|
-
import { C as o } from "../../CardBody-B9vvCH8g.js";
|
|
4
|
-
const c = ({ isGray: t = !1, children: a, isLast: r = !1 }) => /* @__PURE__ */ e(o, { className: `${t ? "tarjeta-container-section" : ""} ${r ? "tarjeta-container-last" : ""} tarjeta-container`, children: a });
|
|
5
|
-
export {
|
|
6
|
-
c as ContenedorTarjeta
|
|
7
|
-
};
|