react-luminus-components 2.0.26 → 2.0.28

package/dist/layout.cjs.js

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

package/dist/layout.es.js

@@ -1,7 +1,7 @@
-import { jsxs as S, jsx as s, Fragment as ae } from "react/jsx-runtime";
-import { bJ as ce, a as p, a0 as le, c as ie, as as pe, bd as ue, a5 as he, bN as fe, bO as _e, bP as be } from "./ShortcutLinksContext-Bzk6zb9Z.js";
+import { jsxs as S, jsx as s, Fragment as ce } from "react/jsx-runtime";
+import { bJ as re, a as p, a0 as le, c as ie, as as ue, bd as he, a5 as fe, bN as _e, bO as be, bP as oe } from "./ShortcutLinksContext-Bzk6zb9Z.js";
 import { bb as dn, bQ as an } from "./ShortcutLinksContext-Bzk6zb9Z.js";
-import { useState as re, useRef as me, useEffect as ve } from "react";
+import { useState as me, useRef as pe, useEffect as ve } from "react";
 import { Link as te } from "react-router";
 import "react-hook-form";
 import "react-flexmonster";
@@ -40,10 +40,10 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
     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(pe, { text: m.tooltip, placement: "top", delay: P, children: n }), e[3] = m.tooltip, e[4] = n, e[5] = l) : l = e[5], l;
