react-ecosistema-unp 1.1.0 → 1.2.0
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/{NotificacionUsuario-xD2pyELE.js → NotificacionUsuario-B0uOnywk.js} +147 -151
- package/dist/Table-dmTfkFLf.js +32 -0
- package/dist/assets/IconosSistema.css +1 -1
- package/dist/cards/tarjeta/Tarjeta.js +4 -3
- package/dist/cards/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js +5 -4
- package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js +1 -1
- package/dist/cards/tarjeta-info/TarjetaInfo.js +2 -2
- package/dist/cards/tarjeta-lectura/TarjetaLectura.js +16 -15
- package/dist/cards/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js +7 -6
- package/dist/index-COVtBfm6.js +11 -0
- package/dist/{index-B8_x9tRA.js → index-CcQhl4DX.js} +3 -3
- package/dist/lib/utils/unp-historico/FetchHistorico.d.ts +2 -0
- package/dist/lib/utils/unp-historico/UnpHistorico.d.ts +7 -0
- package/dist/lib/utils.d.ts +1 -0
- package/dist/shared/iconos-sistema/IconosSistema.js +7 -5
- package/dist/shared/notificacion-usuario/NotificacionUsuario.js +2 -1
- package/dist/shared/ventana-tabs/VentanaTabs.js +1 -1
- package/dist/tables/tabla-registros/buscador/Buscador.js +1 -1
- package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +2 -2
- package/dist/tables/tabla-registros/tabla/Tabla.js +43 -69
- package/dist/ui/contenido-modal/ContenidoModal.js +1 -1
- package/dist/ui/contenido-modal/ContenidoModalv0.1.js +1 -1
- package/dist/ui/icono-tooltip/IconoTooltip.js +1 -1
- package/dist/ui/items-modal/ItemsModal.js +1 -1
- package/dist/ui/logo/Logo.js +3 -2
- package/dist/utils/unp-historico/FetchHistorico.js +12 -0
- package/dist/utils/unp-historico/UnpHistorico.js +145 -0
- package/dist/utils.js +6 -4
- package/package.json +1 -1
- /package/dist/assets/{TarjetaInfo.css → UnpHistorico.css} +0 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { u, c as x } from "./ThemeProvider-CFCmmLJC.js";
|
|
2
|
+
import * as N from "react";
|
|
3
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
4
|
+
const y = /* @__PURE__ */ N.forwardRef(({
|
|
5
|
+
bsPrefix: f,
|
|
6
|
+
className: l,
|
|
7
|
+
striped: s,
|
|
8
|
+
bordered: i,
|
|
9
|
+
borderless: m,
|
|
10
|
+
hover: d,
|
|
11
|
+
size: o,
|
|
12
|
+
variant: a,
|
|
13
|
+
responsive: r,
|
|
14
|
+
...n
|
|
15
|
+
}, p) => {
|
|
16
|
+
const e = u(f, "table"), b = x(l, e, a && `${e}-${a}`, o && `${e}-${o}`, s && `${e}-${typeof s == "string" ? `striped-${s}` : "striped"}`, i && `${e}-bordered`, m && `${e}-borderless`, d && `${e}-hover`), $ = /* @__PURE__ */ c("table", {
|
|
17
|
+
...n,
|
|
18
|
+
className: b,
|
|
19
|
+
ref: p
|
|
20
|
+
});
|
|
21
|
+
if (r) {
|
|
22
|
+
let t = `${e}-responsive`;
|
|
23
|
+
return typeof r == "string" && (t = `${t}-${r}`), /* @__PURE__ */ c("div", {
|
|
24
|
+
className: t,
|
|
25
|
+
children: $
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return $;
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
y as T
|
|
32
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:
|
|
1
|
+
.iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;align-items:center;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:20px;color:#303d50;cursor:pointer}.icono-sistema-tooltip-container{position:relative;display:inline-block}.icono-sistema-tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#5f6265ef;color:#fff;text-align:center;border-radius:10px;padding:7px 11px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;transition:all .1s ease-in-out}.icono-sistema-tooltip-container:hover .icono-sistema-tooltip-text{visibility:visible;opacity:1}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsxs as p, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import e from "react";
|
|
3
|
-
import '../../assets/Bootstrap.css';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 j, a as g } from "../../Card-BXqmurzN.js";
|
|
5
6
|
import { C as S } from "../../CardBody-RoDe1y90.js";
|
|
6
7
|
import { B as x } from "../../Button-DMwpnJlD.js";
|
|
7
8
|
const N = {
|
|
8
9
|
marginBottom: "20px",
|
|
9
10
|
width: "100px"
|
|
10
|
-
},
|
|
11
|
+
}, _ = ({
|
|
11
12
|
title: m,
|
|
12
13
|
header: a = !1,
|
|
13
14
|
children: n,
|
|
@@ -54,5 +55,5 @@ const N = {
|
|
|
54
55
|
);
|
|
55
56
|
};
|
|
56
57
|
export {
|
|
57
|
-
|
|
58
|
+
_ as Tarjeta
|
|
58
59
|
};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../../assets/ContenedorTarjeta.css'
|
|
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(
|
|
3
4
|
"div",
|
|
4
5
|
{
|
|
5
6
|
className: "contenedor-gris-tarjeta",
|
|
6
7
|
style: {
|
|
7
8
|
backgroundColor: r ? "#f7f7f7" : "#ffffff"
|
|
8
9
|
},
|
|
9
|
-
children:
|
|
10
|
+
children: o
|
|
10
11
|
}
|
|
11
12
|
);
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
+
a as ContenedorTarjeta
|
|
14
15
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { m as s } from "../../../index-
|
|
2
|
+
import { m as s } from "../../../index-CcQhl4DX.js";
|
|
3
3
|
import '../../../assets/Bootstrap.css';/* empty css */
|
|
4
4
|
import { B as a } from "../../../Button-DMwpnJlD.js";
|
|
5
5
|
const d = {
|
|
@@ -1,7 +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/
|
|
3
|
+
import { q as j, r as u } from "../../index-CcQhl4DX.js";
|
|
4
|
+
import '../../assets/UnpHistorico.css';const w = ({ icon: r, label: c, show: l = !1, children: h }) => {
|
|
5
5
|
const [t, o] = s(l), [f, i] = s(0), a = m(null);
|
|
6
6
|
return d(() => {
|
|
7
7
|
t && a.current ? i(a.current.scrollHeight) : i(0);
|
|
@@ -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/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css */
|
|
3
4
|
import { Logo as g } from "../../ui/logo/Logo.js";
|
|
4
5
|
import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
5
|
-
|
|
6
|
-
import { B as
|
|
7
|
-
const
|
|
8
|
-
const [r,
|
|
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(g, { type: "entidad", variant: "unidad", color: "gris", height: "90px" }) })
|
|
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(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s,
|
|
25
|
+
/* @__PURE__ */ e(_, { 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
|
};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import i from "react";
|
|
3
|
-
import '../../../assets/SeccionTarjetaLectura.css'
|
|
3
|
+
import '../../../assets/SeccionTarjetaLectura.css';/* empty css */
|
|
4
|
+
const p = ({
|
|
4
5
|
title: a,
|
|
5
6
|
children: t,
|
|
6
7
|
hasPaddingTop: s = !0
|
|
7
8
|
}) => {
|
|
8
|
-
const e = i.Children.toArray(t),
|
|
9
|
-
return /* @__PURE__ */
|
|
9
|
+
const e = i.Children.toArray(t), m = e[0] && i.isValidElement(e[0]) && e[0].type.displayName === "Subtitulo";
|
|
10
|
+
return /* @__PURE__ */ n(o, { children: [
|
|
10
11
|
/* @__PURE__ */ r("div", { className: "section_header_qy", children: /* @__PURE__ */ r("span", { children: a }) }),
|
|
11
|
-
/* @__PURE__ */ r("div", { style: { padding: `${
|
|
12
|
+
/* @__PURE__ */ r("div", { style: { padding: `${m || !s ? "0rem" : "1.25rem"} 1.25rem 1.25rem 1.25rem` }, children: t })
|
|
12
13
|
] });
|
|
13
14
|
};
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
p as SeccionTarjetaLectura
|
|
16
17
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { G as c } from "./iconBase-LROS5hdG.js";
|
|
2
|
+
function r(t) {
|
|
3
|
+
return c({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z" }, child: [] }] })(t);
|
|
4
|
+
}
|
|
5
|
+
function h(t) {
|
|
6
|
+
return c({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" }, child: [] }] })(t);
|
|
7
|
+
}
|
|
8
|
+
export {
|
|
9
|
+
h as F,
|
|
10
|
+
r as a
|
|
11
|
+
};
|
package/dist/lib/utils.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { N as
|
|
3
|
-
import '../../assets/IconosSistema.css';const
|
|
2
|
+
import { N as n } from "../../NotificacionUsuario-B0uOnywk.js";
|
|
3
|
+
import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
|
|
4
4
|
s && s.slice(0, 5).map((o, c) => /* @__PURE__ */ a("div", { className: "icono-sistema-tooltip-container", children: [
|
|
5
5
|
/* @__PURE__ */ i(
|
|
6
6
|
o.icon,
|
|
@@ -19,12 +19,14 @@ import '../../assets/IconosSistema.css';const l = ({ elements: s }) => /* @__PUR
|
|
|
19
19
|
border: "1px #ebebeb solid",
|
|
20
20
|
marginTop: "9px",
|
|
21
21
|
marginBottom: "2px",
|
|
22
|
-
borderRadius: "10px"
|
|
22
|
+
borderRadius: "10px",
|
|
23
|
+
paddingTop: "9px",
|
|
24
|
+
paddingBottom: "9px"
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
),
|
|
26
|
-
/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
|
|
28
|
+
/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(n, {}) })
|
|
27
29
|
] });
|
|
28
30
|
export {
|
|
29
|
-
|
|
31
|
+
p as IconosSistema
|
|
30
32
|
};
|
|
@@ -4,7 +4,7 @@ import C, { useRef as O, useContext as S, useEffect as M } from "react";
|
|
|
4
4
|
import { MenuLateral as F } from "../menu-lateral/MenuLateral.js";
|
|
5
5
|
import { IconosSistema as H } from "../iconos-sistema/IconosSistema.js";
|
|
6
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 D, f as L, g as X } from "../../NotificacionUsuario-
|
|
7
|
+
import { a as W, u as Y, b as z, d as G, c as J, q as Q, e as D, f as L, g as X } from "../../NotificacionUsuario-B0uOnywk.js";
|
|
8
8
|
import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-BvUHIFlv.js";
|
|
9
9
|
import { u as k, c as B } from "../../ThemeProvider-CFCmmLJC.js";
|
|
10
10
|
import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n, jsxs as C } from "react/jsx-runtime";
|
|
2
|
-
import { s as w } from "../../../index-
|
|
2
|
+
import { s as w } from "../../../index-CcQhl4DX.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,10 +2,10 @@ 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/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
|
|
5
|
+
import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
-
|
|
8
|
+
/* empty css */
|
|
9
9
|
import "react-router-dom";
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
@@ -1,71 +1,45 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
7
|
-
bsPrefix: n,
|
|
8
|
-
className: a,
|
|
9
|
-
striped: i,
|
|
10
|
-
bordered: c,
|
|
11
|
-
borderless: p,
|
|
12
|
-
hover: g,
|
|
13
|
-
size: d,
|
|
14
|
-
variant: h,
|
|
15
|
-
responsive: s,
|
|
16
|
-
...b
|
|
17
|
-
}, f) => {
|
|
18
|
-
const o = x(n, "table"), t = N(a, o, h && `${o}-${h}`, d && `${o}-${d}`, i && `${o}-${typeof i == "string" ? `striped-${i}` : "striped"}`, c && `${o}-bordered`, p && `${o}-borderless`, g && `${o}-hover`), l = /* @__PURE__ */ e("table", {
|
|
19
|
-
...b,
|
|
20
|
-
className: t,
|
|
21
|
-
ref: f
|
|
22
|
-
});
|
|
23
|
-
if (s) {
|
|
24
|
-
let r = `${o}-responsive`;
|
|
25
|
-
return typeof s == "string" && (r = `${r}-${s}`), /* @__PURE__ */ e("div", {
|
|
26
|
-
className: r,
|
|
27
|
-
children: l
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
return l;
|
|
31
|
-
}), B = ({
|
|
1
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import C from "react";
|
|
3
|
+
import { p as y } from "../../../index-CcQhl4DX.js";
|
|
4
|
+
import { T as k } from "../../../Table-dmTfkFLf.js";
|
|
5
|
+
import '../../../assets/Tabla.css';const T = ({
|
|
32
6
|
columns: n,
|
|
33
|
-
filteredData:
|
|
34
|
-
tableData:
|
|
7
|
+
filteredData: o,
|
|
8
|
+
tableData: g,
|
|
35
9
|
hasMoreData: c,
|
|
36
10
|
setHasMoreData: p,
|
|
37
|
-
visibleData:
|
|
38
|
-
setVisibleData:
|
|
39
|
-
handleCellClick:
|
|
40
|
-
totalDias:
|
|
41
|
-
isShared:
|
|
11
|
+
visibleData: f,
|
|
12
|
+
setVisibleData: b,
|
|
13
|
+
handleCellClick: m,
|
|
14
|
+
totalDias: d,
|
|
15
|
+
isShared: u
|
|
42
16
|
}) => {
|
|
43
|
-
const
|
|
44
|
-
if (
|
|
45
|
-
const
|
|
46
|
-
return
|
|
17
|
+
const s = (r) => {
|
|
18
|
+
if (d) {
|
|
19
|
+
const t = r / d * 100;
|
|
20
|
+
return t <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : t <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : t <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
|
|
47
21
|
}
|
|
48
22
|
return { backgroundColor: "transparent", color: "inherit" };
|
|
49
23
|
};
|
|
50
|
-
return /* @__PURE__ */ e("div", { className: "table_container", children: /* @__PURE__ */ e("div", { className: "table-scroll", onScroll: (
|
|
51
|
-
const { scrollTop:
|
|
52
|
-
|
|
53
|
-
const
|
|
54
|
-
return
|
|
24
|
+
return /* @__PURE__ */ e("div", { className: "table_container", children: /* @__PURE__ */ e("div", { className: "table-scroll", onScroll: (r) => {
|
|
25
|
+
const { scrollTop: t, clientHeight: l, scrollHeight: i } = r.currentTarget;
|
|
26
|
+
i - t <= l + 50 && c && b((F) => {
|
|
27
|
+
const h = F + 5;
|
|
28
|
+
return h >= o.length && p(!1), Math.min(h, o.length);
|
|
55
29
|
});
|
|
56
|
-
}, children: /* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
|
|
60
|
-
/* @__PURE__ */ e("tr", { children: n.map((
|
|
30
|
+
}, children: /* @__PURE__ */ a(k, { striped: !0, hover: !0, children: [
|
|
31
|
+
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((r, t) => /* @__PURE__ */ e("th", { className: "table-header-unp", children: r.label }, t)) }) }),
|
|
32
|
+
/* @__PURE__ */ a("tbody", { children: [
|
|
33
|
+
g.slice(0, f).map((r, t) => /* @__PURE__ */ a(C.Fragment, { children: [
|
|
34
|
+
/* @__PURE__ */ e("tr", { children: n.map((l, i) => /* @__PURE__ */ e(
|
|
61
35
|
"td",
|
|
62
36
|
{
|
|
63
|
-
onClick: () =>
|
|
37
|
+
onClick: () => m(l, r),
|
|
64
38
|
style: {
|
|
65
|
-
cursor:
|
|
39
|
+
cursor: l.hasModal ? "pointer" : "default"
|
|
66
40
|
},
|
|
67
|
-
className:
|
|
68
|
-
children:
|
|
41
|
+
className: l.hasModal ? "cell-with-modal" : "",
|
|
42
|
+
children: l.key === "diasHabiles" ? /* @__PURE__ */ e(
|
|
69
43
|
"div",
|
|
70
44
|
{
|
|
71
45
|
style: {
|
|
@@ -79,36 +53,36 @@ import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
|
79
53
|
padding: "8px",
|
|
80
54
|
borderRadius: "100px",
|
|
81
55
|
width: "40px",
|
|
82
|
-
backgroundColor:
|
|
83
|
-
|
|
56
|
+
backgroundColor: s(
|
|
57
|
+
r.diasHabiles
|
|
84
58
|
).backgroundColor,
|
|
85
|
-
color:
|
|
86
|
-
|
|
59
|
+
color: s(
|
|
60
|
+
r.diasHabiles
|
|
87
61
|
).color
|
|
88
62
|
},
|
|
89
|
-
children: /* @__PURE__ */ e("span", { children:
|
|
63
|
+
children: /* @__PURE__ */ e("span", { children: r.diasHabiles })
|
|
90
64
|
}
|
|
91
65
|
)
|
|
92
66
|
}
|
|
93
|
-
) :
|
|
67
|
+
) : l.renderComponent ? l.renderComponent(r) : r[l.key]
|
|
94
68
|
},
|
|
95
|
-
|
|
69
|
+
i
|
|
96
70
|
)) }),
|
|
97
|
-
|
|
71
|
+
u && r.estadoRegistro === "en_gestion" && !o.some((l) => l.estadoRegistro === "en_gestion" && o.indexOf(l) > t) && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", style: { padding: "0 0 0 0" }, children: /* @__PURE__ */ e("div", { style: {
|
|
98
72
|
height: "2rem",
|
|
99
73
|
display: "flex",
|
|
100
74
|
flexDirection: "row",
|
|
101
75
|
justifyContent: "center",
|
|
102
76
|
alignItems: "center",
|
|
103
77
|
fontWeight: "600",
|
|
104
|
-
color:
|
|
105
|
-
backgroundColor:
|
|
106
|
-
}, children: /* @__PURE__ */ e(
|
|
107
|
-
] },
|
|
78
|
+
color: t % 2 === 0 ? "#365072" : "#303D50",
|
|
79
|
+
backgroundColor: t % 2 === 0 ? "#fefefe" : "#f9fafa"
|
|
80
|
+
}, children: /* @__PURE__ */ e(y, { style: { fontSize: "1.3rem" } }) }) }) })
|
|
81
|
+
] }, t)),
|
|
108
82
|
c && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", children: "Cargando más datos..." }) })
|
|
109
83
|
] })
|
|
110
84
|
] }) }) });
|
|
111
85
|
};
|
|
112
86
|
export {
|
|
113
|
-
|
|
87
|
+
T as Tabla
|
|
114
88
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as s, Fragment as p, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import N, { useState as n } from "react";
|
|
3
|
-
import { l as g } from "../../index-
|
|
3
|
+
import { l as g } from "../../index-CcQhl4DX.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);
|
|
@@ -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 { l as v } from "../../index-
|
|
3
|
+
import { l as v } from "../../index-CcQhl4DX.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
|
} }) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as S, jsx as f } from "react/jsx-runtime";
|
|
2
2
|
import { useState as M } from "react";
|
|
3
|
-
import { F as A, a as U, b as j, c as L, d as B, e as D, f as J, g as W, h as z, i as P, j as Y, k as q } from "../../index-
|
|
3
|
+
import { F as A, a as U, b as j, c as L, d as B, e as D, f as J, g as W, h as z, i as P, j as Y, k as q } from "../../index-CcQhl4DX.js";
|
|
4
4
|
import '../../assets/IconoTooltip.css';/* empty css */
|
|
5
5
|
const X = ({ recordType: m, taken: o = !0, customIcon: l }) => {
|
|
6
6
|
const [a, t] = M(!1);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { useNavigate as s } from "react-router-dom";
|
|
3
|
-
import { n as i, o as n } from "../../index-
|
|
3
|
+
import { n as i, o as n } from "../../index-CcQhl4DX.js";
|
|
4
4
|
import { G as c } from "../../iconBase-LROS5hdG.js";
|
|
5
5
|
import '../../assets/ItemsModal.css';/* empty css */
|
|
6
6
|
function m(o) {
|