react-ecosistema-unp 0.9.16-pre-release → 1.0.0-pre-release
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/ContenedorVentana.css +1 -0
- package/dist/assets/ContenidoModal.css +1 -1
- package/dist/assets/Encabezado.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/SeccionTarjeta.css +1 -1
- package/dist/assets/Tabla.css +1 -1
- package/dist/assets/TablaRegistros.css +1 -1
- package/dist/assets/Tarjeta.css +1 -1
- package/dist/assets/TarjetaInfo.css +1 -1
- package/dist/cards/tarjeta/Tarjeta.js +4 -4
- package/dist/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js +19 -10
- package/dist/cards/tarjeta-lectura/TarjetaLectura.js +4 -4
- package/dist/lib/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts +1 -0
- package/dist/lib/ui/contenedor-ventana/ContenedorVentana.d.ts +7 -0
- package/dist/lib/ui.d.ts +1 -0
- package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js +4 -3
- package/dist/ui/contenedor-ventana/ContenedorVentana.js +6 -0
- package/dist/ui/contenido-modal/ContenidoModal.js +5 -5
- package/dist/ui.js +8 -6
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container-ecosistema-unp{margin:0 auto;width:min(1100px,92%);max-width:100%;box-sizing:border-box;padding:0 .5rem;transition:width .3s ease}@media (max-width: 1600px){.container-ecosistema-unp{width:min(1000px,90%)}}@media (max-width: 1333px){.container-ecosistema-unp{width:min(950px,88%)}}@media (max-width: 1176px){.container-ecosistema-unp{width:min(850px,92%)}}@media (max-width: 1024px){.container-ecosistema-unp{width:min(800px,95%)}}@media (max-width: 900px){.container-ecosistema-unp{width:90%}}@media (max-width: 768px){.container-ecosistema-unp{width:95%;padding:0 1rem}}@media (max-width: 480px){.container-ecosistema-unp{width:100%;padding:0 .75rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% -
|
|
1
|
+
.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 88px);overflow-y:auto;padding:.5rem;scrollbar-gutter:stable;padding-right:8px;margin-right:-8px;box-sizing:border-box}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background-color:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:20px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83e7;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}
|
|
1
|
+
.title-container{display:flex;gap:1rem;align-items:center;align-content:center;margin-top:1.75rem;margin-bottom:1.75rem}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}
|
package/dist/assets/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:
|
|
1
|
+
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1rem;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tarjeta-container-section{background-color:#f7f7f7}
|
|
1
|
+
.tarjeta-container-section{background-color:#f7f7f7}
|
package/dist/assets/Tabla.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top
|
|
1
|
+
.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:.75rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px
|
|
1
|
+
.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px}.inputs-container{display:flex;justify-content:end;width:35%;gap:1rem}@media (max-width: 1400px){.inputs-container{width:40%}}@media (max-width: 1300px){.inputs-container{width:42.5%}}@media (max-width: 1200px){.inputs-container{width:45%}}@media (max-width: 992px){.inputs-container{width:50%}}@media (max-width: 768px){.inputs-container{width:60%}}
|
package/dist/assets/Tarjeta.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important;font-size:1.075rem}
|
|
1
|
+
.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important;font-size:1.075rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}
|
|
1
|
+
.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014;margin-bottom:1.5rem}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}
|
|
@@ -3,8 +3,8 @@ import t from "react";
|
|
|
3
3
|
import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css */
|
|
4
4
|
import { C as f, a as j } from "../../Card-BXqmurzN.js";
|
|
5
5
|
import { C } from "../../CardBody-RoDe1y90.js";
|
|
6
|
-
import { B as
|
|
7
|
-
const
|
|
6
|
+
import { B as S } from "../../Button-DMwpnJlD.js";
|
|
7
|
+
const b = {
|
|
8
8
|
marginBottom: "20px",
|
|
9
9
|
width: "100px"
|
|
10
10
|
}, v = ({
|
|
@@ -28,11 +28,11 @@ const S = {
|
|
|
28
28
|
onSubmit: d,
|
|
29
29
|
className: m ? "was-validated" : "",
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */ l(f, { className: "border-0
|
|
31
|
+
/* @__PURE__ */ l(f, { className: "border-0 tarjeta-unp", children: [
|
|
32
32
|
/* @__PURE__ */ r(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
|
|
33
33
|
y ? u : /* @__PURE__ */ r(C, { className: `${c ? "pt-0" : ""}`, children: s })
|
|
34
34
|
] }),
|
|
35
|
-
n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(
|
|
35
|
+
n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: b, type: "submit", children: "Enviar" }) })
|
|
36
36
|
]
|
|
37
37
|
}
|
|
38
38
|
);
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { C as
|
|
4
|
-
import '../../../assets/SeccionTarjeta.css';const
|
|
5
|
-
const t =
|
|
6
|
-
return /* @__PURE__ */
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import o from "react";
|
|
3
|
+
import { C as d } from "../../../CardBody-RoDe1y90.js";
|
|
4
|
+
import '../../../assets/SeccionTarjeta.css';const m = ({ isGray: a = !1, children: e, isLast: r = !1, hasPaddingTop: i = !0 }) => {
|
|
5
|
+
const t = o.Children.toArray(e), s = t[0] && o.isValidElement(t[0]) && t[0].type.displayName === "Subtitulo";
|
|
6
|
+
return /* @__PURE__ */ l(
|
|
7
|
+
d,
|
|
8
|
+
{
|
|
9
|
+
className: `${a ? "tarjeta-container-section" : ""}
|
|
10
|
+
${s || !i ? "pt-0" : ""}`,
|
|
11
|
+
style: {
|
|
12
|
+
borderBottomLeftRadius: r ? "12px" : "",
|
|
13
|
+
borderBottomRightRadius: r ? "12px" : ""
|
|
14
|
+
},
|
|
15
|
+
children: e
|
|
16
|
+
}
|
|
17
|
+
);
|
|
9
18
|
};
|
|
10
|
-
|
|
19
|
+
m.displayName = "SeccionTarjeta";
|
|
11
20
|
export {
|
|
12
|
-
|
|
21
|
+
m as SeccionTarjeta
|
|
13
22
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
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 { Logo as
|
|
4
|
-
import { SeccionTarjetaLectura as
|
|
3
|
+
import { Logo as g } from "../../ui/logo/Logo.js";
|
|
4
|
+
import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
|
|
5
5
|
import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css */
|
|
6
6
|
import { B as h } from "../../Button-DMwpnJlD.js";
|
|
7
7
|
const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
|
|
@@ -17,11 +17,11 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
|
|
|
17
17
|
/* @__PURE__ */ e("h3", { children: m }),
|
|
18
18
|
/* @__PURE__ */ e("h5", { children: u })
|
|
19
19
|
] }),
|
|
20
|
-
/* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(
|
|
20
|
+
/* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(g, { type: "entidad", variant: "unidad", color: "gris", height: "90px" }) })
|
|
21
21
|
] }),
|
|
22
22
|
/* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
|
|
23
23
|
n ? /* @__PURE__ */ i("div", { ref: c, children: [
|
|
24
|
-
/* @__PURE__ */ e(
|
|
24
|
+
/* @__PURE__ */ e(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
|
|
25
25
|
"li",
|
|
26
26
|
{
|
|
27
27
|
className: a <= r ? "active" : "",
|
package/dist/lib/ui.d.ts
CHANGED
|
@@ -5,3 +5,4 @@ export { Paginador } from './ui/paginador/Paginador.js';
|
|
|
5
5
|
export { Logo } from './ui/logo/Logo.js';
|
|
6
6
|
export { ItemsModal } from './ui/items-modal/ItemsModal.js';
|
|
7
7
|
export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
|
|
8
|
+
export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';
|
|
@@ -2,15 +2,16 @@ 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/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css */
|
|
5
|
+
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 */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../../../ui/logo/Logo.js";
|
|
9
9
|
import "react-router-dom";
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
12
13
|
import { BusquedaInput as e } from "../buscador/Buscador.js";
|
|
13
|
-
const
|
|
14
|
+
const N = ({
|
|
14
15
|
title: m,
|
|
15
16
|
subtitle: t,
|
|
16
17
|
data: p,
|
|
@@ -24,5 +25,5 @@ const E = ({
|
|
|
24
25
|
] })
|
|
25
26
|
] });
|
|
26
27
|
export {
|
|
27
|
-
|
|
28
|
+
N as EncabezadoTabla
|
|
28
29
|
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/ContenedorVentana.css';/* empty css */
|
|
3
|
+
const a = ({ style: e, children: n }) => /* @__PURE__ */ o("div", { className: "container-ecosistema-unp", style: e, children: n });
|
|
4
|
+
export {
|
|
5
|
+
a as ContenedorVentana
|
|
6
|
+
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsxs as s, Fragment as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as s, Fragment as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import N, { useState as n } from "react";
|
|
3
3
|
import { f } from "../../index-D_9gBL0I.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);
|
|
7
|
-
return /* @__PURE__ */ s(
|
|
8
|
-
/* @__PURE__ */ s("div", { style: {
|
|
7
|
+
return /* @__PURE__ */ s(p, { children: [
|
|
8
|
+
/* @__PURE__ */ s("div", { style: { padding: "0.5rem" }, children: [
|
|
9
9
|
/* @__PURE__ */ s("div", { className: "modal-title-container", children: [
|
|
10
10
|
/* @__PURE__ */ s("div", { className: "modal-subtitle-container-left", children: [
|
|
11
11
|
/* @__PURE__ */ e("div", { className: "red-item" }),
|
|
12
12
|
/* @__PURE__ */ e("div", { className: "modal-subtitle", children: c && i && t ? i[t].label : u })
|
|
13
13
|
] }),
|
|
14
14
|
/* @__PURE__ */ e("div", { className: "modal-subtitle-container-right", children: i && /* @__PURE__ */ s("div", { className: "animation-wrapper", children: [
|
|
15
|
-
m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(
|
|
15
|
+
m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(N.Fragment, { children: a.icon && /* @__PURE__ */ s("div", { className: "icon-container", children: [
|
|
16
16
|
/* @__PURE__ */ e(
|
|
17
17
|
a.icon,
|
|
18
18
|
{
|
package/dist/ui.js
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
|
|
2
2
|
import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
|
|
3
|
-
import { ContenidoModal as
|
|
4
|
-
import { Paginador as
|
|
5
|
-
import { Logo as
|
|
3
|
+
import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
|
|
4
|
+
import { Paginador as f } from "./ui/paginador/Paginador.js";
|
|
5
|
+
import { Logo as d } from "./ui/logo/Logo.js";
|
|
6
6
|
import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
|
|
7
7
|
import { IconoTooltip as c } from "./ui/icono-tooltip/IconoTooltip.js";
|
|
8
|
+
import { ContenedorVentana as u } from "./ui/contenedor-ventana/ContenedorVentana.js";
|
|
8
9
|
export {
|
|
9
|
-
|
|
10
|
+
u as ContenedorVentana,
|
|
11
|
+
p as ContenidoModal,
|
|
10
12
|
t as Encabezado,
|
|
11
13
|
c as IconoTooltip,
|
|
12
14
|
l as ItemsModal,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
d as Logo,
|
|
16
|
+
f as Paginador,
|
|
15
17
|
m as Subtitulo
|
|
16
18
|
};
|
package/package.json
CHANGED