@gridsuite/commons-ui 0.259.0 → 0.261.0

package/dist/features/network-modifications/by-filter/assignment/assignment/assignment-constants.js

@@ -1,5 +1,5 @@
 import { DataType } from "./assignment.type.js";
-import { MEGA_VAR, SIEMENS, MEGA_WATT, PERCENTAGE, OHM, MEGA_VOLT_AMPERE, KILO_VOLT, MICRO_SIEMENS, KILO_AMPERE } from "../../../../../utils/constants/unitsConstants.js";
+import { MEGA_VAR, SIEMENS, MEGA_WATT, KILO_VOLT, PERCENTAGE, OHM, MEGA_VOLT_AMPERE, MICRO_SIEMENS, KILO_AMPERE } from "../../../../../utils/constants/unitsConstants.js";
 import "../../../../../utils/conversionUtils.js";
 import { EquipmentType, LOAD_TYPES } from "../../../../../utils/types/equipmentType.js";
 import { FieldType } from "../../../../../utils/types/fieldType.js";
@@ -55,7 +55,7 @@ const FIELD_OPTIONS = {
   },
   VOLTAGE_SET_POINT: {
     id: FieldType.VOLTAGE_SET_POINT,
-    label: "GeneratorTargetV",
+    label: "TargetV",
     unit: KILO_VOLT,
     dataType: DataType.DOUBLE
   },
@@ -382,6 +382,8 @@ const EQUIPMENTS_FIELDS = {
   ],
   [EquipmentType.BATTERY]: [
     FIELD_OPTIONS.PROPERTY,
+    FIELD_OPTIONS.VOLTAGE_REGULATOR_ON,
+    FIELD_OPTIONS.VOLTAGE_SET_POINT,
     FIELD_OPTIONS.MINIMUM_ACTIVE_POWER,
     FIELD_OPTIONS.MAXIMUM_ACTIVE_POWER,
     FIELD_OPTIONS.ACTIVE_POWER_SET_POINT,

package/dist/features/network-modifications/by-filter/assignment/modification-by-assignment-form.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Grid2 } from "@mui/material";
+import { Box, Grid } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 import "@mui/icons-material";
 import "react-intl";
@@ -75,8 +75,8 @@ function ModificationByAssignmentForm() {
     }
   );
   return /* @__PURE__ */ jsxs(Box, { sx: mergeSx(unscrollableDialogStyles.unscrollableContainer, { height: "100%" }), children: [
-    /* @__PURE__ */ jsx(Grid2, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 3.15, children: equipmentTypeField }) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: assignmentsField }) })
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 3.15, children: equipmentTypeField }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: assignmentsField }) })
   ] });
 }
 export {

package/dist/features/network-modifications/by-filter/deletion/ByFilterDeletionForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useCallback } from "react";
 import { useWatch, useFormContext } from "react-hook-form";
 import "@mui/icons-material";
