@deix/rossini-core 2.1.1 → 2.1.3
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/lib/components/layout/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/components/layout/components/Sidebar/Sidebar.js +9 -3
- package/lib/components/layout/components/Topbar/Topbar.d.ts.map +1 -1
- package/lib/components/layout/components/Topbar/Topbar.js +19 -20
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAsBtD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAEL,MAAM,EACN,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AACD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAsBtD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAEL,MAAM,EACN,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AACD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqZnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -47,6 +47,13 @@ const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
|
|
|
47
47
|
if (sidebarItemOpen == undefined) {
|
|
48
48
|
return null;
|
|
49
49
|
}
|
|
50
|
+
// Function used to filter links that should not be displayed (because the
|
|
51
|
+
// user doesn't belong to the needed groups)
|
|
52
|
+
const isLinkVisible = (link) => {
|
|
53
|
+
return (!link.allowedGroups ||
|
|
54
|
+
link.allowedGroups.length < 1 ||
|
|
55
|
+
userInfo?.groups?.some((g) => link.allowedGroups?.includes(g)));
|
|
56
|
+
};
|
|
50
57
|
// Function to generate sidebar items. To be called recursively
|
|
51
58
|
const handler = (links, options) => {
|
|
52
59
|
links.forEach((link) => {
|
|
@@ -65,9 +72,7 @@ const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
|
|
|
65
72
|
return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
|
|
66
73
|
}
|
|
67
74
|
})
|
|
68
|
-
.filter(
|
|
69
|
-
link.allowedGroups.length < 1 ||
|
|
70
|
-
userInfo?.groups?.some((g) => link.allowedGroups?.includes(g)))
|
|
75
|
+
.filter(isLinkVisible)
|
|
71
76
|
.map((link) => {
|
|
72
77
|
const selected = pathname.startsWith(`${link.path}`);
|
|
73
78
|
if (!link.subPages) {
|
|
@@ -158,6 +163,7 @@ const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
|
|
|
158
163
|
return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
|
|
159
164
|
}
|
|
160
165
|
})
|
|
166
|
+
.filter(isLinkVisible)
|
|
161
167
|
.map((link) => {
|
|
162
168
|
const selected = pathname.startsWith(link.path);
|
|
163
169
|
if (link.subPages) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
|
|
|
3
3
|
import MenuOpenTwoToneIcon from '@mui/icons-material/MenuOpenTwoTone';
|
|
4
4
|
import MenuTwoToneIcon from '@mui/icons-material/MenuTwoTone';
|
|
5
5
|
import ModeNightIcon from '@mui/icons-material/ModeNight';
|
|
6
|
-
import { AppBar,
|
|
6
|
+
import { AppBar, IconButton, Toolbar, Tooltip, useTheme as useMUITheme, } from '@mui/material';
|
|
7
7
|
import { LanguageSelect } from '../../../buttons/index';
|
|
8
8
|
import { Avatar } from '../../../buttons/Avatar/Avatar';
|
|
9
9
|
import ElevationScroll from './ElevationScroll';
|
|
@@ -15,24 +15,23 @@ const Topbar = (props) => {
|
|
|
15
15
|
const muiTheme = useMUITheme();
|
|
16
16
|
const SidebarIcon = open ? (React.createElement(MenuOpenTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText })) : (React.createElement(MenuTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText }));
|
|
17
17
|
const menuMessage = open ? t['menuClose'][locale] : t['menuOpen'][locale];
|
|
18
|
-
return (React.createElement(
|
|
19
|
-
React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
React.createElement(ModeNightIcon, { htmlColor: muiTheme.palette.topbar.contrastText })))))))));
|
|
18
|
+
return (React.createElement(ElevationScroll, { ...props },
|
|
19
|
+
React.createElement(AppBar, { position: 'sticky', sx: {
|
|
20
|
+
width: '100%',
|
|
21
|
+
boxSizing: 'border-box',
|
|
22
|
+
background: muiTheme.palette.topbar.main,
|
|
23
|
+
color: muiTheme.palette.topbar.contrastText,
|
|
24
|
+
}, enableColorOnDark: true },
|
|
25
|
+
React.createElement(Toolbar, null,
|
|
26
|
+
hasSidebar && (React.createElement(Tooltip, { title: menuMessage, arrow: true },
|
|
27
|
+
React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon))),
|
|
28
|
+
React.createElement("div", { style: { flexGrow: 1 } }),
|
|
29
|
+
React.createElement(LanguageSelect, { locale: locale, languages: languages }),
|
|
30
|
+
React.createElement(Avatar, { ...avatar }),
|
|
31
|
+
React.createElement(Tooltip, { title: themeMode === 'light'
|
|
32
|
+
? t['enableDark'][locale]
|
|
33
|
+
: t['disableDark'][locale] },
|
|
34
|
+
React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setThemeMode(themeMode === 'light' ? 'dark' : 'light') },
|
|
35
|
+
React.createElement(ModeNightIcon, { htmlColor: muiTheme.palette.topbar.contrastText })))))));
|
|
37
36
|
};
|
|
38
37
|
export default Topbar;
|