react-luminus-components 1.3.32 → 1.3.34

package/dist/layout/SideMenu/SideMenu.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { MenuItemType } from '@models/index';
+import { MenuItemType } from '../../models/index';
+
 type Props = {
     headerItem: React.ReactNode;
     mainItems: MenuItemType[];

package/dist/layout/TopBar/TopBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     appName: string;
     leftOffset?: number;

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FromToDatePickerDropdownToggle-BPfviPUU.cjs"),u=require("react");require("react-hook-form");require("react-router-dom");require("@azure/msal-browser");require("@azure/msal-react");require("zod");const w=require("./usePermissions-Ce0AAKj1.cjs"),C=require("./SimpleTooltip-DIqIPx0H.cjs"),M="_side-menu-item_6vbwa_1",B="_disabled_6vbwa_5",k="_nav-button_6vbwa_9",g="_child_6vbwa_17",P="_text_6vbwa_21",S="_icon_6vbwa_28",T="_collapse-icon_6vbwa_34",f="_collapsed_6vbwa_44",y="_expanded_6vbwa_51",I="_children-container_6vbwa_57",q="_visible_6vbwa_65",$="_children_6vbwa_57",o={"side-menu-item":"_side-menu-item_6vbwa_1",sideMenuItem:M,disabled:B,"nav-button":"_nav-button_6vbwa_9",navButton:k,child:g,text:P,icon:S,"collapse-icon":"_collapse-icon_6vbwa_34",collapseIcon:T,collapsed:f,expanded:y,"children-container":"_children-container_6vbwa_57",childrenContainer:I,visible:q,children:$},H=({item:s,menuExpanded:t,children:i})=>s.tooltip&&!t?e.jsxRuntimeExports.jsx(C.SimpleTooltip,{text:s.tooltip,placement:"right",children:i}):i,N=({item:s,menuExpanded:t,collapsed:i,onCollapse:a,currentPath:l})=>{var v,_;const{LinkComponent:c}=u.useContext(e.LuminusComponentsContext),[p,x]=u.useState(!1),[d]=l.split("?"),h=s.linkTo===d||((v=s.children)==null?void 0:v.some(n=>n.linkTo===d));return e.jsxRuntimeExports.jsxs("li",{className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.expanded]:t},{active:p||h},{open:i&&s.children},{[o.disabled]:s.disabled||s.notPermitted},{disabled:s.disabled||s.notPermitted}),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[e.jsxRuntimeExports.jsx(H,{item:s,menuExpanded:t,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",o.navButton),onClick:()=>a(),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:i}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(c,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",o.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",o.childrenContainer,{[o.visible]:i}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",o.children),children:(_=s.children)==null?void 0:_.map(n=>e.jsxRuntimeExports.jsx(c,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link child rounded",o.navButton,o.child,{[o.disabled]:n.disabled||n.notPermitted},{disabled:n.disabled||n.notPermitted}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title})},n.linkTo))})})]})},L="_side-menu_n1hvm_1",F="_sidebar-header_n1hvm_13",A="_side-menu-content_n1hvm_18",D="_expand_n1hvm_22",K="_divider_n1hvm_26",j={"side-menu":"_side-menu_n1hvm_1",sideMenu:L,"sidebar-header":"_sidebar-header_n1hvm_13",sidebarHeader:F,"side-menu-content":"_side-menu-content_n1hvm_18",sideMenuContent:A,expand:D,divider:K},U=({headerItem:s,mainItems:t,secondaryItems:i,expanded:a,setExpanded:l,currentPath:c})=>{const[p,x]=u.useState(-1),{checkUserHasPermissions:d}=w.usePermissions(),h=u.useMemo(()=>t.map(n=>{var r;return{...n,notPermitted:!d(n.permissions??[]),children:(r=n.children)==null?void 0:r.map(m=>({...m,notPermitted:!d(m.permissions??[]),disabled:n.disabled||m.disabled}))}}),[t,d]),v=u.useMemo(()=>i.map(n=>{var r;return{...n,notPermitted:!d(n.permissions??[]),children:(r=n.children)==null?void 0:r.map(m=>({...m,notPermitted:!d(m.permissions??[])}))}}),[i,d]),_=n=>{x(n===p?-1:n)};return u.useEffect(()=>{a||x(-1)},[a]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu shadow",j.sideMenu,{[j.expand]:a},{expand:a}),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",j.sidebarHeader),children:s}),e.jsxRuntimeExports.jsxs("ul",{className:j.sideMenuContent,children:[h.map((n,r)=>e.jsxRuntimeExports.jsx(N,{item:n,menuExpanded:a,collapsed:r===p,onCollapse:()=>_(r),currentPath:c},n.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",j.divider)}),v.map((n,r)=>e.jsxRuntimeExports.jsx(N,{item:n,menuExpanded:a,collapsed:r===p,onCollapse:()=>_(r),currentPath:c},n.title))]})]})},z="_top-bar_1lk80_1",G="_top-bar-brand_1lk80_14",R={"top-bar":"_top-bar_1lk80_1",topBar:z,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:G},J=({appName:s,leftOffset:t,centerContent:i,rightContent:a})=>{const{LinkComponent:l}=u.useContext(e.LuminusComponentsContext);return e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow",R.topBar),style:{width:t?`calc(100% - ${t}px)`:void 0,left:t?`${t}px`:void 0},children:[e.jsxRuntimeExports.jsx(l,{to:"/",className:e.classNames("luminus-top-bar-brand",R.topBarBrand),children:s}),i&&e.jsxRuntimeExports.jsx("div",{children:i}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:a??null})]})},O="_side-content-bar_17kwd_1",Q={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:O},b=({width:s,children:t})=>e.jsxRuntimeExports.jsx("section",{className:e.classNames("luminus-side-content-bar shadow",Q.sideContentBar),style:{width:`${s}px`},children:t}),E=({title:s})=>e.jsxRuntimeExports.jsx("div",{className:"mb-3",children:typeof s=="string"?e.jsxRuntimeExports.jsx(e.Typography,{variant:"h3",children:s}):s}),V=({title:s,children:t,sideContent:i,sideContentWidth:a=250,noPadding:l,className:c})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",l?"p-0":"p-3",c),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:i?`${a}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(E,{title:s}):null,t]}),i&&e.jsxRuntimeExports.jsx(b,{width:a,children:i})]}),X="_full-screen-container_1rm4r_1",Y={"full-screen-container":"_full-screen-container_1rm4r_1",fullScreenContainer:X},Z=({title:s,children:t,sideContent:i,sideContentWidth:a=250,noPadding:l,className:c})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:e.classNames("overflow-hidden luminus-full-screen-container",l?"p-0":"p-3",c,Y.fullScreenContainer),style:{width:i?`calc(100% - ${a}px)`:"100%"},children:[s?e.jsxRuntimeExports.jsx(E,{title:s}):null,t]}),i&&e.jsxRuntimeExports.jsx(b,{width:a,children:i})]});exports.FullScreenContainer=Z;exports.MainContainer=V;exports.SideContentBar=b;exports.SideMenu=U;exports.TopBar=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FromToDatePickerDropdownToggle-DhzBIJXw.cjs"),j=require("react"),b=require("react-router-dom");require("react-hook-form");require("@azure/msal-browser");require("@azure/msal-react");require("zod");const M=require("./usePermissions-BZPN1OT2.cjs"),B=require("./SimpleTooltip-Bz22xxXa.cjs"),k="_side-menu-item_6vbwa_1",C="_disabled_6vbwa_5",g="_nav-button_6vbwa_9",P="_child_6vbwa_17",S="_text_6vbwa_21",T="_icon_6vbwa_28",f="_collapse-icon_6vbwa_34",y="_collapsed_6vbwa_44",I="_expanded_6vbwa_51",q="_children-container_6vbwa_57",$="_visible_6vbwa_65",H="_children_6vbwa_57",i={"side-menu-item":"_side-menu-item_6vbwa_1",sideMenuItem:k,disabled:C,"nav-button":"_nav-button_6vbwa_9",navButton:g,child:P,text:S,icon:T,"collapse-icon":"_collapse-icon_6vbwa_34",collapseIcon:f,collapsed:y,expanded:I,"children-container":"_children-container_6vbwa_57",childrenContainer:q,visible:$,children:H},F=({item:s,menuExpanded:n,children:t})=>s.tooltip&&!n?e.jsxRuntimeExports.jsx(B.SimpleTooltip,{text:s.tooltip,placement:"right",children:t}):t,R=({item:s,menuExpanded:n,collapsed:t,onCollapse:r,currentPath:c})=>{var v,h;const[d,x]=j.useState(!1),[m]=c.split("?"),u=s.linkTo===m||((v=s.children)==null?void 0:v.some(o=>o.linkTo===m));return e.jsxRuntimeExports.jsxs("li",{className:e.classNames("luminus-side-menu-item",i.sideMenuItem,{[i.expanded]:n},{active:d||u},{open:t&&s.children},{[i.disabled]:s.disabled||s.notPermitted},{disabled:s.disabled||s.notPermitted}),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[e.jsxRuntimeExports.jsx(F,{item:s,menuExpanded:n,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",i.navButton),onClick:()=>r(),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",i.collapseIcon,{[i.collapsed]:t}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(b.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",i.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",i.childrenContainer,{[i.visible]:t}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",i.children),children:(h=s.children)==null?void 0:h.map(o=>e.jsxRuntimeExports.jsx(b.Link,{to:o.disabled||o.notPermitted?"/":o.linkTo??"/",className:e.classNames("nav-link child rounded",i.navButton,i.child,{[i.disabled]:o.disabled||o.notPermitted},{disabled:o.disabled||o.notPermitted}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:o.title})},o.linkTo))})})]})},L="_side-menu_n1hvm_1",D="_sidebar-header_n1hvm_13",A="_side-menu-content_n1hvm_18",K="_expand_n1hvm_22",U="_divider_n1hvm_26",_={"side-menu":"_side-menu_n1hvm_1",sideMenu:L,"sidebar-header":"_sidebar-header_n1hvm_13",sidebarHeader:D,"side-menu-content":"_side-menu-content_n1hvm_18",sideMenuContent:A,expand:K,divider:U},z=({headerItem:s,mainItems:n,secondaryItems:t,expanded:r,setExpanded:c,currentPath:d})=>{const[x,m]=j.useState(-1),{checkUserHasPermissions:u}=M.usePermissions(),v=j.useMemo(()=>n.map(a=>{var l;return{...a,notPermitted:!u(a.permissions??[]),children:(l=a.children)==null?void 0:l.map(p=>({...p,notPermitted:!u(p.permissions??[]),disabled:a.disabled||p.disabled}))}}),[n,u]),h=j.useMemo(()=>t.map(a=>{var l;return{...a,notPermitted:!u(a.permissions??[]),children:(l=a.children)==null?void 0:l.map(p=>({...p,notPermitted:!u(p.permissions??[])}))}}),[t,u]),o=a=>{m(a===x?-1:a)};return j.useEffect(()=>{r||m(-1)},[r]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu shadow",_.sideMenu,{[_.expand]:r},{expand:r}),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",_.sidebarHeader),children:s}),e.jsxRuntimeExports.jsxs("ul",{className:_.sideMenuContent,children:[v.map((a,l)=>e.jsxRuntimeExports.jsx(R,{item:a,menuExpanded:r,collapsed:l===x,onCollapse:()=>o(l),currentPath:d},a.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",_.divider)}),h.map((a,l)=>e.jsxRuntimeExports.jsx(R,{item:a,menuExpanded:r,collapsed:l===x,onCollapse:()=>o(l),currentPath:d},a.title))]})]})},G="_top-bar_1lk80_1",J="_top-bar-brand_1lk80_14",E={"top-bar":"_top-bar_1lk80_1",topBar:G,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:J},O=({appName:s,leftOffset:n,centerContent:t,rightContent:r})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow",E.topBar),style:{width:n?`calc(100% - ${n}px)`:void 0,left:n?`${n}px`:void 0},children:[e.jsxRuntimeExports.jsx(b.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",E.topBarBrand),children:s}),t&&e.jsxRuntimeExports.jsx("div",{children:t}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:r??null})]}),Q="_side-content-bar_17kwd_1",V={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:Q},N=({width:s,children:n})=>e.jsxRuntimeExports.jsx("section",{className:e.classNames("luminus-side-content-bar shadow",V.sideContentBar),style:{width:`${s}px`},children:n}),w=({title:s})=>e.jsxRuntimeExports.jsx("div",{className:"mb-3",children:typeof s=="string"?e.jsxRuntimeExports.jsx(e.Typography,{variant:"h3",children:s}):s}),X=({title:s,children:n,sideContent:t,sideContentWidth:r=250,noPadding:c,className:d})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",c?"p-0":"p-3",d),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:t?`${r}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(w,{title:s}):null,n]}),t&&e.jsxRuntimeExports.jsx(N,{width:r,children:t})]}),Y="_full-screen-container_1rm4r_1",Z={"full-screen-container":"_full-screen-container_1rm4r_1",fullScreenContainer:Y},W=({title:s,children:n,sideContent:t,sideContentWidth:r=250,noPadding:c,className:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:e.classNames("overflow-hidden luminus-full-screen-container",c?"p-0":"p-3",d,Z.fullScreenContainer),style:{width:t?`calc(100% - ${r}px)`:"100%"},children:[s?e.jsxRuntimeExports.jsx(w,{title:s}):null,n]}),t&&e.jsxRuntimeExports.jsx(N,{width:r,children:t})]});exports.FullScreenContainer=W;exports.MainContainer=X;exports.SideContentBar=N;exports.SideMenu=z;exports.TopBar=O;

