react-luminus-components 1.3.235 → 1.3.237

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  type BaseProps = {
2
- color?: 'primary' | 'success' | 'danger' | 'warning';
2
+ color?: 'primary' | 'success' | 'danger' | 'warning' | 'secondary' | 'info';
3
3
  icon?: React.ReactNode;
4
4
  noIcon?: boolean;
5
5
  children?: React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  import { DropdownItemProps } from 'react-bootstrap';
2
2
 
3
3
  type Props = DropdownItemProps & {
4
- color?: 'primary' | 'success' | 'danger' | 'warning' | 'secondary';
4
+ color?: 'primary' | 'success' | 'danger' | 'warning' | 'secondary' | 'info';
5
5
  icon?: React.ReactNode;
6
6
  className?: string;
7
7
  children: React.ReactNode;
@@ -6,6 +6,7 @@ type Props = {
6
6
  availableWidgets: DashboardWidget[];
7
7
  editMode?: boolean;
8
8
  defaultDashboardConfig?: DashboardConfig;
9
+ dashboardConfigKey?: string;
9
10
  };
10
- declare const HomeDashboard: ({ widgetGroups, availableWidgets, editMode, defaultDashboardConfig, }: Props) => import("react").JSX.Element;
11
+ declare const HomeDashboard: ({ widgetGroups, availableWidgets, editMode, defaultDashboardConfig, dashboardConfigKey, }: Props) => import("react").JSX.Element;
11
12
  export default HomeDashboard;
@@ -1,6 +1,6 @@
1
1
  import { default as DashboardConfig } from '../../../../models/types/DashboardConfig';
2
2
 
3
- declare const useUserDashboard: (defaultDashboardConfig?: DashboardConfig) => {
3
+ declare const useUserDashboard: (defaultDashboardConfig?: DashboardConfig, localStorageKey?: string) => {
4
4
  dashboardConfig: DashboardConfig;
5
5
  onChangeDashboardConfig: (config: DashboardConfig) => void;
6
6
  };
@@ -9,6 +9,7 @@ type Props = {
9
9
  useHover: boolean;
10
10
  useTooltips: boolean;
11
11
  isMobile: boolean;
12
+ disableMode: 'disable' | 'hide';
12
13
  };
13
- declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath, useHover, useTooltips, isMobile, }: Props) => import("react").JSX.Element;
14
+ declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath, useHover, useTooltips, isMobile, disableMode, }: Props) => import("react").JSX.Element;
14
15
  export default MenuItem;
@@ -11,6 +11,7 @@ type Props = {
11
11
  currentPath: string;
12
12
  useHover: boolean;
13
13
  useTooltips: boolean;
14
+ disableMode?: 'disable' | 'hide';
14
15
  };
