@gridsuite/commons-ui 0.239.0 → 0.241.0

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">;
 };

package/dist/features/network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Stack, Grid2 } from "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -31,7 +31,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";
 import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import { filledTextField } from "../../common/form.utils.js";
@@ -70,9 +70,9 @@ function ShuntCompensatorCreationForm({
   fetchBusesOrBusbarSections,
   PositionDiagramPane
 }) {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_ID,
@@ -80,11 +80,11 @@ function ShuntCompensatorCreationForm({
           formProps: { autoFocus: true, ...filledTextField }
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
     ] }) }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+    /* @__PURE__ */ jsxs(Grid2, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(
         ConnectivityForm,
         {
           voltageLevelOptions,
@@ -93,11 +93,11 @@ function ShuntCompensatorCreationForm({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+    /* @__PURE__ */ jsxs(Grid2, { children: [
       /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
+      /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
   ] });
 }
 export {

package/dist/features/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.d.ts

@@ -4,10 +4,10 @@ import { ShuntCompensatorCreationDto } from './shuntCompensatorCreation.types';
 export declare const shuntCompensatorCreationFormSchema: import('yup').ObjectSchema<NonNullable<({
     maxQAtNominalV: number | null;
     maxSusceptance: number | null;
-    maximumSectionCount: number | null;
-    sectionCount: number | null;
-    switchedOnQAtNominalV: number | null | undefined;
-    switchedOnSusceptance: number | null | undefined;
+    maximumSectionCount: number;
+    sectionCount: number;
+    switchedOnQAtNominalV: import('yup').Maybe<number | undefined>;
+    switchedOnSusceptance: import('yup').Maybe<number | undefined>;
     characteristicsChoice: string;
     shuntCompensatorType: string | null;
     equipmentID: string;
@@ -27,10 +27,10 @@ export declare const shuntCompensatorCreationFormSchema: import('yup').ObjectSch
 } | {
     maxQAtNominalV: number | null;
     maxSusceptance: number | null;
-    maximumSectionCount: number;
-    sectionCount: number;
-    switchedOnQAtNominalV: import('yup').Maybe<number | undefined>;
-    switchedOnSusceptance: import('yup').Maybe<number | undefined>;
+    maximumSectionCount: number | null;
+    sectionCount: number | null;
+    switchedOnQAtNominalV: number | null | undefined;
+    switchedOnSusceptance: number | null | undefined;
     characteristicsChoice: string;
     shuntCompensatorType: string | null;
     equipmentID: string;
@@ -58,8 +58,8 @@ export declare const shuntCompensatorCreationFormSchema: import('yup').ObjectSch
 }>, import('yup').AnyObject, {
     maxQAtNominalV: null;
     maxSusceptance: null;
-    maximumSectionCount: null;
-    sectionCount: null;
+    maximumSectionCount: undefined;
+    sectionCount: undefined;
     switchedOnQAtNominalV: undefined;
     switchedOnSusceptance: undefined;
     characteristicsChoice: undefined;
@@ -82,8 +82,8 @@ export declare const shuntCompensatorCreationFormSchema: import('yup').ObjectSch
 } | {
     maxQAtNominalV: null;
     maxSusceptance: null;
-    maximumSectionCount: undefined;
-    sectionCount: undefined;
+    maximumSectionCount: null;
+    sectionCount: null;
     switchedOnQAtNominalV: undefined;
     switchedOnSusceptance: undefined;
     characteristicsChoice: undefined;

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid2, TextField } from "@mui/material";
+import { Stack, Grid2, TextField } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
 import "react-intl";
@@ -31,7 +31,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";
 import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import { PowerMeasurementsForm } from "../../common/measurements/PowerMeasurementsForm.js";
@@ -73,7 +73,7 @@ function ShuntCompensatorModificationForm({
   PositionDiagramPane
 }) {
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
-  return /* @__PURE__ */ jsxs(Grid2, { container: true, direction: "column", spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
     /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         TextField,

package/dist/features/network-modifications/shunt-compensator/modification/shuntCompensatorModification.utils.d.ts

@@ -4,10 +4,10 @@ import { ShuntCompensatorModificationDto } from './shuntCompensatorModification.
 export declare const shuntCompensatorModificationFormSchema: import('yup').ObjectSchema<NonNullable<({
     maxQAtNominalV: number | null;
     maxSusceptance: number | null;
-    maximumSectionCount: number | null;
-    sectionCount: number | null;
-    switchedOnQAtNominalV: number | null | undefined;
-    switchedOnSusceptance: number | null | undefined;
+    maximumSectionCount: number;
+    sectionCount: number;
+    switchedOnQAtNominalV: import('yup').Maybe<number | undefined>;
+    switchedOnSusceptance: import('yup').Maybe<number | undefined>;
     characteristicsChoice: string;
     shuntCompensatorType: string | null;
     equipmentID: string;
@@ -37,10 +37,10 @@ export declare const shuntCompensatorModificationFormSchema: import('yup').Objec
 } | {
     maxQAtNominalV: number | null;
     maxSusceptance: number | null;
-    maximumSectionCount: number;
-    sectionCount: number;
-    switchedOnQAtNominalV: import('yup').Maybe<number | undefined>;
-    switchedOnSusceptance: import('yup').Maybe<number | undefined>;
+    maximumSectionCount: number | null;
+    sectionCount: number | null;
+    switchedOnQAtNominalV: number | null | undefined;
+    switchedOnSusceptance: number | null | undefined;
     characteristicsChoice: string;
     shuntCompensatorType: string | null;
     equipmentID: string;
@@ -78,8 +78,8 @@ export declare const shuntCompensatorModificationFormSchema: import('yup').Objec
 }>, import('yup').AnyObject, {
     maxQAtNominalV: null;
     maxSusceptance: null;
-    maximumSectionCount: null;
-    sectionCount: null;
+    maximumSectionCount: undefined;
+    sectionCount: undefined;
     switchedOnQAtNominalV: undefined;
     switchedOnSusceptance: undefined;
     characteristicsChoice: undefined;
@@ -108,8 +108,8 @@ export declare const shuntCompensatorModificationFormSchema: import('yup').Objec
 } | {
     maxQAtNominalV: null;
     maxSusceptance: null;
-    maximumSectionCount: undefined;
-    sectionCount: undefined;
+    maximumSectionCount: null;
+    sectionCount: null;
     switchedOnQAtNominalV: undefined;
     switchedOnSusceptance: undefined;
     characteristicsChoice: undefined;

package/dist/features/network-modifications/substation/creation/SubstationCreationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Stack, Grid2 } from "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
@@ -64,11 +64,11 @@ import "../../../../components/composite/report/report-treeview/treeview-item.js
 import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function SubstationCreationForm() {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, 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(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: filledTextField }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: filledTextField }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         CountrySelectionInput,
         {
           name: FieldConstants.COUNTRY,
@@ -78,7 +78,7 @@ function SubstationCreationForm() {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation" }) })
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation" }) })
   ] });
 }
 export {

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, TextField } from "@mui/material";
+import { Stack, Grid2, TextField } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -65,9 +65,9 @@ function SubstationModificationForm({ substationToModify }) {
   const { locale } = useIntl();
   const { translate } = useLocalizedCountries(locale);
   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__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         TextField,
         {
           size: "small",
@@ -81,7 +81,7 @@ function SubstationModificationForm({ substationToModify }) {
           ...filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_NAME,
@@ -91,7 +91,7 @@ function SubstationModificationForm({ substationToModify }) {
           clearable: true
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", children: /* @__PURE__ */ jsx(
         CountrySelectionInput,
         {
           name: FieldConstants.COUNTRY,
@@ -102,7 +102,7 @@ function SubstationModificationForm({ substationToModify }) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation", isModification: true }) })
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation", isModification: true }) })
   ] });
 }
 export {

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Tabs, Tab, Box } from "@mui/material";
+import { Stack, Grid2, Tabs, Tab, Box } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import "@mui/icons-material";
@@ -78,9 +78,9 @@ function VoltageLevelCreationForm({
     VoltageLevelTab.SUBSTATION_TAB
   );
   const watchHideBusBarSection = useWatch({ name: FieldConstants.HIDE_BUS_BAR_SECTION });
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
         {
           name: FieldConstants.EQUIPMENT_ID,
@@ -88,9 +88,9 @@ function VoltageLevelCreationForm({
           formProps: { autoFocus: true, ...filledTextField }
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(
       Tabs,
       {
         value: tabIndex,
@@ -132,7 +132,7 @@ function VoltageLevelCreationForm({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+    /* @__PURE__ */ jsxs(Grid2, { children: [
       /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== VoltageLevelTab.SUBSTATION_TAB, children: /* @__PURE__ */ jsx(
         SubstationTab,
         {

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

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