package/dist/layout.d.ts

@@ -1,56 +1 @@
-/// <reference types="react" />
-
-import { JSX as JSX_2 } from 'react';
-import { ReactNode } from 'react';
-
-declare type ContainerProps = {
-    title?: string | ReactNode;
-    children?: ReactNode;
-    sideContent?: React.ReactNode;
-    sideContentWidth?: number;
-    noPadding?: boolean;
-    className?: string;
-};
-
-export declare const FullScreenContainer: ({ title, children, sideContent, sideContentWidth, noPadding, className, }: ContainerProps) => JSX_2.Element;
-
-export declare const MainContainer: ({ title, children, sideContent, sideContentWidth, noPadding, className, }: ContainerProps) => JSX_2.Element;
-
-declare type MenuItemType = {
-    title: string;
-    tooltip?: string;
-    linkTo?: string;
-    icon?: React.ReactNode;
-    permissions?: string[];
-    disabled?: boolean;
-    children?: MenuItemType[];
-};
-
-declare type Props = {
-    headerItem: React.ReactNode;
-    mainItems: MenuItemType[];
-    secondaryItems: MenuItemType[];
-    expanded: boolean;
-    setExpanded: (expanded: boolean) => void;
-    currentPath: string;
-};
-
-declare type Props_2 = {
-    appName: string;
-    leftOffset?: number;
-    centerContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
-};
-
-declare type Props_3 = {
-    width: number;
-    children?: ReactNode;
-};
-
-export declare const SideContentBar: ({ width, children }: Props_3) => JSX_2.Element;
-
-export declare const SideMenu: ({ headerItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, }: Props) => JSX_2.Element;
-
-export declare const TopBar: ({ appName, leftOffset, centerContent, rightContent }: Props_2) => JSX_2.Element;
-
-export { }
+export * from './layout/index'