15
- declare const SideMenu: ({ headerItem, searchItem, shortcutsItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, useHover, useTooltips, }: Props) => import("react").JSX.Element;
16
+ declare const SideMenu: ({ headerItem, searchItem, shortcutsItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, useHover, useTooltips, disableMode, }: Props) => import("react").JSX.Element;
16
17
  export default SideMenu;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ShortcutLinksContext-DfBnlBCo.cjs"),x=require("react"),y=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");require("react-dom");const k=require("./usePermissions-Bbpwz3_4.cjs"),B="_side-menu-item_1o1uo_1",P="_disabled_1o1uo_6",f="_nav-button_1o1uo_10",w="_child_1o1uo_18",S="_text_1o1uo_23",I="_icon_1o1uo_30",L="_collapse-icon_1o1uo_36",T="_collapsed_1o1uo_46",O="_collapse-icon-mini_1o1uo_49",$="_expanded_1o1uo_80",A="_children-container_1o1uo_86",K="_visible_1o1uo_94",D="_children_1o1uo_86",F="_mobile_1o1uo_106",o={"side-menu-item":"_side-menu-item_1o1uo_1",sideMenuItem:B,disabled:P,"nav-button":"_nav-button_1o1uo_10",navButton:f,child:w,text:S,icon:I,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:L,collapsed:T,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:O,expanded:$,"children-container":"_children-container_1o1uo_86",childrenContainer:A,visible:K,children:D,mobile:F},z=({item:s,menuExpanded:t,useTooltips:l,children:r})=>s.tooltip&&!t&&l?e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:s.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:r})}):r,g=({item:s,menuExpanded:t,collapsed:l,onCollapse:r,currentPath:_,useHover:a,useTooltips:p,isMobile:E})=>{var M,q,v,N;const[d,h]=x.useState(!1),[j]=_.split("?"),R=s.linkTo===j||((M=s.children)==null?void 0:M.some(n=>n.linkTo===j)),u=x.useRef(null);return e.useClickOutside([u],()=>l&&r()),e.jsxRuntimeExports.jsxs("li",{ref:u,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.mobile]:E},{[o.expanded]:t},{active:d||R},{open:l&&s.children},{[o.disabled]:s.disabled||s.notPermitted||((q=s.children)==null?void 0:q.every(n=>n.notPermitted||n.disabled))},{disabled:s.disabled||s.notPermitted||((v=s.children)==null?void 0:v.every(n=>n.notPermitted||n.disabled))}),onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:[e.jsxRuntimeExports.jsx(z,{item:s,menuExpanded:t,useTooltips:p,children:s.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:s.icon}),!a&&!t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",o.collapseIconMini,{[o.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(y.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}),t&&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]:l}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",o.children),children:(N=s.children)==null?void 0:N.map(n=>e.jsxRuntimeExports.jsx(y.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:r,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title})},n.linkTo))})})]})},U="_side-menu_1q9oh_1",W="_sidebar-header_1q9oh_15",G="_side-menu-content_1q9oh_22",J="_expand_1q9oh_27",Q="_only-logo_1q9oh_31",V="_mobile_1q9oh_34",X="_divider_1q9oh_49",m={"side-menu":"_side-menu_1q9oh_1",sideMenu:U,"sidebar-header":"_sidebar-header_1q9oh_15",sidebarHeader:W,"side-menu-content":"_side-menu-content_1q9oh_22",sideMenuContent:G,expand:J,"only-logo":"_only-logo_1q9oh_31",onlyLogo:Q,mobile:V,divider:X},Y=({headerItem:s,searchItem:t,shortcutsItem:l,mainItems:r,secondaryItems:_,expanded:a,setExpanded:p,currentPath:E,useHover:d,useTooltips:h})=>{const[j,R]=x.useState(-1),{checkUserHasPermissions:u}=k.usePermissions(),M=x.useMemo(()=>r.map(i=>{var c;return{...i,notPermitted:!u(i.permissions??[],"any"),children:(c=i.children)==null?void 0:c.map(b=>({...b,notPermitted:!u(b.permissions??[],"any"),disabled:i.disabled||b.disabled}))}}),[r,u]),q=x.useMemo(()=>_.map(i=>{var c;return{...i,notPermitted:!u(i.permissions??[],"any"),children:(c=i.children)==null?void 0:c.map(b=>({...b,notPermitted:!u(b.permissions??[],"any")}))}}),[_,u]),v=i=>{R(i===j?-1:i)};x.useEffect(()=>{a||R(-1)},[a]);const N=x.useRef(null);e.useClickOutside([N],()=>p(!1));const{isMobile:n}=e.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:N,className:e.classNames("luminus-side-menu shadow",m.sideMenu,{[m.mobile]:n},{[m.expand]:a},{expand:a}),onMouseEnter:()=>d&&p(!0),onMouseLeave:()=>d&&p(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",m.sidebarHeader,{[m.onlyLogo]:d}),role:d?void 0:"button",onClick:d?void 0:()=>p(!a),children:d?s:a?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),a&&(t||l)?e.jsxRuntimeExports.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[l&&a?l:null,t&&a?t:null]}):null,e.jsxRuntimeExports.jsxs("ul",{className:m.sideMenuContent,children:[M.map((i,c)=>e.jsxRuntimeExports.jsx(g,{item:i,menuExpanded:a,collapsed:c===j,onCollapse:()=>v(c),currentPath:E,useHover:d,useTooltips:h,isMobile:n},i.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",m.divider)}),q.map((i,c)=>e.jsxRuntimeExports.jsx(g,{item:i,menuExpanded:a,collapsed:c===j,onCollapse:()=>v(c),currentPath:E,useHover:d,useTooltips:h,isMobile:n},i.title))]})]})},Z="_top-bar_lnmq0_1",H="_top-bar-brand_lnmq0_12",C={"top-bar":"_top-bar_lnmq0_1",topBar:Z,"top-bar-brand":"_top-bar-brand_lnmq0_12",topBarBrand:H},ee=({appName:s,leftOffset:t,leftContent:l,centerContent:r,rightContent:_})=>e.jsxRuntimeExports.jsx("nav",{className:e.classNames("luminus-top-bar shadow",C.topBar),style:{width:t?`calc(100% - ${t}px)`:void 0,left:t?`${t}px`:void 0},children:e.jsxRuntimeExports.jsxs("div",{className:"w-100 row g-0",children:[e.jsxRuntimeExports.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[e.jsxRuntimeExports.jsx(y.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",C.topBarBrand),children:s}),l]}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex align-items-center",children:r??null}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:_??null})]})});exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.SideMenu=Y;exports.TopBar=ee;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ShortcutLinksContext-DfBnlBCo.cjs"),x=require("react"),g=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");require("react-dom");const B=require("./usePermissions-Bbpwz3_4.cjs"),P="_side-menu-item_o72rm_1",f="_disabled_o72rm_6",w="_hidden_o72rm_10",S="_nav-button_o72rm_13",I="_child_o72rm_21",L="_text_o72rm_26",T="_icon_o72rm_36",O="_collapse-icon_o72rm_42",$="_collapsed_o72rm_52",A="_collapse-icon-mini_o72rm_55",K="_expanded_o72rm_86",D="_children-container_o72rm_92",F="_visible_o72rm_100",z="_children_o72rm_92",U="_mobile_o72rm_112",n={"side-menu-item":"_side-menu-item_o72rm_1",sideMenuItem:P,disabled:f,hidden:w,"nav-button":"_nav-button_o72rm_13",navButton:S,child:I,text:L,icon:T,"collapse-icon":"_collapse-icon_o72rm_42",collapseIcon:O,collapsed:$,"collapse-icon-mini":"_collapse-icon-mini_o72rm_55",collapseIconMini:A,expanded:K,"children-container":"_children-container_o72rm_92",childrenContainer:D,visible:F,children:z,mobile:U},W=({item:s,menuExpanded:i,useTooltips:l,children:c})=>s.tooltip&&!i&&l?e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:s.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:c})}):c,C=({item:s,menuExpanded:i,collapsed:l,onCollapse:c,currentPath:_,useHover:r,useTooltips:p,isMobile:E,disableMode:a})=>{var q,y,v,N;const[M,b]=x.useState(!1),[j]=_.split("?"),R=s.linkTo===j||((q=s.children)==null?void 0:q.some(o=>o.linkTo===j)),m=x.useRef(null);return e.useClickOutside([m],()=>l&&c()),e.jsxRuntimeExports.jsxs("li",{ref:m,className:e.classNames("luminus-side-menu-item",n.sideMenuItem,{[n.mobile]:E},{[n.expanded]:i},{active:M||R},{open:l&&s.children},{[a==="disable"?n.disabled:n.hidden]:s.disabled||s.notPermitted||((y=s.children)==null?void 0:y.every(o=>o.notPermitted||o.disabled))},{[a==="disable"?"disabled":"hidden"]:s.disabled||s.notPermitted||((v=s.children)==null?void 0:v.every(o=>o.notPermitted||o.disabled))}),onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:[e.jsxRuntimeExports.jsx(W,{item:s,menuExpanded:i,useTooltips:p,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",n.navButton),onClick:()=>{c()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),!r&&!i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",n.collapseIconMini,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",n.collapseIcon,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(g.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",n.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",n.childrenContainer,{[n.visible]:l}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",n.children),children:(N=s.children)==null?void 0:N.map(o=>e.jsxRuntimeExports.jsx(g.Link,{to:o.disabled||o.notPermitted?"/":o.linkTo??"/",className:e.classNames("nav-link child rounded",n.navButton,n.child,{[a==="disable"?n.disabled:n.hidden]:o.disabled||o.notPermitted},{[a==="disable"?"disabled":"hidden"]:o.disabled||o.notPermitted}),onClick:c,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:o.title})},o.linkTo))})})]})},G="_side-menu_1q9oh_1",J="_sidebar-header_1q9oh_15",Q="_side-menu-content_1q9oh_22",V="_expand_1q9oh_27",X="_only-logo_1q9oh_31",Y="_mobile_1q9oh_34",Z="_divider_1q9oh_49",u={"side-menu":"_side-menu_1q9oh_1",sideMenu:G,"sidebar-header":"_sidebar-header_1q9oh_15",sidebarHeader:J,"side-menu-content":"_side-menu-content_1q9oh_22",sideMenuContent:Q,expand:V,"only-logo":"_only-logo_1q9oh_31",onlyLogo:X,mobile:Y,divider:Z},H=({headerItem:s,searchItem:i,shortcutsItem:l,mainItems:c,secondaryItems:_,expanded:r,setExpanded:p,currentPath:E,useHover:a,useTooltips:M,disableMode:b="disable"})=>{const[j,R]=x.useState(-1),{checkUserHasPermissions:m}=B.usePermissions(),q=x.useMemo(()=>c.map(t=>{var d;return{...t,notPermitted:!m(t.permissions??[],"any"),children:(d=t.children)==null?void 0:d.map(h=>({...h,notPermitted:!m(h.permissions??[],"any"),disabled:t.disabled||h.disabled}))}}),[c,m]),y=x.useMemo(()=>_.map(t=>{var d;return{...t,notPermitted:!m(t.permissions??[],"any"),children:(d=t.children)==null?void 0:d.map(h=>({...h,notPermitted:!m(h.permissions??[],"any")}))}}),[_,m]),v=t=>{R(t===j?-1:t)};x.useEffect(()=>{r||R(-1)},[r]);const N=x.useRef(null);e.useClickOutside([N],()=>p(!1));const{isMobile:o}=e.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:N,className:e.classNames("luminus-side-menu shadow",u.sideMenu,{[u.mobile]:o},{[u.expand]:r},{expand:r}),onMouseEnter:()=>a&&p(!0),onMouseLeave:()=>a&&p(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",u.sidebarHeader,{[u.onlyLogo]:a}),role:a?void 0:"button",onClick:a?void 0:()=>p(!r),children:a?s:r?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),r&&(i||l)?e.jsxRuntimeExports.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[l&&r?l:null,i&&r?i:null]}):null,e.jsxRuntimeExports.jsxs("ul",{className:u.sideMenuContent,children:[q.map((t,d)=>e.jsxRuntimeExports.jsx(C,{item:t,menuExpanded:r,collapsed:d===j,onCollapse:()=>v(d),currentPath:E,useHover:a,useTooltips:M,isMobile:o,disableMode:b},t.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",u.divider)}),y.map((t,d)=>e.jsxRuntimeExports.jsx(C,{item:t,menuExpanded:r,collapsed:d===j,onCollapse:()=>v(d),currentPath:E,useHover:a,useTooltips:M,isMobile:o,disableMode:b},t.title))]})]})},ee="_top-bar_lnmq0_1",se="_top-bar-brand_lnmq0_12",k={"top-bar":"_top-bar_lnmq0_1",topBar:ee,"top-bar-brand":"_top-bar-brand_lnmq0_12",topBarBrand:se},ne=({appName:s,leftOffset:i,leftContent:l,centerContent:c,rightContent:_})=>e.jsxRuntimeExports.jsx("nav",{className:e.classNames("luminus-top-bar shadow",k.topBar),style:{width:i?`calc(100% - ${i}px)`:void 0,left:i?`${i}px`:void 0},children:e.jsxRuntimeExports.jsxs("div",{className:"w-100 row g-0",children:[e.jsxRuntimeExports.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[e.jsxRuntimeExports.jsx(g.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",k.topBarBrand),children:s}),l]}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex align-items-center",children:c??null}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:_??null})]})});exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.SideMenu=H;exports.TopBar=ne;