+    return e[3] !== m.tooltip || e[4] !== n ? (l = /* @__PURE__ */ s(ue, { 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;
-}, oe = ({
+}, de = ({
   item: o,
   menuExpanded: e,
   collapsed: m,
@@ -55,8 +55,8 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   disableMode: l
 }) => {
   var M, u, a, y;
-  const [_, i] = re(!1), [r] = v.split("?"), B = o.linkTo === r || ((M = o.children) == null ? void 0 : M.some((t) => t.linkTo === r)), x = me(null);
-  return ce([x], () => m && f()), /* @__PURE__ */ S("li", { ref: x, className: p("luminus-side-menu-item", c.sideMenuItem, {
+  const [_, i] = me(!1), [r] = v.split("?"), B = o.linkTo === r || ((M = o.children) == null ? void 0 : M.some((t) => t.linkTo === r)), x = pe(null);
+  return re([x], () => m && f()), /* @__PURE__ */ S("li", { ref: x, className: p("luminus-side-menu-item", c.sideMenuItem, {
     [c.mobile]: n
   }, {
     [c.expanded]: e
@@ -69,7 +69,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   }, {
     [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(ae, { children: /* @__PURE__ */ S("button", { type: "button", className: p("nav-link", c.navButton), onClick: () => {
+    /* @__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: () => {
       f();
     }, children: [
       /* @__PURE__ */ s("div", { className: p("icon", c.icon), children: o.icon }),
@@ -118,9 +118,9 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
     disableMode: B,
     sideMenuPinned: x,
     toggleSideMenuPinned: M
-  } = o, u = B === void 0 ? "disable" : B, [a, y] = re(-1), {
+  } = o, u = B === void 0 ? "disable" : B, [a, y] = me(-1), {
     checkUserHasPermissions: t
-  } = ue();
+  } = he();
   let I;
   if (e[0] !== t || e[1] !== N) {
     let d;
@@ -165,14 +165,14 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   e[12] !== n ? (W = () => {
     n || y(-1);
   }, D = [n], e[12] = n, e[13] = W, e[14] = D) : (W = e[13], D = e[14]), ve(W, D);
-  const se = me(null);
+  const se = pe(null);
   let G;
   e[15] === Symbol.for("react.memo_cache_sentinel") ? (G = [se], e[15] = G) : G = e[15];
   let V;
-  e[16] !== l ? (V = () => l(!1), e[16] = l, e[17] = V) : V = e[17], ce(G, V);
+  e[16] !== l ? (V = () => l(!1), e[16] = l, e[17] = V) : V = e[17], re(G, V);
   const {
     isMobile: h
-  } = he();
+  } = fe();
   let T;
   e[18] !== n || e[19] !== h ? (T = p("luminus-side-menu shadow", C.sideMenu, {
     [C.mobile]: h
@@ -191,12 +191,12 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   let O;
   e[27] !== n || e[28] !== l || e[29] !== i ? (O = i ? void 0 : () => l(!n), e[27] = n, e[28] = l, e[29] = i, e[30] = O) : O = e[30];
   let L;
-  e[31] !== n || e[32] !== m || e[33] !== h || e[34] !== x || e[35] !== M || e[36] !== i ? (L = i ? m : n && !h ? /* @__PURE__ */ S(ae, { children: [
-    /* @__PURE__ */ s("div", { role: "button", onClick: (d) => {
+  e[31] !== n || e[32] !== m || e[33] !== h || e[34] !== x || e[35] !== M || e[36] !== i ? (L = i ? m : n ? /* @__PURE__ */ S(ce, { children: [
+    h ? /* @__PURE__ */ s(oe, {}) : /* @__PURE__ */ s("div", { role: "button", onClick: (d) => {
       d.stopPropagation(), M();
-    }, className: C.sideMenuPin, children: x ? /* @__PURE__ */ s(fe, {}) : /* @__PURE__ */ s(_e, {}) }),
+    }, className: C.sideMenuPin, children: x ? /* @__PURE__ */ s(_e, {}) : /* @__PURE__ */ s(be, {}) }),
     m
-  ] }) : /* @__PURE__ */ s(be, {}), e[31] = n, e[32] = m, e[33] = h, e[34] = x, e[35] = M, e[36] = i, e[37] = L) : L = e[37];
+  ] }) : /* @__PURE__ */ s(oe, {}), e[31] = n, e[32] = m, e[33] = h, e[34] = x, e[35] = M, e[36] = i, e[37] = L) : L = e[37];
   let R;
   e[38] !== H || e[39] !== ee || e[40] !== O || e[41] !== L ? (R = /* @__PURE__ */ s("div", { className: H, role: ee, onClick: O, children: L }), e[38] = H, e[39] = ee, e[40] = O, e[41] = L, e[42] = R) : R = e[42];
   let j;
@@ -214,7 +214,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   let z;
   if (e[51] !== a || e[52] !== _ || e[53] !== u || e[54] !== n || e[55] !== h || 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] !== h || e[66] !== k || e[67] !== i || e[68] !== r ? (d = (b, g) => /* @__PURE__ */ s(oe, { item: b, menuExpanded: n, collapsed: g === a, onCollapse: () => k(g), currentPath: _, useHover: i, useTooltips: r, isMobile: h, disableMode: u }, b.title), e[61] = a, e[62] = _, e[63] = u, e[64] = n, e[65] = h, 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] = h, e[56] = w, e[57] = k, e[58] = i, e[59] = r, e[60] = z;
+    e[61] !== a || e[62] !== _ || e[63] !== u || e[64] !== n || e[65] !== h || 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: h, disableMode: u }, b.title), e[61] = a, e[62] = _, e[63] = u, e[64] = n, e[65] = h, 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] = h, e[56] = w, e[57] = k, e[58] = i, e[59] = r, e[60] = z;
   } else
     z = e[60];
   let X;
@@ -222,7 +222,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
   let F;
   if (e[71] !== a || e[72] !== _ || e[73] !== u || e[74] !== n || e[75] !== h || 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] !== h || e[86] !== k || e[87] !== i || e[88] !== r ? (d = (b, g) => /* @__PURE__ */ s(oe, { item: b, menuExpanded: n, collapsed: g === a, onCollapse: () => k(g), currentPath: _, useHover: i, useTooltips: r, isMobile: h, disableMode: u }, b.title), e[81] = a, e[82] = _, e[83] = u, e[84] = n, e[85] = h, 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] = h, e[76] = k, e[77] = Z, e[78] = i, e[79] = r, e[80] = F;
+    e[81] !== a || e[82] !== _ || e[83] !== u || e[84] !== n || e[85] !== h || 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: h, disableMode: u }, b.title), e[81] = a, e[82] = _, e[83] = u, e[84] = n, e[85] = h, 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] = h, e[76] = k, e[77] = Z, e[78] = i, e[79] = r, e[80] = F;
   } else
     F = e[80];
   let J;
@@ -238,7 +238,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
     A,
     J
   ] }), e[93] = E, e[94] = $, e[95] = R, e[96] = j, e[97] = A, e[98] = J, e[99] = T, e[100] = Y) : Y = e[100], Y;
-}, Qe = "_top-bar_lnmq0_1", Ue = "_top-bar-brand_lnmq0_12", de = {
+}, Qe = "_top-bar_lnmq0_1", Ue = "_top-bar-brand_lnmq0_12", ae = {
   topBar: Qe,
   topBarBrand: Ue
 }, sn = (o) => {
@@ -251,7 +251,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
     showOffline: n
   } = o;
   let l;
-  e[0] !== n ? (l = p("luminus-top-bar shadow", de.topBar, {
+  e[0] !== n ? (l = p("luminus-top-bar shadow", ae.topBar, {
     offline: n
   }), e[0] = n, e[1] = l) : l = e[1];
   const _ = f ? `calc(100% - ${f}px)` : void 0, i = f ? `${f}px` : void 0;
@@ -261,7 +261,7 @@ const xe = "_side-menu-item_o72rm_1", Me = "_disabled_o72rm_6", Ne = "_hidden_o7
     left: i
   }, e[2] = _, e[3] = i, e[4] = r) : r = e[4];
   let B;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (B = p("luminus-top-bar-brand", de.topBarBrand), e[5] = B) : B = e[5];
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (B = p("luminus-top-bar-brand", ae.topBarBrand), e[5] = B) : B = e[5];
   let x;
   e[6] !== m ? (x = /* @__PURE__ */ s(te, { to: "/", className: B, children: m }), e[6] = m, e[7] = x) : x = e[7];
   let M;

package/package.json

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