react-luminus-components 1.3.201 → 1.3.202
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 +52 -52
- package/dist/Loading-CgVipx1p.cjs +1 -0
- package/dist/{Loading-CqPyNIvP.js → Loading-xjqgdxQw.js} +1 -1
- package/dist/{nivo-bar.es-BPqfqgFz.js → ShortcutLinksContext-CDA4_y4H.js} +5604 -5602
- package/dist/{nivo-bar.es-C8Q7uf5o.cjs → ShortcutLinksContext-CtT9qbGN.cjs} +6 -6
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +82 -82
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +22 -22
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +15 -15
- package/dist/main.cjs.js +2 -2
- package/dist/main.es.js +3506 -3496
- package/dist/searchUtils-B6MFKz3h.cjs +1 -0
- package/dist/{searchUtils-DI5xcTMJ.js → searchUtils-CmuWMIMp.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useClipboard-4e8QzHoB.js → useClipboard-B6o3_c4j.js} +1 -1
- package/dist/useClipboard-BDAZwNR9.cjs +1 -0
- package/dist/useGetApiData-CRj_Oj2M.cjs +1 -0
- package/dist/{useGetApiData-BHS98zA6.js → useGetApiData-yPRYMljx.js} +7 -7
- package/dist/usePermissions-BJHLPP0j.js +20 -0
- package/dist/usePermissions-BND9X9_G.cjs +1 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +23 -23
- package/dist/variables.scss +165 -165
- package/package.json +116 -116
- package/dist/Loading-DCjV7Ypk.cjs +0 -1
- package/dist/searchUtils-CsnD-WsL.cjs +0 -1
- package/dist/useClipboard-C0CnZHu7.cjs +0 -1
- package/dist/useGetApiData-bKrnrpzU.cjs +0 -1
- package/dist/usePermissions-DEjIIcAy.js +0 -20
- package/dist/usePermissions-luBa161q.cjs +0 -1
package/dist/hooks.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { bv as
|
|
3
|
-
import { a as
|
|
4
|
-
import { u as et } from "./usePermissions-
|
|
5
|
-
import { u as at, d as ot, a as rt, b as nt, c as ut } from "./useClipboard-
|
|
6
|
-
import { u as lt } from "./useGetApiData-
|
|
1
|
+
import { au as S, aV as L, aD as P } from "./ShortcutLinksContext-CDA4_y4H.js";
|
|
2
|
+
import { bv as V, aX as X, aJ as Z, aW as j, b6 as q, bw as H } from "./ShortcutLinksContext-CDA4_y4H.js";
|
|
3
|
+
import { a as Y, u as _ } from "./useWindowSize-OLYtjFv_.js";
|
|
4
|
+
import { u as et } from "./usePermissions-BJHLPP0j.js";
|
|
5
|
+
import { u as at, d as ot, a as rt, b as nt, c as ut } from "./useClipboard-B6o3_c4j.js";
|
|
6
|
+
import { u as lt } from "./useGetApiData-yPRYMljx.js";
|
|
7
7
|
import { useState as b, useEffect as C, useContext as T, useRef as U, useCallback as $ } from "react";
|
|
8
8
|
import { u as ft } from "./useLocalStorageState-Bt99kkCr.js";
|
|
9
9
|
import "react-router-dom";
|
|
@@ -31,7 +31,7 @@ const B = (o) => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
|
-
function
|
|
34
|
+
function I(o, t) {
|
|
35
35
|
const a = S({
|
|
36
36
|
silent: !0,
|
|
37
37
|
differentBaseUrl: t == null ? void 0 : t.customBaseUrl,
|
|
@@ -72,22 +72,22 @@ const E = (o, t, a) => {
|
|
|
72
72
|
enabled: !0,
|
|
73
73
|
nullStateBeforeLoad: !0,
|
|
74
74
|
nullStateOnFail: !1
|
|
75
|
-
},
|
|
75
|
+
}, J = (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) => {
|
|
76
76
|
const p = S({
|
|
77
77
|
silent: e,
|
|
78
78
|
customToken: n,
|
|
79
79
|
differentBaseUrl: r,
|
|
80
80
|
noToastOnStatus: f ? [404] : void 0
|
|
81
|
-
}), { startLoading: h, stopLoading: w } = T(L), k = U(0), { isAuthenticated:
|
|
82
|
-
if (!
|
|
81
|
+
}), { startLoading: h, stopLoading: w } = T(L), k = U(0), { isAuthenticated: D } = P(), [y, d] = b(null), m = $(async (l, g) => {
|
|
82
|
+
if (!D() || a === !1)
|
|
83
83
|
return;
|
|
84
|
-
!e && h(`loadData-${o}-${
|
|
84
|
+
!e && h(`loadData-${o}-${g}`), s && d(null);
|
|
85
85
|
const A = p.get(o, {
|
|
86
86
|
signal: l
|
|
87
|
-
}).then((x) => i ? i(x.data) : x.data).finally(() => !e && w(`loadData-${o}-${
|
|
87
|
+
}).then((x) => i ? i(x.data) : x.data).finally(() => !e && w(`loadData-${o}-${g}`));
|
|
88
88
|
d(E(A, c ?? !1, f ?? !1));
|
|
89
89
|
}, [
|
|
90
|
-
|
|
90
|
+
D,
|
|
91
91
|
a,
|
|
92
92
|
e,
|
|
93
93
|
h,
|
|
@@ -109,24 +109,24 @@ const E = (o, t, a) => {
|
|
|
109
109
|
}, [m, t]), { data: y, setData: d, reloadData: m };
|
|
110
110
|
};
|
|
111
111
|
export {
|
|
112
|
-
|
|
112
|
+
V as cancelToken,
|
|
113
113
|
P as useAuth,
|
|
114
114
|
S as useAxios,
|
|
115
|
-
|
|
115
|
+
Y as useClickOutside,
|
|
116
116
|
at as useClipboard,
|
|
117
|
-
|
|
117
|
+
X as useConfirm,
|
|
118
118
|
ot as useEmployeePhotoPath,
|
|
119
|
-
|
|
119
|
+
Z as useFormControlType,
|
|
120
120
|
lt as useGetApiData,
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
J as useGetApiDataBound,
|
|
122
|
+
I as useGetDataBound,
|
|
123
123
|
rt as useKeyPress,
|
|
124
124
|
ft as useLocalStorageState,
|
|
125
|
-
|
|
125
|
+
j as useNotifications,
|
|
126
126
|
et as usePermissions,
|
|
127
|
-
|
|
127
|
+
q as usePrompt,
|
|
128
128
|
nt as useSearchQuery,
|
|
129
129
|
ut as useSearchQueryState,
|
|
130
130
|
_ as useWindowSize,
|
|
131
|
-
|
|
131
|
+
H as useZodSchemaTypes
|
|
132
132
|
};
|
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-CtT9qbGN.cjs"),m=require("react"),y=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const g=require("./useWindowSize-CE6DJWzn.cjs"),C=require("./usePermissions-BND9X9_G.cjs"),P="_side-menu-item_1o1uo_1",w="_disabled_1o1uo_6",z="_nav-button_1o1uo_10",I="_child_1o1uo_18",f="_text_1o1uo_23",S="_icon_1o1uo_30",L="_collapse-icon_1o1uo_36",q="_collapsed_1o1uo_46",T="_collapse-icon-mini_1o1uo_49",O="_expanded_1o1uo_80",$="_children-container_1o1uo_86",A="_visible_1o1uo_94",K="_children_1o1uo_86",D="_mobile_1o1uo_106",o={"side-menu-item":"_side-menu-item_1o1uo_1",sideMenuItem:P,disabled:w,"nav-button":"_nav-button_1o1uo_10",navButton:z,child:I,text:f,icon:S,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:L,collapsed:q,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:T,expanded:O,"children-container":"_children-container_1o1uo_86",childrenContainer:$,visible:A,children:K,mobile:D},F=({item:n,menuExpanded:t,useTooltips:i,children:a})=>n.tooltip&&!t&&i?e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:n.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:a})}):a,k=({item:n,menuExpanded:t,collapsed:i,onCollapse:a,currentPath:l,useHover:x,useTooltips:v,isMobile:c})=>{var M,h,R,j;const[N,_]=m.useState(!1),[p]=l.split("?"),d=n.linkTo===p||((M=n.children)==null?void 0:M.some(s=>s.linkTo===p)),E=m.useRef(null);return g.useClickOutside([E],()=>i&&a()),e.jsxRuntimeExports.jsxs("li",{ref:E,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.mobile]:c},{[o.expanded]:t},{active:N||d},{open:i&&n.children},{[o.disabled]:n.disabled||n.notPermitted||((h=n.children)==null?void 0:h.every(s=>s.notPermitted||s.disabled))},{disabled:n.disabled||n.notPermitted||((R=n.children)==null?void 0:R.every(s=>s.notPermitted||s.disabled))}),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[e.jsxRuntimeExports.jsx(F,{item:n,menuExpanded:t,useTooltips:v,children:n.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",o.navButton),onClick:()=>{a()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:n.icon}),!x&&!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(y.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:(j=n.children)==null?void 0:j.map(s=>e.jsxRuntimeExports.jsx(y.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:a,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})},s.linkTo))})})]})},W="_side-menu_15z3o_1",U="_sidebar-header_15z3o_13",G="_side-menu-content_15z3o_20",J="_expand_15z3o_24",Q="_only-logo_15z3o_28",V="_mobile_15z3o_31",X="_divider_15z3o_45",u={"side-menu":"_side-menu_15z3o_1",sideMenu:W,"sidebar-header":"_sidebar-header_15z3o_13",sidebarHeader:U,"side-menu-content":"_side-menu-content_15z3o_20",sideMenuContent:G,expand:J,"only-logo":"_only-logo_15z3o_28",onlyLogo:Q,mobile:V,divider:X},Y=({headerItem:n,searchItem:t,mainItems:i,secondaryItems:a,expanded:l,setExpanded:x,currentPath:v,useHover:c,useTooltips:N})=>{const[_,p]=m.useState(-1),{checkUserHasPermissions:d}=C.usePermissions(),E=m.useMemo(()=>i.map(s=>{var r;return{...s,notPermitted:!d(s.permissions??[],"any"),children:(r=s.children)==null?void 0:r.map(b=>({...b,notPermitted:!d(b.permissions??[],"any"),disabled:s.disabled||b.disabled}))}}),[i,d]),M=m.useMemo(()=>a.map(s=>{var r;return{...s,notPermitted:!d(s.permissions??[],"any"),children:(r=s.children)==null?void 0:r.map(b=>({...b,notPermitted:!d(b.permissions??[],"any")}))}}),[a,d]),h=s=>{p(s===_?-1:s)};m.useEffect(()=>{l||p(-1)},[l]);const R=m.useRef(null);g.useClickOutside([R],()=>x(!1));const{isMobile:j}=g.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:R,className:e.classNames("luminus-side-menu shadow",u.sideMenu,{[u.mobile]:j},{[u.expand]:l},{expand:l}),onMouseEnter:()=>c&&x(!0),onMouseLeave:()=>c&&x(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",u.sidebarHeader,{[u.onlyLogo]:c}),role:c?void 0:"button",onClick:c?void 0:()=>x(!l),children:c?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:u.sideMenuContent,children:[t?e.jsxRuntimeExports.jsx("div",{className:"p-3",children:t}):null,E.map((s,r)=>e.jsxRuntimeExports.jsx(k,{item:s,menuExpanded:l,collapsed:r===_,onCollapse:()=>h(r),currentPath:v,useHover:c,useTooltips:N,isMobile:j},s.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",u.divider)}),M.map((s,r)=>e.jsxRuntimeExports.jsx(k,{item:s,menuExpanded:l,collapsed:r===_,onCollapse:()=>h(r),currentPath:v,useHover:c,useTooltips:N,isMobile:j},s.title))]})]})},Z="_top-bar_1usoa_1",H="_top-bar-brand_1usoa_13",B={"top-bar":"_top-bar_1usoa_1",topBar:Z,"top-bar-brand":"_top-bar-brand_1usoa_13",topBarBrand:H},ee=({appName:n,leftOffset:t,leftContent:i,centerContent:a,rightContent:l})=>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.jsxs("div",{className:"d-flex gap-4 align-items-center",children:[e.jsxRuntimeExports.jsx(y.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",B.topBarBrand),children:n}),i]}),a&&e.jsxRuntimeExports.jsx("div",{children:a}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center",children:l??null})]});exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.SideMenu=Y;exports.TopBar=ee;
|
package/dist/layout.es.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { j as e, c as i, aa as B,
|
|
2
|
-
import {
|
|
3
|
-
import { useState as I, useRef as
|
|
1
|
+
import { j as e, c as i, aa as B, aA as L, bi as T, bj as R } from "./ShortcutLinksContext-CDA4_y4H.js";
|
|
2
|
+
import { b2 as Ne, bk as ye } from "./ShortcutLinksContext-CDA4_y4H.js";
|
|
3
|
+
import { useState as I, useRef as z, useMemo as k, useEffect as S } from "react";
|
|
4
4
|
import { Link as g } 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
|
-
import { a as
|
|
10
|
-
import { u as A } from "./usePermissions-
|
|
11
|
-
const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1o1uo_10", D = "_child_1o1uo_18",
|
|
9
|
+
import { a as w, u as $ } from "./useWindowSize-OLYtjFv_.js";
|
|
10
|
+
import { u as A } from "./usePermissions-BJHLPP0j.js";
|
|
11
|
+
const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1o1uo_10", D = "_child_1o1uo_18", U = "_text_1o1uo_23", W = "_icon_1o1uo_30", q = "_collapse-icon_1o1uo_36", E = "_collapsed_1o1uo_46", G = "_collapse-icon-mini_1o1uo_49", J = "_expanded_1o1uo_80", Q = "_children-container_1o1uo_86", V = "_visible_1o1uo_94", X = "_children_1o1uo_86", Y = "_mobile_1o1uo_106", s = {
|
|
12
12
|
"side-menu-item": "_side-menu-item_1o1uo_1",
|
|
13
13
|
sideMenuItem: F,
|
|
14
14
|
disabled: K,
|
|
15
15
|
"nav-button": "_nav-button_1o1uo_10",
|
|
16
16
|
navButton: O,
|
|
17
17
|
child: D,
|
|
18
|
-
text:
|
|
19
|
-
icon:
|
|
18
|
+
text: U,
|
|
19
|
+
icon: W,
|
|
20
20
|
"collapse-icon": "_collapse-icon_1o1uo_36",
|
|
21
|
-
collapseIcon:
|
|
22
|
-
collapsed:
|
|
21
|
+
collapseIcon: q,
|
|
22
|
+
collapsed: E,
|
|
23
23
|
"collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
|
|
24
|
-
collapseIconMini:
|
|
24
|
+
collapseIconMini: G,
|
|
25
25
|
expanded: J,
|
|
26
26
|
"children-container": "_children-container_1o1uo_86",
|
|
27
27
|
childrenContainer: Q,
|
|
@@ -30,8 +30,8 @@ const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1
|
|
|
30
30
|
mobile: Y
|
|
31
31
|
}, Z = ({ item: n, menuExpanded: t, useTooltips: l, children: a }) => n.tooltip && !t && l ? /* @__PURE__ */ e.jsx(L, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: a }) }) : a, C = ({ item: n, menuExpanded: t, collapsed: l, onCollapse: a, currentPath: d, useHover: m, useTooltips: M, isMobile: r }) => {
|
|
32
32
|
var f, v, j, x;
|
|
33
|
-
const [N, p] = I(!1), [b] = d.split("?"), _ = n.linkTo === b || ((f = n.children) == null ? void 0 : f.some((o) => o.linkTo === b)), y =
|
|
34
|
-
return
|
|
33
|
+
const [N, p] = I(!1), [b] = d.split("?"), _ = n.linkTo === b || ((f = n.children) == null ? void 0 : f.some((o) => o.linkTo === b)), y = z(null);
|
|
34
|
+
return w([y], () => l && a()), /* @__PURE__ */ e.jsxs("li", { ref: y, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: r }, {
|
|
35
35
|
[s.expanded]: t
|
|
36
36
|
}, { active: N || _ }, { open: l && n.children }, {
|
|
37
37
|
[s.disabled]: n.disabled || n.notPermitted || ((v = n.children) == null ? void 0 : v.every((o) => o.notPermitted || o.disabled))
|
|
@@ -97,8 +97,8 @@ const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1
|
|
|
97
97
|
S(() => {
|
|
98
98
|
d || b(-1);
|
|
99
99
|
}, [d]);
|
|
100
|
-
const j =
|
|
101
|
-
|
|
100
|
+
const j = z(null);
|
|
101
|
+
w([j], () => m(!1));
|
|
102
102
|
const { isMobile: x } = $();
|
|
103
103
|
return /* @__PURE__ */ e.jsxs("section", { ref: j, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: x }, {
|
|
104
104
|
[u.expand]: d
|