package/dist/layout.es.js CHANGED
@@ -1,143 +1,148 @@
1
- import { ag as w, j as e, c as i, $ as q, ax as T, a6 as $, bn as R, bo as S } from "./ShortcutLinksContext-BssuYypF.js";
2
- import { b7 as fe, bp as ye } from "./ShortcutLinksContext-BssuYypF.js";
3
- import { useState as I, useRef as L, useMemo as C, useEffect as A } from "react";
4
- import { Link as B } from "react-router-dom";
1
+ import { ag as I, j as e, c as i, $ as C, ax as $, a6 as R, bn as S, bo as A } from "./ShortcutLinksContext-BssuYypF.js";
2
+ import { b7 as ge, bp as Be } from "./ShortcutLinksContext-BssuYypF.js";
3
+ import { useState as L, useRef as T, useMemo as k, useEffect as F } from "react";
4
+ import { Link as q } from "react-router-dom";
5
5
  import "react-hook-form";
6
6
  import "react-flexmonster";
7
7
  import "@azure/msal-browser";
8
8
  import "@azure/msal-react";
9
9
  import "react-dom";
10
- import { u as F } from "./usePermissions-Drdy5QyP.js";
11
- const K = "_side-menu-item_1o1uo_1", O = "_disabled_1o1uo_6", z = "_nav-button_1o1uo_10", D = "_child_1o1uo_18", U = "_text_1o1uo_23", W = "_icon_1o1uo_30", E = "_collapse-icon_1o1uo_36", G = "_collapsed_1o1uo_46", J = "_collapse-icon-mini_1o1uo_49", Q = "_expanded_1o1uo_80", V = "_children-container_1o1uo_86", X = "_visible_1o1uo_94", Y = "_children_1o1uo_86", Z = "_mobile_1o1uo_106", s = {
12
- "side-menu-item": "_side-menu-item_1o1uo_1",
13
- sideMenuItem: K,
14
- disabled: O,
15
- "nav-button": "_nav-button_1o1uo_10",
16
- navButton: z,
17
- child: D,
18
- text: U,
19
- icon: W,
20
- "collapse-icon": "_collapse-icon_1o1uo_36",
21
- collapseIcon: E,
22
- collapsed: G,
23
- "collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
24
- collapseIconMini: J,
25
- expanded: Q,
26
- "children-container": "_children-container_1o1uo_86",
27
- childrenContainer: V,
28
- visible: X,
29
- children: Y,
30
- mobile: Z
31
- }, H = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx(T, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: c }) }) : c, k = ({ item: n, menuExpanded: l, collapsed: a, onCollapse: c, currentPath: p, useHover: d, useTooltips: b, isMobile: f }) => {
32
- var y, g, M, N;
33
- const [_, v] = I(!1), [h] = p.split("?"), j = n.linkTo === h || ((y = n.children) == null ? void 0 : y.some((o) => o.linkTo === h)), u = L(null);
34
- return w([u], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: u, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: f }, {
10
+ import { u as K } from "./usePermissions-Drdy5QyP.js";
11
+ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm_10", U = "_nav-button_o72rm_13", W = "_child_o72rm_21", E = "_text_o72rm_26", G = "_icon_o72rm_36", J = "_collapse-icon_o72rm_42", Q = "_collapsed_o72rm_52", V = "_collapse-icon-mini_o72rm_55", X = "_expanded_o72rm_86", Y = "_children-container_o72rm_92", Z = "_visible_o72rm_100", H = "_children_o72rm_92", ee = "_mobile_o72rm_112", s = {
12
+ "side-menu-item": "_side-menu-item_o72rm_1",
13
+ sideMenuItem: O,
14
+ disabled: z,
15
+ hidden: D,
16
+ "nav-button": "_nav-button_o72rm_13",
17
+ navButton: U,
18
+ child: W,
19
+ text: E,
20
+ icon: G,
21
+ "collapse-icon": "_collapse-icon_o72rm_42",
22
+ collapseIcon: J,
23
+ collapsed: Q,
24
+ "collapse-icon-mini": "_collapse-icon-mini_o72rm_55",
25
+ collapseIconMini: V,
26
+ expanded: X,
27
+ "children-container": "_children-container_o72rm_92",
28
+ childrenContainer: Y,
29
+ visible: Z,
30
+ children: H,
31
+ mobile: ee
32
+ }, ne = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx($, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: c }) }) : c, P = ({ item: n, menuExpanded: l, collapsed: a, onCollapse: c, currentPath: p, useHover: d, useTooltips: h, isMobile: f, disableMode: r }) => {
33
+ var g, B, N, M;
34
+ const [y, v] = L(!1), [b] = p.split("?"), j = n.linkTo === b || ((g = n.children) == null ? void 0 : g.some((o) => o.linkTo === b)), _ = T(null);
35
+ return I([_], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: _, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: f }, {
35
36
  [s.expanded]: l
36
- }, { active: _ || j }, { open: a && n.children }, {
37
- [s.disabled]: n.disabled || n.notPermitted || ((g = n.children) == null ? void 0 : g.every((o) => o.notPermitted || o.disabled))
37
+ }, { active: y || j }, { open: a && n.children }, {
38
+ [r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((B = n.children) == null ? void 0 : B.every((o) => o.notPermitted || o.disabled))
38
39
  }, {
39
- disabled: n.disabled || n.notPermitted || ((M = n.children) == null ? void 0 : M.every((o) => o.notPermitted || o.disabled))
40
+ [r === "disable" ? "disabled" : "hidden"]: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
40
41
  }), onMouseEnter: () => v(!0), onMouseLeave: () => v(!1), children: [
41
- /* @__PURE__ */ e.jsx(H, { item: n, menuExpanded: l, useTooltips: b, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
42
+ /* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: l, useTooltips: h, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
42
43
  c();
43
44
  }, children: [
44
45
  /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
45
46
  !d && !l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
46
47
  [s.collapsed]: a
47
- }), children: /* @__PURE__ */ e.jsx(q, {}) }),
48
+ }), children: /* @__PURE__ */ e.jsx(C, {}) }),
48
49
  l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }),