package/dist/layout.es.js

@@ -1,135 +1,132 @@
-import { U as B, j as e, c as o, Z as I, S as P } from "./FromToDatePickerDropdownToggle-DDOxJCc2.js";
-import { useContext as C, useState as M, useMemo as j, useEffect as g } from "react";
+import { j as e, c as t, Z as C, S as I } from "./FromToDatePickerDropdownToggle-Dk7MFcJp.js";
+import { useState as M, useMemo as w, useEffect as P } from "react";
+import { Link as j } from "react-router-dom";
 import "react-hook-form";
-import "react-router-dom";
 import "@azure/msal-browser";
 import "@azure/msal-react";
 import "zod";
-import { u as y } from "./usePermissions-55of2QBH.js";
-import { S } from "./SimpleTooltip-BgRjtr0d.js";
-const T = "_side-menu-item_6vbwa_1", $ = "_disabled_6vbwa_5", H = "_nav-button_6vbwa_9", L = "_child_6vbwa_17", E = "_text_6vbwa_21", F = "_icon_6vbwa_28", R = "_collapse-icon_6vbwa_34", A = "_collapsed_6vbwa_44", U = "_expanded_6vbwa_51", K = "_children-container_6vbwa_57", Z = "_visible_6vbwa_65", q = "_children_6vbwa_57", i = {
+import { u as g } from "./usePermissions-CfJgVLTi.js";
+import { S as y } from "./SimpleTooltip-C32Faxrc.js";
+const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6vbwa_9", H = "_child_6vbwa_17", E = "_text_6vbwa_21", F = "_icon_6vbwa_28", L = "_collapse-icon_6vbwa_34", R = "_collapsed_6vbwa_44", A = "_expanded_6vbwa_51", K = "_children-container_6vbwa_57", U = "_visible_6vbwa_65", Z = "_children_6vbwa_57", i = {
   "side-menu-item": "_side-menu-item_6vbwa_1",
-  sideMenuItem: T,
-  disabled: $,
+  sideMenuItem: S,
+  disabled: T,
   "nav-button": "_nav-button_6vbwa_9",
-  navButton: H,
-  child: L,
+  navButton: $,
+  child: H,
   text: E,
   icon: F,
   "collapse-icon": "_collapse-icon_6vbwa_34",
-  collapseIcon: R,
-  collapsed: A,
-  expanded: U,
+  collapseIcon: L,
+  collapsed: R,
+  expanded: A,
   "children-container": "_children-container_6vbwa_57",
   childrenContainer: K,
-  visible: Z,
-  children: q
-}, z = ({ item: n, menuExpanded: t, children: a }) => n.tooltip && !t ? /* @__PURE__ */ e.jsx(S, { text: n.tooltip, placement: "right", children: a }) : a, w = ({ item: n, menuExpanded: t, collapsed: a, onCollapse: r, currentPath: d }) => {
-  var b, v;
-  const { LinkComponent: c } = C(B), [p, u] = M(!1), [_] = d.split("?"), x = n.linkTo === _ || ((b = n.children) == null ? void 0 : b.some((s) => s.linkTo === _));
-  return /* @__PURE__ */ e.jsxs("li", { className: o("luminus-side-menu-item", i.sideMenuItem, {
-    [i.expanded]: t
-  }, { active: p || x }, { open: a && n.children }, { [i.disabled]: n.disabled || n.notPermitted }, { disabled: n.disabled || n.notPermitted }), onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), children: [
-    /* @__PURE__ */ e.jsx(z, { item: n, menuExpanded: t, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: o("nav-link", i.navButton), onClick: () => r(), children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("icon", i.icon), children: n.icon }),
-      t && /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: n.title }),
-      t && /* @__PURE__ */ e.jsx("div", { className: o("collapse-icon", i.collapseIcon, {
+  visible: U,
+  children: Z
+}, q = ({ item: n, menuExpanded: s, children: a }) => n.tooltip && !s ? /* @__PURE__ */ e.jsx(y, { text: n.tooltip, placement: "right", children: a }) : a, N = ({ item: n, menuExpanded: s, collapsed: a, onCollapse: r, currentPath: c }) => {
+  var b, x;
+  const [_, m] = M(!1), [p] = c.split("?"), u = n.linkTo === p || ((b = n.children) == null ? void 0 : b.some((l) => l.linkTo === p));
+  return /* @__PURE__ */ e.jsxs("li", { className: t("luminus-side-menu-item", i.sideMenuItem, {
+    [i.expanded]: s
+  }, { active: _ || u }, { open: a && n.children }, { [i.disabled]: n.disabled || n.notPermitted }, { disabled: n.disabled || n.notPermitted }), onMouseEnter: () => m(!0), onMouseLeave: () => m(!1), children: [
+    /* @__PURE__ */ e.jsx(q, { item: n, menuExpanded: s, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: t("nav-link", i.navButton), onClick: () => r(), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon", i.collapseIcon, {
         [i.collapsed]: a
-      }), children: /* @__PURE__ */ e.jsx(I, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(c, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: o("nav-link", i.navButton), children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("icon", i.icon), children: n.icon }),
-      t && /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: n.title })
+      }), children: /* @__PURE__ */ e.jsx(C, {}) })
+    ] }) }) : /* @__PURE__ */ e.jsxs(j, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: t("nav-link", i.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o("children-container", i.childrenContainer, {
+    /* @__PURE__ */ e.jsx("div", { className: t("children-container", i.childrenContainer, {
       [i.visible]: a
-    }), children: /* @__PURE__ */ e.jsx("div", { className: o("shadow rounded children", i.children), children: (v = n.children) == null ? void 0 : v.map((s) => /* @__PURE__ */ e.jsx(c, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: o("nav-link child rounded", i.navButton, i.child, { [i.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
+    }), children: /* @__PURE__ */ e.jsx("div", { className: t("shadow rounded children", i.children), children: (x = n.children) == null ? void 0 : x.map((l) => /* @__PURE__ */ e.jsx(j, { to: l.disabled || l.notPermitted ? "/" : l.linkTo ?? "/", className: t("nav-link child rounded", i.navButton, i.child, { [i.disabled]: l.disabled || l.notPermitted }, { disabled: l.disabled || l.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: l.title }) }, l.linkTo)) }) })
   ] });
-}, D = "_side-menu_n1hvm_1", G = "_sidebar-header_n1hvm_13", J = "_side-menu-content_n1hvm_18", Q = "_expand_n1hvm_22", V = "_divider_n1hvm_26", h = {
+}, z = "_side-menu_n1hvm_1", D = "_sidebar-header_n1hvm_13", G = "_side-menu-content_n1hvm_18", J = "_expand_n1hvm_22", Q = "_divider_n1hvm_26", h = {
   "side-menu": "_side-menu_n1hvm_1",
-  sideMenu: D,
+  sideMenu: z,
   "sidebar-header": "_sidebar-header_n1hvm_13",
-  sidebarHeader: G,
+  sidebarHeader: D,
   "side-menu-content": "_side-menu-content_n1hvm_18",
-  sideMenuContent: J,
-  expand: Q,
-  divider: V
-}, _e = ({ headerItem: n, mainItems: t, secondaryItems: a, expanded: r, setExpanded: d, currentPath: c }) => {
-  const [p, u] = M(-1), { checkUserHasPermissions: _ } = y(), x = j(() => t.map((s) => {
-    var l;
+  sideMenuContent: G,
+  expand: J,
+  divider: Q
+}, ce = ({ headerItem: n, mainItems: s, secondaryItems: a, expanded: r, setExpanded: c, currentPath: _ }) => {
+  const [m, p] = M(-1), { checkUserHasPermissions: u } = g(), b = w(() => s.map((o) => {
+    var d;
     return {
-      ...s,
-      notPermitted: !_(s.permissions ?? []),
-      children: (l = s.children) == null ? void 0 : l.map((m) => ({
-        ...m,
-        notPermitted: !_(m.permissions ?? []),
-        disabled: s.disabled || m.disabled
+      ...o,
+      notPermitted: !u(o.permissions ?? []),
+      children: (d = o.children) == null ? void 0 : d.map((v) => ({
+        ...v,
+        notPermitted: !u(v.permissions ?? []),
+        disabled: o.disabled || v.disabled
       }))
     };
-  }), [t, _]), b = j(() => a.map((s) => {
-    var l;
+  }), [s, u]), x = w(() => a.map((o) => {
+    var d;
     return {
-      ...s,
-      notPermitted: !_(s.permissions ?? []),
-      children: (l = s.children) == null ? void 0 : l.map((m) => ({
-        ...m,
-        notPermitted: !_(m.permissions ?? [])
+      ...o,
+      notPermitted: !u(o.permissions ?? []),
+      children: (d = o.children) == null ? void 0 : d.map((v) => ({
+        ...v,
+        notPermitted: !u(v.permissions ?? [])
       }))
     };
-  }), [a, _]), v = (s) => {
-    u(s === p ? -1 : s);
+  }), [a, u]), l = (o) => {
+    p(o === m ? -1 : o);
   };
-  return g(() => {
-    r || u(-1);
-  }, [r]), /* @__PURE__ */ e.jsxs("section", { className: o("luminus-side-menu shadow", h.sideMenu, {
+  return P(() => {
+    r || p(-1);
+  }, [r]), /* @__PURE__ */ e.jsxs("section", { className: t("luminus-side-menu shadow", h.sideMenu, {
     [h.expand]: r
-  }, { expand: r }), onMouseEnter: () => d(!0), onMouseLeave: () => d(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: o("sidebar-header", h.sidebarHeader), children: n }),
+  }, { expand: r }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", h.sidebarHeader), children: n }),
     /* @__PURE__ */ e.jsxs("ul", { className: h.sideMenuContent, children: [
-      x.map((s, l) => /* @__PURE__ */ e.jsx(w, { item: s, menuExpanded: r, collapsed: l === p, onCollapse: () => v(l), currentPath: c }, s.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: o("divider", h.divider) }),
-      b.map((s, l) => /* @__PURE__ */ e.jsx(w, { item: s, menuExpanded: r, collapsed: l === p, onCollapse: () => v(l), currentPath: c }, s.title))
+      b.map((o, d) => /* @__PURE__ */ e.jsx(N, { item: o, menuExpanded: r, collapsed: d === m, onCollapse: () => l(d), currentPath: _ }, o.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: t("divider", h.divider) }),
+      x.map((o, d) => /* @__PURE__ */ e.jsx(N, { item: o, menuExpanded: r, collapsed: d === m, onCollapse: () => l(d), currentPath: _ }, o.title))
     ] })
   ] });
-}, X = "_top-bar_1lk80_1", Y = "_top-bar-brand_1lk80_14", N = {
+}, V = "_top-bar_1lk80_1", X = "_top-bar-brand_1lk80_14", B = {
   "top-bar": "_top-bar_1lk80_1",
-  topBar: X,
+  topBar: V,
   "top-bar-brand": "_top-bar-brand_1lk80_14",
-  topBarBrand: Y
-}, ue = ({ appName: n, leftOffset: t, centerContent: a, rightContent: r }) => {
-  const { LinkComponent: d } = C(B);
-  return /* @__PURE__ */ e.jsxs("nav", { className: o("luminus-top-bar shadow", N.topBar), style: {
-    width: t ? `calc(100% - ${t}px)` : void 0,
-    left: t ? `${t}px` : void 0
-  }, children: [
-    /* @__PURE__ */ e.jsx(d, { to: "/", className: o("luminus-top-bar-brand", N.topBarBrand), children: n }),
-    a && /* @__PURE__ */ e.jsx("div", { children: a }),
-    /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: r ?? null })
-  ] });
-}, O = "_side-content-bar_17kwd_1", W = {
+  topBarBrand: X
+}, _e = ({ appName: n, leftOffset: s, centerContent: a, rightContent: r }) => /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar shadow", B.topBar), style: {
+  width: s ? `calc(100% - ${s}px)` : void 0,
+  left: s ? `${s}px` : void 0
+}, children: [
+  /* @__PURE__ */ e.jsx(j, { to: "/", className: t("luminus-top-bar-brand", B.topBarBrand), children: n }),
+  a && /* @__PURE__ */ e.jsx("div", { children: a }),
+  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: r ?? null })
+] }), Y = "_side-content-bar_17kwd_1", O = {
   "side-content-bar": "_side-content-bar_17kwd_1",
-  sideContentBar: O
-}, k = ({ width: n, children: t }) => /* @__PURE__ */ e.jsx("section", { className: o("luminus-side-content-bar shadow", W.sideContentBar), style: {
+  sideContentBar: Y
+}, f = ({ width: n, children: s }) => /* @__PURE__ */ e.jsx("section", { className: t("luminus-side-content-bar shadow", O.sideContentBar), style: {
   width: `${n}px`
-}, children: t }), f = ({ title: n }) => /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: typeof n == "string" ? /* @__PURE__ */ e.jsx(P, { variant: "h3", children: n }) : n }), me = ({ title: n, children: t, sideContent: a, sideContentWidth: r = 250, noPadding: d, className: c }) => /* @__PURE__ */ e.jsxs("div", { className: o("container-fluid", d ? "p-0" : "p-3", c), children: [
+}, children: s }), k = ({ title: n }) => /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: typeof n == "string" ? /* @__PURE__ */ e.jsx(I, { variant: "h3", children: n }) : n }), ue = ({ title: n, children: s, sideContent: a, sideContentWidth: r = 250, noPadding: c, className: _ }) => /* @__PURE__ */ e.jsxs("div", { className: t("container-fluid", c ? "p-0" : "p-3", _), children: [
   /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: a ? `${r}px` : void 0 }, children: [
-    n ? /* @__PURE__ */ e.jsx(f, { title: n }) : null,
-    t
+    n ? /* @__PURE__ */ e.jsx(k, { title: n }) : null,
+    s
   ] }),
-  a && /* @__PURE__ */ e.jsx(k, { width: r, children: a })
-] }), ee = "_full-screen-container_1rm4r_1", ne = {
+  a && /* @__PURE__ */ e.jsx(f, { width: r, children: a })
+] }), W = "_full-screen-container_1rm4r_1", ee = {
   "full-screen-container": "_full-screen-container_1rm4r_1",
-  fullScreenContainer: ee
-}, pe = ({ title: n, children: t, sideContent: a, sideContentWidth: r = 250, noPadding: d, className: c }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: o("overflow-hidden luminus-full-screen-container", d ? "p-0" : "p-3", c, ne.fullScreenContainer), style: { width: a ? `calc(100% - ${r}px)` : "100%" }, children: [
-    n ? /* @__PURE__ */ e.jsx(f, { title: n }) : null,
-    t
+  fullScreenContainer: W
+}, me = ({ title: n, children: s, sideContent: a, sideContentWidth: r = 250, noPadding: c, className: _ }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsxs("div", { className: t("overflow-hidden luminus-full-screen-container", c ? "p-0" : "p-3", _, ee.fullScreenContainer), style: { width: a ? `calc(100% - ${r}px)` : "100%" }, children: [
+    n ? /* @__PURE__ */ e.jsx(k, { title: n }) : null,
+    s
   ] }),
-  a && /* @__PURE__ */ e.jsx(k, { width: r, children: a })
+  a && /* @__PURE__ */ e.jsx(f, { width: r, children: a })
 ] });
 export {
-  pe as FullScreenContainer,
-  me as MainContainer,
-  k as SideContentBar,
-  _e as SideMenu,
-  ue as TopBar
+  me as FullScreenContainer,
+  ue as MainContainer,
+  f as SideContentBar,
+  ce as SideMenu,
+  _e as TopBar
 };