bmi-next 1.0.2 → 1.0.4

package/dist/assets/index8.css

@@ -1 +1 @@
-._selectDrawer_3w5dw_1{position:relative;width:100%}._selected_3w5dw_6{border-radius:16px;display:flex;gap:14px;border:1px solid rgba(3,12,36,.2);padding-left:22px;padding-right:5px;height:52px;box-sizing:border-box;background-color:#fff;cursor:pointer;align-items:center;font-size:19px;font-family:Palanquin BMI;line-height:1}._selected_3w5dw_6>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;align-content:center}
+._selectDrawer_7os64_1{position:relative;width:100%}._selected_7os64_6{border-radius:16px;display:flex;gap:14px;border:1px solid rgba(3,12,36,.2);padding-left:22px;padding-right:5px;height:52px;box-sizing:border-box;background-color:#fff;cursor:pointer;align-items:center;font-size:19px;font-family:Palanquin BMI;line-height:1}._selected_7os64_6>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;display:flex;align-items:center}

package/dist/components/Navbar/index.js

@@ -1,18 +1,18 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
 import "../../index-Cb7Kc3pQ.js";
 import "react";
-import { Icon as e } from "../../icons/icons.js";
+import { Icon as r } from "../../icons/icons.js";
 import { useIsMobile as b } from "../../hooks/useIsMobile.js";
 import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_navbar_1q6yo_12", x = "_backButton_1q6yo_22", g = "_progressContainer_1q6yo_30", o = {
   containerNavbar: u,
   navbar: v,
   backButton: x,
   progressContainer: g
-}, f = ({
-  progress: a,
+}, C = ({
+  progress: t,
   handleBack: i,
-  first: s,
-  title: c,
+  first: c,
+  title: e,
   style: d,
   className: l,
   logo: h = !0,
@@ -23,18 +23,17 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
       i();
       return;
     }
-  }, t = b("(max-width: 906px)");
-  return /* @__PURE__ */ r(
+  }, s = b("(max-width: 906px)");
+  return /* @__PURE__ */ a(
     "nav",
     {
       className: `${o.containerNavbar} ${l}`,
       style: d,
       ...p,
       children: [
-        /* @__PURE__ */ r("div", { className: o.navbar, children: [
-          !s && t && /* @__PURE__ */ n("span", { onClick: i, className: o.backButton, children: /* @__PURE__ */ n(e, { name: "ArrowLeft", width: 27, height: 27 }) }),
-          s && t && /* @__PURE__ */ n("span", { onClick: m, className: o.backButton, children: /* @__PURE__ */ n(e, { name: "Close", width: 33, height: 33 }) }),
-          /* @__PURE__ */ n("div", { children: c ? /* @__PURE__ */ n(
+        /* @__PURE__ */ a("div", { className: o.navbar, children: [
+          c ? /* @__PURE__ */ n("span", { onClick: m, className: o.backButton, children: /* @__PURE__ */ n(r, { name: "Close", width: 33, height: 33 }) }) : /* @__PURE__ */ n("span", { onClick: i, className: o.backButton, children: /* @__PURE__ */ n(r, { name: "ArrowLeft", width: 27, height: 27 }) }),
+          /* @__PURE__ */ n("div", { children: e ? /* @__PURE__ */ n(
             "p",
             {
               style: {
@@ -43,18 +42,18 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
                 fontFamily: "Palanquin BMI Bold",
                 color: "#2054A5"
               },
-              children: c
+              children: e
             }
           ) : h && /* @__PURE__ */ n("div", { style: { marginTop: "15px" }, children: /* @__PURE__ */ n(
-            e,
+            r,
             {
               name: "LogoBMINext",
-              width: t ? 60 : 83,
-              height: t ? 36 : 50
+              width: s ? 60 : 83,
+              height: s ? 36 : 50
             }
           ) }) })
         ] }),
-        a && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ a(
           "div",
           {
             className: o.progressContainer,
@@ -65,8 +64,8 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
                 {
                   style: {
                     height: "5px",
-                    backgroundColor: "#c9f3f7",
-                    width: `${a}%`,
+                    backgroundColor: "#45c2d6",
+                    width: `${t}%`,
                     transition: "width 0.3s ease-in-out",
                     borderRadius: "9px 0 0 9px"
                   }
@@ -77,8 +76,8 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
                 {
                   style: {
                     height: "5px",
-                    backgroundColor: "#45c2d6",
-                    width: `${100 - a}%`,
+                    backgroundColor: "#c9f3f7",
+                    width: `${100 - t}%`,
                     transition: "width 0.3s ease-in-out",
                     borderRadius: "0 9px 9px 0"
                   }
@@ -92,5 +91,5 @@ import '../../assets/index13.css';const u = "_containerNavbar_1q6yo_1", v = "_na
   );
 };
 export {
-  f as Navbar
+  C as Navbar
 };

package/dist/components/SelectDrawer/index.js

@@ -1,9 +1,9 @@
 import { jsxs as v, Fragment as x, jsx as t } from "react/jsx-runtime";
 import { Icon as E } from "../../icons/icons.js";
-import { useState as a, useRef as w, useEffect as O } from "react";
+import { useState as a, useRef as h, useEffect as O } from "react";
 import { Image as P } from "../images/index.js";
 import { DrawerPortal as R } from "../DrawerPortal/index.js";
-import '../../assets/index8.css';const j = "_selectDrawer_3w5dw_1", k = "_selected_3w5dw_6", h = {
+import '../../assets/index8.css';const j = "_selectDrawer_7os64_1", k = "_selected_7os64_6", w = {
   selectDrawer: j,
   selected: k
 };
@@ -16,19 +16,19 @@ function T({
   onChange: i,
   ...y
 }) {
-  const [l, d] = a(!1), [b, u] = a(!1), D = w(null), [_, f] = a(0), s = w(null);
-  O(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  const [s, u] = a(!1), [b, d] = a(!1), D = h(null), [_, f] = a(0), l = h(null);
+  O(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [l]);
+  }), [s]);
   const m = () => {
-    u(!0), setTimeout(() => {
-      d(!1), u(!1), f(0);
+    d(!0), setTimeout(() => {
+      u(!1), d(!1), f(0);
     }, 350);
   }, C = (e) => {
-    if (c(e), s.current) {
-      s.current.value = e.value;
+    if (c(e), l.current) {
+      l.current.value = e.value;
       const n = new Event("change", { bubbles: !0 });
-      s.current.dispatchEvent(n);
+      l.current.dispatchEvent(n);
     }
     m();
   };
@@ -36,7 +36,7 @@ function T({
     /* @__PURE__ */ t(
       "select",
       {
-        ref: s,
+        ref: l,
         value: r.value,
         onChange: (e) => {
           const n = o.find((I) => I.value === e.target.value);
@@ -47,7 +47,7 @@ function T({
         children: o.map((e) => /* @__PURE__ */ t("option", { value: e.value, children: e.label }, e.value))
       }
     ),
-    /* @__PURE__ */ t("div", { ref: D, className: h.selectDrawer, children: /* @__PURE__ */ v("div", { className: h.selected, onClick: () => d(!l), children: [
+    /* @__PURE__ */ t("div", { ref: D, className: w.selectDrawer, children: /* @__PURE__ */ v("div", { className: w.selected, onClick: () => u(!s), children: [
       r.image && /* @__PURE__ */ t(P, { src: r.image.src, width: 30, height: 30 }),
       /* @__PURE__ */ t("span", { children: r.label }),
       /* @__PURE__ */ t("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ t(E, { name: "ArrowDown" }) })
@@ -55,7 +55,7 @@ function T({
     /* @__PURE__ */ t(
       R,
       {
-        isOpen: l,
+        isOpen: s,
         handleClose: m,
         dragPosition: _,
         setDragPosition: f,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next",
   "description": "Componentes de UI para proyecto BMI Next",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "author": "David Fernández Bolaños <david@bmiahorro.com>",
   "contributors": [
     "Jorge Martín <jorge@bmiahorro.com>",