49
50
  l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
50
51
  [s.collapsed]: a
51
- }), children: /* @__PURE__ */ e.jsx(q, {}) })
52
- ] }) }) : /* @__PURE__ */ e.jsxs(B, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
52
+ }), children: /* @__PURE__ */ e.jsx(C, {}) })
53
+ ] }) }) : /* @__PURE__ */ e.jsxs(q, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
53
54
  /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
54
55
  l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title })
55
56
  ] }) }),
56
57
  /* @__PURE__ */ e.jsx("div", { className: i("children-container", s.childrenContainer, {
57
58
  [s.visible]: a
58
- }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (N = n.children) == null ? void 0 : N.map((o) => /* @__PURE__ */ e.jsx(B, { 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: c, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
59
+ }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (M = n.children) == null ? void 0 : M.map((o) => /* @__PURE__ */ e.jsx(q, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, {
60
+ [r === "disable" ? s.disabled : s.hidden]: o.disabled || o.notPermitted
61
+ }, {
62
+ [r === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted
63
+ }), onClick: c, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
59
64
  ] });
60
- }, ee = "_side-menu_1q9oh_1", ne = "_sidebar-header_1q9oh_15", oe = "_side-menu-content_1q9oh_22", se = "_expand_1q9oh_27", ie = "_only-logo_1q9oh_31", le = "_mobile_1q9oh_34", te = "_divider_1q9oh_49", m = {
65
+ }, se = "_side-menu_1q9oh_1", oe = "_sidebar-header_1q9oh_15", ie = "_side-menu-content_1q9oh_22", le = "_expand_1q9oh_27", te = "_only-logo_1q9oh_31", ae = "_mobile_1q9oh_34", de = "_divider_1q9oh_49", u = {
61
66
  "side-menu": "_side-menu_1q9oh_1",
62
- sideMenu: ee,
67
+ sideMenu: se,
63
68
  "sidebar-header": "_sidebar-header_1q9oh_15",
64
- sidebarHeader: ne,
69
+ sidebarHeader: oe,
65
70
  "side-menu-content": "_side-menu-content_1q9oh_22",
66
- sideMenuContent: oe,
67
- expand: se,
71
+ sideMenuContent: ie,
72
+ expand: le,
68
73
  "only-logo": "_only-logo_1q9oh_31",
69
- onlyLogo: ie,
70
- mobile: le,
71
- divider: te
72
- }, ve = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems: p, expanded: d, setExpanded: b, currentPath: f, useHover: _, useTooltips: v }) => {
73
- const [h, j] = I(-1), { checkUserHasPermissions: u } = F(), y = C(() => c.map((t) => {
74
- var r;
74
+ onlyLogo: te,
75
+ mobile: ae,
76
+ divider: de
77
+ }, Ne = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems: p, expanded: d, setExpanded: h, currentPath: f, useHover: r, useTooltips: y, disableMode: v = "disable" }) => {
78
+ const [b, j] = L(-1), { checkUserHasPermissions: _ } = K(), g = k(() => c.map((t) => {
79
+ var m;
75
80
  return {
76
81
  ...t,
77
- notPermitted: !u(t.permissions ?? [], "any"),
78
- children: (r = t.children) == null ? void 0 : r.map((x) => ({
82
+ notPermitted: !_(t.permissions ?? [], "any"),
83
+ children: (m = t.children) == null ? void 0 : m.map((x) => ({
79
84
  ...x,
80
- notPermitted: !u(x.permissions ?? [], "any"),
85
+ notPermitted: !_(x.permissions ?? [], "any"),
81
86
  disabled: t.disabled || x.disabled
82
87
  }))
83
88
  };
84
- }), [c, u]), g = C(() => p.map((t) => {
85
- var r;
89
+ }), [c, _]), B = k(() => p.map((t) => {
90
+ var m;
86
91
  return {
87
92
  ...t,
88
- notPermitted: !u(t.permissions ?? [], "any"),
89
- children: (r = t.children) == null ? void 0 : r.map((x) => ({
93
+ notPermitted: !_(t.permissions ?? [], "any"),
94
+ children: (m = t.children) == null ? void 0 : m.map((x) => ({
90
95
  ...x,
91
- notPermitted: !u(x.permissions ?? [], "any")
96
+ notPermitted: !_(x.permissions ?? [], "any")
92
97
  }))
93
98
  };
94
- }), [p, u]), M = (t) => {
95
- j(t === h ? -1 : t);
99
+ }), [p, _]), N = (t) => {
100
+ j(t === b ? -1 : t);
96
101
  };
97
- A(() => {
102
+ F(() => {
98
103
  d || j(-1);
99
104
  }, [d]);
100
- const N = L(null);
101
- w([N], () => b(!1));
102
- const { isMobile: o } = $();
103
- return /* @__PURE__ */ e.jsxs("section", { ref: N, className: i("luminus-side-menu shadow", m.sideMenu, { [m.mobile]: o }, {
104
- [m.expand]: d
105
- }, { expand: d }), onMouseEnter: () => _ && b(!0), onMouseLeave: () => _ && b(!1), children: [
106
- /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", m.sidebarHeader, {
107
- [m.onlyLogo]: _
108
- }), role: _ ? void 0 : "button", onClick: _ ? void 0 : () => b(!d), children: _ ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
109
- /* @__PURE__ */ e.jsx(R, {}),
105
+ const M = T(null);
106
+ I([M], () => h(!1));
107
+ const { isMobile: o } = R();
108
+ return /* @__PURE__ */ e.jsxs("section", { ref: M, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: o }, {
109
+ [u.expand]: d
110
+ }, { expand: d }), onMouseEnter: () => r && h(!0), onMouseLeave: () => r && h(!1), children: [
111
+ /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
112
+ [u.onlyLogo]: r
113
+ }), role: r ? void 0 : "button", onClick: r ? void 0 : () => h(!d), children: r ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
114
+ /* @__PURE__ */ e.jsx(S, {}),
110
115
  n
111
- ] }) : /* @__PURE__ */ e.jsx(S, {}) }),
116
+ ] }) : /* @__PURE__ */ e.jsx(A, {}) }),
112
117
  d && (l || a) ? /* @__PURE__ */ e.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
