react-luminus-components 2.0.22 → 2.0.23

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

@@ -4,6 +4,7 @@ type Props = {
     leftContent?: React.ReactNode;
     centerContent?: React.ReactNode;
     rightContent?: React.ReactNode;
+    showOffline?: boolean;
 };
-declare const TopBar: ({ appName, leftOffset, leftContent, centerContent, rightContent }: Props) => import("react").JSX.Element;
+declare const TopBar: ({ appName, leftOffset, leftContent, centerContent, rightContent, showOffline, }: Props) => import("react").JSX.Element;
 export default TopBar;

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./nivo-bar-DkwHwh9o.cjs"),F=require("react"),ee=require("react-router");require("react-hook-form");require("react-flexmonster");require("@azure/msal-react");require("@azure/msal-browser");require("react-dom");const le="_side-menu-item_o72rm_1",ie="_disabled_o72rm_6",oe="_hidden_o72rm_10",ae="_nav-button_o72rm_13",ce="_child_o72rm_21",de="_text_o72rm_26",re="_icon_o72rm_36",me="_collapse-icon_o72rm_42",ue="_collapsed_o72rm_52",pe="_collapse-icon-mini_o72rm_55",he="_expanded_o72rm_86",_e="_children-container_o72rm_92",xe="_visible_o72rm_100",fe="_children_o72rm_92",be="_mobile_o72rm_112",d={sideMenuItem:le,disabled:ie,hidden:oe,navButton:ae,child:ce,text:de,icon:re,collapseIcon:me,collapsed:ue,collapseIconMini:pe,expanded:he,childrenContainer:_e,visible:xe,children:fe,mobile:be},ve=o=>{const e=i.compilerRuntimeExports.c(6),{item:u,menuExpanded:h,useTooltips:f,children:j}=o;if(u.tooltip&&!h&&f){let M;e[0]===Symbol.for("react.memo_cache_sentinel")?(M={show:1e3,hide:0},e[0]=M):M=e[0];let s;e[1]!==j?(s=n.jsx("div",{children:j}),e[1]=j,e[2]=s):s=e[2];let a;return e[3]!==u.tooltip||e[4]!==s?(a=n.jsx(i.SimpleTooltip,{text:u.tooltip,placement:"top",delay:M,children:s}),e[3]=u.tooltip,e[4]=s,e[5]=a):a=e[5],a}return j},ne=({item:o,menuExpanded:e,collapsed:u,onCollapse:h,currentPath:f,useHover:j,useTooltips:M,isMobile:s,disableMode:a})=>{var y,r,m,v;const[_,l]=F.useState(!1),[p]=f.split("?"),P=o.linkTo===p||((y=o.children)==null?void 0:y.some(t=>t.linkTo===p)),b=F.useRef(null);return i.useClickOutside([b],()=>u&&h()),n.jsxs("li",{ref:b,className:i.classNames("luminus-side-menu-item",d.sideMenuItem,{[d.mobile]:s},{[d.expanded]:e},{active:_||P},{open:u&&o.children},{[a==="disable"?d.disabled:d.hidden]:o.disabled||o.notPermitted||((r=o.children)==null?void 0:r.every(t=>t.notPermitted||t.disabled))},{[a==="disable"?"disabled":"hidden"]:o.disabled||o.notPermitted||((m=o.children)==null?void 0:m.every(t=>t.notPermitted||t.disabled))}),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[n.jsx(ve,{item:o,menuExpanded:e,useTooltips:M,children:o.children?n.jsx(n.Fragment,{children:n.jsxs("button",{type:"button",className:i.classNames("nav-link",d.navButton),onClick:()=>{h()},children:[n.jsx("div",{className:i.classNames("icon",d.icon),children:o.icon}),!j&&!e&&n.jsx("div",{className:i.classNames("collapse-icon-mini rounded",d.collapseIconMini,{[d.collapsed]:u}),children:n.jsx(i.MdOutlineKeyboardArrowRight,{})}),e&&n.jsx("div",{className:i.classNames("text",d.text,"text-nowrap"),children:o.title}),e&&n.jsx("div",{className:i.classNames("collapse-icon",d.collapseIcon,{[d.collapsed]:u}),children:n.jsx(i.MdOutlineKeyboardArrowRight,{})})]})}):n.jsxs(ee.Link,{to:o.disabled||o.notPermitted?"/":o.linkTo??"/",className:i.classNames("nav-link",d.navButton),children:[n.jsx("div",{className:i.classNames("icon",d.icon),children:o.icon}),e&&n.jsx("div",{className:i.classNames("text",d.text,"text-nowrap"),children:o.title})]})}),n.jsx("div",{className:i.classNames("children-container",d.childrenContainer,{[d.visible]:u}),children:n.jsx("div",{className:i.classNames("shadow rounded children",d.children),children:(v=o.children)==null?void 0:v.map(t=>n.jsx(ee.Link,{to:t.disabled||t.notPermitted?"/":t.linkTo??"/",className:i.classNames("nav-link child rounded",d.navButton,d.child,{[a==="disable"?d.disabled:d.hidden]:t.disabled||t.notPermitted},{[a==="disable"?"disabled":"hidden"]:t.disabled||t.notPermitted}),onClick:h,children:n.jsx("div",{className:i.classNames("text",d.text,"text-nowrap"),children:t.title})},t.linkTo))})})]})},Ne="_side-menu_9n6rw_1",je="_sidebar-header_9n6rw_15",Me="_side-menu-pin_9n6rw_22",Pe="_side-menu-shrinkable-margin_9n6rw_27",ge="_side-menu-content_9n6rw_31",ye="_expand_9n6rw_37",ke="_only-logo_9n6rw_41",we="_mobile_9n6rw_44",Ce="_divider_9n6rw_59",C={sideMenu:Ne,sidebarHeader:je,sideMenuPin:Me,sideMenuShrinkableMargin:Pe,sideMenuContent:ge,expand:ye,onlyLogo:ke,mobile:we,divider:Ce},Ie=o=>{const e=i.compilerRuntimeExports.c(96),{headerItem:u,searchItem:h,shortcutsItem:f,mainItems:j,secondaryItems:M,expanded:s,setExpanded:a,currentPath:_,useHover:l,useTooltips:p,disableMode:P,sideMenuPinned:b,toggleSideMenuPinned:y}=o,r=P===void 0?"disable":P,[m,v]=F.useState(-1),{checkUserHasPermissions:t}=i.usePermissions();let w;if(e[0]!==t||e[1]!==j){let c;e[3]!==t?(c=x=>{var g;return{...x,notPermitted:!t(x.permissions??[],"any"),children:(g=x.children)==null?void 0:g.map(A=>({...A,notPermitted:!t(A.permissions??[],"any"),disabled:x.disabled||A.disabled}))}},e[3]=t,e[4]=c):c=e[4],w=j.map(c),e[0]=t,e[1]=j,e[2]=w}else w=e[2];const X=w;let K;if(e[5]!==t||e[6]!==M){let c;e[8]!==t?(c=x=>{var g;return{...x,notPermitted:!t(x.permissions??[],"any"),children:(g=x.children)==null?void 0:g.map(A=>({...A,notPermitted:!t(A.permissions??[],"any")}))}},e[8]=t,e[9]=c):c=e[9],K=M.map(c),e[5]=t,e[6]=M,e[7]=K}else K=e[7];const Y=K;let z;e[10]!==m?(z=c=>{v(c===m?-1:c)},e[10]=m,e[11]=z):z=e[11];const k=z;let U,W;e[12]!==s?(U=()=>{s||v(-1)},W=[s],e[12]=s,e[13]=U,e[14]=W):(U=e[13],W=e[14]),F.useEffect(U,W);const se=F.useRef(null);let D;e[15]===Symbol.for("react.memo_cache_sentinel")?(D=[se],e[15]=D):D=e[15];let G;e[16]!==a?(G=()=>a(!1),e[16]=a,e[17]=G):G=e[17],i.useClickOutside(D,G);const{isMobile:N}=i.useWindowSize();let I;e[18]!==s||e[19]!==N?(I=i.classNames("luminus-side-menu shadow",C.sideMenu,{[C.mobile]:N},{[C.expand]:s},{expand:s}),e[18]=s,e[19]=N,e[20]=I):I=e[20];let B,S;e[21]!==a||e[22]!==l?(B=()=>l&&a(!0),S=()=>l&&a(!1),e[21]=a,e[22]=l,e[23]=B,e[24]=S):(B=e[23],S=e[24]);let R;e[25]!==l?(R=i.classNames("sidebar-header",C.sidebarHeader,{[C.onlyLogo]:l}),e[25]=l,e[26]=R):R=e[26];const Z=l?void 0:"button";let q;e[27]!==s||e[28]!==a||e[29]!==l?(q=l?void 0:()=>a(!s),e[27]=s,e[28]=a,e[29]=l,e[30]=q):q=e[30];let T;e[31]!==s||e[32]!==u||e[33]!==b||e[34]!==y||e[35]!==l?(T=l?u:s?n.jsxs(n.Fragment,{children:[n.jsx("div",{role:"button",onClick:c=>{c.stopPropagation(),y()},className:C.sideMenuPin,children:b?n.jsx(i.PiPushPinSlashBold,{}):n.jsx(i.PiPushPinBold,{})}),u]}):n.jsx(i.MdOutlineMenu,{}),e[31]=s,e[32]=u,e[33]=b,e[34]=y,e[35]=l,e[36]=T):T=e[36];let L;e[37]!==R||e[38]!==Z||e[39]!==q||e[40]!==T?(L=n.jsx("div",{className:R,role:Z,onClick:q,children:T}),e[37]=R,e[38]=Z,e[39]=q,e[40]=T,e[41]=L):L=e[41];let O;e[42]!==s||e[43]!==h||e[44]!==f?(O=s&&(h||f)?n.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[f&&s?f:null,h&&s?h:null]}):null,e[42]=s,e[43]=h,e[44]=f,e[45]=O):O=e[45];let J;e[46]===Symbol.for("react.memo_cache_sentinel")?(J=n.jsx("div",{className:C.sideMenuShrinkableMargin}),e[46]=J):J=e[46];let $;if(e[47]!==m||e[48]!==_||e[49]!==r||e[50]!==s||e[51]!==N||e[52]!==X||e[53]!==k||e[54]!==l||e[55]!==p){let c;e[57]!==m||e[58]!==_||e[59]!==r||e[60]!==s||e[61]!==N||e[62]!==k||e[63]!==l||e[64]!==p?(c=(x,g)=>n.jsx(ne,{item:x,menuExpanded:s,collapsed:g===m,onCollapse:()=>k(g),currentPath:_,useHover:l,useTooltips:p,isMobile:N,disableMode:r},x.title),e[57]=m,e[58]=_,e[59]=r,e[60]=s,e[61]=N,e[62]=k,e[63]=l,e[64]=p,e[65]=c):c=e[65],$=X.map(c),e[47]=m,e[48]=_,e[49]=r,e[50]=s,e[51]=N,e[52]=X,e[53]=k,e[54]=l,e[55]=p,e[56]=$}else $=e[56];let Q;e[66]===Symbol.for("react.memo_cache_sentinel")?(Q=n.jsx("hr",{className:i.classNames("divider",C.divider)}),e[66]=Q):Q=e[66];let E;if(e[67]!==m||e[68]!==_||e[69]!==r||e[70]!==s||e[71]!==N||e[72]!==k||e[73]!==Y||e[74]!==l||e[75]!==p){let c;e[77]!==m||e[78]!==_||e[79]!==r||e[80]!==s||e[81]!==N||e[82]!==k||e[83]!==l||e[84]!==p?(c=(x,g)=>n.jsx(ne,{item:x,menuExpanded:s,collapsed:g===m,onCollapse:()=>k(g),currentPath:_,useHover:l,useTooltips:p,isMobile:N,disableMode:r},x.title),e[77]=m,e[78]=_,e[79]=r,e[80]=s,e[81]=N,e[82]=k,e[83]=l,e[84]=p,e[85]=c):c=e[85],E=Y.map(c),e[67]=m,e[68]=_,e[69]=r,e[70]=s,e[71]=N,e[72]=k,e[73]=Y,e[74]=l,e[75]=p,e[76]=E}else E=e[76];let H;e[86]!==$||e[87]!==E?(H=n.jsxs("ul",{className:C.sideMenuContent,children:[$,Q,E]}),e[86]=$,e[87]=E,e[88]=H):H=e[88];let V;return e[89]!==B||e[90]!==S||e[91]!==L||e[92]!==O||e[93]!==H||e[94]!==I?(V=n.jsxs("section",{ref:se,className:I,onMouseEnter:B,onMouseLeave:S,children:[L,O,J,H]}),e[89]=B,e[90]=S,e[91]=L,e[92]=O,e[93]=H,e[94]=I,e[95]=V):V=e[95],V},Be="_top-bar_lnmq0_1",Se="_top-bar-brand_lnmq0_12",te={topBar:Be,topBarBrand:Se},Re=o=>{const e=i.compilerRuntimeExports.c(21),{appName:u,leftOffset:h,leftContent:f,centerContent:j,rightContent:M}=o;let s;e[0]===Symbol.for("react.memo_cache_sentinel")?(s=i.classNames("luminus-top-bar shadow",te.topBar),e[0]=s):s=e[0];const a=h?`calc(100% - ${h}px)`:void 0,_=h?`${h}px`:void 0;let l;e[1]!==a||e[2]!==_?(l={width:a,left:_},e[1]=a,e[2]=_,e[3]=l):l=e[3];let p;e[4]===Symbol.for("react.memo_cache_sentinel")?(p=i.classNames("luminus-top-bar-brand",te.topBarBrand),e[4]=p):p=e[4];let P;e[5]!==u?(P=n.jsx(ee.Link,{to:"/",className:p,children:u}),e[5]=u,e[6]=P):P=e[6];let b;e[7]!==f||e[8]!==P?(b=n.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[P,f]}),e[7]=f,e[8]=P,e[9]=b):b=e[9];const y=j??null;let r;e[10]!==y?(r=n.jsx("div",{className:"col-4 d-flex align-items-center",children:y}),e[10]=y,e[11]=r):r=e[11];const m=M??null;let v;e[12]!==m?(v=n.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:m}),e[12]=m,e[13]=v):v=e[13];let t;e[14]!==v||e[15]!==b||e[16]!==r?(t=n.jsxs("div",{className:"w-100 row g-0",children:[b,r,v]}),e[14]=v,e[15]=b,e[16]=r,e[17]=t):t=e[17];let w;return e[18]!==t||e[19]!==l?(w=n.jsx("nav",{className:s,style:l,children:t}),e[18]=t,e[19]=l,e[20]=w):w=e[20],w};exports.PageContainer=i.PageContainer;exports.SideContentBar=i.SideContentBar;exports.SideMenu=Ie;exports.TopBar=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("./nivo-bar-DkwHwh9o.cjs"),K=require("react"),ee=require("react-router");require("react-hook-form");require("react-flexmonster");require("@azure/msal-react");require("@azure/msal-browser");require("react-dom");const le="_side-menu-item_o72rm_1",ie="_disabled_o72rm_6",oe="_hidden_o72rm_10",ae="_nav-button_o72rm_13",de="_child_o72rm_21",ce="_text_o72rm_26",re="_icon_o72rm_36",me="_collapse-icon_o72rm_42",ue="_collapsed_o72rm_52",pe="_collapse-icon-mini_o72rm_55",he="_expanded_o72rm_86",_e="_children-container_o72rm_92",xe="_visible_o72rm_100",fe="_children_o72rm_92",be="_mobile_o72rm_112",r={sideMenuItem:le,disabled:ie,hidden:oe,navButton:ae,child:de,text:ce,icon:re,collapseIcon:me,collapsed:ue,collapseIconMini:pe,expanded:he,childrenContainer:_e,visible:xe,children:fe,mobile:be},ve=a=>{const e=l.compilerRuntimeExports.c(6),{item:u,menuExpanded:h,useTooltips:f,children:j}=a;if(u.tooltip&&!h&&f){let M;e[0]===Symbol.for("react.memo_cache_sentinel")?(M={show:1e3,hide:0},e[0]=M):M=e[0];let s;e[1]!==j?(s=n.jsx("div",{children:j}),e[1]=j,e[2]=s):s=e[2];let o;return e[3]!==u.tooltip||e[4]!==s?(o=n.jsx(l.SimpleTooltip,{text:u.tooltip,placement:"top",delay:M,children:s}),e[3]=u.tooltip,e[4]=s,e[5]=o):o=e[5],o}return j},ne=({item:a,menuExpanded:e,collapsed:u,onCollapse:h,currentPath:f,useHover:j,useTooltips:M,isMobile:s,disableMode:o})=>{var v,p,c,y;const[_,i]=K.useState(!1),[m]=f.split("?"),k=a.linkTo===m||((v=a.children)==null?void 0:v.some(t=>t.linkTo===m)),b=K.useRef(null);return l.useClickOutside([b],()=>u&&h()),n.jsxs("li",{ref:b,className:l.classNames("luminus-side-menu-item",r.sideMenuItem,{[r.mobile]:s},{[r.expanded]:e},{active:_||k},{open:u&&a.children},{[o==="disable"?r.disabled:r.hidden]:a.disabled||a.notPermitted||((p=a.children)==null?void 0:p.every(t=>t.notPermitted||t.disabled))},{[o==="disable"?"disabled":"hidden"]:a.disabled||a.notPermitted||((c=a.children)==null?void 0:c.every(t=>t.notPermitted||t.disabled))}),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[n.jsx(ve,{item:a,menuExpanded:e,useTooltips:M,children:a.children?n.jsx(n.Fragment,{children:n.jsxs("button",{type:"button",className:l.classNames("nav-link",r.navButton),onClick:()=>{h()},children:[n.jsx("div",{className:l.classNames("icon",r.icon),children:a.icon}),!j&&!e&&n.jsx("div",{className:l.classNames("collapse-icon-mini rounded",r.collapseIconMini,{[r.collapsed]:u}),children:n.jsx(l.MdOutlineKeyboardArrowRight,{})}),e&&n.jsx("div",{className:l.classNames("text",r.text,"text-nowrap"),children:a.title}),e&&n.jsx("div",{className:l.classNames("collapse-icon",r.collapseIcon,{[r.collapsed]:u}),children:n.jsx(l.MdOutlineKeyboardArrowRight,{})})]})}):n.jsxs(ee.Link,{to:a.disabled||a.notPermitted?"/":a.linkTo??"/",className:l.classNames("nav-link",r.navButton),children:[n.jsx("div",{className:l.classNames("icon",r.icon),children:a.icon}),e&&n.jsx("div",{className:l.classNames("text",r.text,"text-nowrap"),children:a.title})]})}),n.jsx("div",{className:l.classNames("children-container",r.childrenContainer,{[r.visible]:u}),children:n.jsx("div",{className:l.classNames("shadow rounded children",r.children),children:(y=a.children)==null?void 0:y.map(t=>n.jsx(ee.Link,{to:t.disabled||t.notPermitted?"/":t.linkTo??"/",className:l.classNames("nav-link child rounded",r.navButton,r.child,{[o==="disable"?r.disabled:r.hidden]:t.disabled||t.notPermitted},{[o==="disable"?"disabled":"hidden"]:t.disabled||t.notPermitted}),onClick:h,children:n.jsx("div",{className:l.classNames("text",r.text,"text-nowrap"),children:t.title})},t.linkTo))})})]})},Ne="_side-menu_9n6rw_1",je="_sidebar-header_9n6rw_15",Me="_side-menu-pin_9n6rw_22",Pe="_side-menu-shrinkable-margin_9n6rw_27",ge="_side-menu-content_9n6rw_31",ye="_expand_9n6rw_37",we="_only-logo_9n6rw_41",ke="_mobile_9n6rw_44",Ce="_divider_9n6rw_59",C={sideMenu:Ne,sidebarHeader:je,sideMenuPin:Me,sideMenuShrinkableMargin:Pe,sideMenuContent:ge,expand:ye,onlyLogo:we,mobile:ke,divider:Ce},Ie=a=>{const e=l.compilerRuntimeExports.c(96),{headerItem:u,searchItem:h,shortcutsItem:f,mainItems:j,secondaryItems:M,expanded:s,setExpanded:o,currentPath:_,useHover:i,useTooltips:m,disableMode:k,sideMenuPinned:b,toggleSideMenuPinned:v}=a,p=k===void 0?"disable":k,[c,y]=K.useState(-1),{checkUserHasPermissions:t}=l.usePermissions();let P;if(e[0]!==t||e[1]!==j){let d;e[3]!==t?(d=x=>{var g;return{...x,notPermitted:!t(x.permissions??[],"any"),children:(g=x.children)==null?void 0:g.map(F=>({...F,notPermitted:!t(F.permissions??[],"any"),disabled:x.disabled||F.disabled}))}},e[3]=t,e[4]=d):d=e[4],P=j.map(d),e[0]=t,e[1]=j,e[2]=P}else P=e[2];const I=P;let z;if(e[5]!==t||e[6]!==M){let d;e[8]!==t?(d=x=>{var g;return{...x,notPermitted:!t(x.permissions??[],"any"),children:(g=x.children)==null?void 0:g.map(F=>({...F,notPermitted:!t(F.permissions??[],"any")}))}},e[8]=t,e[9]=d):d=e[9],z=M.map(d),e[5]=t,e[6]=M,e[7]=z}else z=e[7];const Y=z;let U;e[10]!==c?(U=d=>{y(d===c?-1:d)},e[10]=c,e[11]=U):U=e[11];const w=U;let W,D;e[12]!==s?(W=()=>{s||y(-1)},D=[s],e[12]=s,e[13]=W,e[14]=D):(W=e[13],D=e[14]),K.useEffect(W,D);const se=K.useRef(null);let G;e[15]===Symbol.for("react.memo_cache_sentinel")?(G=[se],e[15]=G):G=e[15];let J;e[16]!==o?(J=()=>o(!1),e[16]=o,e[17]=J):J=e[17],l.useClickOutside(G,J);const{isMobile:N}=l.useWindowSize();let B;e[18]!==s||e[19]!==N?(B=l.classNames("luminus-side-menu shadow",C.sideMenu,{[C.mobile]:N},{[C.expand]:s},{expand:s}),e[18]=s,e[19]=N,e[20]=B):B=e[20];let S,R;e[21]!==o||e[22]!==i?(S=()=>i&&o(!0),R=()=>i&&o(!1),e[21]=o,e[22]=i,e[23]=S,e[24]=R):(S=e[23],R=e[24]);let q;e[25]!==i?(q=l.classNames("sidebar-header",C.sidebarHeader,{[C.onlyLogo]:i}),e[25]=i,e[26]=q):q=e[26];const Z=i?void 0:"button";let T;e[27]!==s||e[28]!==o||e[29]!==i?(T=i?void 0:()=>o(!s),e[27]=s,e[28]=o,e[29]=i,e[30]=T):T=e[30];let O;e[31]!==s||e[32]!==u||e[33]!==b||e[34]!==v||e[35]!==i?(O=i?u:s?n.jsxs(n.Fragment,{children:[n.jsx("div",{role:"button",onClick:d=>{d.stopPropagation(),v()},className:C.sideMenuPin,children:b?n.jsx(l.PiPushPinSlashBold,{}):n.jsx(l.PiPushPinBold,{})}),u]}):n.jsx(l.MdOutlineMenu,{}),e[31]=s,e[32]=u,e[33]=b,e[34]=v,e[35]=i,e[36]=O):O=e[36];let L;e[37]!==q||e[38]!==Z||e[39]!==T||e[40]!==O?(L=n.jsx("div",{className:q,role:Z,onClick:T,children:O}),e[37]=q,e[38]=Z,e[39]=T,e[40]=O,e[41]=L):L=e[41];let $;e[42]!==s||e[43]!==h||e[44]!==f?($=s&&(h||f)?n.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[f&&s?f:null,h&&s?h:null]}):null,e[42]=s,e[43]=h,e[44]=f,e[45]=$):$=e[45];let Q;e[46]===Symbol.for("react.memo_cache_sentinel")?(Q=n.jsx("div",{className:C.sideMenuShrinkableMargin}),e[46]=Q):Q=e[46];let E;if(e[47]!==c||e[48]!==_||e[49]!==p||e[50]!==s||e[51]!==N||e[52]!==I||e[53]!==w||e[54]!==i||e[55]!==m){let d;e[57]!==c||e[58]!==_||e[59]!==p||e[60]!==s||e[61]!==N||e[62]!==w||e[63]!==i||e[64]!==m?(d=(x,g)=>n.jsx(ne,{item:x,menuExpanded:s,collapsed:g===c,onCollapse:()=>w(g),currentPath:_,useHover:i,useTooltips:m,isMobile:N,disableMode:p},x.title),e[57]=c,e[58]=_,e[59]=p,e[60]=s,e[61]=N,e[62]=w,e[63]=i,e[64]=m,e[65]=d):d=e[65],E=I.map(d),e[47]=c,e[48]=_,e[49]=p,e[50]=s,e[51]=N,e[52]=I,e[53]=w,e[54]=i,e[55]=m,e[56]=E}else E=e[56];let V;e[66]===Symbol.for("react.memo_cache_sentinel")?(V=n.jsx("hr",{className:l.classNames("divider",C.divider)}),e[66]=V):V=e[66];let H;if(e[67]!==c||e[68]!==_||e[69]!==p||e[70]!==s||e[71]!==N||e[72]!==w||e[73]!==Y||e[74]!==i||e[75]!==m){let d;e[77]!==c||e[78]!==_||e[79]!==p||e[80]!==s||e[81]!==N||e[82]!==w||e[83]!==i||e[84]!==m?(d=(x,g)=>n.jsx(ne,{item:x,menuExpanded:s,collapsed:g===c,onCollapse:()=>w(g),currentPath:_,useHover:i,useTooltips:m,isMobile:N,disableMode:p},x.title),e[77]=c,e[78]=_,e[79]=p,e[80]=s,e[81]=N,e[82]=w,e[83]=i,e[84]=m,e[85]=d):d=e[85],H=Y.map(d),e[67]=c,e[68]=_,e[69]=p,e[70]=s,e[71]=N,e[72]=w,e[73]=Y,e[74]=i,e[75]=m,e[76]=H}else H=e[76];let A;e[86]!==E||e[87]!==H?(A=n.jsxs("ul",{className:C.sideMenuContent,children:[E,V,H]}),e[86]=E,e[87]=H,e[88]=A):A=e[88];let X;return e[89]!==S||e[90]!==R||e[91]!==L||e[92]!==$||e[93]!==A||e[94]!==B?(X=n.jsxs("section",{ref:se,className:B,onMouseEnter:S,onMouseLeave:R,children:[L,$,Q,A]}),e[89]=S,e[90]=R,e[91]=L,e[92]=$,e[93]=A,e[94]=B,e[95]=X):X=e[95],X},Be="_top-bar_lnmq0_1",Se="_top-bar-brand_lnmq0_12",te={topBar:Be,topBarBrand:Se},Re=a=>{const e=l.compilerRuntimeExports.c(23),{appName:u,leftOffset:h,leftContent:f,centerContent:j,rightContent:M,showOffline:s}=a;let o;e[0]!==s?(o=l.classNames("luminus-top-bar shadow",te.topBar,{offline:s}),e[0]=s,e[1]=o):o=e[1];const _=h?`calc(100% - ${h}px)`:void 0,i=h?`${h}px`:void 0;let m;e[2]!==_||e[3]!==i?(m={width:_,left:i},e[2]=_,e[3]=i,e[4]=m):m=e[4];let k;e[5]===Symbol.for("react.memo_cache_sentinel")?(k=l.classNames("luminus-top-bar-brand",te.topBarBrand),e[5]=k):k=e[5];let b;e[6]!==u?(b=n.jsx(ee.Link,{to:"/",className:k,children:u}),e[6]=u,e[7]=b):b=e[7];let v;e[8]!==f||e[9]!==b?(v=n.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[b,f]}),e[8]=f,e[9]=b,e[10]=v):v=e[10];const p=j??null;let c;e[11]!==p?(c=n.jsx("div",{className:"col-4 d-flex align-items-center",children:p}),e[11]=p,e[12]=c):c=e[12];const y=M??null;let t;e[13]!==y?(t=n.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:y}),e[13]=y,e[14]=t):t=e[14];let P;e[15]!==t||e[16]!==v||e[17]!==c?(P=n.jsxs("div",{className:"w-100 row g-0",children:[v,c,t]}),e[15]=t,e[16]=v,e[17]=c,e[18]=P):P=e[18];let I;return e[19]!==o||e[20]!==P||e[21]!==m?(I=n.jsx("nav",{className:o,style:m,children:P}),e[19]=o,e[20]=P,e[21]=m,e[22]=I):I=e[22],I};exports.PageContainer=l.PageContainer;exports.SideContentBar=l.SideContentBar;exports.SideMenu=Ie;exports.TopBar=Re;

