bmi-next-brokers 2.3.0 → 2.3.1

package/dist/components/navbar/index.d.ts

@@ -19,7 +19,6 @@ interface NavbarProps extends React.HTMLAttributes<HTMLDivElement> {
     activeItem: string;
     withConfig?: boolean;
     configAction?: () => void;
-    ref?: React.Ref<HTMLDivElement>;
 }
 /**
  * Sidebar navegacional adaptable a plataformas web y app.
@@ -47,5 +46,5 @@ interface NavbarProps extends React.HTMLAttributes<HTMLDivElement> {
  * />
  * ```
  */
-export declare const Navbar: ({ options, className, activeItem, withConfig, configAction, ref, ...props }: NavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/navbar/index.js

@@ -1,84 +1,77 @@
 import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { useState as b } from "react";
+import { forwardRef as b, useState as v } from "react";
 import { Icon as i } from "../../icons/Icon.js";
-import { MenuItem as m } from "./menuItem/index.js";
-import '../../assets/index2.css';const v = "_sidebar_1c3mn_1", B = "_open_1c3mn_17", N = "_content_1c3mn_21", $ = "_header_1c3mn_28", f = "_toggleButton_1c3mn_43", C = "_menuList_1c3mn_59", L = "_bottomDiv_1c3mn_75", e = {
-  sidebar: v,
-  open: B,
-  content: N,
+import { MenuItem as r } from "./menuItem/index.js";
+import '../../assets/index2.css';const B = "_sidebar_1c3mn_1", N = "_open_1c3mn_17", f = "_content_1c3mn_21", $ = "_header_1c3mn_28", w = "_toggleButton_1c3mn_43", C = "_menuList_1c3mn_59", L = "_bottomDiv_1c3mn_75", e = {
+  sidebar: B,
+  open: N,
+  content: f,
   header: $,
-  toggleButton: f,
+  toggleButton: w,
   menuList: C,
   bottomDiv: L
-}, j = ({
-  options: r,
-  className: d,
-  activeItem: l,
-  withConfig: h = !1,
-  configAction: s,
-  ref: _,
-  ...p
-}) => {
-  const [t, g] = b(!0), c = () => {
-    g((a) => !a);
-  };
-  return /* @__PURE__ */ n(
-    "aside",
-    {
-      ref: _,
-      className: `${e.sidebar} ${t ? e.open : ""} ${d || ""}`,
-      ...p,
-      children: /* @__PURE__ */ o("div", { className: e.content, children: [
-        /* @__PURE__ */ o("header", { className: `${e.header} ${t && e.open}`, children: [
-          /* @__PURE__ */ n(
-            i,
-            {
-              name: t ? "BmiLogo" : "BmiCollapsed",
-              width: t ? 80.86 : 26.62,
-              height: 32
-            }
-          ),
-          t && /* @__PURE__ */ n("div", { className: e.toggleButton, onClick: c, children: /* @__PURE__ */ n(
-            i,
-            {
-              name: "ClosePanel",
-              width: 20,
-              height: 20,
-              fill: "var(--black-60)"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ o("ul", { className: e.menuList, children: [
-          r.map((a, u) => /* @__PURE__ */ n(
-            m,
-            {
-              option: a,
-              activeItem: l,
-              open: t
-            },
-            u
-          )),
-          /* @__PURE__ */ o("div", { className: `${e.bottomDiv} ${t && e.open}`, children: [
-            !t && /* @__PURE__ */ n("div", { className: e.toggleButton, onClick: c, children: /* @__PURE__ */ n(i, { name: "OpenPanel", width: 20, height: 20, fill: "black" }) }),
-            h && /* @__PURE__ */ n(
-              m,
+}, O = b(
+  ({
+    options: c,
+    className: d,
+    activeItem: l,
+    withConfig: h = !1,
+    configAction: s,
+    ..._
+  }, p) => {
+    const [t, g] = v(!0), m = () => {
+      g((a) => !a);
+    };
+    return /* @__PURE__ */ n(
+      "aside",
+      {
+        ref: p,
+        className: `${e.sidebar} ${t ? e.open : ""} ${d || ""}`,
+        ..._,
+        children: /* @__PURE__ */ o("div", { className: e.content, children: [
+          /* @__PURE__ */ o("header", { className: `${e.header} ${t && e.open}`, children: [
+            /* @__PURE__ */ n(
+              i,
               {
-                option: {
-                  label: "Configuración",
-                  action: () => s == null ? void 0 : s(),
-                  iconAfter: "Settings",
-                  iconBefore: "ArrowRight"
-                },
-                open: t,
-                activeItem: l
+                name: t ? "BmiLogo" : "BmiCollapsed",
+                width: t ? 80.86 : 26.62,
+                height: 32
               }
-            )
+            ),
+            t && /* @__PURE__ */ n("div", { className: e.toggleButton, onClick: m, children: /* @__PURE__ */ n(i, { name: "ClosePanel", width: 20, height: 20 }) })
+          ] }),
+          /* @__PURE__ */ o("ul", { className: e.menuList, children: [
+            c.map((a, u) => /* @__PURE__ */ n(
+              r,
+              {
+                option: a,
+                activeItem: l,
+                open: t
+              },
+              u
+            )),
+            /* @__PURE__ */ o("div", { className: `${e.bottomDiv} ${t && e.open}`, children: [
+              !t && /* @__PURE__ */ n("div", { className: e.toggleButton, onClick: m, children: /* @__PURE__ */ n(i, { name: "OpenPanel", width: 20, height: 20, fill: "black" }) }),
+              h && /* @__PURE__ */ n(
+                r,
+                {
+                  option: {
+                    label: "Configuración",
+                    action: () => s == null ? void 0 : s(),
+                    iconAfter: "Settings",
+                    iconBefore: "ArrowRight"
+                  },
+                  open: t,
+                  activeItem: l
+                }
+              )
+            ] })
           ] })
         ] })
-      ] })
-    }
-  );
-};
+      }
+    );
+  }
+);
 export {
-  j as Navbar
+  O as Navbar
 };

package/package.json

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