@digitaldefiance/express-suite-react-components 2.1.55 → 2.1.56

package/README.md

@@ -261,6 +261,10 @@ MIT © Digital Defiance
 
 ## ChangeLog
 
+### v2.1.56
+
+- Fix SideMenu
+
 ### v2.1.55
 
 - Fix peerDeps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.1.55",
+  "version": "2.1.56",
   "description": "React MUI components for Digital Defiance Express Suite",
   "main": "src/index.js",
   "types": "src/index.d.ts",

package/src/components/SideMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/SideMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,UAAU,aAAa;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CActC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SideMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/SideMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,UAAU,aAAa;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4BtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/SideMenu.js

@@ -3,13 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const react_router_dom_1 = require("react-router-dom");
 const IncludeOnMenu_1 = require("../enumerations/IncludeOnMenu");
 const MenuContext_1 = require("../contexts/MenuContext");
 const SideMenuListItem_1 = require("./SideMenuListItem");
 const SideMenu = ({ isOpen, onClose }) => {
     const { getMenuOptions } = (0, MenuContext_1.useMenu)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
     const menuOptions = getMenuOptions(IncludeOnMenu_1.IncludeOnMenu.SideMenu, true);
-    return ((0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: "left", open: isOpen, onClose: onClose, children: (0, jsx_runtime_1.jsx)(material_1.List, { children: menuOptions.map((item) => ((0, jsx_runtime_1.jsx)(SideMenuListItem_1.SideMenuListItem, { menuItem: item, onClose: onClose }, item.id))) }) }));
+    const handleNavigate = (link) => {
+        if (typeof link === 'string') {
+            navigate(link);
+        }
+        else {
+            navigate(link.pathname, { state: link.state });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: "left", open: isOpen, onClose: onClose, children: (0, jsx_runtime_1.jsx)(material_1.List, { children: menuOptions.map((item) => ((0, jsx_runtime_1.jsx)(SideMenuListItem_1.SideMenuListItem, { menuItem: item, onClose: onClose, onNavigate: handleNavigate }, item.id))) }) }));
 };
 exports.SideMenu = SideMenu;
 exports.default = exports.SideMenu;