package/dist/layout.es.js

@@ -1,36 +1,36 @@
 import { jsxs as B, jsx as i, Fragment as oe } from "react/jsx-runtime";
-import { aY as ae, a as p, a0 as se, c as ne, aG as ce, bA as me, aH as ue, bN as pe, bO as he, bP as _e } from "./nivo-bar-Df8iXp5i.js";
+import { aY as ae, a as u, a0 as se, c as ne, aG as ce, bA as me, aH as ue, bN as pe, bO as he, bP as fe } from "./nivo-bar-Df8iXp5i.js";
 import { aE as sn, bQ as ln } from "./nivo-bar-Df8iXp5i.js";
-import { useState as de, useRef as re, useEffect as fe } from "react";
+import { useState as de, useRef as re, useEffect as _e } from "react";
 import { Link as ee } from "react-router";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-react";
 import "@azure/msal-browser";
 import "react-dom";
-const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o72rm_10", Me = "_nav-button_o72rm_13", Ne = "_child_o72rm_21", Pe = "_text_o72rm_26", ye = "_icon_o72rm_36", Ie = "_collapse-icon_o72rm_42", ge = "_collapsed_o72rm_52", we = "_collapse-icon-mini_o72rm_55", ke = "_expanded_o72rm_86", Ce = "_children-container_o72rm_92", Be = "_visible_o72rm_100", Se = "_children_o72rm_92", Te = "_mobile_o72rm_112", d = {
+const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o72rm_10", Me = "_nav-button_o72rm_13", Ne = "_child_o72rm_21", Pe = "_text_o72rm_26", we = "_icon_o72rm_36", ye = "_collapse-icon_o72rm_42", Ie = "_collapsed_o72rm_52", ge = "_collapse-icon-mini_o72rm_55", ke = "_expanded_o72rm_86", Ce = "_children-container_o72rm_92", Be = "_visible_o72rm_100", Se = "_children_o72rm_92", Te = "_mobile_o72rm_112", r = {
   sideMenuItem: be,
   disabled: ve,
   hidden: xe,
   navButton: Me,
   child: Ne,
   text: Pe,
