react-ecosistema-unp 0.6.1 → 0.6.2
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/assets/Buscador.css +1 -1
- package/dist/assets/IconoTipoSolicitud.css +1 -0
- package/dist/{index-Cwunu_N_.js → index-D4mU_3sc.js} +17 -9
- package/dist/lib/shared/components/LoadingPage.d.ts +3 -0
- package/dist/lib/shared.d.ts +1 -0
- package/dist/lib/{tables/components/TituloModal.d.ts → ui/components/ContenidoModal.d.ts} +3 -3
- package/dist/lib/ui/components/IconoTipoSolicitud.d.ts +7 -0
- package/dist/lib/ui.d.ts +2 -1
- package/dist/shared/components/LoadingPage.js +16 -0
- package/dist/shared.js +4 -2
- package/dist/tables/components/Buscador.js +3 -3
- package/dist/tables/components/EncabezadoTabla.js +11 -10
- package/dist/tables/components/Tabla.js +12 -12
- package/dist/{tables/components/TituloModal.js → ui/components/ContenidoModal.js} +8 -8
- package/dist/ui/components/IconoTipoSolicitud.js +59 -0
- package/dist/ui.js +10 -8
- package/package.json +1 -1
- /package/dist/assets/{TituloModal.css → ContenidoModal.css} +0 -0
package/dist/assets/Buscador.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-with-icon{border-radius:
|
|
1
|
+
.input-with-icon{border-radius:11px!important;padding-right:40px!important;box-shadow:0 1px 6px #00000012}.input-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.66rem;color:#303d50}.search-container{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.icon-solicitud{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;padding:.7rem;border-radius:10px}
|
|
@@ -1,15 +1,23 @@
|
|
|
1
|
-
import { G as
|
|
2
|
-
function
|
|
3
|
-
return
|
|
1
|
+
import { G as t } from "./iconBase-LROS5hdG.js";
|
|
2
|
+
function l(c) {
|
|
3
|
+
return t({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z" }, child: [] }] })(c);
|
|
4
|
+
}
|
|
5
|
+
function r(c) {
|
|
6
|
+
return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M128 136c0-22.1-17.9-40-40-40L40 96C17.9 96 0 113.9 0 136l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM288 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM448 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z" }, child: [] }] })(c);
|
|
4
7
|
}
|
|
5
8
|
function i(c) {
|
|
6
|
-
return
|
|
9
|
+
return t({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" }, child: [] }] })(c);
|
|
7
10
|
}
|
|
8
|
-
function
|
|
9
|
-
return
|
|
11
|
+
function n(c) {
|
|
12
|
+
return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z" }, child: [] }] })(c);
|
|
13
|
+
}
|
|
14
|
+
function s(c) {
|
|
15
|
+
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);
|
|
10
16
|
}
|
|
11
17
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
18
|
+
s as F,
|
|
19
|
+
n as a,
|
|
20
|
+
l as b,
|
|
21
|
+
r as c,
|
|
22
|
+
i as d
|
|
15
23
|
};
|
package/dist/lib/shared.d.ts
CHANGED
|
@@ -5,12 +5,12 @@ interface ButtonArray {
|
|
|
5
5
|
icon: IconType;
|
|
6
6
|
onShow: () => void;
|
|
7
7
|
}
|
|
8
|
-
interface
|
|
8
|
+
interface ContenidoModalProps {
|
|
9
9
|
title: string;
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
buttons?: ButtonArray[];
|
|
12
12
|
isShowing?: boolean;
|
|
13
13
|
setIsShowing?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
14
14
|
}
|
|
15
|
-
declare const
|
|
16
|
-
export {
|
|
15
|
+
declare const ContenidoModal: React.FC<ContenidoModalProps>;
|
|
16
|
+
export { ContenidoModal };
|
package/dist/lib/ui.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Encabezado } from './ui/components/Encabezado.js';
|
|
2
2
|
export { Subtitulo } from './ui/components/Subtitulo.js';
|
|
3
|
-
export {
|
|
3
|
+
export { ContenidoModal } from './ui/components/ContenidoModal.js';
|
|
4
4
|
export { Tarjeta } from './ui/components/Tarjeta.js';
|
|
5
5
|
export { ContenedorTarjeta } from './ui/components/ContenedorTarjeta.js';
|
|
6
6
|
export { Paginador } from './ui/components/Paginador.js';
|
|
7
|
+
export { IconoTipoSolicitud } from './ui/components/IconoTipoSolicitud.js';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsxs as r, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import s from "react";
|
|
3
|
+
import { B as t } from "../../useFinalizarSesion-COlHmXt5.js";
|
|
4
|
+
import { MenuLateral as a } from "./MenuLateral.js";
|
|
5
|
+
const c = () => {
|
|
6
|
+
const [e, o] = s.useState(!1);
|
|
7
|
+
return /* @__PURE__ */ r(t, { children: [
|
|
8
|
+
/* @__PURE__ */ n(a, { onToggle: () => {
|
|
9
|
+
o(!e);
|
|
10
|
+
}, isOpen: e }),
|
|
11
|
+
/* @__PURE__ */ n("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "main-section", style: { padding: "0.5rem" } }) })
|
|
12
|
+
] });
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
c as LoadingPage
|
|
16
|
+
};
|
package/dist/shared.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { VentanaLienzo as
|
|
1
|
+
import { VentanaLienzo as e } from "./shared/components/VentanaLienzo.js";
|
|
2
2
|
import { VentanaTabs as r } from "./shared/components/VentanaTabs.js";
|
|
3
3
|
import { TabVentana as f } from "./shared/components/TabVentana.js";
|
|
4
|
+
import { LoadingPage as p } from "./shared/components/LoadingPage.js";
|
|
4
5
|
export {
|
|
6
|
+
p as LoadingPage,
|
|
5
7
|
f as TabVentana,
|
|
6
|
-
|
|
8
|
+
e as VentanaLienzo,
|
|
7
9
|
r as VentanaTabs
|
|
8
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n, jsxs as C } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { d as w } from "../../index-D4mU_3sc.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";
|
|
@@ -80,7 +80,7 @@ const z = Object.assign(u, {
|
|
|
80
80
|
});
|
|
81
81
|
});
|
|
82
82
|
f.displayName = "FormGroup";
|
|
83
|
-
const
|
|
83
|
+
const E = ({ onSearch: e }) => {
|
|
84
84
|
const r = (o) => o.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
|
|
85
85
|
return /* @__PURE__ */ n("div", { className: "search-container", children: /* @__PURE__ */ C(f, { className: "d-flex align-items-center mx-1 position-relative", children: [
|
|
86
86
|
/* @__PURE__ */ n(
|
|
@@ -99,5 +99,5 @@ const D = ({ onSearch: e }) => {
|
|
|
99
99
|
] }) });
|
|
100
100
|
};
|
|
101
101
|
export {
|
|
102
|
-
|
|
102
|
+
E as default
|
|
103
103
|
};
|
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Encabezado as
|
|
2
|
+
import e from "./Buscador.js";
|
|
3
|
+
import { Encabezado as p } from "../../ui/components/Encabezado.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import '../../assets/Paginador.css';import '../../assets/Tarjeta.css';import '../../assets/
|
|
5
|
+
import '../../assets/IconoTipoSolicitud.css';import '../../assets/Paginador.css';import '../../assets/Tarjeta.css';import '../../assets/ContenidoModal.css';/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
-
|
|
8
|
+
/* empty css */
|
|
9
|
+
const v = ({
|
|
9
10
|
title: t,
|
|
10
|
-
subtitle:
|
|
11
|
-
data:
|
|
12
|
-
setSearchTerm:
|
|
11
|
+
subtitle: m,
|
|
12
|
+
data: n,
|
|
13
|
+
setSearchTerm: a,
|
|
13
14
|
extraInput: r
|
|
14
15
|
}) => /* @__PURE__ */ i("div", { className: "unp-row", children: [
|
|
15
|
-
/* @__PURE__ */ o(
|
|
16
|
+
/* @__PURE__ */ o(p, { titulo: t, subtitulo: m }),
|
|
16
17
|
/* @__PURE__ */ i("div", { className: "inputs-container", children: [
|
|
17
|
-
|
|
18
|
+
n.length > 0 && /* @__PURE__ */ o(e, { onSearch: a }),
|
|
18
19
|
r && /* @__PURE__ */ o("div", { children: r })
|
|
19
20
|
] })
|
|
20
21
|
] });
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
+
v as EncabezadoTabla
|
|
23
24
|
};
|
|
@@ -1,28 +1,28 @@
|
|
|
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 {
|
|
4
|
+
import { c as k } from "../../index-D4mU_3sc.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,
|
|
8
|
-
className:
|
|
8
|
+
className: s,
|
|
9
9
|
striped: i,
|
|
10
10
|
bordered: c,
|
|
11
11
|
borderless: p,
|
|
12
12
|
hover: g,
|
|
13
13
|
size: d,
|
|
14
14
|
variant: h,
|
|
15
|
-
responsive:
|
|
15
|
+
responsive: a,
|
|
16
16
|
...b
|
|
17
17
|
}, f) => {
|
|
18
|
-
const o = x(n, "table"), t = N(
|
|
18
|
+
const o = x(n, "table"), t = N(s, 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
19
|
...b,
|
|
20
20
|
className: t,
|
|
21
21
|
ref: f
|
|
22
22
|
});
|
|
23
|
-
if (
|
|
23
|
+
if (a) {
|
|
24
24
|
let r = `${o}-responsive`;
|
|
25
|
-
return typeof
|
|
25
|
+
return typeof a == "string" && (r = `${r}-${a}`), /* @__PURE__ */ e("div", {
|
|
26
26
|
className: r,
|
|
27
27
|
children: l
|
|
28
28
|
});
|
|
@@ -30,19 +30,19 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
|
30
30
|
return l;
|
|
31
31
|
}), B = ({
|
|
32
32
|
columns: n,
|
|
33
|
-
filteredData:
|
|
33
|
+
filteredData: s,
|
|
34
34
|
tableData: i,
|
|
35
35
|
hasMoreData: c,
|
|
36
36
|
setHasMoreData: p,
|
|
37
37
|
visibleData: g,
|
|
38
38
|
setVisibleData: d,
|
|
39
39
|
handleCellClick: h,
|
|
40
|
-
totalDias:
|
|
40
|
+
totalDias: a,
|
|
41
41
|
isShared: b
|
|
42
42
|
}) => {
|
|
43
43
|
const f = (t) => {
|
|
44
|
-
if (
|
|
45
|
-
const l = t /
|
|
44
|
+
if (a) {
|
|
45
|
+
const l = t / a * 100;
|
|
46
46
|
return l <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : l <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : l <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
|
|
47
47
|
}
|
|
48
48
|
return { backgroundColor: "transparent", color: "inherit" };
|
|
@@ -51,7 +51,7 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
|
51
51
|
const { scrollTop: l, clientHeight: r, scrollHeight: m } = t.currentTarget;
|
|
52
52
|
m - l <= r + 50 && c && d((F) => {
|
|
53
53
|
const C = F + 5;
|
|
54
|
-
return C >=
|
|
54
|
+
return C >= s.length && p(!1), Math.min(C, s.length);
|
|
55
55
|
});
|
|
56
56
|
}, children: /* @__PURE__ */ u(v, { striped: !0, hover: !0, children: [
|
|
57
57
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((t, l) => /* @__PURE__ */ e("th", { className: "table-header-unp", children: t.label }, l)) }) }),
|
|
@@ -94,7 +94,7 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
|
|
|
94
94
|
},
|
|
95
95
|
m
|
|
96
96
|
)) }),
|
|
97
|
-
b && t.estadoRegistro === "en_gestion" && !
|
|
97
|
+
b && t.estadoRegistro === "en_gestion" && !s.some((r) => r.estadoRegistro === "en_gestion" && s.indexOf(r) > l) && /* @__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
98
|
height: "3rem",
|
|
99
99
|
display: "flex",
|
|
100
100
|
flexDirection: "row",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import {
|
|
4
|
-
import '../../assets/
|
|
2
|
+
import { useState as m, useEffect as p } from "react";
|
|
3
|
+
import { b as v } from "../../index-D4mU_3sc.js";
|
|
4
|
+
import '../../assets/ContenidoModal.css';/* empty css */
|
|
5
5
|
const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
|
|
6
6
|
} }) => {
|
|
7
|
-
const [o, r] =
|
|
7
|
+
const [o, r] = m(0), [c, a] = m(!0);
|
|
8
8
|
return p(() => {
|
|
9
9
|
i && (setTimeout(() => {
|
|
10
10
|
a(!1);
|
|
@@ -17,7 +17,7 @@ const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u =
|
|
|
17
17
|
/* @__PURE__ */ e("div", { className: "modal-subtitle", children: i && s && o ? s[o - 1].title : d })
|
|
18
18
|
] }),
|
|
19
19
|
/* @__PURE__ */ e("div", { className: "modal-subtitle-container-right", children: /* @__PURE__ */ t("div", { className: "animation-wrapper", children: [
|
|
20
|
-
c && /* @__PURE__ */ e("div", { className: `buttons-group ${i ? "hide" : "show"}`, children: s && s.map((l,
|
|
20
|
+
c && /* @__PURE__ */ e("div", { className: `buttons-group ${i ? "hide" : "show"}`, children: s && s.map((l, n) => /* @__PURE__ */ t("div", { className: "icon-container", children: [
|
|
21
21
|
/* @__PURE__ */ e(
|
|
22
22
|
l.icon,
|
|
23
23
|
{
|
|
@@ -25,12 +25,12 @@ const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u =
|
|
|
25
25
|
onClick: () => {
|
|
26
26
|
setTimeout(() => {
|
|
27
27
|
a(!1);
|
|
28
|
-
}, 200), l.onShow(), r(
|
|
28
|
+
}, 200), l.onShow(), r(n + 1);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
),
|
|
32
32
|
/* @__PURE__ */ e("span", { className: "tooltip-text", children: l.title })
|
|
33
|
-
] },
|
|
33
|
+
] }, n)) }),
|
|
34
34
|
!c && /* @__PURE__ */ e("div", { className: `close-group ${i ? "show" : "hide"}`, children: /* @__PURE__ */ e(
|
|
35
35
|
v,
|
|
36
36
|
{
|
|
@@ -51,5 +51,5 @@ const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u =
|
|
|
51
51
|
] });
|
|
52
52
|
};
|
|
53
53
|
export {
|
|
54
|
-
y as
|
|
54
|
+
y as ContenidoModal
|
|
55
55
|
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as u } from "react";
|
|
3
|
+
import { F as f, a as p } from "../../index-D4mU_3sc.js";
|
|
4
|
+
import '../../assets/IconoTipoSolicitud.css';/* empty css */
|
|
5
|
+
const g = ({ tipoSolicitud: c, porGestionar: o = !1 }) => {
|
|
6
|
+
const [e, a] = u(!1);
|
|
7
|
+
let i = "", t = {}, l = null;
|
|
8
|
+
const r = o ? "#D3D3D3" : "#2f70d8", n = o ? "darkgray" : "#ffffff";
|
|
9
|
+
switch (c) {
|
|
10
|
+
case "Individual":
|
|
11
|
+
i = o ? "Nuevo registro" : "Individual", t = { backgroundColor: r, color: n }, l = p;
|
|
12
|
+
break;
|
|
13
|
+
case "Colectivo":
|
|
14
|
+
i = o ? "Nuevo registro" : "Colectivo", t = { backgroundColor: r, color: n }, l = f;
|
|
15
|
+
break;
|
|
16
|
+
default:
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
return /* @__PURE__ */ d("div", { style: { position: "relative", display: "inline-block" }, children: [
|
|
20
|
+
/* @__PURE__ */ s(
|
|
21
|
+
"div",
|
|
22
|
+
{
|
|
23
|
+
onMouseEnter: () => a(!0),
|
|
24
|
+
onMouseLeave: () => a(!1),
|
|
25
|
+
style: {
|
|
26
|
+
...t
|
|
27
|
+
},
|
|
28
|
+
className: "icon-solicitud",
|
|
29
|
+
children: /* @__PURE__ */ s(l, {})
|
|
30
|
+
}
|
|
31
|
+
),
|
|
32
|
+
e && /* @__PURE__ */ s(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
style: {
|
|
36
|
+
position: "absolute",
|
|
37
|
+
top: "50%",
|
|
38
|
+
left: "110%",
|
|
39
|
+
transform: "translateY(-50%)",
|
|
40
|
+
backgroundColor: "#333",
|
|
41
|
+
color: "#fff",
|
|
42
|
+
padding: "8px 12px",
|
|
43
|
+
borderRadius: "8px",
|
|
44
|
+
fontSize: "0.9em",
|
|
45
|
+
whiteSpace: "nowrap",
|
|
46
|
+
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.15)",
|
|
47
|
+
opacity: e ? 1 : 0,
|
|
48
|
+
visibility: e ? "visible" : "hidden",
|
|
49
|
+
zIndex: 1e3,
|
|
50
|
+
transition: "opacity 0.3s ease, visibility 0.3s ease"
|
|
51
|
+
},
|
|
52
|
+
children: i
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
] });
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
g as IconoTipoSolicitud
|
|
59
|
+
};
|
package/dist/ui.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { Encabezado as t } from "./ui/components/Encabezado.js";
|
|
2
2
|
import { Subtitulo as a } from "./ui/components/Subtitulo.js";
|
|
3
|
-
import {
|
|
4
|
-
import { Tarjeta as
|
|
5
|
-
import { ContenedorTarjeta as
|
|
6
|
-
import { Paginador as
|
|
3
|
+
import { ContenidoModal as f } from "./ui/components/ContenidoModal.js";
|
|
4
|
+
import { Tarjeta as n } from "./ui/components/Tarjeta.js";
|
|
5
|
+
import { ContenedorTarjeta as d } from "./ui/components/ContenedorTarjeta.js";
|
|
6
|
+
import { Paginador as c } from "./ui/components/Paginador.js";
|
|
7
|
+
import { IconoTipoSolicitud as u } from "./ui/components/IconoTipoSolicitud.js";
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
+
d as ContenedorTarjeta,
|
|
10
|
+
f as ContenidoModal,
|
|
9
11
|
t as Encabezado,
|
|
10
|
-
|
|
12
|
+
u as IconoTipoSolicitud,
|
|
13
|
+
c as Paginador,
|
|
11
14
|
a as Subtitulo,
|
|
12
|
-
|
|
13
|
-
m as TituloModal
|
|
15
|
+
n as Tarjeta
|
|
14
16
|
};
|
package/package.json
CHANGED
|
File without changes
|