@gridsuite/commons-ui 0.238.0 → 0.240.0

package/dist/features/parameters/short-circuit/short-circuit-general-tab-panel.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useMemo, useEffect } from "react";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { green, red } from "@mui/material/colors";
 import { Lens } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, intlPredefinedParametersOptions, intlInitialVoltageProfileMode, PredefinedParameters, InitialVoltage, SHORT_CIRCUIT_WITH_FEEDER_RESULT } from "./constants.js";
 import { VoltageTable } from "./short-circuit-voltage-table.js";
-import GridItem from "../../../components/composite/grid/grid-item.js";
-import GridSection from "../../../components/composite/grid/grid-section.js";
+import { GridItem } from "../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../components/composite/grid/grid-section.js";
 import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
@@ -122,9 +122,9 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       const newPredefinedParameters = event.target.value;
       resetAll(newPredefinedParameters);
     };
-    const feederResult = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
+    const feederResult = /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
     ] });
     const predefinedParameters = /* @__PURE__ */ jsx(
       MuiSelectInput,
@@ -183,26 +183,26 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       isIccMaxFeaturesDefaultConfiguration,
       isIccMinFeaturesDefaultConfiguration
     ]);
-    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 2, xl: 6, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
+    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid2, { container: true, paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { container: true, paddingTop: 2, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPredefinedParameters", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { xl: 6, container: true, spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Grid2, { size: { xl: 6 }, container: true, spacing: 1, alignItems: "center", children: [
         /* @__PURE__ */ jsx(GridItem, { size: 9, children: predefinedParameters }),
         /* @__PURE__ */ jsx(GridItem, { size: 2, children: statusToShow })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitCharacteristics", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 5, children: [
-        /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 5, size: 12, children: [
+        /* @__PURE__ */ jsxs(Grid2, { children: [
           /* @__PURE__ */ jsx(GridItem, { children: loads }),
           /* @__PURE__ */ jsx(GridItem, { children: shuntCompensators })
         ] }),
-        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 8, children: [
+        /* @__PURE__ */ jsxs(Grid2, { size: 8, children: [
           /* @__PURE__ */ jsx(GridItem, { children: vsc }),
           /* @__PURE__ */ jsx(GridItem, { children: neutralPosition })
         ] })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitVoltageProfileMode", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
       /* @__PURE__ */ jsx(VoltageTable, { voltageProfileMode: watchInitialVoltageProfileMode })
     ] }) });
   }

package/dist/features/parameters/short-circuit/short-circuit-icc-cluster-table-cell.d.ts

