@deix/rossini-core 2.1.7 → 2.2.0

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

@@ -41,6 +41,10 @@ interface StandardLayoutProps {
      * List of language options
      */
     languages?: Language[];
+    /**
+     * List of React nodes to be rendered in the Topbar
+     */
+    topbarActions?: ReactNode[];
 }
 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,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkHjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -10,7 +10,8 @@ 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, topbarActions = [], // Aggiungi la gestione di topbarActions
+ }) => {
     const theme = useMUITheme();
     const locale = useLocale();
     // Get if we are dealing with mobile client
@@ -18,7 +19,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 +33,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, additionalNodes: topbarActions }),
             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 +57,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/Footer/Footer.d.ts

@@ -20,10 +20,6 @@ export interface FooterProps {
      * The UI info (name and version)
      */
     uiInfo?: ApplicationInfo;
-    /**
-     * The URL for the backend API. This will send a request to /info for the name and version of the API and show this information. If this is not provided or if the fetch fails nothing is shown in the footer.
-     */
-    apiURL?: string;
     /**
      * A React component to be shown underneath the main footer.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,25 +1,9 @@
 'use client';
 import React from 'react';
 import { Box, Typography, useTheme } from '@mui/material';
-import { useQuery } from '@tanstack/react-query';
-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 Footer = ({ logo = React.createElement(DeixLogo, null), text = 'Deix Srl', textURL = 'https://deix.ai', uiInfo = { name: '', version: '' }, children, }) => {
     const muiTheme = useTheme();
-    // Get App Info (name and version)
-    // Get API info (name and version) from backend
-    const apiClient = useOptionalAPI(apiURL);
-    const getAPIInfo = async () => {
-        if (apiClient) {
-            const { data } = await apiClient.get('info');
-            return data;
-        }
-    };
-    const { data: apiInfo } = useQuery({
-        queryKey: ['api-info'],
-        queryFn: getAPIInfo,
-        staleTime: Infinity,
-    });
     return (React.createElement("footer", { style: { marginTop: 'auto' } },
         React.createElement(Box, { sx: {
                 display: 'flex',
@@ -47,13 +31,11 @@ const Footer = ({ logo = React.createElement(DeixLogo, null), text = 'Deix Srl',
                                 textDecoration: 'none',
                                 color: muiTheme.palette.text.secondary,
                             } }, text),
-                        ' ',
-                        "| ",
-                        uiInfo.name,
-                        " ",
-                        uiInfo.version,
-                        ' ',
-                        apiInfo ? `(${apiInfo.name} ${apiInfo.version})` : '')),
+                        uiInfo && uiInfo.name && (React.createElement("span", null,
+                            ' | ',
+                            uiInfo.name,
+                            " ",
+                            uiInfo.version)))),
                 children))));
 };
 export default Footer;

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,6 +30,10 @@ interface TopbarProps {
      * The props to be passed to the Avatar button component.
      */
     avatar?: AvatarProps;
+    /**
+     * Array of React nodes to display dynamically in the topbar.
+     */
+    additionalNodes?: ReactNode[];
     backgroundColor?: string;
     iconsColor?: string;
 }

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;AAcrD,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,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2EjC,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, additionalNodes = [], } = 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 }));
@@ -26,6 +26,7 @@ const Topbar = (props) => {
                 hasSidebar && (React.createElement(Tooltip, { title: menuMessage, arrow: true },
                     React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon))),
                 React.createElement("div", { style: { flexGrow: 1 } }),
+                additionalNodes.map((node, index) => (React.createElement(React.Fragment, { key: index }, node))),
                 React.createElement(LanguageSelect, { locale: locale, languages: languages }),
                 React.createElement(Avatar, { ...avatar }),
                 React.createElement(Tooltip, { title: themeMode === 'light'