react-luminus-components 2.1.11 → 2.1.12

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

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

package/dist/layout.es.js

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

package/package.json

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