react-luminus-components 1.3.103 → 1.3.104

package/dist/.vite/manifest.json

@@ -63,18 +63,26 @@
       "_ResponsiveContextDropdown-BTWYs_5c.js"
     ]
   },
-  "_useClipboard-DNxOQ9MP.cjs": {
-    "file": "useClipboard-DNxOQ9MP.cjs",
+  "_useClickOutside-BmlXg38T.js": {
+    "file": "useClickOutside-BmlXg38T.js",
+    "name": "useClickOutside"
+  },
+  "_useClickOutside-D0505nsm.cjs": {
+    "file": "useClickOutside-D0505nsm.cjs",
+    "name": "useClickOutside"
+  },
+  "_useClipboard-CPpcsAUr.js": {
+    "file": "useClipboard-CPpcsAUr.js",
     "name": "useClipboard",
     "imports": [
-      "_ResponsiveContextDropdown-DJHED0fJ.cjs"
+      "_ResponsiveContextDropdown-BTWYs_5c.js"
     ]
   },
-  "_useClipboard-joutXacR.js": {
-    "file": "useClipboard-joutXacR.js",
+  "_useClipboard-DO4Wt5yn.cjs": {
+    "file": "useClipboard-DO4Wt5yn.cjs",
     "name": "useClipboard",
     "imports": [
-      "_ResponsiveContextDropdown-BTWYs_5c.js"
+      "_ResponsiveContextDropdown-DJHED0fJ.cjs"
     ]
   },
   "_useGetApiData-DZI3UwZY.cjs": {
@@ -132,8 +140,9 @@
     "isEntry": true,
     "imports": [
       "_ResponsiveContextDropdown-DJHED0fJ.cjs",
-      "_useClipboard-DNxOQ9MP.cjs",
+      "_useClickOutside-D0505nsm.cjs",
       "_usePermissions-Bv3PjjAi.cjs",
+      "_useClipboard-DO4Wt5yn.cjs",
       "_useGetApiData-DZI3UwZY.cjs",
       "_useLocalStorageState-BFc8Gc8H.cjs"
     ]
@@ -146,6 +155,7 @@
     "imports": [
       "_ResponsiveContextDropdown-DJHED0fJ.cjs",
       "_SimpleTooltip-DUaCV_sl.cjs",
+      "_useClickOutside-D0505nsm.cjs",
       "_usePermissions-Bv3PjjAi.cjs",
       "_FullScreenContainer-PAUPFvDa.cjs"
     ]
@@ -159,7 +169,8 @@
       "_ResponsiveContextDropdown-DJHED0fJ.cjs",
       "_Loading-xgF6OsXz.cjs",
       "_SimpleTooltip-DUaCV_sl.cjs",
-      "_useClipboard-DNxOQ9MP.cjs",
+      "_useClickOutside-D0505nsm.cjs",
+      "_useClipboard-DO4Wt5yn.cjs",
       "_searchUtils-Duo7lkt3.cjs",
       "_useGetApiData-DZI3UwZY.cjs",
       "_FullScreenContainer-PAUPFvDa.cjs"

package/dist/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ResponsiveContextDropdown-DJHED0fJ.cjs"),u=require("./useClipboard-DNxOQ9MP.cjs"),l=require("./usePermissions-Bv3PjjAi.cjs"),m=require("./useGetApiData-DZI3UwZY.cjs"),c=require("react"),d=require("./useLocalStorageState-BFc8Gc8H.cjs"),h=a=>{let e="pending",t;const o=a.then(r=>{e="success",t=r},r=>{e="error",t=r});return()=>{switch(e){case"pending":throw o;case"success":return t;case"error":throw t;default:throw new Error("Unknown status")}}};function S(a,e){const t=s.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[o,r]=c.useState(null);return c.useEffect(()=>{(async()=>{const n=t.get(a).then(i=>i.data);r(h(n))})()},[t,a]),o}exports.cancelToken=s.cancelToken;exports.useAuth=s.useAuth;exports.useAxios=s.useAxios;exports.useConfirm=s.useConfirm;exports.useFormControlType=s.useFormControlType;exports.useNotifications=s.useNotifications;exports.usePrompt=s.usePrompt;exports.useZodSchemaTypes=s.useZodSchemaTypes;exports.useClickOutside=u.useClickOutside;exports.useClipboard=u.useClipboard;exports.useEmployeePhotoPath=u.useEmployeePhotoPath;exports.useKeyPress=u.useKeyPress;exports.useSearchQuery=u.useSearchQuery;exports.useSearchQueryState=u.useSearchQueryState;exports.usePermissions=l.usePermissions;exports.useGetApiData=m.useGetApiData;exports.useLocalStorageState=d.useLocalStorageState;exports.useGetDataBound=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ResponsiveContextDropdown-DJHED0fJ.cjs"),l=require("./useClickOutside-D0505nsm.cjs"),d=require("./usePermissions-Bv3PjjAi.cjs"),r=require("./useClipboard-DO4Wt5yn.cjs"),m=require("./useGetApiData-DZI3UwZY.cjs"),c=require("react"),h=require("./useLocalStorageState-BFc8Gc8H.cjs"),S=a=>{let e="pending",t;const o=a.then(u=>{e="success",t=u},u=>{e="error",t=u});return()=>{switch(e){case"pending":throw o;case"success":return t;case"error":throw t;default:throw new Error("Unknown status")}}};function y(a,e){const t=s.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[o,u]=c.useState(null);return c.useEffect(()=>{(async()=>{const n=t.get(a).then(i=>i.data);u(S(n))})()},[t,a]),o}exports.cancelToken=s.cancelToken;exports.useAuth=s.useAuth;exports.useAxios=s.useAxios;exports.useConfirm=s.useConfirm;exports.useFormControlType=s.useFormControlType;exports.useNotifications=s.useNotifications;exports.usePrompt=s.usePrompt;exports.useZodSchemaTypes=s.useZodSchemaTypes;exports.useClickOutside=l.useClickOutside;exports.usePermissions=d.usePermissions;exports.useClipboard=r.useClipboard;exports.useEmployeePhotoPath=r.useEmployeePhotoPath;exports.useKeyPress=r.useKeyPress;exports.useSearchQuery=r.useSearchQuery;exports.useSearchQueryState=r.useSearchQueryState;exports.useGetApiData=m.useGetApiData;exports.useLocalStorageState=h.useLocalStorageState;exports.useGetDataBound=y;

package/dist/hooks.es.js

@@ -1,10 +1,11 @@
 import { as as c } from "./ResponsiveContextDropdown-BTWYs_5c.js";
 import { bi as S, az as y, aS as g, aF as w, aR as k, a_ as D, bj as P } from "./ResponsiveContextDropdown-BTWYs_5c.js";
-import { b, u as C, e as A, a as B, c as E, d as U } from "./useClipboard-joutXacR.js";
-import { u as G } from "./usePermissions-Xt0Kg7pS.js";
-import { u as j } from "./useGetApiData-DlXJYhhW.js";
+import { u as b } from "./useClickOutside-BmlXg38T.js";
+import { u as A } from "./usePermissions-Xt0Kg7pS.js";
+import { u as E, d as U, a as F, b as G, c as Q } from "./useClipboard-CPpcsAUr.js";
+import { u as z } from "./useGetApiData-DlXJYhhW.js";
 import { useState as n, useEffect as m } from "react";
-import { u as K } from "./useLocalStorageState-Bt99kkCr.js";
+import { u as L } from "./useLocalStorageState-Bt99kkCr.js";
 const f = (t) => {
   let e = "pending", s;
   const r = t.then((a) => {
@@ -25,7 +26,7 @@ const f = (t) => {
     }
   };
 };
-function d(t, e) {
+function p(t, e) {
   const s = c({
     silent: !0,
     differentBaseUrl: e == null ? void 0 : e.customBaseUrl,
@@ -43,18 +44,18 @@ export {
   y as useAuth,
   c as useAxios,
   b as useClickOutside,
-  C as useClipboard,
+  E as useClipboard,
   g as useConfirm,
-  A as useEmployeePhotoPath,
+  U as useEmployeePhotoPath,
   w as useFormControlType,
-  j as useGetApiData,
-  d as useGetDataBound,
-  B as useKeyPress,
-  K as useLocalStorageState,
+  z as useGetApiData,
+  p as useGetDataBound,
+  F as useKeyPress,
+  L as useLocalStorageState,
   k as useNotifications,
-  G as usePermissions,
+  A as usePermissions,
   D as usePrompt,
-  E as useSearchQuery,
-  U as useSearchQueryState,
+  G as useSearchQuery,
+  Q as useSearchQueryState,
   P as useZodSchemaTypes
 };

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-DJHED0fJ.cjs"),h=require("react"),q=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const y=require("./SimpleTooltip-DUaCV_sl.cjs");require("@azure/msal-browser");require("@azure/msal-react");const B=require("./usePermissions-Bv3PjjAi.cjs"),N=require("./FullScreenContainer-PAUPFvDa.cjs"),k="_side-menu-item_ql22m_1",g="_disabled_ql22m_6",C="_nav-button_ql22m_10",P="_child_ql22m_18",I="_text_ql22m_23",S="_icon_ql22m_30",w="_collapse-icon_ql22m_36",T="_collapsed_ql22m_46",L="_collapse-icon-mini_ql22m_49",F="_expanded_ql22m_80",$="_children-container_ql22m_86",f="_visible_ql22m_94",A="_children_ql22m_86",i={"side-menu-item":"_side-menu-item_ql22m_1",sideMenuItem:k,disabled:g,"nav-button":"_nav-button_ql22m_10",navButton:C,child:P,text:I,icon:S,"collapse-icon":"_collapse-icon_ql22m_36",collapseIcon:w,collapsed:T,"collapse-icon-mini":"_collapse-icon-mini_ql22m_49",collapseIconMini:L,expanded:F,"children-container":"_children-container_ql22m_86",childrenContainer:$,visible:f,children:A},O=({item:s,menuExpanded:o,useTooltips:a,children:l})=>s.tooltip&&!o&&a?e.jsxRuntimeExports.jsx(y.SimpleTooltip,{text:s.tooltip,placement:"right",children:l}):l,E=({item:s,menuExpanded:o,collapsed:a,onCollapse:l,currentPath:d,useHover:m,useTooltips:r})=>{var v,R,j,t;const[b,x]=h.useState(!1),[u]=d.split("?"),c=s.linkTo===u||((v=s.children)==null?void 0:v.some(n=>n.linkTo===u));return e.jsxRuntimeExports.jsxs("li",{className:e.classNames("luminus-side-menu-item",i.sideMenuItem,{[i.expanded]:o},{active:b||c},{open:a&&s.children},{[i.disabled]:s.disabled||s.notPermitted||((R=s.children)==null?void 0:R.every(n=>n.notPermitted||n.disabled))},{disabled:s.disabled||s.notPermitted||((j=s.children)==null?void 0:j.every(n=>n.notPermitted||n.disabled))}),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[e.jsxRuntimeExports.jsx(O,{item:s,menuExpanded:o,useTooltips:r,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",i.navButton),onClick:()=>{l()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),!m&&!o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",i.collapseIconMini,{[i.collapsed]:a}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",i.collapseIcon,{[i.collapsed]:a}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(q.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",i.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",i.childrenContainer,{[i.visible]:a}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",i.children),children:(t=s.children)==null?void 0:t.map(n=>e.jsxRuntimeExports.jsx(q.Link,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link child rounded",i.navButton,i.child,{[i.disabled]:n.disabled||n.notPermitted},{disabled:n.disabled||n.notPermitted}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:n.title})},n.linkTo))})})]})},D="_side-menu_1deqc_1",K="_sidebar-header_1deqc_13",U="_side-menu-content_1deqc_20",z="_expand_1deqc_24",G="_only-logo_1deqc_28",J="_divider_1deqc_31",_={"side-menu":"_side-menu_1deqc_1",sideMenu:D,"sidebar-header":"_sidebar-header_1deqc_13",sidebarHeader:K,"side-menu-content":"_side-menu-content_1deqc_20",sideMenuContent:U,expand:z,"only-logo":"_only-logo_1deqc_28",onlyLogo:G,divider:J},Q=({headerItem:s,mainItems:o,secondaryItems:a,expanded:l,setExpanded:d,currentPath:m,useHover:r,useTooltips:b})=>{const[x,u]=h.useState(-1),{checkUserHasPermissions:c}=B.usePermissions(),v=h.useMemo(()=>o.map(t=>{var n;return{...t,notPermitted:!c(t.permissions??[],"any"),children:(n=t.children)==null?void 0:n.map(p=>({...p,notPermitted:!c(p.permissions??[],"any"),disabled:t.disabled||p.disabled}))}}),[o,c]),R=h.useMemo(()=>a.map(t=>{var n;return{...t,notPermitted:!c(t.permissions??[],"any"),children:(n=t.children)==null?void 0:n.map(p=>({...p,notPermitted:!c(p.permissions??[],"any")}))}}),[a,c]),j=t=>{u(t===x?-1:t)};return h.useEffect(()=>{l||u(-1)},[l]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu shadow",_.sideMenu,{[_.expand]:l},{expand:l}),onMouseEnter:()=>r&&d(!0),onMouseLeave:()=>r&&d(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",_.sidebarHeader,{[_.onlyLogo]:r}),role:r?void 0:"button",onClick:r?void 0:()=>d(!l),children:r?s:l?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineArrowBack,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),e.jsxRuntimeExports.jsxs("ul",{className:_.sideMenuContent,children:[v.map((t,n)=>e.jsxRuntimeExports.jsx(E,{item:t,menuExpanded:l,collapsed:n===x,onCollapse:()=>j(n),currentPath:m,useHover:r,useTooltips:b},t.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",_.divider)}),R.map((t,n)=>e.jsxRuntimeExports.jsx(E,{item:t,menuExpanded:l,collapsed:n===x,onCollapse:()=>j(n),currentPath:m,useHover:r,useTooltips:b},t.title))]})]})},V="_top-bar_1lk80_1",X="_top-bar-brand_1lk80_14",M={"top-bar":"_top-bar_1lk80_1",topBar:V,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:X},Y=({appName:s,leftOffset:o,centerContent:a,rightContent:l})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow",M.topBar),style:{width:o?`calc(100% - ${o}px)`:void 0,left:o?`${o}px`:void 0},children:[e.jsxRuntimeExports.jsx(q.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",M.topBarBrand),children:s}),a&&e.jsxRuntimeExports.jsx("div",{children:a}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:l??null})]}),Z=({title:s,children:o,sideContent:a,sideContentWidth:l=250,noPadding:d,className:m})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",d?"p-0":"p-3",m),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:a?`${l}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(N.PageTitle,{title:s}):null,o]}),a&&e.jsxRuntimeExports.jsx(N.SideContentBar,{width:l,children:a})]});exports.FullScreenContainer=N.FullScreenContainer;exports.SideContentBar=N.SideContentBar;exports.MainContainer=Z;exports.SideMenu=Q;exports.TopBar=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-DJHED0fJ.cjs"),j=require("react"),q=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const k=require("./SimpleTooltip-DUaCV_sl.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("./useClickOutside-D0505nsm.cjs"),B=require("./usePermissions-Bv3PjjAi.cjs"),N=require("./FullScreenContainer-PAUPFvDa.cjs"),C="_side-menu-item_ql22m_1",g="_disabled_ql22m_6",P="_nav-button_ql22m_10",I="_child_ql22m_18",S="_text_ql22m_23",w="_icon_ql22m_30",T="_collapse-icon_ql22m_36",L="_collapsed_ql22m_46",f="_collapse-icon-mini_ql22m_49",F="_expanded_ql22m_80",O="_children-container_ql22m_86",$="_visible_ql22m_94",A="_children_ql22m_86",o={"side-menu-item":"_side-menu-item_ql22m_1",sideMenuItem:C,disabled:g,"nav-button":"_nav-button_ql22m_10",navButton:P,child:I,text:S,icon:w,"collapse-icon":"_collapse-icon_ql22m_36",collapseIcon:T,collapsed:L,"collapse-icon-mini":"_collapse-icon-mini_ql22m_49",collapseIconMini:f,expanded:F,"children-container":"_children-container_ql22m_86",childrenContainer:O,visible:$,children:A},D=({item:s,menuExpanded:l,useTooltips:r,children:t})=>s.tooltip&&!l&&r?e.jsxRuntimeExports.jsx(k.SimpleTooltip,{text:s.tooltip,placement:"right",children:t}):t,E=({item:s,menuExpanded:l,collapsed:r,onCollapse:t,currentPath:m,useHover:u,useTooltips:c})=>{var v,h,i,a;const[b,x]=j.useState(!1),[p]=m.split("?"),d=s.linkTo===p||((v=s.children)==null?void 0:v.some(n=>n.linkTo===p)),R=j.useRef(null);return y.useClickOutside([R],()=>r&&t()),e.jsxRuntimeExports.jsxs("li",{ref:R,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.expanded]:l},{active:b||d},{open:r&&s.children},{[o.disabled]:s.disabled||s.notPermitted||((h=s.children)==null?void 0:h.every(n=>n.notPermitted||n.disabled))},{disabled:s.disabled||s.notPermitted||((i=s.children)==null?void 0:i.every(n=>n.notPermitted||n.disabled))}),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[e.jsxRuntimeExports.jsx(D,{item:s,menuExpanded:l,useTooltips:c,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",o.navButton),onClick:()=>{t()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),!u&&!l&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",o.collapseIconMini,{[o.collapsed]:r}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),l&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title}),l&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:r}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(q.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",o.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),l&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",o.childrenContainer,{[o.visible]:r}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",o.children),children:(a=s.children)==null?void 0:a.map(n=>e.jsxRuntimeExports.jsx(q.Link,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link child rounded",o.navButton,o.child,{[o.disabled]:n.disabled||n.notPermitted},{disabled:n.disabled||n.notPermitted}),onClick:t,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title})},n.linkTo))})})]})},K="_side-menu_1deqc_1",U="_sidebar-header_1deqc_13",z="_side-menu-content_1deqc_20",G="_expand_1deqc_24",J="_only-logo_1deqc_28",Q="_divider_1deqc_31",_={"side-menu":"_side-menu_1deqc_1",sideMenu:K,"sidebar-header":"_sidebar-header_1deqc_13",sidebarHeader:U,"side-menu-content":"_side-menu-content_1deqc_20",sideMenuContent:z,expand:G,"only-logo":"_only-logo_1deqc_28",onlyLogo:J,divider:Q},V=({headerItem:s,mainItems:l,secondaryItems:r,expanded:t,setExpanded:m,currentPath:u,useHover:c,useTooltips:b})=>{const[x,p]=j.useState(-1),{checkUserHasPermissions:d}=B.usePermissions(),R=j.useMemo(()=>l.map(i=>{var a;return{...i,notPermitted:!d(i.permissions??[],"any"),children:(a=i.children)==null?void 0:a.map(n=>({...n,notPermitted:!d(n.permissions??[],"any"),disabled:i.disabled||n.disabled}))}}),[l,d]),v=j.useMemo(()=>r.map(i=>{var a;return{...i,notPermitted:!d(i.permissions??[],"any"),children:(a=i.children)==null?void 0:a.map(n=>({...n,notPermitted:!d(n.permissions??[],"any")}))}}),[r,d]),h=i=>{p(i===x?-1:i)};return j.useEffect(()=>{t||p(-1)},[t]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu shadow",_.sideMenu,{[_.expand]:t},{expand:t}),onMouseEnter:()=>c&&m(!0),onMouseLeave:()=>c&&m(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",_.sidebarHeader,{[_.onlyLogo]:c}),role:c?void 0:"button",onClick:c?void 0:()=>m(!t),children:c?s:t?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineArrowBack,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),e.jsxRuntimeExports.jsxs("ul",{className:_.sideMenuContent,children:[R.map((i,a)=>e.jsxRuntimeExports.jsx(E,{item:i,menuExpanded:t,collapsed:a===x,onCollapse:()=>h(a),currentPath:u,useHover:c,useTooltips:b},i.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",_.divider)}),v.map((i,a)=>e.jsxRuntimeExports.jsx(E,{item:i,menuExpanded:t,collapsed:a===x,onCollapse:()=>h(a),currentPath:u,useHover:c,useTooltips:b},i.title))]})]})},X="_top-bar_1lk80_1",Y="_top-bar-brand_1lk80_14",M={"top-bar":"_top-bar_1lk80_1",topBar:X,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:Y},Z=({appName:s,leftOffset:l,centerContent:r,rightContent:t})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow",M.topBar),style:{width:l?`calc(100% - ${l}px)`:void 0,left:l?`${l}px`:void 0},children:[e.jsxRuntimeExports.jsx(q.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",M.topBarBrand),children:s}),r&&e.jsxRuntimeExports.jsx("div",{children:r}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:t??null})]}),H=({title:s,children:l,sideContent:r,sideContentWidth:t=250,noPadding:m,className:u})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",m?"p-0":"p-3",u),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:r?`${t}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(N.PageTitle,{title:s}):null,l]}),r&&e.jsxRuntimeExports.jsx(N.SideContentBar,{width:t,children:r})]});exports.FullScreenContainer=N.FullScreenContainer;exports.SideContentBar=N.SideContentBar;exports.MainContainer=H;exports.SideMenu=V;exports.TopBar=Z;

