@gridsuite/commons-ui 0.260.0 → 0.261.0

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-dialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2, LinearProgress } from "@mui/material";
+import { Grid, LinearProgress } from "@mui/material";
 import "react";
 import "react-intl";
 import "../../../utils/conversionUtils.js";
@@ -88,7 +88,7 @@ function SensitivityAnalysisParametersDialog({
       titleId,
       disabledSave: isDisabledValidationButton(errors),
       children: [
-        /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,
           {
             initialElementName: name,

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-form.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid2 } from "@mui/material";
+import { Stack, Grid } from "@mui/material";
 import { parametersStyles } from "../parameters-style.js";
 import "@mui/icons-material";
 import "react";
@@ -56,7 +56,7 @@ function SensitivityAnalysisParametersForm({
     ),
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(SensitivityAnalysisFields, {}),
-      /* @__PURE__ */ jsx(Grid2, { container: true, size: 12, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
+      /* @__PURE__ */ jsx(Grid, { container: true, size: 12, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
       /* @__PURE__ */ jsx(
         SensitivityParametersSelector,
         {

package/dist/features/parameters/sensi/sensitivity-parameters-fields.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD, ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD, FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD } from "./constants.js";
 import "@mui/icons-material";
@@ -33,24 +33,24 @@ import "react-resizable-panels";
 import "react-papaparse";
 import { parametersStyles } from "../parameters-style.js";
 function SensitivityAnalysisFields() {
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, children: [
-    /* @__PURE__ */ jsx(Grid2, { sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" }) }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD,
           label: "flowFlowSensitivityValueThreshold"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD,
           label: "angleFlowSensitivityValueThreshold"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD,

package/dist/features/parameters/sensi/sensitivity-parameters-selector.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { Grid2, Box, Tabs, Tab, Card, CardContent } from "@mui/material";
+import { Grid, Box, Tabs, Tab, Card, CardContent } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 import { SensiTabValues, SensiBranchesTabValues, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_PSTS, COLUMNS_DEFINITIONS_NODES } from "./columns-definitions.js";
 import "@mui/icons-material";
@@ -140,7 +140,7 @@ function SensitivityParametersSelector({
       setTabValue(SensiTabValues.SensitivityBranches);
     }
   }, [isDeveloperMode]);
-  return /* @__PURE__ */ jsxs(Grid2, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
       /* @__PURE__ */ jsx(Tabs, { value: tabValue, onChange: handleTabChange, children: tabInfo.map((tab, index) => /* @__PURE__ */ jsx(
         Tab,

package/dist/features/parameters/short-circuit/short-circuit-general-tab-panel.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useMemo, useEffect } from "react";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { green, red } from "@mui/material/colors";
 import { Lens } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
@@ -121,9 +121,9 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       const newPredefinedParameters = event.target.value;
       resetAll(newPredefinedParameters);
     };
-    const feederResult = /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
+    const feederResult = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
     ] });
     const predefinedParameters = /* @__PURE__ */ jsx(
       MuiSelectInput,
@@ -182,26 +182,26 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       isIccMaxFeaturesDefaultConfiguration,
       isIccMinFeaturesDefaultConfiguration
     ]);
-    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid2, { container: true, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { container: true, paddingTop: 2, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
+    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid, { container: true, paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 2, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPredefinedParameters", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid2, { size: { xl: 6 }, container: true, spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Grid, { size: { xl: 6 }, container: true, spacing: 1, alignItems: "center", children: [
         /* @__PURE__ */ jsx(GridItem, { size: 9, children: predefinedParameters }),
         /* @__PURE__ */ jsx(GridItem, { size: 2, children: statusToShow })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitCharacteristics", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 5, size: 12, children: [
-        /* @__PURE__ */ jsxs(Grid2, { children: [
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 5, size: 12, children: [
+        /* @__PURE__ */ jsxs(Grid, { children: [
           /* @__PURE__ */ jsx(GridItem, { children: loads }),
           /* @__PURE__ */ jsx(GridItem, { children: shuntCompensators })
         ] }),
-        /* @__PURE__ */ jsxs(Grid2, { size: 8, children: [
+        /* @__PURE__ */ jsxs(Grid, { size: 8, children: [
           /* @__PURE__ */ jsx(GridItem, { children: vsc }),
           /* @__PURE__ */ jsx(GridItem, { children: neutralPosition })
         ] })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitVoltageProfileMode", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
+      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
       /* @__PURE__ */ jsx(VoltageTable, { voltageProfileMode: watchInitialVoltageProfileMode })
     ] }) });
   }

package/dist/features/parameters/short-circuit/short-circuit-parameters-content.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useWatch } from "react-hook-form";
-import { Grid2, Tabs, Tab, Box } from "@mui/material";
+import { Grid, Tabs, Tab, Box } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { getTabStyle, parametersStyles } from "../parameters-style.js";
 import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
@@ -64,7 +64,7 @@ function ShortCircuitParametersContent({ shortCircuitMethods }) {
     [watchSpecificParameters]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
+    /* @__PURE__ */ jsx(Grid, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
       /* @__PURE__ */ jsx(
         Tab,
         {
@@ -90,7 +90,7 @@ function ShortCircuitParametersContent({ shortCircuitMethods }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid2, { sx: styles.maxWidth, children: [
+    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid, { sx: styles.maxWidth, children: [
       /* @__PURE__ */ jsx(ShortCircuitGeneralTabPanel, { resetAll, value: selectedTab }),
       isThereSpecificParameters && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(ShortCircuitStudyAreaTabPanel, { value: selectedTab }),

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2, LinearProgress } from "@mui/material";
+import { Grid, LinearProgress } from "@mui/material";
 import { CustomMuiDialog } from "../../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -82,7 +82,7 @@ function ShortCircuitParametersEditionDialog({
       disabledSave: isDisabledValidationButton(errors),
       maxWidth: "lg",
       children: [
-        /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,
           {
             initialElementName: name,

package/dist/features/parameters/short-circuit/short-circuit-parameters-form.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import ShortCircuitParametersContent from "./short-circuit-parameters-content.js";
 import { parametersStyles } from "../parameters-style.js";
 function ShortCircuitParametersForm({ shortCircuitMethods }) {
-  return /* @__PURE__ */ jsx(Grid2, { container: true, sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitParametersContent, { shortCircuitMethods }) });
+  return /* @__PURE__ */ jsx(Grid, { container: true, sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitParametersContent, { shortCircuitMethods }) });
 }
 export {
   ShortCircuitParametersForm

package/dist/features/parameters/short-circuit/short-circuit-power-electronics-tab-panel.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { ShortCircuitIccMaterialTable } from "./short-circuit-icc-material-table.js";
 import "@mui/icons-material";
@@ -64,13 +64,13 @@ function createRows() {
 }
 const ShortCircuitPowerElectronicsTabPanel = forwardRef(
   ({ ...othersTabPanelProps }, ref) => {
-    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
+    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
     ] });
     return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.POWER_ELECTRONICS, ref, ...othersTabPanelProps, children: [
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPowerElectronicsSection", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),
+      /* @__PURE__ */ jsx(Grid, { container: true, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),
       /* @__PURE__ */ jsx(
         ShortCircuitIccMaterialTable,
         {

package/dist/features/parameters/short-circuit/short-circuit-study-area-tab-panel.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Grid2, Box } from "@mui/material";
+import { Grid, Box } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 import "@mui/icons-material";
 import "react-intl";
@@ -110,7 +110,7 @@ const ShortCircuitStudyAreaTabPanel = forwardRef(
     );
     return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.STUDY_AREA, ref, ...othersTabPanelProps, children: [
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitInClusterFilter", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", sx: { paddingBottom: 4 }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: "grow", sx: { paddingBottom: 4 }, children: /* @__PURE__ */ jsx(
         DirectoryItemsInput,
         {
           titleId: "FiltersListsSelection",

package/dist/features/parameters/voltage-init/equipment-selection-parameters.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Alert, Grid2 } from "@mui/material";
+import { Stack, Alert, Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import "@mui/icons-material";
 import "../../../components/ui/overflowableText/OverflowableText.js";
@@ -64,7 +64,7 @@ const initialEquipmentsSelectionType = {
 function EquipmentSelectionParameters() {
   return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(Alert, { sx: equipmentsSelectionStyles.alert, severity: "info", variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersEquipmentsSelectionAlert" }) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: GENERATORS_SELECTION_TYPE,
@@ -81,7 +81,7 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: TRANSFORMERS_SELECTION_TYPE,
@@ -98,7 +98,7 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: SHUNT_COMPENSATORS_SELECTION_TYPE,

package/dist/features/parameters/voltage-init/general-parameters.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useCallback } from "react";
 import { FormattedMessage } from "react-intl";
-import { Grid2, Alert, Box } from "@mui/material";
+import { Grid, Alert, Box } from "@mui/material";
 import { GENERAL, GENERAL_APPLY_MODIFICATIONS, UPDATE_BUS_VOLTAGE, REACTIVE_SLACKS_THRESHOLD, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD } from "./constants.js";
 import "@mui/icons-material";
 import { parametersStyles } from "../parameters-style.js";
@@ -64,7 +64,7 @@ function GeneralParameters({ withApplyModifications }) {
     },
     [setValue]
   );
-  return /* @__PURE__ */ jsxs(Grid2, { children: [
+  return /* @__PURE__ */ jsxs(Grid, { children: [
     withApplyModifications && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Alert, { sx: parametersStyles.adjustExistingLimitsInfo, severity: "info", variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersGeneralSaveInfo" }) }),
       /* @__PURE__ */ jsx(

package/dist/features/parameters/voltage-init/voltage-init-parameters-dialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2, LinearProgress } from "@mui/material";
+import { Grid, LinearProgress } from "@mui/material";
 import { CustomMuiDialog } from "../../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -66,14 +66,16 @@ function VoltageInitParametersEditionDialog({
         language
       },
       disabledSave: isDisabledValidationButton(errors),
-      PaperProps: {
-        sx: {
-          height: "90vh"
-          // we want the dialog height to be fixed even when switching tabs
+      slotProps: {
+        paper: {
+          sx: {
+            height: "90vh"
+            // we want the dialog height to be fixed even when switching tabs
+          }
         }
       },
       children: [
-        /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,
           {
             initialElementName: name,

package/dist/features/parameters/voltage-init/voltage-init-parameters-form.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Tabs, Tab, Grid2 } from "@mui/material";
+import { Stack, Tabs, Tab, Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { parametersStyles, getTabStyle } from "../parameters-style.js";
 import "@mui/icons-material";
@@ -72,7 +72,7 @@ function VoltageInitParametersForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
       /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.GENERAL, children: /* @__PURE__ */ jsx(GeneralParameters, { withApplyModifications: !!showActionsButtons }) }),
       /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.VOLTAGE_LIMITS, children: /* @__PURE__ */ jsx(VoltageLimitsParameters, {}) }),
       /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.EQUIPMENTS_SELECTION, children: /* @__PURE__ */ jsx(EquipmentSelectionParameters, {}) })

package/dist/features/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useIntl } from "react-intl";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
@@ -141,7 +141,7 @@ function VoltageLimitsParameters() {
     return newRowData;
   }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
   const createVoltageLimitDefaultRows = () => [newDefaultRowData];
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
     /* @__PURE__ */ jsx(
       ParameterTableField,
       {

package/dist/features/topBar/AboutDialog.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid2, DialogActions, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
@@ -123,7 +123,7 @@ function tooltipTypeLabel(type) {
 }
 function Module({ type, name, version, gitTag }) {
   return /* @__PURE__ */ jsx(
-    Grid2,
+    Grid,
     {
       size: { xs: 12, sm: 6, md: 4 },
       sx: {
@@ -134,7 +134,7 @@ function Module({ type, name, version, gitTag }) {
       children: /* @__PURE__ */ jsx(
         CustomTooltip,
         {
-          TransitionComponent: Zoom,
+          slots: { transition: Zoom },
           enterNextDelay: 350,
           leaveDelay: 200,
           sx: moduleStyles.tooltip,
@@ -239,10 +239,12 @@ function AboutDialog({
       sx: styles.general,
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
-      TransitionProps: {
-        onExited: () => {
-          setModules(null);
-          setActualGlobalVersion(null);
+      slotProps: {
+        transition: {
+          onExited: () => {
+            setModules(null);
+            setActualGlobalVersion(null);
+          }
         }
       },
       children: [
@@ -314,28 +316,38 @@ function AboutDialog({
             ] }),
             /* @__PURE__ */ jsx(AccordionDetails, { children: "license app summary text" })
           ] }),
-          /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", TransitionProps: { unmountOnExit: true }, children: [
-            /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel2-content", id: "panel2-header", children: [
-              /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
-              /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
-            ] }),
-            /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid2, { size: "grow", display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
-              Module,
-              {
-                type: module.type,
-                name: module.name,
-                version: module.version,
-                gitTag: module.gitTag
+          /* @__PURE__ */ jsxs(
+            Accordion,
+            {
+              disableGutters: true,
+              variant: "outlined",
+              slotProps: {
+                transition: { unmountOnExit: true }
               },
-              `module-${idx}`
-            )) }) || /* @__PURE__ */ jsx(
-              Typography,
-              {
-                sx: { color: (selectedTheme) => selectedTheme.palette.error.main },
-                children: "Error"
-              }
-            ) }) })
-          ] })
+              children: [
+                /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel2-content", id: "panel2-header", children: [
+                  /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
+                  /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
+                ] }),
+                /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid, { size: "grow", display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
+                  Module,
+                  {
+                    type: module.type,
+                    name: module.name,
+                    version: module.version,
+                    gitTag: module.gitTag
+                  },
+                  `module-${idx}`
+                )) }) || /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    sx: { color: (selectedTheme) => selectedTheme.palette.error.main },
+                    children: "Error"
+                  }
+                ) }) })
+              ]
+            }
+          )
         ] }) }),
         /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CloseButton, { color: "primary", onClick: handleClose, autoFocus: true }) })
       ]

package/dist/features/topBar/TopBar.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { styled, Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton, darken } from "@mui/material";
+import { styled, Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import { Apps, ArrowDropUp, ArrowDropDown, Person, Badge, ManageAccounts, HelpOutline, WbSunny, Brightness3, Computer, ExitToApp } from "@mui/icons-material";
 import { GridLogo } from "./GridLogo.js";
 import { AboutDialog } from "./AboutDialog.js";
@@ -33,7 +33,7 @@ const getStyles = (dense = false) => {
       color: "inherit"
     },
     name: (theme) => ({
-      backgroundColor: darken(theme.palette.background.paper, 0.1),
+      backgroundColor: theme.darken(theme.palette.background.paper, 0.1),
       paddingTop: theme.spacing(dense ? 0.625 : 1.25),
       borderRadius: "100%",
       fontWeight: "400",

package/dist/features/topBar/UserInformationDialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid2, Typography, Box, DialogActions } from "@mui/material";
+import { Dialog, DialogTitle, DialogContent, Grid, Typography, Box, DialogActions } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect, Fragment } from "react";
 import { fetchUserDetails } from "../../services/userAdmin.js";
@@ -33,9 +33,9 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
   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__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, sx: styles.DialogContent, children: [
-        /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" }) }) }),
-        /* @__PURE__ */ jsx(Grid2, { size: 6, children: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { 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: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
           index > 0 && " | ",
           /* @__PURE__ */ jsx(
             FormattedMessage,
@@ -45,14 +45,14 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
             }
           )
         ] }, role)) }) : /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-roles" }) }) }),
-        /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" }) }) }),
-        /* @__PURE__ */ jsx(Grid2, { size: 6, children: userDetails?.profileName === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails?.profileName }) })
+        /* @__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: 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(Grid2, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
+        /* @__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: [
               "( ",
@@ -64,31 +64,31 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
           ] }) })
         ] }),
         /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTypography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas-per-study" }) }),
-        /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-loadflow-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedLoadflow }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-security-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSecurity }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-sensitivity-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSensitivity }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-shortCircuit-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedShortCircuit }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-voltageInit-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedVoltageInit }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-pccMin-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedPccMin }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-stateEstimation-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedStateEstimation }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-balanceAdjustement-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBalanceAdjustement }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSimulation-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSimulation }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSecurity-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSecurity }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicMargin-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicMargin }) })
+        /* @__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-builds-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) }),
+          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-loadflow-per-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__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-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicMargin }) })
         ] })
       ] })
     ] }),