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

package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { Encabezado as e } from "../../../ui/encabezado/Encabezado.js";
 import "../../../ui/subtitulo/Subtitulo.js";
 import "react";
-import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
+import '../../../assets/EcoModalStyles.css';import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
 /* empty css                          */
 /* empty css                          */
 /* empty css                     */
@@ -11,9 +11,11 @@ import "react-router-dom";
 /* empty css                             */
 /* empty css                                  */
 /* empty css                      */
+import "../../../index-BrykDZgK.js";
+/* empty css                               */
 import "../../../Animacion-ThNL9iiY.js";
 import { BusquedaInput as c } from "../buscador/Buscador.js";
-const w = ({
+const S = ({
   title: m,
   subtitle: t,
   data: p,
@@ -28,5 +30,5 @@ const w = ({
   ] })
 ] });
 export {
-  w as EncabezadoTabla
+  S as EncabezadoTabla
 };

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 { t as A } from "../../../index-Cpp73e44.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-Cpp73e44.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-Cpp73e44.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-Cpp73e44.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,13 +1,13 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useNavigate as d } from "react-router-dom";
-import { r as i, s as n } from "../../index-Cpp73e44.js";
+import { useNavigate as s } from "react-router-dom";
+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) {
   return c({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(l);
 }
 const N = ({ sections: l }) => {
-  const e = d();
+  const e = s();
   return /* @__PURE__ */ t("div", { className: "listado-tarjetas", children: l.map((a, r) => /* @__PURE__ */ o("div", { className: "tarjeta-listado-row", children: [
     /* @__PURE__ */ o(
       "div",
@@ -27,8 +27,8 @@ const N = ({ sections: l }) => {
       "div",
       {
         className: "tarjeta-listado-download-container",
-        onClick: (s) => {
-          s.stopPropagation(), a.handleDownload && a.handleDownload();
+        onClick: (d) => {
+          d.stopPropagation(), a.handleDownload && a.handleDownload();
         },
         children: /* @__PURE__ */ t(m, { className: "tarjeta-listado-download-icon" })
       }

package/dist/ui.js

@@ -1,23 +1,25 @@
 import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
-import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
-import { ContenidoModal as n } from "./ui/contenido-modal/ContenidoModal.js";
-import { Paginador as f } from "./ui/paginador/Paginador.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, EcoModal as s } from "./tables/tabla-registros/modal/Modal.js";
-import { Animacion as I } from "./ui/animacion/Animacion.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 {
-  I as Animacion,
-  C as ContenedorVentana,
-  n as ContenidoModal,
-  g as CustomModal,
-  s as EcoModal,
+  z as Animacion,
+  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,
-  f as Paginador,
-  m as Subtitulo
+  n as Paginador,
+  a as Subtitulo
 };

package/dist/utils/unp-historico/UnpHistorico.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as s, jsxs as a } from "react/jsx-runtime";
 import { useState as l, useEffect as N } from "react";
-import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';/* empty css                          */
+import '../../assets/EcoModalStyles.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/Logo.css';import '../../assets/TarjetaLectura.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/UnpHistorico.css';/* empty css                          */
 /* empty css                     */
 /* empty css                       */
 import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
@@ -20,9 +20,11 @@ import "react-router-dom";
 /* empty css                          */
 /* empty css                               */
 /* empty css                   */
+import "../../index-BrykDZgK.js";
+/* empty css                            */
 import { Animacion as v } from "../../ui/animacion/Animacion.js";
 import { T as g } from "../../Table-C5ydZooy.js";
-const G = ({ endpoint: h, nuip: r }) => {
+const K = ({ endpoint: h, nuip: r }) => {
   const [c, m] = l({
     sintesisHechos1: !1,
     sintesisHehcos2: !1
@@ -156,5 +158,5 @@ const G = ({ endpoint: h, nuip: r }) => {
   ] }) });
 };
 export {
-  G as UnpHistorico
+  K as UnpHistorico
 };

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",
+  "version": "1.7.2-pre.0",
   "type": "module",
   "exports": {
     ".": {