react-ecosistema-unp 1.7.6 → 1.7.8

package/dist/assets/Tabla.css

@@ -1 +1 @@
-.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.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}@media (max-height: 780px){.table-scroll{max-height:65vh!important}}@media (max-height: 670px){.table-scroll{max-height:60vh!important}}@media (max-height: 590px){.table-scroll{max-height:55vh!important}}@media (max-height: 520px){.table-scroll{max-height:50vh!important}}@media (max-height: 470px){.table-scroll{max-height:40vh!important}}.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:16px}.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}}.search-column-input{border-radius:11px!important;padding-right:40px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:#3c2970;color:#fff;font-weight:600;cursor:pointer}
+.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.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}@media (max-height: 780px){.table-scroll{max-height:65vh!important}}@media (max-height: 670px){.table-scroll{max-height:60vh!important}}@media (max-height: 590px){.table-scroll{max-height:55vh!important}}@media (max-height: 520px){.table-scroll{max-height:50vh!important}}@media (max-height: 470px){.table-scroll{max-height:40vh!important}}.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:16px}.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}}.search-column-input{border-radius:11px!important;padding-right:25px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:#3c2970;color:#fff;font-weight:600;cursor:pointer}

package/dist/assets/Tarjeta.css

@@ -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;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.card-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff;margin-left:auto}.card-close-button:hover{color:#d36269}
+.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:1rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.card-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff;margin-left:auto}.card-close-button:hover{color:#d36269}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,43 +1,43 @@
-import { jsxs as o, jsx as e, Fragment as S } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
-import { C as x, a as h } from "../../Card-DAsInpjB.js";
-import { C as B } from "../../CardBody-CqyD8ylW.js";
-import { B as E } from "../../Button-B87TJYml.js";
-const T = {
-  marginBottom: "20px",
+import { C as v, a as E } from "../../Card-DAsInpjB.js";
+import { C as T } from "../../CardBody-CqyD8ylW.js";
+import { B as x } from "../../Button-B87TJYml.js";
+const V = {
   width: "100px"
-}, I = ({
-  title: d,
+}, k = ({
+  title: y,
   header: s = !1,
-  children: n,
-  method: l = "get",
-  validated: c = !1,
-  onSubmit: u,
-  hasPaddingTop: y = !0,
+  children: i,
+  method: o = "get",
+  validated: u = !1,
+  onSubmit: f,
+  hasPaddingTop: g = !0,
   onClose: r,
-  hasBody: f = !0,
-  buttonLabel: g = "Enviar",
-  isButtonDisabled: b = !1
+  hasBody: b = !0,
+  buttonLabel: j = "Enviar",
+  isButtonDisabled: h = !1,
+  extraButton: m
 }) => {
-  const i = a.Children.toArray(n), j = i[0] && a.isValidElement(i[0]) && i[0].type.displayName === "Subtitulo", m = i.filter(
-    (t) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
-  ), C = m.length > 0, N = a.Children.map(n, (t, p) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? a.cloneElement(t, {
-    isGray: t.props.isGray ?? p % 2 === 1,
-    isLast: t.props.isLast ?? p === m.length - 1
-  }) : t);
-  return /* @__PURE__ */ o(
+  const n = a.Children.toArray(i), C = n[0] && a.isValidElement(n[0]) && n[0].type.displayName === "Subtitulo", p = n.filter(
+    (e) => a.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
+  ), N = p.length > 0, S = a.Children.map(i, (e, d) => a.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? a.cloneElement(e, {
+    isGray: e.props.isGray ?? d % 2 === 1,
+    isLast: e.props.isLast ?? d === p.length - 1
+  }) : e);
+  return /* @__PURE__ */ l(
     "form",
     {
-      method: l,
+      method: o,
       noValidate: !0,
-      onSubmit: u,
-      className: c ? "was-validated" : "",
+      onSubmit: f,
+      className: u ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ o(x, { className: "border-0 tarjeta-unp", children: [
-          /* @__PURE__ */ o(
-            h,
+        /* @__PURE__ */ l(v, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ l(
+            E,
             {
               className: "bg-unp text-light tarjeta-header-unp",
               style: {
@@ -50,18 +50,21 @@ const T = {
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ e("span", { style: { marginLeft: s && r ? "auto" : "" }, children: d }),
-                r && /* @__PURE__ */ e("button", { className: "card-close-button", onClick: r, type: "button", children: "×" })
+                /* @__PURE__ */ t("span", { style: { marginLeft: s && r ? "auto" : "" }, children: y }),
+                r && /* @__PURE__ */ t("button", { className: "card-close-button", onClick: r, type: "button", children: "×" })
               ]
             }
           ),
-          C ? N : f ? /* @__PURE__ */ e(B, { className: `${j || !y ? "pt-0" : ""}`, children: n }) : /* @__PURE__ */ e(S, { children: n })
+          N ? S : b ? /* @__PURE__ */ t(T, { className: `${C || !g ? "pt-0" : ""}`, children: i }) : /* @__PURE__ */ t(c, { children: i })
         ] }),
-        l === "post" && /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ e(E, { variant: "unp_send", style: T, type: "submit", disabled: b, children: g }) })
+        (o === "post" || m) && /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "end", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ t("div", { children: o === "post" && /* @__PURE__ */ t(x, { variant: "unp_send", style: V, type: "submit", disabled: h, children: j }) }),
+          /* @__PURE__ */ t("div", { children: m && /* @__PURE__ */ t(c, { children: m }) })
+        ] })
       ]
     }
   );
 };
 export {
-  I as Tarjeta
+  k as Tarjeta
 };

package/dist/lib/auth/contexts/AuthContex.d.ts

@@ -4,5 +4,8 @@ declare const AuthContext: React.Context<AuthContextType | undefined>;
 interface AuthProviderProps {
     children: ReactNode;
 }
+/**
+ * @deprecated since version 1.7.7 — use `EcoProvider` instead.
+ */
 declare const AuthProvider: React.FC<AuthProviderProps>;
 export { AuthContext, AuthProvider };

package/dist/lib/cards/tarjeta/Tarjeta.d.ts

@@ -12,6 +12,7 @@ interface TarjetaProps {
     hasBody?: boolean;
     buttonLabel?: string;
     isButtonDisabled?: boolean;
+    extraButton?: React.ReactNode;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;
 export { Tarjeta };

package/dist/lib/tables/tabla-registros/TablaRegistros.d.ts

@@ -22,6 +22,7 @@ interface TableProps {
     closeModalOut?: boolean;
     enableColumnSearch?: boolean;
     enableColumnSorter?: boolean;
+    disableClose?: boolean;
 }
 declare const TablaRegistros: React.FC<TableProps>;
 export { TablaRegistros };

package/dist/lib/utils/eco-provider/EcoContext.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const EcoProvider: React.FC<{
+    children: ReactNode;
+}>;

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

@@ -15,6 +15,9 @@ interface WebSocketContextType {
     */
     sendWebSocketMessage: (data: any) => void;
 }
+/**
+ * @deprecated since version 1.7.7 — use `EcoProvider` instead.
+ */
 export declare const WebSocketProvider: React.FC<{
     children: ReactNode;
 }>;

package/dist/lib/utils.d.ts

@@ -1,3 +1,4 @@
+export { EcoProvider } from './utils/eco-provider/EcoContext.js';
 export { AuthProvider } from './auth/contexts/AuthContex.js';
 export { ProtectedRoute } from './utils/components/ProtectedRoute.js';
 export { UserRoute } from './utils/components/UserRoute.js';