react-luminus-components 1.4.15 → 1.4.16
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-CMHTkRXP.js → FormDisabledProvider-CdkJlYfk.js} +1 -1
- package/dist/FormDisabledProvider-DU9jpzIh.cjs +1 -0
- package/dist/{nivo-bar.es-Vx41D8Q4.cjs → ShortcutLinksContext-B2J2n2kF.cjs} +6 -6
- package/dist/{nivo-bar.es-CBOuz44h.js → ShortcutLinksContext-BjRebgUy.js} +4860 -4860
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +27 -27
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +50 -50
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +22 -22
- package/dist/main.cjs.js +49 -49
- package/dist/main.d.ts +1 -0
- package/dist/main.es.js +5136 -5135
- package/dist/style.css +1 -1
- package/dist/{useGetApiData-BKtw2ZNJ.js → useGetApiData-BRW203DN.js} +11 -11
- package/dist/useGetApiData-DSsW3tlv.cjs +1 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +18 -18
- package/dist/variables.scss +165 -165
- package/package.json +121 -121
- package/dist/FormDisabledProvider-p3VOjik3.cjs +0 -1
- package/dist/useGetApiData-it17QZKM.cjs +0 -1
package/dist/layout.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { useState as L, useRef as T, useMemo as k, useEffect as
|
|
1
|
+
import { af as I, j as e, c as i, Z as C, aA as R, bd as S, a4 as $, bx as A, by as z } from "./ShortcutLinksContext-BjRebgUy.js";
|
|
2
|
+
import { bb as fe, bz as ge } from "./ShortcutLinksContext-BjRebgUy.js";
|
|
3
|
+
import { useState as L, useRef as T, useMemo as k, useEffect as F } from "react";
|
|
4
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
|
-
const
|
|
10
|
+
const K = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm_10", U = "_nav-button_o72rm_13", W = "_child_o72rm_21", Z = "_text_o72rm_26", E = "_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
|
-
sideMenuItem:
|
|
12
|
+
sideMenuItem: K,
|
|
13
13
|
disabled: O,
|
|
14
14
|
hidden: D,
|
|
15
15
|
"nav-button": "_nav-button_o72rm_13",
|
|
@@ -28,13 +28,13 @@ const F = "_side-menu-item_o72rm_1", O = "_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(R, { 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:
|
|
32
|
-
var
|
|
33
|
-
const [f, v] = L(!1), [
|
|
31
|
+
}, ne = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx(R, { 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: b, useHover: d, useTooltips: h, isMobile: y, disableMode: r }) => {
|
|
32
|
+
var g, B, N, M;
|
|
33
|
+
const [f, v] = L(!1), [p] = b.split("?"), j = n.linkTo === p || ((g = n.children) == null ? void 0 : g.some((o) => o.linkTo === p)), m = T(null);
|
|
34
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
36
|
}, { active: f || j }, { open: a && n.children }, {
|
|
37
|
-
[r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((
|
|
37
|
+
[r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((B = n.children) == null ? void 0 : B.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: [
|
|
@@ -73,8 +73,8 @@ const F = "_side-menu-item_o72rm_1", O = "_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: b, expanded: d, setExpanded: h, currentPath: y, useHover: r, useTooltips: f, disableMode: v = "disable" }) => {
|
|
77
|
+
const [p, j] = L(-1), { checkUserHasPermissions: m } = S(), g = k(() => c.map((t) => {
|
|
78
78
|
var _;
|
|
79
79
|
return {
|
|
80
80
|
...t,
|
|
@@ -85,7 +85,7 @@ const F = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
85
85
|
disabled: t.disabled || x.disabled
|
|
86
86
|
}))
|
|
87
87
|
};
|
|
88
|
-
}), [c, m]),
|
|
88
|
+
}), [c, m]), B = k(() => b.map((t) => {
|
|
89
89
|
var _;
|
|
90
90
|
return {
|
|
91
91
|
...t,
|
|
@@ -95,10 +95,10 @@ const F = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
95
95
|
notPermitted: !m(x.permissions ?? [], "any")
|
|
96
96
|
}))
|
|
97
97
|
};
|
|
98
|
-
}), [
|
|
99
|
-
j(t ===
|
|
98
|
+
}), [b, m]), N = (t) => {
|
|
99
|
+
j(t === p ? -1 : t);
|
|
100
100
|
};
|
|
101
|
-
|
|
101
|
+
F(() => {
|
|
102
102
|
d || j(-1);
|
|
103
103
|
}, [d]);
|
|
104
104
|
const M = T(null);
|
|
@@ -110,17 +110,17 @@ const F = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
110
110
|
/* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
|
|
111
111
|
[u.onlyLogo]: r
|
|
112
112
|
}), role: r ? void 0 : "button", onClick: r ? void 0 : () => h(!d), children: r ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
113
|
-
/* @__PURE__ */ e.jsx(
|
|
113
|
+
/* @__PURE__ */ e.jsx(A, {}),
|
|
114
114
|
n
|
|
115
|
-
] }) : /* @__PURE__ */ e.jsx(
|
|
115
|
+
] }) : /* @__PURE__ */ e.jsx(z, {}) }),
|
|
116
116
|
d && (l || a) ? /* @__PURE__ */ e.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
|
|
117
117
|
a && d ? a : null,
|
|
118
118
|
l && d ? l : null
|
|
119
119
|
] }) : null,
|
|
120
120
|
/* @__PURE__ */ e.jsxs("ul", { className: u.sideMenuContent, children: [
|
|
121
|
-
|
|
121
|
+
g.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === p, 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
|
+
B.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === p, 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,7 +128,7 @@ const F = "_side-menu-item_o72rm_1", O = "_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: b }) => /* @__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: [
|
|
@@ -137,11 +137,11 @@ const F = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
|
|
|
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: b ?? null })
|
|
141
141
|
] }) });
|
|
142
142
|
export {
|
|
143
143
|
fe as PageContainer,
|
|
144
|
-
|
|
144
|
+
ge as SideContentBar,
|
|
145
145
|
je as SideMenu,
|
|
146
146
|
Ne as TopBar
|
|
147
147
|
};
|