113
118
  a && d ? a : null,
114
119
  l && d ? l : null
115
120
  ] }) : null,
116
- /* @__PURE__ */ e.jsxs("ul", { className: m.sideMenuContent, children: [
117
- y.map((t, r) => /* @__PURE__ */ e.jsx(k, { item: t, menuExpanded: d, collapsed: r === h, onCollapse: () => M(r), currentPath: f, useHover: _, useTooltips: v, isMobile: o }, t.title)),
118
- /* @__PURE__ */ e.jsx("hr", { className: i("divider", m.divider) }),
119
- g.map((t, r) => /* @__PURE__ */ e.jsx(k, { item: t, menuExpanded: d, collapsed: r === h, onCollapse: () => M(r), currentPath: f, useHover: _, useTooltips: v, isMobile: o }, t.title))
121
+ /* @__PURE__ */ e.jsxs("ul", { className: u.sideMenuContent, children: [
122
+ g.map((t, m) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: m === b, onCollapse: () => N(m), currentPath: f, useHover: r, useTooltips: y, isMobile: o, disableMode: v }, t.title)),
123
+ /* @__PURE__ */ e.jsx("hr", { className: i("divider", u.divider) }),
124
+ B.map((t, m) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: m === b, onCollapse: () => N(m), currentPath: f, useHover: r, useTooltips: y, isMobile: o, disableMode: v }, t.title))
120
125
  ] })
