@gridsuite/commons-ui 0.260.0 → 0.261.0

package/dist/features/network-modifications/generator/modification/GeneratorDialogTabs.js

@@ -14,8 +14,10 @@ function GeneratorDialogTabs({
       value: tabIndex,
       variant: "scrollable",
       onChange: (event, newValue) => setTabIndex(newValue),
-      TabIndicatorProps: {
-        sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+      slotProps: {
+        indicator: {
+          sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+        }
       },
       children: [
         /* @__PURE__ */ jsx(

package/dist/features/network-modifications/generator/modification/GeneratorDialogTabsContent.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Box, Grid2, Stack } from "@mui/material";
+import { Box, Grid, Stack } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { GeneratorDialogTab } from "./generatorTabs.utils.js";
@@ -218,7 +218,7 @@ function GeneratorDialogTabsContent({
           isModification: true
         }
       ),
-      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
         /* @__PURE__ */ jsx(
           GridItem,
           {
@@ -236,16 +236,16 @@ function GeneratorDialogTabsContent({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid2, { size: 12, children: [
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid, { size: 12, children: [
         /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Limits" }) }),
         /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ActiveLimits" }) })
       ] }) }),
-      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: minimumActivePowerField }),
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: maximumActivePowerField }),
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: ratedNominalPowerField })
       ] }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ReactiveLimits" }) }) }) }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ReactiveLimits" }) }) }) }),
       /* @__PURE__ */ jsx(
         ReactiveLimitsForm,
         {
@@ -260,11 +260,11 @@ function GeneratorDialogTabsContent({
       /* @__PURE__ */ jsx(ShortCircuitForm, { previousValues: generatorToModify?.generatorShortCircuit }),
       /* @__PURE__ */ jsx(GridSection, { title: "GenerationDispatch" }),
       /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-        /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
           /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedActivePowerSetPointField }),
           /* @__PURE__ */ jsx(GridItem, { size: 4, children: marginalCostField })
         ] }),
-        /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
           /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedOutageRateField }),
           /* @__PURE__ */ jsx(GridItem, { size: 4, children: forcedOutageRateField })
         ] })

package/dist/features/network-modifications/generator/modification/GeneratorModificationForm.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 { useWatch } from "react-hook-form";
 import { GeneratorDialogTab, GENERATOR_TAB_FIELDS } from "./generatorTabs.utils.js";
 import { GeneratorDialogHeader } from "./GeneratorDialogHeader.js";
@@ -24,8 +24,8 @@ function GeneratorModificationForm({
   );
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(GeneratorDialogHeader, { generatorToModify, equipmentId }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(GeneratorDialogHeader, { generatorToModify, equipmentId }) }),
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       GeneratorDialogTabs,
       {
         tabIndex,
@@ -33,7 +33,7 @@ function GeneratorModificationForm({
         setTabIndex
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       GeneratorDialogTabsContent,
       {
         tabIndex,

package/dist/features/network-modifications/line/characteristics/LineCharacteristicsPane.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { OhmAdornment, MicroSusceptanceAdornment } from "../../../../utils/constants/adornments.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "@mui/icons-material";
@@ -130,17 +130,17 @@ function LineCharacteristicsPane({
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: seriesResistanceField }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: seriesReactanceField })
     ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "Side1", heading: 4 }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntConductance1Field }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntSusceptance1Field })
     ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "Side2", heading: 4 }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntConductance2Field }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntSusceptance2Field })
     ] }),

package/dist/features/network-modifications/line/common/LineDialogHeader.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TextField, Grid2 } from "@mui/material";
+import { TextField, Grid } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import { filledTextField } from "../../common/form.utils.js";
 import "react";
@@ -93,7 +93,7 @@ function LineDialogHeader({ lineToModify, isModification = false }) {
       clearable: true
     }
   );
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(GridItem, { size: 4, children: lineIdField }),
     /* @__PURE__ */ jsx(GridItem, { size: 4, children: lineNameField })
   ] });

