react-luminus-components 1.3.141 → 1.3.143

package/dist/.vite/manifest.json

@@ -107,16 +107,16 @@
     "file": "useLocalStorageState-Bt99kkCr.js",
     "name": "useLocalStorageState"
   },
-  "_usePermissions-4cIziXbQ.cjs": {
-    "file": "usePermissions-4cIziXbQ.cjs",
-    "name": "usePermissions",
+  "_useWindowSize-DYUZPhVO.cjs": {
+    "file": "useWindowSize-DYUZPhVO.cjs",
+    "name": "useWindowSize",
     "imports": [
       "_ResponsiveContextDropdown-BcEZzNox.cjs"
     ]
   },
-  "_usePermissions-DuCO7NTY.js": {
-    "file": "usePermissions-DuCO7NTY.js",
-    "name": "usePermissions",
+  "_useWindowSize-DqS1g_16.js": {
+    "file": "useWindowSize-DqS1g_16.js",
+    "name": "useWindowSize",
     "imports": [
       "_ResponsiveContextDropdown-CLWBQLuy.js"
     ]
@@ -141,7 +141,7 @@
     "imports": [
       "_ResponsiveContextDropdown-BcEZzNox.cjs",
       "_useClickOutside-D0505nsm.cjs",
-      "_usePermissions-4cIziXbQ.cjs",
+      "_useWindowSize-DYUZPhVO.cjs",
       "_useClipboard-DtPZtxpV.cjs",
       "_useGetApiData-DK9Apz0I.cjs",
       "_useLocalStorageState-BFc8Gc8H.cjs"
@@ -156,7 +156,7 @@
       "_ResponsiveContextDropdown-BcEZzNox.cjs",
       "_SimpleTooltip-tS3ZQgXE.cjs",
       "_useClickOutside-D0505nsm.cjs",
-      "_usePermissions-4cIziXbQ.cjs",
+      "_useWindowSize-DYUZPhVO.cjs",
       "_FullScreenContainer-DkxbkVKa.cjs"
     ]
   },

package/dist/components/Flexmonster/Flexmonster.d.ts

@@ -2,6 +2,7 @@ import { default as ReportSettings } from './types/ui/ReportSettings';
 import { DataSource } from 'flexmonster';
 import { RefObject } from 'react';
 import { Pivot } from 'react-flexmonster';
+import { default as HyperlinkColumn } from './types/ui/HyperlinkColumn';
 
 type Props = {
     dataSource: DataSource;
@@ -10,7 +11,7 @@ type Props = {
     enabled?: boolean;
     localization: object;
     licenseKey: string | string[] | undefined;
-    customizeCell?: ((cell: Flexmonster.CellBuilder, data: Flexmonster.CellData) => void) | undefined;
+    hyperlinkColumn?: HyperlinkColumn;
 };
-declare const Flexmonster: ({ dataSource, settings, pivotRef: pivotRefProp, localization, licenseKey, customizeCell, enabled, }: Props) => import("react").JSX.Element;
+declare const Flexmonster: ({ dataSource, settings, pivotRef: pivotRefProp, localization, licenseKey, hyperlinkColumn, enabled, }: Props) => import("react").JSX.Element;
 export default Flexmonster;

package/dist/components/Flexmonster/ReportPage.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { default as HyperlinkColumn } from './types/ui/HyperlinkColumn';
 
 type ReportPageProps<ReportType> = {
     data: object[] | null;
@@ -11,7 +12,7 @@ type ReportPageProps<ReportType> = {
     EmployeePicker: React.ElementType;
     localizationJsonFile: Promise<any>;
     localizationTransformer?: (jsonContent: any) => Record<string, string> | null;
-    customizeCell?: ((cell: Flexmonster.CellBuilder, data: Flexmonster.CellData) => void) | undefined;
+    hyperlinkColumn?: HyperlinkColumn;
 };
-declare const ReportPage: <ReportType extends string>({ reportType, title, data, filterElements, getReportRoute, localization, licenseKey, EmployeePicker, localizationJsonFile, localizationTransformer, customizeCell, }: ReportPageProps<ReportType>) => import("react").JSX.Element;
+declare const ReportPage: <ReportType extends string>({ reportType, title, data, filterElements, getReportRoute, localization, licenseKey, EmployeePicker, localizationJsonFile, localizationTransformer, hyperlinkColumn, }: ReportPageProps<ReportType>) => import("react").JSX.Element;
 export default ReportPage;

package/dist/components/Flexmonster/types/ui/HyperlinkColumn.d.ts

@@ -0,0 +1,10 @@
+export default interface HyperlinkColumn {
+    /**
+     * Column that gets replaced by the link and also has the id data for use in link.
+     */
+    idColumn: string;
+    /**
+     * Either a string which ':id' part gets replaced by id or function, which gets passed id in parametr and returns url.
+     */
+    url: string | ((id: string) => void);
+}

package/dist/components/common/AppSearch/AppSearch.d.ts

@@ -5,6 +5,7 @@ type Props = {
     navigateFunction: (url: string) => void;
     currentPath: string;
     homePath?: string;
+    className?: string;
 };
-declare const AppSearch: ({ searchTypes, navigateFunction, currentPath, homePath }: Props) => import("react").JSX.Element;
+declare const AppSearch: ({ searchTypes, navigateFunction, currentPath, homePath, className, }: Props) => import("react").JSX.Element;
 export default AppSearch;

package/dist/components/common/FromToDatePicker/FromToDatePicker.d.ts

@@ -3,7 +3,7 @@ import { default as FromTo } from '../../../models/types/FromTo';
 import { Dispatch, SetStateAction } from 'react';
 
 type FromToDatePickerProps = {
-    fromtoState: [FromTo, Dispatch<SetStateAction<FromTo>>];
+    fromtoState: readonly [FromTo, Dispatch<SetStateAction<FromTo>>];
     className?: string;
     size?: InputBaseProps['size'];
 };

package/dist/hooks/index.d.ts

@@ -16,3 +16,4 @@ export { default as useSearchQueryState } from './useSearchQueryState/useSearchQ
 export { default as useEmployeePhotoPath } from './useEmployeePhotoPath/useEmployeePhotoPath';
 export { default as useClipboard } from './useClipboard/useClipboard';
 export { default as useGetApiDataBound } from './useGetApiDataBound/useGetApiDataBound';
+export { default as useWindowSize } from './useWindowSize/useWindowSize';

package/dist/hooks/useWindowSize/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare const useWindowSize: () => {
+    width: number;
+    height: number;
+    isMobile: boolean;
+};
+export default useWindowSize;

package/dist/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./ResponsiveContextDropdown-BcEZzNox.cjs"),b=require("./useClickOutside-D0505nsm.cjs"),x=require("./usePermissions-4cIziXbQ.cjs"),d=require("./useClipboard-DtPZtxpV.cjs"),T=require("./useGetApiData-DK9Apz0I.cjs"),c=require("react"),G=require("./useLocalStorageState-BFc8Gc8H.cjs");require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const L=r=>{let e="pending",a;const t=r.then(s=>{e="success",a=s},s=>{e="error",a=s});return()=>{switch(e){case"pending":throw t;case"success":return a;case"error":throw a;default:throw new Error("Unknown status")}}};function O(r,e){const a=u.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[t,s]=c.useState(null);return c.useEffect(()=>{(async()=>{const o=a.get(r).then(n=>n.data);s(L(o))})()},[a,r]),t}const B=(r,e,a)=>{let t="pending",s;const l=r.then(o=>{t="success",s=o},o=>{const n=o==null?void 0:o.response;(n==null?void 0:n.status)===404&&a?(t="error-404",s=o):(t="error",s=o)});return()=>{switch(t){case"pending":throw l;case"success":return s;case"error":return null;case"error-404":throw new Error("404");default:throw new Error("Unknown status")}}},i={loadOnInit:!0,silent:!1,enabled:!0,nullStateBeforeLoad:!0,nullStateOnFail:!1},E=(r,{loadOnInit:e=i.loadOnInit,enabled:a=i.enabled,silent:t=i.silent,nullStateBeforeLoad:s=i.nullStateBeforeLoad,nullStateOnFail:l=i.nullStateOnFail,customApiUrl:o,customBearerToken:n,dataTransformer:h,errorBoundaryOn404:p}=i)=>{const D=u.useAxios({silent:t,customToken:n,differentBaseUrl:o,noToastOnStatus:p?[404]:void 0}),{startLoading:g,stopLoading:C}=c.useContext(u.LoadingContext),q=c.useRef(0),{isAuthenticated:w}=u.useAuth(),[P,m]=c.useState(null),S=c.useCallback(async(f,y)=>{if(!w()||a===!1)return;!t&&g(`loadData-${r}-${y}`),s&&m(null);const k=D.get(r,{signal:f}).then(A=>h?h(A.data):A.data).finally(()=>!t&&C(`loadData-${r}-${y}`));m(B(k,l??!1,p??!1))},[w,a,t,g,r,s,D,h,C,l,p]);return c.useEffect(()=>{if(e===!1)return;const f=new AbortController;return S(f.signal,++q.current),()=>{f.abort()}},[S,e]),{data:P,setData:m,reloadData:S}};exports.cancelToken=u.cancelToken;exports.useAuth=u.useAuth;exports.useAxios=u.useAxios;exports.useConfirm=u.useConfirm;exports.useFormControlType=u.useFormControlType;exports.useNotifications=u.useNotifications;exports.usePrompt=u.usePrompt;exports.useZodSchemaTypes=u.useZodSchemaTypes;exports.useClickOutside=b.useClickOutside;exports.usePermissions=x.usePermissions;exports.useClipboard=d.useClipboard;exports.useEmployeePhotoPath=d.useEmployeePhotoPath;exports.useKeyPress=d.useKeyPress;exports.useSearchQuery=d.useSearchQuery;exports.useSearchQueryState=d.useSearchQueryState;exports.useGetApiData=T.useGetApiData;exports.useLocalStorageState=G.useLocalStorageState;exports.useGetApiDataBound=E;exports.useGetDataBound=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./ResponsiveContextDropdown-BcEZzNox.cjs"),x=require("./useClickOutside-D0505nsm.cjs"),q=require("./useWindowSize-DYUZPhVO.cjs"),d=require("./useClipboard-DtPZtxpV.cjs"),T=require("./useGetApiData-DK9Apz0I.cjs"),c=require("react"),G=require("./useLocalStorageState-BFc8Gc8H.cjs");require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const L=o=>{let e="pending",a;const t=o.then(s=>{e="success",a=s},s=>{e="error",a=s});return()=>{switch(e){case"pending":throw t;case"success":return a;case"error":throw a;default:throw new Error("Unknown status")}}};function O(o,e){const a=u.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[t,s]=c.useState(null);return c.useEffect(()=>{(async()=>{const r=a.get(o).then(n=>n.data);s(L(r))})()},[a,o]),t}const B=(o,e,a)=>{let t="pending",s;const l=o.then(r=>{t="success",s=r},r=>{const n=r==null?void 0:r.response;(n==null?void 0:n.status)===404&&a?(t="error-404",s=r):(t="error",s=r)});return()=>{switch(t){case"pending":throw l;case"success":return s;case"error":return null;case"error-404":throw new Error("404");default:throw new Error("Unknown status")}}},i={loadOnInit:!0,silent:!1,enabled:!0,nullStateBeforeLoad:!0,nullStateOnFail:!1},E=(o,{loadOnInit:e=i.loadOnInit,enabled:a=i.enabled,silent:t=i.silent,nullStateBeforeLoad:s=i.nullStateBeforeLoad,nullStateOnFail:l=i.nullStateOnFail,customApiUrl:r,customBearerToken:n,dataTransformer:h,errorBoundaryOn404:S}=i)=>{const w=u.useAxios({silent:t,customToken:n,differentBaseUrl:r,noToastOnStatus:S?[404]:void 0}),{startLoading:D,stopLoading:g}=c.useContext(u.LoadingContext),k=c.useRef(0),{isAuthenticated:C}=u.useAuth(),[P,p]=c.useState(null),m=c.useCallback(async(f,y)=>{if(!C()||a===!1)return;!t&&D(`loadData-${o}-${y}`),s&&p(null);const b=w.get(o,{signal:f}).then(A=>h?h(A.data):A.data).finally(()=>!t&&g(`loadData-${o}-${y}`));p(B(b,l??!1,S??!1))},[C,a,t,D,o,s,w,h,g,l,S]);return c.useEffect(()=>{if(e===!1)return;const f=new AbortController;return m(f.signal,++k.current),()=>{f.abort()}},[m,e]),{data:P,setData:p,reloadData:m}};exports.cancelToken=u.cancelToken;exports.useAuth=u.useAuth;exports.useAxios=u.useAxios;exports.useConfirm=u.useConfirm;exports.useFormControlType=u.useFormControlType;exports.useNotifications=u.useNotifications;exports.usePrompt=u.usePrompt;exports.useZodSchemaTypes=u.useZodSchemaTypes;exports.useClickOutside=x.useClickOutside;exports.usePermissions=q.usePermissions;exports.useWindowSize=q.useWindowSize;exports.useClipboard=d.useClipboard;exports.useEmployeePhotoPath=d.useEmployeePhotoPath;exports.useKeyPress=d.useKeyPress;exports.useSearchQuery=d.useSearchQuery;exports.useSearchQueryState=d.useSearchQueryState;exports.useGetApiData=T.useGetApiData;exports.useLocalStorageState=G.useLocalStorageState;exports.useGetApiDataBound=E;exports.useGetDataBound=O;

package/dist/hooks.es.js

@@ -1,11 +1,11 @@
-import { ar as S, aQ as L, az as P } from "./ResponsiveContextDropdown-CLWBQLuy.js";
+import { ar as x, aQ as L, az as P } from "./ResponsiveContextDropdown-CLWBQLuy.js";
 import { bo as _, aS as j, aF as q, aR as H, a_ as J, bp as M } from "./ResponsiveContextDropdown-CLWBQLuy.js";
 import { u as X } from "./useClickOutside-BmlXg38T.js";
-import { u as tt } from "./usePermissions-DuCO7NTY.js";
-import { u as st, d as at, a as ot, b as rt, c as nt } from "./useClipboard-DPyvA4Ya.js";
-import { u as ct } from "./useGetApiData-Bx0_4gT-.js";
+import { u as tt, a as et } from "./useWindowSize-DqS1g_16.js";
+import { u as at, d as ot, a as rt, b as nt, c as ut } from "./useClipboard-DPyvA4Ya.js";
+import { u as lt } from "./useGetApiData-Bx0_4gT-.js";
 import { useState as b, useEffect as C, useContext as T, useRef as U, useCallback as $ } from "react";
-import { u as it } from "./useLocalStorageState-Bt99kkCr.js";
+import { u as ft } from "./useLocalStorageState-Bt99kkCr.js";
 import "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
@@ -32,7 +32,7 @@ const B = (o) => {
   };
 };
 function I(o, t) {
-  const a = S({
+  const a = x({
     silent: !0,
     differentBaseUrl: t == null ? void 0 : t.customBaseUrl,
     customToken: t == null ? void 0 : t.customToken
@@ -73,7 +73,7 @@ const E = (o, t, a) => {
   nullStateBeforeLoad: !0,
   nullStateOnFail: !1
 }, K = (o, { loadOnInit: t = u.loadOnInit, enabled: a = u.enabled, silent: e = u.silent, nullStateBeforeLoad: s = u.nullStateBeforeLoad, nullStateOnFail: c = u.nullStateOnFail, customApiUrl: r, customBearerToken: n, dataTransformer: i, errorBoundaryOn404: f } = u) => {
-  const p = S({
+  const p = x({
     silent: e,
     customToken: n,
     differentBaseUrl: r,
@@ -84,7 +84,7 @@ const E = (o, t, a) => {
     !e && h(`loadData-${o}-${D}`), s && d(null);
     const A = p.get(o, {
       signal: l
-    }).then((x) => i ? i(x.data) : x.data).finally(() => !e && w(`loadData-${o}-${D}`));
+    }).then((S) => i ? i(S.data) : S.data).finally(() => !e && w(`loadData-${o}-${D}`));
     d(E(A, c ?? !1, f ?? !1));
   }, [
     g,
@@ -111,21 +111,22 @@ const E = (o, t, a) => {
 export {
   _ as cancelToken,
   P as useAuth,
-  S as useAxios,
+  x as useAxios,
   X as useClickOutside,
-  st as useClipboard,
+  at as useClipboard,
   j as useConfirm,
-  at as useEmployeePhotoPath,
+  ot as useEmployeePhotoPath,
   q as useFormControlType,
-  ct as useGetApiData,
+  lt as useGetApiData,
   K as useGetApiDataBound,
   I as useGetDataBound,
-  ot as useKeyPress,
-  it as useLocalStorageState,
+  rt as useKeyPress,
+  ft as useLocalStorageState,
   H as useNotifications,
   tt as usePermissions,
   J as usePrompt,
-  rt as useSearchQuery,
-  nt as useSearchQueryState,
+  nt as useSearchQuery,
+  ut as useSearchQueryState,
+  et as useWindowSize,
   M as useZodSchemaTypes
 };

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

@@ -8,6 +8,7 @@ type Props = {
     currentPath: string;
     useHover: boolean;
     useTooltips: boolean;
+    isMobile: boolean;
 };
-declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath, useHover, useTooltips, }: Props) => import("react").JSX.Element;
+declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath, useHover, useTooltips, isMobile, }: Props) => import("react").JSX.Element;
 export default MenuItem;

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("./ResponsiveContextDropdown-BcEZzNox.cjs"),d=require("react"),q=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const y=require("./SimpleTooltip-tS3ZQgXE.cjs");require("@azure/msal-browser");require("@azure/msal-react");const C=require("./useClickOutside-D0505nsm.cjs"),g=require("./usePermissions-4cIziXbQ.cjs"),k=require("./FullScreenContainer-DkxbkVKa.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",D="_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:D},K=({item:s,menuExpanded:l,useTooltips:r,children:t})=>s.tooltip&&!l&&r?e.jsxRuntimeExports.jsx(y.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 C.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(K,{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 C.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 S=require("./SimpleTooltip-tS3ZQgXE.cjs");require("@azure/msal-browser");require("@azure/msal-react");const k=require("./useClickOutside-D0505nsm.cjs"),C=require("./useWindowSize-DYUZPhVO.cjs"),f=require("./FullScreenContainer-DkxbkVKa.cjs"),P="_side-menu-item_1o1uo_1",I="_disabled_1o1uo_6",w="_nav-button_1o1uo_10",z="_child_1o1uo_18",q="_text_1o1uo_23",T="_icon_1o1uo_30",L="_collapse-icon_1o1uo_36",O="_collapsed_1o1uo_46",$="_collapse-icon-mini_1o1uo_49",F="_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:P,disabled:I,"nav-button":"_nav-button_1o1uo_10",navButton:w,child:z,text:q,icon:T,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:L,collapsed:O,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:$,expanded:F,"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(S.SimpleTooltip,{text:n.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:r})}):r,y=({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 k.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}=C.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);k.useClickOutside([N],()=>u(!1));const{isMobile:h}=C.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||null,E.map((s,c)=>e.jsxRuntimeExports.jsx(y,{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(y,{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 "./ResponsiveContextDropdown-CLWBQLuy.js";
-import { be as Ne } from "./ResponsiveContextDropdown-CLWBQLuy.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-CLWBQLuy.js";
+import { be as Ce } from "./ResponsiveContextDropdown-CLWBQLuy.js";
+import { useState as k, useRef as w, useMemo as I, 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-_neXI0ly.js";
+import { S as H } from "./SimpleTooltip-_neXI0ly.js";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { u as P } from "./useClickOutside-BmlXg38T.js";
-import { u as A } from "./usePermissions-DuCO7NTY.js";
-import { F as ye } from "./FullScreenContainer-CmMf6Wz-.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 { u as S } from "./useClickOutside-BmlXg38T.js";
+import { u as K, a as O } from "./useWindowSize-DqS1g_16.js";
+import { F as ke } from "./FullScreenContainer-CmMf6Wz-.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: a, children: l }) => n.tooltip && !t && a ? /* @__PURE__ */ e.jsx(H, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: l }) }) : l, C = ({ item: n, menuExpanded: t, collapsed: a, onCollapse: l, 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], () => a && l()), /* @__PURE__ */ e.jsxs("li", { ref: f, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: d }, {
+    [s.expanded]: t
+  }, { active: p || m }, { open: a && 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: () => {
+      l();
     }, 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]: a
+      }), 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]: a
+      }), 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]: a
+    }), 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: l, 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", ae = "_expand_15z3o_24", le = "_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: ae,
+  "only-logo": "_only-logo_15z3o_28",
+  onlyLogo: le,
+  mobile: de,
+  divider: re
+}, fe = ({ headerItem: n, searchItem: t, mainItems: a, secondaryItems: l, expanded: r, setExpanded: _, currentPath: u, useHover: d, useTooltips: p }) => {
+  const [b, h] = k(-1), { checkUserHasPermissions: m } = K(), f = I(() => 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"),
-        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;
+  }), [a, m]), g = I(() => 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")
+      ...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);
+  }), [l, 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 } = O();
+  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 || null,
+      f.map((o, c) => /* @__PURE__ */ e.jsx(C, { 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(C, { 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: a, rightContent: l }) => /* @__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 }),
+  a && /* @__PURE__ */ e.jsx("div", { children: a }),
+  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center", children: l ?? null })
+] }), ye = ({ title: n, children: t, sideContent: a, sideContentWidth: l = 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: a ? `${l}px` : void 0 }, children: [
+      n ? /* @__PURE__ */ e.jsx($, { title: n }) : null,
+      t
     ] }),
-    d && /* @__PURE__ */ e.jsx(R, { width: o, children: d })
+    a && /* @__PURE__ */ e.jsx(F, { width: l, children: a })
   ] });
 };
 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,
+  Ce as PageContainer,
+  F as SideContentBar,
+  fe as SideMenu,
+  ge as TopBar
 };