react-ecosistema-unp 1.7.1-pre.1 → 1.7.2-pre.0

package/dist/assets/EcoModalStyles.css

@@ -1 +1 @@
-:root{--modal-gap: 10px;--modal-padding: 1.25rem;--modal-primary-width: 42%;--half-available: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) / 2);--primary-30: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) * .4);--secondary-70: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) * .6)}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;background:#00000080;display:flex;flex-direction:row;justify-content:flex-start;transition:opacity .4s ease,visibility .4s ease;opacity:0;visibility:hidden;z-index:1000;gap:var(--modal-gap);box-sizing:border-box;padding:0}.modal-overlay.primary-left{justify-content:flex-start}.modal-overlay.primary-right{justify-content:flex-end}.modal-overlay.primary-center{justify-content:center}.modal-overlay.secondary-overlay{background:transparent!important;pointer-events:none}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:hidden}.modal-container{height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;border-radius:12px;transition:left .4s ease,right .4s ease,width .4s ease,height .4s ease,border-radius .3s ease,transform .4s ease,opacity .4s ease;pointer-events:auto;display:flex;flex-direction:column}.modal-container.primary{z-index:1001}.modal-container.secondary{z-index:1002;flex:1 1 auto;min-width:0}.modal-container.primary:not(.centered):not(.maximized){width:var(--modal-primary-width)!important;flex-shrink:0}.modal-container.primary.centered:not(.maximized){width:var(--modal-primary-width, 50%)!important;flex-shrink:0}.modal-container.primary-left.show{transform:translate(0)}.modal-container.primary-right{transform:translate(100%)}.modal-container.primary-right.show{transform:translate(0)}.modal-container.primary-center{transform:scale(.8);opacity:0}.modal-container.primary-center.show{transform:scale(1);opacity:1}.modal-container.secondary-left{transform:translateY(-100%)}.modal-container.secondary-left.show{transform:translateY(0)}.modal-container.secondary-right{transform:translateY(100%)}.modal-container.secondary-right.show{transform:translateY(0)}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0;flex-shrink:0}.modal_body{padding:1rem;flex-grow:1;overflow-y:auto;border-radius:0 0 12px 12px}.close_button,.max_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:disabled,.max_button:disabled{opacity:.5;cursor:not-allowed}.close_button:hover:not(:disabled),.max_button:hover:not(:disabled),.icon-header:hover{color:#d36269}.max_button{margin-bottom:1px}.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}.modal-container.maximized{position:fixed!important;z-index:1003!important;margin:0!important;border-radius:.9rem}.modal-container.maximized.primary-left{left:var(--modal-padding)!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.modal-container.maximized.primary-right{right:var(--modal-padding)!important;left:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.modal-container.maximized.primary-center{left:50%!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:translate(-50%)!important}.modal-container.maximized.secondary{left:var(--modal-padding)!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.two-modals-50 .modal-container:not(.maximized){position:fixed!important;height:95vh;transform:none!important;opacity:1!important;border-radius:12px}.two-modals-50.primary-right .modal-container:not(.maximized).primary-right{right:0!important;left:auto!important;width:var(--half-available)!important}.two-modals-50.primary-right .modal-container:not(.maximized).secondary{left:0!important;right:auto!important;width:var(--half-available)!important}.two-modals-50.primary-left .modal-container:not(.maximized).primary-left{left:0!important;right:auto!important;width:var(--half-available)!important}.two-modals-50.primary-left .modal-container:not(.maximized).secondary{right:0!important;left:auto!important;width:var(--half-available)!important}.two-modals-50 .modal-overlay{gap:var(--modal-gap)}.two-modals-large .modal-container:not(.maximized){position:fixed!important;height:95vh;transform:none!important;opacity:1!important;border-radius:12px}.two-modals-large.primary-right .modal-container:not(.maximized).primary-right{right:0!important;left:auto!important;width:var(--primary-30)!important}.two-modals-large.primary-right .modal-container:not(.maximized).secondary{left:0!important;right:auto!important;width:var(--secondary-70)!important}.two-modals-large.primary-left .modal-container:not(.maximized).primary-left{left:0!important;right:auto!important;width:var(--primary-30)!important}.two-modals-large.primary-left .modal-container:not(.maximized).secondary{right:0!important;left:auto!important;width:var(--secondary-70)!important}.two-modals-large .modal-overlay{gap:var(--modal-gap)}@media (max-width: 992px){.modal-overlay{flex-direction:column;padding:0;gap:0}.modal-container{width:100%!important;height:50vh;margin:0!important;border-radius:0}.modal-container.primary{transform:translateY(-100%)}.modal-container.primary.show{transform:translateY(0)}.modal-container.secondary{transform:translateY(100%);margin-top:auto!important}.modal-container.secondary.show{transform:translateY(0)}.two-modals-50 .modal-container:not(.maximized){position:static!important;width:100%!important}}@media (max-width: 768px){.modal-container{height:50vh}.modal-container.primary{height:60vh}.modal-container.secondary{height:40vh}}.modal-portal-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.modal-container.secondary{transform:none!important;position:absolute}.modal-container.secondary{transition:transform .4s cubic-bezier(.18,.89,.32,1.28),opacity .3s ease}@media (max-width: 992px){.modal-container.secondary.maximized{top:5%!important;height:90%!important;border-radius:12px!important}}.modal-container.primary.left-position{transform:translate(-100%)}.modal-container.primary.left-position.show{transform:translate(0)}.modal-container.primary.left-position.hide{transform:translate(-100%)}
+:root{--modal-gap: 10px;--modal-padding: 1.25rem;--modal-primary-width: 42%;--half-available: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) / 2);--primary-30: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) * .4);--secondary-70: calc((99vw - 2 * var(--modal-padding) - var(--modal-gap)) * .6)}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;background:#00000080;display:flex;flex-direction:row;justify-content:flex-start;transition:opacity .4s ease,visibility .4s ease;opacity:0;visibility:hidden;z-index:1000;gap:var(--modal-gap);box-sizing:border-box;padding:0}.modal-overlay.primary-left{justify-content:flex-start}.modal-overlay.primary-right{justify-content:flex-end}.modal-overlay.primary-center{justify-content:center}.modal-overlay.secondary-overlay{background:transparent!important;pointer-events:none}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:hidden}.modal-container{height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;border-radius:12px;transition:left .4s ease,right .4s ease,width .4s ease,height .4s ease,border-radius .3s ease,transform .4s ease,opacity .4s ease;pointer-events:auto;display:flex;flex-direction:column}@media (max-width: 1920px){:root{--modal-primary-width: 40% !important}}@media (max-width: 1800px){:root{--modal-primary-width: 42.5% !important}}@media (max-width: 1650px){:root{--modal-primary-width: 45% !important}}@media (max-width: 1500px){:root{--modal-primary-width: 50% !important}}@media (max-width: 1425px){:root{--modal-primary-width: 55% !important}}@media (max-width: 1275px){:root{--modal-primary-width: 57.5% !important}}@media (max-width: 1150px){:root{--modal-primary-width: 60% !important}}@media (max-width: 992px){:root{--modal-primary-width: 70% !important}}@media (max-width: 768px){:root{--modal-primary-width: 80% !important}}.modal-container.primary{z-index:1001}.modal-container.secondary{z-index:1002;flex:1 1 auto;min-width:0}.modal-container.primary:not(.centered):not(.maximized){width:var(--modal-primary-width, 42%)!important;flex-shrink:0}.modal-container.primary.centered:not(.maximized){width:var(--modal-primary-width, 50%)!important;flex-shrink:0}.modal-container.primary-left.show{transform:translate(0)}.modal-container.primary-right{transform:translate(100%)}.modal-container.primary-right.show{transform:translate(0)}.modal-container.primary-center{transform:scale(.8);opacity:0}.modal-container.primary-center.show{transform:scale(1);opacity:1}.modal-container.secondary-left{transform:translateY(-100%)}.modal-container.secondary-left.show{transform:translateY(0)}.modal-container.secondary-right{transform:translateY(100%)}.modal-container.secondary-right.show{transform:translateY(0)}.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;flex-shrink:0}.modal_body{padding:1rem;flex-grow:1;overflow-y:auto;border-radius:0 0 12px 12px}.close_button,.max_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:disabled,.max_button:disabled{opacity:.5;cursor:not-allowed}.close_button:hover:not(:disabled),.max_button:hover:not(:disabled),.icon-header:hover{color:#d36269}.max_button{margin-bottom:1px}.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}.modal-container.maximized{position:fixed!important;z-index:1003!important;margin:0!important;border-radius:.9rem}.modal-container.maximized.primary-left{left:var(--modal-padding)!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.modal-container.maximized.primary-right{right:var(--modal-padding)!important;left:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.modal-container.maximized.primary-center{left:50%!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:translate(-50%)!important}.modal-container.maximized.secondary{left:var(--modal-padding)!important;right:auto!important;width:calc(100vw - 2 * var(--modal-padding))!important;transform:none!important}.two-modals-50 .modal-container:not(.maximized){position:fixed!important;height:95vh;transform:none!important;opacity:1!important;border-radius:12px}.two-modals-50.primary-right .modal-container:not(.maximized).primary-right{right:0!important;left:auto!important;width:var(--half-available)!important}.two-modals-50.primary-right .modal-container:not(.maximized).secondary{left:0!important;right:auto!important;width:var(--half-available)!important}.two-modals-50.primary-left .modal-container:not(.maximized).primary-left{left:0!important;right:auto!important;width:var(--half-available)!important}.two-modals-50.primary-left .modal-container:not(.maximized).secondary{right:0!important;left:auto!important;width:var(--half-available)!important}.two-modals-50 .modal-overlay{gap:var(--modal-gap)}.two-modals-large .modal-container:not(.maximized){position:fixed!important;height:95vh;transform:none!important;opacity:1!important;border-radius:12px}.two-modals-large.primary-right .modal-container:not(.maximized).primary-right{right:0!important;left:auto!important;width:var(--primary-30)!important}.two-modals-large.primary-right .modal-container:not(.maximized).secondary{left:0!important;right:auto!important;width:var(--secondary-70)!important}.two-modals-large.primary-left .modal-container:not(.maximized).primary-left{left:0!important;right:auto!important;width:var(--primary-30)!important}.two-modals-large.primary-left .modal-container:not(.maximized).secondary{right:0!important;left:auto!important;width:var(--secondary-70)!important}.two-modals-large .modal-overlay{gap:var(--modal-gap)}@media (max-width: 992px){.modal-overlay{flex-direction:column;padding:0;gap:0}.modal-container{width:100%!important;height:50vh;margin:0!important;border-radius:0}.modal-container.primary{transform:translateY(-100%)}.modal-container.primary.show{transform:translateY(0)}.modal-container.secondary{transform:translateY(100%);margin-top:auto!important}.modal-container.secondary.show{transform:translateY(0)}.two-modals-50 .modal-container:not(.maximized){position:static!important;width:100%!important}}@media (max-width: 768px){.modal-container{height:50vh}.modal-container.primary{height:60vh}.modal-container.secondary{height:40vh}}.modal-portal-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.modal-container.secondary{transform:none!important;position:absolute}

