react-ecosistema-unp 0.9.7 → 0.9.9
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/cards/tarjeta/Tarjeta.js +42 -0
- package/dist/cards/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +14 -0
- package/dist/{ui → cards}/tarjeta/nuevo-elemento/NuevoElemento.js +1 -1
- package/dist/{ui → cards}/tarjeta-info/TarjetaInfo.js +3 -4
- package/dist/{ui → cards}/tarjeta-lectura/TarjetaLectura.js +16 -17
- package/dist/{ui → cards}/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js +4 -5
- package/dist/cards.js +16 -0
- package/dist/{index-DAgOFOds.js → index-D_9gBL0I.js} +12 -12
- package/dist/lib/cards.d.ts +7 -0
- package/dist/lib/ui.d.ts +0 -7
- package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
- package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +3 -9
- package/dist/tables/tabla-registros/tabla/Tabla.js +1 -1
- package/dist/ui/contenido-modal/ContenidoModal.js +2 -2
- package/dist/ui/contenido-modal/ContenidoModalv0.1.js +2 -2
- package/dist/ui/icono-tooltip/IconoTooltip.js +12 -12
- package/dist/ui/items-modal/ItemsModal.js +4 -4
- package/dist/ui.js +12 -26
- package/package.json +5 -1
- package/dist/ui/tarjeta/Tarjeta.js +0 -42
- package/dist/ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +0 -15
- /package/dist/{ui → cards}/tarjeta/seccion-tarjeta/SeccionTarjeta.js +0 -0
- /package/dist/lib/{ui → cards}/tarjeta/Tarjeta.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta/contenedor-tarjeta/ContenedorTarjeta.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta/nuevo-elemento/NuevoElemento.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta-info/TarjetaInfo.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta-lectura/TarjetaLectura.d.ts +0 -0
- /package/dist/lib/{ui → cards}/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.d.ts +0 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css */
|
|
4
|
+
import { C as f, a as j } from "../../Card-BXqmurzN.js";
|
|
5
|
+
import { C } from "../../CardBody-RoDe1y90.js";
|
|
6
|
+
import { B as b } from "../../Button-DMwpnJlD.js";
|
|
7
|
+
const S = {
|
|
8
|
+
marginBottom: "20px",
|
|
9
|
+
width: "100px"
|
|
10
|
+
}, v = ({
|
|
11
|
+
title: p,
|
|
12
|
+
children: s,
|
|
13
|
+
method: n,
|
|
14
|
+
validated: m = !1,
|
|
15
|
+
onSubmit: d
|
|
16
|
+
}) => {
|
|
17
|
+
const a = t.Children.toArray(s), c = a[0] && t.isValidElement(a[0]) && a[0].type.displayName === "Subtitulo", i = a.filter(
|
|
18
|
+
(e) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
|
|
19
|
+
), y = i.length > 0, u = t.Children.map(s, (e, o) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? t.cloneElement(e, {
|
|
20
|
+
isGray: e.props.isGray ?? o % 2 === 1,
|
|
21
|
+
isLast: e.props.isLast ?? o === i.length - 1
|
|
22
|
+
}) : e);
|
|
23
|
+
return /* @__PURE__ */ l(
|
|
24
|
+
"form",
|
|
25
|
+
{
|
|
26
|
+
method: n,
|
|
27
|
+
noValidate: !0,
|
|
28
|
+
onSubmit: d,
|
|
29
|
+
className: m ? "was-validated" : "",
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ l(f, { className: "border-0 mb-4 tarjeta-unp", children: [
|
|
32
|
+
/* @__PURE__ */ r(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
|
|
33
|
+
y ? u : /* @__PURE__ */ r(C, { className: `${c ? "pt-0" : ""}`, children: s })
|
|
34
|
+
] }),
|
|
35
|
+
n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(b, { variant: "unp_send", style: S, type: "submit", children: "Enviar" }) })
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
export {
|
|
41
|
+
v as Tarjeta
|
|
42
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/ContenedorTarjeta.css';const f = ({ isGray: r = !0, children: e }) => /* @__PURE__ */ o(
|
|
3
|
+
"div",
|
|
4
|
+
{
|
|
5
|
+
className: "contenedor-gris-tarjeta",
|
|
6
|
+
style: {
|
|
7
|
+
backgroundColor: r ? "#f7f7f7" : "#ffffff"
|
|
8
|
+
},
|
|
9
|
+
children: e
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
export {
|
|
13
|
+
f as ContenedorTarjeta
|
|
14
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { g as s } from "../../../index-D_9gBL0I.js";
|
|
3
3
|
import '../../../assets/Bootstrap.css';/* empty css */
|
|
4
4
|
import { B as a } from "../../../Button-DMwpnJlD.js";
|
|
5
5
|
const d = {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as s, useRef as m, useEffect as d } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import '../../assets/TarjetaInfo.css'
|
|
5
|
-
const C = ({ icon: r, label: c, show: l = !1, children: h }) => {
|
|
3
|
+
import { j, k as u } from "../../index-D_9gBL0I.js";
|
|
4
|
+
import '../../assets/TarjetaInfo.css';const w = ({ icon: r, label: c, show: l = !1, children: h }) => {
|
|
6
5
|
const [t, o] = s(l), [f, i] = s(0), a = m(null);
|
|
7
6
|
return d(() => {
|
|
8
7
|
t && a.current ? i(a.current.scrollHeight) : i(0);
|
|
@@ -38,5 +37,5 @@ const C = ({ icon: r, label: c, show: l = !1, children: h }) => {
|
|
|
38
37
|
] });
|
|
39
38
|
};
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
w as TarjetaInfo
|
|
42
41
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as v, useRef as d, useEffect as y } from "react";
|
|
3
|
-
import
|
|
4
|
-
import { Logo as _ } from "../logo/Logo.js";
|
|
3
|
+
import { Logo as _ } from "../../ui/logo/Logo.js";
|
|
5
4
|
import { SeccionTarjetaLectura as g } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
6
|
-
|
|
7
|
-
import { B as
|
|
8
|
-
const
|
|
9
|
-
const [r,
|
|
5
|
+
import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css */
|
|
6
|
+
import { B as h } from "../../Button-DMwpnJlD.js";
|
|
7
|
+
const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
|
|
8
|
+
const [r, t] = v(0), p = d(null), c = d(null);
|
|
10
9
|
return y(() => {
|
|
11
10
|
c.current && r > 0 && c.current.scrollIntoView({
|
|
12
11
|
behavior: "smooth"
|
|
@@ -15,34 +14,34 @@ const L = ({ title: h, subtitle: u, headerContent: f, stepContent: n, children:
|
|
|
15
14
|
/* @__PURE__ */ i("form", { ref: p, className: "form_qy", children: [
|
|
16
15
|
/* @__PURE__ */ i("div", { className: "main_title_container_qy", children: [
|
|
17
16
|
/* @__PURE__ */ i("div", { className: "subtitle_container_qy", children: [
|
|
18
|
-
/* @__PURE__ */ e("h3", { children:
|
|
17
|
+
/* @__PURE__ */ e("h3", { children: m }),
|
|
19
18
|
/* @__PURE__ */ e("h5", { children: u })
|
|
20
19
|
] }),
|
|
21
20
|
/* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(_, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
|
|
22
21
|
] }),
|
|
23
22
|
/* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
|
|
24
23
|
n ? /* @__PURE__ */ i("div", { ref: c, children: [
|
|
25
|
-
/* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s,
|
|
24
|
+
/* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
|
|
26
25
|
"li",
|
|
27
26
|
{
|
|
28
|
-
className:
|
|
29
|
-
onClick: () => a
|
|
27
|
+
className: a <= r ? "active" : "",
|
|
28
|
+
onClick: () => t(a),
|
|
30
29
|
children: [
|
|
31
|
-
/* @__PURE__ */ e("div", { className: `step ${
|
|
30
|
+
/* @__PURE__ */ e("div", { className: `step ${a <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
|
|
32
31
|
/* @__PURE__ */ e("strong", { children: s.label })
|
|
33
32
|
]
|
|
34
33
|
},
|
|
35
|
-
|
|
34
|
+
a
|
|
36
35
|
)) }) }),
|
|
37
36
|
/* @__PURE__ */ e("div", { children: n[r].content })
|
|
38
37
|
] }) : o && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { children: o }) })
|
|
39
38
|
] }),
|
|
40
39
|
n && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
|
|
41
40
|
r > 0 && /* @__PURE__ */ e(
|
|
42
|
-
|
|
41
|
+
h,
|
|
43
42
|
{
|
|
44
43
|
variant: "unp_secondary",
|
|
45
|
-
onClick: () =>
|
|
44
|
+
onClick: () => t(r - 1),
|
|
46
45
|
style: {
|
|
47
46
|
marginRight: "1rem"
|
|
48
47
|
},
|
|
@@ -50,11 +49,11 @@ const L = ({ title: h, subtitle: u, headerContent: f, stepContent: n, children:
|
|
|
50
49
|
}
|
|
51
50
|
),
|
|
52
51
|
r < n.length - 1 && /* @__PURE__ */ e(
|
|
53
|
-
|
|
52
|
+
h,
|
|
54
53
|
{
|
|
55
54
|
variant: "unp_primary",
|
|
56
55
|
style: { justifySelf: "end" },
|
|
57
|
-
onClick: () =>
|
|
56
|
+
onClick: () => t(r + 1),
|
|
58
57
|
children: "Siguiente"
|
|
59
58
|
}
|
|
60
59
|
)
|
|
@@ -62,5 +61,5 @@ const L = ({ title: h, subtitle: u, headerContent: f, stepContent: n, children:
|
|
|
62
61
|
] });
|
|
63
62
|
};
|
|
64
63
|
export {
|
|
65
|
-
|
|
64
|
+
k as TarjetaLectura
|
|
66
65
|
};
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, Fragment as d, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import i from "react";
|
|
3
|
-
import '../../../assets/SeccionTarjetaLectura.css'
|
|
4
|
-
const c = ({ title: a, children: t }) => {
|
|
3
|
+
import '../../../assets/SeccionTarjetaLectura.css';const o = ({ title: a, children: t }) => {
|
|
5
4
|
const e = i.Children.toArray(t), s = e[0] && i.isValidElement(e[0]) && e[0].type.displayName === "Subtitulo";
|
|
6
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ n(d, { children: [
|
|
7
6
|
/* @__PURE__ */ r("div", { className: "section_header_qy", children: /* @__PURE__ */ r("span", { children: a }) }),
|
|
8
7
|
/* @__PURE__ */ r("div", { style: { padding: `${s ? "0rem" : "1.25rem"} 1.25rem 1.25rem 1.25rem` }, children: t })
|
|
9
8
|
] });
|
|
10
9
|
};
|
|
11
10
|
export {
|
|
12
|
-
|
|
11
|
+
o as SeccionTarjetaLectura
|
|
13
12
|
};
|
package/dist/cards.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Tarjeta as o } from "./cards/tarjeta/Tarjeta.js";
|
|
2
|
+
import { SeccionTarjeta as a } from "./cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
|
|
3
|
+
import { NuevoElemento as m } from "./cards/tarjeta/nuevo-elemento/NuevoElemento.js";
|
|
4
|
+
import { ContenedorTarjeta as x } from "./cards/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js";
|
|
5
|
+
import { TarjetaLectura as j } from "./cards/tarjeta-lectura/TarjetaLectura.js";
|
|
6
|
+
import { SeccionTarjetaLectura as T } from "./cards/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
7
|
+
import { TarjetaInfo as i } from "./cards/tarjeta-info/TarjetaInfo.js";
|
|
8
|
+
export {
|
|
9
|
+
x as ContenedorTarjeta,
|
|
10
|
+
m as NuevoElemento,
|
|
11
|
+
a as SeccionTarjeta,
|
|
12
|
+
T as SeccionTarjetaLectura,
|
|
13
|
+
o as Tarjeta,
|
|
14
|
+
i as TarjetaInfo,
|
|
15
|
+
j as TarjetaLectura
|
|
16
|
+
};
|
|
@@ -42,18 +42,18 @@ function v(c) {
|
|
|
42
42
|
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);
|
|
43
43
|
}
|
|
44
44
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
45
|
+
g as F,
|
|
46
|
+
l as a,
|
|
47
|
+
M as b,
|
|
48
|
+
o as c,
|
|
49
|
+
v as d,
|
|
50
|
+
L as e,
|
|
51
|
+
h as f,
|
|
52
|
+
z as g,
|
|
53
|
+
r as h,
|
|
54
|
+
n as i,
|
|
55
|
+
i as j,
|
|
56
|
+
s as k,
|
|
57
57
|
d as l,
|
|
58
58
|
e as m
|
|
59
59
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Tarjeta } from './cards/tarjeta/Tarjeta.js';
|
|
2
|
+
export { SeccionTarjeta } from './cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js';
|
|
3
|
+
export { NuevoElemento } from './cards/tarjeta/nuevo-elemento/NuevoElemento.js';
|
|
4
|
+
export { ContenedorTarjeta } from './cards/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js';
|
|
5
|
+
export { TarjetaLectura } from './cards/tarjeta-lectura/TarjetaLectura.js';
|
|
6
|
+
export { SeccionTarjetaLectura } from './cards/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js';
|
|
7
|
+
export { TarjetaInfo } from './cards/tarjeta-info/TarjetaInfo.js';
|
package/dist/lib/ui.d.ts
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
export { Encabezado } from './ui/encabezado/Encabezado.js';
|
|
2
2
|
export { Subtitulo } from './ui/subtitulo/Subtitulo.js';
|
|
3
3
|
export { ContenidoModal } from './ui/contenido-modal/ContenidoModal.js';
|
|
4
|
-
export { Tarjeta } from './ui/tarjeta/Tarjeta.js';
|
|
5
|
-
export { SeccionTarjeta } from './ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js';
|
|
6
|
-
export { NuevoElemento } from './ui/tarjeta/nuevo-elemento/NuevoElemento.js';
|
|
7
|
-
export { ContenedorTarjeta } from './ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js';
|
|
8
4
|
export { Paginador } from './ui/paginador/Paginador.js';
|
|
9
5
|
export { Logo } from './ui/logo/Logo.js';
|
|
10
|
-
export { TarjetaLectura } from './ui/tarjeta-lectura/TarjetaLectura.js';
|
|
11
|
-
export { SeccionTarjetaLectura } from './ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js';
|
|
12
6
|
export { ItemsModal } from './ui/items-modal/ItemsModal.js';
|
|
13
|
-
export { TarjetaInfo } from './ui/tarjeta-info/TarjetaInfo.js';
|
|
14
7
|
export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n, jsxs as C } from "react/jsx-runtime";
|
|
2
|
-
import { m as w } from "../../../index-
|
|
2
|
+
import { m as w } from "../../../index-D_9gBL0I.js";
|
|
3
3
|
import * as s from "react";
|
|
4
4
|
import { useContext as $, useMemo as T } from "react";
|
|
5
5
|
import { c as p, u as R } from "../../../ThemeProvider-CFCmmLJC.js";
|
|
@@ -2,20 +2,14 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { Encabezado as a } from "../../../ui/encabezado/Encabezado.js";
|
|
3
3
|
import "../../../ui/subtitulo/Subtitulo.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import '../../../assets/IconoTooltip.css';import '../../../assets/
|
|
6
|
-
/* empty css */
|
|
5
|
+
import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
|
|
7
6
|
/* empty css */
|
|
8
|
-
import "../../../ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
|
|
9
|
-
/* empty css */
|
|
10
7
|
/* empty css */
|
|
11
8
|
import "../../../ui/logo/Logo.js";
|
|
12
|
-
/* empty css */
|
|
13
|
-
/* empty css */
|
|
14
9
|
/* empty css */
|
|
15
|
-
/* empty css */
|
|
16
10
|
/* empty css */
|
|
17
11
|
import { BusquedaInput as e } from "../buscador/Buscador.js";
|
|
18
|
-
const
|
|
12
|
+
const z = ({
|
|
19
13
|
title: m,
|
|
20
14
|
subtitle: t,
|
|
21
15
|
data: p,
|
|
@@ -29,5 +23,5 @@ const B = ({
|
|
|
29
23
|
] })
|
|
30
24
|
] });
|
|
31
25
|
export {
|
|
32
|
-
|
|
26
|
+
z as EncabezadoTabla
|
|
33
27
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e, jsxs as u } from "react/jsx-runtime";
|
|
2
2
|
import * as y from "react";
|
|
3
3
|
import $ from "react";
|
|
4
|
-
import { l as k } from "../../../index-
|
|
4
|
+
import { l as k } from "../../../index-D_9gBL0I.js";
|
|
5
5
|
import { u as x, c as N } from "../../../ThemeProvider-CFCmmLJC.js";
|
|
6
6
|
import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
7
7
|
bsPrefix: n,
|
|
@@ -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 n } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { f } from "../../index-D_9gBL0I.js";
|
|
4
4
|
import '../../assets/ContenidoModal.css';/* empty css */
|
|
5
5
|
const x = ({ title: u, modalContent: i, children: d }) => {
|
|
6
6
|
const [t, l] = n(0), [m, r] = n(!0), [c, o] = n(!1);
|
|
@@ -27,7 +27,7 @@ const x = ({ title: u, modalContent: i, children: d }) => {
|
|
|
27
27
|
/* @__PURE__ */ e("span", { className: "tooltip-text", children: a.label })
|
|
28
28
|
] }) }, h)) }),
|
|
29
29
|
!m && /* @__PURE__ */ e("div", { className: `close-group ${c ? "show" : "hide"}`, children: /* @__PURE__ */ e(
|
|
30
|
-
|
|
30
|
+
f,
|
|
31
31
|
{
|
|
32
32
|
className: "icon-close-registro",
|
|
33
33
|
onClick: () => {
|
|
@@ -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 {
|
|
3
|
+
import { f } from "../../index-D_9gBL0I.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
|
} }) => {
|
|
@@ -32,7 +32,7 @@ const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u =
|
|
|
32
32
|
/* @__PURE__ */ e("span", { className: "tooltip-text", children: l.title })
|
|
33
33
|
] }, n)) }),
|
|
34
34
|
!c && /* @__PURE__ */ e("div", { className: `close-group ${i ? "show" : "hide"}`, children: /* @__PURE__ */ e(
|
|
35
|
-
|
|
35
|
+
f,
|
|
36
36
|
{
|
|
37
37
|
className: "icon-close-registro",
|
|
38
38
|
onClick: () => {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import {
|
|
1
|
+
import { jsxs as N, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { useState as w } from "react";
|
|
3
|
+
import { F as E, a as M, b as T, c as R, d as S, e as I } from "../../index-D_9gBL0I.js";
|
|
4
4
|
import '../../assets/IconoTooltip.css';/* empty css */
|
|
5
5
|
const B = ({ recordType: b, taken: o = !0, customIcon: l }) => {
|
|
6
|
-
const [a,
|
|
6
|
+
const [a, d] = w(!1);
|
|
7
7
|
let e = "", c = {}, r = null, v = { color: o ? "#287cd1" : "#c8c8c8" };
|
|
8
|
-
const C = "#28a19d", h = "#ed7e3e",
|
|
9
|
-
const t = x.replace(/^#/, ""), m = parseInt(t.slice(0, 2), 16) / 255, y = parseInt(t.slice(2, 4), 16) / 255,
|
|
10
|
-
return 0.2126 * m + 0.7152 * y + 0.0722 *
|
|
8
|
+
const C = "#28a19d", h = "#ed7e3e", f = "#3e52edf8", u = "#ed3e49f8", p = "#edd958", g = "#6b6e6e", i = "#666666f4", s = (x) => {
|
|
9
|
+
const t = x.replace(/^#/, ""), m = parseInt(t.slice(0, 2), 16) / 255, y = parseInt(t.slice(2, 4), 16) / 255, F = parseInt(t.slice(4, 6), 16) / 255;
|
|
10
|
+
return 0.2126 * m + 0.7152 * y + 0.0722 * F;
|
|
11
11
|
};
|
|
12
12
|
if (l)
|
|
13
13
|
e = o ? l.tooltipText : "Nuevo registro", c = {
|
|
@@ -30,8 +30,8 @@ const B = ({ recordType: b, taken: o = !0, customIcon: l }) => {
|
|
|
30
30
|
break;
|
|
31
31
|
case "Jurídico":
|
|
32
32
|
e = o ? "Jurídico" : "Nuevo registro", c = {
|
|
33
|
-
backgroundColor: o ?
|
|
34
|
-
color: o && s(
|
|
33
|
+
backgroundColor: o ? f : i,
|
|
34
|
+
color: o && s(f) > 0.5 ? "#141414" : "#fcfcfc"
|
|
35
35
|
}, r = R;
|
|
36
36
|
break;
|
|
37
37
|
case "Emergencia":
|
|
@@ -53,12 +53,12 @@ const B = ({ recordType: b, taken: o = !0, customIcon: l }) => {
|
|
|
53
53
|
}, r = E;
|
|
54
54
|
break;
|
|
55
55
|
}
|
|
56
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ N("div", { style: { position: "relative", display: "inline-block" }, children: [
|
|
57
57
|
/* @__PURE__ */ n(
|
|
58
58
|
"div",
|
|
59
59
|
{
|
|
60
|
-
onMouseEnter: () =>
|
|
61
|
-
onMouseLeave: () =>
|
|
60
|
+
onMouseEnter: () => d(!0),
|
|
61
|
+
onMouseLeave: () => d(!1),
|
|
62
62
|
style: {
|
|
63
63
|
...v
|
|
64
64
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { h as d, i as s } from "../../index-D_9gBL0I.js";
|
|
3
3
|
import { G as n } from "../../iconBase-LROS5hdG.js";
|
|
4
4
|
import '../../assets/ItemsModal.css';/* empty css */
|
|
5
5
|
import { a as c } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
|
|
@@ -19,7 +19,7 @@ const N = ({ sections: l }) => {
|
|
|
19
19
|
/* @__PURE__ */ o(a.icon, { className: "tarjeta-listado-process-menu" }),
|
|
20
20
|
/* @__PURE__ */ o("span", { children: a.label })
|
|
21
21
|
] }),
|
|
22
|
-
"closed" in a && /* @__PURE__ */ o("div", { className: "tarjeta-listado-state-container", children: a.closed ? /* @__PURE__ */ o(
|
|
22
|
+
"closed" in a && /* @__PURE__ */ o("div", { className: "tarjeta-listado-state-container", children: a.closed ? /* @__PURE__ */ o(d, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ o(s, { style: { color: "#E2E2E2" } }) })
|
|
23
23
|
]
|
|
24
24
|
}
|
|
25
25
|
),
|
|
@@ -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: (i) => {
|
|
31
|
+
i.stopPropagation(), a.handleDownload && a.handleDownload();
|
|
32
32
|
},
|
|
33
33
|
children: /* @__PURE__ */ o(m, { className: "tarjeta-listado-download-icon" })
|
|
34
34
|
}
|
package/dist/ui.js
CHANGED
|
@@ -1,30 +1,16 @@
|
|
|
1
|
-
import { Encabezado as
|
|
2
|
-
import { Subtitulo as
|
|
1
|
+
import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
|
|
2
|
+
import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
|
|
3
3
|
import { ContenidoModal as f } from "./ui/contenido-modal/ContenidoModal.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { Paginador as u } from "./ui/paginador/Paginador.js";
|
|
9
|
-
import { Logo as L } from "./ui/logo/Logo.js";
|
|
10
|
-
import { TarjetaLectura as b } from "./ui/tarjeta-lectura/TarjetaLectura.js";
|
|
11
|
-
import { SeccionTarjetaLectura as C } from "./ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
12
|
-
import { ItemsModal as M } from "./ui/items-modal/ItemsModal.js";
|
|
13
|
-
import { TarjetaInfo as v } from "./ui/tarjeta-info/TarjetaInfo.js";
|
|
14
|
-
import { IconoTooltip as N } from "./ui/icono-tooltip/IconoTooltip.js";
|
|
4
|
+
import { Paginador as a } from "./ui/paginador/Paginador.js";
|
|
5
|
+
import { Logo as n } from "./ui/logo/Logo.js";
|
|
6
|
+
import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
|
|
7
|
+
import { IconoTooltip as c } from "./ui/icono-tooltip/IconoTooltip.js";
|
|
15
8
|
export {
|
|
16
|
-
j as ContenedorTarjeta,
|
|
17
9
|
f as ContenidoModal,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
c as SeccionTarjeta,
|
|
25
|
-
C as SeccionTarjetaLectura,
|
|
26
|
-
a as Subtitulo,
|
|
27
|
-
x as Tarjeta,
|
|
28
|
-
v as TarjetaInfo,
|
|
29
|
-
b as TarjetaLectura
|
|
10
|
+
t as Encabezado,
|
|
11
|
+
c as IconoTooltip,
|
|
12
|
+
l as ItemsModal,
|
|
13
|
+
n as Logo,
|
|
14
|
+
a as Paginador,
|
|
15
|
+
m as Subtitulo
|
|
30
16
|
};
|
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.9.
|
|
5
|
+
"version": "0.9.9",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
@@ -17,6 +17,10 @@
|
|
|
17
17
|
"types": "./dist/lib/ui.d.ts",
|
|
18
18
|
"default": "./dist/ui.js"
|
|
19
19
|
},
|
|
20
|
+
"./cards": {
|
|
21
|
+
"types": "./dist/lib/cards.d.ts",
|
|
22
|
+
"default": "./dist/cards.js"
|
|
23
|
+
},
|
|
20
24
|
"./tables": {
|
|
21
25
|
"types": "./dist/lib/tables.d.ts",
|
|
22
26
|
"default": "./dist/tables.js"
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsxs as l, Fragment as f, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import t from "react";
|
|
3
|
-
import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css */
|
|
4
|
-
/* empty css */
|
|
5
|
-
import { C, a as j } from "../../Card-BXqmurzN.js";
|
|
6
|
-
import { C as S } from "../../CardBody-RoDe1y90.js";
|
|
7
|
-
import { B as b } from "../../Button-DMwpnJlD.js";
|
|
8
|
-
const g = {
|
|
9
|
-
marginBottom: "20px",
|
|
10
|
-
width: "100px"
|
|
11
|
-
}, V = ({
|
|
12
|
-
title: p,
|
|
13
|
-
children: s,
|
|
14
|
-
method: n,
|
|
15
|
-
validated: m = !1,
|
|
16
|
-
onSubmit: d
|
|
17
|
-
}) => {
|
|
18
|
-
const r = t.Children.toArray(s), c = r[0] && t.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", i = r.filter(
|
|
19
|
-
(e) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
|
|
20
|
-
), y = i.length > 0, u = t.Children.map(s, (e, o) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? t.cloneElement(e, {
|
|
21
|
-
isGray: e.props.isGray ?? o % 2 === 1,
|
|
22
|
-
isLast: e.props.isLast ?? o === i.length - 1
|
|
23
|
-
}) : e);
|
|
24
|
-
return /* @__PURE__ */ l(f, { children: [
|
|
25
|
-
/* @__PURE__ */ l(C, { className: "border-0 mb-4 tarjeta-unp", children: [
|
|
26
|
-
/* @__PURE__ */ a(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
|
|
27
|
-
/* @__PURE__ */ a(
|
|
28
|
-
"form",
|
|
29
|
-
{
|
|
30
|
-
method: n,
|
|
31
|
-
noValidate: !0,
|
|
32
|
-
className: m ? "was-validated" : "",
|
|
33
|
-
children: y ? u : /* @__PURE__ */ a(S, { className: `${c ? "pt-0" : ""}`, children: s })
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
] }),
|
|
37
|
-
n === "POST" || n === "post" && /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ a(b, { variant: "unp_send", style: g, onClick: d, children: "Enviar" }) })
|
|
38
|
-
] });
|
|
39
|
-
};
|
|
40
|
-
export {
|
|
41
|
-
V as Tarjeta
|
|
42
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/lib/{ui → cards}/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.d.ts
RENAMED
|
File without changes
|