bmi-next-brokers 2.2.9 → 2.3.0

package/dist/components/Select/Select.js

@@ -424,6 +424,7 @@ import '../../assets/Select.css';const Ue = "_selectContainer_1sakp_23", Ze = "_
               isOpen: l,
               setIsOpen: C,
               title: ve,
+              zIndex: 1,
               children: [
                 s && /* @__PURE__ */ o("div", { className: e.drawerSearchInput, children: /* @__PURE__ */ o(
                   Je,

package/dist/components/drawer/index.js

@@ -1,25 +1,24 @@
-import { jsxs as n, Fragment as V, jsx as l } from "react/jsx-runtime";
-import { useState as U, useRef as D } from "react";
+import { jsxs as h, Fragment as V, jsx as i } from "react/jsx-runtime";
+import { useState as U, useRef as E } from "react";
 import { createPortal as q } from "react-dom";
 import { Icon as J } from "../../icons/Icon.js";
 import { useScrollLock as K } from "../../hooks/useScrollLock.js";
 import { CloseContext as Q } from "../../hooks/useClose.js";
 import { Button as S } from "../Button/Button.js";
-import { useCloseOnBack as u } from "../../hooks/useCloseOnBack.js";
-import '../../assets/index12.css';const B = "_overlay_1fhs2_1", ee = "_closing_1fhs2_12", se = "_bottomDrawer_1fhs2_36", re = "_header_1fhs2_60", ae = "_indicator_1fhs2_73", de = "_drawer_1fhs2_83", le = "_closeDiv_1fhs2_90", ie = "_closeIcon_1fhs2_98", te = "_drawerHeader_1fhs2_105", oe = "_drawerContent_1fhs2_109", ne = "_drawerFooter_1fhs2_122", a = {
-  overlay: B,
-  closing: ee,
-  bottomDrawer: se,
-  header: re,
-  indicator: ae,
-  drawer: de,
-  closeDiv: le,
+import '../../assets/index12.css';const u = "_overlay_1fhs2_1", B = "_closing_1fhs2_12", ee = "_bottomDrawer_1fhs2_36", se = "_header_1fhs2_60", re = "_indicator_1fhs2_73", ae = "_drawer_1fhs2_83", de = "_closeDiv_1fhs2_90", ie = "_closeIcon_1fhs2_98", le = "_drawerHeader_1fhs2_105", te = "_drawerContent_1fhs2_109", oe = "_drawerFooter_1fhs2_122", a = {
+  overlay: u,
+  closing: B,
+  bottomDrawer: ee,
+  header: se,
+  indicator: re,
+  drawer: ae,
+  closeDiv: de,
   closeIcon: ie,
-  drawerHeader: te,
-  drawerContent: oe,
-  drawerFooter: ne
-}, ge = ({
-  isOpen: m,
+  drawerHeader: le,
+  drawerContent: te,
+  drawerFooter: oe
+}, De = ({
+  isOpen: f,
   setIsOpen: A,
   title: I,
   zIndex: v,
@@ -28,25 +27,25 @@ import '../../assets/index12.css';const B = "_overlay_1fhs2_1", ee = "_closing_1
   contentClassName: L,
   footerClassName: R,
   onClickOverlay: w,
-  onClose: h,
+  onClose: n,
   confirmButton: e,
   cancelButton: s,
-  children: k,
-  ...x
+  children: x,
+  ...$
 }) => {
-  const $ = v ? 50 : 70, [C, g] = U(!1), y = D(0), E = D(0), r = D(null);
+  const j = v ? 50 : 70, [D, g] = U(!1), m = E(0), y = E(0), r = E(null);
   let t = 0;
-  const j = () => {
+  const k = () => {
     if (r.current) {
-      const d = "slideDown", i = document.styleSheets[0];
-      i.insertRule(
+      const d = "slideDown", l = document.styleSheets[0];
+      l.insertRule(
         `
     @keyframes ${d} {
       from { transform: translateY(${t}px); }
       to   { transform: translateY(100%); }
     }
   `,
-        i.cssRules.length
+        l.cssRules.length
       ), r.current.style.animation = `${d} 0.35s cubic-bezier(0.4,0,0.2,1) forwards`;
     }
   }, X = () => {
@@ -54,82 +53,78 @@ import '../../assets/index12.css';const B = "_overlay_1fhs2_1", ee = "_closing_1
       r.current && (r.current.style.transition = "", r.current.style.transform = "");
     }, 350));
   };
-  K(m);
+  K(f);
   const z = async () => {
     w !== !1 && (typeof w == "function" && await w(), o());
-  }, f = async () => {
-    h !== !1 && (typeof h == "function" && await h(), o());
+  }, C = async () => {
+    n !== !1 && (typeof n == "function" && await n(), o());
   }, o = () => {
-    j(), g(!0), setTimeout(() => {
+    k(), g(!0), setTimeout(() => {
       A(!1), g(!1);
     }, 350);
-  };
-  u({ isOpen: m, onClose: f });
-  const N = (d) => {
-    const i = "touches" in d ? d.touches[0].clientY : d.clientY;
-    y.current = i, E.current = i, document.addEventListener("mousemove", c), document.addEventListener("touchmove", c), document.addEventListener("mouseup", _), document.addEventListener("touchend", _);
-  }, c = (d) => {
-    const i = "touches" in d ? d.touches[0].clientY : d.clientY;
-    t = i - y.current, E.current = i, t < 0 && (t = 0), r.current && (r.current.style.transform = `translateY(${t}px)`);
-  }, _ = () => {
-    r.current && (r.current.style.transition = ""), document.removeEventListener("mousemove", c), document.removeEventListener("touchmove", c), document.removeEventListener("mouseup", _), document.removeEventListener("touchend", _), t = E.current - y.current, t > 100 && r.current ? f() : X();
+  }, N = (d) => {
+    const l = "touches" in d ? d.touches[0].clientY : d.clientY;
+    m.current = l, y.current = l, document.addEventListener("mousemove", _), document.addEventListener("touchmove", _), document.addEventListener("mouseup", c), document.addEventListener("touchend", c);
+  }, _ = (d) => {
+    const l = "touches" in d ? d.touches[0].clientY : d.clientY;
+    t = l - m.current, y.current = l, t < 0 && (t = 0), r.current && (r.current.style.transform = `translateY(${t}px)`);
+  }, c = () => {
+    r.current && (r.current.style.transition = ""), document.removeEventListener("mousemove", _), document.removeEventListener("touchmove", _), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), t = y.current - m.current, t > 100 && r.current ? C() : X();
   }, T = [a.drawer, H].filter(Boolean).join(" "), M = [a.drawerHeader, "title5Bold", Y].filter(Boolean).join(" "), F = [a.drawerContent, L].filter(Boolean).join(" "), G = [a.drawerFooter, R].filter(Boolean).join(" "), W = async () => {
-    if (e != null && e.action)
-      try {
-        await e.action(), o();
-      } catch {
-        return;
-      }
+    try {
+      e != null && e.action && await e.action(), o();
+    } catch {
+      return;
+    }
   }, Z = async () => {
-    if (s != null && s.action)
-      try {
-        await s.action(), o();
-      } catch {
-        return;
-      }
+    try {
+      s != null && s.action && await (s == null ? void 0 : s.action()), o();
+    } catch {
+      return;
+    }
   }, O = s && Object.keys(s).length > 0, P = e && Object.keys(e).length > 0, b = O && (s.show ?? !0), p = P && (e.show ?? !0);
-  return m ? q(
-    /* @__PURE__ */ n(V, { children: [
-      /* @__PURE__ */ l(
+  return f ? q(
+    /* @__PURE__ */ h(V, { children: [
+      /* @__PURE__ */ i(
         "div",
         {
           style: { zIndex: 3e3 + (v || 0) },
-          className: `${a.overlay} ${C ? a.closing : ""}`,
+          className: `${a.overlay} ${D ? a.closing : ""}`,
           onClick: z
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ h(
         "div",
         {
           ref: r,
-          ...x,
-          className: `${a.bottomDrawer} ${C ? a.closing : ""}`,
+          ...$,
+          className: `${a.bottomDrawer} ${D ? a.closing : ""}`,
           style: {
             zIndex: 3001 + (v || 0)
           },
           children: [
-            h !== !1 && /* @__PURE__ */ n(
+            n !== !1 && /* @__PURE__ */ h(
               "header",
               {
                 className: a.header,
                 onMouseDown: N,
                 onTouchStart: N,
                 children: [
-                  /* @__PURE__ */ l("div", { className: a.indicator }),
-                  /* @__PURE__ */ l("div", { className: a.closeDiv, children: /* @__PURE__ */ l("div", { className: a.closeIcon, onClick: f, children: /* @__PURE__ */ l(J, { name: "CloseDrawer", size: 31 }) }) })
+                  /* @__PURE__ */ i("div", { className: a.indicator }),
+                  /* @__PURE__ */ i("div", { className: a.closeDiv, children: /* @__PURE__ */ i("div", { className: a.closeIcon, onClick: C, children: /* @__PURE__ */ i(J, { name: "CloseDrawer", size: 31 }) }) })
                 ]
               }
             ),
-            /* @__PURE__ */ l(Q.Provider, { value: o, children: /* @__PURE__ */ n(
+            /* @__PURE__ */ i(Q.Provider, { value: o, children: /* @__PURE__ */ h(
               "div",
               {
                 className: T,
-                style: { maxHeight: `${$}dvh` },
+                style: { maxHeight: `${j}dvh` },
                 children: [
-                  /* @__PURE__ */ l("span", { className: M, children: I }),
-                  /* @__PURE__ */ l("div", { className: F, children: k }),
-                  (b || p) && /* @__PURE__ */ n("div", { className: G, children: [
-                    b && /* @__PURE__ */ l(
+                  /* @__PURE__ */ i("span", { className: M, children: I }),
+                  /* @__PURE__ */ i("div", { className: F, children: x }),
+                  (b || p) && /* @__PURE__ */ h("div", { className: G, children: [
+                    b && /* @__PURE__ */ i(
                       S,
                       {
                         variant: (s == null ? void 0 : s.variant) || "outline",
@@ -142,7 +137,7 @@ import '../../assets/index12.css';const B = "_overlay_1fhs2_1", ee = "_closing_1
                         children: (s == null ? void 0 : s.text) || "Cancelar"
                       }
                     ),
-                    p && /* @__PURE__ */ l(
+                    p && /* @__PURE__ */ i(
                       S,
                       {
                         type: "submit",
@@ -169,5 +164,5 @@ import '../../assets/index12.css';const B = "_overlay_1fhs2_1", ee = "_closing_1
   ) : null;
 };
 export {
-  ge as Drawer
+  De as Drawer
 };

package/dist/components/modal/index.js

@@ -48,19 +48,17 @@ import '../../assets/index7.css';const Q = "_modalOverlay_1hyzx_1", U = "_closin
   }, A = async () => {
     o !== !1 && (typeof o == "function" && await o(), i());
   }, Y = async () => {
-    if (s != null && s.action)
-      try {
-        await s.action(), i();
-      } catch {
-        return;
-      }
+    try {
+      s != null && s.action && await s.action(), i();
+    } catch {
+      return;
+    }
   }, P = async () => {
-    if (e != null && e.action)
-      try {
-        await e.action(), i();
-      } catch {
-        return;
-      }
+    try {
+      e != null && e.action && await e.action(), i();
+    } catch {
+      return;
+    }
   }, V = e && Object.keys(e).length > 0, X = s && Object.keys(s).length > 0, z = V && (e.show ?? !0), C = X && (s.show ?? !0), Z = `${l.modal} ${$ || ""}`;
   return M(() => {
     if (!_.current) return;

package/dist/components/sheet/index.js

@@ -1,64 +1,63 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
 import { useState as h } from "react";
 import { CloseContext as y } from "../../hooks/useClose.js";
 import { useScrollLock as g } from "../../hooks/useScrollLock.js";
-import { useCloseOnBack as p } from "../../hooks/useCloseOnBack.js";
-import { Icon as I } from "../../icons/Icon.js";
-import { createPortal as N } from "react-dom";
-import '../../assets/index13.css';const $ = "_overlay_15ved_1", k = "_closing_15ved_16", w = "_nav_15ved_20", B = "_arrowBack_15ved_32", x = "_title_15ved_36", S = "_content_15ved_43", j = "_mainContent_15ved_51", P = "_contentInner_15ved_63", e = {
-  overlay: $,
-  closing: k,
+import { Icon as p } from "../../icons/Icon.js";
+import { createPortal as I } from "react-dom";
+import '../../assets/index13.css';const N = "_overlay_15ved_1", $ = "_closing_15ved_16", w = "_nav_15ved_20", k = "_arrowBack_15ved_32", x = "_title_15ved_36", B = "_content_15ved_43", S = "_mainContent_15ved_51", j = "_contentInner_15ved_63", e = {
+  overlay: N,
+  closing: $,
   nav: w,
-  arrowBack: B,
+  arrowBack: k,
   title: x,
-  content: S,
-  mainContent: j,
-  contentInner: P
-}, D = ({
+  content: B,
+  mainContent: S,
+  contentInner: j
+}, T = ({
   isOpen: o,
-  setIsOpen: i,
-  title: m,
-  children: d,
-  navClassName: _,
-  className: v,
-  withAutoClose: f = !0,
+  setIsOpen: l,
+  title: i,
+  children: m,
+  navClassName: d,
+  className: _,
+  withAutoClose: v = !0,
   onBack: t,
-  navIcon: u = "ArrowBackIosNew",
-  ...C
+  navIcon: f = "ArrowBackIosNew",
+  ...u
 }) => {
   const [s, r] = h(!1);
   g(o);
   const c = () => {
-    f && (r(!0), setTimeout(() => {
-      i(!1), r(!1);
+    v && (r(!0), setTimeout(() => {
+      l(!1), r(!1);
     }, 450));
-  }, a = async () => {
+  }, C = async () => {
     t !== !1 && (typeof t == "function" && await t(), c());
   };
-  return p({ isOpen: o, onClose: a }), o ? N(
+  return o ? I(
     /* @__PURE__ */ n("div", { className: `${e.overlay} ${s ? e.closing : ""}`, children: /* @__PURE__ */ n(
       "div",
       {
         className: `${e.mainContent} ${s ? e.closing : ""}`,
-        children: /* @__PURE__ */ l("div", { className: e.content, children: [
-          /* @__PURE__ */ l("div", { className: `${e.nav} ${_ || ""}`, children: [
+        children: /* @__PURE__ */ a("div", { className: e.content, children: [
+          /* @__PURE__ */ a("div", { className: `${e.nav} ${d || ""}`, children: [
             t !== !1 && /* @__PURE__ */ n(
-              I,
+              p,
               {
-                name: u,
+                name: f,
                 size: 24,
                 className: e.arrowBack,
-                onClick: a
+                onClick: C
               }
             ),
-            /* @__PURE__ */ n("span", { className: e.title, children: m })
+            /* @__PURE__ */ n("span", { className: e.title, children: i })
           ] }),
           /* @__PURE__ */ n(
             "div",
             {
-              className: `${e.contentInner} ${v || ""}`,
-              ...C,
-              children: /* @__PURE__ */ n(y.Provider, { value: c, children: d })
+              className: `${e.contentInner} ${_ || ""}`,
+              ...u,
+              children: /* @__PURE__ */ n(y.Provider, { value: c, children: m })
             }
           )
         ] })
@@ -68,5 +67,5 @@ import '../../assets/index13.css';const $ = "_overlay_15ved_1", k = "_closing_15
   ) : null;
 };
 export {
-  D as Sheet
+  T as Sheet
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.2.9",
+  "version": "2.3.0",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",