@@ -45,8 +45,8 @@ function ByFilterDeletionForm() {
   const handleEquipmentTypeChange = useCallback(() => {
     setValue(FieldConstants.FILTERS, []);
   }, [setValue]);
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, pt: 1, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, pt: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         isOptionEqualToValue: richTypeEquals,
@@ -58,7 +58,7 @@ function ByFilterDeletionForm() {
         size: "small"
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
       DirectoryItemsInput,
       {
         name: FieldConstants.FILTERS,

package/dist/features/network-modifications/by-filter/formula/formula/formula-form.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useWatch } from "react-hook-form";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { DragHandle } from "@mui/icons-material";
 import { EQUIPMENTS_FIELDS } from "./formula-utils.js";
 import ReferenceAutocompleteInput from "./reference-autocomplete-input.js";
@@ -128,7 +128,7 @@ function FormulaForm({ name, index }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridItem, { size: 2.25, children: filtersField }),
     /* @__PURE__ */ jsx(GridItem, { size: 2.25, children: editedField }),
-    /* @__PURE__ */ jsx(Grid2, { size: 0.25, sx: { marginTop: 0.75 }, children: /* @__PURE__ */ jsx(DragHandle, {}) }),
+    /* @__PURE__ */ jsx(Grid, { size: 0.25, sx: { marginTop: 0.75 }, children: /* @__PURE__ */ jsx(DragHandle, {}) }),
     /* @__PURE__ */ jsx(GridItem, { size: 2.5, children: referenceField1 }),
     /* @__PURE__ */ jsx(GridItem, { size: 1.25, children: operatorField }),
     /* @__PURE__ */ jsx(GridItem, { size: 2.5, children: referenceField2 })

package/dist/features/network-modifications/by-filter/formula/formula/formula-utils.js

@@ -15,7 +15,7 @@ const EQUIPMENTS_FIELDS = {
     { id: "MAXIMUM_ACTIVE_POWER", label: "MaximumActivePowerText", unit: MEGA_WATT },
     { id: "ACTIVE_POWER_SET_POINT", label: "ActivePowerSetPointText", unit: MEGA_WATT },
     { id: "REACTIVE_POWER_SET_POINT", label: "ReactivePowerSetPointText", unit: MEGA_VAR },
-    { id: "VOLTAGE_SET_POINT", label: "GeneratorTargetV", unit: KILO_VOLT },
+    { id: "VOLTAGE_SET_POINT", label: "TargetV", unit: KILO_VOLT },
     {
       id: "PLANNED_ACTIVE_POWER_SET_POINT",
       label: "PlannedActivePowerSetPointForm",
@@ -38,6 +38,7 @@ const EQUIPMENTS_FIELDS = {
     { id: "MAXIMUM_ACTIVE_POWER", label: "MaximumActivePowerText", unit: MEGA_WATT },
     { id: "ACTIVE_POWER_SET_POINT", label: "ActivePowerSetPointText", unit: MEGA_WATT },
     { id: "REACTIVE_POWER_SET_POINT", label: "ReactivePowerSetPointText", unit: MEGA_VAR },
+    { id: "VOLTAGE_SET_POINT", label: "TargetV", unit: KILO_VOLT },
     { id: "DROOP", label: "Droop", unit: PERCENTAGE },
     { id: "TRANSIENT_REACTANCE", label: "TransientReactanceForm", unit: OHM },
     {

package/dist/features/network-modifications/by-filter/formula/modification-by-formula-form.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext } from "react-hook-form";
-import { Box, Grid2 } from "@mui/material";
+import { Box, Grid } from "@mui/material";
 import FormulaForm from "./formula/formula-form.js";
 import { getFormulaInitialValue } from "./formula/formula-utils.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -101,8 +101,8 @@ function ModificationByFormulaForm() {
     }
   );
   return /* @__PURE__ */ jsxs(Box, { sx: mergeSx(unscrollableDialogStyles.unscrollableContainer, { height: "100%" }), children: [
-    /* @__PURE__ */ jsx(Grid2, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 2.15, children: equipmentTypeField }) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: formulasField }) })
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 2.15, children: equipmentTypeField }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: formulasField }) })
   ] });
 }
 export {

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useMemo } from "react";
 import { useIntl } from "react-intl";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -54,8 +54,8 @@ function ConnectivityForm({
     return previousValues.terminalConnected ? intl.formatMessage({ id: "connected" }) : intl.formatMessage({ id: "disconnected" });
   }, [intl, previousValues, isEquipmentModification]);
   const previousConnectionDirectionLabel = isEquipmentModification ? getConnectionDirectionLabel(previousValues?.connectablePosition?.connectionDirection) ?? null : null;
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: 8, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { size: 8, children: /* @__PURE__ */ jsx(
       VoltageLevelConnectivityForm,
       {
         id,
@@ -67,7 +67,7 @@ function ConnectivityForm({
         fetchBusesOrBusbarSections
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: isEquipmentModification ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: isEquipmentModification ? /* @__PURE__ */ jsx(
       CheckboxNullableInput,
       {
         name: `${id}.${FieldConstants.CONNECTED}`,
@@ -75,7 +75,7 @@ function ConnectivityForm({
         previousValue: previousConnectedField ?? void 0
       }
     ) : /* @__PURE__ */ jsx(SwitchInput, { name: `${id}.${FieldConstants.CONNECTED}`, label: "connected" }) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       TextInput,
       {
         name: `${id}.${FieldConstants.CONNECTION_NAME}`,
@@ -83,7 +83,7 @@ function ConnectivityForm({
         previousValue: isEquipmentModification ? previousValues?.connectablePosition?.connectionName ?? void 0 : void 0
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       SelectInput,
       {
         name: `${id}.${FieldConstants.CONNECTION_DIRECTION}`,
@@ -96,7 +96,7 @@ function ConnectivityForm({
         size: "small"
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
       PositionForm,
       {
         id,

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Grid2, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { ExploreOutlined, ExploreOffOutlined } from "@mui/icons-material";
 import { useState, useCallback, useMemo } from "react";
 import { useWatch } from "react-hook-form";
@@ -64,8 +64,8 @@ function PositionForm({
     }
     return "NoVoltageLevelPositionMessage";
   }, [isNodeBuilt, voltageLevelForPositionIcon]);
-  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(
       IntegerInput,
       {
         name: `${id}.${FieldConstants.CONNECTION_POSITION}`,
@@ -75,7 +75,7 @@ function PositionForm({
       }
     ) }),
     PositionDiagramPane && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
         IconButton,
         {
           ...isNodeBuilt && voltageLevelForPositionIcon && { onClick: handleClickOpenDiagramPane },

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,