elseware-ui 2.22.7 → 2.22.8

package/build/components/general/sidebar/Sidebar.d.ts

@@ -4,6 +4,7 @@ export interface SidebarProps extends BaseComponentProps {
     items?: any;
     selectedKey?: string;
     defaultSelectedKey?: string;
+    navigate?: (to: string) => void;
 }
-declare function Sidebar({ items, selectedKey, defaultSelectedKey, className, ...rest }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ items, selectedKey, defaultSelectedKey, navigate, className, ...rest }: SidebarProps): import("react/jsx-runtime").JSX.Element;
 export default Sidebar;

package/build/components/navigation/menu/Menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from "./types";
-export declare const Menu: ({ items, defaultMenuElements, className, selectedKey, defaultSelectedKey, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ items, defaultMenuElements, className, selectedKey, defaultSelectedKey, navigate }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/navigation/menu/com/MenuItem.d.ts

@@ -5,5 +5,6 @@ export interface MenuItemProps extends BaseComponentProps {
     name: string;
     badge?: React.ReactNode;
     to?: string;
+    navigate?: (to: string) => void;
 }
-export declare const MenuItem: ({ icon, name, badge, to, className, onClick, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ icon, name, badge, to, navigate, className, onClick, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/navigation/menu/types.d.ts

@@ -11,6 +11,7 @@ export interface BaseMenuNode {
 export interface MenuItemNode extends BaseMenuNode {
     type: "item";
     to?: string;
+    navigate?: (to: string) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
 export interface MenuGroupNode extends BaseMenuNode {
@@ -32,4 +33,5 @@ export interface MenuProps {
     className?: string;
     selectedKey?: string;
     defaultSelectedKey?: string;
+    navigate?: (to: string) => void;
 }

package/build/index.es.js

@@ -84201,10 +84201,15 @@ var MIContext = function (_a) {
 };
 
 var MenuItem = function (_a) {
-    var icon = _a.icon, name = _a.name, badge = _a.badge, to = _a.to, className = _a.className, onClick = _a.onClick, rest = __rest$1(_a, ["icon", "name", "badge", "to", "className", "onClick"]);
+    var icon = _a.icon, name = _a.name, badge = _a.badge, to = _a.to, navigate = _a.navigate, className = _a.className, onClick = _a.onClick, rest = __rest$1(_a, ["icon", "name", "badge", "to", "navigate", "className", "onClick"]);
     var handleClick = function (e) {
         if (to) {
-            window.location.href = to;
+            if (navigate) {
+                navigate(to);
+            }
+            else {
+                window.location.href = to; // fallback
+            }
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -84255,7 +84260,7 @@ var buildParentMap = function (nodes, parent, map) {
     return map;
 };
 var Menu = function (_a) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, defaultMenuElements = _a.defaultMenuElements, className = _a.className, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey;
+    var _b = _a.items, items = _b === void 0 ? [] : _b, defaultMenuElements = _a.defaultMenuElements, className = _a.className, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, navigate = _a.navigate;
     var normalizedItems = useMemo$1(function () {
         return assignKeys(items);
     }, [items]);
@@ -84289,7 +84294,7 @@ var Menu = function (_a) {
                 var item_1 = node;
                 var Component = item_1.component || components.item;
                 var isActive = item_1.key === selected;
-                return (jsx(Component, { icon: item_1.icon, name: item_1.name, badge: item_1.badge, to: item_1.to, onClick: function (e) {
+                return (jsx(Component, { icon: item_1.icon, name: item_1.name, badge: item_1.badge, to: item_1.to, navigate: item_1.navigate || navigate, onClick: function (e) {
                         var _a;
                         (_a = item_1.onClick) === null || _a === void 0 ? void 0 : _a.call(item_1, e);
                         if (!selectedKey) {
@@ -84320,8 +84325,8 @@ var css_248z$1 = ".sidebar_nav_scrollbar::-webkit-scrollbar{width:6px}.sidebar_n
 styleInject(css_248z$1);
 
 function Sidebar(_a) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, className = _a.className, rest = __rest$1(_a, ["items", "selectedKey", "defaultSelectedKey", "className"]);
-    return (jsx("div", __assign$1({}, rest, { className: "h-full" }, { children: jsx(Menu, { items: items, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, className: cn$1({
+    var _b = _a.items, items = _b === void 0 ? [] : _b, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, navigate = _a.navigate, className = _a.className, rest = __rest$1(_a, ["items", "selectedKey", "defaultSelectedKey", "navigate", "className"]);
+    return (jsx("div", __assign$1({}, rest, { className: "h-full" }, { children: jsx(Menu, { items: items, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, navigate: navigate, className: cn$1({
                 "h-full max-h-screen overflow-y-auto sidebar_nav_scrollbar": true,
                 className: className,
             }) }) })));

package/build/index.js

@@ -84228,10 +84228,15 @@ var MIContext = function (_a) {
 };
 
 var MenuItem = function (_a) {
-    var icon = _a.icon, name = _a.name, badge = _a.badge, to = _a.to, className = _a.className, onClick = _a.onClick, rest = __rest$1(_a, ["icon", "name", "badge", "to", "className", "onClick"]);
+    var icon = _a.icon, name = _a.name, badge = _a.badge, to = _a.to, navigate = _a.navigate, className = _a.className, onClick = _a.onClick, rest = __rest$1(_a, ["icon", "name", "badge", "to", "navigate", "className", "onClick"]);
     var handleClick = function (e) {
         if (to) {
-            window.location.href = to;
+            if (navigate) {
+                navigate(to);
+            }
+            else {
+                window.location.href = to; // fallback
+            }
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -84282,7 +84287,7 @@ var buildParentMap = function (nodes, parent, map) {
     return map;
 };
 var Menu = function (_a) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, defaultMenuElements = _a.defaultMenuElements, className = _a.className, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey;
+    var _b = _a.items, items = _b === void 0 ? [] : _b, defaultMenuElements = _a.defaultMenuElements, className = _a.className, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, navigate = _a.navigate;
     var normalizedItems = React.useMemo(function () {
         return assignKeys(items);
     }, [items]);
@@ -84316,7 +84321,7 @@ var Menu = function (_a) {
                 var item_1 = node;
                 var Component = item_1.component || components.item;
                 var isActive = item_1.key === selected;
-                return (jsxRuntime.jsx(Component, { icon: item_1.icon, name: item_1.name, badge: item_1.badge, to: item_1.to, onClick: function (e) {
+                return (jsxRuntime.jsx(Component, { icon: item_1.icon, name: item_1.name, badge: item_1.badge, to: item_1.to, navigate: item_1.navigate || navigate, onClick: function (e) {
                         var _a;
                         (_a = item_1.onClick) === null || _a === void 0 ? void 0 : _a.call(item_1, e);
                         if (!selectedKey) {
@@ -84347,8 +84352,8 @@ var css_248z$1 = ".sidebar_nav_scrollbar::-webkit-scrollbar{width:6px}.sidebar_n
 styleInject(css_248z$1);
 
 function Sidebar(_a) {
-    var _b = _a.items, items = _b === void 0 ? [] : _b, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, className = _a.className, rest = __rest$1(_a, ["items", "selectedKey", "defaultSelectedKey", "className"]);
-    return (jsxRuntime.jsx("div", __assign$1({}, rest, { className: "h-full" }, { children: jsxRuntime.jsx(Menu, { items: items, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, className: cn$1({
+    var _b = _a.items, items = _b === void 0 ? [] : _b, selectedKey = _a.selectedKey, defaultSelectedKey = _a.defaultSelectedKey, navigate = _a.navigate, className = _a.className, rest = __rest$1(_a, ["items", "selectedKey", "defaultSelectedKey", "navigate", "className"]);
+    return (jsxRuntime.jsx("div", __assign$1({}, rest, { className: "h-full" }, { children: jsxRuntime.jsx(Menu, { items: items, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, navigate: navigate, className: cn$1({
                 "h-full max-h-screen overflow-y-auto sidebar_nav_scrollbar": true,
                 className: className,
             }) }) })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.22.7",
+  "version": "2.22.8",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "keywords": [