react-ecosistema-unp 1.2.1 → 1.2.3

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}
+.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}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,59 +1,64 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import e from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
-import { C as j, a as g } from "../../Card-BXqmurzN.js";
-import { C as S } from "../../CardBody-RoDe1y90.js";
-import { B as x } from "../../Button-DMwpnJlD.js";
-const N = {
+import { C as j, a as C } from "../../Card-BXqmurzN.js";
+import { C as N } from "../../CardBody-RoDe1y90.js";
+import { B as S } from "../../Button-DMwpnJlD.js";
+const h = {
   marginBottom: "20px",
   width: "100px"
-}, _ = ({
-  title: m,
-  header: a = !1,
-  children: n,
-  method: i = "get",
+}, L = ({
+  title: c,
+  header: s = !1,
+  children: i,
+  method: l = "get",
   validated: d = !1,
-  onSubmit: c,
-  hasPaddingTop: y = !0
+  onSubmit: u,
+  hasPaddingTop: y = !0,
+  onClose: a
 }) => {
-  const r = e.Children.toArray(n), f = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", o = r.filter(
+  const n = e.Children.toArray(i), f = n[0] && e.isValidElement(n[0]) && n[0].type.displayName === "Subtitulo", m = n.filter(
     (t) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
-  ), u = o.length > 0, C = e.Children.map(n, (t, l) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
-    isGray: t.props.isGray ?? l % 2 === 1,
-    isLast: t.props.isLast ?? l === o.length - 1
+  ), g = m.length > 0, b = e.Children.map(i, (t, p) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
+    isGray: t.props.isGray ?? p % 2 === 1,
+    isLast: t.props.isLast ?? p === m.length - 1
   }) : t);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ o(
     "form",
     {
-      method: i,
+      method: l,
       noValidate: !0,
-      onSubmit: c,
+      onSubmit: u,
       className: d ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ p(j, { className: "border-0 tarjeta-unp", children: [
-          /* @__PURE__ */ s(
-            g,
+        /* @__PURE__ */ o(j, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ o(
+            C,
             {
               className: "bg-unp text-light tarjeta-header-unp",
               style: {
-                paddingTop: "1rem",
-                paddingBottom: "1rem",
-                fontSize: a ? "1.125rem" : "1.075rem",
-                fontWeight: a ? 500 : "",
-                display: a ? "flex" : "",
-                justifyContent: a ? "center" : ""
+                paddingTop: a ? "0.55rem" : "1rem",
+                paddingBottom: a ? "0.55rem" : "1rem",
+                fontSize: s ? "1.125rem" : "1.075rem",
+                fontWeight: s ? 500 : "",
+                display: "flex",
+                justifyContent: s ? "center" : "space-between",
+                alignItems: "center"
               },
-              children: m
+              children: [
+                /* @__PURE__ */ r("span", { style: { marginLeft: s && a ? "auto" : "" }, children: c }),
+                a && /* @__PURE__ */ r("button", { className: "card-close-button", onClick: a, type: "button", children: "×" })
+              ]
             }
           ),
-          u ? C : /* @__PURE__ */ s(S, { className: `${f || !y ? "pt-0" : ""}`, children: n })
+          g ? b : /* @__PURE__ */ r(N, { className: `${f || !y ? "pt-0" : ""}`, children: i })
         ] }),
-        i === "post" && /* @__PURE__ */ s("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ s(x, { variant: "unp_send", style: N, type: "submit", children: "Enviar" }) })
+        l === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: h, type: "submit", children: "Enviar" }) })
       ]
     }
   );
 };
 export {
-  _ as Tarjeta
+  L as Tarjeta
 };

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

@@ -1,41 +1,44 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as s, useRef as m, useEffect as d } from "react";
-import { q as j, r as u } from "../../index-CcQhl4DX.js";
-import '../../assets/UnpHistorico.css';const w = ({ icon: r, label: c, show: l = !1, children: h }) => {
-  const [t, o] = s(l), [f, i] = s(0), a = m(null);
-  return d(() => {
-    t && a.current ? i(a.current.scrollHeight) : i(0);
-  }, [t]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useState as r, useRef as d, useEffect as u } from "react";
+import { q as j, r as N } from "../../index-CcQhl4DX.js";
+import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h = !1, children: o }) => {
+  const [e, i] = r(h), [f, s] = r(0), a = d(null);
+  return u(() => {
+    if (!a.current) return;
+    const m = a.current;
+    (() => {
+      s(e ? m.scrollHeight : 0);
+    })();
+  }, [e, o]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
     /* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
       /* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
-        /* @__PURE__ */ e(r, { className: "tarjeta-info-icon" }),
-        /* @__PURE__ */ e("span", { children: c })
+        /* @__PURE__ */ t(c, { className: "tarjeta-info-icon" }),
+        /* @__PURE__ */ t("span", { children: l })
       ] }),
