react-ecosistema-unp 0.9.5 → 0.9.7

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

@@ -3,6 +3,7 @@ interface TarjetaProps {
     title: string;
     children: React.ReactNode;
     method?: string;
+    validated?: boolean;
     onSubmit?: (...args: any[]) => any;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;

package/dist/ui/paginador/Paginador.js

@@ -1,63 +1,71 @@
-import { jsxs as c, Fragment as m, jsx as i } from "react/jsx-runtime";
-import { useState as u, useRef as p, useEffect as h } from "react";
+import { jsxs as s, Fragment as h, jsx as i } from "react/jsx-runtime";
+import { useState as p, useRef as g, useEffect as y } from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Paginador.css';/* empty css                       */
 /* empty css                       */
-import { C as g } from "../../Card-BXqmurzN.js";
-import { B as o } from "../../Button-DMwpnJlD.js";
-const j = ({ stepContent: a, onSubmit: s, canJump: d = !0 }) => {
-  const [r, t] = u(0), l = p(null);
-  return h(() => {
-    l.current && r > 0 && l.current.scrollIntoView({
+import { C as v } from "../../Card-BXqmurzN.js";
+import { B as f } from "../../Button-DMwpnJlD.js";
+const w = ({ stepContent: a, onSubmit: d, canJump: c = !0 }) => {
+  const [e, t] = p(0), o = g(null);
+  return y(() => {
+    o.current && e > 0 && o.current.scrollIntoView({
       behavior: "smooth"
     });
-  }, [r]), /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ i(g, { ref: l, className: "border-0 paginador-card", children: /* @__PURE__ */ i("ul", { id: "progressbar", children: a.map((n, e) => /* @__PURE__ */ c(
+  }, [e]), /* @__PURE__ */ s(h, { children: [
+    /* @__PURE__ */ i(v, { ref: o, className: "border-0 paginador-card", children: /* @__PURE__ */ i("ul", { id: "progressbar", children: a.map((l, r) => /* @__PURE__ */ s(
       "li",
       {
-        className: e <= r ? "active" : "",
-        onClick: () => {
-          d ? d && t(e) : (e === r + 1 || e < r) && t(e);
+        className: r <= e ? "active" : "",
+        onClick: async () => {
+          if (a[e].handleNextClick && !c) {
+            const n = a[e].handleNextClick;
+            let u = !0;
+            if (n) {
+              const m = await n();
+              typeof m == "boolean" && (u = m);
+            }
+            u && t(e + 1);
+          } else c ? c && t(r) : (r === e + 1 || r < e) && t(r);
         },
         children: [
-          /* @__PURE__ */ i("div", { className: `step ${e <= r ? "active" : ""}`, children: /* @__PURE__ */ i(n.icon, { size: 18 }) }),
-          /* @__PURE__ */ i("strong", { children: n.label })
+          /* @__PURE__ */ i("div", { className: `step ${r <= e ? "active" : ""}`, children: /* @__PURE__ */ i(l.icon, { size: 18 }) }),
+          /* @__PURE__ */ i("strong", { children: l.label })
         ]
       },
-      e
+      r
     )) }) }),
-    /* @__PURE__ */ i("div", { className: "paginador-content", children: a[r].content }),
-    /* @__PURE__ */ c("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
-      r > 0 && /* @__PURE__ */ i(
-        o,
+    /* @__PURE__ */ i("div", { className: "paginador-content", children: a[e].content }),
+    /* @__PURE__ */ s("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
+      e > 0 && /* @__PURE__ */ i(
+        f,
         {
           variant: "unp_secondary",
-          onClick: () => t(r - 1),
+          onClick: () => t(e - 1),
           children: "Anterior"
         }
       ),
-      r < a.length - 1 && /* @__PURE__ */ i(
-        o,
+      e < a.length - 1 && /* @__PURE__ */ i(
+        f,
         {
           variant: "unp_primary",
           style: { justifySelf: "end", marginLeft: "1rem" },
           onClick: async () => {
-            const n = a[r].handleNextClick;
-            let e = !0;
-            if (n) {
-              const f = await n();
-              typeof f == "boolean" && (e = f);
+            const l = a[e].handleNextClick;
+            let r = !0;
+            if (l) {
+              const n = await l();
+              typeof n == "boolean" && (r = n);
             }
-            e && t(r + 1);
+            r && t(e + 1);
           },
           children: "Siguiente"
         }
       ),
-      r === a.length - 1 && s && /* @__PURE__ */ i(
-        o,
+      e === a.length - 1 && d && /* @__PURE__ */ i(
+        f,
         {
           type: "submit",
           variant: "unp_send",
-          onClick: s,
+          onClick: d,
           style: { marginLeft: "1rem" },
           children: "Enviar"
         }
@@ -66,5 +74,5 @@ const j = ({ stepContent: a, onSubmit: s, canJump: d = !0 }) => {
   ] });
 };
 export {
-  j as Paginador
+  w as Paginador
 };

package/dist/ui/tarjeta/Tarjeta.js

@@ -1,33 +1,42 @@
-import { jsxs as l, Fragment as u, jsx as a } from "react/jsx-runtime";
-import e from "react";
+import { jsxs as l, Fragment as f, jsx as a } from "react/jsx-runtime";
+import t from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
-import { C as f, a as C } from "../../Card-BXqmurzN.js";
-import { C as j } from "../../CardBody-RoDe1y90.js";
-import { B as S } from "../../Button-DMwpnJlD.js";
-const b = {
+import { C, a as j } from "../../Card-BXqmurzN.js";
+import { C as S } from "../../CardBody-RoDe1y90.js";
+import { B as b } from "../../Button-DMwpnJlD.js";
+const g = {
   marginBottom: "20px",
   width: "100px"
-}, v = ({
+}, V = ({
   title: p,
   children: s,
   method: n,
-  onSubmit: m
+  validated: m = !1,
+  onSubmit: d
 }) => {
-  const r = e.Children.toArray(s), c = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", i = r.filter(
-    (t) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
-  ), d = i.length > 0, y = e.Children.map(s, (t, o) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
-    isGray: t.props.isGray ?? o % 2 === 1,
-    isLast: t.props.isLast ?? o === i.length - 1
-  }) : t);
-  return /* @__PURE__ */ l(u, { children: [
-    /* @__PURE__ */ l(f, { className: "border-0 mb-4 tarjeta-unp", children: [
-      /* @__PURE__ */ a(C, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
-      d ? y : /* @__PURE__ */ a(j, { className: `${c ? "pt-0" : ""}`, children: s })
+  const r = t.Children.toArray(s), c = r[0] && t.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", i = r.filter(
+    (e) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
+  ), y = i.length > 0, u = t.Children.map(s, (e, o) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? t.cloneElement(e, {
+    isGray: e.props.isGray ?? o % 2 === 1,
+    isLast: e.props.isLast ?? o === i.length - 1
+  }) : e);
+  return /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ l(C, { className: "border-0 mb-4 tarjeta-unp", children: [
+      /* @__PURE__ */ a(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
+      /* @__PURE__ */ a(
+        "form",
+        {
+          method: n,
+          noValidate: !0,
+          className: m ? "was-validated" : "",
+          children: y ? u : /* @__PURE__ */ a(S, { className: `${c ? "pt-0" : ""}`, children: s })
+        }
+      )
     ] }),
-    n === "POST" || n === "post" && /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ a(S, { variant: "unp_send", style: b, onClick: m, children: "Enviar" }) })
+    n === "POST" || n === "post" && /* @__PURE__ */ a("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ a(b, { variant: "unp_send", style: g, onClick: d, children: "Enviar" }) })
   ] });
 };
 export {
-  v as Tarjeta
+  V as 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": "0.9.5",
+  "version": "0.9.7",
   "type": "module",
   "exports": {
     ".": {