@gridsuite/commons-ui 0.259.0 → 0.261.0

package/dist/features/parameters/network-visualizations/map-parameters.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect } from "react";
 import { MAP_BASE_MAP, NetworkVisualizationTabValues, PARAM_MAP_BASEMAP, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, INTL_LINE_FLOW_MODE_OPTIONS, LINE_FLOW_MODE, PARAM_LINE_FLOW_MODE, MAP_MANUAL_REFRESH, PARAM_MAP_MANUAL_REFRESH } from "./constants.js";
@@ -52,12 +52,12 @@ function MapParameters() {
     });
   }, [setBaseMapOptions, snackError]);
   const lineSwitch = (name, label) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.MAP}.${name}` }) })
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.MAP}.${name}` }) })
   ] });
   const lineFlow = (name, label, options) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       MuiSelectInput,
       {
         fullWidth: true,
@@ -68,8 +68,8 @@ function MapParameters() {
     ) })
   ] });
   const mapBaseMap = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: MAP_BASE_MAP }) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: MAP_BASE_MAP }) }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       MuiSelectInput,
       {
         fullWidth: true,
@@ -80,7 +80,7 @@ function MapParameters() {
     ) })
   ] });
   return /* @__PURE__ */ jsxs(
-    Grid2,
+    Grid,
     {
       container: true,
       spacing: 1,

package/dist/features/parameters/network-visualizations/network-area-diagram-parameters.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 { NAD_POSITIONS_GENERATION_MODE_LABEL, NetworkVisualizationTabValues, PARAM_NAD_POSITIONS_GENERATION_MODE, NAD_POSITIONS_GENERATION_MODE } from "./constants.js";
 import { parametersStyles } from "../parameters-style.js";
@@ -34,7 +34,7 @@ import "react-resizable-panels";
 import "react-papaparse";
 function NetworkAreaDiagramParameters() {
   return /* @__PURE__ */ jsxs(
-    Grid2,
+    Grid,
     {
       container: true,
       spacing: 1,
@@ -42,8 +42,8 @@ function NetworkAreaDiagramParameters() {
       marginTop: -3,
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: NAD_POSITIONS_GENERATION_MODE_LABEL }) }),
-        /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: NAD_POSITIONS_GENERATION_MODE_LABEL }) }),
+        /* @__PURE__ */ jsx(Grid, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
           MuiSelectInput,
           {
             fullWidth: true,

package/dist/features/parameters/network-visualizations/network-visualizations-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";
@@ -67,14 +67,16 @@ function NetworkVisualizationsParametersEditionDialog({
       },
       titleId,
       disabledSave: isDisabledValidationButton(errors),
-      PaperProps: {
-        sx: {
-          height: "65vh"
-          // we want the dialog height to be fixed even when switching tabs
+      slotProps: {
+        paper: {
+          sx: {
+            height: "65vh"
+            // 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/network-visualizations/single-line-diagram-parameters.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useMemo } from "react";
 import { FormattedMessage } from "react-intl";
 import { INTL_SUBSTATION_LAYOUT_OPTIONS, SUBSTATION_LAYOUT, NetworkVisualizationTabValues, PARAM_SUBSTATION_LAYOUT, COMPONENT_LIBRARY, PARAM_COMPONENT_LIBRARY, DIAGONAL_LABEL, PARAM_DIAGONAL_LABEL, CENTER_LABEL, PARAM_CENTER_LABEL, CUSTOM_REAL_TIME_STATE_ESTIMATION, PARAM_STATE_ESTIMATION } from "./constants.js";
@@ -42,12 +42,12 @@ function SingleLineDiagramParameters({ componentLibraries }) {
     return INTL_SUBSTATION_LAYOUT_OPTIONS;
   }, []);
   const labelPosition = (name, label) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM}.${name}` }) })
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM}.${name}` }) })
   ] });
   const substationLineDropDown = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: SUBSTATION_LAYOUT }) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: SUBSTATION_LAYOUT }) }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       MuiSelectInput,
       {
         fullWidth: true,
@@ -58,8 +58,8 @@ function SingleLineDiagramParameters({ componentLibraries }) {
     ) })
   ] });
   const componentLineDropDown = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: COMPONENT_LIBRARY }) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: COMPONENT_LIBRARY }) }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       MuiSelectInput,
       {
         fullWidth: true,
@@ -72,7 +72,7 @@ function SingleLineDiagramParameters({ componentLibraries }) {
     ) })
   ] });
   return /* @__PURE__ */ jsxs(
-    Grid2,
+    Grid,
     {
       container: true,
       spacing: 1,

package/dist/features/parameters/pcc-min/pcc-min-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";
@@ -65,14 +65,16 @@ function PccMinParametersEditionDialog({
       },
       titleId,
       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/pcc-min/pcc-min-parameters-form.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { ParameterLineDirectoryItemsInput } from "../common/widget/parameter-line-directory-items-input.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
 import "../../../utils/conversionUtils.js";
@@ -8,7 +8,7 @@ import { EquipmentType } from "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { parametersStyles } from "../parameters-style.js";
 function PccMinParametersForm() {
-  return /* @__PURE__ */ jsx(Grid2, { container: true, sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Grid, { container: true, sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(
     ParameterLineDirectoryItemsInput,
     {
       name: FILTERS,

package/dist/features/parameters/security-analysis/security-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";
@@ -76,14 +76,16 @@ function SecurityAnalysisParametersDialog({
       },
       titleId,
       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/security-analysis/security-analysis-violations-hiding.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2, Typography } from "@mui/material";
+import { Grid, Typography } from "@mui/material";
 import { useIntl } from "react-intl";
 import { Info } from "@mui/icons-material";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
@@ -41,10 +41,10 @@ function SecurityAnalysisFields({
   isSingleField
 }) {
   const intl = useIntl();
-  return /* @__PURE__ */ jsxs(Grid2, { sx: isSingleField ? parametersStyles.singleItem : parametersStyles.multipleItems, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({ id: label }) }) }),
+  return /* @__PURE__ */ jsxs(Grid, { sx: isSingleField ? parametersStyles.singleItem : parametersStyles.multipleItems, children: [
+    /* @__PURE__ */ jsx(Grid, { size: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({ id: label }) }) }),
     /* @__PURE__ */ jsx(
-      Grid2,
+      Grid,
       {
         container: true,
         size: isSingleField ? 8 : 4,
@@ -61,7 +61,7 @@ function SecurityAnalysisFields({
         )
       }
     ),
-    !isSingleField && secondField && /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.secondTextField, children: /* @__PURE__ */ jsx(
+    !isSingleField && secondField && /* @__PURE__ */ jsx(Grid, { container: true, size: 4, sx: parametersStyles.secondTextField, children: /* @__PURE__ */ jsx(
       FloatInput,
       {
         name: secondField.name,
@@ -112,7 +112,7 @@ const fieldsToShow = [
 function ViolationsHidingParameters() {
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid2, { size: 8, sx: parametersStyles.text, children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid, { size: 8, sx: parametersStyles.text, children: [
       /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({
         id: "securityAnalysis.violationsHiding"
       }) }),

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, {}) })