react-ecosistema-unp 0.9.3 → 0.9.4

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.
@@ -5,7 +5,7 @@ import { jsx as v } from "react/jsx-runtime";
5
5
  import { g as he, c as q, u as te } from "./ThemeProvider-CFCmmLJC.js";
6
6
  import { u as ve } from "./useEventCallback-Bfo0-hwZ.js";
7
7
  import { P as g } from "./index-Bk5C3cP1.js";
8
- import './assets/Bootstrap.css';var k = { exports: {} }, E = {};
8
+ var k = { exports: {} }, E = {};
9
9
  /**
10
10
  * @license React
11
11
  * react-dom.production.js
@@ -1,15 +1,16 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { T as i, g as b, a as p, b as T } from "../../Bootstrap-yLMFDuQq.js";
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import '../../assets/Bootstrap.css';import '../../assets/TabVentana.css';/* empty css */
3
3
  import { P as t } from "../../index-Bk5C3cP1.js";
4
4
  import "react";
5
- import '../../assets/TabVentana.css';const o = ({
5
+ import { T as i, g as b, a as p, b as T } from "../../TabPane-Q7bzCwAs.js";
6
+ const e = ({
6
7
  transition: n,
7
- ...a
8
- }) => /* @__PURE__ */ e(i, {
9
- ...a,
8
+ ...o
9
+ }) => /* @__PURE__ */ a(i, {
10
+ ...o,
10
11
  transition: b(n)
11
12
  });
12
- o.displayName = "TabContainer";
13
+ e.displayName = "TabContainer";
13
14
  const m = {
14
15
  eventKey: t.oneOfType([t.string, t.number]),
15
16
  /**
@@ -33,16 +34,16 @@ const m = {
33
34
  };
34
35
  s.propTypes = m;
35
36
  const c = Object.assign(s, {
36
- Container: o,
37
+ Container: e,
37
38
  Content: p,
38
39
  Pane: T
39
- }), f = ({
40
+ }), g = ({
40
41
  eventKey: n,
41
- title: a,
42
+ title: o,
42
43
  children: r
43
- }) => /* @__PURE__ */ e(c, { eventKey: n, title: a, style: {
44
+ }) => /* @__PURE__ */ a(c, { eventKey: n, title: o, style: {
44
45
  border: "50%"
45
46
  }, children: r });
46
47
  export {
47
- f as TabVentana
48
+ g as TabVentana
48
49
  };
@@ -3,11 +3,12 @@ import * as b from "react";
3
3
  import T, { useRef as O, useContext as S, useEffect as M } from "react";
4
4
  import { MenuLateral as H } from "../menu-lateral/MenuLateral.js";
5
5
  import { IconosSistema as F } from "../iconos-sistema/IconosSistema.js";
6
- import { u as W, T as Y, g as z, a as G, b as J } from "../../Bootstrap-yLMFDuQq.js";
7
- import { a as Q, u as X, b as Z, d as ee, c as te, q as ne, e as B, f as D, g as ae } from "../../NotificacionUsuario-xD2pyELE.js";
6
+ import '../../assets/Bootstrap.css';/* empty css */
7
+ import { a as W, u as Y, b as z, d as G, c as J, q as Q, e as B, f as D, g as X } from "../../NotificacionUsuario-xD2pyELE.js";
8
+ import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-Q7bzCwAs.js";
8
9
  import { u as L, c as k } from "../../ThemeProvider-CFCmmLJC.js";
9
- import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
10
- import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
10
+ import { S as I, T as re, m as oe } from "../../TabContext-CdjYJzMB.js";
11
+ import { c as se } from "../../CardHeaderContext-DVw0yHuy.js";
11
12
  import { B as le } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
12
13
  function P(n, e) {
13
14
  let a = 0;
@@ -30,22 +31,22 @@ function de(n, e) {
30
31
  return a;
31
32
  }
32
33
  const R = () => {
33
- }, A = ee("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
34
+ }, A = G("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
34
35
  let {
35
36
  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
36
37
  as: a = "div",
37
38
  onSelect: t,
38
- activeKey: s,
39
+ activeKey: o,
39
40
  role: c,
40
41
  onKeyDown: u
41
- } = n, o = de(n, ce);
42
- const N = X(), m = O(!1), y = S(I), l = S(re);
42
+ } = n, s = de(n, ce);
43
+ const N = Y(), m = O(!1), y = S(I), l = S(re);
43
44
  let v, x;
44
- l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, x = l.getControllerId);
45
+ l && (c = c || "tablist", o = l.activeKey, v = l.getControlledId, x = l.getControllerId);
45
46
  const f = O(null), p = (i) => {
46
47
  const d = f.current;
47
48
  if (!d) return null;
48
- const K = ne(d, `[${A}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
49
+ const K = Q(d, `[${A}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
49
50
  if (!E || E !== document.activeElement) return null;
50
51
  const w = K.indexOf(E);
51
52
  if (w === -1) return null;
@@ -69,7 +70,7 @@ const R = () => {
69
70
  default:
70
71
  return;
71
72
  }
72
- d && (i.preventDefault(), h(d.dataset[te("EventKey")] || null, i), m.current = !0, N());
73
+ d && (i.preventDefault(), h(d.dataset[J("EventKey")] || null, i), m.current = !0, N());
73
74
  };
74
75
  M(() => {
75
76
  if (f.current && m.current) {
@@ -78,18 +79,18 @@ const R = () => {
78
79
  }
79
80
  m.current = !1;
80
81
  });
81
- const U = W(e, f);
82
+ const U = Z(e, f);
82
83
  return /* @__PURE__ */ r(I.Provider, {
83
84
  value: h,
84
- children: /* @__PURE__ */ r(Z.Provider, {
85
+ children: /* @__PURE__ */ r(z.Provider, {
85
86
  value: {
86
87
  role: c,
87
88
  // used by NavLink to determine it's role
88
- activeKey: se(s),
89
+ activeKey: oe(o),
89
90
  getControlledId: v || R,
90
91
  getControllerId: x || R
91
92
  },
92
- children: /* @__PURE__ */ r(a, Object.assign({}, o, {
93
+ children: /* @__PURE__ */ r(a, Object.assign({}, s, {
93
94
  onKeyDown: C,
94
95
  ref: U,
95
96
  role: c
@@ -99,14 +100,14 @@ const R = () => {
99
100
  });
100
101
  V.displayName = "Nav";
101
102
  const ue = Object.assign(V, {
102
- Item: Q
103
+ Item: W
103
104
  }), $ = /* @__PURE__ */ b.forwardRef(({
104
105
  className: n,
105
106
  bsPrefix: e,
106
107
  as: a = "div",
107
108
  ...t
108
- }, s) => (e = L(e, "nav-item"), /* @__PURE__ */ r(a, {
109
- ref: s,
109
+ }, o) => (e = L(e, "nav-item"), /* @__PURE__ */ r(a, {
110
+ ref: o,
110
111
  className: k(n, e),
111
112
  ...t
112
113
  })));
@@ -115,10 +116,10 @@ const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
115
116
  const {
116
117
  as: a = "div",
117
118
  bsPrefix: t,
118
- variant: s,
119
+ variant: o,
119
120
  fill: c = !1,
120
121
  justify: u = !1,
121
- navbar: o,
122
+ navbar: s,
122
123
  navbarScroll: N,
123
124
  className: m,
124
125
  activeKey: y,
@@ -127,8 +128,8 @@ const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
127
128
  activeKey: "onSelect"
128
129
  }), v = L(t, "nav");
129
130
  let x, f, p = !1;
130
- const h = S(ae), C = S(oe);
131
- return h ? (x = h.bsPrefix, p = o ?? !0) : C && ({
131
+ const h = S(X), C = S(se);
132
+ return h ? (x = h.bsPrefix, p = s ?? !0) : C && ({
132
133
  cardHeaderBsPrefix: f
133
134
  } = C), /* @__PURE__ */ r(ue, {
134
135
  as: a,
@@ -138,8 +139,8 @@ const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
138
139
  [v]: !p,
139
140
  [`${x}-nav`]: p,
140
141
  [`${x}-nav-scroll`]: p && N,
141
- [`${f}-${s}`]: !!f,
142
- [`${v}-${s}`]: !!s,
142
+ [`${f}-${o}`]: !!f,
143
+ [`${v}-${o}`]: !!o,
143
144
  [`${v}-fill`]: c,
144
145
  [`${v}-justified`]: u
145
146
  }),
@@ -162,7 +163,7 @@ function ve(n) {
162
163
  title: e,
163
164
  eventKey: a,
164
165
  disabled: t,
165
- tabClassName: s,
166
+ tabClassName: o,
166
167
  tabAttrs: c,
167
168
  id: u
168
169
  } = n.props;
@@ -175,7 +176,7 @@ function ve(n) {
175
176
  eventKey: a,
176
177
  disabled: t,
177
178
  id: u,
178
- className: s,
179
+ className: o,
179
180
  ...c,
180
181
  children: e
181
182
  })
@@ -186,21 +187,21 @@ const q = (n) => {
186
187
  id: e,
187
188
  onSelect: a,
188
189
  transition: t,
189
- mountOnEnter: s = !1,
190
+ mountOnEnter: o = !1,
190
191
  unmountOnExit: c = !1,
191
192
  variant: u = "tabs",
192
- children: o,
193
- activeKey: N = me(o),
193
+ children: s,
194
+ activeKey: N = me(s),
194
195
  ...m
195
196
  } = D(n, {
196
197
  activeKey: "onSelect"
197
198
  });
198
- return /* @__PURE__ */ j(Y, {
199
+ return /* @__PURE__ */ j(ee, {
199
200
  id: e,
200
201
  activeKey: N,
201
202
  onSelect: a,
202
- transition: z(t),
203
- mountOnEnter: s,
203
+ transition: te(t),
204
+ mountOnEnter: o,
204
205
  unmountOnExit: c,
205
206
  children: [/* @__PURE__ */ r(fe, {
206
207
  id: e,
@@ -208,13 +209,13 @@ const q = (n) => {
208
209
  role: "tablist",
209
210
  as: "ul",
210
211
  variant: u,
211
- children: P(o, ve)
212
- }), /* @__PURE__ */ r(G, {
213
- children: P(o, (y) => {
212
+ children: P(s, ve)
213
+ }), /* @__PURE__ */ r(ne, {
214
+ children: P(s, (y) => {
214
215
  const l = {
215
216
  ...y.props
216
217
  };
217
- return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(J, {
218
+ return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(ae, {
218
219
  ...l
219
220
  });
220
221
  })
@@ -222,8 +223,8 @@ const q = (n) => {
222
223
  });
223
224
  };
224
225
  q.displayName = "Tabs";
225
- const Se = ({ children: n, extraInput: e }) => {
226
- const [a, t] = T.useState(!1), [s, c] = T.useState(void 0);
226
+ const Ee = ({ children: n, extraInput: e }) => {
227
+ const [a, t] = T.useState(!1), [o, c] = T.useState(void 0);
227
228
  return /* @__PURE__ */ j(le, { children: [
228
229
  /* @__PURE__ */ r(F, { elements: e }),
229
230
  /* @__PURE__ */ r(H, { onToggle: () => {
@@ -233,13 +234,13 @@ const Se = ({ children: n, extraInput: e }) => {
233
234
  q,
234
235
  {
235
236
  id: "controlled-tab",
236
- activeKey: s,
237
- onSelect: (o) => c(o !== null ? o : void 0),
238
- children: T.Children.map(n, (o) => T.isValidElement(o) ? o : null)
237
+ activeKey: o,
238
+ onSelect: (s) => c(s !== null ? s : void 0),
239
+ children: T.Children.map(n, (s) => T.isValidElement(s) ? s : null)
239
240
  }
240
241
  ) }) })
241
242
  ] });
242
243
  };
243
244
  export {
244
- Se as VentanaTabs
245
+ Ee as VentanaTabs
245
246
  };
@@ -2,8 +2,9 @@ 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/Tarjeta.css';import '../../../assets/ContenidoModal.css';/* empty css */
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
6
  /* empty css */
7
+ /* empty css */
7
8
  import "../../../ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
8
9
  /* empty css */
9
10
  /* empty css */
@@ -14,7 +15,7 @@ import "../../../ui/logo/Logo.js";
14
15
  /* empty css */
15
16
  /* empty css */
16
17
  import { BusquedaInput as e } from "../buscador/Buscador.js";
17
- const w = ({
18
+ const B = ({
18
19
  title: m,
19
20
  subtitle: t,
20
21
  data: p,
@@ -28,5 +29,5 @@ const w = ({
28
29
  ] })
29
30
  ] });
30
31
  export {
31
- w as EncabezadoTabla
32
+ B as EncabezadoTabla
32
33
  };
@@ -1,52 +1,59 @@
1
- import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
2
- import { useState as f, useRef as u, useEffect as h } from "react";
3
- import '../../assets/Paginador.css';/* empty css */
4
- import { C as p } from "../../Card-BXqmurzN.js";
5
- import { B as c } from "../../Button-DMwpnJlD.js";
6
- const b = ({ stepContent: a, onSubmit: s, canJump: o = !0 }) => {
7
- const [r, l] = f(0), n = u(null);
1
+ import { jsxs as c, Fragment as m, jsx as i } from "react/jsx-runtime";
2
+ import { useState as u, useRef as p, useEffect as h } from "react";
3
+ import '../../assets/Bootstrap.css';import '../../assets/Paginador.css';/* empty css */
4
+ /* empty css */
5
+ import { C as g } from "../../Card-BXqmurzN.js";
6
+ import { B as o } from "../../Button-DMwpnJlD.js";
7
+ const j = ({ stepContent: t, onSubmit: s, canJump: d = !0 }) => {
8
+ const [r, n] = u(0), l = p(null);
8
9
  return h(() => {
9
- n.current && r > 0 && n.current.scrollIntoView({
10
+ l.current && r > 0 && l.current.scrollIntoView({
10
11
  behavior: "smooth"
11
12
  });
12
- }, [r]), /* @__PURE__ */ t(m, { children: [
13
- /* @__PURE__ */ e(p, { ref: n, className: "border-0 paginador-card", children: /* @__PURE__ */ e("ul", { id: "progressbar", children: a.map((d, i) => /* @__PURE__ */ t(
13
+ }, [r]), /* @__PURE__ */ c(m, { children: [
14
+ /* @__PURE__ */ i(g, { ref: l, className: "border-0 paginador-card", children: /* @__PURE__ */ i("ul", { id: "progressbar", children: t.map((a, e) => /* @__PURE__ */ c(
14
15
  "li",
15
16
  {
16
- className: i <= r ? "active" : "",
17
+ className: e <= r ? "active" : "",
17
18
  onClick: () => {
18
- o ? o && l(i) : (i === r + 1 || i < r) && l(i);
19
+ d ? d && n(e) : (e === r + 1 || e < r) && n(e);
19
20
  },
20
21
  children: [
21
- /* @__PURE__ */ e("div", { className: `step ${i <= r ? "active" : ""}`, children: /* @__PURE__ */ e(d.icon, { size: 18 }) }),
22
- /* @__PURE__ */ e("strong", { children: d.label })
22
+ /* @__PURE__ */ i("div", { className: `step ${e <= r ? "active" : ""}`, children: /* @__PURE__ */ i(a.icon, { size: 18 }) }),
23
+ /* @__PURE__ */ i("strong", { children: a.label })
23
24
  ]
24
25
  },
25
- i
26
+ e
26
27
  )) }) }),
27
- /* @__PURE__ */ e("div", { className: "paginador-content", children: a[r].content }),
28
- /* @__PURE__ */ t("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
29
- r > 0 && /* @__PURE__ */ e(
30
- c,
28
+ /* @__PURE__ */ i("div", { className: "paginador-content", children: t[r].content }),
29
+ /* @__PURE__ */ c("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
30
+ r > 0 && /* @__PURE__ */ i(
31
+ o,
31
32
  {
32
33
  variant: "unp_secondary",
33
- onClick: () => l(r - 1),
34
+ onClick: () => n(r - 1),
34
35
  children: "Anterior"
35
36
  }
36
37
  ),
37
- r < a.length - 1 && /* @__PURE__ */ e(
38
- c,
38
+ r < t.length - 1 && /* @__PURE__ */ i(
39
+ o,
39
40
  {
40
41
  variant: "unp_primary",
41
42
  style: { justifySelf: "end", marginLeft: "1rem" },
42
43
  onClick: () => {
43
- a[r].handleNextClick && a[r].handleNextClick(), l(r + 1);
44
+ const a = t[r].handleNextClick;
45
+ let e = !0;
46
+ if (a) {
47
+ const f = a();
48
+ typeof f == "boolean" && (e = f);
49
+ }
50
+ e && n(r + 1);
44
51
  },
45
52
  children: "Siguiente"
46
53
  }
47
54
  ),
48
- r === a.length - 1 && s && /* @__PURE__ */ e(
49
- c,
55
+ r === t.length - 1 && s && /* @__PURE__ */ i(
56
+ o,
50
57
  {
51
58
  type: "submit",
52
59
  variant: "unp_send",
@@ -59,5 +66,5 @@ const b = ({ stepContent: a, onSubmit: s, canJump: o = !0 }) => {
59
66
  ] });
60
67
  };
61
68
  export {
62
- b as Paginador
69
+ j as Paginador
63
70
  };
@@ -1,19 +1,20 @@
1
- import { jsxs as l, Fragment as u, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as l, Fragment as u, jsx as a } from "react/jsx-runtime";
2
2
  import e from "react";
3
- import '../../assets/Tarjeta.css';/* empty css */
3
+ import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css */
4
+ /* empty css */
4
5
  import { C as f, a as C } from "../../Card-BXqmurzN.js";
5
6
  import { C as j } from "../../CardBody-RoDe1y90.js";
6
7
  import { B as S } from "../../Button-DMwpnJlD.js";
7
8
  const b = {
8
9
  marginBottom: "20px",
9
10
  width: "100px"
10
- }, B = ({
11
+ }, v = ({
11
12
  title: p,
12
13
  children: s,
13
14
  method: n,
14
15
  onSubmit: m
15
16
  }) => {
16
- const a = e.Children.toArray(s), c = a[0] && e.isValidElement(a[0]) && a[0].type.displayName === "Subtitulo", i = a.filter(
17
+ const r = e.Children.toArray(s), c = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", i = r.filter(
17
18
  (t) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
18
19
  ), d = i.length > 0, y = e.Children.map(s, (t, o) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
19
20
  isGray: t.props.isGray ?? o % 2 === 1,
@@ -21,12 +22,12 @@ const b = {
21
22
  }) : t);
22
23
  return /* @__PURE__ */ l(u, { children: [
23
24
  /* @__PURE__ */ l(f, { className: "border-0 mb-4 tarjeta-unp", children: [
24
- /* @__PURE__ */ r(C, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
25
- d ? y : /* @__PURE__ */ r(j, { className: `${c ? "pt-0" : ""}`, children: s })
25
+ /* @__PURE__ */ a(C, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
26
+ d ? y : /* @__PURE__ */ a(j, { className: `${c ? "pt-0" : ""}`, children: s })
26
27
  ] }),
27
- n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: b, onClick: m, children: "Enviar" }) })
28
+ n === "POST" || n === "post" && /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ a(S, { variant: "unp_send", style: b, onClick: m, children: "Enviar" }) })
28
29
  ] });
29
30
  };
30
31
  export {
31
- B as Tarjeta
32
+ v as Tarjeta
32
33
  };
@@ -1,5 +1,6 @@
1
- import { jsxs as i, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as r } from "react/jsx-runtime";
2
2
  import { b as s } from "../../../index-DAgOFOds.js";
3
+ import '../../../assets/Bootstrap.css';/* empty css */
3
4
  import { B as a } from "../../../Button-DMwpnJlD.js";
4
5
  const d = {
5
6
  fontColor: "#303d50s",
@@ -7,7 +8,7 @@ const d = {
7
8
  fontWeight: "700",
8
9
  // marginBottom: '6.66rem',
9
10
  color: "#303d50"
10
- }, p = ({ label: o, children: e, onClose: t, isGray: n = !1 }) => /* @__PURE__ */ i(
11
+ }, c = ({ label: o, children: e, onClose: t, isGray: i = !1 }) => /* @__PURE__ */ n(
11
12
  "div",
12
13
  {
13
14
  className: "border border-gray-300",
@@ -16,7 +17,7 @@ const d = {
16
17
  padding: "1rem",
17
18
  marginTop: "0.5rem",
18
19
  marginBottom: "0.5rem",
19
- background: n ? "#f7f7f7" : "#ffffff",
20
+ background: i ? "#f7f7f7" : "#ffffff",
20
21
  borderRadius: "10px"
21
22
  },
22
23
  children: [
@@ -42,5 +43,5 @@ const d = {
42
43
  }
43
44
  );
44
45
  export {
45
- p as NuevoElemento
46
+ c as NuevoElemento
46
47
  };
@@ -1,11 +1,12 @@
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/TarjetaLectura.css';/* empty css */
3
+ import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css */
4
4
  import { Logo as _ } from "../logo/Logo.js";
5
5
  import { SeccionTarjetaLectura as g } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
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);
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);
9
10
  return y(() => {
10
11
  c.current && r > 0 && c.current.scrollIntoView({
11
12
  behavior: "smooth"
@@ -14,34 +15,34 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
14
15
  /* @__PURE__ */ i("form", { ref: p, className: "form_qy", children: [
15
16
  /* @__PURE__ */ i("div", { className: "main_title_container_qy", children: [
16
17
  /* @__PURE__ */ i("div", { className: "subtitle_container_qy", children: [
17
- /* @__PURE__ */ e("h3", { children: m }),
18
+ /* @__PURE__ */ e("h3", { children: h }),
18
19
  /* @__PURE__ */ e("h5", { children: u })
19
20
  ] }),
20
21
  /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(_, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
21
22
  ] }),
22
23
  /* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
23
24
  n ? /* @__PURE__ */ i("div", { ref: c, children: [
24
- /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
25
+ /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, t) => /* @__PURE__ */ i(
25
26
  "li",
26
27
  {
27
- className: a <= r ? "active" : "",
28
- onClick: () => t(a),
28
+ className: t <= r ? "active" : "",
29
+ onClick: () => a(t),
29
30
  children: [
30
- /* @__PURE__ */ e("div", { className: `step ${a <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
31
+ /* @__PURE__ */ e("div", { className: `step ${t <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
31
32
  /* @__PURE__ */ e("strong", { children: s.label })
32
33
  ]
33
34
  },
34
- a
35
+ t
35
36
  )) }) }),
36
37
  /* @__PURE__ */ e("div", { children: n[r].content })
37
38
  ] }) : o && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { children: o }) })
38
39
  ] }),
39
40
  n && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
40
41
  r > 0 && /* @__PURE__ */ e(
41
- h,
42
+ m,
42
43
  {
43
44
  variant: "unp_secondary",
44
- onClick: () => t(r - 1),
45
+ onClick: () => a(r - 1),
45
46
  style: {
46
47
  marginRight: "1rem"
47
48
  },
@@ -49,11 +50,11 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
49
50
  }
50
51
  ),
51
52
  r < n.length - 1 && /* @__PURE__ */ e(
52
- h,
53
+ m,
53
54
  {
54
55
  variant: "unp_primary",
55
56
  style: { justifySelf: "end" },
56
- onClick: () => t(r + 1),
57
+ onClick: () => a(r + 1),
57
58
  children: "Siguiente"
58
59
  }
59
60
  )
@@ -61,5 +62,5 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
61
62
  ] });
62
63
  };
63
64
  export {
64
- k as TarjetaLectura
65
+ L as TarjetaLectura
65
66
  };
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.3",
5
+ "version": "0.9.4",
6
6
  "type": "module",
7
7
  "exports": {
8
8
  ".": {