react-luminus-components 1.4.44 → 1.4.46
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 +30 -30
- package/dist/FormDisabledProvider-BKhJ3z8H.cjs +1 -0
- package/dist/{FormDisabledProvider-Bc3J_rlQ.js → FormDisabledProvider-CRvfN8Ti.js} +1 -1
- package/dist/components/Localization/LocalizationSettings/LocalizationSettings.d.ts +1 -1
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +17 -17
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +44 -44
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +35 -35
- package/dist/main.cjs.js +49 -49
- package/dist/main.es.js +10029 -10011
- package/dist/{ShortcutLinksContext-QifZaVaV.js → nivo-bar.es-CZIO12ob.js} +12153 -12153
- package/dist/{ShortcutLinksContext-DJXuIkGb.cjs → nivo-bar.es-c-ieD_Y7.cjs} +7 -7
- package/dist/style.css +1 -1
- package/dist/useLocalStorageState-B8rqdAt7.cjs +1 -0
- package/dist/{useLocalStorageState-DuKXpEaV.js → useLocalStorageState-Di1g3-X5.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 +123 -123
- package/dist/FormDisabledProvider-BUy1lT5_.cjs +0 -1
- package/dist/useLocalStorageState-DIAsXrOa.cjs +0 -1
package/dist/layout.es.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { useState as L, useRef as
|
|
4
|
-
import { Link as
|
|
1
|
+
import { aR as I, j as e, c as i, Z as q, aC as T, bq as S, aE as $, bA as A, bB as F } from "./nivo-bar.es-CZIO12ob.js";
|
|
2
|
+
import { as as fe, bC as Be } from "./nivo-bar.es-CZIO12ob.js";
|
|
3
|
+
import { useState as L, useRef as R, useMemo as k, useEffect as K } from "react";
|
|
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
9
|
import "react-dom";
|
|
10
|
-
const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm_10",
|
|
10
|
+
const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm_10", E = "_nav-button_o72rm_13", U = "_child_o72rm_21", W = "_text_o72rm_26", Z = "_icon_o72rm_36", G = "_collapse-icon_o72rm_42", J = "_collapsed_o72rm_52", Q = "_collapse-icon-mini_o72rm_55", V = "_expanded_o72rm_86", X = "_children-container_o72rm_92", Y = "_visible_o72rm_100", H = "_children_o72rm_92", ee = "_mobile_o72rm_112", s = {
|
|
11
11
|
"side-menu-item": "_side-menu-item_o72rm_1",
|
|
12
12
|
sideMenuItem: O,
|
|
13
13
|
disabled: z,
|
|
14
14
|
hidden: D,
|
|
15
15
|
"nav-button": "_nav-button_o72rm_13",
|
|
16
|
-
navButton:
|
|
17
|
-
child:
|
|
18
|
-
text:
|
|
19
|
-
icon:
|
|
16
|
+
navButton: E,
|
|
17
|
+
child: U,
|
|
18
|
+
text: W,
|
|
19
|
+
icon: Z,
|
|
20
20
|
"collapse-icon": "_collapse-icon_o72rm_42",
|
|
21
21
|
collapseIcon: G,
|
|
22
22
|
collapsed: J,
|
|
@@ -28,17 +28,17 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
28
28
|
visible: Y,
|
|
29
29
|
children: H,
|
|
30
30
|
mobile: ee
|
|
31
|
-
}, ne = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx(
|
|
32
|
-
var B,
|
|
33
|
-
const [
|
|
34
|
-
return I([m], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: m, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]:
|
|
31
|
+
}, ne = ({ 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, P = ({ item: n, menuExpanded: l, collapsed: a, onCollapse: c, currentPath: h, useHover: d, useTooltips: p, isMobile: y, disableMode: r }) => {
|
|
32
|
+
var B, C, N, M;
|
|
33
|
+
const [f, v] = L(!1), [b] = h.split("?"), j = n.linkTo === b || ((B = n.children) == null ? void 0 : B.some((o) => o.linkTo === b)), m = R(null);
|
|
34
|
+
return I([m], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: m, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: y }, {
|
|
35
35
|
[s.expanded]: l
|
|
36
|
-
}, { active:
|
|
37
|
-
[r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((
|
|
36
|
+
}, { active: f || j }, { open: a && n.children }, {
|
|
37
|
+
[r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((C = n.children) == null ? void 0 : C.every((o) => o.notPermitted || o.disabled))
|
|
38
38
|
}, {
|
|
39
39
|
[r === "disable" ? "disabled" : "hidden"]: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
|
|
40
40
|
}), onMouseEnter: () => v(!0), onMouseLeave: () => v(!1), children: [
|
|
41
|
-
/* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: l, useTooltips:
|
|
41
|
+
/* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: l, useTooltips: p, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
|
|
42
42
|
c();
|
|
43
43
|
}, children: [
|
|
44
44
|
/* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
|
|
@@ -49,13 +49,13 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
49
49
|
l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
|
|
50
50
|
[s.collapsed]: a
|
|
51
51
|
}), children: /* @__PURE__ */ e.jsx(q, {}) })
|
|
52
|
-
] }) }) : /* @__PURE__ */ e.jsxs(
|
|
52
|
+
] }) }) : /* @__PURE__ */ e.jsxs(g, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
|
|
53
53
|
/* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
|
|
54
54
|
l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title })
|
|
55
55
|
] }) }),
|
|
56
56
|
/* @__PURE__ */ e.jsx("div", { className: i("children-container", s.childrenContainer, {
|
|
57
57
|
[s.visible]: a
|
|
58
|
-
}), 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(
|
|
58
|
+
}), 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(g, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, {
|
|
59
59
|
[r === "disable" ? s.disabled : s.hidden]: o.disabled || o.notPermitted
|
|
60
60
|
}, {
|
|
61
61
|
[r === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted
|
|
@@ -73,8 +73,8 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
73
73
|
onlyLogo: te,
|
|
74
74
|
mobile: ae,
|
|
75
75
|
divider: de
|
|
76
|
-
}, je = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems:
|
|
77
|
-
const [
|
|
76
|
+
}, je = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems: h, expanded: d, setExpanded: p, currentPath: y, useHover: r, useTooltips: f, disableMode: v = "disable" }) => {
|
|
77
|
+
const [b, j] = L(-1), { checkUserHasPermissions: m } = S(), B = k(() => c.map((t) => {
|
|
78
78
|
var _;
|
|
79
79
|
return {
|
|
80
80
|
...t,
|
|
@@ -85,7 +85,7 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
85
85
|
disabled: t.disabled || x.disabled
|
|
86
86
|
}))
|
|
87
87
|
};
|
|
88
|
-
}), [c, m]),
|
|
88
|
+
}), [c, m]), C = k(() => h.map((t) => {
|
|
89
89
|
var _;
|
|
90
90
|
return {
|
|
91
91
|
...t,
|
|
@@ -95,22 +95,22 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
95
95
|
notPermitted: !m(x.permissions ?? [], "any")
|
|
96
96
|
}))
|
|
97
97
|
};
|
|
98
|
-
}), [
|
|
99
|
-
j(t ===
|
|
98
|
+
}), [h, m]), N = (t) => {
|
|
99
|
+
j(t === b ? -1 : t);
|
|
100
100
|
};
|
|
101
101
|
K(() => {
|
|
102
102
|
d || j(-1);
|
|
103
103
|
}, [d]);
|
|
104
|
-
const M =
|
|
105
|
-
I([M], () =>
|
|
106
|
-
const { isMobile: o } =
|
|
104
|
+
const M = R(null);
|
|
105
|
+
I([M], () => p(!1));
|
|
106
|
+
const { isMobile: o } = $();
|
|
107
107
|
return /* @__PURE__ */ e.jsxs("section", { ref: M, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: o }, {
|
|
108
108
|
[u.expand]: d
|
|
109
|
-
}, { expand: d }), onMouseEnter: () => r &&
|
|
109
|
+
}, { expand: d }), onMouseEnter: () => r && p(!0), onMouseLeave: () => r && p(!1), children: [
|
|
110
110
|
/* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
|
|
111
111
|
[u.onlyLogo]: r
|
|
112
|
-
}), role: r ? void 0 : "button", onClick: r ? void 0 : () =>
|
|
113
|
-
/* @__PURE__ */ e.jsx(
|
|
112
|
+
}), role: r ? void 0 : "button", onClick: r ? void 0 : () => p(!d), children: r ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
113
|
+
/* @__PURE__ */ e.jsx(A, {}),
|
|
114
114
|
n
|
|
115
115
|
] }) : /* @__PURE__ */ e.jsx(F, {}) }),
|
|
116
116
|
d && (l || a) ? /* @__PURE__ */ e.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
|
|
@@ -118,9 +118,9 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
118
118
|
l && d ? l : null
|
|
119
119
|
] }) : null,
|
|
120
120
|
/* @__PURE__ */ e.jsxs("ul", { className: u.sideMenuContent, children: [
|
|
121
|
-
B.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ ===
|
|
121
|
+
B.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === b, onCollapse: () => N(_), currentPath: y, useHover: r, useTooltips: f, isMobile: o, disableMode: v }, t.title)),
|
|
122
122
|
/* @__PURE__ */ e.jsx("hr", { className: i("divider", u.divider) }),
|
|
123
|
-
|
|
123
|
+
C.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === b, onCollapse: () => N(_), currentPath: y, useHover: r, useTooltips: f, isMobile: o, disableMode: v }, t.title))
|
|
124
124
|
] })
|
|
125
125
|
] });
|
|
126
126
|
}, re = "_top-bar_lnmq0_1", ce = "_top-bar-brand_lnmq0_12", w = {
|
|
@@ -128,19 +128,19 @@ const O = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
128
128
|
topBar: re,
|
|
129
129
|
"top-bar-brand": "_top-bar-brand_lnmq0_12",
|
|
130
130
|
topBarBrand: ce
|
|
131
|
-
}, Ne = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent:
|
|
131
|
+
}, Ne = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent: h }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", w.topBar), style: {
|
|
132
132
|
width: l ? `calc(100% - ${l}px)` : void 0,
|
|
133
133
|
left: l ? `${l}px` : void 0
|
|
134
134
|
}, children: /* @__PURE__ */ e.jsxs("div", { className: "w-100 row g-0", children: [
|
|
135
135
|
/* @__PURE__ */ e.jsxs("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
|
|
136
|
-
/* @__PURE__ */ e.jsx(
|
|
136
|
+
/* @__PURE__ */ e.jsx(g, { to: "/", className: i("luminus-top-bar-brand", w.topBarBrand), children: n }),
|
|
137
137
|
a
|
|
138
138
|
] }),
|
|
139
139
|
/* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex align-items-center", children: c ?? null }),
|
|
140
|
-
/* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children:
|
|
140
|
+
/* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: h ?? null })
|
|
141
141
|
] }) });
|
|
142
142
|
export {
|
|
143
|
-
|
|
143
|
+
fe as PageContainer,
|
|
144
144
|
Be as SideContentBar,
|
|
145
145
|
je as SideMenu,
|
|
146
146
|
Ne as TopBar
|