package/dist/features/network-modifications/load/common/LoadDialogHeader.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TextField, Grid2 } from "@mui/material";
+import { TextField, Grid } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { filledTextField } from "../../common/form.utils.js";
@@ -75,8 +75,10 @@ function LoadDialogHeader({ loadToModify, isModification = false }) {
       fullWidth: true,
       label: "ID",
       value: equipmentId ?? "",
-      InputProps: {
-        readOnly: true
+      slotProps: {
+        input: {
+          readOnly: true
+        }
       },
       disabled: true,
       ...filledTextField
@@ -106,10 +108,10 @@ function LoadDialogHeader({ loadToModify, isModification = false }) {
       }) : void 0
     }
   );
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: loadIdField }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: loadNameField }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: loadTypeField })
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: loadIdField }),
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: loadNameField }),
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: loadTypeField })
   ] });
 }
 export {

package/dist/features/network-modifications/load/common/LoadDialogTabs.js

@@ -15,8 +15,10 @@ function LoadDialogTabs({
       value: tabIndex,
       variant: "scrollable",
       onChange: (event, newValue) => setTabIndex(newValue),
-      TabIndicatorProps: {
-        sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+      slotProps: {
+        indicator: {
+          sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+        }
       },
       children: [
         /* @__PURE__ */ jsx(

package/dist/features/network-modifications/load/common/LoadForm.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 { LoadDialogTab, LOAD_TAB_FIELDS } from "./load.utils.js";
 import { LoadDialogHeader } from "./LoadDialogHeader.js";
 import { LoadDialogTabs } from "./LoadDialogTabs.js";
@@ -17,8 +17,8 @@ function LoadForm({
     LoadDialogTab.CONNECTIVITY_TAB
   );
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       LoadDialogTabs,
       {
         tabIndex,
@@ -27,7 +27,7 @@ function LoadForm({
         isModification
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       LoadDialogTabsContent,
       {
         tabIndex,

package/dist/features/network-modifications/shunt-compensator/common/CharacteristicsForm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useMemo, useCallback, useEffect } from "react";
 import { useIntl } from "react-intl";
@@ -173,19 +173,19 @@ function CharacteristicsForm({ previousValues, isModification = false }) {
     }
   );
   const characteristicsChoiceField = /* @__PURE__ */ jsx(RadioInput, { name: FieldConstants.CHARACTERISTICS_CHOICE, options: Object.values(CHARACTERISTICS_CHOICES) });
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: maximumSectionCountField }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: sectionCountField }),
-    /* @__PURE__ */ jsx(Grid2, { size: 12, children: characteristicsChoiceField }),
-    characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, size: 12, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: maxSusceptanceField }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: switchedOnSusceptanceField })
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: maximumSectionCountField }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: sectionCountField }),
+    /* @__PURE__ */ jsx(Grid, { size: 12, children: characteristicsChoiceField }),
+    characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, size: 12, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: maxSusceptanceField }),
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: switchedOnSusceptanceField })
     ] }),
-    characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, size: 12, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: shuntCompensatorTypeField }),
-      /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, children: [
-        /* @__PURE__ */ jsx(Grid2, { size: 4, children: maxQAtNominalVField }),
-        /* @__PURE__ */ jsx(Grid2, { size: 4, children: switchedOnMaxQAtNominalVField })
+    characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, size: 12, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: shuntCompensatorTypeField }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, size: 12, children: [
+        /* @__PURE__ */ jsx(Grid, { size: 4, children: maxQAtNominalVField }),
+        /* @__PURE__ */ jsx(Grid, { size: 4, children: switchedOnMaxQAtNominalVField })
       ] })
     ] })
   ] });

package/dist/features/network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.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 "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -74,8 +74,8 @@ function ShuntCompensatorCreationForm({
   PositionDiagramPane
 }) {
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_ID,
@@ -83,11 +83,11 @@ function ShuntCompensatorCreationForm({
           formProps: { autoFocus: true, ...filledTextField }
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
     ] }) }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(
         ConnectivityForm,
         {
           voltageLevelOptions,
@@ -96,11 +96,11 @@ function ShuntCompensatorCreationForm({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
     ] }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
   ] });
 }
 export {

package/dist/features/network-modifications/shunt-compensator/modification/ShuntCompensatorModificationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid2, TextField } from "@mui/material";
+import { Stack, Grid, TextField } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
 import "react-intl";