package/dist/layout.es.js

@@ -1,138 +1,139 @@
-import { j as e, c as l, ad as N, b9 as P, ba as I } from "./ResponsiveContextDropdown-BTWYs_5c.js";
-import { useState as g, useMemo as k, useEffect as C } from "react";
+import { j as e, c as t, ad as N, b9 as P, ba as f } from "./ResponsiveContextDropdown-BTWYs_5c.js";
+import { useState as g, useRef as I, useMemo as k, useEffect as C } from "react";
 import { Link as M } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
-import { S as f } from "./SimpleTooltip-CZBF7c7i.js";
+import { S as w } from "./SimpleTooltip-CZBF7c7i.js";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { u as w } from "./usePermissions-Xt0Kg7pS.js";
-import { P as S, S as T } from "./FullScreenContainer-BJprjc0-.js";
-import { F as be } from "./FullScreenContainer-BJprjc0-.js";
-const L = "_side-menu-item_ql22m_1", $ = "_disabled_ql22m_6", F = "_nav-button_ql22m_10", A = "_child_ql22m_18", R = "_text_ql22m_23", E = "_icon_ql22m_30", K = "_collapse-icon_ql22m_36", O = "_collapsed_ql22m_46", U = "_collapse-icon-mini_ql22m_49", z = "_expanded_ql22m_80", D = "_children-container_ql22m_86", G = "_visible_ql22m_94", J = "_children_ql22m_86", i = {
+import { u as S } from "./useClickOutside-BmlXg38T.js";
+import { u as T } from "./usePermissions-Xt0Kg7pS.js";
+import { P as L, S as R } from "./FullScreenContainer-BJprjc0-.js";
+import { F as qe } from "./FullScreenContainer-BJprjc0-.js";
+const $ = "_side-menu-item_ql22m_1", F = "_disabled_ql22m_6", A = "_nav-button_ql22m_10", O = "_child_ql22m_18", E = "_text_ql22m_23", K = "_icon_ql22m_30", U = "_collapse-icon_ql22m_36", z = "_collapsed_ql22m_46", D = "_collapse-icon-mini_ql22m_49", G = "_expanded_ql22m_80", J = "_children-container_ql22m_86", Q = "_visible_ql22m_94", V = "_children_ql22m_86", l = {
   "side-menu-item": "_side-menu-item_ql22m_1",
-  sideMenuItem: L,
-  disabled: $,
+  sideMenuItem: $,
+  disabled: F,
   "nav-button": "_nav-button_ql22m_10",
-  navButton: F,
-  child: A,
-  text: R,
-  icon: E,
+  navButton: A,
+  child: O,
+  text: E,
+  icon: K,
   "collapse-icon": "_collapse-icon_ql22m_36",
-  collapseIcon: K,
-  collapsed: O,
+  collapseIcon: U,
+  collapsed: z,
   "collapse-icon-mini": "_collapse-icon-mini_ql22m_49",
-  collapseIconMini: U,
-  expanded: z,
+  collapseIconMini: D,
+  expanded: G,
   "children-container": "_children-container_ql22m_86",
-  childrenContainer: D,
-  visible: G,
-  children: J
-}, Q = ({ item: n, menuExpanded: t, useTooltips: d, children: a }) => n.tooltip && !t && d ? /* @__PURE__ */ e.jsx(f, { text: n.tooltip, placement: "right", children: a }) : a, y = ({ item: n, menuExpanded: t, collapsed: d, onCollapse: a, currentPath: _, useHover: m, useTooltips: c }) => {
-  var j, q, b, o;
-  const [v, p] = g(!1), [u] = _.split("?"), r = n.linkTo === u || ((j = n.children) == null ? void 0 : j.some((s) => s.linkTo === u));
-  return /* @__PURE__ */ e.jsxs("li", { className: l("luminus-side-menu-item", i.sideMenuItem, {
-    [i.expanded]: t
-  }, { active: v || r }, { open: d && n.children }, {
-    [i.disabled]: n.disabled || n.notPermitted || ((q = n.children) == null ? void 0 : q.every((s) => s.notPermitted || s.disabled))
+  childrenContainer: J,
+  visible: Q,
+  children: V
+}, X = ({ item: n, menuExpanded: a, useTooltips: d, children: i }) => n.tooltip && !a && d ? /* @__PURE__ */ e.jsx(w, { text: n.tooltip, placement: "right", children: i }) : i, y = ({ item: n, menuExpanded: a, collapsed: d, onCollapse: i, currentPath: m, useHover: p, useTooltips: r }) => {
+  var q, b, o, c;
+  const [v, u] = g(!1), [x] = m.split("?"), _ = n.linkTo === x || ((q = n.children) == null ? void 0 : q.some((s) => s.linkTo === x)), j = I(null);
+  return S([j], () => d && i()), /* @__PURE__ */ e.jsxs("li", { ref: j, className: t("luminus-side-menu-item", l.sideMenuItem, {
+    [l.expanded]: a
+  }, { active: v || _ }, { open: d && n.children }, {
+    [l.disabled]: n.disabled || n.notPermitted || ((b = n.children) == null ? void 0 : b.every((s) => s.notPermitted || s.disabled))
   }, {
-    disabled: n.disabled || n.notPermitted || ((b = n.children) == null ? void 0 : b.every((s) => s.notPermitted || s.disabled))
-  }), onMouseEnter: () => p(!0), onMouseLeave: () => p(!1), children: [
-    /* @__PURE__ */ e.jsx(Q, { item: n, menuExpanded: t, useTooltips: c, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: l("nav-link", i.navButton), onClick: () => {
-      a();
+    disabled: n.disabled || n.notPermitted || ((o = n.children) == null ? void 0 : o.every((s) => s.notPermitted || s.disabled))
+  }), onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), children: [
+    /* @__PURE__ */ e.jsx(X, { item: n, menuExpanded: a, useTooltips: r, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: t("nav-link", l.navButton), onClick: () => {
+      i();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: l("icon", i.icon), children: n.icon }),
-      !m && !t && /* @__PURE__ */ e.jsx("div", { className: l("collapse-icon-mini rounded", i.collapseIconMini, {
-        [i.collapsed]: d
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", l.icon), children: n.icon }),
+      !p && !a && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon-mini rounded", l.collapseIconMini, {
+        [l.collapsed]: d
       }), children: /* @__PURE__ */ e.jsx(N, {}) }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("text", i.text, "text-nowrap"), children: n.title }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("collapse-icon", i.collapseIcon, {
-        [i.collapsed]: d
+      a && /* @__PURE__ */ e.jsx("div", { className: t("text", l.text, "text-nowrap"), children: n.title }),
+      a && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon", l.collapseIcon, {
+        [l.collapsed]: d
       }), children: /* @__PURE__ */ e.jsx(N, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(M, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: l("nav-link", i.navButton), children: [
-      /* @__PURE__ */ e.jsx("div", { className: l("icon", i.icon), children: n.icon }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("text", i.text, "text-nowrap"), children: n.title })
+    ] }) }) : /* @__PURE__ */ e.jsxs(M, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: t("nav-link", l.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", l.icon), children: n.icon }),
+      a && /* @__PURE__ */ e.jsx("div", { className: t("text", l.text, "text-nowrap"), children: n.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: l("children-container", i.childrenContainer, {
-      [i.visible]: d
-    }), children: /* @__PURE__ */ e.jsx("div", { className: l("shadow rounded children", i.children), children: (o = n.children) == null ? void 0 : o.map((s) => /* @__PURE__ */ e.jsx(M, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: l("nav-link child rounded", i.navButton, i.child, { [i.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: l("text", i.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
+    /* @__PURE__ */ e.jsx("div", { className: t("children-container", l.childrenContainer, {
+      [l.visible]: d
+    }), children: /* @__PURE__ */ e.jsx("div", { className: t("shadow rounded children", l.children), children: (c = n.children) == null ? void 0 : c.map((s) => /* @__PURE__ */ e.jsx(M, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: t("nav-link child rounded", l.navButton, l.child, { [l.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), onClick: i, children: /* @__PURE__ */ e.jsx("div", { className: t("text", l.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
   ] });
-}, V = "_side-menu_1deqc_1", X = "_sidebar-header_1deqc_13", Y = "_side-menu-content_1deqc_20", Z = "_expand_1deqc_24", H = "_only-logo_1deqc_28", W = "_divider_1deqc_31", h = {
+}, Y = "_side-menu_1deqc_1", Z = "_sidebar-header_1deqc_13", H = "_side-menu-content_1deqc_20", W = "_expand_1deqc_24", ee = "_only-logo_1deqc_28", ne = "_divider_1deqc_31", h = {
   "side-menu": "_side-menu_1deqc_1",
-  sideMenu: V,
+  sideMenu: Y,
   "sidebar-header": "_sidebar-header_1deqc_13",
-  sidebarHeader: X,
+  sidebarHeader: Z,
   "side-menu-content": "_side-menu-content_1deqc_20",
-  sideMenuContent: Y,
-  expand: Z,
+  sideMenuContent: H,
+  expand: W,
   "only-logo": "_only-logo_1deqc_28",
-  onlyLogo: H,
-  divider: W
-}, me = ({ headerItem: n, mainItems: t, secondaryItems: d, expanded: a, setExpanded: _, currentPath: m, useHover: c, useTooltips: v }) => {
-  const [p, u] = g(-1), { checkUserHasPermissions: r } = w(), j = k(() => t.map((o) => {
-    var s;
+  onlyLogo: ee,
+  divider: ne
+}, xe = ({ headerItem: n, mainItems: a, secondaryItems: d, expanded: i, setExpanded: m, currentPath: p, useHover: r, useTooltips: v }) => {
+  const [u, x] = g(-1), { checkUserHasPermissions: _ } = T(), j = k(() => a.map((o) => {
+    var c;
     return {
       ...o,
-      notPermitted: !r(o.permissions ?? [], "any"),
-      children: (s = o.children) == null ? void 0 : s.map((x) => ({
-        ...x,
-        notPermitted: !r(x.permissions ?? [], "any"),
-        disabled: o.disabled || x.disabled
+      notPermitted: !_(o.permissions ?? [], "any"),
+      children: (c = o.children) == null ? void 0 : c.map((s) => ({
+        ...s,
+        notPermitted: !_(s.permissions ?? [], "any"),
+        disabled: o.disabled || s.disabled
       }))
     };
-  }), [t, r]), q = k(() => d.map((o) => {
-    var s;
+  }), [a, _]), q = k(() => d.map((o) => {
+    var c;
     return {
       ...o,
-      notPermitted: !r(o.permissions ?? [], "any"),
-      children: (s = o.children) == null ? void 0 : s.map((x) => ({
-        ...x,
-        notPermitted: !r(x.permissions ?? [], "any")
+      notPermitted: !_(o.permissions ?? [], "any"),
+      children: (c = o.children) == null ? void 0 : c.map((s) => ({
+        ...s,
+        notPermitted: !_(s.permissions ?? [], "any")
       }))
     };
-  }), [d, r]), b = (o) => {
-    u(o === p ? -1 : o);
+  }), [d, _]), b = (o) => {
+    x(o === u ? -1 : o);
   };
   return C(() => {
-    a || u(-1);
-  }, [a]), /* @__PURE__ */ e.jsxs("section", { className: l("luminus-side-menu shadow", h.sideMenu, {
-    [h.expand]: a
-  }, { expand: a }), onMouseEnter: () => c && _(!0), onMouseLeave: () => c && _(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: l("sidebar-header", h.sidebarHeader, {
-      [h.onlyLogo]: c
-    }), role: c ? void 0 : "button", onClick: c ? void 0 : () => _(!a), children: c ? n : a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    i || x(-1);
+  }, [i]), /* @__PURE__ */ e.jsxs("section", { className: t("luminus-side-menu shadow", h.sideMenu, {
+    [h.expand]: i
+  }, { expand: i }), onMouseEnter: () => r && m(!0), onMouseLeave: () => r && m(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", h.sidebarHeader, {
+      [h.onlyLogo]: r
+    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => m(!i), children: r ? n : i ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(P, {}),
       n
-    ] }) : /* @__PURE__ */ e.jsx(I, {}) }),
+    ] }) : /* @__PURE__ */ e.jsx(f, {}) }),
     /* @__PURE__ */ e.jsxs("ul", { className: h.sideMenuContent, children: [
-      j.map((o, s) => /* @__PURE__ */ e.jsx(y, { item: o, menuExpanded: a, collapsed: s === p, onCollapse: () => b(s), currentPath: m, useHover: c, useTooltips: v }, o.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: l("divider", h.divider) }),
-      q.map((o, s) => /* @__PURE__ */ e.jsx(y, { item: o, menuExpanded: a, collapsed: s === p, onCollapse: () => b(s), currentPath: m, useHover: c, useTooltips: v }, o.title))
+      j.map((o, c) => /* @__PURE__ */ e.jsx(y, { item: o, menuExpanded: i, collapsed: c === u, onCollapse: () => b(c), currentPath: p, useHover: r, useTooltips: v }, o.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: t("divider", h.divider) }),
+      q.map((o, c) => /* @__PURE__ */ e.jsx(y, { item: o, menuExpanded: i, collapsed: c === u, onCollapse: () => b(c), currentPath: p, useHover: r, useTooltips: v }, o.title))
     ] })
   ] });
-}, ee = "_top-bar_1lk80_1", ne = "_top-bar-brand_1lk80_14", B = {
+}, se = "_top-bar_1lk80_1", ie = "_top-bar-brand_1lk80_14", B = {
   "top-bar": "_top-bar_1lk80_1",
-  topBar: ee,
+  topBar: se,
   "top-bar-brand": "_top-bar-brand_1lk80_14",
-  topBarBrand: ne
-}, pe = ({ appName: n, leftOffset: t, centerContent: d, rightContent: a }) => /* @__PURE__ */ e.jsxs("nav", { className: l("luminus-top-bar shadow", B.topBar), style: {
-  width: t ? `calc(100% - ${t}px)` : void 0,
-  left: t ? `${t}px` : void 0
+  topBarBrand: ie
+}, he = ({ appName: n, leftOffset: a, centerContent: d, rightContent: i }) => /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar shadow", B.topBar), style: {
+  width: a ? `calc(100% - ${a}px)` : void 0,
+  left: a ? `${a}px` : void 0
 }, children: [
-  /* @__PURE__ */ e.jsx(M, { to: "/", className: l("luminus-top-bar-brand", B.topBarBrand), children: n }),
+  /* @__PURE__ */ e.jsx(M, { to: "/", className: t("luminus-top-bar-brand", B.topBarBrand), children: n }),
   d && /* @__PURE__ */ e.jsx("div", { children: d }),
-  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: a ?? null })
-] }), ue = ({ title: n, children: t, sideContent: d, sideContentWidth: a = 250, noPadding: _, className: m }) => /* @__PURE__ */ e.jsxs("div", { className: l("container-fluid", _ ? "p-0" : "p-3", m), children: [
-  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: d ? `${a}px` : void 0 }, children: [
-    n ? /* @__PURE__ */ e.jsx(S, { title: n }) : null,
-    t
+  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: i ?? null })
+] }), be = ({ title: n, children: a, sideContent: d, sideContentWidth: i = 250, noPadding: m, className: p }) => /* @__PURE__ */ e.jsxs("div", { className: t("container-fluid", m ? "p-0" : "p-3", p), children: [
+  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: d ? `${i}px` : void 0 }, children: [
+    n ? /* @__PURE__ */ e.jsx(L, { title: n }) : null,
+    a
   ] }),
-  d && /* @__PURE__ */ e.jsx(T, { width: a, children: d })
+  d && /* @__PURE__ */ e.jsx(R, { width: i, children: d })
 ] });
 export {
-  be as FullScreenContainer,
-  ue as MainContainer,
-  T as SideContentBar,
-  me as SideMenu,
-  pe as TopBar
+  qe as FullScreenContainer,
+  be as MainContainer,
+  R as SideContentBar,
+  xe as SideMenu,
+  he as TopBar
 };