@gridsuite/commons-ui 0.260.0 → 0.261.0

package/dist/features/network-modifications/common/connectivity/VoltageLevelConnectivityForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useState, useRef, useCallback, useMemo, useEffect } from "react";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -107,8 +107,8 @@ function VoltageLevelConnectivityForm({
       setBusOrBusbarSectionOptions([]);
     }
   }, [fetchBusesOrBusbarSections, voltageLevelOptions, watchVoltageLevelId]);
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         isOptionEqualToValue: areIdsEqual,
@@ -131,7 +131,7 @@ function VoltageLevelConnectivityForm({
         size: "small"
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         allowNewValue: true,

package/dist/features/network-modifications/common/currentLimits/LimitsPane.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2, Box, IconButton, lighten } from "@mui/material";
+import { Grid, Box, IconButton } from "@mui/material";
 import { useState, useMemo, useCallback } from "react";
 import { useFormContext, useWatch, useFieldArray } from "react-hook-form";
 import { ControlPoint } from "@mui/icons-material";
@@ -67,7 +67,7 @@ import "../../../../components/composite/report/report-treeview/treeview-item.js
 import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 const limitsStyles = {
   parametersBox: (theme) => ({
-    backgroundColor: theme.palette.mode === "light" ? theme.palette.background.paper : lighten(theme.palette.background.paper, 0.2),
+    backgroundColor: theme.palette.mode === "light" ? theme.palette.background.paper : theme.lighten(theme.palette.background.paper, 0.2),
     height: "100%",
     position: "relative",
     padding: 0
@@ -145,10 +145,10 @@ function LimitsPane({
     setIndexSelectedLimitSet(0);
   }, [watchedOperationalLimitsGroups, prependEmptyOperationalLimitsGroup]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid2, { container: true, columns: 6, spacing: 1, sx: { maxWidth: "600px" }, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(GridSection, { title: "SelectedOperationalLimitGroups" }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, columns: 6, spacing: 1, sx: { maxWidth: "600px" }, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(GridSection, { title: "SelectedOperationalLimitGroups" }) }),
       /* @__PURE__ */ jsx(
-        Grid2,
+        Grid,
         {
           size: 3,
           sx: {
@@ -169,7 +169,7 @@ function LimitsPane({
           )
         }
       ),
-      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(
         SelectedOperationalLimitGroup,
         {
           selectedFormName: `${id}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID1}`,
@@ -180,7 +180,7 @@ function LimitsPane({
           isABranchModif: !!equipmentToModify
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(
         SelectedOperationalLimitGroup,
         {
           selectedFormName: `${id}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID2}`,
@@ -192,8 +192,8 @@ function LimitsPane({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, columns: 10.25, children: [
-      /* @__PURE__ */ jsxs(Grid2, { size: 4, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, size: 12, columns: 10.25, children: [
+      /* @__PURE__ */ jsxs(Grid, { size: 4, children: [
         /* @__PURE__ */ jsxs(
           Box,
           {
@@ -220,7 +220,7 @@ function LimitsPane({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Grid2, { size: 6, sx: limitsStyles.parametersBox, marginLeft: 2, children: indexSelectedLimitSet !== null && operationalLimitsGroups.map(
+      /* @__PURE__ */ jsx(Grid, { size: 6, sx: limitsStyles.parametersBox, marginLeft: 2, children: indexSelectedLimitSet !== null && operationalLimitsGroups.map(
         (operationalLimitsGroup, index) => index === indexSelectedLimitSet && /* @__PURE__ */ jsx(
           LimitsEditor,
           {

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsEditor.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Box, Grid2 } from "@mui/material";
+import { Box, Grid } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useMemo, useCallback, useEffect } from "react";
 import { useFormContext, useController } from "react-hook-form";
@@ -217,7 +217,7 @@ function LimitsEditor({
     ),
     name && /* @__PURE__ */ jsxs(Box, { children: [
       /* @__PURE__ */ jsxs(
-        Grid2,
+        Grid,
         {
           container: true,
           justifyContent: "flex-start",
@@ -225,7 +225,7 @@ function LimitsEditor({
           spacing: 2,
           sx: { paddingBottom: 1, paddingTop: 3 },
           children: [
-            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
               TextInput,
               {
                 name: `${name}.${FieldConstants.NAME}`,
@@ -234,7 +234,7 @@ function LimitsEditor({
                 disabled
               }
             ) }),
-            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
               SelectInput,
               {
                 label: "Applicability",
@@ -248,7 +248,7 @@ function LimitsEditor({
                 formProps: { error: !!error?.message }
               }
             ) }),
-            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
               FloatInput,
               {
                 name: `${limitsGroupFormName}.${FieldConstants.PERMANENT_LIMIT}`,

package/dist/features/network-modifications/common/currentLimits/limitsEditor/TemporaryLimitsTable.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { useFieldArray } from "react-hook-form";
-import { Grid2, TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody } from "@mui/material";
+import { Grid, TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody } from "@mui/material";
 import { AddCircle, Delete } from "@mui/icons-material";
 import "react-intl";
 import "../../../../../components/ui/overflowableText/OverflowableText.js";
@@ -153,7 +153,7 @@ function TemporaryLimitsTable({
   function renderTableBody() {
     return /* @__PURE__ */ jsx(TableBody, { children: fields.map((value, index) => renderTableRow(value.id, index)) });
   }
-  return /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 1, children: /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, children: [
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: /* @__PURE__ */ jsxs(Grid, { container: true, size: 12, children: [
     /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", padding: "none", children: [
       renderTableHead(),
       renderTableBody()

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/OperationalLimitsGroups.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2, Tabs, Tab } from "@mui/material";
+import { Grid, Tabs, Tab } from "@mui/material";
 import { useState, useCallback, useEffect } from "react";
 import { useWatch } from "react-hook-form";
 import { LimitsGroupsContextualMenu } from "./LimitsGroupsContextualMenu.js";
@@ -67,7 +67,7 @@ function OperationalLimitsGroups({
     },
     [setIndexSelectedLimitSet]
   );
-  return /* @__PURE__ */ jsxs(Grid2, { children: [
+  return /* @__PURE__ */ jsxs(Grid, { children: [
     /* @__PURE__ */ jsx(
       Tabs,
       {

package/dist/features/network-modifications/common/measurements/BusbarSectionVoltageMeasurementsForm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFieldArray } from "react-hook-form";
-import { Stack, Grid2 } from "@mui/material";
+import { Stack, Grid } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { VoltageAdornment } from "../../../../utils/constants/adornments.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -70,7 +70,7 @@ function BusbarSectionVoltageMeasurementsForm({
   const intl = useIntl();
   const sortedFields = fields.map((field, i) => ({ ...field, originalIndex: i })).sort((a, b) => a.busbarSectionId.localeCompare(b.busbarSectionId));
   return /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-    fields.length === 0 && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "NoBusbarSectionFound" }) }),
+    fields.length === 0 && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "NoBusbarSectionFound" }) }),
     sortedFields.map((field) => {
       const { busbarSectionId: bbsId, originalIndex } = field;
       const networkBbs = busbarSections.find((b) => b.id === bbsId);
@@ -80,9 +80,9 @@ function BusbarSectionVoltageMeasurementsForm({
       if (validity != null) {
         previousValidity = intl.formatMessage({ id: validity ? "ValidMeasurement" : "InvalidMeasurement" });
       }
-      return /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid2, { size: 3, children: bbsId }),
-        /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Grid, { size: 3, children: bbsId }),
+        /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
           FloatInput,
           {
             name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALUE}`,
@@ -92,7 +92,7 @@ function BusbarSectionVoltageMeasurementsForm({
             clearable: true
           }
         ) }),
-        /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(
           CheckboxNullableInput,
           {
             name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALIDITY}`,

package/dist/features/network-modifications/common/measurements/PowerMeasurementsForm.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 { PowerWithValidityForm } from "./PowerWithValidityForm.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
@@ -32,7 +32,7 @@ function PowerMeasurementsForm({
     reactivePowerId = `${idPrefix}.${reactivePowerId}`;
   }
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    !reactivePowerOnly && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    !reactivePowerOnly && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       PowerWithValidityForm,
       {
         id: activePowerId,
@@ -40,7 +40,7 @@ function PowerMeasurementsForm({
         measurement: activePowerMeasurement
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       PowerWithValidityForm,
       {
         id: reactivePowerId,

package/dist/features/network-modifications/common/measurements/PowerWithValidityForm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useIntl } from "react-intl";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { CheckboxNullableInput } from "../../../../components/ui/reactHookForm/CheckboxNullableInput.js";
 import "@mui/icons-material";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -42,8 +42,8 @@ function PowerWithValidityForm({ id, field, measurement }) {
     }
     return measurement.validity ? intl.formatMessage({ id: "ValidMeasurement" }) : intl.formatMessage({ id: "InvalidMeasurement" });
   }, [intl, measurement?.validity]);
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       FloatInput,
       {
         name: `${id}.${FieldConstants.VALUE}`,
@@ -53,7 +53,7 @@ function PowerWithValidityForm({ id, field, measurement }) {
         clearable: true
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       CheckboxNullableInput,
       {
         name: `${id}.${FieldConstants.VALIDITY}`,

package/dist/features/network-modifications/common/properties/PropertyForm.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 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -53,14 +53,14 @@ function PropertyForm({ name, index, predefinedProperties }) {
     return values.sort((a, b) => a.localeCompare(b));
   }, [watchPropertyName, predefinedProperties]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    watchPropertyDeletionMark || watchPropertyAdded === false && watchPropertyPreviousValue ? /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    watchPropertyDeletionMark || watchPropertyAdded === false && watchPropertyPreviousValue ? /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       TextInput,
       {
         name: `${name}.${index}.${FieldConstants.NAME}`,
         label: "PropertyName",
         formProps: { disabled: true, ...italicFontTextField }
       }
-    ) }) : /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${name}.${index}.${FieldConstants.NAME}`,
@@ -70,7 +70,7 @@ function PropertyForm({ name, index, predefinedProperties }) {
         allowNewValue: true
       }
     ) }),
-    watchPropertyDeletionMark ? /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    watchPropertyDeletionMark ? /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       TextInput,
       {
         name: `${name}.${index}.${FieldConstants.VALUE}`,
@@ -78,7 +78,7 @@ function PropertyForm({ name, index, predefinedProperties }) {
         previousValue: watchPropertyPreviousValue,
         formProps: { disabled: true, ...italicFontTextField }
       }
-    ) }) : /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${name}.${index}.${FieldConstants.VALUE}`,

package/dist/features/network-modifications/common/reactiveLimits/ReactiveLimitsForm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useWatch } from "react-hook-form";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { ReactiveCapabilityCurveTableForm } from "./reactiveCapabilityCurve/ReactiveCapabilityCurveTableForm.js";
 import { ReactivePowerAdornment } from "../../../../utils/constants/adornments.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -85,7 +85,7 @@ function ReactiveLimitsForm({
       disabled: !isReactiveCapabilityCurveOn
     }
   );
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
     /* @__PURE__ */ jsx(GridItem, { size: 12, children: reactiveCapabilityCurveChoiceRadioField }),
     !isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: 4, children: minimumReactivePowerField }),
     !isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: 4, children: maximumReactivePowerField }),

package/dist/features/network-modifications/common/reactiveLimits/reactiveCapabilityCurve/ReactiveCapabilityCurveTableForm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFieldArray } from "react-hook-form";
 import { useCallback, useEffect } from "react";
-import { Grid2, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { Delete, ControlPoint } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
 import { INSERT, REMOVE } from "./reactiveCapability.utils.js";
@@ -72,9 +72,9 @@ function ReactiveCapabilityCurveTableForm({
       }
     }
   }, [insertRow, rows]);
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(ErrorInput, { name: id, InputField: MidFormError }) }),
-    tableHeadersIds.map((header) => /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(FormattedMessage, { id: header }) }, header)),
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ErrorInput, { name: id, InputField: MidFormError }) }),
+    tableHeadersIds.map((header) => /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(FormattedMessage, { id: header }) }, header)),
     rows.map((value, index, displayedValues) => {
       let labelSuffix;
       if (index === 0) {
@@ -84,9 +84,9 @@ function ReactiveCapabilityCurveTableForm({
       } else {
         labelSuffix = index - 1;
       }
-      return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 3, width: "100%", children: [
+      return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, width: "100%", children: [
         /* @__PURE__ */ jsx(ReactiveCapabilityCurveRowForm, { id, index, labelSuffix }),
-        /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => handleRemoveRow(index),
@@ -95,7 +95,7 @@ function ReactiveCapabilityCurveTableForm({
           },
           value.id
         ) }),
-        index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
+        index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => handleInsertRow(),

package/dist/features/network-modifications/common/regulatingTerminal/RegulatingTerminalForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { createFilterOptions, Grid2, Box, Popper } from "@mui/material";
+import { createFilterOptions, Grid, Box, Popper } from "@mui/material";
 import { useState, useMemo, useEffect, useCallback } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -77,8 +77,8 @@ function RegulatingTerminalForm({
   const resetEquipment = useCallback(() => {
     setValue(`${id}.${FieldConstants.EQUIPMENT}`, null);
   }, [id, setValue]);
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, direction: direction ?? "row", spacing: 1, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: itemSize, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: direction ?? "row", spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { size: itemSize, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${id}.${FieldConstants.VOLTAGE_LEVEL}`,
@@ -110,7 +110,7 @@ function RegulatingTerminalForm({
         allowNewValue: true
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: itemSize, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: itemSize, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${id}.${FieldConstants.EQUIPMENT}`,

package/dist/features/network-modifications/common/setpoints/SetPointsForm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 import { ActivePowerAdornment, ReactivePowerAdornment } from "../../../../utils/constants/adornments.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -36,8 +36,8 @@ import "react-papaparse";
 function SetPointsForm({ previousValues, isModification = false }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "Setpoints" }),
-    /* @__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.ACTIVE_POWER_SET_POINT,
@@ -47,7 +47,7 @@ function SetPointsForm({ previousValues, isModification = false }) {
           clearable: isModification
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.REACTIVE_POWER_SET_POINT,

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 {