@gridsuite/commons-ui 0.80.0 → 0.82.0

package/dist/components/topBar/TopBar.js

@@ -2,13 +2,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { FormattedMessage } from "react-intl";
 import { Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton, darken } from "@mui/material";
-import { Apps, ArrowDropUp, ArrowDropDown, Person, WbSunny, Brightness3, Computer, Settings, ManageAccounts, HelpOutline, ExitToApp } from "@mui/icons-material";
+import { Apps, ArrowDropUp, ArrowDropDown, Person, Badge, ManageAccounts, HelpOutline, WbSunny, Brightness3, Computer, ExitToApp } from "@mui/icons-material";
 import { styled } from "@mui/system";
 import { GridLogo } from "./GridLogo.js";
 import { AboutDialog } from "./AboutDialog.js";
 import { useStateBoolean } from "../../hooks/customStates/useStateBoolean.js";
 import UserInformationDialog from "./UserInformationDialog.js";
+import UserSettingsDialog from "./UserSettingsDialog.js";
 import { LIGHT_THEME, DARK_THEME, LANG_SYSTEM, LANG_ENGLISH, LANG_FRENCH } from "../../utils/constants/browserConstants.js";
+import MessageBanner from "./MessageBanner.js";
 const styles = {
   grow: {
     flexGrow: 1,
@@ -102,8 +104,13 @@ const CustomListItemIcon = styled(ListItemIcon)({
   paddingRight: "15px",
   borderRadius: "25px"
 });
-const EN = "EN";
-const FR = "FR";
+function abbreviationFromUserName(name) {
+  const tab = name.split(" ").map((x) => x.charAt(0));
+  if (tab.length === 1) {
+    return tab[0];
+  }
+  return tab[0] + tab[tab.length - 1];
+}
 function TopBar({
   appName,
   appColor,
@@ -111,7 +118,6 @@ function TopBar({
   appVersion,
   appLicense,
   logoAboutDialog,
-  onParametersClick,
   onLogoutClick,
   onLogoClick,
   user,
@@ -122,6 +128,8 @@ function TopBar({
   additionalModulesPromise,
   onThemeClick,
   theme,
+  developerMode,
+  onDeveloperModeClick,
   onEquipmentLabellingClick,
   equipmentLabelling,
   onLanguageClick,
@@ -134,6 +142,11 @@ function TopBar({
     setFalse: closeUserInformationDialog,
     setTrue: openUserInformationDialog
   } = useStateBoolean(false);
+  const {
+    value: userSettingsDialogOpen,
+    setFalse: closeUserSettingsDialog,
+    setTrue: openUserSettingsDialog
+  } = useStateBoolean(false);
   const handleToggleSettingsMenu = (event) => {
     setAnchorElSettingsMenu(event.currentTarget);
   };
@@ -146,19 +159,6 @@ function TopBar({
   const handleCloseAppsMenu = () => {
     setAnchorElAppsMenu(null);
   };
-  const onParametersClicked = () => {
-    setAnchorElSettingsMenu(null);
-    if (onParametersClick) {
-      onParametersClick();
-    }
-  };
-  const abbreviationFromUserName = (name) => {
-    const tab = name.split(" ").map((x) => x.charAt(0));
-    if (tab.length === 1) {
-      return tab[0];
-    }
-    return tab[0] + tab[tab.length - 1];
-  };
   const changeTheme = (_, value) => {
     if (onThemeClick && value !== null) {
       onThemeClick(value);
@@ -176,7 +176,7 @@ function TopBar({
   };
   const [isAboutDialogOpen, setAboutDialogOpen] = useState(false);
   const onAboutClicked = () => {
-    setAnchorElSettingsMenu(false);
+    setAnchorElSettingsMenu(null);
     if (onAboutClick) {
       onAboutClick();
     } else {
@@ -194,317 +194,330 @@ function TopBar({
     setAnchorElSettingsMenu(null);
     openUserInformationDialog();
   };
+  const onUserSettingsDialogClicked = () => {
+    setAnchorElSettingsMenu(null);
+    openUserSettingsDialog();
+  };
   const logoClickable = useMemo(
     () => /* @__PURE__ */ jsx(GridLogo, { onClick: onLogoClick, appLogo, appName, appColor }),
     [onLogoClick, appLogo, appName, appColor]
   );
   return (
-    // @ts-ignore appBar style is not defined
-    /* @__PURE__ */ jsx(AppBar, { position: "static", color: "default", sx: styles.appBar, children: /* @__PURE__ */ jsxs(Toolbar, { children: [
-      logoClickable,
-      /* @__PURE__ */ jsx(Box, { sx: styles.grow, children }),
-      user && /* @__PURE__ */ jsxs(Box, { children: [
+    // @ts-expect-error appBar style is not defined
+    /* @__PURE__ */ jsxs(AppBar, { position: "static", color: "default", sx: styles.appBar, children: [
+      user && developerMode && /* @__PURE__ */ jsx(MessageBanner, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/developerModeWarning", defaultMessage: "Developer mode" }) }),
+      /* @__PURE__ */ jsxs(Toolbar, { children: [
+        logoClickable,
+        /* @__PURE__ */ jsx(Box, { sx: styles.grow, children }),
+        user && /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": "apps",
+              "aria-controls": "apps-menu",
+              "aria-haspopup": "true",
+              onClick: handleClickAppsMenu,
+              color: "inherit",
+              children: /* @__PURE__ */ jsx(Apps, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StyledMenu,
+            {
+              id: "apps-menu",
+              anchorEl: anchorElAppsMenu,
+              keepMounted: true,
+              open: Boolean(anchorElAppsMenu),
+              onClose: handleCloseAppsMenu,
+              children: appsAndUrls && appsAndUrls.filter((item) => !item.hiddenInAppsMenu).map((item) => {
+                var _a;
+                return /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    component: "a",
+                    href: (_a = item.url) == null ? void 0 : _a.toString(),
+                    sx: styles.link,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: /* @__PURE__ */ jsx(StyledMenuItem, { onClick: handleCloseAppsMenu, children: /* @__PURE__ */ jsxs(ListItemText, { children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontWeight: "bold"
+                          },
+                          children: "Grid"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            color: item.appColor === void 0 ? "grey" : item.appColor,
+                            fontWeight: "bold"
+                          },
+                          children: item.name
+                        }
+                      )
+                    ] }) })
+                  },
+                  item.name
+                );
+              })
+            }
+          )
+        ] }),
+        user && /* @__PURE__ */ jsxs(Box, { sx: styles.menuContainer, children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              "aria-controls": "settings-menu",
+              "aria-haspopup": "true",
+              sx: styles.showHideMenu,
+              onClick: handleToggleSettingsMenu,
+              color: "inherit",
+              style: anchorElSettingsMenu ? { cursor: "initial" } : { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.name, children: user.profile.name !== void 0 ? abbreviationFromUserName(user.profile.name) : "" }),
+                anchorElSettingsMenu ? /* @__PURE__ */ jsx(ArrowDropUp, { sx: styles.arrowIcon }) : /* @__PURE__ */ jsx(ArrowDropDown, { sx: styles.arrowIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popper,
+            {
+              sx: styles.settingsMenu,
+              open: Boolean(anchorElSettingsMenu),
+              anchorEl: anchorElSettingsMenu,
+              children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleCloseSettingsMenu, children: /* @__PURE__ */ jsxs(MenuList, { id: "settings-menu", children: [
+                /* @__PURE__ */ jsxs(StyledMenuItem, { sx: styles.borderBottom, disabled: true, style: { opacity: "1" }, children: [
+                  /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(Person, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx(ListItemText, { children: user !== null && /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.sizeLabel, children: [
+                    user.profile.name,
+                    " ",
+                    /* @__PURE__ */ jsx("br", {}),
+                    /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.userMail, children: user.profile.email })
+                  ] }) })
+                ] }),
+                !isHiddenUserInformation() && /* @__PURE__ */ jsxs(
+                  StyledMenuItem,
+                  {
+                    style: { opacity: "1" },
+                    onClick: onUserInformationDialogClicked,
+                    children: [
+                      /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(Badge, { fontSize: "small" }) }),
+                      /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "top-bar/userInformation",
+                          defaultMessage: "User information"
+                        }
+                      ) }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(StyledMenuItem, { onClick: onUserSettingsDialogClicked, sx: styles.borderBottom, children: [
+                  /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(ManageAccounts, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "top-bar/userSettings",
+                      defaultMessage: "Settings"
+                    }
+                  ) }) })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  StyledMenuItem,
+                  {
+                    sx: styles.borderBottom,
+                    style: { opacity: "1" },
+                    onClick: onAboutClicked,
+                    children: [
+                      /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(HelpOutline, { fontSize: "small" }) }),
+                      /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/about", defaultMessage: "About" }) }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  StyledMenuItem,
+                  {
+                    disabled: true,
+                    style: {
+                      opacity: "1",
+                      paddingTop: "10px",
+                      paddingBottom: "10px",
+                      backgroundColor: "transparent"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "top-bar/displayMode",
+                          defaultMessage: "Display mode"
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ jsxs(
+                        ToggleButtonGroup,
+                        {
+                          exclusive: true,
+                          value: theme,
+                          size: "large",
+                          sx: styles.toggleButtonGroup,
+                          onChange: changeTheme,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              ToggleButton,
+                              {
+                                value: LIGHT_THEME,
+                                "aria-label": LIGHT_THEME,
+                                sx: styles.toggleButton,
+                                children: /* @__PURE__ */ jsx(WbSunny, { fontSize: "small" })
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              ToggleButton,
+                              {
+                                value: DARK_THEME,
+                                "aria-label": DARK_THEME,
+                                sx: styles.toggleButton,
+                                children: /* @__PURE__ */ jsx(Brightness3, { fontSize: "small" })
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                onEquipmentLabellingClick && /* @__PURE__ */ jsxs(
+                  StyledMenuItem,
+                  {
+                    disabled: true,
+                    style: {
+                      opacity: "1",
+                      // padding: '0',
+                      paddingTop: "10px",
+                      paddingBottom: "10px",
+                      backgroundColor: "transparent"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "top-bar/equipmentLabel",
+                          defaultMessage: "Equipment label"
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ jsxs(
+                        ToggleButtonGroup,
+                        {
+                          exclusive: true,
+                          value: equipmentLabelling,
+                          sx: styles.toggleButtonGroup,
+                          onChange: changeEquipmentLabelling,
+                          children: [
+                            /* @__PURE__ */ jsx(ToggleButton, { value: false, sx: styles.toggleButton, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/id", defaultMessage: "Id" }) }),
+                            /* @__PURE__ */ jsx(ToggleButton, { value: true, sx: styles.toggleButton, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/name", defaultMessage: "Name" }) })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  StyledMenuItem,
+                  {
+                    disabled: true,
+                    sx: styles.borderBottom,
+                    style: {
+                      opacity: "1",
+                      paddingTop: "10px",
+                      paddingBottom: "10px",
+                      backgroundColor: "transparent"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/language", defaultMessage: "Language" }) }) }),
+                      /* @__PURE__ */ jsxs(
+                        ToggleButtonGroup,
+                        {
+                          exclusive: true,
+                          value: language,
+                          sx: styles.toggleButtonGroup,
+                          onChange: changeLanguage,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              ToggleButton,
+                              {
+                                value: LANG_SYSTEM,
+                                "aria-label": LANG_SYSTEM,
+                                sx: styles.languageToggleButton,
+                                children: /* @__PURE__ */ jsx(Computer, {})
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              ToggleButton,
+                              {
+                                value: LANG_ENGLISH,
+                                "aria-label": LANG_ENGLISH,
+                                sx: styles.languageToggleButton,
+                                children: "EN"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              ToggleButton,
+                              {
+                                value: LANG_FRENCH,
+                                "aria-label": LANG_FRENCH,
+                                sx: styles.toggleButton,
+                                children: "FR"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(StyledMenuItem, { onClick: onLogoutClick, children: [
+                  /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(ExitToApp, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/logout", defaultMessage: "Logout" }) }) })
+                ] })
+              ] }) }) })
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
-          IconButton,
+          UserInformationDialog,
           {
-            "aria-label": "apps",
-            "aria-controls": "apps-menu",
-            "aria-haspopup": "true",
-            onClick: handleClickAppsMenu,
-            color: "inherit",
-            children: /* @__PURE__ */ jsx(Apps, {})
+            openDialog: userInformationDialogOpen && !!user,
+            user,
+            onClose: closeUserInformationDialog
           }
         ),
         /* @__PURE__ */ jsx(
-          StyledMenu,
+          UserSettingsDialog,
           {
-            id: "apps-menu",
-            anchorEl: anchorElAppsMenu,
-            keepMounted: true,
-            open: Boolean(anchorElAppsMenu),
-            onClose: handleCloseAppsMenu,
-            children: appsAndUrls && appsAndUrls.filter((item) => !item.hiddenInAppsMenu).map((item) => {
-              var _a;
-              return /* @__PURE__ */ jsx(
-                Box,
-                {
-                  component: "a",
-                  href: (_a = item.url) == null ? void 0 : _a.toString(),
-                  sx: styles.link,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  children: /* @__PURE__ */ jsx(StyledMenuItem, { onClick: handleCloseAppsMenu, children: /* @__PURE__ */ jsxs(ListItemText, { children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          fontWeight: "bold"
-                        },
-                        children: "Grid"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          color: item.appColor === void 0 ? "grey" : item.appColor,
-                          fontWeight: "bold"
-                        },
-                        children: item.name
-                      }
-                    )
-                  ] }) })
-                },
-                item.name
-              );
-            })
-          }
-        )
-      ] }),
-      user && /* @__PURE__ */ jsxs(Box, { sx: styles.menuContainer, children: [
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "aria-controls": "settings-menu",
-            "aria-haspopup": "true",
-            sx: styles.showHideMenu,
-            onClick: handleToggleSettingsMenu,
-            color: "inherit",
-            style: anchorElSettingsMenu ? { cursor: "initial" } : { cursor: "pointer" },
-            children: [
-              /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.name, children: user !== null ? abbreviationFromUserName(
-                // @ts-ignore name could be undefined, how to handle this case ?
-                user.profile.name
-              ) : "" }),
-              anchorElSettingsMenu ? /* @__PURE__ */ jsx(ArrowDropUp, { sx: styles.arrowIcon }) : /* @__PURE__ */ jsx(ArrowDropDown, { sx: styles.arrowIcon })
-            ]
+            openDialog: userSettingsDialogOpen && !!user,
+            onClose: closeUserSettingsDialog,
+            developerMode,
+            onDeveloperModeClick
           }
         ),
         /* @__PURE__ */ jsx(
-          Popper,
+          AboutDialog,
           {
-            sx: styles.settingsMenu,
-            open: Boolean(anchorElSettingsMenu),
-            anchorEl: anchorElSettingsMenu,
-            children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleCloseSettingsMenu, children: /* @__PURE__ */ jsxs(MenuList, { id: "settings-menu", children: [
-              /* @__PURE__ */ jsxs(StyledMenuItem, { sx: styles.borderBottom, disabled: true, style: { opacity: "1" }, children: [
-                /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(Person, { fontSize: "small" }) }),
-                /* @__PURE__ */ jsx(ListItemText, { children: user !== null && /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.sizeLabel, children: [
-                  user.profile.name,
-                  " ",
-                  /* @__PURE__ */ jsx("br", {}),
-                  /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.userMail, children: user.profile.email })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxs(
-                StyledMenuItem,
-                {
-                  disabled: true,
-                  style: {
-                    opacity: "1",
-                    paddingTop: "10px",
-                    paddingBottom: "10px",
-                    backgroundColor: "transparent"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
-                      FormattedMessage,
-                      {
-                        id: "top-bar/displayMode",
-                        defaultMessage: "Display mode"
-                      }
-                    ) }) }),
-                    /* @__PURE__ */ jsxs(
-                      ToggleButtonGroup,
-                      {
-                        exclusive: true,
-                        value: theme,
-                        size: "large",
-                        sx: styles.toggleButtonGroup,
-                        onChange: changeTheme,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            ToggleButton,
-                            {
-                              value: LIGHT_THEME,
-                              "aria-label": LIGHT_THEME,
-                              sx: styles.toggleButton,
-                              children: /* @__PURE__ */ jsx(WbSunny, { fontSize: "small" })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            ToggleButton,
-                            {
-                              value: DARK_THEME,
-                              "aria-label": DARK_THEME,
-                              sx: styles.toggleButton,
-                              children: /* @__PURE__ */ jsx(Brightness3, { fontSize: "small" })
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              onEquipmentLabellingClick && /* @__PURE__ */ jsxs(
-                StyledMenuItem,
-                {
-                  disabled: true,
-                  style: {
-                    opacity: "1",
-                    // padding: '0',
-                    paddingTop: "10px",
-                    paddingBottom: "10px",
-                    backgroundColor: "transparent"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
-                      FormattedMessage,
-                      {
-                        id: "top-bar/equipmentLabel",
-                        defaultMessage: "Equipment label"
-                      }
-                    ) }) }),
-                    /* @__PURE__ */ jsxs(
-                      ToggleButtonGroup,
-                      {
-                        exclusive: true,
-                        value: equipmentLabelling,
-                        sx: styles.toggleButtonGroup,
-                        onChange: changeEquipmentLabelling,
-                        children: [
-                          /* @__PURE__ */ jsx(ToggleButton, { value: false, sx: styles.toggleButton, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/id", defaultMessage: "Id" }) }),
-                          /* @__PURE__ */ jsx(ToggleButton, { value: true, sx: styles.toggleButton, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/name", defaultMessage: "Name" }) })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                StyledMenuItem,
-                {
-                  disabled: true,
-                  style: {
-                    opacity: "1",
-                    paddingTop: "10px",
-                    paddingBottom: "10px",
-                    backgroundColor: "transparent"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/language", defaultMessage: "Language" }) }) }),
-                    /* @__PURE__ */ jsxs(
-                      ToggleButtonGroup,
-                      {
-                        exclusive: true,
-                        value: language,
-                        sx: styles.toggleButtonGroup,
-                        onChange: changeLanguage,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            ToggleButton,
-                            {
-                              value: LANG_SYSTEM,
-                              "aria-label": LANG_SYSTEM,
-                              sx: styles.languageToggleButton,
-                              children: /* @__PURE__ */ jsx(Computer, {})
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            ToggleButton,
-                            {
-                              value: LANG_ENGLISH,
-                              "aria-label": LANG_ENGLISH,
-                              sx: styles.languageToggleButton,
-                              children: EN
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            ToggleButton,
-                            {
-                              value: LANG_FRENCH,
-                              "aria-label": LANG_FRENCH,
-                              sx: styles.toggleButton,
-                              children: FR
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              onParametersClick && /* @__PURE__ */ jsxs(StyledMenuItem, { onClick: onParametersClicked, sx: styles.borderTop, children: [
-                /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(Settings, { fontSize: "small" }) }),
-                /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
-                  FormattedMessage,
-                  {
-                    id: "top-bar/settings",
-                    defaultMessage: "Settings"
-                  }
-                ) }) })
-              ] }),
-              !isHiddenUserInformation() && /* @__PURE__ */ jsxs(
-                StyledMenuItem,
-                {
-                  sx: styles.borderBottom,
-                  style: { opacity: "1" },
-                  onClick: onUserInformationDialogClicked,
-                  children: [
-                    /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(ManageAccounts, { fontSize: "small" }) }),
-                    /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(
-                      FormattedMessage,
-                      {
-                        id: "top-bar/userInformation",
-                        defaultMessage: "User information"
-                      }
-                    ) }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                StyledMenuItem,
-                {
-                  sx: styles.borderBottom,
-                  style: { opacity: "1" },
-                  onClick: onAboutClicked,
-                  children: [
-                    /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(HelpOutline, { fontSize: "small" }) }),
-                    /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/about", defaultMessage: "About" }) }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(StyledMenuItem, { onClick: onLogoutClick, children: [
-                /* @__PURE__ */ jsx(CustomListItemIcon, { children: /* @__PURE__ */ jsx(ExitToApp, { fontSize: "small" }) }),
-                /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(Typography, { sx: styles.sizeLabel, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/logout", defaultMessage: "Logout" }) }) })
-              ] })
-            ] }) }) })
+            open: isAboutDialogOpen && !!user,
+            onClose: () => setAboutDialogOpen(false),
+            appName,
+            appVersion,
+            appLicense,
+            globalVersionPromise,
+            additionalModulesPromise,
+            logo: logoAboutDialog
           }
         )
-      ] }),
-      userInformationDialogOpen && /* @__PURE__ */ jsx(
-        UserInformationDialog,
-        {
-          openDialog: userInformationDialogOpen,
-          user,
-          onClose: closeUserInformationDialog
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AboutDialog,
-        {
-          open: isAboutDialogOpen && !!user,
-          onClose: () => setAboutDialogOpen(false),
-          appName,
-          appVersion,
-          appLicense,
-          globalVersionPromise,
-          additionalModulesPromise,
-          logo: logoAboutDialog
-        }
-      )
-    ] }) })
+      ] })
+    ] })
   );
 }
 export {