@gridsuite/commons-ui 0.296.0 → 0.297.0

package/dist/features/topBar/UserInformationDialog.js

@@ -31,10 +31,18 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
   const rolesString = userProfile?.profile ?? "";
   const rolesList = rolesString ? rolesString.split("|").map((role) => role.trim()) : [];
   return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!userProfile && !!userDetails, onClose, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { fontWeight: "bold", sx: styles.DialogTitle, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
+    /* @__PURE__ */ jsx(DialogTitle, { sx: { ...styles.DialogTitle, fontWeight: "bold" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
       /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: styles.DialogContent, children: [
-        /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" }) }) }),
+        /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            sx: {
+              fontWeight: "bold"
+            },
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" })
+          }
+        ) }),
         /* @__PURE__ */ jsx(Grid, { size: 6, children: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
           index > 0 && " | ",
           /* @__PURE__ */ jsx(
@@ -45,52 +53,197 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
             }
           )
         ] }, role)) }) : /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-roles" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" }) }) }),
+        /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            sx: {
+              fontWeight: "bold"
+            },
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" })
+          }
+        ) }),
         /* @__PURE__ */ jsx(Grid, { size: 6, children: userDetails?.profileName === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails?.profileName }) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { mt: 3, sx: styles.quotasBox, children: [
-        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTypography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas" }) }),
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
-            userDetails?.maxAllowedCases,
-            /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.usedTopography, children: [
-              "( ",
-              /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/used" }),
-              ":",
-              ` ${userDetails?.numberCasesUsed}`,
-              " )"
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: [
+            {
+              mt: 3
+            },
+            styles.quotasBox
+          ],
+          children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                sx: [
+                  {
+                    fontWeight: "bold"
+                  },
+                  styles.quotasTypography
+                ],
+                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                userDetails?.maxAllowedCases,
+                /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.usedTopography, children: [
+                  "( ",
+                  /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/used" }),
+                  ":",
+                  ` ${userDetails?.numberCasesUsed}`,
+                  " )"
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                sx: [
+                  {
+                    fontWeight: "bold"
+                  },
+                  styles.quotasTypography
+                ],
+                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas-per-execution" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-loadflow-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedLoadflow }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-security-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSecurity }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-sensitivity-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSensitivity }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-shortCircuit-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedShortCircuit }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-voltageInit-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedVoltageInit }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-pccMin-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedPccMin }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-stateEstimation-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedStateEstimation }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-balanceAdjustement-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBalanceAdjustement }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSimulation-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSimulation }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSecurity-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSecurity }) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    fontWeight: "bold"
+                  },
+                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicMargin-per-user" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicMargin }) })
             ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) })
-        ] }),
-        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTypography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas-per-execution" }) }),
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-loadflow-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedLoadflow }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-security-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSecurity }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-sensitivity-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSensitivity }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-shortCircuit-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedShortCircuit }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-voltageInit-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedVoltageInit }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-pccMin-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedPccMin }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-stateEstimation-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedStateEstimation }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-balanceAdjustement-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBalanceAdjustement }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSimulation-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSimulation }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSecurity-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSecurity }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicMargin-per-user" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicMargin }) })
-        ] })
-      ] })
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CloseButton, { color: "primary", onClick: onClose, autoFocus: true }) })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.296.0",
+    "version": "0.297.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -62,7 +62,7 @@
         "jwt-decode": "^4.0.0",
         "localized-countries": "^2.0.0",
         "mathjs": "^14.7.0",
-        "mui-nested-menu": "^4.0.1",
+        "mui-nested-menu": "^4.0.3",
         "oidc-client-ts": "^3.5.0",
         "prop-types": "^15.8.1",
         "react-dnd": "^16.0.1",
@@ -78,11 +78,11 @@
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
         "@hookform/resolvers": "^4.0.0",
-        "@mui/icons-material": "^7.3.11",
-        "@mui/lab": "7.0.1-beta.25",
-        "@mui/material": "^7.3.11",
-        "@mui/x-charts": "^8.21.0",
-        "@mui/x-tree-view": "^8.21.0",
+        "@mui/icons-material": "^9.4.0",
+        "@mui/lab": "^9.0.0-beta.9",
+        "@mui/material": "^9.4.0",
+        "@mui/x-charts": "^9.13.0",
+        "@mui/x-tree-view": "^9.13.0",
         "ag-grid-community": "^35.3.1",
         "ag-grid-react": "^35.3.1",
         "notistack": "^3.0.2",
@@ -94,6 +94,11 @@
         "react-router": "^7.4.1",
         "yup": "^1.7.0"
     },
+    "overrides": {
+        "mui-nested-menu": {
+            "@mui/material": ">=5.0.0"
+        }
+    },
     "devDependencies": {
         "@babel/helper-builder-react-jsx": "^7.27.1",
         "@babel/preset-env": "^7.28.3",
@@ -105,10 +110,10 @@
         "@eslint/js": "^9.38.0",
         "@hookform/resolvers": "^4.1.3",
         "@jest/globals": "^30.1.2",
-        "@mui/icons-material": "^7.3.11",
-        "@mui/lab": "7.0.1-beta.25",
-        "@mui/material": "^7.3.11",
-        "@mui/x-charts": "^8.21.0",
+        "@mui/icons-material": "^9.4.0",
+        "@mui/lab": "^9.0.0-beta.9",
+        "@mui/material": "^9.4.0",
+        "@mui/x-charts": "^9.13.0",
         "@react-hook/window-size": "^3.1.1",
         "@storybook/addon-docs": "^10.4.2",
         "@storybook/react-vite": "^10.4.2",