@gridsuite/commons-ui 0.63.3 → 0.63.5

package/dist/components/TopBar/GridLogo.js

@@ -17,49 +17,16 @@ const styles = {
     cursor: "pointer"
   }
 };
-function LogoText({
-  appName,
-  appColor,
-  style,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    Typography,
-    {
-      variant: "h4",
-      sx: mergeSx(style, onClick && styles.clickable),
-      onClick,
-      children: [
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "Grid" }),
-        /* @__PURE__ */ jsx("span", { style: { color: appColor }, children: appName })
-      ]
-    }
-  );
+function LogoText({ appName, appColor, style, onClick }) {
+  return /* @__PURE__ */ jsxs(Typography, { variant: "h4", sx: mergeSx(style, onClick && styles.clickable), onClick, children: [
+    /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "Grid" }),
+    /* @__PURE__ */ jsx("span", { style: { color: appColor }, children: appName })
+  ] });
 }
-function GridLogo({
-  appLogo,
-  appName,
-  appColor,
-  onClick
-}) {
+function GridLogo({ appLogo, appName, appColor, onClick }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: mergeSx(styles.logo, onClick && styles.clickable),
-        onClick,
-        children: appLogo || /* @__PURE__ */ jsx(BrokenImage, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      LogoText,
-      {
-        appName,
-        appColor,
-        onClick,
-        style: styles.title
-      }
-    )
+    /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.logo, onClick && styles.clickable), onClick, children: appLogo || /* @__PURE__ */ jsx(BrokenImage, {}) }),
+    /* @__PURE__ */ jsx(LogoText, { appName, appColor, onClick, style: styles.title })
   ] });
 }
 export {

package/dist/components/TopBar/TopBar.js

@@ -130,9 +130,7 @@ function TopBar({
   language
 }) {
   const [anchorElSettingsMenu, setAnchorElSettingsMenu] = useState(null);
-  const [anchorElAppsMenu, setAnchorElAppsMenu] = useState(
-    null
-  );
+  const [anchorElAppsMenu, setAnchorElAppsMenu] = useState(null);
   const handleToggleSettingsMenu = (event) => {
     setAnchorElSettingsMenu(event.currentTarget);
   };
@@ -183,15 +181,7 @@ function TopBar({
     }
   };
   const logoClickable = useMemo(
-    () => /* @__PURE__ */ jsx(
-      GridLogo,
-      {
-        onClick: onLogoClick,
-        appLogo,
-        appName,
-        appColor
-      }
-    ),
+    () => /* @__PURE__ */ jsx(GridLogo, { onClick: onLogoClick, appLogo, appName, appColor }),
     [onLogoClick, appLogo, appName, appColor]
   );
   return (
@@ -229,33 +219,27 @@ function TopBar({
                   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
-                          }
-                        )
-                      ] })
-                    }
-                  )
+                  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
               );
@@ -288,297 +272,182 @@ function TopBar({
             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"
-                              }
-                            )
-                          }
-                        ) })
-                      ]
-                    }
-                  ),
-                  /* @__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,
+            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,
                       {
-                        sx: styles.sizeLabel,
-                        children: /* @__PURE__ */ jsx(
-                          FormattedMessage,
-                          {
-                            id: "top-bar/logout",
-                            defaultMessage: "Logout"
-                          }
-                        )
+                        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"
+                  }
+                ) }) })
+              ] }),
+              /* @__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" }) }) })
+              ] })
+            ] }) }) })
           }
         )
       ] }),