@deix/rossini-core 2.1.8 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyExC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+ExC,CAAC"}

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

@@ -20,10 +20,10 @@ export const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
     // User data
     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 },
-                React.createElement(PersonIcon, { htmlColor: muiTheme.palette.topbar.contrastText }))),
-        React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
+        (userInfo || accountSettingsUrl || logoutUrl) && (React.createElement(Tooltip, { title: userInfo?.preferredUsername || 'Anonymous User' },
+            React.createElement(IconButton, { component: 'span', "aria-label": 'user menu', onClick: handleClick },
+                React.createElement(PersonIcon, { htmlColor: muiTheme.palette.topbar.contrastText })))),
+        (accountSettingsUrl || logoutUrl) && (React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right',
             }, transformOrigin: {
@@ -45,5 +45,5 @@ export const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
                 React.createElement(MenuItem, { onClick: handleClose },
                     React.createElement(ListItemIcon, null,
                         React.createElement(LogoutIcon, { fontSize: 'small' })),
-                    React.createElement(ListItemText, null, "Logout")))))));
+                    React.createElement(ListItemText, null, "Logout"))))))));
 };

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

@@ -41,6 +41,18 @@ interface StandardLayoutProps {
      * List of language options
      */
     languages?: Language[];
+    /**
+     * List of React nodes to be rendered in the Topbar (on the left side)
+     */
+    topbarLeftItems?: ReactNode[];
+    /**
+     * List of React nodes to be rendered in the Topbar (on the right side)
+     */
+    topbarRightItems?: ReactNode[];
+    /**
+     * Hide the button to switch theme
+     */
+    disableDarkMode?: boolean;
 }
 declare const StandardLayout: React.FC<StandardLayoutProps>;
 export default StandardLayout;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StandardLayout/StandardLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG1D,UAAU,mBAAmB;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoHjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StandardLayout/StandardLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAI1D,UAAU,mBAAmB;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsHjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -10,7 +10,7 @@ import TopLine from '../components/Topline/TopLine';
 import { useLocale, usePersistedState } from '../../../utils';
 import ServerDown from '../assets/ServerDown';
 import t from './translations.json';
-const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLinks = [], avatar, languages, children, }) => {
+const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLinks = [], avatar, languages, children, topbarLeftItems = [], topbarRightItems = [], disableDarkMode, }) => {
     const theme = useMUITheme();
     const locale = useLocale();
     // Get if we are dealing with mobile client
@@ -18,7 +18,7 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
     // Persist user preference about the sidebar
     const [sidebarOpen, setSidebarOpen] = usePersistedState('sidebarOpen', isMobile ? false : true);
     // Don't show anything until localStorage has been read
-    if (sidebarOpen == undefined) {
+    if (sidebarOpen === undefined) {
         return null;
     }
     return (React.createElement(Box, { sx: { display: 'flex', flexDirection: 'row' } },
@@ -32,13 +32,10 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                 background: theme.palette.background.default,
             } },
             React.createElement(TopLine, null),
-            React.createElement(Topbar, { hasSidebar: sidebarLinks && sidebarLinks.length > 0, onSidebarClose: () => setSidebarOpen(false), onSidebarOpen: () => setSidebarOpen(true), open: sidebarOpen, locale: locale, languages: languages, avatar: avatar }),
+            React.createElement(Topbar, { hasSidebar: sidebarLinks && sidebarLinks.length > 0, onSidebarClose: () => setSidebarOpen(false), onSidebarOpen: () => setSidebarOpen(true), open: sidebarOpen, locale: locale, languages: languages, avatar: avatar, additionalLeftItems: topbarLeftItems, additionalRightItems: topbarRightItems, disableDarkMode: disableDarkMode }),
             isLoading && React.createElement(CircularLoading, { locale: locale }),
             !isLoading && isError && (React.createElement(Box, { sx: {
                     flexGrow: 1,
-                    // display: 'flex',
-                    // flexDirection: 'column',
-                    // height: '100%',
                     maxWidth: '100%',
                     overflowX: 'hidden',
                     paddingTop: 2,
@@ -59,7 +56,6 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                         "Error: ",
                         error.message))))),
             !isLoading && (React.createElement(Box, { sx: {
-                    // flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
                     paddingTop: 2,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { Language, Locale } from '../../../../types/languages';
 import { AvatarProps } from '../../../buttons/Avatar/Avatar';
 interface TopbarProps {
@@ -30,8 +30,18 @@ interface TopbarProps {
      * The props to be passed to the Avatar button component.
      */
     avatar?: AvatarProps;
-    backgroundColor?: string;
-    iconsColor?: string;
+    /**
+     * Array of additional React nodes to display dynamically in the topbar (on the left side).
+     */
+    additionalLeftItems?: ReactNode[];
+    /**
+     * Array of additional React nodes to display dynamically in the topbar (on the right side).
+     */
+    additionalRightItems?: ReactNode[];
+    /**
+     * Hide the button to switch theme
+     */
+    disableDarkMode?: boolean;
 }
 declare const Topbar: React.FC<TopbarProps>;
 export default Topbar;

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

@@ -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,CAuEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAarD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKrE,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;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,EAAE,CAAC;IAClC;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,EAAE,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/layout/components/Topbar/Topbar.js

@@ -10,7 +10,7 @@ import ElevationScroll from './ElevationScroll';
 import t from './translations.json';
 import { ThemeModeContext } from '../../../provider/ThemeProvider';
 const Topbar = (props) => {
-    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, languages, avatar, } = props;
+    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, languages, avatar, additionalLeftItems = [], additionalRightItems = [], disableDarkMode, } = props;
     const { themeMode, setThemeMode } = useContext(ThemeModeContext);
     const muiTheme = useMUITheme();
     const SidebarIcon = open ? (React.createElement(MenuOpenTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText })) : (React.createElement(MenuTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText }));
@@ -25,13 +25,15 @@ const Topbar = (props) => {
             React.createElement(Toolbar, null,
                 hasSidebar && (React.createElement(Tooltip, { title: menuMessage, arrow: true },
                     React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon))),
+                additionalLeftItems.map((item, index) => (React.createElement(React.Fragment, { key: index }, item))),
                 React.createElement("div", { style: { flexGrow: 1 } }),
-                React.createElement(LanguageSelect, { locale: locale, languages: languages }),
+                additionalRightItems.map((item, index) => (React.createElement(React.Fragment, { key: index }, item))),
+                languages && languages.length > 1 && (React.createElement(LanguageSelect, { locale: locale, languages: languages })),
                 React.createElement(Avatar, { ...avatar }),
-                React.createElement(Tooltip, { title: themeMode === 'light'
+                !disableDarkMode && (React.createElement(Tooltip, { title: themeMode === 'light'
                         ? t['enableDark'][locale]
                         : t['disableDark'][locale] },
                     React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setThemeMode(themeMode === 'light' ? 'dark' : 'light') },
-                        React.createElement(ModeNightIcon, { htmlColor: muiTheme.palette.topbar.contrastText })))))));
+                        React.createElement(ModeNightIcon, { htmlColor: muiTheme.palette.topbar.contrastText }))))))));
 };
 export default Topbar;