react-ecosistema-unp 0.7.3 → 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.
Files changed (97) hide show
  1. package/dist/{NotificacionUsuario-uif1f5Yt.js → NotificacionUsuario-DRuxRQ6q.js} +1 -1
  2. package/dist/accessibility/{components → barra-accesibilidad}/BarraAccesibilidad.js +18 -18
  3. package/dist/accessibility.js +1 -1
  4. package/dist/assets/BarraAccesibilidad.css +1 -1
  5. package/dist/assets/Bootstrap.css +1 -1
  6. package/dist/assets/ContenedorTarjeta.css +1 -0
  7. package/dist/assets/ContenidoModal.css +1 -1
  8. package/dist/assets/Encabezado.css +1 -1
  9. package/dist/assets/IconoTabla.css +1 -0
  10. package/dist/assets/Logo.css +1 -0
  11. package/dist/assets/MenuLateral.css +1 -1
  12. package/dist/assets/Modal.css +1 -1
  13. package/dist/assets/NotificacionUsuario.css +1 -1
  14. package/dist/assets/SeccionTarjeta.css +1 -0
  15. package/dist/assets/SeccionTarjetaLectura.css +1 -0
  16. package/dist/assets/TabVentana.css +1 -1
  17. package/dist/assets/Tabla.css +1 -1
  18. package/dist/assets/Tarjeta.css +1 -1
  19. package/dist/assets/TarjetaInfo.css +1 -0
  20. package/dist/assets/TarjetaLectura.css +1 -0
  21. package/dist/assets/TarjetaListado.css +1 -0
  22. package/dist/index-PYPwtOs4.js +55 -0
  23. package/dist/lib/accessibility/barra-accesibilidad/BarraAccesibilidad.d.ts +2 -0
  24. package/dist/lib/accessibility.d.ts +1 -1
  25. package/dist/lib/shared.d.ts +3 -4
  26. package/dist/lib/tables/{components → tabla-registros/buscador}/Buscador.d.ts +1 -1
  27. package/dist/lib/tables/tabla-registros/contenido-modal/ContenidoModal.d.ts +18 -0
  28. package/dist/lib/tables/{components → tabla-registros/encabezado}/EncabezadoTabla.d.ts +1 -1
  29. package/dist/lib/tables/tabla-registros/icono-tabla/IconoTabla.d.ts +14 -0
  30. package/dist/lib/tables.d.ts +2 -1
  31. package/dist/lib/ui/logo/Logo.d.ts +14 -0
  32. package/dist/lib/ui/{components → paginador}/Paginador.d.ts +3 -1
  33. package/dist/lib/ui/{components → tarjeta/contenedor-tarjeta}/ContenedorTarjeta.d.ts +0 -1
  34. package/dist/lib/ui/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts +8 -0
  35. package/dist/lib/ui/{components → tarjeta/tarjeta-agregar}/TarjetaAgregar.d.ts +2 -1
  36. package/dist/lib/ui/tarjeta-info/TarjetaInfo.d.ts +9 -0
  37. package/dist/lib/ui/tarjeta-lectura/TarjetaLectura.d.ts +22 -0
  38. package/dist/lib/ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.d.ts +7 -0
  39. package/dist/lib/ui/tarjeta-listado/TarjetaListado.d.ts +14 -0
  40. package/dist/lib/ui.d.ts +13 -8
  41. package/dist/logo_escudo_blanco-DaOI8SGq.js +4 -0
  42. package/dist/shared/{components → menu-lateral}/MenuLateral.js +32 -31
  43. package/dist/shared/notificacion-usuario/NotificacionUsuario.js +5 -0
  44. package/dist/shared/{components → ventana-lienzo}/VentanaLienzo.js +1 -1
  45. package/dist/shared/{components → ventana-tabs}/VentanaTabs.js +2 -2
  46. package/dist/shared.js +4 -6
  47. package/dist/tables/{components → tabla-registros}/TablaRegistros.js +3 -3
  48. package/dist/tables/{components → tabla-registros/buscador}/Buscador.js +6 -6
  49. package/dist/tables/tabla-registros/contenido-modal/ContenidoModal.js +57 -0
  50. package/dist/{ui/components/ContenidoModal.js → tables/tabla-registros/contenido-modal/ContenidoModalv0.1.js} +2 -2
  51. package/dist/tables/tabla-registros/encabezado/EncabezadoTabla.js +30 -0
  52. package/dist/tables/tabla-registros/icono-tabla/IconoTabla.js +68 -0
  53. package/dist/tables/{components → tabla-registros/modal}/Modal.js +1 -1
  54. package/dist/tables/{components → tabla-registros/tabla}/Tabla.js +19 -19
  55. package/dist/tables.js +3 -1
  56. package/dist/ui/encabezado/Encabezado.js +15 -0
  57. package/dist/ui/logo/Logo.js +12 -0
  58. package/dist/ui/paginador/Paginador.js +66 -0
  59. package/dist/ui/{components → subtitulo}/Subtitulo.js +2 -2
  60. package/dist/ui/{components → tarjeta}/Tarjeta.js +20 -20
  61. package/dist/ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +15 -0
  62. package/dist/ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js +7 -0
  63. package/dist/ui/{components → tarjeta/tarjeta-agregar}/TarjetaAgregar.js +8 -9
  64. package/dist/ui/tarjeta-info/TarjetaInfo.js +42 -0
  65. package/dist/ui/tarjeta-lectura/TarjetaLectura.js +66 -0
  66. package/dist/ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js +9 -0
  67. package/dist/ui/tarjeta-listado/TarjetaListado.js +40 -0
  68. package/dist/ui.js +23 -13
  69. package/package.json +1 -1
  70. package/dist/assets/IconoTipoSolicitud.css +0 -1
  71. package/dist/index-DHX2gxCC.js +0 -27
  72. package/dist/lib/accessibility/components/BarraAccesibilidad.d.ts +0 -2
  73. package/dist/lib/shared/components/LoadingPage.d.ts +0 -3
  74. package/dist/lib/ui/components/IconoTipoSolicitud.d.ts +0 -7
  75. package/dist/shared/components/LoadingPage.js +0 -16
  76. package/dist/shared/components/NotificacionUsuario.js +0 -5
  77. package/dist/tables/components/EncabezadoTabla.js +0 -24
  78. package/dist/ui/components/ContenedorTarjeta.js +0 -7
  79. package/dist/ui/components/Encabezado.js +0 -14
  80. package/dist/ui/components/IconoTipoSolicitud.js +0 -59
  81. package/dist/ui/components/Paginador.js +0 -56
  82. /package/dist/lib/{tables/assets → assets}/animations/isLoading.json.d.ts +0 -0
  83. /package/dist/lib/{tables/assets → assets}/animations/noData.json.d.ts +0 -0
  84. /package/dist/lib/{tables/assets → assets}/animations/noInfo.json.d.ts +0 -0
  85. /package/dist/lib/shared/{components → menu-lateral}/MenuLateral.d.ts +0 -0
  86. /package/dist/lib/shared/{components → notificacion-usuario}/NotificacionUsuario.d.ts +0 -0
  87. /package/dist/lib/shared/{components → ventana-lienzo}/VentanaLienzo.d.ts +0 -0
  88. /package/dist/lib/shared/{components → ventana-tabs}/TabVentana.d.ts +0 -0
  89. /package/dist/lib/shared/{components → ventana-tabs}/VentanaTabs.d.ts +0 -0
  90. /package/dist/lib/tables/{components → tabla-registros}/TablaRegistros.d.ts +0 -0
  91. /package/dist/lib/{ui/components/ContenidoModal.d.ts → tables/tabla-registros/contenido-modal/ContenidoModalv0.1.d.ts} +0 -0
  92. /package/dist/lib/tables/{components → tabla-registros/modal}/Modal.d.ts +0 -0
  93. /package/dist/lib/tables/{components → tabla-registros/tabla}/Tabla.d.ts +0 -0
  94. /package/dist/lib/ui/{components → encabezado}/Encabezado.d.ts +0 -0
  95. /package/dist/lib/ui/{components → subtitulo}/Subtitulo.d.ts +0 -0
  96. /package/dist/lib/ui/{components → tarjeta}/Tarjeta.d.ts +0 -0
  97. /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
