react-ecosistema-unp 1.7.11 → 1.7.13

package/dist/ui/paginador/Paginador.js

@@ -1,80 +1,89 @@
-import { jsxs as s, Fragment as h, jsx as i } from "react/jsx-runtime";
-import { useState as p, useRef as y, useEffect as g } from "react";
+import { jsxs as s, Fragment as g, jsx as i } from "react/jsx-runtime";
+import { useState as v, useRef as b, useEffect as N } from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Paginador.css';/* empty css                       */
 /* empty css                       */
-import { C as v } from "../../Card-DAsInpjB.js";
+import { C as k } from "../../Card-DAsInpjB.js";
 import { B as f } from "../../Button-B87TJYml.js";
-const w = ({ stepContent: t, onSubmit: d, canJump: c = !0 }) => {
-  const [e, a] = p(0), o = y(null);
-  return g(() => {
+const E = ({
+  stepContent: a,
+  onSubmit: d,
+  canJump: c = !0,
+  sendButtonLabel: p = "Enviar",
+  isSendButtonDisabled: y = !1,
+  extraButton: u
+}) => {
+  const [e, t] = v(0), o = b(null);
+  return N(() => {
     o.current && e > 0 && o.current.scrollIntoView({
       behavior: "smooth"
     });
-  }, [e]), /* @__PURE__ */ s(h, { children: [
-    /* @__PURE__ */ i(v, { ref: o, className: "border-0 paginador-card", children: /* @__PURE__ */ i("ul", { id: "progressbar", children: t.map((n, r) => /* @__PURE__ */ s(
+  }, [e]), /* @__PURE__ */ s(g, { children: [
+    /* @__PURE__ */ i(k, { ref: o, className: "border-0 paginador-card", children: /* @__PURE__ */ i("ul", { id: "progressbar", children: a.map((l, r) => /* @__PURE__ */ s(
       "li",
       {
         className: r <= e ? "active" : "",
         onClick: async () => {
-          if (t[e].handleNextClick && !c) {
-            const l = t[e].handleNextClick;
-            let u = !0;
-            if (l) {
-              const m = await l();
-              typeof m == "boolean" && (u = m);
+          if (a[e].handleNextClick && !c) {
+            const n = a[e].handleNextClick;
+            let m = !0;
+            if (n) {
+              const h = await n();
+              typeof h == "boolean" && (m = h);
             }
-            u && a(e + 1);
-          } else c ? c && a(r) : (r === e + 1 || r < e) && a(r);
+            m && (r >= e + 1 ? t(e + 1) : r < e && t(r));
+          } else c ? c && t(r) : (r === e + 1 || r < e) && t(r);
         },
         children: [
-          /* @__PURE__ */ i("div", { className: `step ${r <= e ? "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 })
         ]
       },
       r
     )) }) }),
-    /* @__PURE__ */ i("div", { className: "paginador-content", children: t[e].content }),
+    /* @__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,
         {
           type: "button",
           variant: "unp_secondary",
-          onClick: () => a(e - 1),
+          onClick: () => t(e - 1),
           children: "Anterior"
         }
       ),
-      e < t.length - 1 && /* @__PURE__ */ i(
+      e < a.length - 1 && /* @__PURE__ */ i(
         f,
         {
           type: "button",
           variant: "unp_primary",
           style: { justifySelf: "end", marginLeft: "1rem" },
           onClick: async () => {
-            const n = t[e].handleNextClick;
+            const l = a[e].handleNextClick;
             let r = !0;
-            if (n) {
-              const l = await n();
-              typeof l == "boolean" && (r = l);
+            if (l) {
+              const n = await l();
+              typeof n == "boolean" && (r = n);
             }
-            r && a(e + 1);
+            r && t(e + 1);
           },
           children: "Siguiente"
         }
       ),
-      e === t.length - 1 && d && /* @__PURE__ */ i(
+      e === a.length - 1 && d && /* @__PURE__ */ i(
         f,
         {
-          type: "submit",
+          type: "button",
           variant: "unp_send",
           onClick: d,
           style: { marginLeft: "1rem" },
-          children: "Enviar"
+          disabled: y,
+          children: p
         }
-      )
+      ),
+      u && /* @__PURE__ */ i("div", { children: u })
     ] })
   ] });
 };
 export {
-  w as Paginador
+  E as Paginador
 };

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