121
126
  ] });
122
- }, ae = "_top-bar_lnmq0_1", de = "_top-bar-brand_lnmq0_12", P = {
127
+ }, re = "_top-bar_lnmq0_1", ce = "_top-bar-brand_lnmq0_12", w = {
123
128
  "top-bar": "_top-bar_lnmq0_1",
124
- topBar: ae,
129
+ topBar: re,
125
130
  "top-bar-brand": "_top-bar-brand_lnmq0_12",
126
- topBarBrand: de
127
- }, je = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent: p }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", P.topBar), style: {
131
+ topBarBrand: ce
132
+ }, Me = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent: p }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", w.topBar), style: {
128
133
  width: l ? `calc(100% - ${l}px)` : void 0,
129
134
  left: l ? `${l}px` : void 0
130
135
  }, children: /* @__PURE__ */ e.jsxs("div", { className: "w-100 row g-0", children: [
131
136
  /* @__PURE__ */ e.jsxs("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
132
- /* @__PURE__ */ e.jsx(B, { to: "/", className: i("luminus-top-bar-brand", P.topBarBrand), children: n }),
137
+ /* @__PURE__ */ e.jsx(q, { to: "/", className: i("luminus-top-bar-brand", w.topBarBrand), children: n }),
133
138
  a
134
139
  ] }),
135
140
  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex align-items-center", children: c ?? null }),
136
141
  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: p ?? null })
137
142
  ] }) });
138
143
  export {
139
- fe as PageContainer,
140
- ye as SideContentBar,
141
- ve as SideMenu,
142
- je as TopBar
144
+ ge as PageContainer,
145
+ Be as SideContentBar,
146
+ Ne as SideMenu,
147
+ Me as TopBar
143
148
  };