@gridsuite/commons-ui 0.239.0 → 0.240.0

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 { Grid, IconButton } from "@mui/material";
+import { Grid2, 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(Grid, { item: true, container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ErrorInput, { name: id, InputField: MidFormError }) }),
-    tableHeadersIds.map((header) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(FormattedMessage, { id: header }) }, header)),
+  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)),
     rows.map((value, index, displayedValues) => {
       let labelSuffix;
       if (index === 0) {
@@ -84,9 +84,9 @@ function ReactiveCapabilityCurveTableForm({
       } else {
         labelSuffix = index - 1;
       }
-      return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, item: true, children: [
+      return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 3, children: [
         /* @__PURE__ */ jsx(ReactiveCapabilityCurveRowForm, { id, index, labelSuffix }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => handleRemoveRow(index),
@@ -95,7 +95,7 @@ function ReactiveCapabilityCurveTableForm({
           },
           value.id
         ) }),
-        index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
+        index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => handleInsertRow(),

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

@@ -78,7 +78,7 @@ function RegulatingTerminalForm({
     setValue(`${id}.${FieldConstants.EQUIPMENT}`, null);
   }, [id, setValue]);
   return /* @__PURE__ */ jsxs(Grid2, { container: true, direction: direction ?? "row", spacing: 1, children: [
-    /* @__PURE__ */ jsx(Grid2, { size: itemSize, sx: { align: "start" }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { size: itemSize, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${id}.${FieldConstants.VOLTAGE_LEVEL}`,
@@ -110,7 +110,7 @@ function RegulatingTerminalForm({
         allowNewValue: true
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid2, { size: itemSize, sx: { align: "start" }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { size: itemSize, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         name: `${id}.${FieldConstants.EQUIPMENT}`,

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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { Grid2 } 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";
 import "../../../../utils/conversionUtils.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(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { 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(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { 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 { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -32,7 +32,7 @@ import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import GridItem from "../../../../components/composite/grid/grid-item.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
 function ShortCircuitForm({ previousValues }) {
   const transientReactanceField = /* @__PURE__ */ jsx(
     FloatInput,
@@ -54,7 +54,7 @@ function ShortCircuitForm({ previousValues }) {
       clearable: true
     }
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { 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 { Box, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { useMemo } from "react";
 import { useWatch } from "react-hook-form";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -33,7 +33,7 @@ import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import GridItem from "../../../../components/composite/grid/grid-item.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
 import { RegulatingTerminalForm } from "../regulatingTerminal/RegulatingTerminalForm.js";
 import { REGULATION_TYPES } from "./voltageRegulation.utils.js";
 function VoltageRegulationForm({
@@ -83,10 +83,10 @@ function VoltageRegulationForm({
       }
     ) }),
     /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, justifySelf: "end" }),
+    /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end" }),
     /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
     isDistantRegulation && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, justifySelf: "end", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
       /* @__PURE__ */ jsx(GridItem, { size: 8, children: /* @__PURE__ */ jsx(
         RegulatingTerminalForm,
         {
@@ -98,7 +98,7 @@ function VoltageRegulationForm({
           equipmentSectionType: previousEquipmentSectionType
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, justifySelf: "end" }),
+      /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end" }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {

package/dist/features/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Stack, Grid2 } from "@mui/material";
 import { useRef, useState, useMemo, useEffect, useCallback } from "react";
 import { useWatch, useFormContext } from "react-hook-form";
 import { useHvdcLccDeletion } from "./hvdcLccDeletion/useHvdcLccDeletion.js";
@@ -154,9 +154,9 @@ function EquipmentDeletionForm({
   const handleTypeChange = useCallback(() => {
     setValue(FieldConstants.EQUIPMENT_ID, null);
   }, [setValue]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+  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(
         AutocompleteInput,
         {
           isOptionEqualToValue: richTypeEquals,
@@ -170,7 +170,7 @@ function EquipmentDeletionForm({
           formProps: filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         AutocompleteInput,
         {
           isOptionEqualToValue: areIdsEqual,
@@ -187,7 +187,7 @@ function EquipmentDeletionForm({
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {}) })
+    /* @__PURE__ */ jsx(Grid2, { children: watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {}) })
   ] });
 }
 export {

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

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { useFieldArray } from "react-hook-form";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 import { ShuntCompensatorSelectionForm } from "./ShuntCompensatorSelectionForm.js";
 function HvdcLccDeletionSpecificForm() {
   const { fields: mcsRows1 } = useFieldArray({
@@ -16,8 +16,8 @@ function HvdcLccDeletionSpecificForm() {
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "LCCConverterStationShuntCompensators" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         ShuntCompensatorSelectionForm,
         {
           title: "Side1",
@@ -25,7 +25,7 @@ function HvdcLccDeletionSpecificForm() {
           mcsRows: mcsRows1
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { 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 { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -32,7 +32,7 @@ import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 function ShuntCompensatorSelectionForm({
   title,
   arrayFormName,
@@ -40,14 +40,14 @@ function ShuntCompensatorSelectionForm({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title, heading: 4 }),
-    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
+    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
         CheckboxInput,
         {
           name: `${arrayFormName}[${index}].${FieldConstants.SHUNT_COMPENSATOR_SELECTED}`
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
+      /* @__PURE__ */ jsx(Grid2, { 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, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { filledTextField, italicFontTextField } from "../../common/form.utils.js";
@@ -38,7 +38,7 @@ import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
 import "../../common/properties/propertyUtils.js";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 import "react-dom";
 import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
@@ -53,7 +53,7 @@ import "react-querybuilder";
 import "uuid";
 import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
 import "../../../../components/composite/filter/utils/filterFormUtils.js";
-import GridItem from "../../../../components/composite/grid/grid-item.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
 import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
@@ -149,15 +149,15 @@ function GeneratorCreationForm({
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid2, { 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(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivityForm }) }),
+    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivityForm }) }),
     /* @__PURE__ */ jsx(GridSection, { title: "ActiveLimits" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid2, { 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 })
@@ -165,7 +165,7 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
       /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
       /* @__PURE__ */ jsx(
         GridItem,
@@ -182,10 +182,10 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__PURE__ */ jsx(GridSection, { title: "GenerationDispatch" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedActivePowerSetPointField }),
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: marginalCostField }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxs(Grid2, { 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, Grid } from "@mui/material";
+import { TextField, Grid2 } from "@mui/material";
 import { useIntl } from "react-intl";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
@@ -104,10 +104,10 @@ function GeneratorDialogHeader({ generatorToModify, equipmentId }) {
       previousValue: previousEnergySourceLabel
     }
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: generatorIdField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: generatorNameField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: energySourceField })
+  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 })
   ] });
 }
 export {

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Box, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { GeneratorDialogTab } from "./generatorTabs.utils.js";
@@ -37,7 +37,7 @@ import "react-resizable-panels";
 import "react-papaparse";
 import "../../common/properties/propertyUtils.js";
 import { PowerMeasurementsForm } from "../../common/measurements/PowerMeasurementsForm.js";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 import "react-dom";
 import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
@@ -52,7 +52,7 @@ import "react-querybuilder";
 import "uuid";
 import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
 import "../../../../components/composite/filter/utils/filterFormUtils.js";
-import GridItem from "../../../../components/composite/grid/grid-item.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
 import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
@@ -215,7 +215,7 @@ function GeneratorDialogTabsContent({
           isModification: true
         }
       ),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
         /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
         /* @__PURE__ */ jsx(
           GridItem,
@@ -235,16 +235,16 @@ function GeneratorDialogTabsContent({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid2, { size: 12, children: [
         /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Limits" }) }),
         /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ActiveLimits" }) })
       ] }) }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxs(Grid2, { 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(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ReactiveLimits" }) }) }) }),
+      /* @__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(
         ReactiveLimitsForm,
         {
@@ -258,10 +258,10 @@ function GeneratorDialogTabsContent({
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
       /* @__PURE__ */ jsx(ShortCircuitForm, { previousValues: generatorToModify?.generatorShortCircuit }),
       /* @__PURE__ */ jsx(GridSection, { title: "GenerationDispatch" }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedActivePowerSetPointField }),
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: marginalCostField }),
-        /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 2, children: [
+        /* @__PURE__ */ jsxs(Grid2, { 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 { Grid } from "@mui/material";
+import { Stack, Grid2 } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import { GeneratorDialogTab, GENERATOR_TAB_FIELDS } from "./generatorTabs.utils.js";
 import { GeneratorDialogHeader } from "./GeneratorDialogHeader.js";
@@ -23,9 +23,9 @@ function GeneratorModificationForm({
     GeneratorDialogTab.CONNECTIVITY_TAB
   );
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(GeneratorDialogHeader, { generatorToModify, equipmentId }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(GeneratorDialogHeader, { generatorToModify, equipmentId }) }),
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
       GeneratorDialogTabs,
       {
         tabIndex,
@@ -33,7 +33,7 @@ function GeneratorModificationForm({
         setTabIndex
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
       GeneratorDialogTabsContent,
       {
         tabIndex,

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TextField, Grid } from "@mui/material";
+import { TextField, Grid2 } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { filledTextField } from "../../common/form.utils.js";
@@ -103,10 +103,10 @@ function LoadDialogHeader({ loadToModify, isModification = false }) {
       }) : void 0
     }
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: loadIdField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: loadNameField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: loadTypeField })
+  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 })
   ] });
 }
 export {

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

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
 import { LoadDialogTab } from "./load.utils.js";
 import { PowerMeasurementsForm } from "../../common/measurements/PowerMeasurementsForm.js";
-import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
 import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import { SetPointsForm } from "../../common/setpoints/SetPointsForm.js";

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Stack, Grid2 } from "@mui/material";
 import { LoadDialogTab, LOAD_TAB_FIELDS } from "./load.utils.js";
 import { LoadDialogHeader } from "./LoadDialogHeader.js";
 import { LoadDialogTabs } from "./LoadDialogTabs.js";
@@ -16,9 +16,9 @@ function LoadForm({
     LOAD_TAB_FIELDS,
     LoadDialogTab.CONNECTIVITY_TAB
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
       LoadDialogTabs,
       {
         tabIndex,
@@ -27,7 +27,7 @@ function LoadForm({
         isModification
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { 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 { Grid, Box } from "@mui/material";
+import { Grid2, Box } 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(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maximumSectionCountField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: sectionCountField }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: characteristicsChoiceField }),
-    characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maxSusceptanceField }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: switchedOnSusceptanceField })
+  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, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: maxSusceptanceField }),
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: switchedOnSusceptanceField })
     ] }),
-    characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: shuntCompensatorTypeField }),
+    characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: shuntCompensatorTypeField }),
       /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maxQAtNominalVField }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: switchedOnMaxQAtNominalVField })
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: maxQAtNominalVField }),
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: switchedOnMaxQAtNominalVField })
     ] })
   ] });
 }

package/dist/features/network-modifications/shunt-compensator/common/characteristicsForm.utils.d.ts

@@ -7,19 +7,19 @@
 export declare const getCharacteristicsFormValidationSchema: (isModification: boolean) => {
     maxQAtNominalV: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
     maxSusceptance: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
-    maximumSectionCount: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
-    sectionCount: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
-    switchedOnQAtNominalV: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, undefined, "">;
-    switchedOnSusceptance: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, undefined, "">;
+    maximumSectionCount: import('yup').NumberSchema<number, import('yup').AnyObject, undefined, "">;
+    sectionCount: import('yup').NumberSchema<number, import('yup').AnyObject, undefined, "">;
+    switchedOnQAtNominalV: import('yup').NumberSchema<import('yup').Maybe<number | undefined>, import('yup').AnyObject, undefined, "">;
+    switchedOnSusceptance: import('yup').NumberSchema<import('yup').Maybe<number | undefined>, import('yup').AnyObject, undefined, "">;
     characteristicsChoice: import('yup').StringSchema<string, import('yup').AnyObject, undefined, "">;
     shuntCompensatorType: import('yup').StringSchema<string | null | undefined, import('yup').AnyObject, null, "d">;
 } | {
     maxQAtNominalV: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
     maxSusceptance: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
-    maximumSectionCount: import('yup').NumberSchema<number, import('yup').AnyObject, undefined, "">;
-    sectionCount: import('yup').NumberSchema<number, import('yup').AnyObject, undefined, "">;
-    switchedOnQAtNominalV: import('yup').NumberSchema<import('yup').Maybe<number | undefined>, import('yup').AnyObject, undefined, "">;
-    switchedOnSusceptance: import('yup').NumberSchema<import('yup').Maybe<number | undefined>, import('yup').AnyObject, undefined, "">;
+    maximumSectionCount: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
+    sectionCount: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, null, "d">;
+    switchedOnQAtNominalV: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, undefined, "">;
+    switchedOnSusceptance: import('yup').NumberSchema<number | null | undefined, import('yup').AnyObject, undefined, "">;
     characteristicsChoice: import('yup').StringSchema<string, import('yup').AnyObject, undefined, "">;
     shuntCompensatorType: import('yup').StringSchema<string | null | undefined, import('yup').AnyObject, null, "d">;
 };