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.
- package/dist/{Bootstrap-yLMFDuQq.js → TabPane-Q7bzCwAs.js} +1 -1
- package/dist/shared/tab-ventana/TabVentana.js +13 -12
- package/dist/shared/ventana-tabs/VentanaTabs.js +43 -42
- package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +4 -3
- package/dist/ui/paginador/Paginador.js +33 -26
- package/dist/ui/tarjeta/Tarjeta.js +9 -8
- package/dist/ui/tarjeta/nuevo-elemento/NuevoElemento.js +5 -4
- package/dist/ui/tarjeta-lectura/TarjetaLectura.js +16 -15
- package/package.json +1 -1
|
@@ -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
|
-
|
|
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
|
|
2
|
-
import
|
|
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
|
|
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
|
-
...
|
|
8
|
-
}) => /* @__PURE__ */
|
|
9
|
-
...
|
|
8
|
+
...o
|
|
9
|
+
}) => /* @__PURE__ */ a(i, {
|
|
10
|
+
...o,
|
|
10
11
|
transition: b(n)
|
|
11
12
|
});
|
|
12
|
-
|
|
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:
|
|
37
|
+
Container: e,
|
|
37
38
|
Content: p,
|
|
38
39
|
Pane: T
|
|
39
|
-
}),
|
|
40
|
+
}), g = ({
|
|
40
41
|
eventKey: n,
|
|
41
|
-
title:
|
|
42
|
+
title: o,
|
|
42
43
|
children: r
|
|
43
|
-
}) => /* @__PURE__ */
|
|
44
|
+
}) => /* @__PURE__ */ a(c, { eventKey: n, title: o, style: {
|
|
44
45
|
border: "50%"
|
|
45
46
|
}, children: r });
|
|
46
47
|
export {
|
|
47
|
-
|
|
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
|
|
7
|
-
import { a as
|
|
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
|
|
10
|
-
import { c as
|
|
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 =
|
|
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:
|
|
39
|
+
activeKey: o,
|
|
39
40
|
role: c,
|
|
40
41
|
onKeyDown: u
|
|
41
|
-
} = n,
|
|
42
|
-
const N =
|
|
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",
|
|
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 =
|
|
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[
|
|
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 =
|
|
82
|
+
const U = Z(e, f);
|
|
82
83
|
return /* @__PURE__ */ r(I.Provider, {
|
|
83
84
|
value: h,
|
|
84
|
-
children: /* @__PURE__ */ r(
|
|
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:
|
|
89
|
+
activeKey: oe(o),
|
|
89
90
|
getControlledId: v || R,
|
|
90
91
|
getControllerId: x || R
|
|
91
92
|
},
|
|
92
|
-
children: /* @__PURE__ */ r(a, Object.assign({},
|
|
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:
|
|
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
|
-
},
|
|
109
|
-
ref:
|
|
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:
|
|
119
|
+
variant: o,
|
|
119
120
|
fill: c = !1,
|
|
120
121
|
justify: u = !1,
|
|
121
|
-
navbar:
|
|
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(
|
|
131
|
-
return h ? (x = h.bsPrefix, p =
|
|
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}-${
|
|
142
|
-
[`${v}-${
|
|
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:
|
|
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:
|
|
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:
|
|
190
|
+
mountOnEnter: o = !1,
|
|
190
191
|
unmountOnExit: c = !1,
|
|
191
192
|
variant: u = "tabs",
|
|
192
|
-
children:
|
|
193
|
-
activeKey: N = me(
|
|
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(
|
|
199
|
+
return /* @__PURE__ */ j(ee, {
|
|
199
200
|
id: e,
|
|
200
201
|
activeKey: N,
|
|
201
202
|
onSelect: a,
|
|
202
|
-
transition:
|
|
203
|
-
mountOnEnter:
|
|
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(
|
|
212
|
-
}), /* @__PURE__ */ r(
|
|
213
|
-
children: P(
|
|
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(
|
|
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
|
|
226
|
-
const [a, t] = T.useState(!1), [
|
|
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:
|
|
237
|
-
onSelect: (
|
|
238
|
-
children: T.Children.map(n, (
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
32
|
+
B as EncabezadoTabla
|
|
32
33
|
};
|
|
@@ -1,52 +1,59 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import '../../assets/Paginador.css';/* empty css */
|
|
4
|
-
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
10
|
+
l.current && r > 0 && l.current.scrollIntoView({
|
|
10
11
|
behavior: "smooth"
|
|
11
12
|
});
|
|
12
|
-
}, [r]), /* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
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:
|
|
17
|
+
className: e <= r ? "active" : "",
|
|
17
18
|
onClick: () => {
|
|
18
|
-
|
|
19
|
+
d ? d && n(e) : (e === r + 1 || e < r) && n(e);
|
|
19
20
|
},
|
|
20
21
|
children: [
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
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
|
-
|
|
26
|
+
e
|
|
26
27
|
)) }) }),
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
r > 0 && /* @__PURE__ */
|
|
30
|
-
|
|
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: () =>
|
|
34
|
+
onClick: () => n(r - 1),
|
|
34
35
|
children: "Anterior"
|
|
35
36
|
}
|
|
36
37
|
),
|
|
37
|
-
r <
|
|
38
|
-
|
|
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
|
|
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 ===
|
|
49
|
-
|
|
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
|
-
|
|
69
|
+
j as Paginador
|
|
63
70
|
};
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { jsxs as l, Fragment as u, jsx as
|
|
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
|
-
},
|
|
11
|
+
}, v = ({
|
|
11
12
|
title: p,
|
|
12
13
|
children: s,
|
|
13
14
|
method: n,
|
|
14
15
|
onSubmit: m
|
|
15
16
|
}) => {
|
|
16
|
-
const
|
|
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__ */
|
|
25
|
-
d ? y : /* @__PURE__ */
|
|
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__ */
|
|
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
|
-
|
|
32
|
+
v as Tarjeta
|
|
32
33
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { jsxs as
|
|
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
|
-
},
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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:
|
|
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,
|
|
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:
|
|
28
|
-
onClick: () => t
|
|
28
|
+
className: t <= r ? "active" : "",
|
|
29
|
+
onClick: () => a(t),
|
|
29
30
|
children: [
|
|
30
|
-
/* @__PURE__ */ e("div", { className: `step ${
|
|
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
|
-
|
|
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
|
-
|
|
42
|
+
m,
|
|
42
43
|
{
|
|
43
44
|
variant: "unp_secondary",
|
|
44
|
-
onClick: () =>
|
|
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
|
-
|
|
53
|
+
m,
|
|
53
54
|
{
|
|
54
55
|
variant: "unp_primary",
|
|
55
56
|
style: { justifySelf: "end" },
|
|
56
|
-
onClick: () =>
|
|
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
|
-
|
|
65
|
+
L as TarjetaLectura
|
|
65
66
|
};
|