@@ -77,8 +77,8 @@ function ShuntCompensatorModificationForm({
 }) {
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextField,
         {
           size: "small",
@@ -90,7 +90,7 @@ function ShuntCompensatorModificationForm({
           ...filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_NAME,
@@ -101,9 +101,9 @@ function ShuntCompensatorModificationForm({
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(
         ConnectivityForm,
         {
           isEquipmentModification: true,
@@ -114,13 +114,13 @@ function ShuntCompensatorModificationForm({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { previousValues: shuntCompensatorToModify ?? void 0, isModification: true }) }) })
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { previousValues: shuntCompensatorToModify ?? void 0, isModification: true }) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "MeasurementsSection" }),
-      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(
         PowerMeasurementsForm,
         {
           reactivePowerMeasurement: shuntCompensatorToModify?.measurementQ,
@@ -128,7 +128,7 @@ function ShuntCompensatorModificationForm({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator", isModification: true }) })
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator", isModification: true }) })
   ] });
 }
 export {

package/dist/features/network-modifications/substation/creation/SubstationCreationForm.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 "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -68,10 +68,10 @@ import "@mui/x-charts";
 import "../../common/currentLimits/limitsPane.utils.js";
 function SubstationCreationForm() {
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: filledTextField }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: filledTextField }) }),
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) }),
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         CountrySelectionInput,
         {
           name: FieldConstants.COUNTRY,
@@ -81,7 +81,7 @@ function SubstationCreationForm() {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation" }) })
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation" }) })
   ] });
 }
 export {

package/dist/features/network-modifications/substation/modification/SubstationModificationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid2, TextField } from "@mui/material";
+import { Stack, Grid, TextField } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -69,22 +69,24 @@ function SubstationModificationForm({ substationToModify }) {
   const { translate } = useLocalizedCountries(locale);
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         TextField,
         {
           size: "small",
           fullWidth: true,
           label: "ID",
           value: equipmentId ?? "",
-          InputProps: {
-            readOnly: true
+          slotProps: {
+            input: {
+              readOnly: true
+            }
           },
           disabled: true,
           ...filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_NAME,
@@ -94,7 +96,7 @@ function SubstationModificationForm({ substationToModify }) {
           clearable: true
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         CountrySelectionInput,
         {
           name: FieldConstants.COUNTRY,
@@ -105,7 +107,7 @@ function SubstationModificationForm({ substationToModify }) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation", isModification: true }) })
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation", isModification: true }) })
   ] });
 }
 export {

package/dist/features/network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid2, Tabs, Tab, Box } from "@mui/material";
+import { Stack, Grid, Tabs, Tab, Box } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -82,8 +82,8 @@ function VoltageLevelCreationForm({
   );
   const watchHideBusBarSection = useWatch({ name: FieldConstants.HIDE_BUS_BAR_SECTION });
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_ID,
@@ -91,16 +91,18 @@ function VoltageLevelCreationForm({
           formProps: { autoFocus: true, ...filledTextField }
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(
       Tabs,
       {
         value: tabIndex,
         variant: "scrollable",
         onChange: (_, newValue) => setTabIndex(newValue),
-        TabIndicatorProps: {
-          sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+        slotProps: {
+          indicator: {
+            sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex)
+          }
         },
         children: [
           /* @__PURE__ */ jsx(
@@ -135,7 +137,7 @@ function VoltageLevelCreationForm({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== VoltageLevelTab.SUBSTATION_TAB, children: /* @__PURE__ */ jsx(
         SubstationTab,
         {

package/dist/features/network-modifications/voltageLevel/creation/tabs/characteristicsTab/CharacteristicsTab.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useWatch } from "react-hook-form";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { GridSection } from "../../../../../../components/composite/grid/grid-section.js";
 import { VoltageAdornment, KiloAmpereAdornment } from "../../../../../../utils/constants/adornments.js";
 import { FieldConstants } from "../../../../../../utils/constants/fieldConstants.js";
@@ -37,8 +37,8 @@ function CharacteristicsTab() {
   const watchHideNominalVoltage = useWatch({ name: FieldConstants.HIDE_NOMINAL_VOLTAGE });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "VoltageText" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      !watchHideNominalVoltage && /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      !watchHideNominalVoltage && /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.NOMINAL_V,
@@ -46,7 +46,7 @@ function CharacteristicsTab() {
           adornment: VoltageAdornment
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.LOW_VOLTAGE_LIMIT,
@@ -54,7 +54,7 @@ function CharacteristicsTab() {
           adornment: VoltageAdornment
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.HIGH_VOLTAGE_LIMIT,
@@ -64,8 +64,8 @@ function CharacteristicsTab() {
       ) })
     ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
@@ -73,7 +73,7 @@ function CharacteristicsTab() {
           adornment: KiloAmpereAdornment
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT,

package/dist/features/network-modifications/voltageLevel/creation/tabs/structureTab/StructureTab.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useEffect } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { GridSection } from "../../../../../../components/composite/grid/grid-section.js";
@@ -44,9 +44,9 @@ function StructureTab() {
   const displayOmnibus = watchBusBarCount > 1 || watchSectionCount > 1;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "BusBarSections" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(IntegerInput, { name: FieldConstants.BUS_BAR_COUNT, label: "BusBarCount" }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(IntegerInput, { name: FieldConstants.SECTION_COUNT, label: "numberOfSections" }) })
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(IntegerInput, { name: FieldConstants.BUS_BAR_COUNT, label: "BusBarCount" }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(IntegerInput, { name: FieldConstants.SECTION_COUNT, label: "numberOfSections" }) })
     ] }),
     /* @__PURE__ */ jsx(SwitchesBetweenSections, {}),
     displayOmnibus && /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/features/network-modifications/voltageLevel/creation/tabs/structureTab/couplingOmnibus/CouplingOmnibusCreation.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useFormContext } from "react-hook-form";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { AutocompleteInput } from "../../../../../../../components/ui/reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { FieldConstants } from "../../../../../../../utils/constants/fieldConstants.js";
 import "../../../../../../../utils/conversionUtils.js";
@@ -24,7 +24,7 @@ function CouplingOmnibusCreation({ index, sectionOptions }) {
     return () => unsubscribe();
   }, [subscribe, trigger, getValues, index]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         allowNewValue: true,
@@ -35,7 +35,7 @@ function CouplingOmnibusCreation({ index, sectionOptions }) {
         size: "small"
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         allowNewValue: true,

package/dist/features/network-modifications/voltageLevel/creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useCallback, useRef, useEffect } from "react";
 import { useFormContext, useFieldArray, useWatch } from "react-hook-form";
 import { useIntl } from "react-intl";
@@ -76,7 +76,7 @@ function SwitchesBetweenSections() {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "SwitchesBetweenSections" }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, pt: 1, children: rows.map((value, index) => /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, pt: 1, children: rows.map((value, index) => /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       EnumInput,
       {
         options: Object.values(SWITCH_TYPE),