-  icon: ye,
-  collapseIcon: Ie,
-  collapsed: ge,
-  collapseIconMini: we,
+  icon: we,
+  collapseIcon: ye,
+  collapsed: Ie,
+  collapseIconMini: ge,
   expanded: ke,
   childrenContainer: Ce,
   visible: Be,
   children: Se,
   mobile: Te
-}, He = (l) => {
+}, He = (o) => {
   const e = ne.c(6), {
     item: m,
     menuExpanded: h,
     useTooltips: b,
     children: N
-  } = l;
+  } = o;
   if (m.tooltip && !h && b) {
     let P;
     e[0] === Symbol.for("react.memo_cache_sentinel") ? (P = {
@@ -39,12 +39,12 @@ const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o7
     }, e[0] = P) : P = e[0];
     let n;
     e[1] !== N ? (n = /* @__PURE__ */ i("div", { children: N }), e[1] = N, e[2] = n) : n = e[2];
-    let o;
-    return e[3] !== m.tooltip || e[4] !== n ? (o = /* @__PURE__ */ i(ce, { text: m.tooltip, placement: "top", delay: P, children: n }), e[3] = m.tooltip, e[4] = n, e[5] = o) : o = e[5], o;
+    let l;
+    return e[3] !== m.tooltip || e[4] !== n ? (l = /* @__PURE__ */ i(ce, { text: m.tooltip, placement: "top", delay: P, children: n }), e[3] = m.tooltip, e[4] = n, e[5] = l) : l = e[5], l;
   }
   return N;
 }, ie = ({
-  item: l,
+  item: o,
   menuExpanded: e,
   collapsed: m,
   onCollapse: h,
@@ -52,57 +52,57 @@ const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o7
   useHover: N,
   useTooltips: P,
   isMobile: n,
-  disableMode: o
+  disableMode: l
 }) => {
-  var g, r, c, x;
-  const [_, s] = de(!1), [u] = b.split("?"), y = l.linkTo === u || ((g = l.children) == null ? void 0 : g.some((t) => t.linkTo === u)), v = re(null);
-  return ae([v], () => m && h()), /* @__PURE__ */ B("li", { ref: v, className: p("luminus-side-menu-item", d.sideMenuItem, {
-    [d.mobile]: n
+  var x, p, d, I;
+  const [f, s] = de(!1), [c] = b.split("?"), k = o.linkTo === c || ((x = o.children) == null ? void 0 : x.some((t) => t.linkTo === c)), v = re(null);
+  return ae([v], () => m && h()), /* @__PURE__ */ B("li", { ref: v, className: u("luminus-side-menu-item", r.sideMenuItem, {
+    [r.mobile]: n
   }, {
-    [d.expanded]: e
+    [r.expanded]: e
   }, {
-    active: _ || y
+    active: f || k
   }, {
-    open: m && l.children
+    open: m && o.children
   }, {
-    [o === "disable" ? d.disabled : d.hidden]: l.disabled || l.notPermitted || ((r = l.children) == null ? void 0 : r.every((t) => t.notPermitted || t.disabled))
+    [l === "disable" ? r.disabled : r.hidden]: o.disabled || o.notPermitted || ((p = o.children) == null ? void 0 : p.every((t) => t.notPermitted || t.disabled))
   }, {
-    [o === "disable" ? "disabled" : "hidden"]: l.disabled || l.notPermitted || ((c = l.children) == null ? void 0 : c.every((t) => t.notPermitted || t.disabled))
+    [l === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted || ((d = o.children) == null ? void 0 : d.every((t) => t.notPermitted || t.disabled))
   }), onMouseEnter: () => s(!0), onMouseLeave: () => s(!1), children: [
-    /* @__PURE__ */ i(He, { item: l, menuExpanded: e, useTooltips: P, children: l.children ? /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ B("button", { type: "button", className: p("nav-link", d.navButton), onClick: () => {
+    /* @__PURE__ */ i(He, { item: o, menuExpanded: e, useTooltips: P, children: o.children ? /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ B("button", { type: "button", className: u("nav-link", r.navButton), onClick: () => {
       h();
     }, children: [
-      /* @__PURE__ */ i("div", { className: p("icon", d.icon), children: l.icon }),
-      !N && !e && /* @__PURE__ */ i("div", { className: p("collapse-icon-mini rounded", d.collapseIconMini, {
-        [d.collapsed]: m
+      /* @__PURE__ */ i("div", { className: u("icon", r.icon), children: o.icon }),
+      !N && !e && /* @__PURE__ */ i("div", { className: u("collapse-icon-mini rounded", r.collapseIconMini, {
+        [r.collapsed]: m
       }), children: /* @__PURE__ */ i(se, {}) }),
-      e && /* @__PURE__ */ i("div", { className: p("text", d.text, "text-nowrap"), children: l.title }),
-      e && /* @__PURE__ */ i("div", { className: p("collapse-icon", d.collapseIcon, {
-        [d.collapsed]: m
+      e && /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: o.title }),
+      e && /* @__PURE__ */ i("div", { className: u("collapse-icon", r.collapseIcon, {
+        [r.collapsed]: m
       }), children: /* @__PURE__ */ i(se, {}) })
-    ] }) }) : /* @__PURE__ */ B(ee, { to: l.disabled || l.notPermitted ? "/" : l.linkTo ?? "/", className: p("nav-link", d.navButton), children: [
-      /* @__PURE__ */ i("div", { className: p("icon", d.icon), children: l.icon }),
-      e && /* @__PURE__ */ i("div", { className: p("text", d.text, "text-nowrap"), children: l.title })
+    ] }) }) : /* @__PURE__ */ B(ee, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: u("nav-link", r.navButton), children: [
+      /* @__PURE__ */ i("div", { className: u("icon", r.icon), children: o.icon }),
+      e && /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: o.title })
     ] }) }),
-    /* @__PURE__ */ i("div", { className: p("children-container", d.childrenContainer, {
-      [d.visible]: m
-    }), children: /* @__PURE__ */ i("div", { className: p("shadow rounded children", d.children), children: (x = l.children) == null ? void 0 : x.map((t) => /* @__PURE__ */ i(ee, { to: t.disabled || t.notPermitted ? "/" : t.linkTo ?? "/", className: p("nav-link child rounded", d.navButton, d.child, {
-      [o === "disable" ? d.disabled : d.hidden]: t.disabled || t.notPermitted
+    /* @__PURE__ */ i("div", { className: u("children-container", r.childrenContainer, {
+      [r.visible]: m
+    }), children: /* @__PURE__ */ i("div", { className: u("shadow rounded children", r.children), children: (I = o.children) == null ? void 0 : I.map((t) => /* @__PURE__ */ i(ee, { to: t.disabled || t.notPermitted ? "/" : t.linkTo ?? "/", className: u("nav-link child rounded", r.navButton, r.child, {
+      [l === "disable" ? r.disabled : r.hidden]: t.disabled || t.notPermitted
     }, {
-      [o === "disable" ? "disabled" : "hidden"]: t.disabled || t.notPermitted
-    }), onClick: h, children: /* @__PURE__ */ i("div", { className: p("text", d.text, "text-nowrap"), children: t.title }) }, t.linkTo)) }) })
+      [l === "disable" ? "disabled" : "hidden"]: t.disabled || t.notPermitted
+    }), onClick: h, children: /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: t.title }) }, t.linkTo)) }) })
   ] });
-}, $e = "_side-menu_9n6rw_1", Ee = "_sidebar-header_9n6rw_15", Le = "_side-menu-pin_9n6rw_22", Oe = "_side-menu-shrinkable-margin_9n6rw_27", Re = "_side-menu-content_9n6rw_31", je = "_expand_9n6rw_37", Ae = "_only-logo_9n6rw_41", qe = "_mobile_9n6rw_44", ze = "_divider_9n6rw_59", C = {
+}, $e = "_side-menu_9n6rw_1", Oe = "_sidebar-header_9n6rw_15", Ee = "_side-menu-pin_9n6rw_22", Le = "_side-menu-shrinkable-margin_9n6rw_27", Re = "_side-menu-content_9n6rw_31", je = "_expand_9n6rw_37", Ae = "_only-logo_9n6rw_41", qe = "_mobile_9n6rw_44", ze = "_divider_9n6rw_59", C = {
   sideMenu: $e,
-  sidebarHeader: Ee,
-  sideMenuPin: Le,
-  sideMenuShrinkableMargin: Oe,
+  sidebarHeader: Oe,
+  sideMenuPin: Ee,
+  sideMenuShrinkableMargin: Le,
   sideMenuContent: Re,
   expand: je,
   onlyLogo: Ae,
   mobile: qe,
   divider: ze
-}, Ze = (l) => {
+}, Ze = (o) => {
   const e = ne.c(96), {
     headerItem: m,
     searchItem: h,
@@ -110,170 +110,173 @@ const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o7
     mainItems: N,
     secondaryItems: P,
     expanded: n,
-    setExpanded: o,
-    currentPath: _,
+    setExpanded: l,
+    currentPath: f,
     useHover: s,
-    useTooltips: u,
-    disableMode: y,
+    useTooltips: c,
+    disableMode: k,
     sideMenuPinned: v,
-    toggleSideMenuPinned: g
-  } = l, r = y === void 0 ? "disable" : y, [c, x] = de(-1), {
+    toggleSideMenuPinned: x
+  } = o, p = k === void 0 ? "disable" : k, [d, I] = de(-1), {
     checkUserHasPermissions: t
   } = me();
-  let k;
+  let w;
   if (e[0] !== t || e[1] !== N) {
     let a;
-    e[3] !== t ? (a = (f) => {
-      var I;
+    e[3] !== t ? (a = (_) => {
+      var y;
       return {
-        ...f,
-        notPermitted: !t(f.permissions ?? [], "any"),
-        children: (I = f.children) == null ? void 0 : I.map((z) => ({
-          ...z,
-          notPermitted: !t(z.permissions ?? [], "any"),
-          disabled: f.disabled || z.disabled
+        ..._,
+        notPermitted: !t(_.permissions ?? [], "any"),
+        children: (y = _.children) == null ? void 0 : y.map((F) => ({
+          ...F,
+          notPermitted: !t(F.permissions ?? [], "any"),
+          disabled: _.disabled || F.disabled
         }))
       };
-    }, e[3] = t, e[4] = a) : a = e[4], k = N.map(a), e[0] = t, e[1] = N, e[2] = k;
+    }, e[3] = t, e[4] = a) : a = e[4], w = N.map(a), e[0] = t, e[1] = N, e[2] = w;
   } else
-    k = e[2];
-  const V = k;
-  let F;
+    w = e[2];
+  const S = w;
+  let G;
   if (e[5] !== t || e[6] !== P) {
     let a;
-    e[8] !== t ? (a = (f) => {
-      var I;
+    e[8] !== t ? (a = (_) => {
+      var y;
       return {
-        ...f,
-        notPermitted: !t(f.permissions ?? [], "any"),
-        children: (I = f.children) == null ? void 0 : I.map((z) => ({
-          ...z,
-          notPermitted: !t(z.permissions ?? [], "any")
+        ..._,
+        notPermitted: !t(_.permissions ?? [], "any"),
+        children: (y = _.children) == null ? void 0 : y.map((F) => ({
+          ...F,
+          notPermitted: !t(F.permissions ?? [], "any")
         }))
       };
-    }, e[8] = t, e[9] = a) : a = e[9], F = P.map(a), e[5] = t, e[6] = P, e[7] = F;
+    }, e[8] = t, e[9] = a) : a = e[9], G = P.map(a), e[5] = t, e[6] = P, e[7] = G;
   } else
-    F = e[7];
-  const X = F;
-  let G;
-  e[10] !== c ? (G = (a) => {
-    x(a === c ? -1 : a);
-  }, e[10] = c, e[11] = G) : G = e[11];
-  const w = G;
-  let K, Q;
-  e[12] !== n ? (K = () => {
-    n || x(-1);
-  }, Q = [n], e[12] = n, e[13] = K, e[14] = Q) : (K = e[13], Q = e[14]), fe(K, Q);
+    G = e[7];
+  const X = G;
+  let K;
+  e[10] !== d ? (K = (a) => {
+    I(a === d ? -1 : a);
+  }, e[10] = d, e[11] = K) : K = e[11];
+  const g = K;
+  let Q, U;
+  e[12] !== n ? (Q = () => {
+    n || I(-1);
+  }, U = [n], e[12] = n, e[13] = Q, e[14] = U) : (Q = e[13], U = e[14]), _e(Q, U);
   const te = re(null);
-  let U;
-  e[15] === Symbol.for("react.memo_cache_sentinel") ? (U = [te], e[15] = U) : U = e[15];
   let W;
-  e[16] !== o ? (W = () => o(!1), e[16] = o, e[17] = W) : W = e[17], ae(U, W);
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (W = [te], e[15] = W) : W = e[15];
+  let Y;
+  e[16] !== l ? (Y = () => l(!1), e[16] = l, e[17] = Y) : Y = e[17], ae(W, Y);
   const {
     isMobile: M
   } = ue();
-  let S;
-  e[18] !== n || e[19] !== M ? (S = p("luminus-side-menu shadow", C.sideMenu, {
+  let T;
+  e[18] !== n || e[19] !== M ? (T = u("luminus-side-menu shadow", C.sideMenu, {
     [C.mobile]: M
   }, {
     [C.expand]: n
   }, {
     expand: n
-  }), e[18] = n, e[19] = M, e[20] = S) : S = e[20];
-  let T, H;
-  e[21] !== o || e[22] !== s ? (T = () => s && o(!0), H = () => s && o(!1), e[21] = o, e[22] = s, e[23] = T, e[24] = H) : (T = e[23], H = e[24]);
-  let $;
-  e[25] !== s ? ($ = p("sidebar-header", C.sidebarHeader, {
+  }), e[18] = n, e[19] = M, e[20] = T) : T = e[20];
+  let H, $;
+  e[21] !== l || e[22] !== s ? (H = () => s && l(!0), $ = () => s && l(!1), e[21] = l, e[22] = s, e[23] = H, e[24] = $) : (H = e[23], $ = e[24]);
+  let O;
+  e[25] !== s ? (O = u("sidebar-header", C.sidebarHeader, {
     [C.onlyLogo]: s
-  }), e[25] = s, e[26] = $) : $ = e[26];
+  }), e[25] = s, e[26] = O) : O = e[26];
   const Z = s ? void 0 : "button";
   let E;
-  e[27] !== n || e[28] !== o || e[29] !== s ? (E = s ? void 0 : () => o(!n), e[27] = n, e[28] = o, e[29] = s, e[30] = E) : E = e[30];
+  e[27] !== n || e[28] !== l || e[29] !== s ? (E = s ? void 0 : () => l(!n), e[27] = n, e[28] = l, e[29] = s, e[30] = E) : E = e[30];
   let L;
-  e[31] !== n || e[32] !== m || e[33] !== v || e[34] !== g || e[35] !== s ? (L = s ? m : n ? /* @__PURE__ */ B(oe, { children: [
+  e[31] !== n || e[32] !== m || e[33] !== v || e[34] !== x || e[35] !== s ? (L = s ? m : n ? /* @__PURE__ */ B(oe, { children: [
     /* @__PURE__ */ i("div", { role: "button", onClick: (a) => {
-      a.stopPropagation(), g();
+      a.stopPropagation(), x();
     }, className: C.sideMenuPin, children: v ? /* @__PURE__ */ i(pe, {}) : /* @__PURE__ */ i(he, {}) }),
     m
-  ] }) : /* @__PURE__ */ i(_e, {}), e[31] = n, e[32] = m, e[33] = v, e[34] = g, e[35] = s, e[36] = L) : L = e[36];
-  let O;
-  e[37] !== $ || e[38] !== Z || e[39] !== E || e[40] !== L ? (O = /* @__PURE__ */ i("div", { className: $, role: Z, onClick: E, children: L }), e[37] = $, e[38] = Z, e[39] = E, e[40] = L, e[41] = O) : O = e[41];
+  ] }) : /* @__PURE__ */ i(fe, {}), e[31] = n, e[32] = m, e[33] = v, e[34] = x, e[35] = s, e[36] = L) : L = e[36];
   let R;
-  e[42] !== n || e[43] !== h || e[44] !== b ? (R = n && (h || b) ? /* @__PURE__ */ B("div", { className: "mb-3 d-flex flex-column gap-3", children: [
+  e[37] !== O || e[38] !== Z || e[39] !== E || e[40] !== L ? (R = /* @__PURE__ */ i("div", { className: O, role: Z, onClick: E, children: L }), e[37] = O, e[38] = Z, e[39] = E, e[40] = L, e[41] = R) : R = e[41];
+  let j;
+  e[42] !== n || e[43] !== h || e[44] !== b ? (j = n && (h || b) ? /* @__PURE__ */ B("div", { className: "mb-3 d-flex flex-column gap-3", children: [
     b && n ? b : null,
     h && n ? h : null
-  ] }) : null, e[42] = n, e[43] = h, e[44] = b, e[45] = R) : R = e[45];
-  let Y;
-  e[46] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ i("div", { className: C.sideMenuShrinkableMargin }), e[46] = Y) : Y = e[46];
-  let j;
-  if (e[47] !== c || e[48] !== _ || e[49] !== r || e[50] !== n || e[51] !== M || e[52] !== V || e[53] !== w || e[54] !== s || e[55] !== u) {
-    let a;
-    e[57] !== c || e[58] !== _ || e[59] !== r || e[60] !== n || e[61] !== M || e[62] !== w || e[63] !== s || e[64] !== u ? (a = (f, I) => /* @__PURE__ */ i(ie, { item: f, menuExpanded: n, collapsed: I === c, onCollapse: () => w(I), currentPath: _, useHover: s, useTooltips: u, isMobile: M, disableMode: r }, f.title), e[57] = c, e[58] = _, e[59] = r, e[60] = n, e[61] = M, e[62] = w, e[63] = s, e[64] = u, e[65] = a) : a = e[65], j = V.map(a), e[47] = c, e[48] = _, e[49] = r, e[50] = n, e[51] = M, e[52] = V, e[53] = w, e[54] = s, e[55] = u, e[56] = j;
-  } else
-    j = e[56];
+  ] }) : null, e[42] = n, e[43] = h, e[44] = b, e[45] = j) : j = e[45];
   let D;
-  e[66] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ i("hr", { className: p("divider", C.divider) }), e[66] = D) : D = e[66];
+  e[46] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ i("div", { className: C.sideMenuShrinkableMargin }), e[46] = D) : D = e[46];
   let A;
-  if (e[67] !== c || e[68] !== _ || e[69] !== r || e[70] !== n || e[71] !== M || e[72] !== w || e[73] !== X || e[74] !== s || e[75] !== u) {
+  if (e[47] !== d || e[48] !== f || e[49] !== p || e[50] !== n || e[51] !== M || e[52] !== S || e[53] !== g || e[54] !== s || e[55] !== c) {
     let a;
-    e[77] !== c || e[78] !== _ || e[79] !== r || e[80] !== n || e[81] !== M || e[82] !== w || e[83] !== s || e[84] !== u ? (a = (f, I) => /* @__PURE__ */ i(ie, { item: f, menuExpanded: n, collapsed: I === c, onCollapse: () => w(I), currentPath: _, useHover: s, useTooltips: u, isMobile: M, disableMode: r }, f.title), e[77] = c, e[78] = _, e[79] = r, e[80] = n, e[81] = M, e[82] = w, e[83] = s, e[84] = u, e[85] = a) : a = e[85], A = X.map(a), e[67] = c, e[68] = _, e[69] = r, e[70] = n, e[71] = M, e[72] = w, e[73] = X, e[74] = s, e[75] = u, e[76] = A;
+    e[57] !== d || e[58] !== f || e[59] !== p || e[60] !== n || e[61] !== M || e[62] !== g || e[63] !== s || e[64] !== c ? (a = (_, y) => /* @__PURE__ */ i(ie, { item: _, menuExpanded: n, collapsed: y === d, onCollapse: () => g(y), currentPath: f, useHover: s, useTooltips: c, isMobile: M, disableMode: p }, _.title), e[57] = d, e[58] = f, e[59] = p, e[60] = n, e[61] = M, e[62] = g, e[63] = s, e[64] = c, e[65] = a) : a = e[65], A = S.map(a), e[47] = d, e[48] = f, e[49] = p, e[50] = n, e[51] = M, e[52] = S, e[53] = g, e[54] = s, e[55] = c, e[56] = A;
   } else
-    A = e[76];
+    A = e[56];
+  let J;
+  e[66] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ i("hr", { className: u("divider", C.divider) }), e[66] = J) : J = e[66];
   let q;
-  e[86] !== j || e[87] !== A ? (q = /* @__PURE__ */ B("ul", { className: C.sideMenuContent, children: [
+  if (e[67] !== d || e[68] !== f || e[69] !== p || e[70] !== n || e[71] !== M || e[72] !== g || e[73] !== X || e[74] !== s || e[75] !== c) {
+    let a;
+    e[77] !== d || e[78] !== f || e[79] !== p || e[80] !== n || e[81] !== M || e[82] !== g || e[83] !== s || e[84] !== c ? (a = (_, y) => /* @__PURE__ */ i(ie, { item: _, menuExpanded: n, collapsed: y === d, onCollapse: () => g(y), currentPath: f, useHover: s, useTooltips: c, isMobile: M, disableMode: p }, _.title), e[77] = d, e[78] = f, e[79] = p, e[80] = n, e[81] = M, e[82] = g, e[83] = s, e[84] = c, e[85] = a) : a = e[85], q = X.map(a), e[67] = d, e[68] = f, e[69] = p, e[70] = n, e[71] = M, e[72] = g, e[73] = X, e[74] = s, e[75] = c, e[76] = q;
+  } else
+    q = e[76];
+  let z;
+  e[86] !== A || e[87] !== q ? (z = /* @__PURE__ */ B("ul", { className: C.sideMenuContent, children: [
+    A,
+    J,
+    q
+  ] }), e[86] = A, e[87] = q, e[88] = z) : z = e[88];
+  let V;
+  return e[89] !== H || e[90] !== $ || e[91] !== R || e[92] !== j || e[93] !== z || e[94] !== T ? (V = /* @__PURE__ */ B("section", { ref: te, className: T, onMouseEnter: H, onMouseLeave: $, children: [
+    R,
     j,
     D,
-    A
-  ] }), e[86] = j, e[87] = A, e[88] = q) : q = e[88];
-  let J;
-  return e[89] !== T || e[90] !== H || e[91] !== O || e[92] !== R || e[93] !== q || e[94] !== S ? (J = /* @__PURE__ */ B("section", { ref: te, className: S, onMouseEnter: T, onMouseLeave: H, children: [
-    O,
-    R,
-    Y,
-    q
-  ] }), e[89] = T, e[90] = H, e[91] = O, e[92] = R, e[93] = q, e[94] = S, e[95] = J) : J = e[95], J;
+    z
+  ] }), e[89] = H, e[90] = $, e[91] = R, e[92] = j, e[93] = z, e[94] = T, e[95] = V) : V = e[95], V;
 }, Fe = "_top-bar_lnmq0_1", Ge = "_top-bar-brand_lnmq0_12", le = {
   topBar: Fe,
   topBarBrand: Ge
-}, en = (l) => {
-  const e = ne.c(21), {
+}, en = (o) => {
+  const e = ne.c(23), {
     appName: m,
     leftOffset: h,
     leftContent: b,
     centerContent: N,
-    rightContent: P
-  } = l;
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = p("luminus-top-bar shadow", le.topBar), e[0] = n) : n = e[0];
-  const o = h ? `calc(100% - ${h}px)` : void 0, _ = h ? `${h}px` : void 0;
-  let s;
-  e[1] !== o || e[2] !== _ ? (s = {
-    width: o,
-    left: _
-  }, e[1] = o, e[2] = _, e[3] = s) : s = e[3];
-  let u;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (u = p("luminus-top-bar-brand", le.topBarBrand), e[4] = u) : u = e[4];
-  let y;
-  e[5] !== m ? (y = /* @__PURE__ */ i(ee, { to: "/", className: u, children: m }), e[5] = m, e[6] = y) : y = e[6];
+    rightContent: P,
+    showOffline: n
+  } = o;
+  let l;
+  e[0] !== n ? (l = u("luminus-top-bar shadow", le.topBar, {
+    offline: n
+  }), e[0] = n, e[1] = l) : l = e[1];
+  const f = h ? `calc(100% - ${h}px)` : void 0, s = h ? `${h}px` : void 0;
+  let c;
+  e[2] !== f || e[3] !== s ? (c = {
+    width: f,
+    left: s
+  }, e[2] = f, e[3] = s, e[4] = c) : c = e[4];
+  let k;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (k = u("luminus-top-bar-brand", le.topBarBrand), e[5] = k) : k = e[5];
   let v;
-  e[7] !== b || e[8] !== y ? (v = /* @__PURE__ */ B("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
-    y,
-    b
-  ] }), e[7] = b, e[8] = y, e[9] = v) : v = e[9];
-  const g = N ?? null;
-  let r;
-  e[10] !== g ? (r = /* @__PURE__ */ i("div", { className: "col-4 d-flex align-items-center", children: g }), e[10] = g, e[11] = r) : r = e[11];
-  const c = P ?? null;
+  e[6] !== m ? (v = /* @__PURE__ */ i(ee, { to: "/", className: k, children: m }), e[6] = m, e[7] = v) : v = e[7];
   let x;
-  e[12] !== c ? (x = /* @__PURE__ */ i("div", { className: "col-4 d-flex justify-content-end align-items-center", children: c }), e[12] = c, e[13] = x) : x = e[13];
-  let t;
-  e[14] !== x || e[15] !== v || e[16] !== r ? (t = /* @__PURE__ */ B("div", { className: "w-100 row g-0", children: [
+  e[8] !== b || e[9] !== v ? (x = /* @__PURE__ */ B("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
     v,
-    r,
-    x
-  ] }), e[14] = x, e[15] = v, e[16] = r, e[17] = t) : t = e[17];
-  let k;
-  return e[18] !== t || e[19] !== s ? (k = /* @__PURE__ */ i("nav", { className: n, style: s, children: t }), e[18] = t, e[19] = s, e[20] = k) : k = e[20], k;
+    b
+  ] }), e[8] = b, e[9] = v, e[10] = x) : x = e[10];
+  const p = N ?? null;
+  let d;
+  e[11] !== p ? (d = /* @__PURE__ */ i("div", { className: "col-4 d-flex align-items-center", children: p }), e[11] = p, e[12] = d) : d = e[12];
+  const I = P ?? null;
+  let t;
+  e[13] !== I ? (t = /* @__PURE__ */ i("div", { className: "col-4 d-flex justify-content-end align-items-center", children: I }), e[13] = I, e[14] = t) : t = e[14];
+  let w;
+  e[15] !== t || e[16] !== x || e[17] !== d ? (w = /* @__PURE__ */ B("div", { className: "w-100 row g-0", children: [
+    x,
+    d,
+    t
+  ] }), e[15] = t, e[16] = x, e[17] = d, e[18] = w) : w = e[18];
+  let S;
+  return e[19] !== l || e[20] !== w || e[21] !== c ? (S = /* @__PURE__ */ i("nav", { className: l, style: c, children: w }), e[19] = l, e[20] = w, e[21] = c, e[22] = S) : S = e[22], S;
 };
 export {
   sn as PageContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-luminus-components",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "description": "Library of React Components reusable in Luminus projects (Fleetman, CAFM)",
   "type": "module",
   "repository": {