package/dist/assets/Modal.css

@@ -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;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1.25rem 1.75rem 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}
+.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.25rem 1.75rem 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}

package/dist/cards/tarjeta/nuevo-elemento/NuevoElemento.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { t as s } from "../../../index-Cu8HabVU.js";
+import { s } from "../../../index-069JzHFQ.js";
 import '../../../assets/Bootstrap.css';/* empty css                          */
 import { B as a } from "../../../Button-B87TJYml.js";
 const d = {
@@ -8,7 +8,7 @@ const d = {
   fontWeight: "700",
   // marginBottom: '6.66rem',
   color: "#303d50"
-}, c = ({ label: o, children: t, onClose: e, isGray: i = !1 }) => /* @__PURE__ */ n(
+}, c = ({ label: o, children: e, onClose: t, isGray: i = !1 }) => /* @__PURE__ */ n(
   "div",
   {
     className: "border border-gray-300",
@@ -25,7 +25,7 @@ const d = {
         a,
         {
           variant: "link",
-          onClick: e,
+          onClick: t,
           style: {
             position: "absolute",
             top: "10px",
@@ -38,7 +38,7 @@ const d = {
         }
       ),
       o && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("span", { style: d, children: o }) }),
-      t
+      e
     ]
   }
 );

package/dist/cards/tarjeta-info/TarjetaInfo.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useState as r, useRef as d, useEffect as u } from "react";
-import { o as j, p } from "../../index-Cu8HabVU.js";
+import { o as j, p } from "../../index-069JzHFQ.js";
 import '../../assets/UnpHistorico.css';/* empty css                         */
 const x = ({ icon: c, label: l, show: h = !1, children: o }) => {
   const [e, i] = r(h), [f, s] = r(0), a = d(null);

package/dist/data/tarjeta-datos/TarjetaDatos.js

@@ -3,7 +3,7 @@ import "react";
 import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
-import { m as t } from "../../index-Cu8HabVU.js";
+import { m as t } from "../../index-069JzHFQ.js";
 /* empty css                               */
 /* empty css                            */
 /* empty css                  */

package/dist/{index-Cu8HabVU.js → index-069JzHFQ.js}

@@ -1,5 +1,5 @@
 import { G as t } from "./iconBase-LROS5hdG.js";
-function l(c) {
+function a(c) {
   return t({ tag: "svg", attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M151.6 469.6C145.5 476.2 137 480 128 480s-17.5-3.8-23.6-10.4l-88-96c-11.9-13-11.1-33.3 2-45.2s33.3-11.1 45.2 2L96 365.7 96 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 301.7 32.4-35.4c11.9-13 32.2-13.9 45.2-2s13.9 32.2 2 45.2l-88 96zM320 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0zm0-128c-17.7 0-32-14.3-32-32s14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0zm0-128c-17.7 0-32-14.3-32-32s14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0zm0-128c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L320 96z" }, child: [] }] })(c);
 }
 function s(c) {
@@ -77,15 +77,12 @@ function S(c) {
 function k(c) {
   return t({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M432 64L208 64c-8.8 0-16 7.2-16 16l0 16-64 0 0-16c0-44.2 35.8-80 80-80L432 0c44.2 0 80 35.8 80 80l0 224c0 44.2-35.8 80-80 80l-16 0 0-64 16 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zM0 192c0-35.3 28.7-64 64-64l256 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192zm64 32c0 17.7 14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 192c-17.7 0-32 14.3-32 32z" }, child: [] }] })(c);
 }
-function R(c) {
-  return t({ tag: "svg", attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, child: [] }] })(c);
-}
 export {
   u as F,
   F as a,
   L as b,
   i as c,
-  l as d,
+  a as d,
   h as e,
   o as f,
   n as g,
@@ -100,12 +97,11 @@ export {
   e as p,
   k as q,
   S as r,
-  R as s,
-  x as t,
-  g as u,
-  z as v,
-  C as w,
-  w as x,
-  s as y,
-  r as z
+  x as s,
+  g as t,
+  z as u,
+  C as v,
+  w,
+  s as x,
+  r as y
 };

package/dist/lib/tables/tabla-registros/modal/Modal.d.ts

@@ -6,8 +6,9 @@ interface CustomModalProps {
     children: React.ReactNode;
     closeModalOut: boolean;
 }
+declare const EcoModal: React.FC<CustomModalProps>;
 /**
  * @deprecated since version 1.7.x — use `EcoModal` instead.
  */
-declare const CustomModal: React.FC<CustomModalProps>;
-export { CustomModal };
+export declare const CustomModal: React.FC<CustomModalProps>;
+export { EcoModal };

package/dist/lib/tables/tabla-registros/{modal-v2 → modal-test}/EcoModal.d.ts

@@ -14,7 +14,6 @@ interface CustomModalProps {
     hasSecondaryModalOpen?: boolean;
     otherModalOpen?: boolean;
     widthPercent?: number;
-    headerColor?: string;
 }
 declare const EcoModal: React.FC<CustomModalProps>;
 export { EcoModal };

package/dist/lib/ui.d.ts

@@ -7,5 +7,6 @@ export { ItemsModal } from './ui/items-modal/ItemsModal.js';
 export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
 export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';
 export { CustomModal } from './tables/tabla-registros/modal/Modal.js';
-export { EcoModal } from './tables/tabla-registros/modal-v2/EcoModal.js';
+export { EcoModal } from './tables/tabla-registros/modal/Modal.js';
+export { EcoModal as EcoModalTest } from './tables/tabla-registros/modal-test/EcoModal.js';
 export { Animacion } from './ui/animacion/Animacion.js';

package/dist/lib/utils/websocket-manager/websocket.d.ts

@@ -1,7 +1,7 @@
 type MessageHandler = (data: any) => void;
 type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
 declare class WebSocketService {
-    private socket;
+    socket: WebSocket | null;
     private messageHandlers;
     private statusCallbacks;
     private url;

package/dist/shared/app-list/AppList.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { useState as d, useEffect as h } from "react";
 import { F as t, e as u, f, g as v, h as z } from "../../index-CgSyrJ_X.js";
-import { z as N } from "../../index-Cu8HabVU.js";
+import { y as N } from "../../index-069JzHFQ.js";
 import { G as g } from "../../iconBase-LROS5hdG.js";
 import { j as w } from "../../index-CuHybtft.js";
 import { N as b } from "../../NavDropdown-ei8eIwIE.js";

package/dist/shared/iconos-sistema/logout-button/LogoutButton.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useFinalizarSesion as t } from "../../../auth/hooks/useFinalizarSesion.js";
-import { y as i } from "../../../index-Cu8HabVU.js";
+import { x as i } from "../../../index-069JzHFQ.js";
 import '../../../assets/LogoutButton.css';const a = () => {
   const { FinSesion: o } = t();
   return /* @__PURE__ */ r(i, { className: "icono-logout", onClick: o });

package/dist/tables/tabla-registros/TablaRegistros.js

@@ -2,7 +2,7 @@ import { jsxs as I, Fragment as Ze, jsx as B } from "react/jsx-runtime";
 import { useState as D, useEffect as yn } from "react";
 import { L as Ee, i as vn, n as kn, a as xn } from "../../isLoading-B9qN9mny.js";
 import { Tabla as Cn } from "./tabla/Tabla.js";
-import { EcoModal as An } from "./modal-v2/EcoModal.js";
+import { EcoModal as An } from "./modal/Modal.js";
 import { EncabezadoTabla as En } from "./encabezado-tabla/EncabezadoTabla.js";
 import { useNavigate as Bn } from "react-router-dom";
 import '../../assets/TablaRegistros.css';/*!
@@ -1726,7 +1726,6 @@ const gi = () => (/* @__PURE__ */ new Date()).getFullYear(), ct = (e) => e.norma
         onHide: () => re(!1),
         title: `${ie.column.label}`,
         closeModalOut: sn,
-        modalType: "primary",
         children: n(
           ie.row,
           ie.column,

package/dist/tables/tabla-registros/buscador/Buscador.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { x as s } from "../../../index-Cu8HabVU.js";
+import { w as s } from "../../../index-069JzHFQ.js";
 import { F as i, a as l } from "../../../FormGroup-BLpFcIN5.js";
 import '../../../assets/Buscador.css';const d = ({ onSearch: r }) => {
   const n = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");

package/dist/tables/tabla-registros/modal/Modal.js

@@ -1,44 +1,45 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { useState as n, useEffect as h } from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useState as d, useEffect as u } from "react";
 import '../../../assets/Modal.css';/* empty css                      */
-const C = ({
-  show: s,
-  onHide: a,
+const f = ({
+  show: o,
+  onHide: t,
   title: c,
   children: r,
   closeModalOut: m
 }) => {
-  const [l, t] = n(!1), [d, e] = n(!1);
-  return process.env.NODE_ENV === "development" && console.warn("[CustomModal] is deprecated. Please use [EcoModal] instead."), h(() => {
-    s ? t(!0) : (e(!0), setTimeout(() => {
-      t(!1), e(!1);
+  const [l, a] = d(!1), [i, s] = d(!1);
+  return u(() => {
+    o ? a(!0) : (s(!0), setTimeout(() => {
+      a(!1), s(!1);
     }, 200));
-  }, [s]), /* @__PURE__ */ o(
+  }, [o]), /* @__PURE__ */ e(
     "div",
     {
-      className: `modal-overlay ${l ? "show" : ""} ${d ? "hide" : ""}`,
+      className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
       onClick: () => {
-        m && (e(!0), setTimeout(() => {
-          a(), e(!1);
+        m && (s(!0), setTimeout(() => {
+          t(), s(!1);
         }, 200));
       },
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: `modal-container ${l ? "show" : ""} ${d ? "hide" : ""}`,
-          onClick: (u) => u.stopPropagation(),
+          className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
+          onClick: (h) => h.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { className: "modal_header", children: [
-              /* @__PURE__ */ o("span", { children: c }),
-              /* @__PURE__ */ o("button", { className: "close_button", onClick: a, type: "button", children: "×" })
+            /* @__PURE__ */ n("div", { className: "modal_header", children: [
+              /* @__PURE__ */ e("span", { children: c }),
+              /* @__PURE__ */ e("button", { className: "close_button", onClick: t, type: "button", children: "×" })
             ] }),
-            /* @__PURE__ */ o("div", { className: "modal_body", children: r })
+            /* @__PURE__ */ e("div", { className: "modal_body", children: r })
           ]
         }
       )
     }
   );
-};
+}, b = (o) => /* @__PURE__ */ e(f, { ...o });
 export {
-  C as CustomModal
+  b as CustomModal,
+  f as EcoModal
 };

package/dist/tables/tabla-registros/modal-test/EcoModal.js

@@ -0,0 +1,101 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { useState as m, useRef as F, useEffect as f } from "react";
+import { R as O } from "../../../index-BrykDZgK.js";
+import { q, r as I } from "../../../index-069JzHFQ.js";
+import '../../../assets/EcoModalStyles.css';/* empty css                               */
+const Q = ({
+  show: n,
+  onHide: p,
+  title: S,
+  children: E,
+  closeModalOut: R,
+  isMaximized: o,
+  onToggleMaximize: h,
+  showMaximizeButton: j = !1,
+  modalType: s = "primary",
+  primaryPosition: r = "right",
+  disableClose: y = !1,
+  hasSecondaryModalOpen: k = !1,
+  otherModalOpen: c = !1,
+  widthPercent: v
+}) => {
+  const [b, g] = m(!1), [l, i] = m(!1), [w, C] = m(!1), t = F(null);
+  f(() => (C(!0), s === "secondary" && !t.current && (t.current = document.createElement("div"), t.current.className = "modal-portal-container", document.body.appendChild(t.current)), () => {
+    C(!1), t.current && (document.body.removeChild(t.current), t.current = null);
+  }), [s]), f(() => {
+    const e = document.body;
+    return n ? (g(!0), e.classList.add("modal-open")) : (i(!0), setTimeout(() => {
+      w && (g(!1), i(!1)), e.classList.remove("modal-open");
+    }, 200)), () => {
+      e.classList.remove("modal-open");
+    };
+  }, [n, w]), f(() => {
+    const e = document.body;
+    s === "primary" && (e.classList.remove("primary-right", "primary-left"), e.classList.add(
+      r === "left" ? "primary-left" : "primary-right"
+    ));
+    const d = () => {
+      if (!(n && c && !o)) {
+        e.classList.remove("two-modals-50", "two-modals-large");
+        return;
+      }
+      window.innerWidth >= 1200 ? (e.classList.add("two-modals-large"), e.classList.remove("two-modals-50")) : (e.classList.add("two-modals-50"), e.classList.remove("two-modals-large"));
+    };
+    return d(), window.addEventListener("resize", d), () => {
+      s === "primary" && e.classList.remove("primary-right", "primary-left"), e.classList.remove("two-modals-50", "two-modals-large"), window.removeEventListener("resize", d);
+    };
+  }, [s, r, n, c, o]);
+  const _ = () => s === "primary" ? r === "center" ? "primary-center" : `primary-${r}` : `secondary-${r === "left" ? "right" : "left"}`, $ = () => {
+    const e = ["modal-overlay"];
+    return s === "primary" ? e.push(`primary-${r}`) : e.push("secondary-overlay"), b && !l && e.push("show"), l && e.push("hide"), e.join(" ");
+  }, x = () => {
+    const e = ["modal-container", s, _()];
+    return b && !l && e.push("show"), l && e.push("hide"), o && e.push("maximized"), r === "center" && e.push("centered"), e.join(" ");
+  }, L = s === "primary" ? y || k : y, D = s === "primary" && n && c, W = () => {
+    !L && s === "primary" && R && (i(!0), setTimeout(() => {
+      p(), i(!1);
+    }, 200));
+  }, z = () => {
+    const e = {};
+    return s === "primary" && !o && v && (e["--modal-primary-width"] = `${v}%`), e;
+  }, N = /* @__PURE__ */ a("div", { className: $(), onClick: W, children: /* @__PURE__ */ u(
+    "div",
+    {
+      className: x(),
+      style: z(),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ u("div", { className: "modal_header", children: [
+          /* @__PURE__ */ a("span", { children: S }),
+          /* @__PURE__ */ u("div", { style: { display: "flex", gap: 5 }, children: [
+            j && h && /* @__PURE__ */ a(
+              "button",
+              {
+                className: "max_button",
+                onClick: h,
+                type: "button",
+                disabled: D,
+                children: o ? /* @__PURE__ */ a(q, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(I, { size: 14, className: "icon-header" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "close_button",
+                onClick: p,
+                type: "button",
+                disabled: L,
+                children: "×"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "modal_body", children: E })
+      ]
+    }
+  ) });
+  return s === "secondary" && t.current ? O.createPortal(N, t.current) : N;
+};
+export {
+  Q as EcoModal
+};

package/dist/tables/tabla-registros/tabla/Tabla.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import _, { useState as j } from "react";
-import { w as A } from "../../../index-Cu8HabVU.js";
+import { v as A } from "../../../index-069JzHFQ.js";
 import { a as G, b as R, c as E } from "../../../index-CgSyrJ_X.js";
 import { T as z } from "../../../Table-C5ydZooy.js";
 import { F as M, a as O } from "../../../FormGroup-BLpFcIN5.js";

package/dist/ui/contenido-modal/ContenidoModal.js

@@ -1,6 +1,6 @@
 import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
 import p, { useState as o } from "react";
-import { n as v } from "../../index-Cu8HabVU.js";
+import { n as v } from "../../index-069JzHFQ.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const x = ({ title: u, modalContent: i, children: d }) => {
   const [a, l] = o(0), [m, c] = o(!0), [r, n] = o(!1);

package/dist/ui/contenido-modal/ContenidoModalv0.1.js

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { useState as m, useEffect as p } from "react";
-import { n as v } from "../../index-Cu8HabVU.js";
+import { n as v } from "../../index-069JzHFQ.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
 } }) => {

package/dist/ui/icono-tooltip/IconoTooltip.js

@@ -1,6 +1,6 @@
 import { jsxs as L, jsx as u } from "react/jsx-runtime";
 import { useState as M } from "react";
-import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-Cu8HabVU.js";
+import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-069JzHFQ.js";
 import '../../assets/IconoTooltip.css';/* empty css                          */
 const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
   const [a, b] = M(!1);

package/dist/ui/items-modal/ItemsModal.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { useNavigate as s } from "react-router-dom";
-import { u as i, v as n } from "../../index-Cu8HabVU.js";
+import { t as i, u as n } from "../../index-069JzHFQ.js";
 import { G as c } from "../../iconBase-LROS5hdG.js";
 import '../../assets/ItemsModal.css';/* empty css                        */
 function m(l) {

package/dist/ui.js

@@ -1,24 +1,25 @@
 import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
-import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
-import { ContenidoModal as a } from "./ui/contenido-modal/ContenidoModal.js";
+import { Subtitulo as a } from "./ui/subtitulo/Subtitulo.js";
+import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
 import { Paginador as n } from "./ui/paginador/Paginador.js";
 import { Logo as d } from "./ui/logo/Logo.js";
-import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
+import { ItemsModal as c } from "./ui/items-modal/ItemsModal.js";
 import { IconoTooltip as M } from "./ui/icono-tooltip/IconoTooltip.js";
-import { ContenedorVentana as C } from "./ui/contenedor-ventana/ContenedorVentana.js";
-import { CustomModal as g } from "./tables/tabla-registros/modal/Modal.js";
-import { EcoModal as E } from "./tables/tabla-registros/modal-v2/EcoModal.js";
+import { ContenedorVentana as E } from "./ui/contenedor-ventana/ContenedorVentana.js";
+import { CustomModal as C, EcoModal as b } from "./tables/tabla-registros/modal/Modal.js";
+import { EcoModal as I } from "./tables/tabla-registros/modal-test/EcoModal.js";
 import { Animacion as z } from "./ui/animacion/Animacion.js";
 export {
   z as Animacion,
-  C as ContenedorVentana,
-  a as ContenidoModal,
-  g as CustomModal,
-  E as EcoModal,
+  E as ContenedorVentana,
+  p as ContenidoModal,
+  C as CustomModal,
+  b as EcoModal,
+  I as EcoModalTest,
   t as Encabezado,
   M as IconoTooltip,
-  l as ItemsModal,
+  c as ItemsModal,
   d as Logo,
   n as Paginador,
-  m as Subtitulo
+  a as Subtitulo
 };

package/dist/utils/websocket-manager/useWebSocket.js

@@ -1,16 +1,16 @@
-import { useEffect as b } from "react";
-import { webSocketService as c } from "./websocket.js";
-const u = (t, e) => {
-  b(() => {
-    if (c.connect(t), e) {
-      const r = (s) => {
-        e(s);
-      }, o = c.subscribe(r);
+import { useEffect as n } from "react";
+import { webSocketService as e } from "./websocket.js";
+const u = (t, c) => {
+  n(() => {
+    if (e.connect(t), c) {
+      const o = (s) => {
+        c(s);
+      }, r = e.subscribe(o);
       return () => {
-        o(), c.unsubscribe(r);
+        r(), e.unsubscribe(o), e.disconnect();
       };
     }
-  }, [t, e]);
+  }, [t, c]);
 };
 export {
   u as useWebSocket

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.7.1-pre.1",
+  "version": "1.7.2-pre.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/tables/tabla-registros/modal-v2/EcoModal.js

@@ -1,120 +0,0 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useState as h, useRef as A, useEffect as i } from "react";
-import { R as H } from "../../../index-BrykDZgK.js";
-import { q as I, r as X, s as z } from "../../../index-Cu8HabVU.js";
-import '../../../assets/EcoModalStyles.css';/* empty css                               */
-const Y = ({
-  show: o,
-  onHide: p,
-  title: E,
-  children: k,
-  closeModalOut: S,
-  isMaximized: r,
-  onToggleMaximize: c,
-  showMaximizeButton: j = !1,
-  modalType: t = "primary",
-  primaryPosition: n = "right",
-  disableClose: v = !1,
-  hasSecondaryModalOpen: R = !1,
-  otherModalOpen: f = !1,
-  widthPercent: w,
-  headerColor: W = "#303D50"
-}) => {
-  const [y, b] = h(!1), [d, u] = h(!1), [C, L] = h(!1), s = A(null);
-  i(() => (t === "secondary" && !s.current && (s.current = document.createElement("div"), s.current.className = "modal-portal-container", document.body.appendChild(s.current)), () => {
-    s.current && (document.body.removeChild(s.current), s.current = null);
-  }), [t]), i(() => (L(!0), () => L(!1)), []), i(() => {
-    const e = document.body;
-    return o ? (b(!0), e.classList.add("modal-open")) : (u(!0), setTimeout(() => {
-      C && (b(!1), u(!1)), e.classList.remove("modal-open");
-    }, 200)), () => {
-      e.classList.remove("modal-open");
-    };
-  }, [o, C]), i(() => {
-    if (t === "secondary" && o && !r) {
-      const e = () => {
-        c && !r && c();
-      };
-      window.innerWidth <= 992 && e();
-      const l = () => {
-        window.innerWidth <= 992 && !r && e();
-      };
-      return window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
-    }
-  }, [o, r, t, c]), i(() => {
-    const e = document.body;
-    t === "primary" && (e.classList.remove("primary-right", "primary-left"), e.classList.add(
-      n === "left" ? "primary-left" : "primary-right"
-    ));
-    const l = () => {
-      if (!(o && f && !r)) {
-        e.classList.remove("two-modals-50", "two-modals-large");
-        return;
-      }
-      window.innerWidth >= 1200 ? (e.classList.add("two-modals-large"), e.classList.remove("two-modals-50")) : (e.classList.add("two-modals-50"), e.classList.remove("two-modals-large"));
-    };
-    return l(), window.addEventListener("resize", l), () => {
-      t === "primary" && e.classList.remove("primary-right", "primary-left"), e.classList.remove("two-modals-50", "two-modals-large"), window.removeEventListener("resize", l);
-    };
-  }, [t, n, o, f, r]);
-  const D = () => t === "primary" ? n === "center" ? "primary-center" : `primary-${n}` : `secondary-${n === "left" ? "right" : "left"}`, _ = () => {
-    const e = ["modal-overlay"];
-    return t === "primary" ? e.push(`primary-${n}`) : e.push("secondary-overlay"), y && !d && e.push("show"), d && e.push("hide"), e.join(" ");
-  }, $ = () => {
-    const e = ["modal-container", t, D()];
-    return y && !d && e.push("show"), d && e.push("hide"), r && e.push("maximized"), n === "center" && e.push("centered"), t === "primary" && n === "left" && e.push("left-position"), e.join(" ");
-  }, g = t === "primary" ? v || R : v, F = t === "primary" && o && f, O = () => {
-    !g && t === "primary" && S && (u(!0), setTimeout(() => {
-      p(), u(!1);
-    }, 200));
-  }, q = () => {
-    const e = {};
-    return t === "primary" && !r && w && (e["--modal-primary-width"] = `${w}%`), e;
-  }, N = /* @__PURE__ */ a("div", { className: _(), onClick: O, children: /* @__PURE__ */ m(
-    "div",
-    {
-      className: $(),
-      style: q(),
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: "modal_header",
-            style: { backgroundColor: W },
-            children: [
-              /* @__PURE__ */ a("span", { children: E }),
-              /* @__PURE__ */ m("div", { style: { display: "flex", gap: 15, justifyContent: "center" }, children: [
-                j && c && /* @__PURE__ */ a(
-                  "button",
-                  {
-                    className: "max_button",
-                    onClick: c,
-                    type: "button",
-                    disabled: F,
-                    children: r ? /* @__PURE__ */ a(I, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(X, { size: 14, className: "icon-header" })
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "button",
-                  {
-                    className: "close_button",
-                    onClick: p,
-                    type: "button",
-                    disabled: g,
-                    children: /* @__PURE__ */ a(z, { size: 16, className: "icon-header" })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: "modal_body", children: k })
-      ]
-    }
-  ) });
-  return t === "secondary" && s.current ? H.createPortal(N, s.current) : N;
-};
-export {
-  Y as EcoModal
-};