react-ecosistema-unp 0.9.2 → 0.9.4

package/dist/ui/paginador/Paginador.js

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

package/dist/ui/tarjeta/Tarjeta.js

@@ -1,19 +1,20 @@
-import { jsxs as l, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as l, Fragment as u, jsx as a } from "react/jsx-runtime";
 import e from "react";
-import '../../assets/Tarjeta.css';/* empty css                     */
+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 = {
   marginBottom: "20px",
   width: "100px"
-}, B = ({
+}, v = ({
   title: p,
   children: s,
   method: n,
   onSubmit: m
 }) => {
-  const a = e.Children.toArray(s), c = a[0] && e.isValidElement(a[0]) && a[0].type.displayName === "Subtitulo", i = a.filter(
+  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,
@@ -21,12 +22,12 @@ const b = {
   }) : t);
   return /* @__PURE__ */ l(u, { children: [
     /* @__PURE__ */ l(f, { className: "border-0 mb-4 tarjeta-unp", children: [
-      /* @__PURE__ */ r(C, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
-      d ? y : /* @__PURE__ */ r(j, { className: `${c ? "pt-0" : ""}`, children: s })
+      /* @__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 })
     ] }),
-    n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(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(S, { variant: "unp_send", style: b, onClick: m, children: "Enviar" }) })
   ] });
 };
 export {
-  B as Tarjeta
+  v as Tarjeta
 };

package/dist/ui/tarjeta/nuevo-elemento/NuevoElemento.js

@@ -1,5 +1,6 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { b as s } from "../../../index-DAgOFOds.js";
+import '../../../assets/Bootstrap.css';/* empty css                          */
 import { B as a } from "../../../Button-DMwpnJlD.js";
 const d = {
   fontColor: "#303d50s",
@@ -7,7 +8,7 @@ const d = {
   fontWeight: "700",
   // marginBottom: '6.66rem',
   color: "#303d50"
-}, p = ({ label: o, children: e, onClose: t, isGray: n = !1 }) => /* @__PURE__ */ i(
+}, c = ({ label: o, children: e, onClose: t, isGray: i = !1 }) => /* @__PURE__ */ n(
   "div",
   {
     className: "border border-gray-300",
@@ -16,7 +17,7 @@ const d = {
       padding: "1rem",
       marginTop: "0.5rem",
       marginBottom: "0.5rem",
-      background: n ? "#f7f7f7" : "#ffffff",
+      background: i ? "#f7f7f7" : "#ffffff",
       borderRadius: "10px"
     },
     children: [
@@ -42,5 +43,5 @@ const d = {
   }
 );
 export {
-  p as NuevoElemento
+  c as NuevoElemento
 };

package/dist/ui/tarjeta-lectura/TarjetaLectura.js

@@ -1,11 +1,12 @@
 import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
 import { useState as v, useRef as d, useEffect as y } from "react";
-import '../../assets/TarjetaLectura.css';/* empty css                            */
+import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css                            */
 import { Logo as _ } from "../logo/Logo.js";
 import { SeccionTarjetaLectura as g } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
-import { B as h } from "../../Button-DMwpnJlD.js";
-const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
-  const [r, t] = v(0), p = d(null), c = d(null);
+/* empty css                       */
+import { B as m } from "../../Button-DMwpnJlD.js";
+const L = ({ title: h, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
+  const [r, a] = v(0), p = d(null), c = d(null);
   return y(() => {
     c.current && r > 0 && c.current.scrollIntoView({
       behavior: "smooth"
@@ -14,34 +15,34 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
     /* @__PURE__ */ i("form", { ref: p, className: "form_qy", children: [
       /* @__PURE__ */ i("div", { className: "main_title_container_qy", children: [
         /* @__PURE__ */ i("div", { className: "subtitle_container_qy", children: [
-          /* @__PURE__ */ e("h3", { children: m }),
+          /* @__PURE__ */ e("h3", { children: h }),
           /* @__PURE__ */ e("h5", { children: u })
         ] }),
         /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(_, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
       n ? /* @__PURE__ */ i("div", { ref: c, children: [
-        /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
+        /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, t) => /* @__PURE__ */ i(
           "li",
           {
-            className: a <= r ? "active" : "",
-            onClick: () => t(a),
+            className: t <= r ? "active" : "",
+            onClick: () => a(t),
             children: [
-              /* @__PURE__ */ e("div", { className: `step ${a <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
+              /* @__PURE__ */ e("div", { className: `step ${t <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, { size: 18 }) }),
               /* @__PURE__ */ e("strong", { children: s.label })
             ]
           },
-          a
+          t
         )) }) }),
         /* @__PURE__ */ e("div", { children: n[r].content })
       ] }) : o && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { children: o }) })
     ] }),
     n && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
       r > 0 && /* @__PURE__ */ e(
-        h,
+        m,
         {
           variant: "unp_secondary",
-          onClick: () => t(r - 1),
+          onClick: () => a(r - 1),
           style: {
             marginRight: "1rem"
           },
@@ -49,11 +50,11 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
         }
       ),
       r < n.length - 1 && /* @__PURE__ */ e(
-        h,
+        m,
         {
           variant: "unp_primary",
           style: { justifySelf: "end" },
-          onClick: () => t(r + 1),
+          onClick: () => a(r + 1),
           children: "Siguiente"
         }
       )
@@ -61,5 +62,5 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
   ] });
 };
 export {
-  k as TarjetaLectura
+  L as TarjetaLectura
 };

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