@deix/rossini-core 2.0.1 → 2.1.1

package/lib/components/buttons/Avatar/Avatar.js

@@ -5,7 +5,7 @@ import FaceIcon from '@mui/icons-material/Face';
 import LogoutIcon from '@mui/icons-material/Logout';
 import PersonIcon from '@mui/icons-material/Person';
 import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, useTheme, } from '@mui/material';
-import { useUserInfo } from '../../../utils/hooks/useUserInfo';
+import { useUserInfo } from '../../provider/UserInfoProvider';
 export const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
     const muiTheme = useTheme();
     // Menu
@@ -18,7 +18,7 @@ export const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
         setAnchorEl(null);
     };
     // User data
-    const { data: userInfo } = useUserInfo();
+    const userInfo = useUserInfo();
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: userInfo?.preferredUsername || 'Anonymous User' },
             React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: handleClick },

package/lib/components/buttons/LanguageSelect/LanguageSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/LanguageSelect/LanguageSelect.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,OAAO,EAGL,QAAQ,EACR,MAAM,EACP,MAAM,0BAA0B,CAAC;AAMlC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAiFjE,CAAC"}
+{"version":3,"file":"LanguageSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/LanguageSelect/LanguageSelect.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,OAAO,EAGL,QAAQ,EACR,MAAM,EACP,MAAM,0BAA0B,CAAC;AAMlC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqFjE,CAAC"}

package/lib/components/buttons/LanguageSelect/LanguageSelect.js

@@ -32,6 +32,9 @@ export const LanguageSelect = ({ languages = [
         // If no max-age is set the cookie will expire when the session ends.
         document.cookie = `${cookieName}=${locale}; max-age=315360000; path=/`; // 10 years
     };
+    if (!languages || languages.length < 2) {
+        return React.createElement("div", null);
+    }
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: t['tooltip'][locale] },
             React.createElement(IconButton, { component: 'span', "aria-label": 'language', onClick: openOptions },

package/lib/components/display/StyledValue/StyledValue.d.ts

@@ -4,7 +4,7 @@ import { CardProps, TypographyProps } from '@mui/material';
 import { StringTranslation } from '../../../types';
 import { ImprovementChipProps } from './ImprovementChip';
 export interface FetchedValue {
-    baseURL?: string;
+    baseURL: string;
     endpoint: string;
     config?: AxiosRequestConfig;
 }

package/lib/components/display/StyledValue/StyledValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledValue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/StyledValue/StyledValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,SAAS,EAGT,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAMD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IACtD,aAAa,CAAC,EAAE,OAAO,CACrB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,CACtD,CAAC;IACF,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,IAAI,CACzB,OAAO,CAAC,oBAAoB,CAAC,EAC7B,oBAAoB,GAAG,qBAAqB,GAAG,OAAO,CACvD,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4I3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StyledValue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/StyledValue/StyledValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,SAAS,EAGT,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAMD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IACtD,aAAa,CAAC,EAAE,OAAO,CACrB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,CACtD,CAAC;IACF,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,IAAI,CACzB,OAAO,CAAC,oBAAoB,CAAC,EAC7B,oBAAoB,GAAG,qBAAqB,GAAG,OAAO,CACvD,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4I3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/display/StyledValue/StyledValue.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { Box, Card, CardActionArea, Skeleton, Typography, } from '@mui/material';
 import { isStringTranslation } from '../../../types';
-import { isValidDate, useAPI, useLocale } from '../../../utils';
+import { isValidDate, useOptionalAPI, useLocale } from '../../../utils';
 import { useValue } from './hooks';
 import ImprovementChip from './ImprovementChip';
 import t from './translations.json';
@@ -19,7 +19,7 @@ const StyledValue = (props) => {
     }, } = props;
     const locale = useLocale();
     // Value
-    const apiClient = useAPI(props.value && isFetchedValue(props.value)
+    const apiClient = useOptionalAPI(props.value && isFetchedValue(props.value)
         ? props.value.baseURL
         : undefined);
     const { data: value, isLoading: isLoadingValue } = useValue(apiClient, props.value);

package/lib/components/index.d.ts

@@ -8,6 +8,6 @@ export { MinimalLayout, StandardLayout } from './layout';
 export type { AppLogoInfo, FooterProps, SidebarLink, SidebarProps, } from './layout';
 export { CircularLoading } from './progress';
 export type { CircularLoadingProps } from './progress';
-export { PageProvider } from './provider';
-export type { PageProviderProps } from './provider';
+export { PageProvider, useUserInfo } from './provider';
+export type { PageProviderProps, UserInfo } from './provider';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACpE,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzD,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACpE,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzD,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/index.js

@@ -3,4 +3,4 @@ export { Accordion, StyledValue, ImprovementChip } from './display';
 export { Link } from './i18n';
 export { MinimalLayout, StandardLayout } from './layout';
 export { CircularLoading } from './progress';
-export { PageProvider } from './provider';
+export { PageProvider, useUserInfo } from './provider';

package/lib/components/layout/MinimalLayout/MinimalLayout.js

@@ -25,10 +25,10 @@ const MinimalLayout = ({ isLoading, isError, error, footer, children, }) => {
                     flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
-                    paddingTop: '10px',
-                    paddingBottom: '10px',
-                    paddingLeft: '27px',
-                    paddingRight: '27px',
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: 2,
+                    paddingRight: 2,
                 } },
                 React.createElement("div", { style: {
                         display: 'flex',
@@ -49,10 +49,10 @@ const MinimalLayout = ({ isLoading, isError, error, footer, children, }) => {
                     // height: '100%',
                     maxWidth: '100%',
                     overflowX: 'hidden',
-                    paddingTop: '10px',
-                    paddingBottom: '10px',
-                    paddingLeft: '27px',
-                    paddingRight: '27px',
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: 2,
+                    paddingRight: 2,
                 } }, children)),
             React.createElement(Footer, { ...footer }))));
 };

