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

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

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

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

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

package/dist/lib/ui.d.ts

@@ -7,6 +7,5 @@ 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/Modal.js';
-export { EcoModal as EcoModalTest } from './tables/tabla-registros/modal-test/EcoModal.js';
+export { EcoModal } from './tables/tabla-registros/modal-v2/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 {
-    socket: WebSocket | null;
+    private socket;
     private messageHandlers;
     private statusCallbacks;
     private url;

package/dist/shared/menu-lateral/MenuLateral.js

@@ -270,15 +270,15 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
               {
                 className: "gear__path",
                 fill: "none",
-                d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\r
-       M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65\r
-       1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65\r
-       0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65\r
-       1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0\r
-       1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65\r
-       0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0\r
-       1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65\r
-       0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0\r
+                d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z
+       M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65
+       1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65
+       0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65
+       1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0
+       1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65
+       0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0
+       1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65
+       0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0
        0-1.51 1z`
               }
             )

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/Modal.js";
+import { EcoModal as An } from "./modal-v2/EcoModal.js";
 import { EncabezadoTabla as En } from "./encabezado-tabla/EncabezadoTabla.js";
 import { useNavigate as Bn } from "react-router-dom";
 import '../../assets/TablaRegistros.css';/*!
@@ -1726,6 +1726,7 @@ 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/modal/Modal.js

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

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

@@ -0,0 +1,117 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { useState as m, useRef as q, useEffect as f } from "react";
+import { R as I } from "../../../index-BrykDZgK.js";
+import { q as M, r as A } from "../../../index-069JzHFQ.js";
+import '../../../assets/EcoModalStyles.css';/* empty css                               */
+const V = ({
+  show: n,
+  onHide: p,
+  title: S,
+  children: k,
+  closeModalOut: E,
+  isMaximized: o,
+  onToggleMaximize: h,
+  showMaximizeButton: R = !1,
+  modalType: s = "primary",
+  primaryPosition: r = "right",
+  disableClose: y = !1,
+  hasSecondaryModalOpen: j = !1,
+  otherModalOpen: c = !1,
+  widthPercent: b,
+  headerBgColor: D = "#303D50",
+  hasBody: _ = !0
+}) => {
+  const [v, g] = m(!1), [l, i] = m(!1), [w, C] = m(!1), t = q(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"}`, x = () => {
+    const e = ["modal-overlay"];
+    return s === "primary" ? e.push(`primary-${r}`) : e.push("secondary-overlay"), v && !l && e.push("show"), l && e.push("hide"), e.join(" ");
+  }, W = () => {
+    const e = ["modal-container", s, $()];
+    return v && !l && e.push("show"), l && e.push("hide"), o && e.push("maximized"), r === "center" && e.push("centered"), e.join(" ");
+  }, L = s === "primary" ? y || j : y, z = s === "primary" && n && c, F = () => {
+    !L && s === "primary" && E && (i(!0), setTimeout(() => {
+      p(), i(!1);
+    }, 200));
+  }, O = () => {
+    const e = {};
+    return s === "primary" && !o && b && (e["--modal-primary-width"] = `${b}%`), e;
+  }, N = /* @__PURE__ */ a("div", { className: x(), onClick: F, children: /* @__PURE__ */ u(
+    "div",
+    {
+      className: W(),
+      style: O(),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ u(
+          "div",
+          {
+            className: "modal_header",
+            style: { backgroundColor: D },
+            children: [
+              /* @__PURE__ */ a("span", { children: S }),
+              /* @__PURE__ */ u("div", { style: { display: "flex", gap: 10 }, children: [
+                R && h && /* @__PURE__ */ a(
+                  "button",
+                  {
+                    className: "max_button",
+                    onClick: h,
+                    type: "button",
+                    disabled: z,
+                    children: o ? /* @__PURE__ */ a(M, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(A, { size: 14, className: "icon-header" })
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    className: "close_button",
+                    onClick: p,
+                    type: "button",
+                    disabled: L,
+                    children: "×"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "modal_body",
+            style: { padding: _ ? "1rem" : "0rem" },
+            children: k
+          }
+        )
+      ]
+    }
+  ) });
+  return s === "secondary" && t.current ? I.createPortal(N, t.current) : N;
+};
+export {
+  V as EcoModal
+};