react-luminus-components 1.3.234 → 1.3.236
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.
- package/README.md +349 -349
- package/dist/.vite/manifest.json +36 -36
- package/dist/{Loading-DomQ53qQ.js → Loading-CCSVZUhe.js} +1 -1
- package/dist/Loading-DL2EkP3d.cjs +1 -0
- package/dist/{nivo-bar.es-DZaV8FRO.js → ShortcutLinksContext-BssuYypF.js} +5687 -5686
- package/dist/{nivo-bar.es-D7XbXOsB.cjs → ShortcutLinksContext-DfBnlBCo.cjs} +14 -14
- package/dist/components/InputContainers/FloatingLabelInput/FloatingLabelInput.d.ts +2 -0
- package/dist/components/InputContainers/NoInputContainer/NoInputContainer.d.ts +2 -0
- package/dist/components/InputContainers/RowLabelInput/RowLabelInput.d.ts +2 -0
- package/dist/components/common/HomeDashboard/HomeDashboard.d.ts +2 -1
- package/dist/components/common/HomeDashboard/hooks/useUserDashboard.d.ts +1 -1
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +68 -68
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +31 -31
- package/dist/layout/SideMenu/MenuItem/MenuItem.d.ts +2 -1
- package/dist/layout/SideMenu/SideMenu.d.ts +2 -1
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +88 -83
- package/dist/main.cjs.js +47 -47
- package/dist/main.es.js +6278 -6278
- package/dist/models/prop-types/InputContainerProps.d.ts +1 -0
- package/dist/models/types/UserModel.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/useGetApiData-Bf_FxATb.cjs +1 -0
- package/dist/{useGetApiData-BEMlSh4f.js → useGetApiData-BrxYGyDd.js} +8 -8
- package/dist/usePermissions-Bbpwz3_4.cjs +1 -0
- package/dist/{usePermissions-CHH0GDGS.js → usePermissions-Drdy5QyP.js} +1 -1
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +20 -20
- package/dist/variables.scss +165 -165
- package/package.json +120 -120
- package/dist/Loading-BqASSFW1.cjs +0 -1
- package/dist/useGetApiData-BfM0nizn.cjs +0 -1
- package/dist/usePermissions-BfWM-Q3v.cjs +0 -1
package/dist/hooks.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { bz as
|
|
3
|
-
import { u as ae } from "./usePermissions-
|
|
4
|
-
import { u as re } from "./useGetApiData-
|
|
5
|
-
import { useState as x, useEffect as C, useContext as
|
|
1
|
+
import { aj as S, aW as P, aA as B } from "./ShortcutLinksContext-BssuYypF.js";
|
|
2
|
+
import { bz as Y, ag as Z, bC as q, aY as H, bB as J, as as M, aX as V, bb as _, a6 as ee, bA as te } from "./ShortcutLinksContext-BssuYypF.js";
|
|
3
|
+
import { u as ae } from "./usePermissions-Drdy5QyP.js";
|
|
4
|
+
import { u as re } from "./useGetApiData-BrxYGyDd.js";
|
|
5
|
+
import { useState as x, useEffect as C, useContext as L, useRef as T, useCallback as U } from "react";
|
|
6
6
|
import { u as ue } from "./useLocalStorageState-Bt99kkCr.js";
|
|
7
|
-
import { c as
|
|
7
|
+
import { c as le, u as ie, a as fe, b as de } from "./useRenderDraggableInPortal-D0OLp7Qb.js";
|
|
8
8
|
import "react-router-dom";
|
|
9
9
|
import "react-dom";
|
|
10
10
|
import "react-hook-form";
|
|
@@ -31,7 +31,7 @@ const $ = (o) => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
|
-
function
|
|
34
|
+
function j(o, e) {
|
|
35
35
|
const a = S({
|
|
36
36
|
silent: !0,
|
|
37
37
|
differentBaseUrl: e == null ? void 0 : e.customBaseUrl,
|
|
@@ -46,7 +46,7 @@ function Q(o, e) {
|
|
|
46
46
|
}
|
|
47
47
|
const E = (o, e, a) => {
|
|
48
48
|
let t = "pending", s;
|
|
49
|
-
const
|
|
49
|
+
const c = o.then((r) => {
|
|
50
50
|
t = "success", s = r;
|
|
51
51
|
}, (r) => {
|
|
52
52
|
const n = r == null ? void 0 : r.response;
|
|
@@ -55,7 +55,7 @@ const E = (o, e, a) => {
|
|
|
55
55
|
return () => {
|
|
56
56
|
switch (t) {
|
|
57
57
|
case "pending":
|
|
58
|
-
throw
|
|
58
|
+
throw c;
|
|
59
59
|
case "success":
|
|
60
60
|
return s;
|
|
61
61
|
case "error":
|
|
@@ -72,20 +72,20 @@ const E = (o, e, a) => {
|
|
|
72
72
|
enabled: !0,
|
|
73
73
|
nullStateBeforeLoad: !0,
|
|
74
74
|
nullStateOnFail: !1
|
|
75
|
-
},
|
|
75
|
+
}, K = (o, { loadOnInit: e = u.loadOnInit, enabled: a = u.enabled, silent: t = u.silent, nullStateBeforeLoad: s = u.nullStateBeforeLoad, nullStateOnFail: c = u.nullStateOnFail, customApiUrl: r, customBearerToken: n, dataTransformer: i, errorBoundaryOn404: f } = u) => {
|
|
76
76
|
const p = S({
|
|
77
77
|
silent: t,
|
|
78
78
|
customToken: n,
|
|
79
79
|
differentBaseUrl: r,
|
|
80
80
|
noToastOnStatus: f ? [404] : void 0
|
|
81
|
-
}), { startLoading: h, stopLoading: g } =
|
|
81
|
+
}), { startLoading: h, stopLoading: g } = L(P), k = T(0), { isAuthenticated: w } = B(), [A, d] = x(null), m = U(async (l, b) => {
|
|
82
82
|
if (!w() || a === !1)
|
|
83
83
|
return;
|
|
84
|
-
!t && h(`loadData-${o}-${
|
|
84
|
+
!t && h(`loadData-${o}-${b}`), s && d(null);
|
|
85
85
|
const y = p.get(o, {
|
|
86
|
-
signal:
|
|
87
|
-
}).then((
|
|
88
|
-
d(E(y,
|
|
86
|
+
signal: l
|
|
87
|
+
}).then((D) => i ? i(D.data) : D.data).finally(() => !t && g(`loadData-${o}-${b}`));
|
|
88
|
+
d(E(y, c ?? !1, f ?? !1));
|
|
89
89
|
}, [
|
|
90
90
|
w,
|
|
91
91
|
a,
|
|
@@ -96,35 +96,35 @@ const E = (o, e, a) => {
|
|
|
96
96
|
p,
|
|
97
97
|
i,
|
|
98
98
|
g,
|
|
99
|
-
|
|
99
|
+
c,
|
|
100
100
|
f
|
|
101
101
|
]);
|
|
102
102
|
return C(() => {
|
|
103
103
|
if (e === !1)
|
|
104
104
|
return;
|
|
105
|
-
const
|
|
106
|
-
return m(
|
|
107
|
-
|
|
105
|
+
const l = new AbortController();
|
|
106
|
+
return m(l.signal, ++k.current), () => {
|
|
107
|
+
l.abort();
|
|
108
108
|
};
|
|
109
109
|
}, [m, e]), { data: A, setData: d, reloadData: m };
|
|
110
110
|
};
|
|
111
111
|
export {
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
Y as cancelToken,
|
|
113
|
+
B as useAuth,
|
|
114
114
|
S as useAxios,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
Z as useClickOutside,
|
|
116
|
+
q as useClipboard,
|
|
117
|
+
H as useConfirm,
|
|
118
|
+
le as useEmployeePhotoPath,
|
|
119
|
+
J as useFormControlType,
|
|
120
120
|
re as useGetApiData,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
121
|
+
K as useGetApiDataBound,
|
|
122
|
+
j as useGetDataBound,
|
|
123
|
+
M as useKeyPress,
|
|
124
124
|
ue as useLocalStorageState,
|
|
125
|
-
|
|
125
|
+
V as useNotifications,
|
|
126
126
|
ae as usePermissions,
|
|
127
|
-
|
|
127
|
+
_ as usePrompt,
|
|
128
128
|
ie as useRenderDraggableInPortal,
|
|
129
129
|
fe as useSearchQuery,
|
|
130
130
|
de as useSearchQueryState,
|
|
@@ -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;
|
package/dist/layout.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import { useState as
|
|
4
|
-
import { Link as
|
|
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 K } from "./usePermissions-
|
|
11
|
-
const
|
|
12
|
-
"side-menu-item": "_side-menu-
|
|
13
|
-
sideMenuItem:
|
|
14
|
-
disabled:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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:
|
|
37
|
-
[s.disabled]: n.disabled || n.notPermitted || ((B = n.children) == null ? void 0 : B.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 || ((
|
|
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(
|
|
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(
|
|
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(
|
|
52
|
-
] }) }) : /* @__PURE__ */ e.jsxs(
|
|
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: (
|
|
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
|
-
},
|
|
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:
|
|
67
|
+
sideMenu: se,
|
|
63
68
|
"sidebar-header": "_sidebar-header_1q9oh_15",
|
|
64
|
-
sidebarHeader:
|
|
69
|
+
sidebarHeader: oe,
|
|
65
70
|
"side-menu-content": "_side-menu-content_1q9oh_22",
|
|
66
|
-
sideMenuContent:
|
|
67
|
-
expand:
|
|
71
|
+
sideMenuContent: ie,
|
|
72
|
+
expand: le,
|
|
68
73
|
"only-logo": "_only-logo_1q9oh_31",
|
|
69
|
-
onlyLogo:
|
|
70
|
-
mobile:
|
|
71
|
-
divider:
|
|
72
|
-
},
|
|
73
|
-
const [
|
|
74
|
-
var
|
|
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: !
|
|
78
|
-
children: (
|
|
82
|
+
notPermitted: !_(t.permissions ?? [], "any"),
|
|
83
|
+
children: (m = t.children) == null ? void 0 : m.map((x) => ({
|
|
79
84
|
...x,
|
|
80
|
-
notPermitted: !
|
|
85
|
+
notPermitted: !_(x.permissions ?? [], "any"),
|
|
81
86
|
disabled: t.disabled || x.disabled
|
|
82
87
|
}))
|
|
83
88
|
};
|
|
84
|
-
}), [c,
|
|
85
|
-
var
|
|
89
|
+
}), [c, _]), B = k(() => p.map((t) => {
|
|
90
|
+
var m;
|
|
86
91
|
return {
|
|
87
92
|
...t,
|
|
88
|
-
notPermitted: !
|
|
89
|
-
children: (
|
|
93
|
+
notPermitted: !_(t.permissions ?? [], "any"),
|
|
94
|
+
children: (m = t.children) == null ? void 0 : m.map((x) => ({
|
|
90
95
|
...x,
|
|
91
|
-
notPermitted: !
|
|
96
|
+
notPermitted: !_(x.permissions ?? [], "any")
|
|
92
97
|
}))
|
|
93
98
|
};
|
|
94
|
-
}), [p,
|
|
95
|
-
j(t ===
|
|
99
|
+
}), [p, _]), N = (t) => {
|
|
100
|
+
j(t === b ? -1 : t);
|
|
96
101
|
};
|
|
97
|
-
|
|
102
|
+
F(() => {
|
|
98
103
|
d || j(-1);
|
|
99
104
|
}, [d]);
|
|
100
|
-
const
|
|
101
|
-
|
|
102
|
-
const { isMobile: o } =
|
|
103
|
-
return /* @__PURE__ */ e.jsxs("section", { ref:
|
|
104
|
-
[
|
|
105
|
-
}, { expand: d }), onMouseEnter: () =>
|
|
106
|
-
/* @__PURE__ */ e.jsx("div", { className: i("sidebar-header",
|
|
107
|
-
[
|
|
108
|
-
}), role:
|
|
109
|
-
/* @__PURE__ */ e.jsx(
|
|
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(
|
|
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:
|
|
117
|
-
|
|
118
|
-
/* @__PURE__ */ e.jsx("hr", { className: i("divider",
|
|
119
|
-
B.map((t,
|
|
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
|
-
},
|
|
127
|
+
}, re = "_top-bar_lnmq0_1", ce = "_top-bar-brand_lnmq0_12", w = {
|
|
123
128
|
"top-bar": "_top-bar_lnmq0_1",
|
|
124
|
-
topBar:
|
|
129
|
+
topBar: re,
|
|
125
130
|
"top-bar-brand": "_top-bar-brand_lnmq0_12",
|
|
126
|
-
topBarBrand:
|
|
127
|
-
},
|
|
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(
|
|
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
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
144
|
+
ge as PageContainer,
|
|
145
|
+
Be as SideContentBar,
|
|
146
|
+
Ne as SideMenu,
|
|
147
|
+
Me as TopBar
|
|
143
148
|
};
|