react-luminus-components 1.3.210 → 1.3.211
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-DRiPKKWR.js → Loading-DPCBNtPT.js} +1 -1
- package/dist/Loading-DfMB_hGw.cjs +1 -0
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +29 -29
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +24 -24
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +8 -8
- package/dist/main.cjs.js +47 -47
- package/dist/main.es.js +9228 -9228
- package/dist/models/types/DropdownPickerOption.d.ts +1 -1
- package/dist/models/types/FormSelectOption.d.ts +2 -2
- package/dist/{ShortcutLinksContext-C3xQ0UIf.cjs → nivo-bar.es-9RAk4RS0.cjs} +6 -6
- package/dist/{ShortcutLinksContext-BHCuY1fD.js → nivo-bar.es-DqlCC2zX.js} +10454 -10456
- package/dist/searchUtils-BAOsCVfb.cjs +1 -0
- package/dist/{searchUtils-BDoz0wpS.js → searchUtils-DpOUaU8G.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useGetApiData-C56gveI2.js → useGetApiData-C3j_1h6n.js} +3 -3
- package/dist/useGetApiData-O5Y-KQks.cjs +1 -0
- package/dist/{usePermissions-C_PZN6KX.js → usePermissions-Dq4wr7P0.js} +1 -1
- package/dist/usePermissions-Dvcn0n88.cjs +1 -0
- package/dist/useRenderDraggableInPortal-DWV23TS4.cjs +1 -0
- package/dist/{useRenderDraggableInPortal-CTZWq9q6.js → useRenderDraggableInPortal-UyS2aKjd.js} +1 -1
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +12 -12
- package/dist/variables.scss +165 -165
- package/package.json +120 -120
- package/dist/Loading-BGPe1Bil.cjs +0 -1
- package/dist/searchUtils-14ZWm4yE.cjs +0 -1
- package/dist/useGetApiData-D6GvY81I.cjs +0 -1
- package/dist/usePermissions-u8n6e3vl.cjs +0 -1
- package/dist/useRenderDraggableInPortal-CmHa0N_o.cjs +0 -1
package/dist/hooks.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { bz as
|
|
1
|
+
import { ap as S, ar as P, b1 as L } from "./nivo-bar.es-DqlCC2zX.js";
|
|
2
|
+
import { bz as q, ao as H, ac as J, as as M, an as V, aG as X, bA as Y } from "./nivo-bar.es-DqlCC2zX.js";
|
|
3
3
|
import { u as ee } from "./useClickOutside-BmlXg38T.js";
|
|
4
|
-
import { u as se } from "./usePermissions-
|
|
5
|
-
import { u as oe, e as re, a as ne, b as ue, c as ce, d as le } from "./useRenderDraggableInPortal-
|
|
6
|
-
import { u as fe } from "./useGetApiData-
|
|
7
|
-
import { useState as
|
|
4
|
+
import { u as se } from "./usePermissions-Dq4wr7P0.js";
|
|
5
|
+
import { u as oe, e as re, a as ne, b as ue, c as ce, d as le } from "./useRenderDraggableInPortal-UyS2aKjd.js";
|
|
6
|
+
import { u as fe } from "./useGetApiData-C3j_1h6n.js";
|
|
7
|
+
import { useState as b, useEffect as C, useContext as T, useRef as U, useCallback as $ } from "react";
|
|
8
8
|
import { u as me } from "./useLocalStorageState-Bt99kkCr.js";
|
|
9
9
|
import "react-router-dom";
|
|
10
10
|
import "react-dom";
|
|
@@ -12,7 +12,7 @@ import "react-hook-form";
|
|
|
12
12
|
import "react-flexmonster";
|
|
13
13
|
import "@azure/msal-browser";
|
|
14
14
|
import "@azure/msal-react";
|
|
15
|
-
const
|
|
15
|
+
const B = (o) => {
|
|
16
16
|
let e = "pending", a;
|
|
17
17
|
const t = o.then((s) => {
|
|
18
18
|
e = "success", a = s;
|
|
@@ -33,19 +33,19 @@ const U = (o) => {
|
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
35
|
function K(o, e) {
|
|
36
|
-
const a =
|
|
36
|
+
const a = S({
|
|
37
37
|
silent: !0,
|
|
38
38
|
differentBaseUrl: e == null ? void 0 : e.customBaseUrl,
|
|
39
39
|
customToken: e == null ? void 0 : e.customToken
|
|
40
|
-
}), [t, s] =
|
|
40
|
+
}), [t, s] = b(null);
|
|
41
41
|
return C(() => {
|
|
42
42
|
(async () => {
|
|
43
43
|
const r = a.get(o).then((n) => n.data);
|
|
44
|
-
s(
|
|
44
|
+
s(B(r));
|
|
45
45
|
})();
|
|
46
46
|
}, [a, o]), t;
|
|
47
47
|
}
|
|
48
|
-
const
|
|
48
|
+
const E = (o, e, a) => {
|
|
49
49
|
let t = "pending", s;
|
|
50
50
|
const c = o.then((r) => {
|
|
51
51
|
t = "success", s = r;
|
|
@@ -74,19 +74,19 @@ const B = (o, e, a) => {
|
|
|
74
74
|
nullStateBeforeLoad: !0,
|
|
75
75
|
nullStateOnFail: !1
|
|
76
76
|
}, N = (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) => {
|
|
77
|
-
const p =
|
|
77
|
+
const p = S({
|
|
78
78
|
silent: t,
|
|
79
79
|
customToken: n,
|
|
80
80
|
differentBaseUrl: r,
|
|
81
81
|
noToastOnStatus: f ? [404] : void 0
|
|
82
|
-
}), { startLoading: h, stopLoading: g } =
|
|
82
|
+
}), { startLoading: h, stopLoading: g } = T(P), k = U(0), { isAuthenticated: w } = L(), [A, d] = b(null), m = $(async (l, D) => {
|
|
83
83
|
if (!w() || a === !1)
|
|
84
84
|
return;
|
|
85
85
|
!t && h(`loadData-${o}-${D}`), s && d(null);
|
|
86
86
|
const y = p.get(o, {
|
|
87
87
|
signal: l
|
|
88
|
-
}).then((
|
|
89
|
-
d(
|
|
88
|
+
}).then((x) => i ? i(x.data) : x.data).finally(() => !t && g(`loadData-${o}-${D}`));
|
|
89
|
+
d(E(y, c ?? !1, f ?? !1));
|
|
90
90
|
}, [
|
|
91
91
|
w,
|
|
92
92
|
a,
|
|
@@ -110,25 +110,25 @@ const B = (o, e, a) => {
|
|
|
110
110
|
}, [m, e]), { data: A, setData: d, reloadData: m };
|
|
111
111
|
};
|
|
112
112
|
export {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
q as cancelToken,
|
|
114
|
+
L as useAuth,
|
|
115
|
+
S as useAxios,
|
|
116
116
|
ee as useClickOutside,
|
|
117
117
|
oe as useClipboard,
|
|
118
|
-
|
|
118
|
+
H as useConfirm,
|
|
119
119
|
re as useEmployeePhotoPath,
|
|
120
|
-
|
|
120
|
+
J as useFormControlType,
|
|
121
121
|
fe as useGetApiData,
|
|
122
122
|
N as useGetApiDataBound,
|
|
123
123
|
K as useGetDataBound,
|
|
124
124
|
ne as useKeyPress,
|
|
125
125
|
me as useLocalStorageState,
|
|
126
|
-
|
|
126
|
+
M as useNotifications,
|
|
127
127
|
se as usePermissions,
|
|
128
|
-
|
|
128
|
+
V as usePrompt,
|
|
129
129
|
ue as useRenderDraggableInPortal,
|
|
130
130
|
ce as useSearchQuery,
|
|
131
131
|
le as useSearchQueryState,
|
|
132
|
-
|
|
133
|
-
|
|
132
|
+
X as useWindowSize,
|
|
133
|
+
Y as useZodSchemaTypes
|
|
134
134
|
};
|
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("./nivo-bar.es-9RAk4RS0.cjs"),x=require("react"),y=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const C=require("./useClickOutside-D0505nsm.cjs");require("react-dom");const k=require("./usePermissions-Dvcn0n88.cjs"),P="_side-menu-item_1o1uo_1",f="_disabled_1o1uo_6",w="_nav-button_1o1uo_10",I="_child_1o1uo_18",S="_text_1o1uo_23",L="_icon_1o1uo_30",T="_collapse-icon_1o1uo_36",O="_collapsed_1o1uo_46",$="_collapse-icon-mini_1o1uo_49",A="_expanded_1o1uo_80",K="_children-container_1o1uo_86",D="_visible_1o1uo_94",F="_children_1o1uo_86",z="_mobile_1o1uo_106",o={"side-menu-item":"_side-menu-item_1o1uo_1",sideMenuItem:P,disabled:f,"nav-button":"_nav-button_1o1uo_10",navButton:w,child:I,text:S,icon:L,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:T,collapsed:O,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:$,expanded:A,"children-container":"_children-container_1o1uo_86",childrenContainer:K,visible:D,children:F,mobile:z},U=({item:s,menuExpanded:i,useTooltips:l,children:r})=>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:r})}):r,g=({item:s,menuExpanded:i,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 C.useClickOutside([u],()=>l&&r()),e.jsxRuntimeExports.jsxs("li",{ref:u,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.mobile]:E},{[o.expanded]:i},{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(U,{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",o.navButton),onClick:()=>{r()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),!a&&!i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",o.collapseIconMini,{[o.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title}),i&&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}),i&&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))})})]})},W="_side-menu_1q9oh_1",G="_sidebar-header_1q9oh_15",J="_side-menu-content_1q9oh_22",Q="_expand_1q9oh_27",V="_only-logo_1q9oh_31",X="_mobile_1q9oh_34",Y="_divider_1q9oh_49",m={"side-menu":"_side-menu_1q9oh_1",sideMenu:W,"sidebar-header":"_sidebar-header_1q9oh_15",sidebarHeader:G,"side-menu-content":"_side-menu-content_1q9oh_22",sideMenuContent:J,expand:Q,"only-logo":"_only-logo_1q9oh_31",onlyLogo:V,mobile:X,divider:Y},Z=({headerItem:s,searchItem:i,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(t=>{var c;return{...t,notPermitted:!u(t.permissions??[],"any"),children:(c=t.children)==null?void 0:c.map(b=>({...b,notPermitted:!u(b.permissions??[],"any"),disabled:t.disabled||b.disabled}))}}),[r,u]),q=x.useMemo(()=>_.map(t=>{var c;return{...t,notPermitted:!u(t.permissions??[],"any"),children:(c=t.children)==null?void 0:c.map(b=>({...b,notPermitted:!u(b.permissions??[],"any")}))}}),[_,u]),v=t=>{R(t===j?-1:t)};x.useEffect(()=>{a||R(-1)},[a]);const N=x.useRef(null);C.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&&(i||l)?e.jsxRuntimeExports.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[l&&a?l:null,i&&a?i:null]}):null,e.jsxRuntimeExports.jsxs("ul",{className:m.sideMenuContent,children:[M.map((t,c)=>e.jsxRuntimeExports.jsx(g,{item:t,menuExpanded:a,collapsed:c===j,onCollapse:()=>v(c),currentPath:E,useHover:d,useTooltips:h,isMobile:n},t.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",m.divider)}),q.map((t,c)=>e.jsxRuntimeExports.jsx(g,{item:t,menuExpanded:a,collapsed:c===j,onCollapse:()=>v(c),currentPath:E,useHover:d,useTooltips:h,isMobile:n},t.title))]})]})},H="_top-bar_lnmq0_1",ee="_top-bar-brand_lnmq0_12",B={"top-bar":"_top-bar_lnmq0_1",topBar:H,"top-bar-brand":"_top-bar-brand_lnmq0_12",topBarBrand:ee},se=({appName:s,leftOffset:i,leftContent:l,centerContent:r,rightContent:_})=>e.jsxRuntimeExports.jsx("nav",{className:e.classNames("luminus-top-bar shadow",B.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(y.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",B.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=Z;exports.TopBar=se;
|
package/dist/layout.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as e, c as i, a8 as q,
|
|
2
|
-
import {
|
|
1
|
+
import { j as e, c as i, a8 as q, aE as T, aG as R, bn as S, bo as $ } from "./nivo-bar.es-DqlCC2zX.js";
|
|
2
|
+
import { au as ye, bp as ge } from "./nivo-bar.es-DqlCC2zX.js";
|
|
3
3
|
import { useState as w, useRef as I, useMemo as C, useEffect as A } from "react";
|
|
4
4
|
import { Link as B } from "react-router-dom";
|
|
5
5
|
import "react-hook-form";
|
|
@@ -8,19 +8,19 @@ import "@azure/msal-browser";
|
|
|
8
8
|
import "@azure/msal-react";
|
|
9
9
|
import { u as L } from "./useClickOutside-BmlXg38T.js";
|
|
10
10
|
import "react-dom";
|
|
11
|
-
import { u as F } from "./usePermissions-
|
|
12
|
-
const K = "_side-menu-item_1o1uo_1", O = "_disabled_1o1uo_6", z = "_nav-button_1o1uo_10", D = "_child_1o1uo_18",
|
|
11
|
+
import { u as F } from "./usePermissions-Dq4wr7P0.js";
|
|
12
|
+
const K = "_side-menu-item_1o1uo_1", O = "_disabled_1o1uo_6", z = "_nav-button_1o1uo_10", D = "_child_1o1uo_18", E = "_text_1o1uo_23", G = "_icon_1o1uo_30", U = "_collapse-icon_1o1uo_36", W = "_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 = {
|
|
13
13
|
"side-menu-item": "_side-menu-item_1o1uo_1",
|
|
14
14
|
sideMenuItem: K,
|
|
15
15
|
disabled: O,
|
|
16
16
|
"nav-button": "_nav-button_1o1uo_10",
|
|
17
17
|
navButton: z,
|
|
18
18
|
child: D,
|
|
19
|
-
text:
|
|
20
|
-
icon:
|
|
19
|
+
text: E,
|
|
20
|
+
icon: G,
|
|
21
21
|
"collapse-icon": "_collapse-icon_1o1uo_36",
|
|
22
|
-
collapseIcon:
|
|
23
|
-
collapsed:
|
|
22
|
+
collapseIcon: U,
|
|
23
|
+
collapsed: W,
|
|
24
24
|
"collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
|
|
25
25
|
collapseIconMini: J,
|
|
26
26
|
expanded: Q,
|