@justbe-packages/react-components 1.0.0

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("react-router-dom");exports.MenuComponent=({menus:a})=>{const n=t.useNavigate(),m=t.useLocation(),r=e=>e.path&&m.pathname.startsWith(e.path)?"_menu-item-selected":"";return e.createElement("div",{className:"_pt-2 _pb-4 _pl-4 _pr-4"},null==a?void 0:a.map((t,a)=>{var m;return e.createElement("div",{key:a,className:"_mb-3"},e.createElement("div",{className:"_mb-3"},e.createElement("span",{className:"_font-13"},t.name)),null===(m=t.items)||void 0===m?void 0:m.map((t,a)=>e.createElement("div",{key:t.path||a,className:`_menu-item _row _ycenter _cursor-pointer ${r(t)}`,onClick:()=>{t.onClick?t.onClick():t.path&&n(t.path)}},e.createElement("div",{className:"_p-1"},t.icon&&e.createElement(e.Fragment,null,e.createElement("i",{className:`${t.icon} text-teal _font-15`}),"  "),e.createElement("span",{className:"_font-13 _font-weight-900"},t.name)))))}))};

package/dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./menu";

package/dist/cjs/types/menu/index.d.ts

@@ -0,0 +1 @@
+export * from "./menu.component";

package/dist/cjs/types/menu/menu.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./menu.component.css";
+interface IMenuItem {
+    name: string;
+    path?: string;
+    icon?: string;
+    onClick?: () => void;
+}
+interface IMenuSection {
+    name: string;
+    items: IMenuItem[];
+}
+interface IMenuComponentProps {
+    menus: IMenuSection[];
+}
+export declare const MenuComponent: React.FC<IMenuComponentProps>;
+export {};

package/dist/esm/index.js

@@ -0,0 +1 @@
+import e from"react";import{useNavigate as t,useLocation as a}from"react-router-dom";const m=({menus:m})=>{const n=t(),r=a(),c=e=>e.path&&r.pathname.startsWith(e.path)?"_menu-item-selected":"";return e.createElement("div",{className:"_pt-2 _pb-4 _pl-4 _pr-4"},null==m?void 0:m.map((t,a)=>{var m;return e.createElement("div",{key:a,className:"_mb-3"},e.createElement("div",{className:"_mb-3"},e.createElement("span",{className:"_font-13"},t.name)),null===(m=t.items)||void 0===m?void 0:m.map((t,a)=>e.createElement("div",{key:t.path||a,className:`_menu-item _row _ycenter _cursor-pointer ${c(t)}`,onClick:()=>{t.onClick?t.onClick():t.path&&n(t.path)}},e.createElement("div",{className:"_p-1"},t.icon&&e.createElement(e.Fragment,null,e.createElement("i",{className:`${t.icon} text-teal _font-15`}),"  "),e.createElement("span",{className:"_font-13 _font-weight-900"},t.name)))))}))};export{m as MenuComponent};

package/dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./menu";

package/dist/esm/types/menu/index.d.ts

@@ -0,0 +1 @@
+export * from "./menu.component";

package/dist/esm/types/menu/menu.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./menu.component.css";
+interface IMenuItem {
+    name: string;
+    path?: string;
+    icon?: string;
+    onClick?: () => void;
+}
+interface IMenuSection {
+    name: string;
+    items: IMenuItem[];
+}
+interface IMenuComponentProps {
+    menus: IMenuSection[];
+}
+export declare const MenuComponent: React.FC<IMenuComponentProps>;
+export {};