@@ -4,4 +4,4 @@ export declare function ShortCircuitIccClusterTableCell({ formName, rowIndex, co
     rowIndex: number;
     column: IccClusterIColumnsDef;
     inputsDisabled?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/short-circuit/short-circuit-icc-cluster-table-row.d.ts

@@ -5,5 +5,5 @@ interface ShortCircuitIccClusterTableRowProps {
     index: number;
     onDeleteButton: (index: number) => void;
 }
-export declare function ShortCircuitIccClusterTableRow({ formName, columnsDefinition, index, onDeleteButton, }: Readonly<ShortCircuitIccClusterTableRowProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitIccClusterTableRow({ formName, columnsDefinition, index, onDeleteButton, }: Readonly<ShortCircuitIccClusterTableRowProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/short-circuit/short-circuit-icc-cluster-table.d.ts

@@ -4,5 +4,5 @@ interface ShortCircuitIccClusterTableProps {
     formName: string;
     createRows: () => unknown;
 }
-export declare function ShortCircuitIccClusterTable({ formName, columnsDefinition, createRows, }: Readonly<ShortCircuitIccClusterTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitIccClusterTable({ formName, columnsDefinition, createRows, }: Readonly<ShortCircuitIccClusterTableProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/short-circuit/short-circuit-icc-material-table-cell.d.ts

@@ -4,4 +4,4 @@ export declare function ShortCircuitIccMaterialTableCell({ formName, rowIndex, c
     rowIndex: number;
     column: IccMaterialIColumnsDef;
     inputsDisabled?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/short-circuit/short-circuit-icc-material-table-row.d.ts

@@ -4,5 +4,5 @@ interface ShortCircuitIccMaterialTableRowProps {
     columnsDefinition: IccMaterialIColumnsDef[];
     index: number;
 }
-export declare function ShortCircuitIccMaterialTableRow({ formName, columnsDefinition, index, }: Readonly<ShortCircuitIccMaterialTableRowProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitIccMaterialTableRow({ formName, columnsDefinition, index, }: Readonly<ShortCircuitIccMaterialTableRowProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/short-circuit/short-circuit-icc-material-table.d.ts

@@ -3,5 +3,5 @@ interface ShortCircuitIccMaterialTableProps {
     columnsDefinition: IccMaterialIColumnsDef[];
     formName: string;
 }
-export declare function ShortCircuitIccMaterialTable({ formName, columnsDefinition, }: Readonly<ShortCircuitIccMaterialTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitIccMaterialTable({ formName, columnsDefinition, }: Readonly<ShortCircuitIccMaterialTableProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/short-circuit/short-circuit-parameters-content.d.ts

@@ -2,5 +2,5 @@ import { UseShortCircuitParametersFormReturn } from './use-short-circuit-paramet
 type ShortCircuitParametersContentProps = {
     shortCircuitMethods: UseShortCircuitParametersFormReturn;
 };
-declare function ShortCircuitParametersContent({ shortCircuitMethods }: Readonly<ShortCircuitParametersContentProps>): import("react/jsx-runtime").JSX.Element;
+declare function ShortCircuitParametersContent({ shortCircuitMethods }: Readonly<ShortCircuitParametersContentProps>): import("react").JSX.Element;
 export default ShortCircuitParametersContent;

package/dist/features/parameters/short-circuit/short-circuit-parameters-content.js

@@ -1,17 +1,17 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useWatch } from "react-hook-form";
-import { Grid, Tabs, Tab, Box } from "@mui/material";
+import { Grid2, Tabs, Tab, Box } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { getTabStyle, parametersStyles } from "../parameters-style.js";
 import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
 import { ShortCircuitGeneralTabPanel } from "./short-circuit-general-tab-panel.js";
 import { ShortCircuitStudyAreaTabPanel } from "./short-circuit-study-area-tab-panel.js";
 import { ShortCircuitPowerElectronicsTabPanel } from "./short-circuit-power-electronics-tab-panel.js";
-import { SPECIFIC_PARAMETERS } from "../common/constants.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { SPECIFIC_PARAMETERS } from "../common/constants.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -65,7 +65,7 @@ function ShortCircuitParametersContent({ shortCircuitMethods }) {
     [watchSpecificParameters]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
+    /* @__PURE__ */ jsx(Grid2, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
       /* @__PURE__ */ jsx(
         Tab,
         {
@@ -91,7 +91,7 @@ function ShortCircuitParametersContent({ shortCircuitMethods }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid, { item: true, sx: styles.maxWidth, children: [
+    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid2, { sx: styles.maxWidth, children: [
       /* @__PURE__ */ jsx(ShortCircuitGeneralTabPanel, { resetAll, value: selectedTab }),
       isThereSpecificParameters && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(ShortCircuitStudyAreaTabPanel, { value: selectedTab }),

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.d.ts

@@ -1,2 +1,2 @@
 import { ParametersEditionDialogProps } from '../common';
-export declare function ShortCircuitParametersEditionDialog({ id, open, onClose, titleId, name, description, activeDirectory, userProfile, language, }: Readonly<ParametersEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitParametersEditionDialog({ id, open, onClose, titleId, name, description, activeDirectory, userProfile, language, }: Readonly<ParametersEditionDialogProps>): import("react").JSX.Element;

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -5,6 +5,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { ComputingType } from "../../../utils/types/computing-type.js";
 import "@mui/icons-material";
 import { fetchShortCircuitParameters, updateShortCircuitParameters, getShortCircuitSpecificParametersDescription } from "../../../services/short-circuit-analysis.js";
 import "react";
@@ -36,12 +37,6 @@ import "react-resizable-panels";
 import "react-papaparse";
 import { useShortCircuitParametersForm } from "./use-short-circuit-parameters-form.js";
 import { ShortCircuitParametersForm } from "./short-circuit-parameters-form.js";
-import { ComputingType } from "../common/computing-type.js";
-import "../common/widget/parameter-line-slider.js";
-import "../common/limitreductions/columns-definitions.js";
-import "../common/contingency-table/contingency-table.js";
-import "../common/contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
 function ShortCircuitParametersEditionDialog({
   id,
   open,

package/dist/features/parameters/short-circuit/short-circuit-parameters-form.d.ts

@@ -5,5 +5,5 @@ interface ShortCircuitParametersFormProps {
     renderTitleFields?: () => ReactNode;
     renderActions?: () => ReactNode;
 }
-export declare function ShortCircuitParametersForm({ shortCircuitMethods, renderTitleFields, renderActions, }: Readonly<ShortCircuitParametersFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitParametersForm({ shortCircuitMethods, renderTitleFields, renderActions, }: Readonly<ShortCircuitParametersFormProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/short-circuit/short-circuit-parameters-form.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Grid, LinearProgress } from "@mui/material";
+import { Box, Stack, Grid2, LinearProgress } from "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
@@ -46,14 +46,11 @@ function ShortCircuitParametersForm({
 }) {
   const { formMethods, formSchema, paramsLoaded } = shortCircuitMethods;
   return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(Box, { sx: styles.shortCircuitParameters, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields?.() }),
-    paramsLoaded ? /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitParametersContent, { shortCircuitMethods }) }) : /* @__PURE__ */ jsx(LinearProgress, {}),
+    /* @__PURE__ */ jsx(Stack, { children: renderTitleFields?.() }),
+    paramsLoaded ? /* @__PURE__ */ jsx(Grid2, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitParametersContent, { shortCircuitMethods }) }) : /* @__PURE__ */ jsx(LinearProgress, {}),
     /* @__PURE__ */ jsx(
-      Grid,
+      Stack,
       {
-        item: true,
-        container: true,
-        direction: "column",
         sx: {
           position: "absolute",
           bottom: "15px"

package/dist/features/parameters/short-circuit/short-circuit-parameters-inline.d.ts

@@ -1,8 +1,7 @@
 import { UUID } from 'node:crypto';
-import { UseParametersBackendReturnProps } from '../../../utils';
-import { ComputingType } from '../common';
+import { ComputingType, UseParametersBackendReturnProps } from '../../../utils';
 export declare function ShortCircuitParametersInLine({ studyUuid, setHaveDirtyFields, parametersBackend, }: Readonly<{
     studyUuid: UUID | null;
     setHaveDirtyFields: (isDirty: boolean) => void;
     parametersBackend: UseParametersBackendReturnProps<ComputingType.SHORT_CIRCUIT>;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/short-circuit/short-circuit-parameters-inline.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { Box, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
@@ -106,7 +106,7 @@ function ShortCircuitParametersInLine({
       shortCircuitMethods,
       renderActions: () => {
         return /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+          /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
             /* @__PURE__ */ jsx(
               LabelledButton,
               {

package/dist/features/parameters/short-circuit/short-circuit-parameters-utils.js

@@ -1,16 +1,16 @@
 import * as yup from "yup";
-import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, NODE_CLUSTER, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, NODE_CLUSTER_FILTER_IDS } from "./constants.js";
-import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
-import "react/jsx-runtime";
-import "@mui/material";
-import "react-intl";
-import "react";
+import { SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, NODE_CLUSTER, NODE_CLUSTER_FILTER_IDS, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_FEEDER_RESULT } from "./constants.js";
 import { ID } from "../../../utils/constants/filterConstant.js";
 import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
 import "@mui/icons-material";
+import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
+import "@mui/material";
+import "react-intl";
+import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -41,7 +41,7 @@ import "../common/contingency-table/contingency-table.js";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
-import { getSpecificParametersFormSchema, getDefaultSpecificParamsValues, getAllSpecificParametersValues, formatSpecificParameters } from "../common/utils.js";
+import { formatSpecificParameters, getDefaultSpecificParamsValues, getAllSpecificParametersValues, getSpecificParametersFormSchema } from "../common/utils.js";
 var ShortCircuitParametersTabValues = /* @__PURE__ */ ((ShortCircuitParametersTabValues2) => {
   ShortCircuitParametersTabValues2["GENERAL"] = "General";
   ShortCircuitParametersTabValues2["STUDY_AREA"] = "StudyArea";

package/dist/features/parameters/short-circuit/short-circuit-power-electronics-tab-panel.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { ShortCircuitIccMaterialTable } from "./short-circuit-icc-material-table.js";
-import { SPECIFIC_PARAMETERS } from "../common/constants.js";
-import { TabPanel } from "../common/parameters.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { SPECIFIC_PARAMETERS } from "../common/constants.js";
+import { TabPanel } from "../common/parameters.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -40,8 +40,8 @@ import "../common/contingency-table/contingency-table.js";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
-import GridSection from "../../../components/composite/grid/grid-section.js";
-import GridItem from "../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../components/composite/grid/grid-section.js";
+import { GridItem } from "../../../components/composite/grid/grid-item.js";
 import { SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS } from "./constants.js";
 import { ShortCircuitIccClusterTable } from "./short-circuit-icc-cluster-table.js";
 import { COLUMNS_DEFINITIONS_ICC_MATERIALS, COLUMNS_DEFINITIONS_ICC_CLUSTERS } from "./columns-definition.js";
@@ -65,13 +65,13 @@ function createRows() {
 }
 const ShortCircuitPowerElectronicsTabPanel = forwardRef(
   ({ ...othersTabPanelProps }, ref) => {
-    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
+    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
     ] });
     return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.POWER_ELECTRONICS, ref, ...othersTabPanelProps, children: [
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPowerElectronicsSection", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid, { container: true, xl: 6, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),
+      /* @__PURE__ */ jsx(Grid2, { container: true, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),
       /* @__PURE__ */ jsx(
         ShortCircuitIccMaterialTable,
         {

package/dist/features/parameters/short-circuit/short-circuit-study-area-tab-panel.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Grid, Box } from "@mui/material";
+import { Grid2, Box } from "@mui/material";
 import { useFormContext } from "react-hook-form";
-import { SPECIFIC_PARAMETERS } from "../common/constants.js";
-import { TabPanel } from "../common/parameters.js";
-import "react-intl";
 import { ActivePowerAdornment } from "../../../utils/constants/adornments.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { EquipmentType } from "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { SPECIFIC_PARAMETERS } from "../common/constants.js";
+import { TabPanel } from "../common/parameters.js";
+import "react-intl";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -44,8 +44,8 @@ import "../common/contingency-table/contingency-table.js";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
-import GridSection from "../../../components/composite/grid/grid-section.js";
-import GridItem from "../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../components/composite/grid/grid-section.js";
+import { GridItem } from "../../../components/composite/grid/grid-item.js";
 import { NODE_CLUSTER_FILTER_IDS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, onlyStartedGeneratorsOptions, STARTED_GENERATORS_IN_CALCULATION_CLUSTER_THRESHOLD, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER_THRESHOLD } from "./constants.js";
 import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
 const equipmentTypes = [EquipmentType.VOLTAGE_LEVEL];
@@ -111,7 +111,7 @@ const ShortCircuitStudyAreaTabPanel = forwardRef(
     );
     return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.STUDY_AREA, ref, ...othersTabPanelProps, children: [
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitInClusterFilter", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, sx: { paddingBottom: 4 }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: "grow", sx: { paddingBottom: 4 }, children: /* @__PURE__ */ jsx(
         DirectoryItemsInput,
         {
           titleId: "FiltersListsSelection",

package/dist/features/parameters/short-circuit/short-circuit-voltage-table.d.ts

@@ -2,4 +2,4 @@ import { InitialVoltage } from './constants';
 export interface VoltageTableProps {
     voltageProfileMode: InitialVoltage;
 }
-export declare function VoltageTable({ voltageProfileMode }: Readonly<VoltageTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function VoltageTable({ voltageProfileMode }: Readonly<VoltageTableProps>): import("react").JSX.Element;

package/dist/features/parameters/short-circuit/use-short-circuit-parameters-form.d.ts

@@ -2,9 +2,8 @@ import { FieldErrors, UseFormReturn } from 'react-hook-form';
 import { SyntheticEvent } from 'react';
 import { UUID } from 'node:crypto';
 import { PredefinedParameters } from './constants';
-import { SpecificParameterInfos, UseParametersBackendReturnProps } from '../../../utils';
+import { ComputingType, SpecificParameterInfos, UseParametersBackendReturnProps } from '../../../utils';
 import { ShortCircuitParametersInfos } from './short-circuit-parameters.type';
-import { ComputingType } from '../common';
 import { ShortCircuitParametersTabValues } from './short-circuit-parameters-utils';
 import * as yup from 'yup';
 export interface UseShortCircuitParametersFormReturn {

package/dist/features/parameters/voltage-init/equipment-selection-parameters.d.ts

@@ -4,4 +4,4 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export declare function EquipmentSelectionParameters(): import("react/jsx-runtime").JSX.Element;
+export declare function EquipmentSelectionParameters(): import("react").JSX.Element;

package/dist/features/parameters/voltage-init/equipment-selection-parameters.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Alert } from "@mui/material";
+import { Stack, Alert, Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import "@mui/icons-material";
 import "../../../components/ui/overflowableText/OverflowableText.js";
@@ -63,9 +63,9 @@ const initialEquipmentsSelectionType = {
   }
 };
 function EquipmentSelectionParameters() {
-  return /* @__PURE__ */ jsxs(Grid, { item: true, container: true, direction: "column", children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(Alert, { sx: equipmentsSelectionStyles.alert, severity: "info", variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersEquipmentsSelectionAlert" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: GENERATORS_SELECTION_TYPE,
@@ -82,7 +82,7 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: TRANSFORMERS_SELECTION_TYPE,
@@ -99,7 +99,7 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid2, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {
         name: SHUNT_COMPENSATORS_SELECTION_TYPE,

package/dist/features/parameters/voltage-init/general-parameters.d.ts

@@ -1,4 +1,4 @@
 export interface GeneralParametersProps {
     withApplyModifications: boolean;
 }
-export declare function GeneralParameters({ withApplyModifications }: Readonly<GeneralParametersProps>): import("react/jsx-runtime").JSX.Element;
+export declare function GeneralParameters({ withApplyModifications }: Readonly<GeneralParametersProps>): import("react").JSX.Element;

package/dist/features/parameters/voltage-init/general-parameters.js

@@ -1,15 +1,15 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useCallback } from "react";
 import { FormattedMessage } from "react-intl";
-import { Grid, Alert, Box } from "@mui/material";
+import { Grid2, Alert, Box } from "@mui/material";
 import { GENERAL, GENERAL_APPLY_MODIFICATIONS, UPDATE_BUS_VOLTAGE, REACTIVE_SLACKS_THRESHOLD, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD } from "./constants.js";
-import { LineSeparator } from "../common/line-separator.js";
-import { parametersStyles } from "../parameters-style.js";
 import { ReactivePowerAdornment } from "../../../utils/constants/adornments.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { LineSeparator } from "../common/line-separator.js";
+import { parametersStyles } from "../parameters-style.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -65,7 +65,7 @@ function GeneralParameters({ withApplyModifications }) {
     },
     [setValue]
   );
-  return /* @__PURE__ */ jsxs(Grid, { children: [
+  return /* @__PURE__ */ jsxs(Grid2, { children: [
     withApplyModifications && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Alert, { sx: parametersStyles.adjustExistingLimitsInfo, severity: "info", variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersGeneralSaveInfo" }) }),
       /* @__PURE__ */ jsx(

package/dist/features/parameters/voltage-init/voltage-init-form-utils.js

@@ -1,11 +1,11 @@
 import { EquipmentsSelectionType } from "./voltage-init.type.js";
-import { DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, DEFAULT_REACTIVE_SLACKS_THRESHOLD, DEFAULT_UPDATE_BUS_VOLTAGE, DEFAULT_GENERAL_APPLY_MODIFICATIONS, VARIABLE_SHUNT_COMPENSATORS, SHUNT_COMPENSATORS_SELECTION_TYPE, VARIABLE_TRANSFORMERS, TRANSFORMERS_SELECTION_TYPE, VARIABLE_Q_GENERATORS, GENERATORS_SELECTION_TYPE, VOLTAGE_LIMITS_DEFAULT, HIGH_VOLTAGE_LIMIT, LOW_VOLTAGE_LIMIT, PRIORITY, VOLTAGE_LIMITS_MODIFICATION, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, VoltageInitTabValues, REACTIVE_SLACKS_THRESHOLD, UPDATE_BUS_VOLTAGE, GENERAL_APPLY_MODIFICATIONS } from "./constants.js";
+import { DEFAULT_UPDATE_BUS_VOLTAGE, VARIABLE_SHUNT_COMPENSATORS, SHUNT_COMPENSATORS_SELECTION_TYPE, VARIABLE_TRANSFORMERS, TRANSFORMERS_SELECTION_TYPE, VARIABLE_Q_GENERATORS, GENERATORS_SELECTION_TYPE, VOLTAGE_LIMITS_DEFAULT, HIGH_VOLTAGE_LIMIT, LOW_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VoltageInitTabValues, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, REACTIVE_SLACKS_THRESHOLD, UPDATE_BUS_VOLTAGE, GENERAL_APPLY_MODIFICATIONS, DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, DEFAULT_REACTIVE_SLACKS_THRESHOLD, DEFAULT_GENERAL_APPLY_MODIFICATIONS, PRIORITY } from "./constants.js";
 import "react/jsx-runtime";
 import "@mui/material";
 import "@mui/icons-material";
 import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
-import { FILTER_NAME, FILTER_ID, ID, FILTERS } from "../../../utils/constants/filterConstant.js";
+import { FILTER_NAME, ID, FILTER_ID, FILTERS } from "../../../utils/constants/filterConstant.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "react";

package/dist/features/parameters/voltage-init/voltage-init-parameters-dialog.d.ts

@@ -1,2 +1,2 @@
 import { ParametersEditionDialogProps } from '../common';
-export declare function VoltageInitParametersEditionDialog({ id, open, onClose, titleId, name, description, activeDirectory, language, }: Readonly<ParametersEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function VoltageInitParametersEditionDialog({ id, open, onClose, titleId, name, description, activeDirectory, language, }: Readonly<ParametersEditionDialogProps>): import("react").JSX.Element;

package/dist/features/parameters/voltage-init/voltage-init-parameters-form.d.ts

@@ -25,5 +25,5 @@ interface VoltageInitParametersFormProps {
     renderTitleFields?: () => ReactNode;
     renderActions?: () => ReactNode;
 }
-export declare function VoltageInitParametersForm({ voltageInitMethods, renderTitleFields, renderActions, }: Readonly<VoltageInitParametersFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function VoltageInitParametersForm({ voltageInitMethods, renderTitleFields, renderActions, }: Readonly<VoltageInitParametersFormProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/voltage-init/voltage-init-parameters-form.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Grid, LinearProgress, Tabs, Tab } from "@mui/material";
+import { Box, Grid2, Stack, LinearProgress, Tabs, Tab } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import { getTabIndicatorStyle, getTabStyle } from "../parameters-style.js";
+import { getTabStyle, getTabIndicatorStyle } from "../parameters-style.js";
 import "@mui/icons-material";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
@@ -75,8 +75,8 @@ function VoltageInitParametersForm({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: renderActions ? styles.gridWithActions : styles.gridWithoutActions, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields?.() }),
+        /* @__PURE__ */ jsxs(Grid2, { container: true, sx: renderActions ? styles.gridWithActions : styles.gridWithoutActions, children: [
+          /* @__PURE__ */ jsx(Stack, { children: renderTitleFields?.() }),
           paramsLoading ? /* @__PURE__ */ jsx(LinearProgress, {}) : /* @__PURE__ */ jsxs(
             Box,
             {
@@ -122,7 +122,7 @@ function VoltageInitParametersForm({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+                /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
                   /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.GENERAL, children: /* @__PURE__ */ jsx(GeneralParameters, { withApplyModifications: renderActions != null }) }),
                   /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.VOLTAGE_LIMITS, children: /* @__PURE__ */ jsx(VoltageLimitsParameters, {}) }),
                   /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: VoltageInitTabValues.EQUIPMENTS_SELECTION, children: /* @__PURE__ */ jsx(EquipmentSelectionParameters, {}) })
@@ -132,11 +132,8 @@ function VoltageInitParametersForm({
           )
         ] }),
         renderActions && /* @__PURE__ */ jsx(
-          Grid,
+          Stack,
           {
-            item: true,
-            container: true,
-            direction: "column",
             sx: {
               position: "fixed",
               bottom: "15px"

package/dist/features/parameters/voltage-init/voltage-init-parameters-inline.d.ts

@@ -4,4 +4,4 @@ export declare function VoltageInitParametersInLine({ studyUuid, setHaveDirtyFie
     studyUuid: UUID | null;
     setHaveDirtyFields: (isDirty: boolean) => void;
     voltageInitParameters: VoltageInitStudyParameters | null;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/voltage-init/voltage-init-parameters-inline.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { Box, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
@@ -115,7 +115,7 @@ function VoltageInitParametersInLine({
       voltageInitMethods,
       renderActions: () => {
         return /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+          /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
             /* @__PURE__ */ jsx(
               LabelledButton,
               {

package/dist/features/parameters/voltage-init/voltage-limits-parameters.d.ts

@@ -4,4 +4,4 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export declare function VoltageLimitsParameters(): import("react/jsx-runtime").JSX.Element;
+export declare function VoltageLimitsParameters(): import("react").JSX.Element;

package/dist/features/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { useIntl } from "react-intl";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
@@ -141,7 +141,7 @@ function VoltageLimitsParameters() {
     return newRowData;
   }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
   const createVoltageLimitDefaultRows = () => [newDefaultRowData];
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
     /* @__PURE__ */ jsx(
       ParameterTableField,
       {