react-luminus-components 1.3.142 → 1.3.144

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

@@ -2,6 +2,7 @@ import { MenuItemType } from '../../models/index';
 
 type Props = {
     headerItem: React.ReactNode;
+    searchItem?: React.ReactNode;
     mainItems: MenuItemType[];
     secondaryItems: MenuItemType[];
     expanded: boolean;
@@ -10,5 +11,5 @@ type Props = {
     useHover: boolean;
     useTooltips: boolean;
 };
-declare const SideMenu: ({ headerItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, useHover, useTooltips, }: Props) => import("react").JSX.Element;
+declare const SideMenu: ({ headerItem, searchItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, useHover, useTooltips, }: Props) => import("react").JSX.Element;
 export default SideMenu;

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./nivo-bar.es-CRYH7xvU.cjs"),d=require("react"),q=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const C=require("./SimpleTooltip-B20SNN2b.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("./useClickOutside-D0505nsm.cjs"),g=require("./usePermissions-DihYt5eO.cjs"),k=require("./FullScreenContainer-wS-hROzA.cjs"),B="_side-menu-item_ql22m_1",P="_disabled_ql22m_6",f="_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",O="_collapse-icon-mini_ql22m_49",F="_expanded_ql22m_80",$="_children-container_ql22m_86",A="_visible_ql22m_94",K="_children_ql22m_86",o={"side-menu-item":"_side-menu-item_ql22m_1",sideMenuItem:B,disabled:P,"nav-button":"_nav-button_ql22m_10",navButton:f,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:O,expanded:F,"children-container":"_children-container_ql22m_86",childrenContainer:$,visible:A,children:K},D=({item:s,menuExpanded:l,useTooltips:r,children:t})=>s.tooltip&&!l&&r?e.jsxRuntimeExports.jsx(C.SimpleTooltip,{text:s.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:t})}):t,E=({item:s,menuExpanded:l,collapsed:r,onCollapse:t,currentPath:u,useHover:_,useTooltips:a})=>{var N,h,R,i;const[m,c]=d.useState(!1),[p]=u.split("?"),x=s.linkTo===p||((N=s.children)==null?void 0:N.some(n=>n.linkTo===p)),v=d.useRef(null);return y.useClickOutside([v],()=>r&&t()),e.jsxRuntimeExports.jsxs("li",{ref:v,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.expanded]:l},{active:m||x},{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||((R=s.children)==null?void 0:R.every(n=>n.notPermitted||n.disabled))}),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[e.jsxRuntimeExports.jsx(D,{item:s,menuExpanded:l,useTooltips:a,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}),!_&&!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:(i=s.children)==null?void 0:i.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))})})]})},H="_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",b={"side-menu":"_side-menu_1deqc_1",sideMenu:H,"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:u,currentPath:_,useHover:a,useTooltips:m})=>{const[c,p]=d.useState(-1),{checkUserHasPermissions:x}=g.usePermissions(),v=d.useMemo(()=>l.map(i=>{var n;return{...i,notPermitted:!x(i.permissions??[],"any"),children:(n=i.children)==null?void 0:n.map(j=>({...j,notPermitted:!x(j.permissions??[],"any"),disabled:i.disabled||j.disabled}))}}),[l,x]),N=d.useMemo(()=>r.map(i=>{var n;return{...i,notPermitted:!x(i.permissions??[],"any"),children:(n=i.children)==null?void 0:n.map(j=>({...j,notPermitted:!x(j.permissions??[],"any")}))}}),[r,x]),h=i=>{p(i===c?-1:i)};d.useEffect(()=>{t||p(-1)},[t]);const R=d.useRef(null);return y.useClickOutside([R],()=>u(!1)),e.jsxRuntimeExports.jsxs("section",{ref:R,className:e.classNames("luminus-side-menu shadow",b.sideMenu,{[b.expand]:t},{expand:t}),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",b.sidebarHeader,{[b.onlyLogo]:a}),role:a?void 0:"button",onClick:a?void 0:()=>u(!t),children:a?s:t?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),e.jsxRuntimeExports.jsxs("ul",{className:b.sideMenuContent,children:[v.map((i,n)=>e.jsxRuntimeExports.jsx(E,{item:i,menuExpanded:t,collapsed:n===c,onCollapse:()=>h(n),currentPath:_,useHover:a,useTooltips:m},i.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",b.divider)}),N.map((i,n)=>e.jsxRuntimeExports.jsx(E,{item:i,menuExpanded:t,collapsed:n===c,onCollapse:()=>h(n),currentPath:_,useHover:a,useTooltips:m},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})]}),W=({title:s,children:l,sideContent:r,sideContentWidth:t=250,noPadding:u,className:_,helmet:a})=>{const{addHelmet:m,removeHelmet:c}=d.useContext(e.HelmetContext);return d.useEffect(()=>(a?m(a):typeof s=="string"&&s&&m(s),()=>c()),[a,m,c,s]),e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",u?"p-0":"p-3",_),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:r?`${t}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(e.PageTitle,{title:s}):null,l]}),r&&e.jsxRuntimeExports.jsx(e.SideContentBar,{width:t,children:r})]})};exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.FullScreenContainer=k.FullScreenContainer;exports.MainContainer=W;exports.SideMenu=V;exports.TopBar=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-BcEZzNox.cjs"),d=require("react"),g=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const P=require("./SimpleTooltip-tS3ZQgXE.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("./useWindowSize-CE6DJWzn.cjs"),S=require("./usePermissions-4cIziXbQ.cjs"),f=require("./FullScreenContainer-DkxbkVKa.cjs"),k="_side-menu-item_1o1uo_1",w="_disabled_1o1uo_6",I="_nav-button_1o1uo_10",z="_child_1o1uo_18",q="_text_1o1uo_23",T="_icon_1o1uo_30",L="_collapse-icon_1o1uo_36",$="_collapsed_1o1uo_46",F="_collapse-icon-mini_1o1uo_49",O="_expanded_1o1uo_80",A="_children-container_1o1uo_86",D="_visible_1o1uo_94",K="_children_1o1uo_86",H="_mobile_1o1uo_106",o={"side-menu-item":"_side-menu-item_1o1uo_1",sideMenuItem:k,disabled:w,"nav-button":"_nav-button_1o1uo_10",navButton:I,child:z,text:q,icon:T,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:L,collapsed:$,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:F,expanded:O,"children-container":"_children-container_1o1uo_86",childrenContainer:A,visible:D,children:K,mobile:H},U=({item:n,menuExpanded:t,useTooltips:i,children:r})=>n.tooltip&&!t&&i?e.jsxRuntimeExports.jsx(P.SimpleTooltip,{text:n.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:r})}):r,C=({item:n,menuExpanded:t,collapsed:i,onCollapse:r,currentPath:l,useHover:u,useTooltips:x,isMobile:a})=>{var M,v,N,h;const[p,_]=d.useState(!1),[b]=l.split("?"),m=n.linkTo===b||((M=n.children)==null?void 0:M.some(s=>s.linkTo===b)),E=d.useRef(null);return y.useClickOutside([E],()=>i&&r()),e.jsxRuntimeExports.jsxs("li",{ref:E,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.mobile]:a},{[o.expanded]:t},{active:p||m},{open:i&&n.children},{[o.disabled]:n.disabled||n.notPermitted||((v=n.children)==null?void 0:v.every(s=>s.notPermitted||s.disabled))},{disabled:n.disabled||n.notPermitted||((N=n.children)==null?void 0:N.every(s=>s.notPermitted||s.disabled))}),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[e.jsxRuntimeExports.jsx(U,{item:n,menuExpanded:t,useTooltips:x,children:n.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",o.navButton),onClick:()=>{r()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:n.icon}),!u&&!t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",o.collapseIconMini,{[o.collapsed]:i}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:i}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(g.Link,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link",o.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:n.icon}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",o.childrenContainer,{[o.visible]:i}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",o.children),children:(h=n.children)==null?void 0:h.map(s=>e.jsxRuntimeExports.jsx(g.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link child rounded",o.navButton,o.child,{[o.disabled]:s.disabled||s.notPermitted},{disabled:s.disabled||s.notPermitted}),onClick:r,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})},s.linkTo))})})]})},W="_side-menu_15z3o_1",G="_sidebar-header_15z3o_13",J="_side-menu-content_15z3o_20",Q="_expand_15z3o_24",V="_only-logo_15z3o_28",X="_mobile_15z3o_31",Y="_divider_15z3o_45",j={"side-menu":"_side-menu_15z3o_1",sideMenu:W,"sidebar-header":"_sidebar-header_15z3o_13",sidebarHeader:G,"side-menu-content":"_side-menu-content_15z3o_20",sideMenuContent:J,expand:Q,"only-logo":"_only-logo_15z3o_28",onlyLogo:V,mobile:X,divider:Y},Z=({headerItem:n,searchItem:t,mainItems:i,secondaryItems:r,expanded:l,setExpanded:u,currentPath:x,useHover:a,useTooltips:p})=>{const[_,b]=d.useState(-1),{checkUserHasPermissions:m}=S.usePermissions(),E=d.useMemo(()=>i.map(s=>{var c;return{...s,notPermitted:!m(s.permissions??[],"any"),children:(c=s.children)==null?void 0:c.map(R=>({...R,notPermitted:!m(R.permissions??[],"any"),disabled:s.disabled||R.disabled}))}}),[i,m]),M=d.useMemo(()=>r.map(s=>{var c;return{...s,notPermitted:!m(s.permissions??[],"any"),children:(c=s.children)==null?void 0:c.map(R=>({...R,notPermitted:!m(R.permissions??[],"any")}))}}),[r,m]),v=s=>{b(s===_?-1:s)};d.useEffect(()=>{l||b(-1)},[l]);const N=d.useRef(null);y.useClickOutside([N],()=>u(!1));const{isMobile:h}=y.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:N,className:e.classNames("luminus-side-menu shadow",j.sideMenu,{[j.mobile]:h},{[j.expand]:l},{expand:l}),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",j.sidebarHeader,{[j.onlyLogo]:a}),role:a?void 0:"button",onClick:a?void 0:()=>u(!l),children:a?n:l?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),n]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),e.jsxRuntimeExports.jsxs("ul",{className:j.sideMenuContent,children:[t?e.jsxRuntimeExports.jsx("div",{className:"p-3",children:t}):null,E.map((s,c)=>e.jsxRuntimeExports.jsx(C,{item:s,menuExpanded:l,collapsed:c===_,onCollapse:()=>v(c),currentPath:x,useHover:a,useTooltips:p,isMobile:h},s.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",j.divider)}),M.map((s,c)=>e.jsxRuntimeExports.jsx(C,{item:s,menuExpanded:l,collapsed:c===_,onCollapse:()=>v(c),currentPath:x,useHover:a,useTooltips:p,isMobile:h},s.title))]})]})},ee="_top-bar_1usoa_1",se="_top-bar-brand_1usoa_13",B={"top-bar":"_top-bar_1usoa_1",topBar:ee,"top-bar-brand":"_top-bar-brand_1usoa_13",topBarBrand:se},ne=({appName:n,leftOffset:t,centerContent:i,rightContent:r})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow gap-1 gap-lg-3",B.topBar),style:{width:t?`calc(100% - ${t}px)`:void 0,left:t?`${t}px`:void 0},children:[e.jsxRuntimeExports.jsx(g.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",B.topBarBrand),children:n}),i&&e.jsxRuntimeExports.jsx("div",{children:i}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center",children:r??null})]}),oe=({title:n,children:t,sideContent:i,sideContentWidth:r=250,noPadding:l,className:u,helmet:x})=>{const{addHelmet:a,removeHelmet:p}=d.useContext(e.HelmetContext);return d.useEffect(()=>(x?a(x):typeof n=="string"&&n&&a(n),()=>p()),[x,a,p,n]),e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",l?"p-0":"p-3",u),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:i?`${r}px`:void 0},children:[n?e.jsxRuntimeExports.jsx(e.PageTitle,{title:n}):null,t]}),i&&e.jsxRuntimeExports.jsx(e.SideContentBar,{width:r,children:i})]})};exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.FullScreenContainer=f.FullScreenContainer;exports.MainContainer=oe;exports.SideMenu=Z;exports.TopBar=ne;

package/dist/layout.es.js

@@ -1,145 +1,150 @@
-import { j as e, c as t, ac as f, b9 as w, ba as S, bb as L, bc as T, bd as R } from "./nivo-bar.es--V7NnTXl.js";
-import { be as Ne } from "./nivo-bar.es--V7NnTXl.js";
-import { useState as B, useRef as I, useMemo as y, useEffect as C, useContext as $ } from "react";
-import { Link as N } from "react-router-dom";
+import { j as e, c as i, ac as B, b9 as L, ba as T, bb as R, bc as $, bd as F } from "./ResponsiveContextDropdown-CtC3VC1Z.js";
+import { be as Ie } from "./ResponsiveContextDropdown-CtC3VC1Z.js";
+import { useState as k, useRef as w, useMemo as C, useEffect as z, useContext as A } from "react";
+import { Link as y } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
-import { S as F } from "./SimpleTooltip-0jJi3uFO.js";
+import { S as H } from "./SimpleTooltip-_yqjIct5.js";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { u as P } from "./useClickOutside-BmlXg38T.js";
-import { u as A } from "./usePermissions-B349saQ7.js";
-import { F as ye } from "./FullScreenContainer-CMa40jIo.js";
-const H = "_side-menu-item_ql22m_1", K = "_disabled_ql22m_6", O = "_nav-button_ql22m_10", D = "_child_ql22m_18", U = "_text_ql22m_23", z = "_icon_ql22m_30", E = "_collapse-icon_ql22m_36", G = "_collapsed_ql22m_46", J = "_collapse-icon-mini_ql22m_49", Q = "_expanded_ql22m_80", V = "_children-container_ql22m_86", X = "_visible_ql22m_94", Y = "_children_ql22m_86", l = {
-  "side-menu-item": "_side-menu-item_ql22m_1",
-  sideMenuItem: H,
-  disabled: K,
-  "nav-button": "_nav-button_ql22m_10",
-  navButton: O,
-  child: D,
-  text: U,
-  icon: z,
-  "collapse-icon": "_collapse-icon_ql22m_36",
-  collapseIcon: E,
-  collapsed: G,
-  "collapse-icon-mini": "_collapse-icon-mini_ql22m_49",
-  collapseIconMini: J,
-  expanded: Q,
-  "children-container": "_children-container_ql22m_86",
-  childrenContainer: V,
-  visible: X,
-  children: Y
-}, Z = ({ item: n, menuExpanded: a, useTooltips: d, children: o }) => n.tooltip && !a && d ? /* @__PURE__ */ e.jsx(F, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: o }) }) : o, g = ({ item: n, menuExpanded: a, collapsed: d, onCollapse: o, currentPath: _, useHover: b, useTooltips: r }) => {
-  var M, v, j, i;
-  const [m, c] = B(!1), [u] = _.split("?"), p = n.linkTo === u || ((M = n.children) == null ? void 0 : M.some((s) => s.linkTo === u)), q = I(null);
-  return P([q], () => d && o()), /* @__PURE__ */ e.jsxs("li", { ref: q, className: t("luminus-side-menu-item", l.sideMenuItem, {
-    [l.expanded]: a
-  }, { active: m || p }, { open: d && n.children }, {
-    [l.disabled]: n.disabled || n.notPermitted || ((v = n.children) == null ? void 0 : v.every((s) => s.notPermitted || s.disabled))
+import { a as S, u as K } from "./useWindowSize-OLYtjFv_.js";
+import { u as O } from "./usePermissions-MKFQwQjh.js";
+import { F as ke } from "./FullScreenContainer-DOcqllas.js";
+const D = "_side-menu-item_1o1uo_1", U = "_disabled_1o1uo_6", q = "_nav-button_1o1uo_10", E = "_child_1o1uo_18", G = "_text_1o1uo_23", J = "_icon_1o1uo_30", Q = "_collapse-icon_1o1uo_36", V = "_collapsed_1o1uo_46", W = "_collapse-icon-mini_1o1uo_49", X = "_expanded_1o1uo_80", Y = "_children-container_1o1uo_86", Z = "_visible_1o1uo_94", ee = "_children_1o1uo_86", oe = "_mobile_1o1uo_106", s = {
+  "side-menu-item": "_side-menu-item_1o1uo_1",
+  sideMenuItem: D,
+  disabled: U,
+  "nav-button": "_nav-button_1o1uo_10",
+  navButton: q,
+  child: E,
+  text: G,
+  icon: J,
+  "collapse-icon": "_collapse-icon_1o1uo_36",
+  collapseIcon: Q,
+  collapsed: V,
+  "collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
+  collapseIconMini: W,
+  expanded: X,
+  "children-container": "_children-container_1o1uo_86",
+  childrenContainer: Y,
+  visible: Z,
+  children: ee,
+  mobile: oe
+}, ne = ({ item: n, menuExpanded: t, useTooltips: l, children: a }) => n.tooltip && !t && l ? /* @__PURE__ */ e.jsx(H, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: a }) }) : a, I = ({ item: n, menuExpanded: t, collapsed: l, onCollapse: a, currentPath: r, useHover: _, useTooltips: u, isMobile: d }) => {
+  var g, M, N, v;
+  const [p, b] = k(!1), [h] = r.split("?"), m = n.linkTo === h || ((g = n.children) == null ? void 0 : g.some((o) => o.linkTo === h)), f = w(null);
+  return S([f], () => l && a()), /* @__PURE__ */ e.jsxs("li", { ref: f, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: d }, {
+    [s.expanded]: t
+  }, { active: p || m }, { open: l && n.children }, {
+    [s.disabled]: n.disabled || n.notPermitted || ((M = n.children) == null ? void 0 : M.every((o) => o.notPermitted || o.disabled))
   }, {
-    disabled: n.disabled || n.notPermitted || ((j = n.children) == null ? void 0 : j.every((s) => s.notPermitted || s.disabled))
-  }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), children: [
-    /* @__PURE__ */ e.jsx(Z, { 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: () => {
-      o();
+    disabled: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
+  }), onMouseEnter: () => b(!0), onMouseLeave: () => b(!1), children: [
+    /* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: t, useTooltips: u, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
+      a();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: t("icon", l.icon), children: n.icon }),
-      !b && !a && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon-mini rounded", l.collapseIconMini, {
-        [l.collapsed]: d
-      }), children: /* @__PURE__ */ e.jsx(f, {}) }),
-      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(f, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(N, { 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: i("icon", s.icon), children: n.icon }),
+      !_ && !t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
+        [s.collapsed]: l
+      }), children: /* @__PURE__ */ e.jsx(B, {}) }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
+        [s.collapsed]: l
+      }), children: /* @__PURE__ */ e.jsx(B, {}) })
+    ] }) }) : /* @__PURE__ */ e.jsxs(y, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title })
     ] }) }),
-    /* @__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: (i = n.children) == null ? void 0 : i.map((s) => /* @__PURE__ */ e.jsx(N, { 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: o, children: /* @__PURE__ */ e.jsx("div", { className: t("text", l.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
+    /* @__PURE__ */ e.jsx("div", { className: i("children-container", s.childrenContainer, {
+      [s.visible]: l
+    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (v = n.children) == null ? void 0 : v.map((o) => /* @__PURE__ */ e.jsx(y, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, { [s.disabled]: o.disabled || o.notPermitted }, { disabled: o.disabled || o.notPermitted }), onClick: a, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
   ] });
-}, W = "_side-menu_1deqc_1", ee = "_sidebar-header_1deqc_13", ne = "_side-menu-content_1deqc_20", se = "_expand_1deqc_24", oe = "_only-logo_1deqc_28", ie = "_divider_1deqc_31", h = {
-  "side-menu": "_side-menu_1deqc_1",
-  sideMenu: W,
-  "sidebar-header": "_sidebar-header_1deqc_13",
-  sidebarHeader: ee,
-  "side-menu-content": "_side-menu-content_1deqc_20",
-  sideMenuContent: ne,
-  expand: se,
-  "only-logo": "_only-logo_1deqc_28",
-  onlyLogo: oe,
-  divider: ie
-}, he = ({ headerItem: n, mainItems: a, secondaryItems: d, expanded: o, setExpanded: _, currentPath: b, useHover: r, useTooltips: m }) => {
-  const [c, u] = B(-1), { checkUserHasPermissions: p } = A(), q = y(() => a.map((i) => {
-    var s;
+}, se = "_side-menu_15z3o_1", ie = "_sidebar-header_15z3o_13", te = "_side-menu-content_15z3o_20", le = "_expand_15z3o_24", ae = "_only-logo_15z3o_28", de = "_mobile_15z3o_31", re = "_divider_15z3o_45", x = {
+  "side-menu": "_side-menu_15z3o_1",
+  sideMenu: se,
+  "sidebar-header": "_sidebar-header_15z3o_13",
+  sidebarHeader: ie,
+  "side-menu-content": "_side-menu-content_15z3o_20",
+  sideMenuContent: te,
+  expand: le,
+  "only-logo": "_only-logo_15z3o_28",
+  onlyLogo: ae,
+  mobile: de,
+  divider: re
+}, fe = ({ headerItem: n, searchItem: t, mainItems: l, secondaryItems: a, expanded: r, setExpanded: _, currentPath: u, useHover: d, useTooltips: p }) => {
+  const [b, h] = k(-1), { checkUserHasPermissions: m } = O(), f = C(() => l.map((o) => {
+    var c;
     return {
-      ...i,
-      notPermitted: !p(i.permissions ?? [], "any"),
-      children: (s = i.children) == null ? void 0 : s.map((x) => ({
-        ...x,
-        notPermitted: !p(x.permissions ?? [], "any"),
-        disabled: i.disabled || x.disabled
+      ...o,
+      notPermitted: !m(o.permissions ?? [], "any"),
+      children: (c = o.children) == null ? void 0 : c.map((j) => ({
+        ...j,
+        notPermitted: !m(j.permissions ?? [], "any"),
+        disabled: o.disabled || j.disabled
       }))
     };
-  }), [a, p]), M = y(() => d.map((i) => {
-    var s;
+  }), [l, m]), g = C(() => a.map((o) => {
+    var c;
     return {
-      ...i,
-      notPermitted: !p(i.permissions ?? [], "any"),
-      children: (s = i.children) == null ? void 0 : s.map((x) => ({
-        ...x,
-        notPermitted: !p(x.permissions ?? [], "any")
+      ...o,
+      notPermitted: !m(o.permissions ?? [], "any"),
+      children: (c = o.children) == null ? void 0 : c.map((j) => ({
+        ...j,
+        notPermitted: !m(j.permissions ?? [], "any")
       }))
     };
-  }), [d, p]), v = (i) => {
-    u(i === c ? -1 : i);
+  }), [a, m]), M = (o) => {
+    h(o === b ? -1 : o);
   };
-  C(() => {
-    o || u(-1);
-  }, [o]);
-  const j = I(null);
-  return P([j], () => _(!1)), /* @__PURE__ */ e.jsxs("section", { ref: j, className: t("luminus-side-menu shadow", h.sideMenu, {
-    [h.expand]: o
-  }, { expand: o }), onMouseEnter: () => r && _(!0), onMouseLeave: () => r && _(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", h.sidebarHeader, {
-      [h.onlyLogo]: r
-    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => _(!o), children: r ? n : o ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(w, {}),
+  z(() => {
+    r || h(-1);
+  }, [r]);
+  const N = w(null);
+  S([N], () => _(!1));
+  const { isMobile: v } = K();
+  return /* @__PURE__ */ e.jsxs("section", { ref: N, className: i("luminus-side-menu shadow", x.sideMenu, { [x.mobile]: v }, {
+    [x.expand]: r
+  }, { expand: r }), onMouseEnter: () => d && _(!0), onMouseLeave: () => d && _(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", x.sidebarHeader, {
+      [x.onlyLogo]: d
+    }), role: d ? void 0 : "button", onClick: d ? void 0 : () => _(!r), children: d ? n : r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(L, {}),
       n
-    ] }) : /* @__PURE__ */ e.jsx(S, {}) }),
-    /* @__PURE__ */ e.jsxs("ul", { className: h.sideMenuContent, children: [
-      q.map((i, s) => /* @__PURE__ */ e.jsx(g, { item: i, menuExpanded: o, collapsed: s === c, onCollapse: () => v(s), currentPath: b, useHover: r, useTooltips: m }, i.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: t("divider", h.divider) }),
-      M.map((i, s) => /* @__PURE__ */ e.jsx(g, { item: i, menuExpanded: o, collapsed: s === c, onCollapse: () => v(s), currentPath: b, useHover: r, useTooltips: m }, i.title))
+    ] }) : /* @__PURE__ */ e.jsx(T, {}) }),
+    /* @__PURE__ */ e.jsxs("ul", { className: x.sideMenuContent, children: [
+      t ? /* @__PURE__ */ e.jsx("div", { className: "p-3", children: t }) : null,
+      f.map((o, c) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: r, collapsed: c === b, onCollapse: () => M(c), currentPath: u, useHover: d, useTooltips: p, isMobile: v }, o.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: i("divider", x.divider) }),
+      g.map((o, c) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: r, collapsed: c === b, onCollapse: () => M(c), currentPath: u, useHover: d, useTooltips: p, isMobile: v }, o.title))
     ] })
   ] });
-}, le = "_top-bar_1lk80_1", te = "_top-bar-brand_1lk80_14", k = {
-  "top-bar": "_top-bar_1lk80_1",
-  topBar: le,
-  "top-bar-brand": "_top-bar-brand_1lk80_14",
-  topBarBrand: te
-}, ve = ({ appName: n, leftOffset: a, centerContent: d, rightContent: o }) => /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar shadow", k.topBar), style: {
-  width: a ? `calc(100% - ${a}px)` : void 0,
-  left: a ? `${a}px` : void 0
+}, ce = "_top-bar_1usoa_1", _e = "_top-bar-brand_1usoa_13", P = {
+  "top-bar": "_top-bar_1usoa_1",
+  topBar: ce,
+  "top-bar-brand": "_top-bar-brand_1usoa_13",
+  topBarBrand: _e
+}, ge = ({ appName: n, leftOffset: t, centerContent: l, rightContent: a }) => /* @__PURE__ */ e.jsxs("nav", { className: i("luminus-top-bar shadow gap-1 gap-lg-3", P.topBar), style: {
+  width: t ? `calc(100% - ${t}px)` : void 0,
+  left: t ? `${t}px` : void 0
 }, children: [
-  /* @__PURE__ */ e.jsx(N, { to: "/", className: t("luminus-top-bar-brand", k.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: o ?? null })
-] }), je = ({ title: n, children: a, sideContent: d, sideContentWidth: o = 250, noPadding: _, className: b, helmet: r }) => {
-  const { addHelmet: m, removeHelmet: c } = $(L);
-  return C(() => (r ? m(r) : typeof n == "string" && n && m(n), () => c()), [r, m, c, n]), /* @__PURE__ */ e.jsxs("div", { className: t("container-fluid", _ ? "p-0" : "p-3", b), children: [
-    /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: d ? `${o}px` : void 0 }, children: [
-      n ? /* @__PURE__ */ e.jsx(T, { title: n }) : null,
-      a
+  /* @__PURE__ */ e.jsx(y, { to: "/", className: i("luminus-top-bar-brand", P.topBarBrand), children: n }),
+  l && /* @__PURE__ */ e.jsx("div", { children: l }),
+  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center", children: a ?? null })
+] }), ye = ({ title: n, children: t, sideContent: l, sideContentWidth: a = 250, noPadding: r, className: _, helmet: u }) => {
+  const { addHelmet: d, removeHelmet: p } = A(R);
+  return z(() => (u ? d(u) : typeof n == "string" && n && d(n), () => p()), [u, d, p, n]), /* @__PURE__ */ e.jsxs("div", { className: i("container-fluid", r ? "p-0" : "p-3", _), children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: l ? `${a}px` : void 0 }, children: [
+      n ? /* @__PURE__ */ e.jsx($, { title: n }) : null,
+      t
     ] }),
-    d && /* @__PURE__ */ e.jsx(R, { width: o, children: d })
+    l && /* @__PURE__ */ e.jsx(F, { width: a, children: l })
   ] });
 };
 export {
-  ye as FullScreenContainer,
-  je as MainContainer,
-  Ne as PageContainer,
-  R as SideContentBar,
-  he as SideMenu,
-  ve as TopBar
+  ke as FullScreenContainer,
+  ye as MainContainer,
+  Ie as PageContainer,
+  F as SideContentBar,
+  fe as SideMenu,
+  ge as TopBar
 };