-      /* @__PURE__ */ e("div", { className: "tarjeta-info-show-container", children: t ? /* @__PURE__ */ e(
+      /* @__PURE__ */ t("div", { className: "tarjeta-info-show-container", children: e ? /* @__PURE__ */ t(
         j,
         {
           className: "tarjeta-info-show-button",
-          onClick: () => o(!t)
+          onClick: () => i(!e)
         }
-      ) : /* @__PURE__ */ e(
-        u,
+      ) : /* @__PURE__ */ t(
+        N,
         {
           className: "tarjeta-info-show-button",
-          onClick: () => o(!t)
+          onClick: () => i(!e)
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "div",
       {
         className: "tarjeta-info-children-container",
         style: { height: `${f}px` },
-        ref: a,
-        children: /* @__PURE__ */ e("div", { className: "tarjeta-info-content", children: h })
+        children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: a, children: o })
       }
     )
   ] });
 };
 export {
-  w as TarjetaInfo
+  C as TarjetaInfo
 };

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

@@ -8,6 +8,7 @@ interface TarjetaProps {
     validated?: boolean;
     onSubmit?: (...args: any[]) => any;
     hasPaddingTop?: boolean;
+    onClose?: (...args: any[]) => any;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;
 export { Tarjeta };

package/dist/shared/iconos-sistema/IconosSistema.js

@@ -1,18 +1,18 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { N as n } from "../../NotificacionUsuario-B0uOnywk.js";
-import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
-  s && s.slice(0, 5).map((o, c) => /* @__PURE__ */ a("div", { className: "icono-sistema-tooltip-container", children: [
-    /* @__PURE__ */ i(
-      o.icon,
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { N as r } from "../../NotificacionUsuario-B0uOnywk.js";
+import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PURE__ */ c("div", { className: "iconos-sistema-container", children: [
+  s && s.slice(0, 5).map((i, a) => /* @__PURE__ */ c("div", { className: "icono-sistema-tooltip-container", children: [
+    /* @__PURE__ */ o(
+      i.icon,
       {
         className: "iconos-sistema-icon",
-        onClick: o.action
+        onClick: i.action
       },
-      c
+      a
     ),
-    o.label && /* @__PURE__ */ i("span", { className: "icono-sistema-tooltip-text", children: o.label })
-  ] })),
-  s && /* @__PURE__ */ i(
+    i.label && /* @__PURE__ */ o("span", { className: "icono-sistema-tooltip-text", children: i.label })
+  ] }, a)),
+  s && /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -25,7 +25,7 @@ import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PUR
       }
     }
   ),
-  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(n, {}) })
+  /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(r, {}) })
 ] });
 export {
   p as IconosSistema

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

@@ -11,7 +11,7 @@ import { TarjetaInfo as N } from "../../cards/tarjeta-info/TarjetaInfo.js";
 import { F as b } from "../../index-COVtBfm6.js";
 import { fetchHistorico as p } from "./FetchHistorico.js";
 import { T as u } from "../../Table-dmTfkFLf.js";
-const I = ({ endpoint: h, nuip: d }) => {
+const D = ({ endpoint: h, nuip: d }) => {
   const [c, o] = n({
     sintesisHechos1: !1,
     sintesisHehcos2: !1
@@ -55,7 +55,7 @@ const I = ({ endpoint: h, nuip: d }) => {
       /* @__PURE__ */ t("td", { className: "text-start", children: /* @__PURE__ */ t("b", { children: "Factor diferencial" }) }),
       /* @__PURE__ */ t("td", { className: "text-start", children: e.factorDiferencial })
     ] }),
-    " ",
+    /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 2 }) }),
     /* @__PURE__ */ s("tr", { children: [
       /* @__PURE__ */ t("td", { className: "text-start", children: /* @__PURE__ */ t("b", { children: "Analista de riesgo" }) }),
       /* @__PURE__ */ t("td", { className: "text-start", children: e.analistaRiesgo })
@@ -141,5 +141,5 @@ const I = ({ endpoint: h, nuip: d }) => {
   ] }) }) }, a)) }) : /* @__PURE__ */ t(i, { children: "No hay información disponible." }) });
 };
 export {
-  I as UnpHistorico
+  D as UnpHistorico
 };

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.2.1",
+  "version": "1.2.3",
   "type": "module",
   "exports": {
     ".": {