react-ecosistema-unp 1.7.7 → 1.7.8

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