react-ecosistema-unp 2.2.0 → 2.3.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/lib/shared/menu-lateral/MenuLateral.d.ts +4 -0
- package/dist/lib/shared/menu-lateral/colorUtils.d.ts +4 -0
- package/dist/lib/shared/ventana-lienzo/VentanaLienzo.d.ts +4 -0
- package/dist/lib/shared/ventana-tabs/VentanaTabs.d.ts +4 -0
- package/dist/shared/menu-lateral/MenuLateral.js +138 -124
- package/dist/shared/menu-lateral/colorUtils.js +47 -0
- package/dist/shared/ventana-lienzo/VentanaLienzo.js +28 -24
- package/dist/shared/ventana-tabs/VentanaTabs.js +93 -89
- package/package.json +1 -1
|
@@ -16,6 +16,10 @@ interface MenuLateralProps {
|
|
|
16
16
|
showConnectionStatus?: boolean;
|
|
17
17
|
/** Ítems adicionales del aplicativo (se muestran tras los institucionales). */
|
|
18
18
|
extraMenuItems?: MenuLateralItem[];
|
|
19
|
+
/** Color primario del menú (hex). Si no se define, se usa el color por defecto. Los demás tonos (hover, footer, trigger) se derivan de este. */
|
|
20
|
+
color?: string;
|
|
21
|
+
/** Si es false, oculta los ítems institucionales, dejando solo `extraMenuItems`. Default: true */
|
|
22
|
+
showBaseItems?: boolean;
|
|
19
23
|
}
|
|
20
24
|
declare const MenuLateral: React.FC<MenuLateralProps>;
|
|
21
25
|
export { MenuLateral };
|
|
@@ -13,6 +13,10 @@ interface VentanaLienzoProps {
|
|
|
13
13
|
showSideMenu?: boolean;
|
|
14
14
|
/** Ítems adicionales del aplicativo en el menú lateral */
|
|
15
15
|
extraMenuItems?: MenuLateralItem[];
|
|
16
|
+
/** Color primario del menú lateral (hex). Los demás tonos se derivan automáticamente. */
|
|
17
|
+
menuColor?: string;
|
|
18
|
+
/** Si es false, oculta los ítems institucionales del menú lateral, dejando solo `extraMenuItems`. Default: true */
|
|
19
|
+
showBaseMenuItems?: boolean;
|
|
16
20
|
}
|
|
17
21
|
declare const VentanaLienzo: React.FC<VentanaLienzoProps>;
|
|
18
22
|
export { VentanaLienzo };
|
|
@@ -9,6 +9,10 @@ interface VentanaUsuarioProps {
|
|
|
9
9
|
showSideMenu?: boolean;
|
|
10
10
|
/** Ítems adicionales del aplicativo en el menú lateral */
|
|
11
11
|
extraMenuItems?: MenuLateralItem[];
|
|
12
|
+
/** Color primario del menú lateral (hex). Los demás tonos se derivan automáticamente. */
|
|
13
|
+
menuColor?: string;
|
|
14
|
+
/** Si es false, oculta los ítems institucionales del menú lateral, dejando solo `extraMenuItems`. Default: true */
|
|
15
|
+
showBaseMenuItems?: boolean;
|
|
12
16
|
}
|
|
13
17
|
declare const VentanaTabs: React.FC<VentanaUsuarioProps>;
|
|
14
18
|
export { VentanaTabs };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsxs as r,
|
|
2
|
-
import
|
|
3
|
-
import { useNavigate as
|
|
4
|
-
import { useFinalizarSesion as
|
|
5
|
-
import { urlAtlas as
|
|
6
|
-
import { L as
|
|
7
|
-
import { useWebSocketConnection as
|
|
1
|
+
import { jsxs as r, jsx as e, Fragment as I } from "react/jsx-runtime";
|
|
2
|
+
import f, { useState as p, useCallback as P, useEffect as c } from "react";
|
|
3
|
+
import { useNavigate as F } from "react-router-dom";
|
|
4
|
+
import { useFinalizarSesion as D } from "../../auth/hooks/useFinalizarSesion.js";
|
|
5
|
+
import { urlAtlas as U, urlPandaPDF as W, urlMisBienes as j, urlBaseProd as G, urlCertificadoLaboral as R } from "../../utils/Url.js";
|
|
6
|
+
import { L as J } from "../../index-Cy8qF6oY.js";
|
|
7
|
+
import { useWebSocketConnection as K } from "../../utils/websocket-manager/WebSocketContext.js";
|
|
8
8
|
import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/DocumentoVisorEstado.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/MenuLateral.css';/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
import "../../ui/subtitulo/Subtitulo.js";
|
|
@@ -45,39 +45,40 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
|
|
|
45
45
|
import "../../index-C1R4rkuA.js";
|
|
46
46
|
import "../../auth/contexts/AuthContex.js";
|
|
47
47
|
/* empty css */
|
|
48
|
-
import
|
|
48
|
+
import { darken as X, lighten as z } from "./colorUtils.js";
|
|
49
|
+
import Z from "../../logo_escudo_blanco-CnWh5GYD.js";
|
|
49
50
|
import { G as i } from "../../iconBase-DSKTHwal.js";
|
|
50
|
-
function
|
|
51
|
+
function q(t) {
|
|
51
52
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z" }, child: [] }] })(t);
|
|
52
53
|
}
|
|
53
|
-
function
|
|
54
|
+
function Q(t) {
|
|
54
55
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z" }, child: [] }, { tag: "path", attr: { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }, child: [] }] })(t);
|
|
55
56
|
}
|
|
56
|
-
function
|
|
57
|
+
function Y(t) {
|
|
57
58
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z" }, child: [] }, { tag: "path", attr: { d: "M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z" }, child: [] }] })(t);
|
|
58
59
|
}
|
|
59
|
-
function
|
|
60
|
+
function T(t) {
|
|
60
61
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4.222 19.778a4.983 4.983 0 0 0 3.535 1.462 4.986 4.986 0 0 0 3.536-1.462l2.828-2.829-1.414-1.414-2.828 2.829a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.829-2.828-1.414-1.414-2.829 2.828a5.006 5.006 0 0 0 0 7.071zm15.556-8.485a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0L9.879 7.051l1.414 1.414 2.828-2.829a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.829 2.828 1.414 1.414 2.829-2.828z" }, child: [] }, { tag: "path", attr: { d: "m8.464 16.95-1.415-1.414 8.487-8.486 1.414 1.415z" }, child: [] }] })(t);
|
|
61
62
|
}
|
|
62
|
-
function
|
|
63
|
+
function O(t) {
|
|
63
64
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M16 13v-2H7V8l-5 4 5 4v-3z" }, child: [] }, { tag: "path", attr: { d: "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" }, child: [] }] })(t);
|
|
64
65
|
}
|
|
65
|
-
function
|
|
66
|
+
function e1(t) {
|
|
66
67
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, child: [] }] })(t);
|
|
67
68
|
}
|
|
68
|
-
function
|
|
69
|
+
function a1(t) {
|
|
69
70
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z" }, child: [] }] })(t);
|
|
70
71
|
}
|
|
71
|
-
function
|
|
72
|
+
function t1(t) {
|
|
72
73
|
return i({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M15.661 15.549a1.315 1.315 0 0 0 1.185-1.386 1.363 1.363 0 0 0-1.35-1.302h-.048a1.352 1.352 0 0 0-1.303 1.397c.024.379.179.687.391.911-.827 1.609-2.07 2.794-3.954 3.788-1.266.663-2.604.912-3.905.734-1.089-.153-1.94-.64-2.463-1.421-.78-1.185-.852-2.462-.201-3.74a5.597 5.597 0 0 1 1.658-1.931 7.88 7.88 0 0 1-.331-1.218c-3.506 2.51-3.148 5.942-2.084 7.564.794 1.184 2.415 1.941 4.19 1.941.474 0 .972-.035 1.457-.154 3.077-.592 5.409-2.438 6.747-5.16l.011-.023z" }, child: [] }, { tag: "path", attr: { d: "M19.887 12.589c-1.834-2.154-4.533-3.337-7.611-3.337h-.403c-.2-.438-.661-.711-1.183-.711h-.036c-.744 0-1.325.64-1.301 1.385.023.71.627 1.302 1.35 1.302h.059a1.332 1.332 0 0 0 1.183-.828h.439c1.824 0 3.551.532 5.126 1.574 1.206.792 2.072 1.834 2.557 3.077.425 1.019.402 2.013-.035 2.843-.675 1.302-1.812 1.988-3.314 1.988-.947 0-1.871-.296-2.345-.509-.283.235-.758.626-1.102.863 1.042.473 2.096.746 3.113.746 2.309 0 4.023-1.302 4.676-2.557.709-1.422.651-3.813-1.161-5.859l-.012.023z" }, child: [] }, { tag: "path", attr: { d: "M7.647 15.975c.023.71.626 1.302 1.35 1.302h.048a1.334 1.334 0 0 0 1.302-1.397c0-.71-.616-1.301-1.338-1.301h-.048c-.048 0-.118 0-.178.022-.982-1.657-1.397-3.434-1.242-5.349.094-1.445.567-2.7 1.42-3.742.71-.888 2.048-1.326 2.96-1.35 2.556-.048 3.622 3.138 3.704 4.404l1.184.354C16.536 5.036 14.122 3 11.813 3 9.647 3 7.647 4.574 6.842 6.884c-1.102 3.077-.379 6.036.971 8.404-.118.154-.189.426-.166.687z" }, child: [] }] })(t);
|
|
73
74
|
}
|
|
74
|
-
function
|
|
75
|
+
function r1(t) {
|
|
75
76
|
return i({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35A2 2 0 0 1 3.26 6.5l8-3.2a2 2 0 0 1 1.48 0l8 3.2A2 2 0 0 1 22 8.35Z" }, child: [] }, { tag: "path", attr: { d: "M6 18h12" }, child: [] }, { tag: "path", attr: { d: "M6 14h12" }, child: [] }, { tag: "rect", attr: { width: "12", height: "12", x: "6", y: "10" }, child: [] }] })(t);
|
|
76
77
|
}
|
|
77
|
-
function
|
|
78
|
+
function l1(t) {
|
|
78
79
|
return i({ attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4.224 0a3.14 3.14 0 00-3.14 3.127 3.1 3.1 0 001.079 2.36 11.811 11.811 0 00-2.037 6.639C.126 18.68 5.458 24 12 24c6.542 0 11.874-5.32 11.874-11.874a11.69 11.69 0 00-2.025-6.614 3.136 3.136 0 001.09-2.373A3.132 3.132 0 0019.8.012a3.118 3.118 0 00-2.636 1.438A11.792 11.792 0 0012.012.264c-1.845 0-3.595.419-5.152 1.174A3.133 3.133 0 004.224 0zM12 1.198c1.713 0 3.331.396 4.78 1.102a10.995 10.995 0 014.29 3.715 10.89 10.89 0 011.882 6.135c.011 6.039-4.901 10.951-10.94 10.951-6.04 0-10.951-4.912-10.951-10.951 0-2.277.694-4.386 1.88-6.135A11.08 11.08 0 017.232 2.3 10.773 10.773 0 0112 1.198zM7.367 6.345c-.853.012-1.743.292-2.28.653-1.031.682-2.29 2.156-2.085 4.181.191 2.025 1.785 3.283 2.612 3.283.826 0 1.234-.42 1.485-1.45.252-1.018 1.115-2.192 2.217-3.45s-.024-2.469-.024-2.469c-.393-.513-1.052-.727-1.755-.747a3.952 3.952 0 00-.17-.001zm9.233.007l-.17.001c-.702.02-1.358.233-1.746.752 0 0-1.126 1.21-.024 2.469 1.114 1.258 1.965 2.432 2.217 3.45.251 1.019.659 1.438 1.485 1.45.827 0 2.409-1.258 2.612-3.283.204-2.025-1.054-3.51-2.084-4.182-.544-.36-1.437-.643-2.29-.657zm-8.962 2c.348 0 .624.275.624.623-.012.335-.288.623-.624.623a.619.619 0 01-.623-.623c0-.348.276-.624.623-.624zm8.891 0c.348 0 .623.275.623.623-.012.335-.287.623-.623.623a.619.619 0 01-.623-.623c0-.348.288-.624.623-.624zm-4.541 4.025c-.527 0-2.06.096-2.06.587 0 .887 1.88 1.522 2.06 1.474.18.048 2.06-.587 2.06-1.474 0-.49-1.52-.587-2.06-.587zM9.076 15.17c0 1.414 1.294 2.564 2.912 2.564 1.618 0 2.924-1.15 2.924-2.564z" }, child: [] }] })(t);
|
|
79
80
|
}
|
|
80
|
-
const
|
|
81
|
+
const i1 = ({
|
|
81
82
|
className: t,
|
|
82
83
|
style: l
|
|
83
84
|
}) => /* @__PURE__ */ r(
|
|
@@ -93,85 +94,98 @@ const a1 = ({
|
|
|
93
94
|
strokeLinejoin: "round",
|
|
94
95
|
strokeWidth: "1.5",
|
|
95
96
|
children: [
|
|
96
|
-
/* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
97
|
+
/* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0" }),
|
|
98
|
+
/* @__PURE__ */ e("path", { d: "m9 15l1.5-4.5L15 9l-1.5 4.5z" })
|
|
98
99
|
]
|
|
99
100
|
}
|
|
100
|
-
),
|
|
101
|
+
), t0 = ({
|
|
101
102
|
onToggle: t,
|
|
102
103
|
isOpen: l,
|
|
103
|
-
showConnectionStatus:
|
|
104
|
-
extraMenuItems:
|
|
104
|
+
showConnectionStatus: M,
|
|
105
|
+
extraMenuItems: g = [],
|
|
106
|
+
color: o,
|
|
107
|
+
showBaseItems: C = !0
|
|
105
108
|
}) => {
|
|
106
|
-
var
|
|
107
|
-
const [
|
|
108
|
-
const
|
|
109
|
-
if (
|
|
109
|
+
var x;
|
|
110
|
+
const [B, y] = p(!0), [u, w] = p(null), _ = F(), { FinSesion: L } = D(), { connectionStatus: N } = K(), v = `${window.location.protocol}//${window.location.host}/`, [H, s] = p(!1), [b, m] = p(""), d = `${window.location.host}`, h = P(() => {
|
|
111
|
+
const a = localStorage.getItem("auth_state");
|
|
112
|
+
if (a)
|
|
110
113
|
try {
|
|
111
|
-
|
|
114
|
+
w(JSON.parse(a));
|
|
112
115
|
} catch {
|
|
113
|
-
|
|
116
|
+
w(null);
|
|
114
117
|
}
|
|
115
118
|
}, []);
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}, [
|
|
119
|
-
const
|
|
120
|
-
return () => clearTimeout(
|
|
121
|
-
}, [
|
|
122
|
-
|
|
123
|
-
}, [
|
|
119
|
+
c(() => {
|
|
120
|
+
h(), y(!1);
|
|
121
|
+
}, [h]), c(() => {
|
|
122
|
+
const a = setTimeout(h, 2e3);
|
|
123
|
+
return () => clearTimeout(a);
|
|
124
|
+
}, [h]), c(() => {
|
|
125
|
+
d.includes("localhost") ? (s(!0), m("Entorno local")) : d.includes("ecosistemadesarrollo") ? (s(!0), m("Entorno de desarrollo")) : d.includes("ecosistemapruebas") ? (s(!0), m("Entorno de pruebas")) : (s(!1), m(""));
|
|
126
|
+
}, [d]), c(() => {
|
|
124
127
|
if (!l) return;
|
|
125
|
-
const
|
|
126
|
-
|
|
128
|
+
const a = (n) => {
|
|
129
|
+
n.key === "Escape" && t();
|
|
127
130
|
};
|
|
128
|
-
return window.addEventListener("keydown",
|
|
129
|
-
}, [l, t]),
|
|
131
|
+
return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
|
|
132
|
+
}, [l, t]), c(() => {
|
|
130
133
|
if (!l) return;
|
|
131
|
-
const
|
|
134
|
+
const a = document.body.style.overflow;
|
|
132
135
|
return document.body.style.overflow = "hidden", () => {
|
|
133
|
-
document.body.style.overflow =
|
|
136
|
+
document.body.style.overflow = a;
|
|
134
137
|
};
|
|
135
|
-
}, [l])
|
|
138
|
+
}, [l]);
|
|
139
|
+
const A = f.useMemo(() => {
|
|
140
|
+
if (o)
|
|
141
|
+
return {
|
|
142
|
+
"--ml-bg": o,
|
|
143
|
+
"--ml-bg-footer": z(o, 0.08),
|
|
144
|
+
"--ml-hover": z(o, 0.12),
|
|
145
|
+
"--ml-trigger": o,
|
|
146
|
+
"--ml-trigger-hover": X(o, 0.12)
|
|
147
|
+
};
|
|
148
|
+
}, [o]);
|
|
149
|
+
if (B)
|
|
136
150
|
return null;
|
|
137
|
-
const
|
|
138
|
-
|
|
139
|
-
},
|
|
151
|
+
const E = () => {
|
|
152
|
+
_("/unp/ecosistema/usuario"), l && t();
|
|
153
|
+
}, V = [
|
|
140
154
|
{
|
|
141
155
|
id: "portal-unp",
|
|
142
156
|
label: "Portal UNP",
|
|
143
157
|
href: "https://www.unp.gov.co/",
|
|
144
158
|
target: "_blank",
|
|
145
|
-
icon: /* @__PURE__ */
|
|
159
|
+
icon: /* @__PURE__ */ e(T, { className: "ml-item-icon" })
|
|
146
160
|
},
|
|
147
161
|
{
|
|
148
162
|
id: "correo",
|
|
149
163
|
label: "Correo institucional",
|
|
150
164
|
href: "https://login.microsoftonline.com/common/oauth2/authorize?client_id=00000002-0000-0ff1-ce00-000000000000",
|
|
151
165
|
target: "_blank",
|
|
152
|
-
icon: /* @__PURE__ */
|
|
166
|
+
icon: /* @__PURE__ */ e(q, { className: "ml-item-icon" })
|
|
153
167
|
},
|
|
154
168
|
{
|
|
155
169
|
id: "intranet",
|
|
156
170
|
label: "Acceso directo a Intranet",
|
|
157
171
|
href: "http://intranet.unp.gov.co/",
|
|
158
172
|
target: "_blank",
|
|
159
|
-
icon: /* @__PURE__ */
|
|
173
|
+
icon: /* @__PURE__ */ e(t1, { className: "ml-item-icon" })
|
|
160
174
|
},
|
|
161
175
|
{
|
|
162
176
|
id: "mesa-servicios",
|
|
163
177
|
label: "Mesa de servicios",
|
|
164
178
|
href: "https://mesadeservicios.unp.gov.co/HEAT/",
|
|
165
179
|
target: "_blank",
|
|
166
|
-
icon: /* @__PURE__ */
|
|
180
|
+
icon: /* @__PURE__ */ e(Q, { className: "ml-item-icon" })
|
|
167
181
|
},
|
|
168
182
|
{
|
|
169
183
|
id: "atlas",
|
|
170
184
|
label: "Atlas",
|
|
171
|
-
href: `${
|
|
185
|
+
href: `${v}${U}`,
|
|
172
186
|
target: "_blank",
|
|
173
|
-
icon: /* @__PURE__ */
|
|
174
|
-
|
|
187
|
+
icon: /* @__PURE__ */ e(
|
|
188
|
+
i1,
|
|
175
189
|
{
|
|
176
190
|
className: "ml-item-icon ml-item-icon--svg",
|
|
177
191
|
style: { height: 22, width: 22 }
|
|
@@ -182,34 +196,34 @@ const a1 = ({
|
|
|
182
196
|
{
|
|
183
197
|
id: "panda-pdf",
|
|
184
198
|
label: "Panda PDF",
|
|
185
|
-
href: `${
|
|
199
|
+
href: `${v}${W}`,
|
|
186
200
|
target: "_blank",
|
|
187
|
-
icon: /* @__PURE__ */
|
|
201
|
+
icon: /* @__PURE__ */ e(l1, { className: "ml-item-icon", style: { height: 20, width: 20 } })
|
|
188
202
|
},
|
|
189
203
|
{
|
|
190
204
|
id: "mis-bienes",
|
|
191
205
|
label: "Mis Bienes",
|
|
192
|
-
href: `${
|
|
206
|
+
href: `${v}${j}`,
|
|
193
207
|
target: "_blank",
|
|
194
|
-
icon: /* @__PURE__ */
|
|
208
|
+
icon: /* @__PURE__ */ e(r1, { className: "ml-item-icon" })
|
|
195
209
|
},
|
|
196
210
|
{
|
|
197
211
|
id: "certificados",
|
|
198
212
|
label: "Certificados contratistas",
|
|
199
|
-
href: `${
|
|
213
|
+
href: `${G}${R}`,
|
|
200
214
|
target: "_blank",
|
|
201
|
-
icon: /* @__PURE__ */
|
|
215
|
+
icon: /* @__PURE__ */ e(Y, { className: "ml-item-icon" })
|
|
202
216
|
}
|
|
203
|
-
],
|
|
217
|
+
], S = () => M ? N === "connected" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conexión exitosa", children: [
|
|
204
218
|
/* @__PURE__ */ r("svg", { className: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
|
|
205
|
-
/* @__PURE__ */
|
|
206
|
-
/* @__PURE__ */
|
|
219
|
+
/* @__PURE__ */ e("circle", { className: "checkmark__circle", cx: "26", cy: "26", r: "25", fill: "none" }),
|
|
220
|
+
/* @__PURE__ */ e("path", { className: "checkmark__check", fill: "none", d: "M14.1 27.2l7.1 7.2 16.7-16.8" })
|
|
207
221
|
] }),
|
|
208
|
-
/* @__PURE__ */
|
|
209
|
-
] }) :
|
|
222
|
+
/* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Conexión exitosa" })
|
|
223
|
+
] }) : N === "connecting" ? /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Conectando", children: [
|
|
210
224
|
/* @__PURE__ */ r("svg", { className: "ripplemark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
|
|
211
|
-
/* @__PURE__ */
|
|
212
|
-
/* @__PURE__ */
|
|
225
|
+
/* @__PURE__ */ e("circle", { className: "ripplemark__wave", cx: "26", cy: "26", r: "0" }),
|
|
226
|
+
/* @__PURE__ */ e(
|
|
213
227
|
"circle",
|
|
214
228
|
{
|
|
215
229
|
className: "ripplemark__wave",
|
|
@@ -220,11 +234,11 @@ const a1 = ({
|
|
|
220
234
|
}
|
|
221
235
|
)
|
|
222
236
|
] }),
|
|
223
|
-
/* @__PURE__ */
|
|
237
|
+
/* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Conectando…" })
|
|
224
238
|
] }) : /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": "Sin conexión", children: [
|
|
225
239
|
/* @__PURE__ */ r("svg", { className: "x-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 52 52", children: [
|
|
226
|
-
/* @__PURE__ */
|
|
227
|
-
/* @__PURE__ */
|
|
240
|
+
/* @__PURE__ */ e("circle", { className: "x-checkmark_circle", cx: "26", cy: "26", r: "25", fill: "none" }),
|
|
241
|
+
/* @__PURE__ */ e(
|
|
228
242
|
"path",
|
|
229
243
|
{
|
|
230
244
|
className: "x-checkmark_check",
|
|
@@ -233,12 +247,12 @@ const a1 = ({
|
|
|
233
247
|
}
|
|
234
248
|
)
|
|
235
249
|
] }),
|
|
236
|
-
/* @__PURE__ */
|
|
237
|
-
] }) : null,
|
|
238
|
-
|
|
250
|
+
/* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: "Sin conexión" })
|
|
251
|
+
] }) : null, k = (a) => {
|
|
252
|
+
a.onClick && a.onClick(), l && t();
|
|
239
253
|
};
|
|
240
|
-
return /* @__PURE__ */ r(
|
|
241
|
-
/* @__PURE__ */
|
|
254
|
+
return /* @__PURE__ */ r("div", { className: "ml-root", style: A, children: [
|
|
255
|
+
/* @__PURE__ */ e(
|
|
242
256
|
"button",
|
|
243
257
|
{
|
|
244
258
|
type: "button",
|
|
@@ -247,7 +261,7 @@ const a1 = ({
|
|
|
247
261
|
"aria-label": "Abrir menú lateral",
|
|
248
262
|
"aria-expanded": l,
|
|
249
263
|
tabIndex: l ? -1 : 0,
|
|
250
|
-
children: /* @__PURE__ */
|
|
264
|
+
children: /* @__PURE__ */ e(e1, {})
|
|
251
265
|
}
|
|
252
266
|
),
|
|
253
267
|
/* @__PURE__ */ r(
|
|
@@ -256,7 +270,7 @@ const a1 = ({
|
|
|
256
270
|
className: `ml-overlay${l ? " ml-overlay--open" : ""}`,
|
|
257
271
|
"aria-hidden": !l,
|
|
258
272
|
children: [
|
|
259
|
-
/* @__PURE__ */
|
|
273
|
+
/* @__PURE__ */ e("div", { className: "ml-scrim", onClick: t }),
|
|
260
274
|
/* @__PURE__ */ r(
|
|
261
275
|
"aside",
|
|
262
276
|
{
|
|
@@ -266,12 +280,12 @@ const a1 = ({
|
|
|
266
280
|
"aria-label": "Menú del ecosistema",
|
|
267
281
|
children: [
|
|
268
282
|
/* @__PURE__ */ r("div", { className: "ml-drawer-header", children: [
|
|
269
|
-
/* @__PURE__ */
|
|
270
|
-
/* @__PURE__ */
|
|
283
|
+
/* @__PURE__ */ e("img", { src: Z, alt: "Logo UNP", className: "ml-logo" }),
|
|
284
|
+
/* @__PURE__ */ e("span", { className: "ml-brand", children: "EI · UNP" }),
|
|
271
285
|
/* @__PURE__ */ r("div", { className: "ml-header-actions", children: [
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
/* @__PURE__ */
|
|
286
|
+
S(),
|
|
287
|
+
H && /* @__PURE__ */ r("div", { className: "ml-status-icon", "aria-label": b, children: [
|
|
288
|
+
/* @__PURE__ */ e(
|
|
275
289
|
"svg",
|
|
276
290
|
{
|
|
277
291
|
className: "gear",
|
|
@@ -279,7 +293,7 @@ const a1 = ({
|
|
|
279
293
|
viewBox: "0 0 24 24",
|
|
280
294
|
fill: "none",
|
|
281
295
|
"aria-hidden": "true",
|
|
282
|
-
children: /* @__PURE__ */
|
|
296
|
+
children: /* @__PURE__ */ e(
|
|
283
297
|
"path",
|
|
284
298
|
{
|
|
285
299
|
className: "gear__path",
|
|
@@ -291,90 +305,90 @@ const a1 = ({
|
|
|
291
305
|
)
|
|
292
306
|
}
|
|
293
307
|
),
|
|
294
|
-
/* @__PURE__ */
|
|
308
|
+
/* @__PURE__ */ e("span", { className: "ml-tooltip", role: "tooltip", children: b })
|
|
295
309
|
] }),
|
|
296
|
-
/* @__PURE__ */
|
|
310
|
+
/* @__PURE__ */ e(
|
|
297
311
|
"button",
|
|
298
312
|
{
|
|
299
313
|
type: "button",
|
|
300
314
|
className: "ml-close",
|
|
301
315
|
onClick: t,
|
|
302
316
|
"aria-label": "Cerrar menú",
|
|
303
|
-
children: /* @__PURE__ */
|
|
317
|
+
children: /* @__PURE__ */ e(a1, {})
|
|
304
318
|
}
|
|
305
319
|
)
|
|
306
320
|
] })
|
|
307
321
|
] }),
|
|
308
322
|
/* @__PURE__ */ r("nav", { className: "ml-nav", children: [
|
|
309
|
-
/* @__PURE__ */
|
|
323
|
+
/* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
|
|
310
324
|
/* @__PURE__ */ r("ul", { className: "ml-nav-list", children: [
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
/* @__PURE__ */
|
|
325
|
+
C && V.map((a) => /* @__PURE__ */ r(f.Fragment, { children: [
|
|
326
|
+
a.dividerBefore && /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
|
|
327
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
|
|
314
328
|
"a",
|
|
315
329
|
{
|
|
316
|
-
href:
|
|
317
|
-
target:
|
|
318
|
-
rel:
|
|
330
|
+
href: a.href || void 0,
|
|
331
|
+
target: a.target,
|
|
332
|
+
rel: a.target === "_blank" ? "noopener noreferrer" : void 0,
|
|
319
333
|
className: "ml-nav-link",
|
|
320
|
-
onClick: (
|
|
321
|
-
|
|
334
|
+
onClick: (n) => {
|
|
335
|
+
a.href || n.preventDefault(), k(a);
|
|
322
336
|
},
|
|
323
337
|
children: [
|
|
324
|
-
|
|
325
|
-
/* @__PURE__ */
|
|
338
|
+
a.icon,
|
|
339
|
+
/* @__PURE__ */ e("span", { className: "ml-nav-label", children: a.label })
|
|
326
340
|
]
|
|
327
341
|
}
|
|
328
342
|
) })
|
|
329
|
-
] },
|
|
330
|
-
|
|
331
|
-
/* @__PURE__ */
|
|
332
|
-
/* @__PURE__ */
|
|
333
|
-
|
|
334
|
-
const
|
|
335
|
-
return /* @__PURE__ */ r(
|
|
336
|
-
|
|
337
|
-
/* @__PURE__ */
|
|
343
|
+
] }, a.id)),
|
|
344
|
+
g.length > 0 && /* @__PURE__ */ r(I, { children: [
|
|
345
|
+
/* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
|
|
346
|
+
/* @__PURE__ */ e("li", { className: "ml-section-label", children: "Aplicativo" }),
|
|
347
|
+
g.map((a) => {
|
|
348
|
+
const n = a.icon;
|
|
349
|
+
return /* @__PURE__ */ r(f.Fragment, { children: [
|
|
350
|
+
a.dividerBefore && /* @__PURE__ */ e("li", { className: "ml-divider", role: "separator" }),
|
|
351
|
+
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
|
|
338
352
|
"a",
|
|
339
353
|
{
|
|
340
|
-
href:
|
|
341
|
-
target:
|
|
342
|
-
rel:
|
|
354
|
+
href: a.href || void 0,
|
|
355
|
+
target: a.target,
|
|
356
|
+
rel: a.target === "_blank" ? "noopener noreferrer" : void 0,
|
|
343
357
|
className: "ml-nav-link",
|
|
344
|
-
onClick: (
|
|
345
|
-
(!
|
|
358
|
+
onClick: ($) => {
|
|
359
|
+
(!a.href || a.onClick) && $.preventDefault(), k(a);
|
|
346
360
|
},
|
|
347
361
|
children: [
|
|
348
|
-
|
|
349
|
-
/* @__PURE__ */
|
|
362
|
+
n ? /* @__PURE__ */ e(n, { className: "ml-item-icon" }) : null,
|
|
363
|
+
/* @__PURE__ */ e("span", { className: "ml-nav-label", children: a.label })
|
|
350
364
|
]
|
|
351
365
|
}
|
|
352
366
|
) })
|
|
353
|
-
] },
|
|
367
|
+
] }, a.id);
|
|
354
368
|
})
|
|
355
369
|
] })
|
|
356
370
|
] })
|
|
357
371
|
] }),
|
|
358
|
-
/* @__PURE__ */
|
|
359
|
-
/* @__PURE__ */
|
|
372
|
+
/* @__PURE__ */ e("div", { className: "ml-drawer-footer", children: /* @__PURE__ */ r("div", { className: "ml-profile", children: [
|
|
373
|
+
/* @__PURE__ */ e(
|
|
360
374
|
"button",
|
|
361
375
|
{
|
|
362
376
|
type: "button",
|
|
363
377
|
className: "ml-profile-info",
|
|
364
|
-
onClick:
|
|
378
|
+
onClick: E,
|
|
365
379
|
title: "Ir al perfil",
|
|
366
|
-
children: /* @__PURE__ */
|
|
380
|
+
children: /* @__PURE__ */ e("span", { className: "ml-profile-name text-truncate", children: ((x = u == null ? void 0 : u.user) == null ? void 0 : x.nombres) ?? "Usuario" })
|
|
367
381
|
}
|
|
368
382
|
),
|
|
369
|
-
/* @__PURE__ */
|
|
383
|
+
/* @__PURE__ */ e(
|
|
370
384
|
"button",
|
|
371
385
|
{
|
|
372
386
|
type: "button",
|
|
373
387
|
className: "ml-logout",
|
|
374
|
-
onClick:
|
|
388
|
+
onClick: L,
|
|
375
389
|
"aria-label": "Cerrar sesión",
|
|
376
390
|
title: "Cerrar sesión",
|
|
377
|
-
children: /* @__PURE__ */
|
|
391
|
+
children: /* @__PURE__ */ e(O, {})
|
|
378
392
|
}
|
|
379
393
|
)
|
|
380
394
|
] }) })
|
|
@@ -384,9 +398,9 @@ const a1 = ({
|
|
|
384
398
|
]
|
|
385
399
|
}
|
|
386
400
|
),
|
|
387
|
-
/* @__PURE__ */
|
|
401
|
+
/* @__PURE__ */ e(J, {})
|
|
388
402
|
] });
|
|
389
403
|
};
|
|
390
404
|
export {
|
|
391
|
-
|
|
405
|
+
t0 as MenuLateral
|
|
392
406
|
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function h(t) {
|
|
2
|
+
const n = t.replace("#", ""), o = n.length === 3 ? n.split("").map((s) => s + s).join("") : n, e = parseInt(o, 16);
|
|
3
|
+
return [e >> 16 & 255, e >> 8 & 255, e & 255];
|
|
4
|
+
}
|
|
5
|
+
function M(t, n, o) {
|
|
6
|
+
const e = (s) => Math.max(0, Math.min(255, Math.round(s)));
|
|
7
|
+
return `#${[t, n, o].map((s) => e(s).toString(16).padStart(2, "0")).join("")}`;
|
|
8
|
+
}
|
|
9
|
+
function b(t, n, o) {
|
|
10
|
+
t /= 255, n /= 255, o /= 255;
|
|
11
|
+
const e = Math.max(t, n, o), s = Math.min(t, n, o);
|
|
12
|
+
let c = 0, i = 0;
|
|
13
|
+
const r = (e + s) / 2, a = e - s;
|
|
14
|
+
if (a !== 0) {
|
|
15
|
+
switch (i = a / (1 - Math.abs(2 * r - 1)), e) {
|
|
16
|
+
case t:
|
|
17
|
+
c = (n - o) / a % 6;
|
|
18
|
+
break;
|
|
19
|
+
case n:
|
|
20
|
+
c = (o - t) / a + 2;
|
|
21
|
+
break;
|
|
22
|
+
default:
|
|
23
|
+
c = (t - n) / a + 4;
|
|
24
|
+
}
|
|
25
|
+
c *= 60, c < 0 && (c += 360);
|
|
26
|
+
}
|
|
27
|
+
return [c, i, r];
|
|
28
|
+
}
|
|
29
|
+
function p(t, n, o) {
|
|
30
|
+
const e = (1 - Math.abs(2 * o - 1)) * n, s = e * (1 - Math.abs(t / 60 % 2 - 1)), c = o - e / 2;
|
|
31
|
+
let i = 0, r = 0, a = 0;
|
|
32
|
+
return t < 60 ? [i, r, a] = [e, s, 0] : t < 120 ? [i, r, a] = [s, e, 0] : t < 180 ? [i, r, a] = [0, e, s] : t < 240 ? [i, r, a] = [0, s, e] : t < 300 ? [i, r, a] = [s, 0, e] : [i, r, a] = [e, 0, s], [(i + c) * 255, (r + c) * 255, (a + c) * 255];
|
|
33
|
+
}
|
|
34
|
+
function l(t, n) {
|
|
35
|
+
const [o, e, s] = h(t), [c, i, r] = b(o, e, s), a = Math.max(0, Math.min(1, r + n)), [u, f, m] = p(c, i, a);
|
|
36
|
+
return M(u, f, m);
|
|
37
|
+
}
|
|
38
|
+
function x(t, n) {
|
|
39
|
+
return l(t, n);
|
|
40
|
+
}
|
|
41
|
+
function d(t, n) {
|
|
42
|
+
return l(t, -n);
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
d as darken,
|
|
46
|
+
x as lighten
|
|
47
|
+
};
|
|
@@ -1,38 +1,42 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { IconosSistema as
|
|
4
|
-
import { BreadcrumbNav as
|
|
5
|
-
import { MenuLateral as
|
|
6
|
-
import { EcoFooter as
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import n from "react";
|
|
3
|
+
import { IconosSistema as h } from "../iconos-sistema/IconosSistema.js";
|
|
4
|
+
import { BreadcrumbNav as N } from "../breadcrumb/Breadcrumb.js";
|
|
5
|
+
import { MenuLateral as b } from "../menu-lateral/MenuLateral.js";
|
|
6
|
+
import { EcoFooter as x } from "../../ui/eco-footer/EcoFooter.js";
|
|
7
7
|
import '../../assets/VentanaLienzo.css';const L = ({
|
|
8
8
|
children: t,
|
|
9
9
|
items: r,
|
|
10
|
-
extraInput:
|
|
11
|
-
showConnectionStatus:
|
|
10
|
+
extraInput: s,
|
|
11
|
+
showConnectionStatus: m = !1,
|
|
12
12
|
notificationType: i = "normal",
|
|
13
13
|
showFooter: l = !0,
|
|
14
|
-
showSideMenu:
|
|
15
|
-
extraMenuItems: c
|
|
14
|
+
showSideMenu: a = !0,
|
|
15
|
+
extraMenuItems: c,
|
|
16
|
+
menuColor: u,
|
|
17
|
+
showBaseMenuItems: d = !0
|
|
16
18
|
}) => {
|
|
17
|
-
const [
|
|
18
|
-
|
|
19
|
+
const [p, f] = n.useState(!1), v = n.useCallback(() => {
|
|
20
|
+
f((g) => !g);
|
|
19
21
|
}, []);
|
|
20
|
-
return /* @__PURE__ */ n
|
|
21
|
-
/* @__PURE__ */ e(
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
return /* @__PURE__ */ o(n.Fragment, { children: [
|
|
23
|
+
/* @__PURE__ */ e(h, { elements: s, notificationType: i }),
|
|
24
|
+
a && /* @__PURE__ */ e(
|
|
25
|
+
b,
|
|
24
26
|
{
|
|
25
|
-
onToggle:
|
|
26
|
-
isOpen:
|
|
27
|
-
showConnectionStatus:
|
|
28
|
-
extraMenuItems: c
|
|
27
|
+
onToggle: v,
|
|
28
|
+
isOpen: p,
|
|
29
|
+
showConnectionStatus: m,
|
|
30
|
+
extraMenuItems: c,
|
|
31
|
+
color: u,
|
|
32
|
+
showBaseItems: d
|
|
29
33
|
}
|
|
30
34
|
),
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ e(
|
|
33
|
-
/* @__PURE__ */
|
|
35
|
+
/* @__PURE__ */ o("div", { className: `main-section${a ? " has-side-menu" : ""}`, children: [
|
|
36
|
+
/* @__PURE__ */ e(N, { items: r }),
|
|
37
|
+
/* @__PURE__ */ o("div", { className: "ventana-lienzo-container", children: [
|
|
34
38
|
/* @__PURE__ */ e("div", { className: "ventana-lienzo-body", children: t }),
|
|
35
|
-
l && /* @__PURE__ */ e(
|
|
39
|
+
l && /* @__PURE__ */ e(x, {})
|
|
36
40
|
] })
|
|
37
41
|
] })
|
|
38
42
|
] });
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as l, jsxs as j } from "react/jsx-runtime";
|
|
2
2
|
import * as $ from "react";
|
|
3
|
-
import x, { useRef as
|
|
3
|
+
import x, { useRef as O, useContext as T, useEffect as F } from "react";
|
|
4
4
|
import { MenuLateral as H } from "../menu-lateral/MenuLateral.js";
|
|
5
5
|
import { IconosSistema as M } from "../iconos-sistema/IconosSistema.js";
|
|
6
6
|
import '../../assets/Bootstrap.css';/* empty css */
|
|
7
7
|
import { u as D } from "../../useIsomorphicEffect-DH-agvLb.js";
|
|
8
8
|
import { T as W, b as Y, g as z, a as G } from "../../TabPane-D71zhQGl.js";
|
|
9
9
|
import { c as k } from "../../index-ZphT3dr_.js";
|
|
10
|
-
import { N as J, u as Q, a as X, d as Z, b as ee, q as te, c as
|
|
10
|
+
import { N as J, u as Q, a as X, d as Z, b as ee, q as te, c as B, e as ne } from "../../AppList-DORGpC4I.js";
|
|
11
11
|
import { u as ae } from "../../NoopTransition-D8AxBGEr.js";
|
|
12
|
-
import { S as
|
|
13
|
-
import { u as
|
|
12
|
+
import { S as E, T as re, m as oe } from "../../TabContext-Du6X9q-A.js";
|
|
13
|
+
import { u as L } from "../../ThemeProvider-Cv61y4Uy.js";
|
|
14
14
|
import { c as se } from "../../CardHeaderContext-DVw0yHuy.js";
|
|
15
15
|
import { m as P, f as le } from "../../ElementChildren-67NLtZ0A.js";
|
|
16
16
|
const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
|
|
@@ -29,61 +29,61 @@ const A = () => {
|
|
|
29
29
|
// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
|
|
30
30
|
as: a = "div",
|
|
31
31
|
onSelect: n,
|
|
32
|
-
activeKey:
|
|
32
|
+
activeKey: s,
|
|
33
33
|
role: c,
|
|
34
|
-
onKeyDown:
|
|
34
|
+
onKeyDown: d
|
|
35
35
|
} = t, f = ce(t, ie);
|
|
36
|
-
const
|
|
37
|
-
let
|
|
38
|
-
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
if (!
|
|
42
|
-
const C = te(
|
|
36
|
+
const b = Q(), m = O(!1), v = T(E), r = T(re);
|
|
37
|
+
let o, N;
|
|
38
|
+
r && (c = c || "tablist", s = r.activeKey, o = r.getControlledId, N = r.getControllerId);
|
|
39
|
+
const p = O(null), y = (i) => {
|
|
40
|
+
const u = p.current;
|
|
41
|
+
if (!u) return null;
|
|
42
|
+
const C = te(u, `[${R}]:not([aria-disabled=true])`), S = u.querySelector("[aria-selected=true]");
|
|
43
43
|
if (!S || S !== document.activeElement) return null;
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
let K =
|
|
44
|
+
const I = C.indexOf(S);
|
|
45
|
+
if (I === -1) return null;
|
|
46
|
+
let K = I + i;
|
|
47
47
|
return K >= C.length && (K = 0), K < 0 && (K = C.length - 1), C[K];
|
|
48
|
-
}, h = (i,
|
|
49
|
-
i != null && (n == null || n(i,
|
|
48
|
+
}, h = (i, u) => {
|
|
49
|
+
i != null && (n == null || n(i, u), v == null || v(i, u));
|
|
50
50
|
}, g = (i) => {
|
|
51
|
-
if (
|
|
51
|
+
if (d == null || d(i), !r)
|
|
52
52
|
return;
|
|
53
|
-
let
|
|
53
|
+
let u;
|
|
54
54
|
switch (i.key) {
|
|
55
55
|
case "ArrowLeft":
|
|
56
56
|
case "ArrowUp":
|
|
57
|
-
|
|
57
|
+
u = y(-1);
|
|
58
58
|
break;
|
|
59
59
|
case "ArrowRight":
|
|
60
60
|
case "ArrowDown":
|
|
61
|
-
|
|
61
|
+
u = y(1);
|
|
62
62
|
break;
|
|
63
63
|
default:
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
|
-
|
|
66
|
+
u && (i.preventDefault(), h(u.dataset[ee("EventKey")] || null, i), m.current = !0, b());
|
|
67
67
|
};
|
|
68
68
|
F(() => {
|
|
69
|
-
if (
|
|
70
|
-
const i =
|
|
69
|
+
if (p.current && m.current) {
|
|
70
|
+
const i = p.current.querySelector(`[${R}][aria-selected=true]`);
|
|
71
71
|
i == null || i.focus();
|
|
72
72
|
}
|
|
73
73
|
m.current = !1;
|
|
74
74
|
});
|
|
75
|
-
const V = ae(e,
|
|
76
|
-
return /* @__PURE__ */
|
|
75
|
+
const V = ae(e, p);
|
|
76
|
+
return /* @__PURE__ */ l(E.Provider, {
|
|
77
77
|
value: h,
|
|
78
|
-
children: /* @__PURE__ */
|
|
78
|
+
children: /* @__PURE__ */ l(X.Provider, {
|
|
79
79
|
value: {
|
|
80
80
|
role: c,
|
|
81
81
|
// used by NavLink to determine it's role
|
|
82
|
-
activeKey: oe(
|
|
83
|
-
getControlledId:
|
|
82
|
+
activeKey: oe(s),
|
|
83
|
+
getControlledId: o || A,
|
|
84
84
|
getControllerId: N || A
|
|
85
85
|
},
|
|
86
|
-
children: /* @__PURE__ */
|
|
86
|
+
children: /* @__PURE__ */ l(a, Object.assign({}, f, {
|
|
87
87
|
onKeyDown: g,
|
|
88
88
|
ref: V,
|
|
89
89
|
role: c
|
|
@@ -92,58 +92,58 @@ const A = () => {
|
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
94
|
_.displayName = "Nav";
|
|
95
|
-
const
|
|
95
|
+
const ue = Object.assign(_, {
|
|
96
96
|
Item: J
|
|
97
|
-
}),
|
|
97
|
+
}), w = /* @__PURE__ */ $.forwardRef(({
|
|
98
98
|
className: t,
|
|
99
99
|
bsPrefix: e,
|
|
100
100
|
as: a = "div",
|
|
101
101
|
...n
|
|
102
|
-
},
|
|
103
|
-
ref:
|
|
102
|
+
}, s) => (e = L(e, "nav-item"), /* @__PURE__ */ l(a, {
|
|
103
|
+
ref: s,
|
|
104
104
|
className: k(t, e),
|
|
105
105
|
...n
|
|
106
106
|
})));
|
|
107
|
-
|
|
107
|
+
w.displayName = "NavItem";
|
|
108
108
|
const q = /* @__PURE__ */ $.forwardRef((t, e) => {
|
|
109
109
|
const {
|
|
110
110
|
as: a = "div",
|
|
111
111
|
bsPrefix: n,
|
|
112
|
-
variant:
|
|
112
|
+
variant: s,
|
|
113
113
|
fill: c = !1,
|
|
114
|
-
justify:
|
|
114
|
+
justify: d = !1,
|
|
115
115
|
navbar: f,
|
|
116
|
-
navbarScroll:
|
|
116
|
+
navbarScroll: b,
|
|
117
117
|
className: m,
|
|
118
|
-
activeKey:
|
|
119
|
-
...
|
|
118
|
+
activeKey: v,
|
|
119
|
+
...r
|
|
120
120
|
} = D(t, {
|
|
121
121
|
activeKey: "onSelect"
|
|
122
|
-
}),
|
|
123
|
-
let N,
|
|
122
|
+
}), o = L(n, "nav");
|
|
123
|
+
let N, p, y = !1;
|
|
124
124
|
const h = T(ne), g = T(se);
|
|
125
125
|
return h ? (N = h.bsPrefix, y = f ?? !0) : g && ({
|
|
126
|
-
cardHeaderBsPrefix:
|
|
127
|
-
} = g), /* @__PURE__ */
|
|
126
|
+
cardHeaderBsPrefix: p
|
|
127
|
+
} = g), /* @__PURE__ */ l(ue, {
|
|
128
128
|
as: a,
|
|
129
129
|
ref: e,
|
|
130
|
-
activeKey:
|
|
130
|
+
activeKey: v,
|
|
131
131
|
className: k(m, {
|
|
132
|
-
[
|
|
132
|
+
[o]: !y,
|
|
133
133
|
[`${N}-nav`]: y,
|
|
134
|
-
[`${N}-nav-scroll`]: y &&
|
|
135
|
-
[`${
|
|
136
|
-
[`${
|
|
137
|
-
[`${
|
|
138
|
-
[`${
|
|
134
|
+
[`${N}-nav-scroll`]: y && b,
|
|
135
|
+
[`${p}-${s}`]: !!p,
|
|
136
|
+
[`${o}-${s}`]: !!s,
|
|
137
|
+
[`${o}-fill`]: c,
|
|
138
|
+
[`${o}-justified`]: d
|
|
139
139
|
}),
|
|
140
|
-
...
|
|
140
|
+
...r
|
|
141
141
|
});
|
|
142
142
|
});
|
|
143
143
|
q.displayName = "Nav";
|
|
144
|
-
const
|
|
145
|
-
Item:
|
|
146
|
-
Link:
|
|
144
|
+
const de = Object.assign(q, {
|
|
145
|
+
Item: w,
|
|
146
|
+
Link: B
|
|
147
147
|
});
|
|
148
148
|
function fe(t) {
|
|
149
149
|
let e;
|
|
@@ -156,20 +156,20 @@ function me(t) {
|
|
|
156
156
|
title: e,
|
|
157
157
|
eventKey: a,
|
|
158
158
|
disabled: n,
|
|
159
|
-
tabClassName:
|
|
159
|
+
tabClassName: s,
|
|
160
160
|
tabAttrs: c,
|
|
161
|
-
id:
|
|
161
|
+
id: d
|
|
162
162
|
} = t.props;
|
|
163
|
-
return e == null ? null : /* @__PURE__ */
|
|
163
|
+
return e == null ? null : /* @__PURE__ */ l(w, {
|
|
164
164
|
as: "li",
|
|
165
165
|
role: "presentation",
|
|
166
|
-
children: /* @__PURE__ */
|
|
166
|
+
children: /* @__PURE__ */ l(B, {
|
|
167
167
|
as: "button",
|
|
168
168
|
type: "button",
|
|
169
169
|
eventKey: a,
|
|
170
170
|
disabled: n,
|
|
171
|
-
id:
|
|
172
|
-
className:
|
|
171
|
+
id: d,
|
|
172
|
+
className: s,
|
|
173
173
|
...c,
|
|
174
174
|
children: e
|
|
175
175
|
})
|
|
@@ -180,74 +180,78 @@ const U = (t) => {
|
|
|
180
180
|
id: e,
|
|
181
181
|
onSelect: a,
|
|
182
182
|
transition: n,
|
|
183
|
-
mountOnEnter:
|
|
183
|
+
mountOnEnter: s = !1,
|
|
184
184
|
unmountOnExit: c = !1,
|
|
185
|
-
variant:
|
|
185
|
+
variant: d = "tabs",
|
|
186
186
|
children: f,
|
|
187
|
-
activeKey:
|
|
187
|
+
activeKey: b = fe(f),
|
|
188
188
|
...m
|
|
189
189
|
} = D(t, {
|
|
190
190
|
activeKey: "onSelect"
|
|
191
191
|
});
|
|
192
192
|
return /* @__PURE__ */ j(W, {
|
|
193
193
|
id: e,
|
|
194
|
-
activeKey:
|
|
194
|
+
activeKey: b,
|
|
195
195
|
onSelect: a,
|
|
196
196
|
transition: z(n),
|
|
197
|
-
mountOnEnter:
|
|
197
|
+
mountOnEnter: s,
|
|
198
198
|
unmountOnExit: c,
|
|
199
|
-
children: [/* @__PURE__ */
|
|
199
|
+
children: [/* @__PURE__ */ l(de, {
|
|
200
200
|
id: e,
|
|
201
201
|
...m,
|
|
202
202
|
role: "tablist",
|
|
203
203
|
as: "ul",
|
|
204
|
-
variant:
|
|
204
|
+
variant: d,
|
|
205
205
|
children: P(f, me)
|
|
206
|
-
}), /* @__PURE__ */
|
|
207
|
-
children: P(f, (
|
|
208
|
-
const
|
|
209
|
-
...
|
|
206
|
+
}), /* @__PURE__ */ l(Y, {
|
|
207
|
+
children: P(f, (v) => {
|
|
208
|
+
const r = {
|
|
209
|
+
...v.props
|
|
210
210
|
};
|
|
211
|
-
return delete
|
|
212
|
-
...
|
|
211
|
+
return delete r.title, delete r.disabled, delete r.tabClassName, delete r.tabAttrs, /* @__PURE__ */ l(G, {
|
|
212
|
+
...r
|
|
213
213
|
});
|
|
214
214
|
})
|
|
215
215
|
})]
|
|
216
216
|
});
|
|
217
217
|
};
|
|
218
218
|
U.displayName = "Tabs";
|
|
219
|
-
const
|
|
219
|
+
const Ie = ({
|
|
220
220
|
children: t,
|
|
221
221
|
extraInput: e,
|
|
222
222
|
showConnectionStatus: a = !1,
|
|
223
223
|
showSideMenu: n = !0,
|
|
224
|
-
extraMenuItems:
|
|
224
|
+
extraMenuItems: s,
|
|
225
|
+
menuColor: c,
|
|
226
|
+
showBaseMenuItems: d = !0
|
|
225
227
|
}) => {
|
|
226
|
-
const [
|
|
227
|
-
|
|
228
|
+
const [f, b] = x.useState(!1), [m, v] = x.useState(void 0), r = x.useCallback(() => {
|
|
229
|
+
b((o) => !o);
|
|
228
230
|
}, []);
|
|
229
231
|
return /* @__PURE__ */ j(x.Fragment, { children: [
|
|
230
|
-
/* @__PURE__ */
|
|
231
|
-
n && /* @__PURE__ */
|
|
232
|
+
/* @__PURE__ */ l(M, { elements: e }),
|
|
233
|
+
n && /* @__PURE__ */ l(
|
|
232
234
|
H,
|
|
233
235
|
{
|
|
234
|
-
onToggle:
|
|
235
|
-
isOpen:
|
|
236
|
+
onToggle: r,
|
|
237
|
+
isOpen: f,
|
|
236
238
|
showConnectionStatus: a,
|
|
237
|
-
extraMenuItems:
|
|
239
|
+
extraMenuItems: s,
|
|
240
|
+
color: c,
|
|
241
|
+
showBaseItems: d
|
|
238
242
|
}
|
|
239
243
|
),
|
|
240
|
-
/* @__PURE__ */
|
|
244
|
+
/* @__PURE__ */ l("div", { className: `main-section${n ? " has-side-menu" : ""}`, children: /* @__PURE__ */ l(
|
|
241
245
|
U,
|
|
242
246
|
{
|
|
243
247
|
id: "controlled-tab",
|
|
244
|
-
activeKey:
|
|
245
|
-
onSelect: (o) =>
|
|
248
|
+
activeKey: m,
|
|
249
|
+
onSelect: (o) => v(o !== null ? o : void 0),
|
|
246
250
|
children: x.Children.map(t, (o) => x.isValidElement(o) ? o : null)
|
|
247
251
|
}
|
|
248
252
|
) })
|
|
249
253
|
] });
|
|
250
254
|
};
|
|
251
255
|
export {
|
|
252
|
-
|
|
256
|
+
Ie as VentanaTabs
|
|
253
257
|
};
|