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.
Files changed (29) hide show
  1. package/dist/cards/tarjeta/Tarjeta.js +42 -0
  2. package/dist/cards/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +14 -0
  3. package/dist/{ui → cards}/tarjeta/nuevo-elemento/NuevoElemento.js +1 -1
  4. package/dist/{ui → cards}/tarjeta-info/TarjetaInfo.js +3 -4
  5. package/dist/{ui → cards}/tarjeta-lectura/TarjetaLectura.js +16 -17
  6. package/dist/{ui → cards}/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js +4 -5
  7. package/dist/cards.js +16 -0
  8. package/dist/{index-DAgOFOds.js → index-D_9gBL0I.js} +12 -12
  9. package/dist/lib/cards.d.ts +7 -0
  10. package/dist/lib/ui.d.ts +0 -7
  11. package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
  12. package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +3 -9
  13. package/dist/tables/tabla-registros/tabla/Tabla.js +1 -1
  14. package/dist/ui/contenido-modal/ContenidoModal.js +2 -2
  15. package/dist/ui/contenido-modal/ContenidoModalv0.1.js +2 -2
  16. package/dist/ui/icono-tooltip/IconoTooltip.js +12 -12
  17. package/dist/ui/items-modal/ItemsModal.js +4 -4
  18. package/dist/ui.js +12 -26
  19. package/package.json +5 -1
  20. package/dist/ui/tarjeta/Tarjeta.js +0 -42
  21. package/dist/ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +0 -15
  22. /package/dist/{ui → cards}/tarjeta/seccion-tarjeta/SeccionTarjeta.js +0 -0
  23. /package/dist/lib/{ui → cards}/tarjeta/Tarjeta.d.ts +0 -0
  24. /package/dist/lib/{ui → cards}/tarjeta/contenedor-tarjeta/ContenedorTarjeta.d.ts +0 -0
  25. /package/dist/lib/{ui → cards}/tarjeta/nuevo-elemento/NuevoElemento.d.ts +0 -0
  26. /package/dist/lib/{ui → cards}/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts +0 -0
  27. /package/dist/lib/{ui → cards}/tarjeta-info/TarjetaInfo.d.ts +0 -0
  28. /package/dist/lib/{ui → cards}/tarjeta-lectura/TarjetaLectura.d.ts +0 -0
  29. /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 { b as s } from "../../../index-DAgOFOds.js";
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 { F as j, a as u } from "../../index-DAgOFOds.js";
4
- import '../../assets/TarjetaInfo.css';/* empty 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
- C as TarjetaInfo
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 '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css */
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
- /* empty css */
7
- import { B as m } from "../../Button-DMwpnJlD.js";
8
- const L = ({ title: h, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
9
- const [r, a] = v(0), p = d(null), c = d(null);
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: h }),
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, t) => /* @__PURE__ */ i(
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: t <= r ? "active" : "",
29
- onClick: () => a(t),
27
+ className: a <= r ? "active" : "",
28
+ onClick: () => t(a),
30
29
  children: [
31
- /* @__PURE__ */ e("div", { className: `step ${t <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
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
- t
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
- m,
41
+ h,
43
42
  {
44
43
  variant: "unp_secondary",
45
- onClick: () => a(r - 1),
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
- m,
52
+ h,
54
53
  {
55
54
  variant: "unp_primary",
56
55
  style: { justifySelf: "end" },
57
- onClick: () => a(r + 1),
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
- L as TarjetaLectura
64
+ k as TarjetaLectura
66
65
  };
@@ -1,13 +1,12 @@
1
- import { jsxs as m, Fragment as n, jsx as r } from "react/jsx-runtime";
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';/* empty 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__ */ m(n, { children: [
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
- c as SeccionTarjetaLectura
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
- i as F,
46
- s as a,
47
- z as b,
48
- g as c,
49
- l as d,
50
- M as e,
51
- o as f,
52
- v as g,
53
- L as h,
54
- h as i,
55
- r as j,
56
- n as k,
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-DAgOFOds.js";
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/TarjetaInfo.css';import '../../../assets/ItemsModal.css';import '../../../assets/SeccionTarjetaLectura.css';import '../../../assets/TarjetaLectura.css';import '../../../assets/Paginador.css';import '../../../assets/ContenedorTarjeta.css';import '../../../assets/Bootstrap.css';import '../../../assets/Tarjeta.css';import '../../../assets/ContenidoModal.css';/* empty css */
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 B = ({
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
- B as EncabezadoTabla
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-DAgOFOds.js";
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 { i as g } from "../../index-DAgOFOds.js";
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
- g,
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 { i as v } from "../../index-DAgOFOds.js";
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
- v,
35
+ f,
36
36
  {
37
37
  className: "icon-close-registro",
38
38
  onClick: () => {
@@ -1,13 +1,13 @@
1
- import { jsxs as w, jsx as n } from "react/jsx-runtime";
2
- import { useState as F } from "react";
3
- import { c as E, d as M, e as T, f as R, g as S, h as I } from "../../index-DAgOFOds.js";
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, f] = F(!1);
6
+ const [a, d] = w(!1);
7
7
  let e = "", c = {}, r = null, v = { color: o ? "#287cd1" : "#c8c8c8" };
8
- const C = "#28a19d", h = "#ed7e3e", d = "#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, N = parseInt(t.slice(4, 6), 16) / 255;
10
- return 0.2126 * m + 0.7152 * y + 0.0722 * N;
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 ? d : i,
34
- color: o && s(d) > 0.5 ? "#141414" : "#fcfcfc"
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__ */ w("div", { style: { position: "relative", display: "inline-block" }, children: [
56
+ return /* @__PURE__ */ N("div", { style: { position: "relative", display: "inline-block" }, children: [
57
57
  /* @__PURE__ */ n(
58
58
  "div",
59
59
  {
60
- onMouseEnter: () => f(!0),
61
- onMouseLeave: () => f(!1),
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 { j as i, k as s } from "../../index-DAgOFOds.js";
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(i, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ o(s, { style: { color: "#E2E2E2" } }) })
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: (d) => {
31
- d.stopPropagation(), a.handleDownload && a.handleDownload();
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 e } from "./ui/encabezado/Encabezado.js";
2
- import { Subtitulo as a } from "./ui/subtitulo/Subtitulo.js";
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 { Tarjeta as x } from "./ui/tarjeta/Tarjeta.js";
5
- import { SeccionTarjeta as c } from "./ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
6
- import { NuevoElemento as d } from "./ui/tarjeta/nuevo-elemento/NuevoElemento.js";
7
- import { ContenedorTarjeta as j } from "./ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js";
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
- e as Encabezado,
19
- N as IconoTooltip,
20
- M as ItemsModal,
21
- L as Logo,
22
- d as NuevoElemento,
23
- u as Paginador,
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.7",
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