@gridsuite/commons-ui 0.259.0 → 0.261.0

package/dist/features/network-modifications/common/shortCircuit/ShortCircuitForm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -54,7 +54,7 @@ function ShortCircuitForm({ previousValues }) {
       clearable: true
     }
   );
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
     /* @__PURE__ */ jsx(GridItem, { size: 4, children: transientReactanceField }),
     /* @__PURE__ */ jsx(GridItem, { size: 4, children: transformerReactanceField })
   ] });

package/dist/features/network-modifications/common/voltageRegulation/VoltageRegulationForm.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 { useWatch } from "react-hook-form";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -83,7 +83,7 @@ function VoltageRegulationForm({
         previousValue: translatedPreviousRegulationLabel ?? void 0
       }
     ) }),
-    isDistantRegulation && /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, spacing: 2, children: [
+    isDistantRegulation && /* @__PURE__ */ jsxs(Grid, { container: true, size: 12, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, sx: { alignSelf: "center", justifyContent: "end" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
       /* @__PURE__ */ jsx(GridItem, { size: 8, children: /* @__PURE__ */ jsx(
         RegulatingTerminalForm,

package/dist/features/network-modifications/equipmentDeletion/EquipmentDeletionForm.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 { useRef, useState, useMemo, useEffect, useCallback } from "react";
 import { useWatch, useFormContext } from "react-hook-form";
 import { useHvdcLccDeletion } from "./hvdcLccDeletion/useHvdcLccDeletion.js";
@@ -158,8 +158,8 @@ function EquipmentDeletionForm({
     setValue(FieldConstants.EQUIPMENT_ID, null);
   }, [setValue]);
   return /* @__PURE__ */ jsxs(Stack, { 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(
         AutocompleteInput,
         {
           isOptionEqualToValue: richTypeEquals,
@@ -173,7 +173,7 @@ function EquipmentDeletionForm({
           formProps: filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         AutocompleteInput,
         {
           isOptionEqualToValue: areIdsEqual,
@@ -190,7 +190,7 @@ function EquipmentDeletionForm({
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid2, { children: watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {}) })
+    /* @__PURE__ */ jsx(Grid, { children: watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {}) })
   ] });
 }
 export {

package/dist/features/network-modifications/equipmentDeletion/hvdcLccDeletion/HvdcLccDeletionSpecificForm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useFieldArray } from "react-hook-form";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
@@ -16,8 +16,8 @@ function HvdcLccDeletionSpecificForm() {
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "LCCConverterStationShuntCompensators" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         ShuntCompensatorSelectionForm,
         {
           title: "Side1",
@@ -25,7 +25,7 @@ function HvdcLccDeletionSpecificForm() {
           mcsRows: mcsRows1
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
         ShuntCompensatorSelectionForm,
         {
           title: "Side2",

package/dist/features/network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -40,14 +40,14 @@ function ShuntCompensatorSelectionForm({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title, heading: 4 }),
-    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
+    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
         CheckboxInput,
         {
           name: `${arrayFormName}[${index}].${FieldConstants.SHUNT_COMPENSATOR_SELECTED}`
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
+      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
     ] }, field.id))
   ] });
 }

package/dist/features/network-modifications/generator/creation/GeneratorCreationForm.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 { FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { filledTextField, italicFontTextField } from "../../common/form.utils.js";
@@ -152,15 +152,15 @@ function GeneratorCreationForm({
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: generatorIdField }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: generatorNameField }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: energySourceField })
     ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivityForm }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivityForm }) }),
     /* @__PURE__ */ jsx(GridSection, { title: "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 })
@@ -168,7 +168,7 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
       /* @__PURE__ */ jsx(
         GridItem,
         {
@@ -184,11 +184,11 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__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/GeneratorDialogHeader.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 { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
@@ -78,8 +78,10 @@ function GeneratorDialogHeader({ generatorToModify, equipmentId }) {
       fullWidth: true,
       label: "ID",
       value: equipmentId ?? "",
-      InputProps: {
-        readOnly: true
+      slotProps: {
+        input: {
+          readOnly: true
+        }
       },
       disabled: true,
       ...filledTextField
@@ -107,10 +109,10 @@ function GeneratorDialogHeader({ generatorToModify, equipmentId }) {
       previousValue: previousEnergySourceLabel
     }
   );
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: generatorIdField }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: generatorNameField }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: energySourceField })
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: generatorIdField }),
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: generatorNameField }),
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: energySourceField })
   ] });
 }
 export {

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 {