+ };
@@ -3,8 +3,8 @@ const i = {
3
3
  display: "flex",
4
4
  justifyContent: "start",
5
5
  alignItems: "center",
6
- marginTop: "1rem",
7
- marginBottom: "1.25rem"
6
+ marginTop: "1.2rem",
7
+ marginBottom: "0.9rem"
8
8
  }, l = {
9
9
  fontColor: "#303d50s",
10
10
  fontSize: "1.1rem",
@@ -1,19 +1,19 @@
1
- import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
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 { ContenedorTarjeta as b } from "./ContenedorTarjeta.js";
4
- import { C, a as N } from "../../Card-aTqC9rSK.js";
5
- import { C as g } from "../../CardBody-B9vvCH8g.js";
6
- import { u as w, a as E, b as T, c as $ } from "../../ThemeProvider-DwZMEupk.js";
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 m = /* @__PURE__ */ v.forwardRef(({
10
- bsPrefix: l,
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
- }, c) => {
16
- const s = w(l, "row"), x = E(), h = T(), y = `${s}-cols`, f = [];
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: c,
27
+ ref: l,
28
28
  ...a,
29
29
  className: $(r, s, ...f)
30
30
  });
31
31
  });
32
- m.displayName = "Row";
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: l,
41
+ title: c,
42
42
  children: r,