package/lib/components/layout/StandardLayout/StandardLayout.js

@@ -41,10 +41,10 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                     // height: '100%',
                     maxWidth: '100%',
                     overflowX: 'hidden',
-                    paddingTop: '10px',
-                    paddingBottom: '10px',
-                    paddingLeft: '27px',
-                    paddingRight: '27px',
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: 2,
+                    paddingRight: 2,
                 } },
                 React.createElement("div", { style: {
                         display: 'flex',
@@ -62,10 +62,10 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                     // flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
-                    paddingTop: '10px',
-                    paddingBottom: '10px',
-                    paddingLeft: '27px',
-                    paddingRight: '27px',
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: 2,
+                    paddingRight: 2,
                 } }, children)),
             React.createElement(Footer, { ...footer }))));
 };

package/lib/components/layout/components/Footer/Footer.js

@@ -2,13 +2,13 @@
 import React from 'react';
 import { Box, Typography, useTheme } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
-import { useAPI } from '../../../../utils/index';
+import { useOptionalAPI } from '../../../../utils/index';
 import DeixLogo from '../../assets/DeixLogo';
 const Footer = ({ logo = React.createElement(DeixLogo, null), text = 'Deix Srl', textURL = 'https://deixsrl.com', uiInfo = { name: '', version: '' }, apiURL, children, }) => {
     const muiTheme = useTheme();
     // Get App Info (name and version)
     // Get API info (name and version) from backend
-    const apiClient = useAPI(apiURL);
+    const apiClient = useOptionalAPI(apiURL);
     const getAPIInfo = async () => {
         if (apiClient) {
             const { data } = await apiClient.get('info');

package/lib/components/layout/components/Sidebar/Sidebar.d.ts

@@ -34,6 +34,10 @@ export interface SidebarLink {
      * A list of nested links
      */
     subPages?: SidebarLink[];
+    /**
+     * A list of groups that are allowed to see this entry. If undefined or empty all groups will be allowed
+     */
+    allowedGroups?: string[];
 }
 export interface SidebarProps {
     /**

package/lib/components/layout/components/Sidebar/Sidebar.d.ts.map

@@ -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;AAGrC,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;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,CAiYnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"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,CA+YnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/layout/components/Sidebar/Sidebar.js

@@ -8,10 +8,12 @@ import { useTheme as useMUITheme } from '@mui/material';
 import { Link } from '../../../i18n';
 import { isStringTranslation, } from '../../../../types/languages';
 import { useLocale, usePathname, usePersistedState } from '../../../../utils';
+import { useUserInfo } from '../../..';
 const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
     const muiTheme = useMUITheme();
     const pathname = usePathname();
     const locale = useLocale();
+    const userInfo = useUserInfo();
     const selectedTextColor = muiTheme.palette.sidebar.contrastText;
     const unselectedTextColor = alpha(selectedTextColor, 0.9);
     const borderRadius = '8px';
@@ -47,6 +49,11 @@ const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
     }
     // Function to generate sidebar items. To be called recursively
     const handler = (links, options) => {
+        links.forEach((link) => {
+            console.log(!link.allowedGroups ||
+                link.allowedGroups.length < 1 ||
+                userInfo?.groups?.some((g) => link.allowedGroups?.includes(g)));
+        });
         if (open) {
             // Render all items with their labels
             return links
@@ -58,6 +65,9 @@ const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
                     return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
                 }
             })
+                .filter((link) => !link.allowedGroups ||
+                link.allowedGroups.length < 1 ||
+                userInfo?.groups?.some((g) => link.allowedGroups?.includes(g)))
                 .map((link) => {
                 const selected = pathname.startsWith(`${link.path}`);
                 if (!link.subPages) {

package/lib/components/provider/PageProvider.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import { PaletteOptions } from '@mui/material';
+import { UserInfo } from '.';
 export interface PageProviderProps {
     children: React.ReactNode;
     lightPalette?: PaletteOptions;
     darkPalette?: PaletteOptions;
+    userInfoUrl?: string;
+    defaultUserInfo?: UserInfo;
 }
 declare const PageProvider: React.FC<PageProviderProps>;
 export default PageProvider;

package/lib/components/provider/PageProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/PageProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAU7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/PageProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAoB,MAAM,GAAG,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAc7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/provider/PageProvider.js

@@ -2,8 +2,10 @@
 import React from 'react';
 import ThemeProvider from './ThemeProvider';
 import { SnackbarProvider } from 'notistack';
-const PageProvider = ({ children, lightPalette, darkPalette, }) => {
+import { UserInfoProvider } from '.';
+const PageProvider = ({ children, lightPalette, darkPalette, userInfoUrl, defaultUserInfo, }) => {
     return (React.createElement(ThemeProvider, { lightPalette: lightPalette, darkPalette: darkPalette },
-        React.createElement(SnackbarProvider, { maxSnack: 3 }, children)));
+        React.createElement(UserInfoProvider, { url: userInfoUrl, defaultUserInfo: defaultUserInfo },
+            React.createElement(SnackbarProvider, { maxSnack: 3 }, children))));
 };
 export default PageProvider;

package/lib/components/provider/UserInfoProvider.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface UserInfo {
+    /**
+     * The email address of the user.
+     */
+    email?: string;
+    /**
+     * The user id.
+     */
+    user?: string;
+    /**
+     * The user name.
+     */
+    preferredUsername?: string;
+    /**
+     * The groups the user belongs to
+     */
+    groups?: string[];
+}
+export interface UserInfoProviderProps {
+    url?: string;
+    defaultUserInfo?: UserInfo;
+    children: React.ReactNode;
+}
+declare const UserInfoProvider: ({ url, defaultUserInfo, children, }: UserInfoProviderProps) => React.JSX.Element;
+export declare const useUserInfo: () => UserInfo | undefined;
+export default UserInfoProvider;
+//# sourceMappingURL=UserInfoProvider.d.ts.map

package/lib/components/provider/UserInfoProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInfoProvider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/UserInfoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAYD,MAAM,WAAW,qBAAqB;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,gBAAgB,wCAInB,qBAAqB,sBAWvB,CAAC;AAEF,eAAO,MAAM,WAAW,4BAAoC,CAAC;AAE7D,eAAe,gBAAgB,CAAC"}

package/lib/components/provider/UserInfoProvider.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { createContext, useContext } from 'react';
+import axios from 'axios';
+const getUserInfo = async (url = '/oauth2/userinfo') => {
+    const fetch = axios.get(url).then((result) => {
+        console.log('User Info', result.data);
+        return result.data;
+    });
+    return await fetch;
+};
+const UserInfoContext = createContext(undefined);
+const UserInfoProvider = ({ url, defaultUserInfo, children, }) => {
+    const { data: userInfo } = useQuery({
+        queryKey: ['user-info'],
+        queryFn: () => getUserInfo(url),
+        staleTime: Infinity,
+    });
+    return (React.createElement(UserInfoContext.Provider, { value: userInfo || defaultUserInfo }, children));
+};
+export const useUserInfo = () => useContext(UserInfoContext);
+export default UserInfoProvider;

package/lib/components/provider/index.d.ts

@@ -1,3 +1,5 @@
 export { default as PageProvider } from './PageProvider';
 export type { PageProviderProps } from './PageProvider';
+export { default as UserInfoProvider, useUserInfo } from './UserInfoProvider';
+export type { UserInfo, UserInfoProviderProps } from './UserInfoProvider';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/provider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/provider/index.js

@@ -1 +1,2 @@
 export { default as PageProvider } from './PageProvider';
+export { default as UserInfoProvider, useUserInfo } from './UserInfoProvider';

package/lib/index.d.ts

@@ -1,7 +1,6 @@
-export { Accordion, Avatar, CircularLoading, ImprovementChip, LanguageSelect, Link, MinimalLayout, PageProvider, StandardLayout, StyledValue, ToggleButtonGroup, } from './components';
-export type { AccordionProps, AppLogoInfo, AvatarProps, ButtonGroupOption, CircularLoadingProps, FetchedValue, FooterProps, ImprovementChipProps, LanguageSelectProps, LinkProps, PageProviderProps, SidebarLink, SidebarProps, StyledValueProps, ToggleButtonGroupProps, } from './components';
+export { Accordion, Avatar, CircularLoading, ImprovementChip, LanguageSelect, Link, MinimalLayout, PageProvider, StandardLayout, StyledValue, ToggleButtonGroup, useUserInfo, } from './components';
+export type { AccordionProps, AppLogoInfo, AvatarProps, ButtonGroupOption, CircularLoadingProps, FetchedValue, FooterProps, ImprovementChipProps, LanguageSelectProps, LinkProps, PageProviderProps, SidebarLink, SidebarProps, StyledValueProps, ToggleButtonGroupProps, UserInfo, } from './components';
 export { isStringTranslation } from './types';
 export type { DBRow, DBRows, Language, Locale, PaginatedResponse, Query, StringTranslation, } from './types';
-export { camelToSnake, colorToRgb, commonStart, createI18nMiddleware, dateDiff, getTextColor, getTimeStr, hexToRgb, interpolate, isValidDate, stringToColor, toLocalStandardDateString, toTitleCase, useAPI, useLocale, usePathname, usePersistedState, useUserInfo, } from './utils';
-export type { UserInfo } from './utils';
+export { camelToSnake, colorToRgb, commonStart, createI18nMiddleware, dateDiff, getTextColor, getTimeStr, hexToRgb, interpolate, isValidDate, stringToColor, toLocalStandardDateString, toTitleCase, useAPI, useLocale, usePathname, usePersistedState, } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,eAAe,EACf,eAAe,EACf,cAAc,EACd,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EACnB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,eAAe,EACf,eAAe,EACf,cAAc,EACd,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EACnB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,EACtB,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAW,EACX,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

package/lib/index.js

@@ -1,3 +1,3 @@
-export { Accordion, Avatar, CircularLoading, ImprovementChip, LanguageSelect, Link, MinimalLayout, PageProvider, StandardLayout, StyledValue, ToggleButtonGroup, } from './components';
+export { Accordion, Avatar, CircularLoading, ImprovementChip, LanguageSelect, Link, MinimalLayout, PageProvider, StandardLayout, StyledValue, ToggleButtonGroup, useUserInfo, } from './components';
 export { isStringTranslation } from './types';
-export { camelToSnake, colorToRgb, commonStart, createI18nMiddleware, dateDiff, getTextColor, getTimeStr, hexToRgb, interpolate, isValidDate, stringToColor, toLocalStandardDateString, toTitleCase, useAPI, useLocale, usePathname, usePersistedState, useUserInfo, } from './utils';
+export { camelToSnake, colorToRgb, commonStart, createI18nMiddleware, dateDiff, getTextColor, getTimeStr, hexToRgb, interpolate, isValidDate, stringToColor, toLocalStandardDateString, toTitleCase, useAPI, useLocale, usePathname, usePersistedState, } from './utils';