43
43
  method: t = "GET",
44
44
  validated: a = !1,
45
- onSubmit: c = () => {
45
+ onSubmit: l = () => {
46
46
  },
47
47
  hasBody: s = !0
48
- }) => /* @__PURE__ */ d(C, { className: "border-0 mb-4 tarjeta-unp", children: [
49
- /* @__PURE__ */ e(N, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: l }),
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: c,
54
+ onSubmit: l,
55
55
  noValidate: !0,
56
56
  className: a ? "was-validated" : "",
57
- children: s ? /* @__PURE__ */ d(g, { children: [
57
+ children: s ? /* @__PURE__ */ m(w, { className: "pt-0", children: [
58
58
  r,
59
- t !== "GET" && /* @__PURE__ */ e(m, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) })
60
- ] }) : /* @__PURE__ */ d(j, { children: [
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
- t !== "GET" && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(m, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) }) })
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 n, jsx as r } from "react/jsx-runtime";
2
- import { F as i } from "../../index-DHX2gxCC.js";
3
- import '../../assets/Tarjeta.css';/* empty css */
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
- }, f = ({ title: o, children: e, onClick: t }) => /* @__PURE__ */ n(
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
- a,
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(i, { size: 16, color: "red" })
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
- f as TarjetaAgregar
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/components/Encabezado.js";
2
- import { Subtitulo as a } from "./ui/components/Subtitulo.js";
3
- import { ContenidoModal as f } from "./ui/components/ContenidoModal.js";
4
- import { Tarjeta as x } from "./ui/components/Tarjeta.js";
5
- import { ContenedorTarjeta as d } from "./ui/components/ContenedorTarjeta.js";
6
- import { TarjetaAgregar as T } from "./ui/components/TarjetaAgregar.js";
7
- import { Paginador as g } from "./ui/components/Paginador.js";
8
- import { IconoTipoSolicitud as l } from "./ui/components/IconoTipoSolicitud.js";
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
- d as ContenedorTarjeta,
11
- f as ContenidoModal,
15
+ i as ContenedorTarjeta,
16
+ m as ContenidoModal,
12
17
  e as Encabezado,
13
- l as IconoTipoSolicitud,
14
- g as Paginador,
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
- T as TarjetaAgregar
24
+ c as TarjetaAgregar,
25
+ I as TarjetaInfo,
26
+ l as TarjetaLectura,
27
+ A as TarjetaListado
18
28
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "react-ecosistema-unp",
3
3
  "author": "Ecosistema de Información - Unidad Nacional de Protección",
4
4
  "private": false,
5
- "version": "0.7.3",
5
+ "version": "0.8.1",
6
6
  "type": "module",
7
7
  "exports": {
8
8
  ".": {
@@ -1 +0,0 @@
1
- .icon-solicitud{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;padding:.7rem;border-radius:10px}
@@ -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,2 +0,0 @@
1
- declare const BarraAccesibilidad: React.FC;
2
- export { BarraAccesibilidad };
@@ -1,3 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const LoadingPage: React.FC;
3
- export { LoadingPage };
@@ -1,7 +0,0 @@
1
- import { default as React } from 'react';
2
- interface IconoTipoSolicitudProps {
3
- tipoSolicitud: string;
4
- porGestionar?: boolean;
5
- }
6
- declare const IconoTipoSolicitud: React.FC<IconoTipoSolicitudProps>;
7
- export { IconoTipoSolicitud };
@@ -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,5 +0,0 @@
1
- import "react/jsx-runtime";
2
- import { g as a } from "../../NotificacionUsuario-uif1f5Yt.js";
3
- export {
4
- a as default
5
- };
@@ -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
- };